/* main.css */

@charset "utf-8";

@import url("reset.css");

@import url("eng.css");



/* font-face */

@font-face {font-family: 'LINESeedKR-Rg';src: url('https://cdn.jsdelivr.net/gh/wizfile/font/LINESeedKR-Rg.eot');src:url('https://cdn.jsdelivr.net/gh/wizfile/font/LINESeedKR-Rg.woff') format('woff');font-style: normal;}

@font-face {font-family: 'LINESeedKR-Bd';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');font-weight: 700;font-style: normal;}



/* animation */

.content{overflow: hidden;}

.sectnAbout:before{animation:bg_act1 12s linear 0s infinite}

.sec2:before{animation:bg_act1 14s linear 0s infinite}

.sec2:after{animation:bg_act1 10s linear 0s infinite}

.sec7:after{animation:bg_act1 16s linear 0s infinite}

@keyframes bg_act1{

	0%{transform:scale(1) translate(0,0);}

  16%{transform:scale(1.02) translate(-5px,5px) rotate(.001deg);}

  33%{transform:scale(1.03) translate(-5px,-5px) rotate(.001deg);}

  49%{transform:scale(1.05) translate(5px,-5px) rotate(.001deg);}

  65%{transform:scale(1.035) translate(5px,5px) rotate(.001deg);}

  100%{transform:scale(1) translate(0,0);}

}





/* common */

*{font-family: 'LINESeedKR-Rg';color:#333}

.mb, .mb500, .mb1080{display: none;}

.txtBold{font-family: 'LINESeedKR-Bd'}

.txtPink{color: #FC798E}

.txtPinkBold{color: #FC798E;font-family: 'LINESeedKR-Bd'}

.txtPoint{display: inline-block; position: relative; padding:0;margin:0; line-height: 1;}

.txtPoint:before{content: "";display: block;width:8px;height:8px;background: #fff;border-radius: 50px;position: absolute;left:9px;top:-16px}

.txtPinkBold.txtPoint:before{background:#FC798E}

.wrap{z-index: 1;position: relative;width:1440px;margin:0 auto;box-sizing: border-box;}

.clear:after{content:"";display: block;clear: both;}

.fl{float:left;}

.fr{float: right;}

.sL{float:left;box-sizing: border-box;}

.sR{float:right;box-sizing: border-box;}



/* header */

.headWrap{z-index: 100;position:fixed;left:0;top:0;height:108px;width:100%;box-sizing: border-box;}

.headWrap.act{box-shadow: 0px 5px 15px #00000029;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}

.headIn{line-height: 108px}

.headIn h1{float: left;}

.headIn h1 img{vertical-align: middle;}



/* gnb */

.gnbWrap{z-index:101 !important;position: fixed;left:0;right:0;top:0;margin:0 auto}

.gnb{float: right;}

.gnb li{float: left;margin-right:40px;}

.gnb li:last-of-type{margin-right:0}

.gnb li a{display: block; font-size: 18px;color:#000;cursor:pointer;line-height:110px}

.gnb .login a{padding:12px 40px 10px;background: #FFFFFF 0% 0% no-repeat padding-box;

border: 1px solid #FC798E;border-radius: 24px;line-height: normal;color: #FC798E;margin-top:28px;}

.gnb .login a:hover{background:#FC798E;color:#fff;transition: all linear 0.25s 0s}



/* lang */

.lang .langSelect > p {font-size: 18px; color: rgb(0, 0, 0, 0.6);}

.lang .langSelect > p > a::before {content: ''; background: url(../img/language_FILL0_wght200_GRAD0_opsz24@2x.png); background-repeat: no-repeat; background-size: cover; width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: relative; right: 8px; bottom: 1px;}

.lang .langSelect > p > a::after {content: ''; background-image: url(../img/arrow_drop_down_FILL0_wght200_GRAD0_opsz24@2x.png); background-repeat: no-repeat; background-size: cover; width: 8px; height: 4px; display: inline-block; vertical-align: middle; position: relative; left: 5px;}

.gnb .lang a {line-height: normal; margin-top: 42px;}

.gnb .lang .langSelect ul > li > a {font-size: 18px; color: rgb(0, 0, 0, 0.6); line-height: normal; margin-top: 5px; position: relative; left: 20px;}

@media (max-width:1080px) {
	.gnb .lang a {margin-top: 0;}
	.gnb .lang .langSelect ul > li > a {display: block; padding: 0; margin-top: -20px; left: 5px;}
}


/* TopBtn */

.btnTop{z-index:1;position: fixed;right:0;bottom:-20px;font-size:40px;cursor: pointer;width: 125px;height:125px;transition: all 0.3s linear 0s;opacity: 0;}

.btnTop img{width:100%;height:100%}

.btnTop.on{z-index:100;right:0;bottom:0;opacity: 1;}



/* content */

.content{background: #fff;}

.content h2{font-size:40px;text-align: center;}

.content strong{display: block;margin-top:10px;font-size:64px;font-family: 'LINESeedKR-Bd'}





/* sec1 */

.sectnAbout{padding-top:110px;position: relative;overflow: hidden;}

.sectnAbout:before{content: "";display: block;width:1301px;height:1108px;background: url(../img/bg_object_1@2x.png)no-repeat right -251px top -227px;background-size:cover;position: absolute;right:0;top:0}

.sectnAbL{float: left;width:46%;margin-top:326px}

.sectnAbL .promo {text-align: center;}

.sectnAbL .promo a{display: inline-block;width: 240px;height: 64px;line-height: 65px;background: #FFF;box-shadow: 5px 5px 15px #FC798E40;border: 1px solid #FC798E;border-radius: 32px;font-size:18px;margin:40px auto 0; margin-right:10px; text-align: center;}
.sectnAbL .promo a:first-child {background-color: rgb(252, 121, 142);color:#fff;}

.sectnAbL .promo a:hover{box-shadow:5px 5px 25px #FC798E40}

.sectnAbR{float: right;width:54%;margin-right:-100px;margin-top:160px}

.sectnAbR img{width:1001px}

.sectnAbL .promo a.btn-kakao {padding-top: 1px; position: relative; font-weight: bold; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.12); background-color: #F4E350; border: 1px solid #F4E350; color: #000;}

.sectnAbL .promo a.btn-kakao:hover {box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.12);}

.sectnAbL .promo a.btn-kakao img {width: 16px; height: 16px; position: relative; top: 2px; margin-right: 10px; }

.sectnAbL .promo a.btn-kakao span {padding-right: 2px;}


/* sec2 */

.sec2{padding-top:220px;position: relative;}

.sec2:before{content: "";display: block;width:450px;height:746px;background: url(../img/bg_object_2@2x.png)no-repeat left -306px top ;background-size:cover;position: absolute;left:0;top:-373px}

.sec2:after{content: "";display: block;width:472px;height:851px;background: url(../img/bg_object_3@2x.png)no-repeat right -379px top;background-size:cover;position: absolute;right:0;bottom:-190px;z-index: 2}

.sec2 .wrap {z-index: 3;}


.btMind{width:1160px;margin:0 auto;padding:80px 0 240px}

.btMind li{width:200px;height:200px;float:left;position: relative;margin:0 40px 40px 0}

.btMind li:nth-of-type(5n){margin-right:0}

.btMind li:nth-of-type(n+12){margin-bottom:0}

/* .btMind li:nth-of-type(10){margin-right: 40px;} */

.btMind li:last-of-type {margin-right: 0;}

.btMind li:nth-of-type(1){background: url(../img/sec2_ico01.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(2){background: url(../img/sec2_ico02.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(3){background: url(../img/sec2_ico03.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(4){background: url(../img/sec2_ico04.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(5){background: url(../img/sec2_ico05.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(6){background: url(../img/sec2_ico06.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(7){background: url(../img/sec2_ico07.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(8){background: url(../img/sec2_ico08.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(9){background: url(../img/sec2_ico09.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(10){background: url(../img/sec2_ico10.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(11){background: url(../img/sec2_ico11.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(12){background: url(../img/sec2_ico12.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(13){background: url(../img/sec2_ico13.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(14){background: url(../img/sec2_ico14.png)no-repeat center center;background-size: 100%}

.btMind li:nth-of-type(15){background: url(../img/sec2_ico15.png)no-repeat center center;background-size: 100%}

.btMind li p{position: absolute;bottom:33px;left:0;right:0;margin:0 auto;font-size:16px;color:#000;text-align: center;}

.btMind li:nth-of-type(4) p, .btMind li:nth-of-type(5) p {bottom: 22px;}



/* sec3 */

.sec3{padding-bottom:120px;}

.sec3 h2{float:left;width:calc(100% - 960px);margin-top:196px;text-align: left;}

.sec3 .video{float:right;width:960px;height:540px;}

.sec3 .video video{width:100%}



/* slide */

.fadeIn{width:1440px;margin:0 auto;box-sizing:border-box; }

.fadeIn h2{text-align: left;}

.sL > h2 + p, .sR > h2 + p{font-size:24px;margin-top: 80px;line-height:40px}

.slideBtn .sR > p{margin-top:152px}

.slideBtn .slick-dots{left:0;right:0;margin: 0 auto;bottom: 315px;text-align: left;}

.slideBtn .slick-dots li{margin:0 5px 0 0;padding:14px 20px 12px;width:auto;height:auto}

.slideBtn .slick-dots li.slick-active{border:1px solid #FC798E;border-radius: 24px;background: #fff}

.slideBtn .slick-dots li button{width:100%;height:100%;padding:0}

.slideBtn .slick-dots li button:before{position:initial; font-size: 16px;color:#999;width: 100%;height: 100%;opacity: 1;font-family: 'LINESeedKR-Rg'}

.slideBtn .slick-dots li.slick-active button:before{color:#FC798E;font-family: 'LINESeedKR-Bd';opacity: 1;}



.slideDot .slick-dots{width: 1440px;left:0;right:0;margin: 0 auto;bottom: 80px;text-align: left;}

.slideDot .slick-dots li button{width:100%}

.slideDot .slick-dots li{margin-right:10px;background: rgba(252, 121, 142, 0.2);border-radius: 50px}

.slideDot .slick-dots li.slick-active{width:60px;background: rgba(252, 121, 142, 1)}

.slideDot .slick-dots li  button:before{content:""}

section .slick-dotted.slick-slider{margin-bottom:0}





/* video */

.mbVideoWrap{width:320px;height:636.41px;box-sizing: border-box;margin:0 auto;position: relative;/* border-radius: 50px; */overflow: hidden;text-align: center;}

.mbVideoWrap .mbVideoframe{position: absolute;left:0;top:0;width:100%;height:100%;background: url(../img/frame@2x.png)no-repeat center center;background-size: 100%;}

.mbVideoWrap video{width:100%;box-sizing: border-box;padding:20px}

.mbVideoWrap > img{width:100%;box-sizing: border-box;padding: 15px 20px; border-radius: 30px; border-bottom-right-radius: 40px; border-bottom-right-radius: 40px;}

.pcVideoWrap{width:720px;height:612.05px;box-sizing: border-box;margin:0 auto;position: relative;overflow: hidden;}

.pcVideoWrap .pcVideoframe{position: absolute;left:0;top:0;width:100%;height:100%;background: url(../img/frame_pc@2x.png)no-repeat center center;background-size: 100%;}

.pcVideoIn{position:absolute;left:24px;top:25px; width:673px;height:383px;box-sizing: border-box;}

.pcVideoIn video{width:100%;height: 100%;}

.pcVideoIn > img{width:100%;height: 100%;}

.pcVideoWrap > img{width:100%}

.mbVideoWrap .mbVideoIn {padding: 15px;}

.mbVideoWrap .mbVideoIn img {width: 100%; border-radius: 20px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;}




/* sec4 */

.sec4{background: rgba(252, 121, 142, 0.05);padding:120px 0}

.s4Fade .sL{width:41%;box-sizing: border-box;padding-top:84px;}

.s4Fade .sR{width:59%;}





/* sec5 */

.sec5{background: #fff;padding:120px 0}

.s5Fade .sL{width:50%}

.s5Fade .sR{width:50%;padding:40px 0 0 80px;box-sizing: border-box;}

.s5Fade .slick-dots{width: 1440px;box-sizing: border-box;left:calc(50% + 80px)}

.s5Fade .slick-dots li:nth-of-type(1) button:before{content:"캘린더"}

.s5Fade .slick-dots li:nth-of-type(2) button:before{content:"예약"}

.s5Fade .slick-dots li:nth-of-type(3) button:before{content:"시술차트"}


/* sec6-1 */

.sec6-1 {background: linear-gradient(90deg, #db46ef, #636FFF); padding: 120px 0;}

.sec6-1 b {color: #fff;}

.s6-1Fade .sL {width: 50%; padding-top: 50px; box-sizing: border-box;}

.s6-1Fade .sR {width: 50%; }

.sec6-1 .fadeIn h2 {color: #fff;}

.sec6-1 .fadeIn h2 strong {color: #fff;}

.sec6-1.slideBtn .sL > h2 + p {margin-top: 152px; color: #fff;}

.s6-1Fade .sR .pcVideoWrap.pcframe{margin: 12.18px auto;}

.s6-1Fade .sR .pcVideoWrap .pcVideobg {position: relative; width: 100%; height: 100%; background-color: #fff;}

.s6-1Fade .sR .pcVideoWrap .pcVideobg > img {width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%);}

.s6-1Fade .sR .mbVideoWrap.mbframe {display: none !important;}

.s6-1Fade .sR .mbVideoWrap .mbVideoIn {padding: 5px;}

.s6-1Fade .sR .mbVideoWrap .mbVideoIn img {border-radius: 60px;}

.sec6-1.slideBtn .slick-dots li.slick-active {background-color: rgba(255,255,255,0.1); border: 1px solid #fff;}

.sec6-1.slideBtn .slick-dots li button:before {color: #fff;}

.sec6-1.slideBtn .slick-dots li.slick-active button:before {color: #FFF;}

.s6-1Fade .slick-dots{width: 1440px;box-sizing: border-box; bottom: 313px; }

.s6-1Fade .slick-dots li:nth-of-type(1) button:before {content: "네이버 플레이스 등록";}

.s6-1Fade .slick-dots li:nth-of-type(2) button:before {content: "사진등록";}

.s6-1Fade .slick-dots li:nth-of-type(3) button:before {content: "우리매장알림톡";}




/* sec6 */

.sec6{background: #FC798E;padding:120px 0 270px}

.sec6 h2 strong{margin-bottom:80px;color:#fff;font-family: 'LINESeedKR-Rg'}

.sec6 h2 strong .mbTxtSmall{color:#fff;font-family: 'LINESeedKR-Rg'}

.sec6 h2 .txtPoint{font-family: 'LINESeedKR-Bd';color:#fff;}

.sec6 h2 .txtPoint:before{left: 24px;top: -20px;}

.s6Box{width:100%;height:370px;background: #FFF;box-shadow: 2px 5px 25px #00000040;border-radius: 20px;padding:0 40px 86px;box-sizing: border-box;}

.s6Box dt{font-size:36px;font-family: 'LINESeedKR-Bd';margin-bottom:23px}

.s6Box dd{font-size:24px;line-height: 40px}

.s6Box dd .txtPinkBold{margin-top:10px;font-size:28px}

.s6Box .fl {margin-top: 90px;box-sizing: border-box;}

.s6Box .fr{width:710px;margin-right: 120px;box-sizing: border-box;}

.normalVideoWrap{width:100%;box-sizing:border-box;height: 330px;margin-right: 120px;overflow: hidden;margin-top:40px;}

.normalVideoWrap video{width:100%}

.normalVideoWrap img{width:100%}

.s6Box1{margin-bottom:40px}

.s6Box2{position: absolute;left:0;right:0;margin:0 auto;top:575px;}

/* .s6Box2{position: absolute;left:0;right:0;margin:0 auto;top:140px;} */





/* sec7 */

.sec7{padding:225px 0 120px;position: relative;}

.sec7:after{content: "";display: block;width:420.3px;height:1026.24px;background: url(../img/bg_object_4@2x.png)no-repeat left top;background-size:cover;position: absolute;right:0;bottom:-120px;z-index: 2}

.s7Fade .fadeIn{width:1160px}

.s7Fade .sL{width:580px}

.s7Fade .sL .mbVideoWrap{margin: inherit;}

.s7Fade .sL .mbVideoWrap > img {padding:0;}

.s7Fade .sR{width:calc(100% - 580px);padding-top:40px;box-sizing: border-box;}

.s7Fade .slick-dots{width: 1160px;bottom:340px;padding-left:580px;box-sizing: border-box;}

.s7Fade .slick-dots li:nth-of-type(1) button:before{content:"푸시"}

.s7Fade .slick-dots li:nth-of-type(2) button:before{content:"문자"}

.s7Fade .slick-dots li:nth-of-type(3) button:before{content:"알림톡"}

.s7Fade .slick-dots li:nth-of-type(4) button:before{content:"네이버 연동"}





/* sec8 */

.sec8{background: rgba(252, 121, 142, 0.05);padding:120px 0}

.s8Fade .sR{width:720px}

.s8Fade .sL{width:calc(100% - 720px)}





/* sec9 */

.sec9{padding:120px 0;min-height: 640px;}

.s9BoxWrap{position: relative;left:0; width:100%;box-sizing: border-box; margin-top: 80px; margin-bottom: -205px;}

.s9Box{float:left;width:calc(50% - 20px);box-shadow: 2px 5px 25px #FC798E40;border-radius: 20px;background-color: #fff}

.s9Box dt{font-size:40px;color:#000}

.s9Box dd{font-size:36px;color:rgba(0,0,0,0.5)}

.s9Box dd strong{display: inline-block;color:#FC798E;font-size:96px}

.s9Box dd span{color:#000}

.s9Box1{margin-right:40px;height:720px;box-sizing: border-box;padding:165px 0 120px}

.s9Box2{height: 340px;margin-right:40px;box-sizing: border-box;padding:84px 0 76px 70px}

.s9BoxWrap .s9Box2:last-of-type{margin-right:0}

.s9Box1 dl{text-align: center}

.s9Box1 dd{margin-top:30px}

.s9Box2 dl{text-align: left}

.s9Box1 .payMore a{display: block;margin-top:53px;font-size:24px;color:#FC798E;text-align: center;}



.s9Box1{background-image: url(../img/s10_box1@2x.png);background-repeat: no-repeat;background-position:center;background-size: 100%}

.s9Box2:nth-of-type(1){background-image: url(../img/s10_box2@2x.png);background-repeat: no-repeat;background-position:center;background-size: 100%}

.s9Box2:nth-of-type(2){background-image: url(../img/s10_box3@2x.png);background-repeat: no-repeat;background-position:center;background-size: 100%}


/* sec9 리뉴얼 */

.s9TabHead {margin:80px 0 40px; position: relative;}

.s9TabHead > ul {border-radius: 28px; border: 1px solid rgba(0, 0, 0, 0.12); padding: 4px; width: 300px; display: flex; margin: 0 auto; justify-content: space-between;}

.s9TabHead > ul .tab-item a{display: block; font-family: 'Noto Sans KR'; font-weight: 500; color: rgba(0,0,0,0.38); font-size: 18px; padding: 10px 26px 12px; height: 26px; line-height: 28px;}

.s9TabHead > ul li:first-child a {padding: 10px 15px 12px; }

.s9TabHead > ul .tab-item a span {font-weight: 400; font-size: 14px; margin-left: 4px; color: rgba(0,0,0,0.38);}

.s9TabHead > ul .tab-item a.active {background: linear-gradient(90deg, #F04D8E, #FD9C1B); border-radius: 24px; color: #fff;}

.s9TabHead > ul .tab-item a.active span {color: #fff;}

.s9TabHead .s9Vat {position: absolute;  top: 50%; right: 0; transform: translateY(-50%); line-height: 26px; color: rgba(69,69,69,0.6); font-size: 18px; font-weight: 400; font-family: 'Noto Sans KR';}

.s9TabHead .s9Vat img {margin-right: 10px; object-fit: contain; width: 20px; height: 20px; vertical-align: text-bottom;}

.s9PaymentWrap {display: flex; gap: 40px; justify-content: center;}

.s9PaymentWrap > li { width:calc(33.33% - 26.94px); max-width: 453px;box-shadow: 2px 5px 25px #fc798e40; border-radius: 20px;}

.s9PaymentWrap.tab2 > li { width: calc(50% - 20px); max-width: 453px; }

.s9PaymentWrap > li .s9Payment {display: block; position: relative; padding: 49px 40px 40px; height: -webkit-fill-available;  }

.s9Payment .s9InfoWrap {padding-bottom: 40px;  border-bottom: 1px solid #D9D9D9;}
 
.s9Payment .s9InfoWrap .s9InfoTit {font-size: 32px; color: #000; margin-bottom: 28px;}

.s9Payment .s9InfoWrap .s9Pay {font-size: 24px; color: rgba(51, 51, 51, 0.6); margin-bottom: 10px; word-break:break-word; line-height: 1;}

.s9Payment .s9InfoWrap .s9Pay > span {font-size: 56px; margin-right: 10px;}

.s9Payment .s9InfoWrap .tag-Pay {height: 40px; margin-bottom: 20px;}

.s9Payment .s9InfoWrap .tag-Pay > span{display: flex; justify-content: center; align-items: center; font-size: 16px; width: 68px; padding: 11px 14px 9px; background-color: rgba(240, 77, 142, 0.1); border-radius: 20px; color: #FC6378; line-height: 1.063;}

.s9Payment .s9InfoWrap .tag-Pay > span.txt {width: 105px;}

.s9Payment .s9InfoWrap .btn-lgpo {display:block; background: linear-gradient(90deg, #F04D8E, #FD9C1B); color: #fff; font-weight: bold; border: none; border-radius: 5px; padding: 16px; font-size: 18px; text-align: center;}

.s9Payment .s9InfoWrap  .s9TagWrap {display: inline-flex; align-items: center;}

.s9Payment .s9InfoWrap  .s9Paysm {margin-bottom: 20px;}

.s9Payment .s9InfoWrap  .s9TagWrap .tag-Pay + .s9Paysm {margin-left: 10px;}

.s9Payment .s9InfoWrap  .s9Paysm span:first-of-type{font-size: 16px; color: rgba(0,0,0,0.6);}

.s9Payment .s9InfoWrap  .s9Paysm span:last-of-type {font-size: 20px; color: #000; margin-left: 5px;}

.s9Payment .s9ListWrap {margin-top: 45px;}

.s9Payment .s9ListWrap .s9ListTit{font-size: 20px; color: #000; margin-bottom: 15px;}

.s9Payment .s9ListWrap .s9List + .s9ListTit {margin-top: 45px;}

.s9Payment .s9ListWrap .s9List li{display: flex; align-items: flex-start;}

.s9Payment .s9ListWrap .s9List li:not(:last-of-type) {margin-bottom: 19px;}

.s9Payment .s9ListWrap .s9List li span:first-of-type {margin-right: 10px;}

.s9Payment .s9ListWrap .s9List li span:first-of-type img{object-fit: contain; width: 20px;}

.s9Payment .s9ListWrap .s9List li span:nth-of-type(2) {line-height: 1; font-size: 20px; color: rgba(0,0,0,0.8);}






/* sec10 */

.sec10{background: #FC798E;padding:205px 0 120px}

.downTxt{color:#fff}

.downTxt strong{display:inline-block;font-size:40px;color:#fff}

.downBtn li{float:left;width:320px;height:80px;margin-right:40px}

.downBtn li:last-of-type{margin-right:0}

.downBtn a{display: block;width:100%;height:100%;background: #FFF;box-shadow: 5px 5px 25px #00000033;border-radius: 40px;}

.downBtn a img{width:100%}





/* sec11 */

.sec11{padding:124px 0;background: #FAFAFA}

.sec11 h2{margin-bottom:60px}

.s11Sl .s11SlBox {padding:20px;box-sizing: border-box;}

.s11Sl .s11SlBox dl{padding: 40px;box-sizing: border-box;background: #FFFFFF;box-shadow: 5px 5px 25px #0000001A;border-radius: 20px;}

.s11Sl .s11SlBox dt{font-size: 24px;color:#000;line-height:40px;margin-bottom:40px}

.s11Sl .s11SlBox dd{font-size:20px;color:#FC798E}

.s11Sl .s11SlBox dd span{margin-left:17px;font-size:20px;color:#FC798E}

.s11Sl .slick-dots li button:before{content:""}

.s11Sl .slick-dots li button{background: rgba(252, 121, 142, 0.2);border-radius: 50px;}

.s11Sl .slick-dots li.slick-active button{background: rgba(252, 121, 142, 1);}

.s11Sl .slick-dots{bottom:-40px}



/* footer */

footer{z-index:99;position: relative;background: #fff;height:350px;padding:80px 0;box-sizing: border-box;}

.footL{float: left;font-size: 16px;}

.footR{float: right;}

.footL h4{font-family: 'LINESeedKR-Bd';font-size: 20px;color: #000;margin-bottom:20px}

.footL h4 span{font-size: 16px;color: #000}

.footL li{color: #000;margin-bottom:10px}

.footL .copy{margin-top:30px;color:rgba(0,0,0,0.38)}

.footR a{float: left;margin-right:40px;font-size: 20px;color: #000}

.footR a:last-of-type{margin-right: 0}

.footR a:after{content: "";display: inline-block;width:1px;height:18px;background: #000;position: relative;left:20px;top:4px}

.footR a:last-of-type::after{display: none;}





@media screen and (max-width:1800px){

.sectnAbR img{width:110%}

.sectnAbout:before{width: 300PX;height: 600px;background-position: right -410px top -140px}



}





/******************************************* TABLET *******************************************/





@media screen and (max-width:1480px){

.pc{display: none}

.wrap{z-index: 3;width:92%;}

.fadeIn, .slideDot .slick-dots, .s7Fade .fadeIn{width:92%;}

.content h2{font-size: 30px}

.content strong{font-size:50px}

.sectnAbL{margin-top:250px}

.sL > h2 + p, .sR > h2 + p{font-size: 18px;line-height: 34px;word-break: keep-all}



/* sec3 */

.btMind{padding-bottom:0}

.sec3 h2, .sec3 .video{float: none;width:100%}

.sec3 h2{margin:180px 0 40px}

.sec3 .video{height:auto}

/* sec4 */

.s4Fade .sL{width:47%}

.s4Fade .sR{width:53%;}



/* sec5 */

.pcVideoWrap{width:540px;height:480px;}

.pcVideoIn{width:504px;height:286px;left:18px;top:28px;}

.s5Fade .slick-dots{width:92%;bottom:235px}



/* sec6 */

.s6Box{height:350px;}

.s6Box .fl {width:40%}

.s6Box .fr{width:60%;margin:0}

.s6Box dd{line-height: 32px;font-size:20px}

.normalVideoWrap{height:310px}


/* sec6-1 */

/* .s6-1Fade .sL {width: 57%;}

.s6-1Fade .sR {width: 43%;} */

.s6-1Fade .slick-dots{width: 92%; bottom: 370px;}

.s6-1Fade .sR .pcVideoWrap.pcframe {height:612.05px;}

.s6-1Fade .sR .pcVideoWrap.pcframe .pcVideoIn {top: 95px;}




/* sec7 */

.s7Fade .sL{width:47%}

.s7Fade .sR{width:53%}

.s7Fade .slick-dots{width:100%;padding-left:47%;bottom:400px}



/* sec8 */

.s8Fade .sL{width:41%}

.s8Fade .sR{width:59%}



/* sec9 */

.sec9 h2{font-size:40px}

.s9Box1{background-size: cover;}

.s9Payment .s9InfoWrap .s9Pay {font-size: 20px;}

.s9Payment .s9InfoWrap .s9Pay > span {font-size: 50px;}

.s9Payment .s9InfoWrap .s9InfoTit {font-size: 30px;}

.s9Payment .s9ListWrap .s9ListTit {font-size: 18px;}

.s9Payment .s9ListWrap .s9List li span:nth-of-type(2) {font-size: 18px;}


/* sec10 */

.sec10 .fl, .sec10 .fr{float: none;width:100%;}

.sec10 .wrap{text-align: center;}

.sec10 .downBtn{display: inline-block;width:auto;margin-top:40}





/* sec11 */

.s11Sl .s11SlBox dt{font-size: 18px;line-height: 30px;margin-bottom:20px}

.s11Sl .s11SlBox dd, .s11Sl .s11SlBox dd span{font-size:16px}

.s11Sl .s11SlBox dd span{margin-left:8px}



}


@media screen and (max-width:1300px) {

	/* sec2 */

	.btMind{width:90%}

	.btMind li{width:18.4%;margin:0 2% 20px 0;}

	.btMind li:nth-of-type(n){background-size: contain;}

	.btMind li p{bottom:35px; font-size: 13px;}

	.btMind li:nth-of-type(4) p, .btMind li:nth-of-type(5) p {bottom: 30px;}

	.sec2:after{width: 130px;height: 775px;background-position: right -575px top}

	/* .btMind li:nth-of-type(8) {margin-right: 2%;}
	
	.btMind li:nth-of-type(10) {margin-right: 2%;} */
}




@media screen and (max-width:1100px){

.pc1100_430{display: none}

/* sec1 */

.sectnAbL, .sectnAbR{float: none;width:100%}

.sectnAbL{margin-top:80px}

.sectnAbL .promo a{height:56px;line-height:58px;margin-top:16px}

.sectnAbR{margin-top:80px}

.sectnAbR img{width:100%}



/* sec2 */

/* .btMind{width:90%}

.btMind li{width:22.75%;margin:0 3% 20px 0;}

.btMind li:nth-of-type(n){background-size: contain;}

.btMind li p{bottom:40px}

.sec2:after{width: 130px;height: 775px;background-position: right -575px top}

.btMind li:nth-of-type(8) {margin-right: 20px;} */

.btMind li p{bottom:50px; font-size: 13px;}

.btMind li:nth-of-type(4) p, .btMind li:nth-of-type(5) p  {bottom: 45px;}


/* sec5 */

.s5Fade .sL, .s5Fade .sR{float: none;width:100%}

.s5Fade .sR{padding:0}

.sec5.slideBtn .sR > p{margin:70px 0 15px}

.s5Fade .slick-dots{left:0;right:0;bottom:inherit;top:125px}

/* sec6-1 */

.s6-1Fade .sL, .s6-1Fade .sR{float: none;width:100%}

.s6-1Fade .sL {padding-top: 0;}

.s6-1Fade .slick-dots{padding-left:0;bottom:inherit;top:130px;text-align: center;}

.sec6-1.slideBtn .sL > h2 + p {margin: 75px 0 15px;}

.s6-1Fade .sR .pcVideoWrap.pcframe {height: 480px; width: 540px;}

.s6-1Fade .sR .pcVideoWrap.pcframe .pcVideoIn {top: 30px;}

/* sec6 */

.sec6{padding-bottom:120px}

.s6Box{height: auto;display: block;margin-bottom: 0;padding: 30px;}

.s6Box .fl, .s6Box .fr{float:none;width:100%}

.s6Box .fl{margin-top:10px;}

.s6Box1 dd br{display: none}

.s6Box2{margin-top:60px;position: inherit;top: 0;}

.normalVideoWrap{height:auto}



/* sec7 */

.sec7{padding-top:120px}

.s7Fade{z-index: 3;position: relative;}



/* sec8 */

.s8Fade .sL, .s8Fade .sR{float: none;width:100%}

.s8Fade .sL > h2 + p{margin:70px 0 15px}

.s8Fade .pcVideoWrap .pcVideoframe{background-position: top center}

.s8Fade .slick-dots{bottom:inherit;top:133px}



/* sec9 */

.sec9{min-height:390px}

.sec9 h2, .s9Box dt{font-size:24px}

.sec9 h2 .txtBold{font-size:40px}

.s9Box dd, .s9Box1 .payMore a{font-size:20px}

.s9Box dd strong{font-size:64px}

.s9Box1{height:440px;padding:62px 0}

.s9Box2{height:200px;padding:40px;}

.s9PaymentWrap > li .s9Payment { padding: 30px 24px 24px 26px; }




/* sec11 */

.sec11 h2{margin-bottom:30px}

.s11Sl .s11SlBox {padding:10px}

.s11Sl .s11SlBox dl{padding:24px}

.s11Sl .s11SlBox dt{font-size: 14px;line-height: 20px;margin-bottom:16px}

.s11Sl .s11SlBox dd, .s11Sl .s11SlBox dd span{font-size:14px}

}







/******************************************* MOBILE *******************************************/
@media screen and (max-width:1080px){
.mb1080{display: block;}
/* gnb */
.gnbWrap{display: none}
.gnbWrap.on{display: block;width:100%;height:100%;top:0;background: rgba(255,255,255,0.9);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);padding-top:20%}
.gnb{float: none}
.gnb li{float: none;text-align: center;font-size: 24px;margin:0}
.gnb li a{line-height: normal;padding:27px 0}
.gnb .login a{width:160px;margin:0 auto}

/* header */
.headWrap{height:80px}
.headIn{line-height: 80px}
.mbMenu{float: right;padding-top:30px}
.mbMenuOpen{width:24px;height:16px;display: none}
.mbMenuClose{width:16px;height:16px;position: absolute;right:5%;top:30px;}
.mbMenuOpen.on{display: block;}

}



@media screen and (max-width:870px){

/* common */

.pc_tb{display: none}

.mb{display: block;}

.wrap, .fadeIn, .slideDot .slick-dots{width:90%;}

.txtPoint:before{width:4px;height:4px;left:11px;top:-10px}



/* content */

.content h2{font-size: 24px}

.content strong{margin-top:8px;font-size:40px}

.sL > h2 + p, .sR > h2 + p{font-size: 16px;line-height: 26px;word-break: keep-all}





/* sec1 */

.sectnAbout{padding-top:80px}

.sectnAbR img{width:134%;margin-left:-17%}



/* sec2 */

.sec2{padding-top:120px}

.sec2 h2{font-size:32px}

.sec2 h2 span:nth-of-type(1){display: block;margin-bottom:10px}



/* sec3 */

.sec3 h2{margin:80px 0 24px}

.sec3{padding-bottom:80px}



/* s2Flow */

.s2FlowWrap{width:100%;height:400px;padding:24px 0}

.s2FlowWrap li{position: relative;}

.s2FlowWrap li span{position: absolute;display: block;width:1360px;height:120px;}
/* .s2FlowWrap li.s2Flow2 span{width:1360px;} */



.s2Flow1 span{top:0;background:url(../img/s2_slideimg1_241114.png)no-repeat 0 0;background-size: 100% 100%}

.s2Flow2 span{top:135px;background:url(../img/s2_slideimg2_241114.png)no-repeat 0 0;background-size: 100% 100%}

.s2Flow3 span{top:275px;background:url(../img/s2_slideimg3_241114.png)no-repeat 0 0;background-size: 100% 100%}



.s2Flow1 span:nth-of-type(1){right:-1360px;animation:s2Flow1 30s linear infinite;}
.s2Flow1 .s2Flow2 span:nth-of-type(1){right:-1360px;}

.s2Flow1 span:nth-of-type(2){right:0;animation:s2Flow2 30s linear infinite;}

@keyframes s2Flow1{

	0%{right:-1360px;}

	100%{right:1360px;}

}

@keyframes s2Flow2{

	0%{right:0;}

	49.999%{right:1360px}

	50%{right:-1360px}

	100%{right:0;}

}


@keyframes s2Flow3{

	0%{right:-1088px;}

	100%{right:1088px;}

}

@keyframes s2Flow4{

	0%{right:0;}

	49.999%{right:1088px}

	50%{right:-1088px}

	100%{right:0;}

}


.s2Flow2 span:nth-of-type(1){right:-1360px;animation:s2Flow1 24s linear infinite;}

.s2Flow2 span:nth-of-type(2){right:0;animation:s2Flow2 24s linear infinite;}



.s2Flow3 span:nth-of-type(1){right:-1360px;animation:s2Flow1 27s linear infinite;}

.s2Flow3 span:nth-of-type(2){right:0;animation:s2Flow2 27s linear infinite;}



/* sec4 */

.sec4{padding:80px 0 40px}
.sec4 .fadeIn.clear{min-height:700px}
.s4Fade .sL, .s4Fade .sR{float: none;width:100%}

.s4Fade .sL{padding-top:0}

.s4Fade .sL > h2 + p{margin:0;padding-top:750px}

.s4Fade .sR{position: absolute;left: 0;right: 0;margin:0 auto;top:130px}

.slideDot .slick-dots{text-align: center;bottom:-30px;}

.sec4 .slick-dots{bottom:inherit;top:790px}



/* sec5 */

.sec5{padding:80px 0 40px}
.sec5 .fadeIn.clear{min-height:650px}
.s5Fade .slick-dots{width:90%;top:100px;text-align: center;}

.sec5.slideBtn .sR > p{margin-top:580px}

.s5Fade .sL{position: absolute;left:0;right:0;margin:0 auto;top:165px}

/* sec6 */

.sec6 h2 .txtPoint:before {left: 18px; top: -13px;}


/* sec6-1 */

.sec6-1{padding:80px 0 40px}

.sec6-1 .fadeIn.clear{min-height:750px}

.s6-1Fade .sL {padding-top: 0;}

.s6-1Fade .sL, .s6-1Fade .sR{float:none;width:100%}

.s6-1Fade .sR{position: absolute;left:0;right:0;top:210px;margin:0 auto}

.sec6-1.slideBtn .sL > h2 + p{margin-top:774px}

.s6-1Fade .slick-dots{padding-left:0;bottom:inherit;top:110px;text-align: center;}

.s6-1Fade .sR .mbVideoWrap.mbframe {display: block !important;}

.s6-1Fade .sR .pcVideoWrap.pcframe {display: none !important;}


/* sec7 */

.sec7{padding:80px 0 40px}
.sec7 .fadeIn.clear{min-height:750px}
.s7Fade .sL, .s7Fade .sR{float:none;width:100%}

.s7Fade .sL{position: absolute;left:0;right:0;top:210px;margin:0 auto}

.sec7.slideBtn .sR > p{margin-top:750px}

.s7Fade .slick-dots{padding-left:0;bottom:inherit;top:140px;text-align: center;}



/* sec8 */

.sec8{padding:80px 0}

.s8Fade .sL > h2 + p{padding-top:530px}

.s8Fade .sR{position: absolute;left: 0;right: 0;margin: 0 auto;top:130px}

.s8Fade .slick-dots{top:inherit;bottom: 100px}



/* sec9 */

.sec9{min-height:745px;padding:80px 0}

.s9BoxWrap{margin-top: 24px; margin-bottom: -130px;}

.s9Box{float: none;width:100%;margin-right:0;margin-bottom:16px}

.s9Box1{height:400px;padding:62px 0 24px}

.s9Box2{height:170px;padding:30px 24px 20px 26px}

.sec9 h2 .txtBold{display: block;}

.s9Box1 dd{margin-top:16px}

.s9Box1 .payMore a{margin-top:45px}


.s9TabHead {margin: 40px 0;}

.s9TabHead .s9Vat {position: relative; top: 0; transform: initial; margin-top: 16px; color: rgba(69,69,69,0.6); font-size: 14px; font-weight: 400; text-align: center;}

.s9TabHead .s9Vat img {margin-right: 5px; width: 16px; height: 16px;}

.s9PaymentWrap {flex-direction: column; gap: 24px;}

.s9PaymentWrap > li {width: 100%; max-width: 100%; flex: 0 0 100%;}

.s9PaymentWrap.tab2 > li {flex:  0 0 100%; width: 100%; max-width: 100%;}


.s9Payment .s9InfoWrap {padding-bottom: 25px;  border-bottom: 1px solid #D9D9D9;}
 
.s9Payment .s9InfoWrap .s9InfoTit {font-size: 24px; margin-bottom: 31px;}

.s9Payment .s9InfoWrap .s9Pay {font-size: 20px; margin-bottom: 17px;}

.s9Payment .s9InfoWrap .s9Pay > span {font-size: 48px; margin-right: 10px;}

.s9Payment .s9InfoWrap .tag-Pay {height: 30px; margin-bottom: 24px;}

.s9Payment .s9InfoWrap .tag-Pay:empty {height: 0;}

.s9Payment .s9InfoWrap .tag-Pay > span{font-size: 14px; width: 59px; padding: 9.5px 11px 5.5px;}

.s9Payment .s9InfoWrap .tag-Pay > span.txt {width: 90px;}


.s9Payment .s9InfoWrap .btn-lgpo { padding: 17px 12px 12px; line-height: 19px;}

.s9Payment .s9InfoWrap  .s9Paysm {margin-bottom: 20px;}

.s9Payment .s9InfoWrap  .s9TagWrap .tag-Pay + .s9Paysm {}

.s9Payment .s9InfoWrap  .s9Paysm span:first-of-type{font-size: 16px;}

.s9Payment .s9InfoWrap  .s9Paysm span:last-of-type {font-size: 16px;}


.s9Payment .s9ListWrap {margin-top: 28px;}

.s9Payment .s9ListWrap .s9ListTit {font-size: 14px; margin-bottom: 12px;}

.s9Payment .s9ListWrap .s9List li{}

.s9Payment .s9ListWrap .s9List li:not(:last-of-type) {margin-bottom: 10px;}

.s9Payment .s9ListWrap .s9List li span:first-of-type {}

.s9Payment .s9ListWrap .s9List li span:first-of-type img{}


.s9Payment .s9ListWrap .s9List li span:nth-of-type(2) {font-size: 16px;}

.s9Detail {display: flex; justify-content: center; font-size: 14px; padding-top: 28px; background-color: #fff; cursor: pointer;}

.s9Detail img {position: relative; object-fit: contain; width: 12px; margin-left: 20px; height: fit-content; top: 3px;}

.s9Payment .s9ListWrap.show + .s9Detail img {transform: rotate(180deg);}




/* sec10 */

.sec10{padding:120px 0 80px}

.sec10 h2, .sec10 h2 strong{font-size:32px}

.sec10 .downBtn li{float: none;margin-top:16px;margin-right:0}

.sec10 .downBtn{margin-top:24px}







/* sec11 */

.sec11{padding:80px 0}

.s11Sl .slick-dots li button{width:12px;height:12px}





/* footer */

footer{padding:24px 0 40px;height: auto;}

.footL, .footR{float: none;width:100%;}

.footR{margin-bottom:20px}

.footR a{font-size:16px;margin-right:32px}

.footR a:after{height:14px;top:2px;left:16px}

.footL h4{font-size:16px;margin-bottom:8px}

.footL h4 span{margin-left:16px;font-size:12px}

.footL li{font-size:12px;margin-bottom:5px}

.footL .copy{font-size:12px;margin-top:20px;}

}



@media screen and (max-width:560px){

.mb500{display: block;}

/* sec5 */

.pcVideoWrap{width:320px;height:290px;}

.pcVideoIn{width:298px;height:169px;left:10px;top:20px;}

.slideBtn .slick-dots li{padding:12px 20px 10px}

.sec5.slideBtn .sR > p{margin-top:400px}



/* sec6 */

.sec6{padding:80px 0 270px;}

.sec6 .mbTxtSmall{font-size:24px;display: block; margin-bottom: 5px;}

.s6Box{padding:24px;height:405px}

.normalVideoWrap{height:200px}

.s6Box dt{font-size:20px;margin-bottom: 10px}

.s6Box dd{font-size:16px;line-height: 26px;}

.s6Box dd .txtPinkBold{font-size:24px;margin-top:8px}

.s6Box2{position: absolute;top:510px}

.sec6 h2 strong{margin-bottom:40px}

.sec6 h2 .txtPoint:before{left:16px;top:-10px}


/* sec6-1 */

.s6-1Fade .sR{position: absolute;left:0;right:0;top:230px;margin:0 auto}

.sec6-1.slideBtn .slick-dots li:nth-of-type(3) {display: block; width: fit-content; margin: 10px auto 0;}

.sec6-1.slideBtn .sL > h2 + p {margin-top: 794px;}



/* sec7 */

.sec7{padding-top:225px}



/* sec8 */

.s8Fade .sL > h2 + p{padding-top:360px;margin:0}

.s8Fade .sR{position: absolute;left: 0;right: 0;margin: 0 auto;top:130px}

.s8Fade .slick-dots{top:inherit;bottom: 115px}

.s8Fade .slick-dots li{width:12px;height:12px}

.sec8.slideDot .slick-dots li.slick-active{width:36px}

.s8Fade .pcVideoIn{top:10px}



}



@media screen and (max-width:430px){
.content h2{font-size:22px}
.content strong{font-size:35px;margin-bottom:20px}

.slideDot .slick-dots li{width:12px;height:12px}

.slideDot .slick-dots li.slick-active{width:36px}

.mbVideoWrap{width:200px;height:397.76px}

.mbVideoWrap > img{padding:10px}
.pc1100_430{display: block}

.mbVideoWrap .mbVideoIn img { border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;}

/* sec4 */

.s4Fade .sL > h2 + p{padding-top:500px}

.sec4 .slick-dots{top:550px}



/* sec6 */

.s6Box{height:290px}

.normalVideoWrap{height:130px;margin-top:20px}

.s6Box2{height:320px;top:400px}

/* .s6Box2 {height: 320px; top: 35px;} */

.s6Box2 .normalVideoWrap{height:144px}


/* sec6-1 */

.sec6-1.slideBtn .sL > h2 + p {margin-top: 580px;}

.s6-1Fade .sR .mbVideoWrap .mbVideoIn {padding: 3px;}

.s6-1Fade .sR .mbVideoWrap .mbVideoIn img {border-radius: 30px}






/* sec7 */

.sec7{padding-top:100px}

.slideBtn .slick-dots li{padding:10px 18px 8px}

.slideBtn .slick-dots li button:before{font-size:14px}

.mbVideoWrap .mbVideoIn{padding:10px}

.sec7.slideBtn .sR > p{margin-top:500px}



}
@media screen and (max-width:380px){
.content h2{font-size:1.3em;}
.content strong{font-size:1.5em;}

}


@media screen and (max-width: 340px) {
	.s6Box dd {font-size: 14px;}
}