@charset "utf-8";


.cleo_btn1 {display:flex; justify-content:center; align-items:center; width:162px; height:59px; background:#f5f5f5; border-radius:30px; font-size:1em; color:#000; font-weight:600; text-align:center; transition:all 0.4s; transition-property:background, color; font-family:'Pretendard'}
.cleo_btn1:hover {background:#430855; color:#fff}
.cleo_btn1.case2:hover {background:#bc6671}
.cleo_btn1.case3 {background:#bc6671; color:#fff;}
.cleo_btn1.case3:hover {background:#191919;}
.cleo_btn1.case4 {background:#bc6671; color:#fff;}
.cleo_btn1.case4:hover {background:#191919;}
.cleo_btn1.case5 {background:#bc6671; color:#fff;}
.cleo_btn1.case5:hover {background:#191919;}
.cleo_btn1.case6 {background:#430855; color:#fff;}
.cleo_btn1.case6:hover {background:#191919;}

@media screen and (max-width:1024px){
    .cleo_btn1 {width:140px; height:50px;}
}

@media screen and (max-width:767px){
    .cleo_btn1 {width:120px; height:38px;}
}


/* header */
#cleo_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:95px; position:fixed; left:0; top:0; z-index:300; padding:0 50px; transition:background 0.4s;}
#cleo_header > div {display:flex; align-items:center; height:100%;}

#cleo_header .h_lang {margin-left:50px; position:relative;}
#cleo_header .h_lang button {display:block; height:40px; background:rgba(255,255,255,0.2); backdrop-filter:blur(20px); border-radius:20px; font-size:0.875em; color:#fff; font-weight:700; text-transform:uppercase; font-family:'Pretendard'; padding:0 20px;}
#cleo_header .h_lang button:after {content:'\f0ac'; font-size:1.14em; font-weight:300; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
#cleo_header .h_lang ul {display:none; width:100%; position:absolute; left:0; top:100%;}
#cleo_header .h_lang ul li {margin-top:5px;}
#cleo_header .h_lang ul li a {display:block; width:100%; line-height:40px; background:rgba(255,255,255,0.2); backdrop-filter:blur(20px); border-radius:20px; font-size:0.875em; color:#fff; font-weight:700; text-transform:uppercase; padding:0 20px; transition:all 0.4s; transition-property:background, color;}
#cleo_header .h_lang ul li a:hover {background:#191919 !important; color:#fff !important;}

#cleo_logo {width:97px; height:34px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain}
#cleo_logo a {display:block; width:100%; height:100%;}

#cleo_gnb {margin-right:-25px; position:relative; z-index:10;}
#cleo_gnb > ul {display:flex;}
#cleo_gnb > ul > li {position:relative;}
#cleo_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:95px; font-weight:700; text-transform:uppercase; padding:0 25px; transition:color 0.4s;}
#cleo_gnb > ul > li > ul {width:100%; position:absolute; left:0; top:95%; opacity:0; visibility:hidden; transition:all 0.3s; transition-property:opacity, visibility, transform;}
#cleo_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#606060; padding:8px 0; text-align:center;}


#menuToggle {display:none;}


#cleo_header.sub_header.scroll_on {background:#fff;}
/*#cleo_header.sub_header #cleo_logo {background-image:url(../images/logo.svg)}
#cleo_header.sub_header #cleo_gnb > ul > li > a {color:#191919;}*/

/*#cleo_header.scroll_on {background:#fff;}*/
#cleo_header.scroll_on #cleo_logo {background-image:url(../images/logo.svg)}
#cleo_header.scroll_on .h_lang button {background:#f5f5f5; color:#191919;}
#cleo_header.scroll_on .h_lang ul li a {background:#f5f5f5; color:#191919;}
#cleo_header.scroll_on #cleo_gnb > ul > li > a {color:#191919;}

@media screen and (min-width:1025px){
    /*#cleo_gnb > ul > li:hover > a {color:#bc6671 !important}*/
    #cleo_gnb > ul > li > ul {display:block !important; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,0.1); border-radius:10px; padding:17px 0; transform:translateY(15px);}
    #cleo_gnb > ul > li > ul > li > a:hover {color:#bc6671; font-weight:700;}
	#cleo_gnb > ul > li:hover > ul {opacity:1; visibility:visible; transform:translateY(0)}
}

@media screen and (max-width:1220px){
    #cleo_header {padding:0 6%;}
}

@media screen and (max-width:1024px){
    #cleo_header {height:50px;}

	#cleo_header .h_lang {margin:0 20px 0 0;}
	#cleo_header .h_lang button {height:auto; background:none; backdrop-filter:none; font-size:0; padding:0;}
	#cleo_header .h_lang button:after {font-size:1.125rem; margin-left:0;}
	#cleo_header .h_lang ul {width:50px; left:50%; transform:translateX(-50%)}
	#cleo_header .h_lang ul li a {line-height:28px; padding:0; text-align:center;}

    #cleo_logo {width:71px; height:25px;}

    #cleo_gnb {display:none; width:100%; background:#bc6671; margin-right:0; position:fixed; left:0; top:50px; z-index:300; padding:3% 6% 5%;}
    #cleo_gnb > ul {display:block;}
    #cleo_gnb > ul > li > a {line-height:1.5em; padding:10px 5px; border-bottom:1px solid rgba(255,255,255,0.2); position:relative;}
    #cleo_gnb > ul > li.depth2 > a:after {content:'\2b'; font-size:0.75em; color:#fff; font-weight:300; font-family:'Font Awesome 6 Pro'; position:absolute; right:5px; top:50%; transform:translateY(-50%)}
    #cleo_gnb > ul > li.depth2 > a.on:after {content:'\f068'}
    #cleo_gnb > ul > li > ul {display:none; position:relative; top:0; opacity:1; visibility:visible;}
    #cleo_gnb > ul > li > ul > li > a {color:rgba(255,255,255,0.8); text-align:left; padding:10px 5px; border-bottom:1px dotted rgba(255,255,255,0.1)}

    #menuToggle {display:block; width:26px; height:8px; position:relative;}
    #menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:1px; background:#fff; position:absolute; left:0; transition:all 0.4s;}
    #menuToggle:before {top:0;}
    #menuToggle:after {bottom:0;}

    #cleo_header.sub_header #cleo_gnb > ul > li > a {color:#fff;}
    #cleo_header.sub_header #menuToggle:before, #cleo_header.sub_header #menuToggle:after {background:#191919;}

    #cleo_header.scroll_on {background:#fff;}
    #cleo_header.scroll_on #cleo_gnb > ul > li > a {color:#fff;}
    #cleo_header.scroll_on #menuToggle:before, #cleo_header.scroll_on #menuToggle:after {background:#191919;}

    #cleo_header.on {background:#fff;}
    #cleo_header.on #cleo_logo {background-image:url(../images/logo.svg)}
    #cleo_header.on #cleo_gnb {display:block;}
    #cleo_header.on #menuToggle:before, #cleo_header.on #menuToggle:after {background:#191919;}
    #cleo_header.on #menuToggle:before {transform:translateY(3.5px) scale(0.8) rotate(45deg)}
    #cleo_header.on #menuToggle:after {transform:translateY(-3.5px) scale(0.8) rotate(-45deg)}
}

@media screen and (max-width:767px){
	#cleo_header .h_lang ul {width:43px;}
	#cleo_header .h_lang ul li a {line-height:25px;}
}


/* footer */
#cleo_footer {width:100%; background:#bc6671; position:relative; padding:50px 0 70px;}
#cleo_footer > div {display:flex; flex-wrap:wrap; position:relative; padding-right:50px;}
#cleo_footer .f_logo {width:154px;}
#cleo_footer .f_logo img {width:100%;}
#cleo_footer .f_info {width:calc(100% - 154px); padding-left:50px;}
#cleo_footer .f_info ul li {display:inline-block; font-size:1em; color:#fff; margin-bottom:10px;}
#cleo_footer .f_info ul li:before {content:''; display:inline-block; width:1px; height:12px; background:#fff; margin:0 10px; vertical-align:middle; position:relative; top:-2px;}
#cleo_footer .f_info ul li:first-child:before, #cleo_footer .f_info ul br + li:before {display:none;}
#cleo_footer .f_info ul li strong {font-weight:600; margin-right:5px;}
#cleo_footer .f_info ul li a {color:#fff;}
#cleo_footer .f_info p {font-size:1em; color:#fff; font-weight:600; margin-top:10px;}
#cleo_footer .f_sns {position:absolute; right:0; top:0;}
#cleo_footer .f_sns li a {display:flex; justify-content:center; align-items:center; width:50px; height:50px; background:rgba(255,255,255,0.3); border-radius:50%; font-size:1.25em; color:#fff;}
#cleo_footer .f_sns li a:hover {background:url(../images/sns_bg.png) no-repeat center center; background-size:cover;}
#cleo_footer .go_top {font-size:0.875em; color:#fff; font-weight:500; font-family:'Pretendard'; text-align:center; text-transform:uppercase; position:absolute; right:30px; bottom:30px; z-index:15;}
#cleo_footer .go_top:before {content:'\f077'; display:block; font-size:1.28em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-bottom:5px;}
#cleo_footer .f_member_wrap {position:absolute; right:0; bottom:0;}
#cleo_footer .f_member {display:inline-block; font-size:0.75em; color:rgba(255,255,255,0.6); font-weight:500; line-height:23px; border:1px solid rgba(255,255,255,0.6); padding:0 7px; vertical-align:middle; margin-top:10px;}

@media screen and (max-width:1024px){
    #cleo_footer {padding:5% 0;}
    #cleo_footer > div {padding-right:40px;}
    #cleo_footer .f_logo {width:130px;}
    #cleo_footer .f_info {width:calc(100% - 130px); padding-left:25px;}
    #cleo_footer .f_info ul li:before {top:-1px;}
    #cleo_footer .f_sns li a {width:40px; height:40px; font-size:1.125em;}
}

@media screen and (max-width:767px){
    #cleo_footer > div {display:block; padding-right:0;}
    #cleo_footer .f_logo {width:110px;}
    #cleo_footer .f_info {width:100%; padding-left:0; padding-right:0; margin-top:15px;}
    #cleo_footer .f_info ul br {display:none;}
    #cleo_footer .f_info ul li {margin-right:7px; margin-bottom:8px;}
    #cleo_footer .f_info ul li:before {display:none;}
    #cleo_footer .f_info ul li strong {margin-right:2px;}
	#cleo_footer .f_sns {display:none;}
    #cleo_footer .f_sns li a {width:32px; height:32px; font-size:1em;}
    #cleo_footer .go_top {right:6%;}
	#cleo_footer .f_member_wrap {position:relative;}
}



/* main */
.intro_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#d4a7a1; position:fixed; left:0; top:0; z-index:350;}
.intro_wrap img {width:200px; opacity:0; animation:introImg 2s forwards;}

@keyframes introImg {
    0% {opacity:0;}
    100% {opacity:1;}
}

@media screen and (max-width:1024px){
    .intro_wrap img {width:150px;}

    #fullpage .section, #fullpage .section > div {display:block !important; height:auto !important;}
}

.main_title h2 {font-size:3.125em; line-height:1.2em; font-weight:600;}
.main_title p {font-size:1.125em; color:#666; line-height:1.55em; margin-top:5px;}
.main_title p a {color:#666;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:2.7em;}
    .main_title p {font-size:1em;}
}

@media screen and (max-width:767px){
    .main_title h2 {font-size:2.3em;}
}

#mVisu {width:100%; height:100%; position:relative; overflow:hidden;}
#mVisu .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#mVisu .video_box:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
#mVisu .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#mVisu .video_box iframe.mo_video {display:none;}


@media screen and (min-height:1080px){
    #mVisu .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1024px){
    #mVisu {height:100vh;}
    #mVisu .video_box iframe {min-width:1500px; min-height:1300px;}
}

@media screen and (max-width:767px){
    #mVisu .video_box iframe {width:120vw; height:125vh; min-width:0; min-height:0;}
	#mVisu .video_box iframe.pc_video {display:none;}
	#mVisu .video_box iframe.mo_video {display:block;}
}


#mCompany {display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; position:relative; overflow:hidden;}
#mCompany .box1 .txt {margin-bottom:10px; overflow:hidden;}
#mCompany .box1 .txt:last-child {margin-bottom:0;}
#mCompany .box1 .txt p {display:inline-block; font-size:4.06em; color:#000; font-weight:600; vertical-align:middle; transform:translateY(100%);}
#mCompany .box1 .txt .img {display:inline-block; width:0; height:84px; border-radius:42px; vertical-align:middle; margin:0 10px; overflow:hidden;}
#mCompany .box1 .txt .img:before {content:''; display:block; width:240px; height:84px; border-radius:42px; background:url(../images/mCompany_img1.jpg) no-repeat center center; background-size:cover; transition:all 0.8s;}
#mCompany .box1.on .txt p {transform:translateY(0); transition:transform 1s;}
#mCompany .box1.on .txt .img {width:240px; transition:width 1s 1s;}
#mCompany .box2 {max-width:750px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:15; opacity:0; visibility:hidden; transition:all 0.3s 0s; transition-property:opacity, visibility;}
#mCompany .box2 .main_title p {margin-top:25px;}

#mCompany.on .box1 .txt .img:before {width:100vw; height:100vh; border-radius:0; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:10;}
#mCompany.on .box2 {opacity:1; visibility:visible; transition:all 0.8s 0.4s;}

@media screen and (max-width:1024px){
    #mCompany {background:url(../images/mCompany_img1.jpg) no-repeat center center; background-size:cover;}
    #mCompany .box1 {display:none;}
    #mCompany .box2 {position:relative; left:0; top:0; transform:translate(0, 0); opacity:1; visibility:visible; padding:18% 0;}
    #mCompany .box2 .main_title p {margin-top:2%;}
}

@media screen and (max-width:767px){
	#mCompany .box2 {padding:36% 0;}
}


.mProduct {display:flex; width:100%; height:100%;}
.mProduct.case2 {flex-direction:row-reverse;}
.mProduct .img_box {display:flex; justify-content:center; align-items:center; width:50%; height:100%; background:#f5f5f5; overflow:hidden; position:relative;}
.mProduct .img_box img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.mProduct .txt_box {display:flex; align-items:center; width:50%; padding-left:250px;}
.mProduct.case2 .txt_box {justify-content:end; padding-left:0; padding-right:250px;}
.mProduct .txt_box > div {width:430px;}
.mProduct .txt_box dl {margin:50px 0;}
.mProduct .txt_box dl dt {font-size:1.375em; font-weight:700;}
.mProduct .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px; word-break:break-all;}
.mProduct .txt_box dl dd.case2 {color:#191919;  font-weight:500;}

@media screen and (max-width:1399px){
    .mProduct .txt_box {padding-left:0;}
    .mProduct.case2 .txt_box {padding-right:0;}
    .mProduct .txt_box > div {width:100%; padding:0 6%;}
}

@media screen and (max-width:1024px){
    .mProduct .img_box {height:100vh;}
    .mProduct .txt_box .logo1 {height:100px;}
    .mProduct .txt_box .logo2 {height:40px;}
    .mProduct .txt_box dl {margin:30px 0;}
    .mProduct .txt_box dl dt {font-size:1.25em;}
    .mProduct .txt_box dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .mProduct {display:block;}
    .mProduct .img_box {width:100%; height:60vw;}
    .mProduct .img_box img {max-height:107%;}
    .mProduct .txt_box {width:100%; margin:6% 0 10%;}
    .mProduct .txt_box .logo1 {height:45px;}
    .mProduct .txt_box .logo2 {height:20px;}
    .mProduct .txt_box dl {margin:10px 0 20px;}

	.mProduct .cleo_btn1 {background:#430855; color:#fff;}
	.mProduct.case2 .cleo_btn1 {background:#bc6671; color:#fff;}
}


#mCommunity ul {width:100%; margin-top:70px;}
#mCommunity ul:after {content:''; display:block; width:100%; clear:both;}
#mCommunity ul li {float:right; width:calc(50% - 50px); padding:20px 0; border-bottom:1px solid #ccc;}
#mCommunity ul li a {display:flex; align-items:center; flex-direction:row-reverse;}
#mCommunity ul li:nth-child(2) {padding-top:0;}
#mCommunity ul li:last-child {padding-bottom:0; border-bottom:0;}
#mCommunity ul li .img_box {width:222px; height:130px; overflow:hidden;}
#mCommunity ul li .img_box div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.4s ease-in-out;}
#mCommunity ul li dl {width:calc(100% - 222px); padding-right:45px;}
#mCommunity ul li dl dt {font-size:1em; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mCommunity ul li dl dd {font-size:1em; color:#666; line-height:1.56em; margin-top:5px; max-height:3.12em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mCommunity ul li dl dd.date {font-size:0.875em; color:#bc6671; line-height:1.2em; font-weight:500; margin-top:15px;}
#mCommunity ul li:hover .img_box div {transform:scale(1.1)}

#mCommunity ul li.case2 {float:left; width:50%; padding:0; border-bottom:0;}
#mCommunity ul li.case2 a {display:block;}
#mCommunity ul li.case2 .img_box {width:100%; height:350px;}
#mCommunity ul li.case2 dl {width:100%; padding-right:0; margin-top:20px;}
#mCommunity ul li.case2 dl dt {font-size:1.125em; font-weight:700;}

@media screen and (max-width:1220px){
    #mCommunity ul li .img_box {width:13vw; height:8vw;}
    #mCommunity ul li dl {width:calc(100% - 13vw); padding-right:20px;}

    #mCommunity ul li.case2 .img_box {height:28vw;}
}

@media screen and (max-width:1024px){
    #mCommunity {padding:12% 0;}
    #mCommunity ul {margin-top:5%;}
    #mCommunity ul li {width:50%; padding:15px 0;}
    #mCommunity ul li dl {padding-right:10px;}
    #mCommunity ul li dl dd.date {margin-top:5px;}
    
    #mCommunity ul li.case2 {width:calc(50% - 20px)}
    #mCommunity ul li.case2 dl {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mCommunity {padding-top:8%;}
    #mCommunity ul li {float:none; width:100%;}
	#mCommunity ul li:nth-child(1) ~ li {display:none;}
    #mCommunity ul li:nth-child(2) {padding-top:15px;}
    #mCommunity ul li .img_box {display:none;}
    #mCommunity ul li dl {width:100%; padding-right:0;}
    #mCommunity ul li dl dt {font-size:1.125em;}

    #mCommunity ul li.case2 {float:none; width:100%; /*border-bottom:1px solid #ccc; padding-bottom:15px;*/}
    #mCommunity ul li.case2 .img_box {display:block; height:50vw;}
    #mCommunity ul li.case2 dl dt {font-size:1.125em;}
}


#mContact {width:100%; height:100%; background:#fff;; position:relative; overflow:hidden;}
#mContact:before {content:''; display:block; width:110%; height:110%; background:url(../images/mContactBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0; animation:BGMotion1 7s linear infinite}
#mContact > div {display:flex; align-items:center; height:100%; position:relative; z-index:5;}
#mContact .main_title {width:calc(100% - 600px);}
#mContact .main_title p {margin-top:15px;}
#mContact .form_box {width:600px;}
#mContact .form_box:after {content:''; display:block; width:100%; clear:both;}
#mContact .form_box ul li {display:flex; width:100%; background:rgba(255,255,255,0.8); backdrop-filter:blur(10px); border-radius:10px; margin-bottom:10px; padding:25px;}
#mContact .form_box ul li:last-child {margin-bottom:0;}
#mContact .form_box ul li > label {display:block; width:82px; font-size:1em; font-weight:600;}
#mContact .form_box ul li > label i {color:#bc6671; font-style:normal;}
#mContact .form_box ul li > div {width:calc(100% - 82px)}
#mContact .form_box ul li .form_txt {display:block; width:100%; height:100%; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0;}
#mContact .form_box ul li .form_txt:focus {outline:none; border:0 !important; box-shadow:none !important;}
#mContact .form_box ul li .form_textarea {display:block; width:100%; height:100px; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0; resize:none;}
#mContact .form_box ul li .form_textarea:focus {outline:none; border:0 !important; box-shadow:none !important;}
#mContact .form_box .chk_box {position:relative; margin-top:20px;}
#mContact .form_box .chk_box input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
#mContact .form_box .chk_box label {display:flex; width:100%;}
#mContact .form_box .chk_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
#mContact .form_box .chk_box label span {font-size:0.875em; font-weight:500; padding-left:10px; line-height:24px;}
#mContact .form_box .chk_box label span a {text-decoration:underline; position:relative; z-index:5;}
#mContact .form_box .chk_box input:checked + label:before {background:#bc6671}
#mContact .form_box .cleo_btn1 {float:right;}

@media screen and (max-width:1220px){
    #mContact .main_title {width:350px}
    #mContact .form_box {width:calc(100% - 350px)}
}

@media screen and (max-width:1024px){
    #mContact {padding:15% 0;}
    #mContact .main_title {width:300px;}
    #mContact .form_box {width:calc(100% - 300px)}
    #mContact .form_box ul li {margin-bottom:5px; padding:18px 15px;}
    #mContact .form_box ul li > label {width:70px;}
    #mContact .form_box ul li > div {width:calc(100% - 70px)}
    #mContact .form_box .chk_box {margin-top:10px;}
}

@media screen and (max-width:767px){
    #mContact > div {display:block;}
    #mContact .main_title {width:100%;}
    #mContact .main_title p {margin-top:5px;}
    #mContact .form_box {width:100%; margin-top:5%;}
    #mContact .form_box ul li {padding:13px 10px; border-radius:5px;}
    #mContact .form_box ul li > label {width:63px;}
    #mContact .form_box ul li > div {width:calc(100% - 63px)}
    #mContact .form_box ul li .form_textarea {height:70px;}
    #mContact .form_box .chk_box label:before {width:20px; height:20px;}
    #mContact .form_box .chk_box label span {line-height:20px;}
}


.mInstagram_slide {margin-top:100px;}
.mInstagram_slide .swiper-wrapper {transition-timing-function: linear !important;}
.mInstagram_slide .swiper-slide {width:270px; border-radius:20px; overflow:hidden;}
.mInstagram_slide img {width:100%;}

@media screen and (max-width:1024px){
    #mInstagram {padding:14% 0;}
    .mInstagram_slide {margin-top:7%;}
    .mInstagram_slide .swiper-slide {width:200px; border-radius:15px;}
}

@media screen and (max-width:767px){
    .mInstagram_slide .swiper-slide {width:160px; border-radius:10px;}
}


.modal_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(35,14,7,0.75); position:fixed; left:0; top:0; z-index:400;}
.modal_popup.on {display:flex;}
.modal_inner {width:700px; max-height:calc(100vh - 120px); background:#fff; border-radius:20px; padding:40px; position:relative;}
.modal_inner .close_btn {display:block; width:90px; height:90px; background:#191919; border-radius:10px; font-size:3em; color:#fff; position:absolute; left:100%; top:0; margin-left:10px; transition:background 0.4s;}
.modal_inner .close_btn:hover {background:#bc6671;}
.modal_inner .tit {font-size:1.5em; line-height:1.3em; font-weight:600; margin-bottom:15px;}
.modal_inner .cont {max-height:calc(100vh - 260px); overflow-y:auto;}
.modal_inner .cont p {font-size:0.875em; color:#666; line-height:1.5em;}

@media screen and (max-width:1024px){
    .modal_inner {max-width:600px; padding:25px; border-radius:20px;}
    .modal_inner .close_btn {width:70px; height:70px; font-size:2em;}
    .modal_inner .tit {font-size:1.3em; margin-bottom:2%;}
}

@media screen and (max-width:767px){
    .modal_inner {max-width:88%; padding:15px; border-radius:10px;}
    .modal_inner .close_btn {background:#bc6671; width:32px; height:32px; border-radius:5px; font-size:1.5em; left:auto; right:10px; top:10px; margin-left:0;}
    .modal_inner .tit {font-size:1.3em; margin-bottom:2%;}
    .modal_inner .cont p {font-size:0.9375em;}
}



/* sub */
#sub_content {padding:70px 0 100px;}

.sub_title {font-size:3.125em; line-height:1.2em; font-weight:600; text-align:center; text-transform:uppercase;}

.s_tit1 {font-size:2.5em; line-height:1.25em; font-weight:200}
.s_tit1 strong {font-weight:700;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.5em; font-weight:500;}
.s_txt2 {font-size:1.375em; line-height:1.35em; font-weight:500;}

@media screen and (max-width:1024px){
	#sub_content {padding:7% 0 10%;}

	.sub_title {font-size:2.5em;}

    .s_tit1 {font-size:2.2em;}

    .s_txt1 {font-size:1em;}
    .s_txt2 {font-size:1.25em;}
}

@media screen and (max-width:767px){
	.sub_title {font-size:2.1em;}

    .s_tit1 {font-size:1.7em;}
}


.rady_wrap {padding:80px 0 100px; text-align:center;}
.rady_wrap:before {content:''; display:block; width:100%; height:200px; background:url(../images/ready_img.jpg) no-repeat center center; background-size:contain;}
.rady_wrap dl {margin-top:30px;}
.rady_wrap dl dt {font-size:1.875em; font-weight:600;}
.rady_wrap dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:10px;}

@media screen and (max-width:1024px){
	.rady_wrap {padding:5% 0;}
	.rady_wrap:before {height:150px;}
	.rady_wrap dl {margin-top:20px;}
	.rady_wrap dl dt {font-size:1.5em;}
	.rady_wrap dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.rady_wrap:before {height:100px;}
	.rady_wrap dl {margin-top:15px;}
	.rady_wrap dl dt {font-size:1.4em;}
}


.sub_menu_wrap {margin-top:-35px; position:relative; z-index:30;}
.sub_menu_wrap > div {display:flex; width:100%; max-width:560px; height:70px; background:#bc6671; border-radius:35px; margin:0 auto;}
.sub_menu_wrap > div > div {width:50%; position:relative;}
.sub_menu_wrap > div > div.depth1 {display:flex; justify-content:center; align-items:center;}
.sub_menu_wrap > div > div.depth1:after {content:'\f105'; font-size:1.125em; color:rgba(255,255,255,0.3); font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; left:100%; top:50%; transform:translate(-50%, -50%);}
.sub_menu_wrap > div > div.depth1 p {font-size:1.125em; color:#fff; font-weight:600; text-align:center;}
.sub_menu_wrap > div > div.depth2 button {display:block; width:100%; height:100%; font-size:1.125em; color:#fff; font-weight:600; font-family:'Pretendard'; position:relative; text-transform:uppercase;}
.sub_menu_wrap > div > div.depth2 button:after {content:''; display:block; width:20px; height:20px; background:#fff url(../images/icon_arrow_down.svg) no-repeat center center; background-size:contain; border-radius:50%; position:absolute; right:25px; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div > div.depth2 ul {display:none; width:100%; min-height:100%; background:rgba(246,246,246,0.7); backdrop-filter:blur(5px); border-radius:35px; position:absolute; left:0; top:0; box-shadow:0 0 20px rgba(0,0,0,0.2); padding:85px 0 15px; z-index:-1;}
.sub_menu_wrap > div > div.depth2 ul li a {display:block; font-size:1em; color:#666; font-weight:500; text-align:center; padding:10px 20px;}
.sub_menu_wrap > div > div.depth2 ul li a:hover {color:#bc6671}

@media screen and (max-width:1024px){
	.sub_menu_wrap {margin-top:-25px;}
	.sub_menu_wrap > div {max-width:500px; height:50px;}
	.sub_menu_wrap > div > div.depth1:after {font-size:1em;}
	.sub_menu_wrap > div > div.depth1 p {font-size:1em;}
	.sub_menu_wrap > div > div.depth2 button {font-size:1em;}
	.sub_menu_wrap > div > div.depth2 button:after {width:18px; height:18px; right:15px;}
	.sub_menu_wrap > div > div.depth2 ul {padding:60px 0 10px; border-radius:25px;}
	.sub_menu_wrap > div > div.depth2 ul li a {padding:7px 10px;}
}

@media screen and (max-width:767px){
	.sub_menu_wrap {margin-top:-19px;}
	.sub_menu_wrap > div {height:38px;}
	.sub_menu_wrap > div > div.depth2 button:after {width:16px; height:16px; right:10px;}
	.sub_menu_wrap > div > div.depth2 ul {padding:48px 0 10px; border-radius:19px;}
	.sub_menu_wrap > div > div.depth2 ul li a {padding:5px 10px;}
}


#sVisu {width:100%; height:100%; position:relative; overflow:hidden;}
#sVisu .video_box {width:100%; height:100%; position:absolute; left:0; top:0;}
#sVisu .video_box:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
#sVisu .video_box iframe {width:120%; height:120%; min-width:1920px; min-height:1080px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
#sVisu .video_box iframe.mo_video {display:none;}


@media screen and (min-height:1080px){
    #sVisu .video_box iframe {min-width:3000px;}
}

@media screen and (max-width:1024px){
    #sVisu {height:100vh;}
    #sVisu .video_box iframe {min-width:1500px; min-height:1300px;}
}

@media screen and (max-width:767px){
    #sVisu .video_box iframe {width:120vw; height:125vh; min-width:0; min-height:0;}
	#sVisu .video_box iframe.pc_video {display:none;}
	#sVisu .video_box iframe.mo_video {display:block;}
}

#sVisu2 {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; padding-top:200px;}
#sVisu2:before {content:''; display:block; width:100%; height:100%; background:#d4a7a1; opacity:0.3; position:absolute; left:0; top:0; z-index:0;}
#sVisu2 > div {position:relative; z-index:5;}
#sVisu2 h2 {font-size:4.06em; color:#fff; line-height:1.1em; font-weight:700; text-align:center;}
#sVisu2 p {font-size:1.125em; color:#fff; font-weight:500; text-align:center; margin-top:10px;}

#sVisu2.sVisu3 {background-image:url(../images/sVisu_img3.jpg)}
#sVisu2.sVisu4 {background-image:url(../images/sVisu_img4.jpg)}
#sVisu2.sVisu5 {background-image:url(../images/sVisu_img5.jpg)}

@media screen and (max-width:1024px){
	#sVisu2 {height:300px; padding-top:120px;}
	#sVisu2 h2 {font-size:3em;}
	#sVisu2 p {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	#sVisu2 {height:220px; padding-top:90px;}
	#sVisu2 h2 {font-size:2.5em;}
}


.sLifton_case1 {width:100%; height:100%; background:#bc6671 url(../images/sLifton_img1.png) no-repeat center center; background-size:cover; overflow:hidden;}
.sLifton_case1 > div {display:flex; align-items:center; height:100%;}
.sLifton_case1 .tit_box {width:calc(100% - 460px)}
.sLifton_case1 .tit_box p {display:flex; align-items:center; font-size:4.06em; color:#fff; line-height:1.2em; font-weight:700; text-transform:uppercase;}
.sLifton_case1 .tit_box p:after {content:''; display:block; width:100px; height:1px; background:#fff; margin-left:30px;}
.sLifton_case1 .txt_box {width:460px;}

.sLifton_case2 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#d66672; position:relative; overflow:hidden;}
.sLifton_case2 .img1 {display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}
.sLifton_case2 .img1:before {content:''; display:block; width:100%; height:100%; background:url(../images/sLifton_img2.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;/* animation:sLifton2 4s linear infinite;*/}
.sLifton_case2 .img2 {display:block; width:100%; height:100%; background:url(../images/sLifton_img2_2.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.sLifton_case2 > div {position:relative; z-index:10;}
.sLifton_case2 .logo img {height:180px;}
.sLifton_case2 ul {display:flex;}
.sLifton_case2 ul li {display:flex; justify-content:center; align-items:center; width:210px; height:210px; border:1px solid #fff; border-radius:50%; margin-left:-10px; text-align:center;}
.sLifton_case2 ul li:first-child {margin-left:0;}
.sLifton_case2 ul li dl dt {font-size:1.125em; color:#fff; font-weight:700;}
.sLifton_case2 ul li dl dd {font-size:0.875em; color:#fff; line-height:1.42em; font-weight:500; margin-top:10px;}

@keyframes sLifton2 {
	0% {margin-left:0; margin-top:0;}
	50% {margin-left:15px; margin-top:15px;}
	100% {margin-left:0; margin-top:0;}
}

.sLifton_case3 {width:100%; height:100%; position:relative;}
.sLifton_case3 .txt_box {padding-top:15vh; position:relative; z-index:5;}
.sLifton_case3 .txt_box ul li {font-size:0.875em; color:#bc6671; line-height:1.42em; font-weight:500;}
.sLifton_case3 .img_box {width:100%; height:100%; background:url(../images/sLifton_img3_2.png) no-repeat center bottom; position:absolute; left:0; top:0;}
.sLifton_case3 .img_box .img1 {position:absolute; left:50%; bottom:44px;}
.sLifton_case3 .img_box .img1 img {display:block;}
.sLifton_case3 .img_box .img1 img:nth-child(1) {position:relative; z-index:4;}
.sLifton_case3 .img_box .img1 img:nth-child(1) ~ img {position:absolute; left:0; top:0;}
.sLifton_case3 .img_box ul {width:520px; position:absolute; right:50%; bottom:15px; margin-right:-20px;}
.sLifton_case3 .img_box ul li {position:relative;}
.sLifton_case3 .img_box ul li:before {content:''; display:block; width:calc(100% - 150px); border-top:1px dashed #bc6671; position:absolute; right:0; top:50%;}
.sLifton_case3 .img_box ul li:after {content:''; display:block; width:12px; height:12px; background:#fff; border:2px solid #bc6671; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sLifton_case3 .img_box ul li dl {display:flex; align-items:center; position:relative; z-index:5;}
.sLifton_case3 .img_box ul li dl dt {width:130px; line-height:35px; background:rgba(185,30,76,0.7); border-radius:18px; font-size:1em; color:#fff; font-weight:700; text-align:center;}
.sLifton_case3 .img_box ul li dl dd {width:175px; line-height:31px; background:#fff; border:2px solid rgba(185,30,76,0.7); border-radius:18px; font-size:1em; font-weight:500; text-align:center; margin-left:10px;}
.sLifton_case3 .img_box ul li:nth-child(2) {margin-top:40px;}
.sLifton_case3 .img_box ul li:nth-child(3) {margin-top:68px;}
.sLifton_case3 .img_box ul li:nth-child(4) {margin-top:5px;}

.sLifton_case4 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#000; position:relative; overflow:hidden;}
.sLifton_case4:before {content:''; display:block; width:110%; height:110%; background:url(../images/sLifton_img4.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);  animation:BGMotion2 7s linear infinite}
.sLifton_case4 ul {display:flex; justify-content:space-between; flex-wrap:wrap; padding:0 7px;}
.sLifton_case4 ul > li {display:flex; align-items:center; width:calc(50% - 10px); background:rgba(25,25,25,0.1); backdrop-filter:blur(20px); border-radius:20px; padding:70px 50px;}
.sLifton_case4 ul > li:last-child {background:rgba(188,102,113,0.2);}
.sLifton_case4 ul > li .tit1 {width:240px; font-size:1.375em; color:#fff; font-weight:600;}
.sLifton_case4 ul > li .tit1 img {height:80px;}
.sLifton_case4 ul > li > div {width:calc(100% - 240px)}
.sLifton_case4 ul > li > div .txt1 {font-size:1.375em; color:#fff; line-height:1.36em;}
.sLifton_case4 ul > li > div .txt1 strong {display:block; font-weight:700;}
.sLifton_case4 ul > li > div ol {margin-top:30px;}
.sLifton_case4 ul > li > div ol li {font-size:0.875em; color:#fff; line-height:1.78em; font-weight:500; padding-left:13px; position:relative;}
.sLifton_case4 ul > li > div ol li:before {content:''; display:block; width:3px; height:3px; background:#fff; border-radius:50%; position:absolute; left:0; top:10px;}

.sLifton_case5 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#191919;}
.sLifton_case5 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sLifton_case5 ul li {width:150px;} 
.sLifton_case5 ul li .icon {display:block; width:100%; height:150px; border:1px solid #666; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:82px auto;}
.sLifton_case5 ul li p {font-size:1.125em; color:#fff; line-height:1.4em; font-weight:600; text-align:center; margin-top:20px;}

.sLifton_case5 ul li .icon1 {background-image:url(../images/sLifton_img5_1.png)}
.sLifton_case5 ul li .icon2 {background-image:url(../images/sLifton_img5_2.png)}
.sLifton_case5 ul li .icon3 {background-image:url(../images/sLifton_img5_3.png)}
.sLifton_case5 ul li .icon4 {background-image:url(../images/sLifton_img5_4.png)}
.sLifton_case5 ul li .icon5 {background-image:url(../images/sLifton_img5_5.png)}
.sLifton_case5 ul li .icon6 {background-image:url(../images/sLifton_img5_6.png)}

.sLifton_case6 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden;}
.sLiftan_slide {position:relative; padding-bottom:76px;}
.sLiftan_slide .img {width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}
.sLiftan_slide p {font-size:1.125em; line-height:1.38em; font-weight:600; margin-top:15px; text-align:center;}
.sLiftan_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sLiftan_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.sLiftan_slide .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; border-radius:4px; opacity:1;}
.sLiftan_slide .swiper-pagination-bullet-active {width:20px; background:#191919;}

@media screen and (min-height:1080px){
    .sLifton_case3 .txt_box {padding-top:250px;}
}

@media screen and (max-width:1220px){
    .sLifton_case1 .tit_box {padding-right:30px;}
    .sLifton_case1 .tit_box p:after {display:none;}

    .sLifton_case3 .img_box ul {width:44%; margin-right:0;}

    .sLifton_case4 ul {padding:0;}
    .sLifton_case4 ul > li {justify-content:center; flex-direction:column;}
    .sLifton_case4 ul > li .tit1 {width:100%;}
    .sLifton_case4 ul > li > div {width:100%; margin-top:30px;}

    .sLifton_case5 ul li {width:140px;}
    .sLifton_case5 ul li .icon {height:140px;}

	.sLiftan_slide .img {height:21vw;}
}

@media screen and (max-width:1024px){
    .sLifton_case1 {padding:13% 0;}
    .sLifton_case1 .tit_box {width:calc(100% - 390px); padding-right:15px;}
    .sLifton_case1 .tit_box p {font-size:3em;}
    .sLifton_case1 .txt_box {width:390px;}

    .sLifton_case2 {padding:13% 0;}
    .sLifton_case2 .logo img {height:120px;}
    .sLifton_case2 ul li {width:180px; height:180px;}
    .sLifton_case2 ul li dl dt {font-size:1em;}

    .sLifton_case3 .txt_box {padding:13% 0 6%;}
    .sLifton_case3 .txt_box img {height:30px;}
    .sLifton_case3 .img_box {height:270px; background-size:auto 100%; position:relative;}
    .sLifton_case3 .img_box .img1 {width:660px; bottom:28px;}
    .sLifton_case3 .img_box .img1 img {width:100%;}
    .sLifton_case3 .img_box ul {bottom:10px;}
    .sLifton_case3 .img_box ul li dl dt {width:105px; line-height:30px; font-size:0.9375em;}
    .sLifton_case3 .img_box ul li dl dd {width:145px; line-height:26px; font-size:0.9375em; margin-left:5px;}
    .sLifton_case3 .img_box ul li:nth-child(2) {margin-top:20px;}
    .sLifton_case3 .img_box ul li:nth-child(3) {margin-top:32px;}
    .sLifton_case3 .img_box ul li:nth-child(4) {margin-top:3px;}

    .sLifton_case4 {padding:13% 0;}
    .sLifton_case4 ul > li {width:calc(50% - 5px); border-radius:10px; padding:30px;}
    .sLifton_case4 ul > li .tit1 {font-size:1.25em;}
    .sLifton_case4 ul > li .tit1 img {height:40px;}
    .sLifton_case4 ul > li > div {margin-top:15px;}
    .sLifton_case4 ul > li > div .txt1 {font-size:1.125em;}
    .sLifton_case4 ul > li > div ol {margin-top:10px;}

    .sLifton_case5 {padding:15% 0;}
    .sLifton_case5 ul li {width:33.33%;}
    .sLifton_case5 ul li:nth-child(3) ~ li {margin-top:30px;}
    .sLifton_case5 ul li .icon {width:140px; margin:0 auto;}
    .sLifton_case5 ul li p {margin-top:10px;}

    .sLifton_case6 {padding:13% 0;}
	.sLiftan_slide {padding-bottom:50px;}
	.sLiftan_slide .img {height:27vw; border-radius:15px;}
	.sLiftan_slide p {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    .sLifton_case1 {padding:30% 0;}
    .sLifton_case1 > div {display:block;}
    .sLifton_case1 .tit_box {width:100%; padding-right:0;}
    .sLifton_case1 .tit_box p {font-size:2.5em;}
    .sLifton_case1 .tit_box p:after {display:block; width:50px; margin-left:15px;}
    .sLifton_case1 .txt_box {width:100%; margin-top:4%;}

    .sLifton_case2 {padding:15% 0;}
    .sLifton_case2 .img1 {height:600px; top:auto; bottom:-60px; background-position:70% 50%; opacity:0.6;}
    .sLifton_case2 .img2 {height:600px; top:auto; bottom:-60px; background-position:70% 50%; opacity:0.6;}
    .sLifton_case2 .logo img {height:70px;}
    .sLifton_case2 ul {display:block;}
    .sLifton_case2 ul li {width:130px; height:130px; margin-left:0; margin-top:-10px;}
    .sLifton_case2 ul li:first-child {margin-top:0;}
    .sLifton_case2 ul li dl dd {margin-top:5px;}
    
	.sLifton_case3 .txt_box p:last-child {display:none;}
    .sLifton_case3 .txt_box img {height:25px;}
    .sLifton_case3 .img_box {height:440px; background-size:auto 230px;}
    .sLifton_case3 .img_box .img1 {width:550px; left:44%; bottom:25px; opacity:0.7;}
    .sLifton_case3 .img_box ul {width:calc(44% + 23px); right:auto; left:2%; bottom:5px;}
    .sLifton_case3 .img_box ul li:after {width:10px; height:10px;}
    .sLifton_case3 .img_box ul li dl dt {width:85px; line-height:28px;}
    .sLifton_case3 .img_box ul li dl dd {width:130px; line-height:26px; border-width:1px; margin-left:3px;}
    .sLifton_case3 .img_box ul li:nth-child(2) {margin-top:17px;}
    .sLifton_case3 .img_box ul li:nth-child(3) {margin-top:22px;}

    .sLifton_case4 ul > li {width:100%; margin-bottom:10px; padding:20px;}
    .sLifton_case4 ul > li:last-child {margin-bottom:0;}
    .sLifton_case4 ul > li .tit1 img {height:32px;}
    .sLifton_case4 ul > li > div ol li {padding-left:10px;}
    .sLifton_case4 ul > li > div ol li:before {top:8px;}
    
    .sLifton_case5 ul li:nth-child(3) ~ li {margin-top:20px;}
    .sLifton_case5 ul li .icon {width:100px; height:100px; background-size:55px auto;}
    .sLifton_case5 ul li p {font-size:1em;}

	.sLiftan_slide {padding-bottom:40px;}
	.sLiftan_slide .img {height:39vw;}
	.sLiftan_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
	.sLiftan_slide .swiper-pagination-bullet {width:4px; height:4px; background:#ccc; border-radius:4px; opacity:1;}
	.sLiftan_slide .swiper-pagination-bullet-active {width:16px; background:#191919;}
}


.sV1_case1 {width:100%; height:100%; background:#430855 url(../images/sV1_img1.png) no-repeat center center; background-size:cover; overflow:hidden;}
.sV1_case1 > div {display:flex; align-items:center; height:100%;}
.sV1_case1 .tit_box {width:calc(100% - 460px)}
.sV1_case1 .tit_box p {display:flex; align-items:center; font-size:4.06em; color:#fff; line-height:1.2em; font-weight:700; text-transform:uppercase;}
.sV1_case1 .tit_box p:after {content:''; display:block; width:100px; height:1px; background:#fff; margin-left:30px;}
.sV1_case1 .txt_box {width:460px;}

.sV1_case2 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#420855; position:relative; overflow:hidden;}
.sV1_case2:before {content:''; display:block; width:105%; height:105%; background:url(../images/sV1_img2.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-52%, -48%); z-index:0;  animation:BGMotion4 7s linear infinite}
.sV1_case2 .img1 {display:block; width:100%; height:100%; background:url(../images/sV1_img2_2.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.sV1_case2 > div {position:relative; z-index:10;}
.sV1_case2 ul {display:flex;}
.sV1_case2 ul li {display:flex; justify-content:center; align-items:center; width:210px; height:210px; border:1px solid #fff; border-radius:50%; margin-left:-10px; text-align:center;}
.sV1_case2 ul li:first-child {margin-left:0;}
.sV1_case2 ul li dl dt {font-size:1.125em; color:#fff; font-weight:700;}
.sV1_case2 ul li dl dd {font-size:0.875em; color:#fff; line-height:1.42em; font-weight:500; margin-top:10px;}

.sV1_case3 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; overflow:hidden;}
.sV1_case3 .img_box {width:100%; height:100%; background:url(../images/sV1_img3.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
.sV1_case3 .txt_box {position:relative; z-index:10;}

.sV1_case4 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#000; overflow:hidden; position:relative;}
.sV1_case4:before {content:''; display:block; width:110%; height:110%; background:url(../images/sV1_img4.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:BGMotion4 7s linear infinite}
.sV1_case4 ul {display:flex; justify-content:space-between; flex-wrap:wrap; padding:0 7px;}
.sV1_case4 ul > li {width:calc(50% - 10px); background:rgba(25,25,25,0.1); backdrop-filter:blur(20px); border-radius:20px; padding:70px 50px;}
.sV1_case4 ul > li:last-child {background:rgba(67,8,85,0.2);}
.sV1_case4 ul > li .box1 {display:flex; align-items:center; width:100%}
.sV1_case4 ul > li .box1 .tit1 {width:190px; font-size:1.375em; color:#fff; font-weight:600;}
.sV1_case4 ul > li .box1 .tit1 img {height:42px;}
.sV1_case4 ul > li .box1 ol {width:calc(100% - 190px);}
.sV1_case4 ul > li .box1 ol li {font-size:0.875em; color:#fff; line-height:1.78em; font-weight:500; padding-left:13px; position:relative;}
.sV1_case4 ul > li .box1 ol li:before {content:''; display:block; width:3px; height:3px; background:#fff; border-radius:50%; position:absolute; left:0; top:10px;}
.sV1_case4 ul > li .box2 {display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,0.3); margin-top:30px; padding-top:30px;}
.sV1_case4 ul > li .box2 > div:first-child {width:245px;}
.sV1_case4 ul > li .box2 > div:last-child {width:calc(100% - 285px);}
.sV1_case4 ul > li .box2 > div img {display:block; margin:0 0 -10px -15px;}
.sV1_case4 ul > li .box2 > div dl dt {font-size:1.125em; color:#fff; line-height:1.5em; font-weight:700;}
.sV1_case4 ul > li .box2 > div dl dd {font-size:0.875em; color:#fff; font-weight:500; line-height:1.4em; margin-top:5px;}

.sV1_case5 {width:100%; height:100%; position:relative;}
.sV1_case5 .txt_box {padding-top:15vh; position:relative; z-index:5;}
.sV1_case5 .txt_box ul li {font-size:0.875em; color:#430855; line-height:1.42em; font-weight:500;}
.sV1_case5 .scroll_box {display:none;}
.sV1_case5 .img_box {width:100%; height:100%; background:url(../images/sV1_img5.png) no-repeat center bottom; position:absolute; left:0; top:0;}
.sV1_case5 .img_box .img1 {display:flex; position:absolute; left:50%; bottom:40px; margin-left:-113px;}
.sV1_case5 .img_box .img1 > div {margin-right:50px;}
.sV1_case5 .img_box .img1 > div:last-child {margin-right:0;}
.sV1_case5 .img_box .img1 > div > div {width:calc(100% - 32px); height:180px; background:#fff; border-radius:20px; box-shadow:0 3px 15px rgba(25,25,25,0.1); margin:0 auto 30px; padding:25px;}
.sV1_case5 .img_box .img1 > div > div span {display:block; line-height:28px; border-radius:14px; font-size:0.875em; color:#fff; font-weight:700; text-align:center; margin-bottom:10px;}
.sV1_case5 .img_box .img1 > div > div p {font-size:1.125em; font-weight:700; text-align:center;}
.sV1_case5 .img_box .img1 > div > div ol {margin-top:15px;}
.sV1_case5 .img_box .img1 > div > div ol li {font-size:0.875em; color:#666; line-height:1.42em; font-weight:500; padding-left:13px; position:relative;}
.sV1_case5 .img_box .img1 > div > div ol li:before {content:''; display:block; width:3px; height:3px; background:#666; border-radius:50%; position:absolute; left:0; top:8px;}
.sV1_case5 .img_box ul {width:377px; position:absolute; right:50%; bottom:30px; margin-right:123px;}
.sV1_case5 .img_box ul li {position:relative;}
.sV1_case5 .img_box ul li:before {content:''; display:block; width:calc(100% - 100px); border-top:1px dashed #430855; position:absolute; right:0; top:50%;}
.sV1_case5 .img_box ul li:after {content:''; display:block; width:12px; height:12px; background:#fff; border:2px solid #430855; border-radius:50%; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sV1_case5 .img_box ul li dl {display:flex; align-items:center; position:relative; z-index:5;}
.sV1_case5 .img_box ul li dl dt {width:88px; line-height:35px; background:rgba(67,8,85,0.7); border-radius:18px; font-size:1em; color:#fff; font-weight:700; text-align:center;}
.sV1_case5 .img_box ul li dl dd {width:75px; line-height:31px; background:#fff; border:2px solid rgba(67,8,85,0.7); border-radius:18px; font-size:1em; font-weight:500; text-align:center; margin-left:10px;}
.sV1_case5 .img_box ul li:nth-child(2) {margin-top:60px;}
.sV1_case5 .img_box ul li:nth-child(3) {margin-top:60px;}

.sV1_case5 .img_box .img1 > div:nth-child(1) > div span {background:#ee9700;}
.sV1_case5 .img_box .img1 > div:nth-child(2) > div span {background:#1b8ef1;}
.sV1_case5 .img_box .img1 > div:nth-child(3) > div span {background:#ff4b7e;}

.sV1_case6 {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.sV1_case6 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sV1_case6 ul li {width:calc(25% - 18px)}
.sV1_case6 ul li .img_box {width:100%; height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px;}
.sV1_case6 ul li dl {margin-top:30px;}
.sV1_case6 ul li dl dt {font-size:1.25em; font-weight:600;}
.sV1_case6 ul li dl dd {font-size:1em; color:#666; line-height:1.56em; font-weight:500; margin-top:5px;}

.sV1_case7 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#191919;}
.sV1_case7 ul {display:flex; justify-content:center; flex-wrap:wrap; width:100%;}
.sV1_case7 ul li {width:150px; margin-right:60px;} 
.sV1_case7 ul li:last-child {margin-right:0;}
.sV1_case7 ul li .icon {display:block; width:100%; height:150px; border:1px solid #666; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:82px auto;}
.sV1_case7 ul li p {font-size:1.125em; color:#fff; line-height:1.4em; font-weight:600; text-align:center; margin-top:20px;}

.sV1_case7 ul li .icon1 {background-image:url(../images/sV1_img7_1.png)}
.sV1_case7 ul li .icon2 {background-image:url(../images/sV1_img7_2.png)}
.sV1_case7 ul li .icon3 {background-image:url(../images/sV1_img7_3.png)}
.sV1_case7 ul li .icon4 {background-image:url(../images/sV1_img7_4.png)}
.sV1_case7 ul li .icon5 {background-image:url(../images/sV1_img7_5.png)}
.sV1_case7 ul li .icon6 {background-image:url(../images/sV1_img7_6.png)}

@media screen and (min-height:1080px){
    .sV1_case5 .txt_box {padding-top:250px;}
    .sV1_case5 .img_box .img1 > div > div {margin-bottom:50px;}
}

@media screen and (max-width:1220px){
    .sV1_case1 .tit_box {padding-right:30px;}
    .sV1_case1 .tit_box p:after {display:none;}
    
    .sV1_case4 ul {padding:0;}
    .sV1_case4 ul > li .box1 {justify-content:center; flex-direction:column;}
    .sV1_case4 ul > li .box1 .tit1 {width:100%;}
    .sV1_case4 ul > li .box1 ol {width:100%; margin-top:15px;}
    .sV1_case4 ul > li .box2 {margin-top:20px; padding-top:20px;}
    .sV1_case4 ul > li .box2 > div {width:100% !important;}

    .sV1_case5 .img_box .img1 {left:auto; right:0; margin-left:0;}
    .sV1_case5 .img_box .img1 > div {margin-right:20px;}

    .sV1_case6 ul li .img_box {height:23vw;}
    
    .sV1_case7 ul li {width:140px;}
    .sV1_case7 ul li .icon {height:140px;}
}

@media screen and (max-width:1024px){
    .sV1_case1 {padding:13% 0;}
    .sV1_case1 .tit_box {width:calc(100% - 390px); padding-right:15px;}
    .sV1_case1 .tit_box p {font-size:3em;}
    .sV1_case1 .txt_box {width:390px;}
    
    .sV1_case2 {padding:13% 0;}
    .sV1_case2 .logo img {height:65px;}
    .sV1_case2 ul li {width:180px; height:180px;}
    .sV1_case2 ul li dl dt {font-size:1em;}

    .sV1_case3 {padding:13% 0;}
    .sV1_case3 .txt_box .img img {height:60px;}
    
    .sV1_case4 {padding:13% 0;}
    .sV1_case4 ul > li {width:calc(50% - 5px); border-radius:10px; padding:30px;}
    .sV1_case4 ul > li .box1 .tit1 {font-size:1.25em;}
    .sV1_case4 ul > li .box1 .tit1 img {height:26px;}
    .sV1_case4 ul > li .box1 ol {margin-top:10px;}
    .sV1_case4 ul > li .box2 > div img {height:55px; margin:0 0 0 -10px;}
    .sV1_case4 ul > li .box2 > div dl dt {font-size:1em;}
    
    .sV1_case5 .txt_box {padding:13% 0 6%;}
    .sV1_case5 .img_box {height:270px; background-size:auto 100%; position:relative; margin-top:250px;}
    .sV1_case5 .img_box .img1 {bottom:27px;}
    .sV1_case5 .img_box .img1 img {width:150px;}
    .sV1_case5 .img_box .img1 > div > div {width:100%; height:150px; padding:15px; border-radius:15px; margin-bottom:10px;}
    .sV1_case5 .img_box .img1 > div > div span {margin-bottom:7px;}
    .sV1_case5 .img_box .img1 > div > div p {font-size:1em;}
    .sV1_case5 .img_box .img1 > div > div ol {margin-top:10px;}
    .sV1_case5 .img_box ul {width:280px; left:6%; right:auto; bottom:19px; margin-right:0;}
    .sV1_case5 .img_box ul li dl dt {width:60px; line-height:30px; font-size:0.9375em;}
    .sV1_case5 .img_box ul li dl dd {width:65px; line-height:26px; font-size:0.9375em; margin-left:5px;}
    .sV1_case5 .img_box ul li:nth-child(2) {margin-top:30px;}
    .sV1_case5 .img_box ul li:nth-child(3) {margin-top:30px;}

    .sV1_case6 {padding:13% 0;}
    .sV1_case6 ul li {width:calc(25% - 7.5px)}
    .sV1_case6 ul li .img_box {border-radius:15px;}
    .sV1_case6 ul li dl {margin-top:15px}
    .sV1_case6 ul li dl dt {font-size:1.125em;}
    
    .sV1_case7 {padding:15% 0;}
    .sV1_case7 ul li {width:25%; margin-right:0;}
    .sV1_case7 ul li .icon {width:140px; margin:0 auto;}
    .sV1_case7 ul li p {margin-top:10px;}

    .sV1_case8 {padding:13% 0;}
}

@media screen and (max-width:767px){
    .sV1_case1 {padding:30% 0;}
    .sV1_case1 > div {display:block;}
    .sV1_case1 .tit_box {width:100%; padding-right:0;}
    .sV1_case1 .tit_box p {font-size:2.5em;}
    .sV1_case1 .tit_box p:after {display:block; width:50px; margin-left:15px;}
    .sV1_case1 .txt_box {width:100%; margin-top:4%;}
    
    .sV1_case2 {padding:15% 0;}
    .sV1_case2:before {height:600px; top:auto; bottom:-60px; background-position:70% 50%; opacity:0.6;}
	.sV1_case2 .img1 {height:600px; top:auto; bottom:-60px; background-position:70% 50%;}
    .sV1_case2 .logo img {height:35px;}
    .sV1_case2 ul {display:block;}
    .sV1_case2 ul li {width:130px; height:130px; margin-left:0; margin-top:-10px;}
    .sV1_case2 ul li:first-child {margin-top:0;}
    .sV1_case2 ul li dl dd {margin-top:5px;}

    .sV1_case3 {padding:26% 0 50%;}
    .sV1_case3 .img_box {background-position:65% top; opacity:0.6;}
    .sV1_case3 .txt_box .s_txt1 {width:60%;}
	.sV1_case3 .txt_box .img {display:none;}
    .sV1_case3 .txt_box .img img {height:40px;}
    
    .sV1_case4 ul > li {width:100%; margin-bottom:10px; padding:20px;}
    .sV1_case4 ul > li:last-child {margin-bottom:0;}
    .sV1_case4 ul > li .box1 .tit1 img {height:20px;}
    .sV1_case4 ul > li .box1 ol li {padding-left:10px;}
    .sV1_case4 ul > li .box1 ol li:before {top:8px;}
    
	.sV1_case5 .scroll_box {display:flex; justify-content:end; margin-bottom:2%;}
	.sV1_case5 .scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
	.sV1_case5 .scroll_box div {width:50px; position:relative; margin-top:2px;}
	.sV1_case5 .scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
	.sV1_case5 .scroll_box div i {display:block; width:25px; font-size:1.5em; color:#aaa; text-align:center; position:relative; margin-top:-1px; padding-top:10px; animation:moveScrollAni 3s both infinite;}
	.sV1_case5 .scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}
    .sV1_case5 .img_box {height:520px; background-size:auto 230px; margin-top:0; overflow-x:scroll; -ms-overflow-style: none; scrollbar-width: none;}
	.sV1_case5 .img_box::-webkit-scrollbar {display:none;}
    .sV1_case5 .img_box .img1 {width:auto; right:auto; left:150px; bottom:21px; opacity:0.7; margin-top:0; padding-right:6%;}
    .sV1_case5 .img_box .img1 img {width:100%;}
    .sV1_case5 .img_box .img1 > div {width:125px; margin-right:15px;}
    .sV1_case5 .img_box .img1 > div > div {height:115px; padding:10px; border-radius:10px;}
    .sV1_case5 .img_box .img1 > div > div span {line-height:22px;}
    .sV1_case5 .img_box .img1 > div > div ol {margin-top:5px;}
    .sV1_case5 .img_box .img1 > div > div ol li {padding-left:10px;}
    .sV1_case5 .img_box .img1 > div > div ol li:before {top:7px;}
    .sV1_case5 .img_box ul {width:150px; right:auto; left:6%; bottom:12px;}
    .sV1_case5 .img_box ul li:after {width:10px; height:10px;}
    .sV1_case5 .img_box ul li dl dt {width:50px; line-height:28px;}
    .sV1_case5 .img_box ul li dl dd {width:50px; line-height:26px; border-width:1px; margin-left:3px;}
    .sV1_case5 .img_box ul li:nth-child(2) {margin-top:28px;}
    .sV1_case5 .img_box ul li:nth-child(3) {margin-top:28px;}

	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -20px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}

    .sV1_case6 ul li {width:calc(50% - 5px)}
    .sV1_case6 ul li:nth-child(2) ~ li {margin-top:6%;}
    .sV1_case6 ul li .img_box {height:42vw;}
    .sV1_case6 ul li dl {margin-top:10px;}
    
	.sV1_case7 ul li {width:50%;}
    .sV1_case7 ul li:nth-child(2) ~ li {margin-top:20px;}
    .sV1_case7 ul li .icon {width:100px; height:100px; background-size:55px auto;}
    .sV1_case7 ul li p {font-size:1em;}
}


.sEffect_slide {position:relative; padding-bottom:76px;}
.sEffect_slide .swiper-slide {display:flex; justify-content:space-between; align-items:start; opacity:0 !important;}
.sEffect_slide .swiper-slide-active {opacity:1 !important;}
.sEffect_slide .box1 {display:flex; justify-content:space-between; width:520px;}
.sEffect_slide .box1 > div {width:calc(50% - 10px); position:relative;}
.sEffect_slide .box1 > div .img {width:100%; height:370px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sEffect_slide .box1 > div p {width:100%; line-height:40px; font-size:1.125em; color:#fff; font-weight:700; text-align:center; position:absolute; left:0; bottom:0;}
.sEffect_slide .box1 > div:nth-child(1) p {background:rgba(25,25,25,0.7)}
.sEffect_slide .box1 > div:nth-child(2) p {background:rgba(188,102,113,0.7)}
.sEffect_slide .box2 {width:576px; padding-left:76px;}
.sEffect_slide .box2 .tit {font-size:1.375em; font-weight:700; text-align:center; margin-bottom:30px;}
.sEffect_slide .box2 .tit span {display:block; font-size:0.63em; color:#666; font-weight:500; margin-top:5px;}
.sEffect_slide .box2 .graph {position:relative;}
.sEffect_slide .box2 .graph .t1 {width:100%; font-size:0.875em; color:#666; font-weight:500; position:absolute; left:0; top:0; transform:rotate(-90deg); transform-origin:left top; margin:100% 0 0 -76px; text-align:right; pointer-events:none;}
.sEffect_slide .box2 .graph ol {width:100%; border-bottom:1px solid #191919;}
.sEffect_slide .box2 .graph ol li {width:100%; height:62px; border-top:1px solid #ccc; position:relative;}
.sEffect_slide .box2 .graph ol li span {font-size:0.875em; color:#666; font-weight:500; position:absolute; right:100%; top:0; transform:translateY(-50%); margin-right:10px;}
.sEffect_slide .box2 .graph ul {display:flex; justify-content:center; align-items:end; width:100%; height:100%; position:absolute; left:0; bottom:0;}
.sEffect_slide .box2 .graph ul li {width:80px; border-radius:40px 40px 0 0; margin:0 25px; text-align:center; position:relative;}
.sEffect_slide .box2 .graph ul li:nth-child(1) {background-image:linear-gradient(to bottom, #ccc, #9f9f9f);}
.sEffect_slide .box2 .graph ul li:nth-child(2) {background-image:linear-gradient(to bottom, #f8c4ca, #bc6671);}
.sEffect_slide .box2 .graph ul li .txt1 {font-size:1em; color:#fff; font-weight:700; padding-top:25px;}
.sEffect_slide .box2 .graph ul li .txt2 {width:100%; font-size:1em; font-weight:700; position:absolute; left:0; top:100%; margin-top:15px;}
.sEffect_slide .box2 .graph ul li .arrow1 {display:block; width:80px; height:109px; background:url(../images/sEffect_arrow.svg) no-repeat center center; background-size:contain; position:absolute; left:50px; bottom:10px;}
.sEffect_slide .box2 .graph ul li .arrow1.case2 {transform:rotate(180deg)}
.sEffect_slide .box2 .graph ul li .arrow2 {display:block; width:80px; height:149px; background:url(../images/sEffect_arrow2.svg) no-repeat center center; background-size:contain; position:absolute; left:50px; bottom:30px;}
.sEffect_slide .box2 .graph ul li .arrow3 {display:block; width:80px; height:129px; background:url(../images/sEffect_arrow3.svg) no-repeat center center; background-size:contain; position:absolute; left:50px; bottom:20px;}
.sEffect_slide .swiper-button-prev, .sEffect_slide .swiper-button-next {width:50px; height:50px; background:#fff; border-radius:50%; box-shadow:0 3px 10px rgba(25,25,25,0.15); font-size:1.125em; color:#191919; top:130px; margin-top:0;}
.sEffect_slide .swiper-button-prev {left:-100px;}
.sEffect_slide .swiper-button-next {right:-100px;}
.sEffect_slide .swiper-button-prev:after, .sEffect_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sEffect_slide .swiper-button-prev:after {content:'\f104'}
.sEffect_slide .swiper-button-next:after {content:'\f105'}
.sEffect_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sEffect_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.sEffect_slide .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; border-radius:4px; opacity:1;}
.sEffect_slide .swiper-pagination-bullet-active {width:20px; background:#191919;}

.sEffect_slide.case2 .box1 > div:nth-child(2) p {background:rgba(67,8,85,0.7)}
.sEffect_slide.case2 .box2 .graph ul li:nth-child(2) {background-image:linear-gradient(to bottom, #ef9aef, #430855);}
.sEffect_slide.case2 .box2 .graph ul li .arrow2 {background-image:url(../images/sEffect_arrow4.svg)}

@media screen and (max-width:1399px){
    .sEffect_slide .swiper-button-prev, .sEffect_slide .swiper-button-next {display:none;}
}

@media screen and (max-width:1220px){
    .sEffect_slide .box2 {width:calc(100% - 550px)}
}

@media screen and (max-width:1024px){
    .sEffect_slide .box1 {width:calc(50% - 20px)}
    .sEffect_slide .box1 > div {width:calc(50% - 5px)}
    .sEffect_slide .box1 > div .img {height:28vw;}
    .sEffect_slide .box1 > div p {line-height:35px; font-size:1em;}
    .sEffect_slide .box2 {width:50%;}
    .sEffect_slide .box2 .tit {font-size:1.25em; margin-bottom:15px;}
    .sEffect_slide .box2 .graph ol li {height:52px;}
    .sEffect_slide .box2 .graph ul li {width:65px; margin:0 15px;}
    .sEffect_slide .box2 .graph ul li .txt2 {margin-top:10px;}
    .sEffect_slide .box2 .graph ul li .arrow1 {width:60px; background-position:center bottom; left:40px;}
    .sEffect_slide .box2 .graph ul li .arrow1.case2 {background-position:center top;}
    .sEffect_slide .box2 .graph ul li .arrow2 {width:60px; background-position:center bottom; left:40px;}
    .sEffect_slide .box2 .graph ul li .arrow3 {width:60px; background-position:center bottom; left:40px;}
}

@media screen and (max-width:767px){
    .sEffect_slide {padding-bottom:60px}
	.sEffect_slide .swiper-slide {flex-direction:column-reverse;}
    .sEffect_slide .box1 {width:100%; padding:0 24px;}
    .sEffect_slide .box1 > div .img {height:59vw;}
    .sEffect_slide .box1 > div p {line-height:30px;}
    .sEffect_slide .box2 {width:100%; margin-bottom:55px; padding-left:65px; padding-right:24px;}
    .sEffect_slide .box2 .graph .t1 {margin-left:-65px;}
    .sEffect_slide .box2 .graph ol li {height:40px;}
    .sEffect_slide .box2 .graph ul li {width:55px; margin:0 5px;}
    .sEffect_slide .box2 .graph ul li .txt1 {padding-top:15px;}
    .sEffect_slide .box2 .graph ul li .arrow1 {width:50px; left:30px;}
    .sEffect_slide .box2 .graph ul li .arrow2 {width:50px; left:30px; bottom:20px;}
    .sEffect_slide .box2 .graph ul li .arrow3 {width:50px; left:30px;}
    .sEffect_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
    .sEffect_slide .swiper-pagination-bullet {width:4px; height:4px;}
    .sEffect_slide .swiper-pagination-bullet-active {width:16px;}
}


.sFaq_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100%;  position:relative; overflow:hidden;}
.sFaq_wrap:before {content:''; display:block; width:110%; height:110%; background:url(../images/sFaqBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;  animation:BGMotion3 4s linear alternate infinite}
.sFaq_wrap:after {content:''; display:block; width:100%; height:100%; mix-blend-mode:hue; background-blend-mode:hue; background-image:linear-gradient(to bottom, #bc6671, #bc6671); position:absolute; left:0; top:0; z-index:1;}
.sFaq_wrap > div {position:relative; z-index:5;}
.sFaq_slide_wrap {position:relative; padding-bottom:76px;}
.sFaq_slide .swiper-wrapper {align-items:stretch;}
.sFaq_slide .swiper-slide {height:auto; background:rgba(255,255,255,0.3); backdrop-filter:blur(20px);  -webkit-backdrop-filter:20px; border-radius:30px; padding:50px 40px;}
.sFaq_slide dl dt {font-size:1.25em; color:#bc6671; font-weight:600; word-break:break-all;}
.sFaq_slide dl dt:before {content:'Q. '}
.sFaq_slide dl dd {font-size:1em; color:#666; line-height:1.56em; font-weight:500; margin-top:10px; word-break:break-all;}
.sFaq_slide {width:100%; overflow:hidden;}
.sFaq_slide .swiper-button-prev, .sFaq_slide .swiper-button-next {width:50px; height:50px; background:#fff; border-radius:50%; box-shadow:0 3px 10px rgba(25,25,25,0.15); font-size:1.125em; color:#191919; top:73px; margin-top:0;}
.sFaq_slide .swiper-button-prev {left:-100px;}
.sFaq_slide .swiper-button-next {right:-100px;}
.sFaq_slide .swiper-button-prev:after, .sFaq_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sFaq_slide .swiper-button-prev:after {content:'\f104'}
.sFaq_slide .swiper-button-next:after {content:'\f105'}
.sFaq_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sFaq_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.sFaq_slide .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; border-radius:4px; opacity:1;}
.sFaq_slide .swiper-pagination-bullet-active {width:20px; background:#191919;}

.sFaq_wrap.case2 {}
.sFaq_wrap.case2:before {background-image:url(../images/sFaqBG2.jpg); animation:BGMotion5 7s linear infinite}
.sFaq_wrap.case2:after {display:none;}
.sFaq_wrap.case2 dl dt {color:#430855}

@media screen and (max-width:1399px){
    .sFaq_slide .swiper-button-prev, .sFaq_slide .swiper-button-next {display:none;}
}

@media screen and (max-width:1024px){
    .sFaq_wrap {padding:15% 0;}
    .sFaq_slide .swiper-slide {border-radius:15px; padding:30px 20px;}
    .sFaq_slide dl dt {font-size:1.125em;}
    .sFaq_slide dl dd {margin-top:5px;}
}

@media screen and (max-width:767px){
    .sFaq_slide_wrap {padding-bottom:40px}
    .sFaq_slide .swiper-slide {border-radius:10px; padding:40px 15px;}
    .sFaq_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
    .sFaq_slide .swiper-pagination-bullet {width:4px; height:4px;}
    .sFaq_slide .swiper-pagination-bullet-active {width:14px;}
}


.sCompany_wrap {position:relative;}
.sCompany_wrap .nav_box {position:fixed; left:50px; top:50vh; transform:translateY(-50%); z-index:30; opacity:0; visibility:visible; transition:all 0.4s; transition-property:opacity, visibility;}
.sCompany_wrap .nav_box.on {opacity:1; visibility:visible;}
.sCompany_wrap .nav_box li {margin-bottom:15px;}
.sCompany_wrap .nav_box li:last-child {margin-bottom:0;}
.sCompany_wrap .nav_box li button {font-size:0.875em; color:rgba(25,25,25,0.5); font-weight:500; font-family:'Pretendard'; text-transform:uppercase;}
.sCompany_wrap .nav_box li.on button {color:#191919; font-weight:700;}
.sCompany_wrap .nav_box.white li button {color:rgba(255,255,255,0.5)}
.sCompany_wrap .nav_box.white li.on button {color:#fff;}

.sCompany_wrap .img1 {width:1200px; height:470px; background:url(../images/sCompany_img1.jpg) no-repeat center center; background-size:cover; border-radius:20px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; visibility:hidden; transition:all 0.2s ease-in-out; overflow:hidden;}
.sCompany_wrap .img1:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0; transition:all 0.4s;}
.sCompany_wrap .img1.on {opacity:1; visibility:visible; transition:all 0.7s ease-in-out;}
.sCompany_wrap .img1.active {width:100%; height:100%; border-radius:0;}
.sCompany_wrap .img1.active:before {opacity:0.2;}


.sCompany_top {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#191919; position:relative; overflow:hidden; z-index:40;}
.sCompany_top:before {content:''; display:block; width:100%; height:100%; background:url(../images/sCompany_top.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; opacity:0; transform:scale(1.15); animation:2s sCompanyTop1 cubic-bezier(0.39, 0.58, 0.57, 1) forwards, 1s sCompanyTop2 ease forwards}
.sCompany_top:after {content:''; display:block; width:100%; height:100%; background:#d4a7a1; opacity:0.3; position:absolute; left:0; top:0; z-index:1;}
.sCompany_top > div {position:relative; z-index:10; text-align:center;}
.sCompany_top h2 {font-size:4.06em; color:#fff; line-height:1.1em; font-weight:700;}
.sCompany_top .t1 {font-size:1.125em; color:#fff; font-weight:500; margin-top:10px;}
.sCompany_top .menu_box {display:flex; justify-content:center; width:100%; margin-top:50px;}
.sCompany_top .menu_box button {display:none;}
.sCompany_top .menu_box ul {display:flex; height:70px; background:rgba(255,255,255,0.2); backdrop-filter:blur(20px); border-radius:35px; padding:6px;}
.sCompany_top .menu_box ul li {height:100%;}
.sCompany_top .menu_box ul li a {display:flex; align-items:center; height:100%; font-size:1.125em; color:#fff; font-weight:600; text-transform:uppercase; padding:0 20px; border-radius:35px; transition:color 0.4s;}
.sCompany_top .menu_box ul li a:hover {color:#bc6671}
.sCompany_top .menu_box ul li:first-child a {background:#bc6671; color:#fff;}

.sCompany_case1 {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}

.sCompany_case2 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center;}
.sCompany_case2 .tit {font-size:1.875em; color:#fff; line-height:1.33em; font-weight:600;}
.sCompany_case2 .txt {font-size:1.125em; color:rgba(255,255,255,0.7); line-height:1.5em; font-weight:500; margin-top:25px;}

.sCompany_case3 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:url(../images/sCompany_img2.jpg) no-repeat center center; background-size:cover; position:relative;}
.sCompany_case3:before {content:''; display:block; width:100%; height:100%; background:#191919; opacity:0.2; position:absolute; left:0; top:0; z-index:0;}
.sCompany_case3 > div {position:relative; z-index:5;}

.sCompany_case4 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#fff; position:relative;}
.sCompany_case4 ul {display:flex; justify-content:center; align-items:start; flex-wrap:wrap; width:100%;}
.sCompany_case4 ul li {display:flex; justify-content:center; flex-direction:column; width:420px; height:450px; background:rgba(255,255,255,0.7); border-radius:30px; box-shadow:5px 5px 30px rgba(188,102,113,0.1); margin-right:30px; text-align:center; padding:0 60px;}
.sCompany_case4 ul li:last-child {margin-right:0; margin-top:70px;}
.sCompany_case4 ul li:before {content:''; display:block; width:100%; height:120px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;}
.sCompany_case4 h3 {font-size:1.375em; font-weight:600; margin:30px 0 20px;}
.sCompany_case4 dl dt {font-size:1.125em; line-height:1.55em; font-weight:600;}
.sCompany_case4 dl dd {font-size:0.875em; color:#666; line-height:1.42em; margin-top:10px;}

.sCompany_case4 ul li:first-child:before {background-image:url(../images/sCompany_icon1.png);}
.sCompany_case4 ul li:last-child:before {background-image:url(../images/sCompany_icon2.png);}

.sCompany_case5 {display:flex; width:100%; height:100%; background:#fff5f8;}
.sCompany_case5 > div {width:50%; position:relative; overflow:hidden; transition:background 0.4s;}
.sCompany_case5 > div:before {content:''; display:block; width:100%; min-width:960px; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100% auto; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:0;}
.sCompany_case5 .txt_box {text-align:center; position:relative; z-index:5; padding-top:100px; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
.sCompany_case5 .txt_box .logo {display:flex; justify-content:center; align-items:center; height:120px;}
.sCompany_case5 .txt_box .logo .logo1 {height:100%;}
.sCompany_case5 .txt_box .logo .logo2 {height:60px;}
.sCompany_case5 .txt_box .s_txt2 {color:#fff; font-weight:700; margin-top:30px;}
.sCompany_case5 .txt_box .s_txt1 {color:rgba(255,255,255,0.7); margin-top:15px;}
.sCompany_case5 > div.on .txt_box {opacity:1; visibility:visible;}
.sCompany_case5 > div.box1.on {background:#bc6671}
.sCompany_case5 > div.box2.on {background:#430855}

.sCompany_case5 > div.box1:before {background-image:url(../images/sCompany_img3_1.png)}
.sCompany_case5 > div.box2:before {background-image:url(../images/sCompany_img3_2.png)}

.sCompany_slide {padding-bottom:76px; position:relative;}
.sCompany_slide .swiper-slide {display:flex; align-items:center; flex-wrap:wrap; opacity:0 !important;}
.sCompany_slide .swiper-slide-active {opacity:1 !important;}
.sCompany_slide .img_box {width:50%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}
.sCompany_slide .txt_box {width:50%; padding-left:120px;}
.sCompany_slide .txt_box .tit {font-size:1.5em; line-height:1.45em; font-weight:600; margin-bottom:15px;}
.sCompany_slide .txt_box .list1 li {font-size:1.125em; color:#666; line-height:1.5em; padding-left:19px; position:relative;}
.sCompany_slide .txt_box .list1 li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:12px;}
.sCompany_slide .txt_box .list1 li strong {color:#191919; font-weight:600; margin-right:10px;}
.sCompany_slide .txt_box .list1.case2 li {display:flex; margin-bottom:10px;}
.sCompany_slide .txt_box .list1.case2 li:last-child {margin-bottom:0;}
.sCompany_slide .txt_box .list2 {margin-top:15px;}
.sCompany_slide .txt_box .list2 li {font-size:0.875em; color:#bc6671; line-height:1.42em; font-weight:500;}
.sCompany_slide .swiper-button-prev, .sCompany_slide .swiper-button-next {width:50px; height:50px; background:#fff; border-radius:50%; box-shadow:0 3px 10px rgba(25,25,25,0.15); font-size:1.125em; color:#191919; top:130px; margin-top:0;}
.sCompany_slide .swiper-button-prev {left:-100px;}
.sCompany_slide .swiper-button-next {right:-100px;}
.sCompany_slide .swiper-button-prev:after, .sCompany_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sCompany_slide .swiper-button-prev:after {content:'\f104'}
.sCompany_slide .swiper-button-next:after {content:'\f105'}
.sCompany_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.sCompany_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.sCompany_slide .swiper-pagination-bullet {width:6px; height:6px; background:#ccc; border-radius:4px; opacity:1;}
.sCompany_slide .swiper-pagination-bullet-active {width:20px; background:#191919;}

.sCompany_case6 {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#fff;}

@keyframes sCompanyTop1 {
    100% {transform:scale(1)}
}

@keyframes sCompanyTop2 {
    100% {opacity:1;}
}

@media screen and (min-height:1080px){
    .sCompany_case5 .txt_box {padding-top:150px;}
}

@media screen and (max-width:1399px){
    .sCompany_slide .swiper-button-prev, .sCompany_slide .swiper-button-next {display:none;}
}

@media screen and (max-width:1220px){
    .sCompany_wrap .img1 {width:88%;}

    .sCompany_case1 .sub_title br {display:none;}

    .sCompany_case2 .tit br, .sCompany_case2 .txt br {display:none;}

    .sCompany_case3 .sub_title br {display:none;}

    .sCompany_slide .img_box {height:30vw;}
    .sCompany_slide .txt_box {padding-left:50px;}
}

@media screen and (max-width:1024px){
    .sCompany_wrap .nav_box {display:none;}

    .sCompany_wrap .img1 {height:380px; border-radius:15px;}

    .sCompany_top {height:100vh;}
	.sCompany_top h2 {font-size:3em;}
	.sCompany_top .t1 {font-size:1em; margin-top:5px;}
    .sCompany_top .menu_box {margin-top:25px;}
    .sCompany_top .menu_box ul {height:55px; padding:5px;}
    .sCompany_top .menu_box ul li a {font-size:1em; padding:0 15px;}

    .sCompany_box1 {width:100%; height:100vh;}

    .sCompany_case1 {height:100vh;}

    .sCompany_case2 {height:100vh;}
    .sCompany_case2 .tit {font-size:1.5em;}
    .sCompany_case2 .txt {font-size:1em; margin-top:2%;}
    
    .sCompany_case3 {padding:35% 0;}

    .sCompany_case4 {padding:20% 0;}
	.sCompany_case4 ul li {width:calc(43% - 7.5px); height:380px; border-radius:15px; margin-right:15px; padding:0 30px;}
	.sCompany_case4 ul li:last-child {margin-top:50px;}
	.sCompany_case4 ul li:before {height:90px;}
	.sCompany_case4 ul li h3 {font-size:1.25em; margin:20px 0 10px;}
	.sCompany_case4 ul li dl dt {font-size:1em;}
	.sCompany_case4 ul li dl dd {margin-top:5px;}

    .sCompany_case5 {display:block;}
    .sCompany_case5 > div {width:100%; padding:13% 6% 15%;}
    .sCompany_case5 > div:before {width:50%; min-width:0; height:100%; background-position:center bottom; left:50%; transform:translateX(0)}
    .sCompany_case5 > div .txt_box {width:50%; opacity:1; visibility:visible; padding-top:0; text-align:left;}
    .sCompany_case5 > div .txt_box .logo {display:block; height:auto;}
    .sCompany_case5 > div .txt_box .logo .logo1 {height:70px;}
    .sCompany_case5 > div .txt_box .logo .logo2 {height:35px;}
    .sCompany_case5 > div .txt_box .s_txt2 {margin-top:15px;}
    .sCompany_case5 > div .txt_box .s_txt1 {margin-top:10px;}
    .sCompany_case5 > div .txt_box .s_txt1 br {display:none;}
    .sCompany_case5 > div.box1 {background:#bc6671}
    .sCompany_case5 > div.box2 {background:#430855}

    .sCompany_case6 {padding:13% 0;}
    .sCompany_slide {padding-bottom:50px;}
    .sCompany_slide .txt_box {padding-left:25px;}
    .sCompany_slide .txt_box .tit {font-size:1.3em; margin-bottom:10px;}
    .sCompany_slide .txt_box .list1 li {font-size:1em; padding-left:14px;}
    .sCompany_slide .txt_box .list1 li:before {top:9px;}
    .sCompany_slide .txt_box .list1 li strong {margin-right:5px;}
    .sCompany_slide .txt_box .list1.case2 li {margin-bottom:5px;}
    .sCompany_slide .txt_box .list2 {margin-top:10px;}

}

@media screen and (max-width:767px){
    .sCompany_wrap .img1 {height:220px;}

	.sCompany_top h2 {font-size:2.5em;}
    .sCompany_top .menu_box {margin-top:15px; position:relative;}
    .sCompany_top .menu_box button {display:block; width:100%; height:38px; background:rgba(255,255,255,0.2); backdrop-filter:blur(20px); border-radius:8px; font-size:1.125em; color:#fff; font-weight:600; text-transform:uppercase; text-align:left; padding:0 13px; font-family:'Pretendard'; position:relative;}
    .sCompany_top .menu_box button:after {content:'\f107'; font-size:0.88em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:13px; top:50%; transform:translateY(-50%)}
    .sCompany_top .menu_box button.on:after {content:'\f106'}
    .sCompany_top .menu_box ul {display:block; width:100%; height:auto; background:#fff; border:1px solid #ddd; border-radius:8px; position:absolute; left:0; top:100%; margin-top:5px; opacity:0; visibility:hidden; transition:all 0.4s; transition-property:opacity, visibility;}
    .sCompany_top .menu_box ul li a {height:32px; border-radius:8px; color:#191919; padding:0 8px;}
    .sCompany_top .menu_box button.on + ul {opacity:1; visibility:visible;}
    
    .sCompany_case2 .tit {font-size:1.3em;}
    
    .sCompany_case4 ul li {width:100%; height:auto; padding:13% 20px; margin-right:0;}
	.sCompany_case4 ul li:last-child {margin-top:2%;}
	.sCompany_case4 ul li:before {height:60px;}

    .sCompany_case5 > div {padding:15% 6% 45%;}
    .sCompany_case5 > div:before {width:70%; left:auto; right:0; background-position:20% bottom; background-size:auto 130%; opacity:0.25;}
    .sCompany_case5 > div .txt_box {width:100%;}
    .sCompany_case5 > div .txt_box .logo .logo1 {height:50px;}
    .sCompany_case5 > div .txt_box .logo .logo2 {height:21px;}
    
    .sCompany_slide {padding-bottom:40px;}
    .sCompany_slide .img_box {width:100%; height:52vw; border-radius:10px;}
    .sCompany_slide .txt_box {width:100%; padding-left:0; margin-top:4%;}
    .sCompany_slide .txt_box .tit {margin-bottom:1%;}
    .sCompany_slide .txt_box .list1 li {padding-left:10px;}
    .sCompany_slide .txt_box .list1 li:before {width:3px; height:3px; top:8px;}
    .sCompany_slide .txt_box .list2 {margin-top:1.5%;}
    .sCompany_slide .txt_box .list1.case2 li {margin-bottom:3px;}
    .sCompany_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
    .sCompany_slide .swiper-pagination-bullet {width:5px; height:5px;}
    .sCompany_slide .swiper-pagination-bullet-active {width:18px;}
}


.sInquiry_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:url(../images/sInquiryBG.png) no-repeat center center; background-size:cover;}
.sInquiry_wrap .form_box ul {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sInquiry_wrap .form_box ul li {display:flex; width:calc(50% - 10px); background:rgba(255,255,255,0.8); border:1px solid rgba(204,204,204,0.5); backdrop-filter:blur(10px); border-radius:10px; padding:25px;}
.sInquiry_wrap .form_box ul li.w_100 {width:100%;}
.sInquiry_wrap .form_box ul li:nth-child(2) ~ li {margin-top:10px;}
.sInquiry_wrap .form_box ul li > label {display:block; width:82px; font-size:1em; font-weight:600;}
.sInquiry_wrap .form_box ul li > label i {color:#bc6671; font-style:normal;}
.sInquiry_wrap .form_box ul li > div {width:calc(100% - 82px)}
.sInquiry_wrap .form_box ul li .form_txt {display:block; width:100%; height:100%; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0;}
.sInquiry_wrap .form_box ul li .form_txt:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sInquiry_wrap .form_box ul li .form_textarea {display:block; width:100%; height:100px; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0; resize:none;}
.sInquiry_wrap .form_box ul li .form_textarea:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sInquiry_wrap .form_box .chk_box {position:relative; margin-top:15px;}
.sInquiry_wrap .form_box .chk_box input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
.sInquiry_wrap .form_box .chk_box label {display:flex; width:100%;}
.sInquiry_wrap .form_box .chk_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:rgba(185,30,76,0.2); border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sInquiry_wrap .form_box .chk_box label span {font-size:0.875em; color:#bc6671; font-weight:500; padding-left:10px; line-height:24px;}
.sInquiry_wrap .form_box .chk_box label span a {color:#bc6671; text-decoration:underline; position:relative; z-index:5;}
.sInquiry_wrap .form_box .chk_box input:checked + label:before {background:#bc6671}
.sInquiry_wrap .form_box .cleo_btn1 {margin:10px auto 0;}

.sInquiry_wrap.case2 {background-image:url(../images/sInquiryBG2.png)}
.sInquiry_wrap.case2 .form_box ul li > label i {color:#430855}
.sInquiry_wrap.case2 .form_box .chk_box label:before {background:rgba(67,8,85,0.2)}
.sInquiry_wrap.case2 .form_box .chk_box label span {color:#430855}
.sInquiry_wrap.case2 .form_box .chk_box label span a {color:#430855}
.sInquiry_wrap.case2 .form_box .chk_box input:checked + label:before {background:#430855}


@media screen and (max-width:1024px){
    .sInquiry_wrap {padding:13% 0;}
    .sInquiry_wrap .form_box ul li {width:calc(50% - 5px); padding:18px 15px;}
    .sInquiry_wrap .form_box ul li > label {width:70px;}
    .sInquiry_wrap .form_box ul li > div {width:calc(100% - 70px)}
    .sInquiry_wrap .form_box .chk_box {margin-top:10px;}
}

@media screen and (max-width:767px){
    .sInquiry_wrap .form_box ul li {width:100%;}
    .sInquiry_wrap .form_box ul li:nth-child(1) ~ li {margin-top:5px;}
    .sInquiry_wrap .form_box ul li {padding:13px 10px; border-radius:5px;}
    .sInquiry_wrap .form_box ul li > label {width:63px;}
    .sInquiry_wrap .form_box ul li > div {width:calc(100% - 63px)}
    .sInquiry_wrap .form_box ul li .form_textarea {height:70px;}
    .sInquiry_wrap .form_box .chk_box label:before {width:20px; height:20px;}
    .sInquiry_wrap .form_box .chk_box label span {line-height:20px;}
}


.sContact_case1  {display:flex; height:100%; position:relative; z-index:5;}
.sContact_case1 .tit_box {width:calc(100% - 600px);}
.sContact_case1 .form_box {width:600px;}
.sContact_case1 .form_box:after {content:''; display:block; width:100%; clear:both;}
.sContact_case1 .form_box ul li {display:flex; width:100%; background:#fff; border-radius:10px; margin-bottom:10px; padding:25px; position:relative;}
.sContact_case1 .form_box ul li:before {content:''; display:block; width:100%; height:100%; border:1px solid #ccc; border-radius:10px; position:absolute; left:0; top:0; pointer-events:none}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; width:82px; font-size:1em; font-weight:600;}
.sContact_case1 .form_box ul li > label i {color:#bc6671; font-style:normal;}
.sContact_case1 .form_box ul li > div {width:calc(100% - 82px)}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:100%; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0;}
.sContact_case1 .form_box ul li .form_txt:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:250px; font-size:1em; color:#666; font-family:'Pretendard'; background:none; border:0; border-radius:0; resize:none;}
.sContact_case1 .form_box ul li .form_textarea:focus {outline:none; border:0 !important; box-shadow:none !important;}
.sContact_case1 .form_box ul li.on:before {border:2px solid #bc6671; box-shadow:5px 5px 15px rgba(67,8,85,0.15)}
.sContact_case1 .form_box ul li .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box .chk_box {position:relative; margin-top:20px;}
.sContact_case1 .form_box .chk_box input {display:block; width:100%; height:100%; opacity:0; position:absolute; left:0; top:0;}
.sContact_case1 .form_box .chk_box label {display:flex; width:100%;}
.sContact_case1 .form_box .chk_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro';}
.sContact_case1 .form_box .chk_box label span {font-size:0.875em; font-weight:500; padding-left:10px; line-height:24px;}
.sContact_case1 .form_box .chk_box label span a {text-decoration:underline; position:relative; z-index:5;}
.sContact_case1 .form_box .chk_box input:checked + label:before {background:#bc6671}
.sContact_case1 .form_box .cleo_btn1 {float:right;}

@media screen and (max-width:1220px){
    .sContact_case1 .tit_box {width:350px}
    .sContact_case1 .form_box {width:calc(100% - 350px)}
}

@media screen and (max-width:1024px){
    .sContact_case1 .tit_box {width:300px;}
    .sContact_case1 .form_box {width:calc(100% - 300px)}
    .sContact_case1 .form_box ul li {margin-bottom:5px; padding:18px 15px;}
    .sContact_case1 .form_box ul li > label {width:70px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 70px)}
	.sContact_case1 .form_box ul li .form_textarea {height:100px;}
    .sContact_case1 .form_box .chk_box {margin-top:10px;}
}

@media screen and (max-width:767px){
    .sContact_case1 {display:block;}
    .sContact_case1 .tit_box {width:100%;}
    .sContact_case1 .tit_box p {margin-top:5px;}
    .sContact_case1 .form_box {width:100%; margin-top:5%;}
    .sContact_case1 .form_box ul li {padding:13px 10px; border-radius:5px;}
	.sContact_case1 .form_box ul li:before {border-radius:5px;}
    .sContact_case1 .form_box ul li > label {width:63px;}
    .sContact_case1 .form_box ul li > div {width:calc(100% - 63px)}
    .sContact_case1 .form_box ul li .form_textarea {height:90px;}
    .sContact_case1 .form_box .chk_box label:before {width:20px; height:20px;}
    .sContact_case1 .form_box .chk_box label span {line-height:20px;}
}



@keyframes BGMotion1 {
	0% {opacity:0.5;}
	25% {opacity:1; transform:translate(-50%, -50%)}
	100% {transform:translate(-48%, -48%)}
}

@keyframes BGMotion2 {
	0% {opacity:0.2;}
	25% {opacity:1; transform:translate(-50%, -50%)}
	100% {transform:translate(-52%, -52%)}
}

@keyframes BGMotion3 {
	0% {transform:translate(-50%, -50%)}
	100% {transform:translate(-50%, -48%)}
}

@keyframes BGMotion4 {
	0% {opacity:0.2; transform:translate(-52%, -48%)}
	20% {opacity:1; transform:translate(-52%, -48%)}
	100% {transform:translate(-50%, -50%)}
}

@keyframes BGMotion5 {
	0% {opacity:0.5;}
	25% {opacity:1; transform:translate(-50%, -50%)}
	100% {transform:translate(-50%, -53%)}
}


[data-effect^="fade"] {opacity:0; transition:all 0.8s ease-in-out; transition-property:opacity, transform;}
[data-effect="fadeUp"] {transform:translateY(30px)}
[data-effect="fadeDown"] {transform:translateY(-30px)}
[data-effect="fadeRight"] {transform:translateX(-30px)}
[data-effect="fadeLeft"] {transform:translateX(30px)}
.animate[data-effect^="fade"] {opacity:1; transform:translate(0)}


[data-effect-delay="0.1"] {transition-delay:0.1s;}
[data-effect-delay="0.2"] {transition-delay:0.2s;}
[data-effect-delay="0.3"] {transition-delay:0.3s;}
[data-effect-delay="0.4"] {transition-delay:0.4s;}
[data-effect-delay="0.5"] {transition-delay:0.5s;}
[data-effect-delay="0.6"] {transition-delay:0.6s;}
[data-effect-delay="0.7"] {transition-delay:0.7s;}
[data-effect-delay="0.8"] {transition-delay:0.8s;}
[data-effect-delay="0.9"] {transition-delay:0.9s;}

[data-effect-duration="1.5"] {transition-duration:1.5s;}