@charset "utf-8"; 

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

.header,.section{}
.footer{min-width:1180px;}
.scroll-off{overflow:hidden;}
.header h1 a {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg"); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.header .active h1 a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg");}
.header h1 a img{filter:grayscale(0);}
.wrap{overflow:hidden;  padding-bottom:0!important;}
ul.nav_gnb.mobile.main>li{color:#fff;}
ul.nav_gnb.mobile.main>li{color:#000;}
.active ul.nav_gnb.mobile>li{color:#000;}
ul.nav_gnb.mobile>li.cart{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart-w.svg"); background-repeat:no-repeat; background-position:50% 0%; background-size:28px 28px;}
ul.nav_gnb.mobile>li.cart .cart-count{color:#fff;}
ul.nav_gnb.mobile>li.login{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login-w.svg"); background-repeat:no-repeat; background-position:50% 0%; background-size:28px 28px;}
.active ul.nav_gnb.mobile>li.cart,.cover ul.nav_gnb.mobile>li.cart{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart.svg");}
.active ul.nav_gnb.mobile>li.login,.cover ul.nav_gnb.mobile>li.login{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login.svg"); background-repeat:no-repeat; background-position:50% 0%; background-size:28px 28px;}

.active ul.nav_gnb.mobile>li.cart .cart-count,.cover ul.nav_gnb.mobile>li.cart .cart-count{color:#000;}
ul.nav_gnb.mobile>li.like{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like_white.svg"); background-repeat:no-repeat; background-position:50% 0%; background-size:28px 28px;}
.active ul.nav_gnb.mobile>li.like{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like_b.svg");}
ul.nav_gnb>li.ico-cart a{color:#fff; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart-w.svg");}
ul.nav_gnb>li.ico-like a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like_white.svg");}
ul.nav_gnb>li.ico-lang a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_lang_white.svg");}
.active ul.nav_gnb>li.ico-cart a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_cart_b.svg");}
.active ul.nav_gnb>li.ico-like a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like_b.svg");}
.active ul.nav_gnb>li.ico-lang a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_lang_b.svg");}

ul.nav_etc li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg");}
ul.nav_etc li.ico-lang .lst_rang {border:1px solid rgba(255,255,255,1.0); transform:translateX(-50%); background-color:rgba(255,255,255,0.2);}
ul.nav_etc li.ico-lang .lst_rang li {border-bottom:1px solid rgba(255,255,255,0.5);}
ul.nav_etc li.ico-lang .lst_rang li a {color:#fff;}

.header .active ul.nav_etc li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg");}
.header .active ul.nav_etc li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_bk.svg");}
.header .active ul.nav_etc li.ico-lang .lst_rang {border:1px solid rgba(14,14,14,1.0); transform:translateX(-50%); background-color:rgba(14,14,14,0.5);}
.header .active ul.nav_etc li.ico-lang .lst_rang li {border-bottom:1px solid rgba(14,14,14,0.5);}
.header .active ul.nav_etc li.ico-lang .lst_rang li a {color:#ffffff;}

ul.nav_gnb.mobile.m-sub-menu>li>a{padding:0;}
.navTrigger i{background-color:#fff;}
.active .navTrigger i,.cover .navTrigger i{background-color:#000;}
ul.list-filter>li,ul.nav_gnb>li{color:#fff;}
ul.nav_gnb.mobile.m-sub-menu.main>li>a{color:#fff;}
.active ul.nav_gnb.mobile.m-sub-menu>li>a{color:#000;}
ul.nav_gnb>li{color:#fff;}
.active ul.nav_gnb>li{color:#1b1b1b;}
ul.list-snb>li{color:#fff;}
.slider-visual ul.slick-dots>li button:before{background:#fff;}
.slider-visual ul.slick-dots>li.slick-active button:before{border:1px solid #fff;}
.section .area{position:relative; left:50%; width:1920px; margin:0 0 0 -960px;}
.section.sec-img.v2{margin-top:160px;}
.section .area .zone-conts{overflow:hidden; position:relative; width:1180px; height:100%; margin:0 auto;}
.line-desc{margin:20px auto 160px; text-align:center; font-family:'Noto Sans KR';}
.line-desc .desc-pic{font-family:"Noto Serif", serif; font-size:16px; line-height:1.63; letter-spacing:-0.16px; color:#1b1b1b;}
.line-desc .desc-01{font-family:"Noto Sans", sans-serif; font-size:38px; font-weight:300; color:#1b1b1b; padding:10px 0 20px;}
.line-desc .desc-02{margin-bottom:30px; font-size:1rem; font-weight:300; line-height:1.63; letter-spacing:-0.16px; color:#1b1b1b;}
.line-desc .btn{width:320px; height:50px; line-height:48px; margin:0 auto; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.56px; color:#fff; background:#1b1b1b;}
.line-desc .btn-crew{width:320px; height:50px; line-height:48px; margin:0 auto 3px; text-align:center; font-family:"Noto Serif", serif; font-size:20px; font-weight:700; color:#10069f; background:0 0; border:2px solid #10069f;}
.line-desc .btn-crew:hover{color:#fffef1; background:#10069f;}
.line-desc .btn-crew+p{margin:0 auto 60px; font-size:12px; font-weight:300; line-height:1.67; letter-spacing:-0.42px; text-align:center; color:#10069f;}
.line-title {margin:0 auto 30px; padding:0; font-size:16px; line-height:1.63; text-align:center; line-height:normal; letter-spacing:-0.16px; color:#1b1b1b;}
.line-title .desc-01 {padding:0; font-size:30px; text-align:center; color:#1b1b1b;}
.line-title h4 {font-size:38px; font-weight:300; text-transform:uppercase;}
.line-title .desc {line-height:1.63; margin-bottom:50px; font-size:16px; font-weight:300; letter-spacing:-0.16px;}
.sec1 .area {width:100%; left:0; margin-left:0;}
.slider-visual .slide .texts {right:510px; font-size:22px; font-weight:400; line-height:1.27; text-align:right; color:#fff;}
.slider-visual .texts strong {display:block; font-size:30px; font-weight:300;}
.slider-visual .texts .btn {display:inline-block; width:98px; height:35px; line-height:30px; margin-top:24px; font-size:12px; font-weight:400; border:1px solid #fff;}
.slider-desc .slick-list {position:relative; height:386px;}
.slider-desc .slide {position:absolute!important; float:none; width:100vw;}

.sec2 .line-title{line-height:1.53; height:235px; padding:160px 0 0; font-size:30px; font-weight:300; text-align:center; color:#1b1b1b;}
.sec2 .line-conts{height:700px; padding:100px 0 0; text-align:center; color:#fff;}
.sec2 .line-conts h6{line-height:1.25; margin-bottom:50px; font-size:20px; font-weight:400; letter-spacing:normal; text-align:center;}
.sec2 .line-conts .desc{line-height:1.63; font-size:16px; font-weight:300; letter-spacing:-0.16px;}

.sec3.section {margin:100px 0 50px 0;}
.sec3 .line-title{line-height:1.53; padding:0; font-size:30px; font-weight:300; text-align:center; color:#1b1b1b; margin-bottom:6px;}
.sec3 .line-title h4{margin-bottom:15px;}
.sec3 ul.list-tabs{margin:0 0 75px; text-align:center; font-size:0;}
.sec3 ul.list-tabs>li{display:inline-block; line-height:1.38; margin:0 20px; padding:4px 5px; font-size:14px; font-weight:400; font-stretch:normal; font-style:normal; letter-spacing:-0.16px; color:#959595; cursor:pointer;}
.sec3 ul.list-tabs>li.on,.sec3 ul.list-tabs>li:hover{font-size:14px; font-weight:500; line-height:1.38; letter-spacing:-0.16px; color:#1b1b1b; border-bottom:1px solid #1b1b1b;}
.sec3 .container-products{width:1180px; margin:0 auto 50px;}
.sec3 .container-products ul.list-products{margin:0 -10px;}
.sec3 .container-products ul.list-products>li{margin:0 10px;}
.sec3 .container-products ul.list-products>li dl.column-product>dt{width:100%;}
.sec3 .container-products dl.column-product>dd .kit-price .p-price,.sec3 .container-products dl.column-product>dd .p-desc,.sec3 .container-products dl.column-product>dd .p-name{font-size:16px;}
.sec3 .container-products dl.column-product>dd {text-align:center;}
.sec3 .container-products dl.column-product>dd .p-name {margin:0; font-size:1rem; font-weight:400; line-height:1.7;}
.sec3 .container-products dl.column-product>dd .p-desc {margin:0 0 5px 0; font-size:0.875rem;}
.sec3 .container-products dl.column-product>dd .p-price {margin:0; font-size:1rem;}

.container-mov{width:1180px; margin:0 auto;}
.container-mov>dl{display:inline-block; vertical-align:middle; font-size:0;}
.container-mov>dl>dt{display:inline-block; width:700px; height:400px; vertical-align:middle; background:#000;}
.container-mov>dl>dt>video{height:100%;}
.container-mov>dl>dd{display:inline-block; padding:0 0 0 100px; vertical-align:middle;}
.container-mov>dl>dd h6{margin-bottom:20px; font-size:30px; font-weight:300; letter-spacing:normal; text-align:left; color:#1b1b1b;}
.container-mov>dl>dd .desc{margin-bottom:60px; line-height:1.63; font-size:16px; font-weight:300; letter-spacing:-0.16px; color:#1b1b1b;}
.container-mov>dl>dd .btn{width:260px; height:50px; line-height:46px; text-align:center; font-size:18px; font-weight:300; letter-spacing:normal; color:#fff; background-color:#1b1b1b;}
.sec4 .line-title{line-height:1.53; height:257px; padding:160px 0 0; font-size:30px; font-weight:300; text-align:center; color:#1b1b1b; font-family:"Noto Serif", serif;}
.sec4 .line-title h4{line-height:1.2; margin-bottom:10px; font-weight:700; letter-spacing:normal; color:#10069f; font-size:30px; font-family:"Noto Serif", serif;}
.sec4 .line-title .desc{line-height:1.11; font-size:18px; font-weight:300; color:#1b1b1b; font-family:"Noto Sans", sans-serif;}
.sec4 .line-conts{position:relative; height:700px; color:#fff;}
.sec4 .line-conts [class*=box-cont-]{position:absolute; color:#1b1b1b;}
.sec4 .line-conts .box-cont-01{left:0; bottom:121.5px; width:230px;}
.sec4 .line-conts .box-cont-01 .kit-cnt{margin-bottom:30.5px; border-bottom:1px solid #818181;}
.sec4 .line-conts .box-cont-01 .kit-cnt h6{margin-bottom:20px; font-size:42px; font-weight:400;}
.sec4 .line-conts .box-cont-01 .kit-cnt .desc{line-height:1.4; font-size:26px; font-weight:300; padding-bottom:24.5px;}
.sec4 .line-conts .box-cont-02{left:0; top:40px; font-size:26px;}
.sec4 .line-conts .box-cont-03{right:0; bottom:117px;}
.sec4 .line-conts .box-cont-04{right:0; bottom:40px; line-height:1.4; font-size:20px; font-weight:400; letter-spacing:normal; text-align:right;}

.sec5 .zone-conts{position:relative; width:1180px; margin:0 auto;}
.sec5 .zone-conts [class*=box-cont]{float:left; position:relative; width:590px; height:600px;}
/*.sec5 .zone-conts [class*=box-cont] img{visibility:hidden;}*/
.sec5 .zone-conts .box-cont-03{width:1180px;}
.sec5 .zone-conts [class*=box-cont] .box-desc{position:absolute; left:40px; top:42px; line-height:1.4; font-size:20px; font-weight:400; color:#fff; z-index:3;}
.sec5 .zone-conts [class*=box-cont] .box-desc + img {display:none;}
.sec5 .zone-conts .box-cont-03 .box-desc{color:#fff;}
.sec5 .zone-conts [class*=box-cont] .box-desc h6{left:0; bottom:29px; margin-bottom:15px; font-size:24px; font-weight:500; z-index:3;}
.sec5 .zone-conts [class*=box-cont] .box-desc p{margin-bottom:30px; font-size:1rem; font-weight:300;}
.sec5 .zone-conts [class*=box-cont] .box-desc .btn{font-size:16px; font-weight:500; border-bottom:1px solid #fff;}
.sec5 .zone-conts .box-cont-03 .box-desc .btn{color:#fff;}
.sec5 .zone-conts .box-cont-03 .box-desc .btn{border-bottom:1px solid #fff;}
.sec5 .zone-conts .box-cont-01 h6 {color:#fff;}

.sec6{padding-top:160px;}
.sec6 .desc-00{font-size:16px; padding-bottom:10px;}
.sec6 .line-title{margin:0;}
.sec6 .line-title h4{margin-bottom:19.5px;}
.sec6 .container-products{overflow:hidden; width:1180px; margin:0 auto;}
.sec6 .container-products ul.list-products{margin:0 -4px; padding:29.5px 0; border-top:1px solid #dddcd1; border-bottom:1px solid #dddcd1;}
.sec6 .container-products ul.list-products>li{width:289px; margin:0 4px; cursor:pointer;}
.sec6 .container-products ul.list-products>li:nth-child(4)~li{display:none;}
.sec6 .container-products ul.list-products>li dl.column-product>dt{width:100%;}
.sec6 ul.list-products>li dl.column-product>dt{width:100%; height:285px; margin-bottom:12px;}
.sec6 ul.list-products>li dl.column-product>dt img{width:100%; height:100%;}
.sec6 ul.list-products>li dl.column-product>dd h6{height:51px; line-height:1.44; margin-bottom:8px; font-size:1rem; font-weight:400; text-align:left; color:#1b1b1b;}
.sec6 ul.list-products>li dl.column-product>dd .info{line-height:1.43; font-size:14px; font-weight:300; color:#1b1b1b;}
.sec6 ul.list-products>li dl.column-product>dd .info div{float:left; margin-right:7px;}
.sec6 ul.list-products>li dl.column-product>dd .info .date{font-size:13px;}
.sec6 ul.list-products>li dl.column-product>dd .info .reply:before{content:"댓글 ";}
.sec6 .line-desc{margin:29.5px auto 160px;}
.sec6 .line-btns{margin-bottom:54px; text-align:center; font-size:0;}
.sec6 .line-btns .btn{width:260px; height:50px; line-height:48px; object-fit:contain; font-size:18px; font-weight:300; color:#fff; background-color:#1b1b1b; border:1px solid #1b1b1b;}
.sec7 .line-title{padding-top:0; margin-bottom:20px;}
.sec7 .line-title h4{font-size:38px;}
.sec7 .line-title h4 img{margin-top:-9px;}
.sec7 .zone-conts .crewImg{width:100%;}
.sec7 .zone-conts ul.list-tiles{overflow:hidden; width:1180px; margin:0 auto;}
.sec7 .zone-conts ul.list-tiles>li{float:left; width:295px; height:295px;}
.sec7 .zone-conts ul.list-tiles>li:last-child{display:none;}
.sec7 .zone-conts ul.list-tiles>li img{width:100%; height:100%;}
.footer .area .line-title{padding:0; text-align:left;}
.floating{display:none; position:fixed; bottom:65px; right:5px; z-index:6; transition:bottom .5s ease;}
.slider-visual.v2 .slick-track{height:auto;}
.slider-visual.v2 .line-desc .btn{border:1px solid transparent; box-sizing:border-box;}
.slider-visual.v2 .slide-img-box{height:36.4588vw; position:relative;}
.slider-visual.v2 .slide-img-box:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.4; background-image:linear-gradient(to bottom,#000 -27%,rgba(49,49,49,.42) 5%,rgba(84,84,84,0) 15%);}
.slider-visual.v2 .slide-img-box .m-view{display:none;}
.slider-visual.v2 .slide img{height:100%;}
.slider-visual.v2 ul.slick-dots>li.slick-active button:before {border:1px solid #fff; background-color:transparent;}
.slider-visual.v2 ul.slick-dots>li button:before {background:#fff;}
.slider-visual.v2 .line-desc{height:217px;}
.slider-visual.v2 ul.slick-dots{bottom:20px;}
.slider-visual.v2 .slide.type-full{position:relative;}
/*.slider-visual.v2 .slide.type-full .slide-img-box, .slider-visual.v2 .slide.type-video .slide-img-box{height:calc(36.4588vw + 300px);}*/
.slider-visual.v2 .slide.type-full .slide-img-box, .slider-visual.v2 .slide.type-video .slide-img-box{height:100%;}

.slider-visual.v2 .slide.type-full .line-desc{position:absolute; bottom:60px; left:50%; width:100%; height:auto; margin:0; transform:translate(-50%,0);}
.slider-visual.v2 .slide.type-full .line-desc .desc-01,.slider-visual.v2 .slide.type-full .line-desc .desc-02,.slider-visual.v2 .slide.type-video .line-desc .desc-01,.slider-visual.v2 .slide.type-video .line-desc .desc-02{color:#fff; font-weight:400;}

.slider-visual.v2 .slide.type-full .line-desc .desc-01 {font-weight:400;}
.slider-visual.v2 .slide.type-full .line-desc .desc-02 {font-weight:300;}
.slider-visual.v2 .slide.type-video .line-desc .desc-01 {font-weight:400;}
.slider-visual.v2 .slide.type-video .line-desc .desc-02 {font-weight:300;}

.slider-visual.v2 .slide.type-full .line-desc .btn,.slider-visual.v2 .slide.type-video .line-desc .btn{border-color:#fff; box-sizing:border-box; color:#fff; background-color:transparent; transition:background-color .4s ease;}
.slider-visual.v2 .slide.type-full .line-desc .btn:hover,.slider-visual.v2 .slide.type-video .line-desc .btn:hover{background-color:rgba(255,255,255,.3);}
.slider-visual.v2 .slide.type-video .line-desc{position:absolute; bottom:60px; left:50%; width:100%; height:auto; margin:0; transform:translate(-50%,0);}
.slider-visual.v2 .slide.type-video .slide-img-box .video-foreground,.slider-visual.v2 .slide.type-video .slide-img-box iframe,.slider-visual.v2 .slide.type-video .slide-img-box video{position:relative; top:0; left:0px; width:100%; height:100%; pointer-events:none;}
.slider-visual.v2 .slide.type-video .slide-img-box .video-foreground {height:100%; top:0%;}
.slider-visual.v2 .slide.type-video .slide-img-box .video-foreground video {pointer-events:none; outline:none; border:none; left:0%; object-fit: cover;}
.sub-type .slider-visual.v2 .slide-img-box:after{display:none;}
.sec1.section.sub-type{margin-top:0;}
.line-desc.v2{margin-bottom:30px; margin-top:160px;}

/* 베스트 카테고리 */
.box-cont-01 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/main_best_body.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.box-cont-02 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/main_best_summer.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.box-cont-03 {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/main_best_hair.png"); background-repeat:no-repeat; background-position:center center; background-size:cover;}

/* 신제품 */
.stnBox {display:block; position:relative; width:100%; height:75vh; padding:160px 0 0 0;}
.stnBox.bg_newProd {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/img_bg_newProd.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.stnBox.bg_farm {margin:0 0 100px 0; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/img_bg_farm.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.stnBox dl.descBox {position:absolute; bottom:50px; left:50%; width:100%; padding:0 20px; color:#fff; text-align:center; transform:translateX(-50%);}
.stnBox dl.descBox dt.tit {display:block; padding:0 0 20px 0; font-size:30px; font-weight:500; line-height:30px;}
.stnBox dl.descBox dt.tit span {display:block; padding:0 0 10px 0; font-size:16px; font-weight:300; line-height:16px;}
.stnBox dl.descBox dd.txt {display:block; padding:0 0 40px 0; font-size:1rem; font-weight:300; line-height:22px; letter-spacing:-0.5px;}
.stnBox dl.descBox dd.btn {display:block; width:320px; height:50px; margin:0 auto; ;}
.stnBox dl.descBox dd.btn .linkBox {display:block; width:100%; color:#1b1b1b; font-size:14px; font-weight:500; text-align:center; line-height:48px; letter-spacing:-0.5px; background:#fff;}
.stnBox dl.descBox dd.btn .linkLine {display:block; width:100%; color:#fff; font-size:14px; font-weight:500; text-align:center; line-height:48px; letter-spacing:-0.5px; border:1px solid #fff; background:none;}

/* Before After 체험존 */
.bef_aft {position:relative; margin:0 0 160px 0; text-align:center;}
.bef_aft .inner {display:inline-block; width:1180px;}
/* title */
.bef_aft .inner .line-title {display:block; width:100%; height:auto; margin:0;}
.bef_aft .inner .line-title h4 {line-height:50px;}
.bef_aft .inner .line-title:after {content:'를 좌우로 움직여 보세요'; display:inline-block; margin:20px 0 10px; padding:0 0 0 20px; font-size:1rem; font-weight:500; text-align:center; background-image:url('https://toun28.s3.ap-northeast-2.amazonaws.com/img/ico_touchMove_bk.png'); background-repeat:no-repeat; background-position:0% 50%; background-size:18px; opacity:0.7;}
/* slider */
.bef_aft .inner .beer-slider {display:block; overflow:hidden; position:relative; height:500px;}
.bef_aft .inner .beer-slider *,.bef_aft .inner .beer-slider:before,.bef_aft .inner .beer-slider:after,.bef_aft .inner .beer-slider *:before,.bef_aft .inner .beer-slider *:after {box-sizing:border-box;}
.bef_aft .inner .beer-slider img {vertical-align:bottom;}
.bef_aft .inner .beer-slider > img {max-width:100%; height:auto;}
.bef_aft .inner .beer-reveal {position:absolute; left:0; top:0; bottom:0; right:50%; overflow:hidden; z-index:1; opacity:0; transition:opacity 0.35s;}
.bef_aft .inner .beer-reveal > :first-child {width:200%; max-width:none; height:auto;}
.bef_aft .inner .beer-range {position:absolute; z-index:2; top:0; bottom:0; margin:0; left:-1px; width:calc(100% + 2px); cursor:ew-resize; -webkit-appearance:slider-horizontal !important; -moz-appearance:none; opacity:0; -ms-touch-action:auto; touch-action:auto;}
.bef_aft .inner .beer-range::-webkit-slider-thumb {height:300vh;}
.bef_aft .inner .beer-range::-moz-range-thumb {height:300vh;}
.bef_aft .inner .beer-range::-ms-tooltip {display:none;}
.bef_aft .inner .beer-handle {position:absolute; z-index:2; pointer-events:none; opacity:0; top:50%; left:50%; transform:translate(-50%,-50%); color:#000; background:rgba(255,255,255,0.7); width:48px; height:48px; border-radius:50%; box-shadow:0 0 6px rgba(0,0,0,0); transition:background 0.3s,box-shadow 0.3s,opacity 0.5s 0.25s;}
.bef_aft .inner .beer-handle:before,.bef_aft .inner .beer-handle:after {content:''; position:absolute; width:10px; height:10px; top:50%; border-top:2px solid #1b1b1b; border-left:2px solid #1b1b1b; transform-origin:0 0;}
.bef_aft .inner .beer-handle:before {left:10px; transform:rotate(-45deg);}
.bef_aft .inner .beer-handle:after {right:0; transform:rotate(135deg);}
.bef_aft .inner .beer-range:focus ~ .bef_aft .inner .beer-handle {background:rgba(255,255,255,0.85); box-shadow:0 0 3px rgba(0,0,0,0.4);}
.bef_aft .inner .beer-slider[data-beer-label]:after,.bef_aft .inner .beer-reveal[data-beer-label]:after {content:attr(data-beer-label); position:absolute; top:1.5rem; padding:0.5rem; color:#fffef1; font-size:14px; font-weight:500; line-height:1; border-radius:0.125rem; background:rgba(27,27,27,0.7);}
.bef_aft .inner .beer-slider[data-beer-label]:after {right:1.5rem;}
.bef_aft .inner .beer-reveal[data-beer-label]:after {left:1.5rem; color:#1b1b1b; background:rgba(255,254,241,0.7);}
.bef_aft .inner .beer-slider[data-beer-label=""]:after,.bef_aft .inner .beer-reveal[data-beer-label=""]:after {content:none;}
.bef_aft .inner .beer-ready .beer-reveal,.bef_aft .inner .beer-ready .beer-handle {opacity:1;}
/* 측정결과 */
.bef_aft .inner .txt_measure {display:none; position:absolute; top:540px; left:50%; min-width:68%; padding:3px 10px; color:#fff; font-size:14px; font-weight:400; border-radius:2px; background:rgba(27,27,27,0.3); transform:translate(-50%,0); z-index:10; transition:all 0.3s ease-out;}
.bef_aft .inner .txt_measure.before {color:#1b1b1b; background:rgba(255,254,241,0.7);}
.bef_aft .inner .txt_measure.after {color:#fffef1; background:rgba(27,27,27,0.7);}
/* nav */
.bef_aft .inner .beer-slider-nav {display:block; clear:both; overflow:hidden; width:1180px; margin:0 auto; padding:10px; background:rgba(27,27,27,1.0);}
.bef_aft .inner .beer-slider-nav li {float:left; overflow:hidden; position:relative; height:auto;}
.bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(1) {width:100%;}
.bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(2), .bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(2) ~ li {width:50%;}
.bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(3), .bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
.bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(4), .bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(4) ~ li {width:25%;}
.bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(5), .bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(5) ~ li {width:20%;}
.bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(6), .bef_aft .inner .beer-slider-nav li:first-child:nth-last-child(6) ~ li {width:16.6666%;}
.bef_aft .inner .beer-slider-nav li a {display:block; margin:0 10px 0 0; opacity:0.15; transition:all 0.3s ease-out;}
.bef_aft .inner .beer-slider-nav li:last-child a {margin:0;}
.bef_aft .inner .beer-slider-nav li a.active {opacity:1.0; transition:all 0.3s ease-out;}
.bef_aft .inner .beer-slider-nav li a img {width:100%; object-fit:cover;}
/* description */
.bef_aft .inner .desc {display:block; padding:10px 0 0 0; font-size:1rem;}
/* button */
.bef_aft .inner .btnBox a {color:#fffef1; background:#1b1b1b;}

/* 공통 레이아웃 */
.stn {display:block; position:relative; min-width:1180px; padding:80px 0; text-align:center;}
.stn .inner {display:inline-block; width:1180px;}
.stn .titBox {display:block; width:100%; margin:0 0 50px 0; text-align:center;}
.stn .titBox h4 {display:inline-block; color:#1b1b1b; font-size:38px; font-weight:300;}
.stn .titBox h4 strong {font-weight:500;}
.stn .contBox {display:block; width:100%; text-align:left;}

/* 앰버서더 */
.ambassador {background:#1b1b1b; padding:80px 0 60px 0;}
.ambassador .titBox h4 {color:#fffef1;}
.ambassador .swiper {width:100%; height:100%;}
.ambassador .swiper .swiper-slide {font-size:18px; justify-content:center; align-items:center; text-align:center; background:#fffef1;}
.ambassador .swiper .swiper-slide .amb_thumb {object-fit:cover;}
.ambassador .swiper .swiper-slide .amb_thumb img {width:100%;}
.ambassador .swiper .swiper-slide .amb_info {display:block; padding:20px 15px; text-align:left;}
.ambassador .swiper .swiper-slide .amb_info em {display:block; width:100%; text-align:left;}
.ambassador .swiper .swiper-slide .amb_info em.amb_name {padding:0 0 5px 0; font-size:15px; font-weight:500;}
.ambassador .swiper .swiper-slide .amb_info em.amb_job {font-size:13px; font-weight:400;}
.ambassador .swiper .swiper-slide .amb_info em.amb_desc {min-height:80px; padding:10px 0; font-size:13px; font-weight:300;}
.ambassador .swiper .swiper-slide .amb_info .amb_link {display:inline-block; font-size:13px; font-weight:400; line-height:1.6;}
.ambassador .swiper .swiper-slide .amb_info .amb_link:hover, .ambassador .swiper .swiper-slide .amb_info .amb_link:focus {text-decoration:underline;}
.ambassador .swiper .swiper-pagination {position:relative; margin:30px 0 0 0;}
.ambassador .swiper .swiper-pagination .swiper-pagination-bullet {border:1px solid #fffef1; background:#1b1b1b;}
.ambassador .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fffef1;}

/* 새벽크림 리뷰 */
.lively_review {margin-bottom:80px; padding:100px 0; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/data/banner/20231108/22ZJhOUtroTwz4VYJMULaecsCPrjblUbAygRve7f.jpg") no-repeat center center/cover;}
.lively_review .titBox h4 {color:#fffef1;}
.lively_review .leftBox {float:left; width:280px; padding:0 20px 0 0; color:#fffef1; text-align:left;}
.lively_review .leftBox .tag {display:block; margin:0 0 25px 0; font-size:13px; font-weight:400; opacity:0.7;}
.lively_review .leftBox .tit {display:block; margin:0 0 20px 0; font-size:26px; font-weight:400; line-height:34px;} 
.lively_review .leftBox .txt {display:-webkit-box; overflow:hidden; margin:0 0 55px 0; font-size:14px; font-weight:300; line-height:20px; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}/*말줄임*/
.lively_review .leftBox a.btn_arrow {display:inline-block; padding:15px 40px 15px 15px; color:#fffef1; font-size:14px; font-weight:400; vertical-align:middle; line-height:14px; border:1px solid #fffef1; background:rgba(27,27,27,0.8) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_w.svg") no-repeat center right+10px/9px; transition:all 0.3s ease-out;}
.lively_review .leftBox a.btn_arrow:hover, .lively_review .leftBox a.btn_arrow:focus {padding:15px 20px; background:rgba(27,27,27,0.8) url("https://toun28.s3.ap-northeast-2.arw_right_bk.com/img/new/arw_right_w.svg") no-repeat center right+10px/9px; transition:all 0.3s ease-out;}

.lively_review .rightBox {float:right; width:calc(100% - 300px); text-align:left;}
.lively_review .rightBox .swiper {width:100%; height:100%;}
.lively_review .rightBox .swiper .swiper-slide {display:flex; font-size:18px; justify-content:center; align-items:center; text-align:center;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox {display:block; overflow:hidden; width:100%; margin:0;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .thumb {display:block; overflow:hidden; width:100%; height:300px; margin:0 0 10px 0; text-align:center; transition:all 0.3s ease-out;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .thumb img {display:inline-block; width:100%; height:100%; object-fit:cover;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info {display:block; vertical-align:top;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .top {clear:both; overflow:hidden; margin:0 0 5px 0; color:#999; font-size:0.75rem; font-weight:300; line-height:1.3;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .top .name {float:left; color:#fffef1;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .top .name.ico_nBlog:before {content:''; display:inline-block; width:13px; height:13px; margin:-2px 5px 0 0; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_snsBlog_w.svg") no-repeat center center/cover;  vertical-align:middle; opacity:0.7;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .top .name.ico_insta:before {content:''; display:inline-block; width:13px; height:13px; margin:-2px 5px 0 0; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_snsInsta_w.svg") no-repeat center center/cover;  vertical-align:middle; opacity:0.7;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .btm {display:-webkit-box; overflow:hidden; color:#fffef1; font-size:0.95rem; font-weight:400; text-align:left; line-height:1.7; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox:hover .thumb {padding:0 0 10px 0; transition:all 0.3s ease-out;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox:hover .info .btm {text-decoration:underline;}
.lively_review .rightBox .swiper  .swiper-pagination {position:relative; margin:30px 0 0 0;}
.lively_review .rightBox .swiper  .swiper-pagination .swiper-pagination-bullet {border:1px solid #fffef1; background:#1b1b1b;}
.lively_review .rightBox .swiper  .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fffef1;}

/* 리뷰 라이브러리 */
.review_library {margin:0 0 100px 0; padding:0;}
.review_library .titBox {margin:0 0 40px 0;}
.review_library .titBox .desc {display:block; padding:2px 20px 0 20px; font-size:0.9rem; opacity:0.9;}
.review_library ul.lst {clear:both; overflow:hidden;}
.review_library ul.lst li {position:relative; float:left; width:25%; margin:0; justify-content:center; align-items:center; background:#fff;}
.review_library ul.lst li a {display:block;}
.review_library ul.lst li .reviewBox {position:relative;}
.review_library ul.lst li .reviewBox .thumb {overflow:hidden; width:100%; height:400px;}
.review_library ul.lst li .reviewBox .thumb img {width:100%; height:100%; object-fit:cover; transform:translate(0%,0%); transition:all 0.3s ease-out;}
.review_library ul.lst li .reviewBox .thumb video {width:100%; height:100%; object-fit:cover; transform:translate(0%,0%); transition:all 0.3s ease-out;}
.review_library ul.lst li .reviewBox .txt {display:block; position:absolute; bottom:0; left:0; width:100%; padding:20px; background:rgba(27,27,27,0.7);}
.review_library ul.lst li .reviewBox .txt span {display:-webkit-box; overflow:hidden; color:#fffef1; font-size:13px; font-weight:400; line-height:22px; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.review_library ul.lst li:nth-child(1) {width:50%;}
.review_library ul.lst li:nth-child(1) .reviewBox .thumb {height:800px;}
.review_library ul.lst li .reviewBox:hover .thumb img {scale:1.1; transform:translate(-0.5%,-0.5%); transition:all 0.3s ease-out;}
.review_library ul.lst li .reviewBox:hover .thumb video {scale:1.1; transform:translate(-0.5%,-0.5%); transition:all 0.3s ease-out;}
.review_library ul.lst li .reviewBox:hover .txt span {text-decoration:underline;}
.review_library ul.lst li a.btn_sns_link {display:inline-block;  position:absolute; bottom:97px; left:20px; height:20px; color:#fffef1; font-size:12px; font-weight:500;}
.review_library ul.lst li a.btn_sns_link:before {content:''; display:inline-block; width:20px; height:100%; margin:0 5px 0 0; line-height:20px; vertical-align:middle; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/ico_avatar_w.svg")no-repeat center center/cover;}

/* 신제품 */
.prodBox {display:block; width:100%; margin:0 0 100px 0; padding-top:0; font-size:16px; text-align:center;}
.prodBox .inner {clear:both; overflow:hidden; width:100%; margin:0 auto;}
.prodBox .inner .lot_left {overflow:hidden; float:left;}
.prodBox .inner .lot_left.thumb {width:66%; padding:0 5% 0 0; text-align:right;}
.prodBox .inner .lot_left.info {width:34%; padding:0 0 0 80px; text-align:left;}
.prodBox .inner .thumb img {width:100%; object-fit:cover;}
.prodBox .inner .thumb img.pc {display:block; aspect-ratio:16 / 9;}
.prodBox .inner .thumb img.mo {display:none; aspect-ratio:1 / 1;}
.prodBox .inner .thumb video {width:100%; object-fit:cover;}
.prodBox .inner .thumb video.pc {display:block; aspect-ratio:16 / 9;}
.prodBox .inner .thumb video.mo {display:none; aspect-ratio:1 / 1;}
.prodBox .inner .thumb video::-webkit-media-controls-fullscreen-button {display:none !important;}/* 전체화면 버튼 */
.prodBox .inner .thumb video::-webkit-media-controls-play-button {display:none !important;}/* 일시정지, 재생 버튼 */
.prodBox .inner .thumb video::-webkit-media-controls-timeline {display:none !important;}/* 재생 슬라이드 */
.prodBox .inner .thumb video::-webkit-media-controls-current-time-display{display:none !important;}/* 현재 진행 시간 */
.prodBox .inner .thumb video::-webkit-media-controls-time-remaining-display {display:none !important;}/* 전체 시간 */
.prodBox .inner .thumb video::-webkit-media-controls-mute-button {display:none !important;}/* 음소거 버튼 */
.prodBox .inner .thumb video::-webkit-media-controls-volume-slider {display:none !important;}/* 볼륨 조절 슬라이드 */
.prodBox .inner .thumb video::-webkit-media-controls-fullscreen-button {display:none !important;}/* 전체화면 */
.prodBox .inner .lot_right {overflow:hidden; float:right;}
.prodBox .inner .lot_right.thumb {width:66%; padding:0 0 0 5%; text-align:left;}
.prodBox .inner .lot_right.info {width:34%; padding:0 80px 0 0; text-align:left;}
.prodBox .inner .info {letter-spacing:-0.5px;}
.prodBox .inner .info .slogan {display:block; margin:70px 0 20px 0; font-size:0.875rem; font-weight:700; line-height:1.7;}
.prodBox .inner .info .title {display:block; margin:0 0 30px 0; font-size:1.875rem; font-weight:400; line-height:1.33; letter-spacing:-1px; order:2;}
.prodBox .inner .info .text {display:block; font-size:0.9rem; font-weight:300; line-height:1.7; white-space:pre-wrap;}
.prodBox .inner .info .button {display:block; margin-top:30px; font-size:16px;}
.prodBox .inner .info .button .btn_line_link {display:inline-block; position:relative; min-width:210px; width:350px; height:60px; margin:0; padding:19px 30px 19px 23px; color:#1b1b1b; font-size:0.875rem; font-weight:700; line-height:1.4; border:1px solid rgba(51,51,51,0.2); flex-wrap:wrap; transition:all 0.3s ease-out;}
.prodBox .inner .info .button .btn_line_link:after {content:''; position:absolute; top:calc(50% - 8px); right:18px; width:16px; height:16px; font-size:0; line-height:1; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_02.svg") no-repeat center center/cover;}
.prodBox .inner .info .button .btn_line_link:hover, .prodBox .inner .info .button .btn_line_link:focus {color:#fffef1; border:1px solid rgba(51,51,51,1.0); background:#1b1b1b; transition:all 0.3s ease-out;}
.prodBox .inner .info .button .btn_line_link:hover:after, .prodBox .inner .info .button .btn_line_link:focus:after {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_03.svg") no-repeat center center/cover;}

/* 스포트라이트 */
.spotlightBox {display:block; width:100%; margin:0 0 100px 0; font-size:16px; text-align:center;}
.spotlightBox .inner {clear:both; overflow:hidden; width:100%; margin:0 auto;}
.spotlightBox .inner .lot_left {overflow:hidden; float:left;}
.spotlightBox .inner .lot_left.info {width:34%; padding:0 0 0 80px; text-align:left;}
.spotlightBox .inner .lot_right {overflow:hidden; float:right;}
.spotlightBox .inner .lot_right.prod {width:66%; height:36.56%; padding:0 0 0 5%; text-align:left;}
.spotlightBox .inner .info {letter-spacing:-0.5px;}
.spotlightBox .inner .info .slogan {display:block; margin:0 0 20px 0; font-size:0.875rem; font-weight:700; line-height:1.7;}
.spotlightBox .inner .info .title {display:block; margin:0 0 30px 0; font-size:1.875rem; font-weight:400; line-height:1.33; text-transform:uppercase; order:2;}
.spotlightBox .inner .info .text {display:block; font-size:1rem; font-weight:300; line-height:1.7; white-space:pre-wrap;}
.spotlightBox .inner .info .button {display:block; margin-top:30px; font-size:16px;}
.spotlightBox .inner .info .button .btn_line_link {display:inline-block; position:relative; min-width:210px; max-width:350px; height:60px; margin:0; padding:19px 55px 19px 23px; color:#1b1b1b; font-size:0.875rem; font-weight:700; line-height:1.4; border:1px solid rgba(51,51,51,0.2); flex-wrap:wrap; transition:all 0.3s ease-out;}
.spotlightBox .inner .info .button .btn_line_link:after {content:''; position:absolute; top:calc(50% - 8px); right:23px; width:16px; height:16px; font-size:0; line-height:1; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_02.svg") no-repeat center center/cover;}
.spotlightBox .inner .info .button .btn_line_link:hover, .spotlightBox .inner .info .button .btn_line_link:focus {color:#fffef1; border:1px solid rgba(51,51,51,1.0); background:#1b1b1b; transition:all 0.3s ease-out;}
.spotlightBox .inner .info .button .btn_line_link:hover:after, .spotlightBox .inner .info .button .btn_line_link:focus:after {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_03.svg") no-repeat center center/cover;}
.spotlightBox .inner .prod .swiper {width:100%; height:100%; padding:0 0 50px 0;}
.spotlightBox .inner .prod .swiper .swiper-slide {display:flex; overflow:hidden; font-size:18px; justify-content:center; align-items:baseline; text-align:center;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox {display:block; padding:0 30px;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_thumb {display:block; width:100%; height:auto; margin:0 0 15px 0; text-align:center; aspect-ratio:1 / 1; }
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_thumb img {width:100%; height:auto; object-fit:cover; object-position:bottom; transition:all 0.3s ease-out;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_name {display:-webkit-box; overflow:hidden; height:66px; margin:10px 0; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:normal; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_name em {display:block; padding:5px 0 0 0; font-size:13px; font-weight:300; opacity:0.7;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_desc {display:-webkit-box; overflow:hidden; padding:0; font-size:0.85rem; font-weight:300; line-height:normal; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox:hover .prod_thumb img, .spotlightBox .inner .prod .swiper .swiper-slide .infoBox:focus .prod_thumb img {scale:1.05; transition:all 0.3s ease-out;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox {clear:both; overflow:hidden; margin:10px 0 0 0; padding:0 10px;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a {float:left; margin:2px; height:40px; font-size:12px; font-weight:400; line-height:40px; letter-spacing:-0.5px; border:1px solid #bababa;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:first-child:nth-last-child(1) {width:calc(100% - 4px);}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:first-child:nth-last-child(2), .spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:first-child:nth-last-child(2) ~ a {width:calc(50% - 4px);}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:hover, .spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:focus {border:1px solid #1b1b1b; background:#1b1b1b;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a.ico {overflow:hidden; text-indent:-999px;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a.ico.shopee {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_clr.svg") no-repeat 50% 50%/auto 45%;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a.ico.amazon {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_clr.svg") no-repeat 50% 60%/auto 40%;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:hover.ico.shopee {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_w.svg") no-repeat 50% 50%/auto 45%;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:hover.ico.amazon {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_w.svg") no-repeat 50% 60%/auto 40%;}

.spotlightBox .inner .prod .swiper .swiper-button-prev {width:80px; height:80px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_left.svg") no-repeat center center/50%;}
.spotlightBox .inner .prod .swiper .swiper-button-next {width:80px; height:80px; background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/arrow_right_03.svg") no-repeat center center/50%;}
.spotlightBox .inner .prod .swiper .swiper-button-prev:after, .spotlightBox .inner .prod .swiper .swiper-button-next:after {display:none;}
.spotlightBox .inner .prod .swiper .swiper-button-next.swiper-button-disabled, .spotlightBox .inner .prod .swiper .swiper-button-prev.swiper-button-disabled {opacity:0;}
.spotlightBox .inner .prod .swiper .swiper-scrollbar {height:3px; border-radius:0; background:rgba(27,27,27,0.1);}
.spotlightBox .inner .prod .swiper .swiper-scrollbar-drag {height:3px; border-radius:0; background:rgba(27,27,27,0.7);}

.sec5.section {margin:0 0 100px 0; padding:0;}

/* journal */
.journalBox {display:block; width:100%; padding-top:150px; font-size:16px; text-align:center;}
.journalBox .inner {display:inline-block; width:1180px; margin:0 auto;}
.journalBox .inner .tit {clear:both; overflow:hidden; font-size:16px; text-align:left; letter-spacing:-0.5px;}
.journalBox .inner .tit h3 {display:inline-block; font-size:1.875rem; font-weight:500; line-height:1.33;}
.journalBox .inner .tit h3 + span {display:inline-block; margin:0 0 0 10px; font-size:16px; line-height:1.6;}
.journalBox .inner .cont {clear:both; overflow:hidden; padding:20px 0 0 0; text-align:left;}
.journalBox .inner .cont ul.lst {clear:both; overflow:hidden;}
.journalBox .inner .cont ul.lst li {width:calc(50% - 25px);}
.journalBox .inner .cont ul.lst li:nth-child(odd) {float:left; margin-right:25px;}
.journalBox .inner .cont ul.lst li:nth-child(even) {float:right; margin-left:25px;}
.journalBox .inner .cont ul.lst li a {display:block;}
.journalBox .inner .cont ul.lst li a span {display:block; letter-spacing:-0.5px;}
.journalBox .inner .cont ul.lst li a span.thumb {overflow:hidden; margin:0 0 10px 0; aspect-ratio:16 / 9;}
.journalBox .inner .cont ul.lst li a span.thumb img {width:100%; object-fit:cover;}
.journalBox .inner .cont ul.lst li a span.category {margin:0 0 10px 0; font-size:0.875rem; font-weight:700; line-height:1.7;}
.journalBox .inner .cont ul.lst li a span.title {margin:0 0 15px 0; font-size:1.5rem; font-weight:400; line-height:1.33; order:2;}
.journalBox .inner .cont ul.lst li a span.text {font-size:1rem; font-weight:300; line-height:1.7; white-space:pre-wrap;}

@media screen and (max-width:781px) {
.slider-visual.v2 .slide-img-box:after{background-image:linear-gradient(to bottom,#000 0,rgba(49,49,49,.42) 19%,rgba(84,84,84,0) 27%);}
.header .active h1 a{background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg");}

.sec3 .container-products ul.list-products{margin:0 auto;}
.floating{display:block;}
.floating .btn{display:block; border:0 none;}
.floating .btn-crew{width:48px; height:48px; margin-bottom:4px; background-color:transparent; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_crew_new.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:100%;}
.floating .btn-top{width:36px; height:36px; margin-left:3px; background-color:transparent; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/btn_top.png"); background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.slider-desc .slide{max-width:100vw;}
.line-desc{padding:20px 20px 0; text-align:left; margin:0 auto 113px;}
.line-desc .desc-01{font-size:24px; text-align:left; letter-spacing:-1px; padding-top:0;}
.line-desc .desc-02{overflow:hidden; margin-bottom:20px; text-align:left; font-size:14px; line-height:20px;}
.line-desc .desc-02.ha{height:auto;}
.line-desc .desc-pic{padding-bottom:10px; font-size:14px;}
.line-desc .btn{width:100%;}
.section .area{left:0; width:100%; margin:0;}
.section.sec-img.v2{margin-top:80px;}
.section .area .zone-conts{width:100%;}
.line-title{font-size:20px; font-weight:300; line-height:1.2; letter-spacing:-0.6px; padding-left:20px;}
.line-title h4{font-weight:300; text-align:left;}
.slider-visual .slide .texts{right:20px; font-size:16px; line-height:1.38;}
.slider-visual .texts strong{font-size:20px;}
.slider-visual .texts .btn{margin-top:30px; font-size:12px; letter-spacing:-0.42px;}
.slider-desc .slick-list{height:286px;}
.sec1 .desc-02 span{display:none;}
.sec2 .line-title{height:104px; line-height:1.2; padding:60px 0 0; font-size:20px; font-weight:300; letter-spacing:-0.6px;}
.sec2 .line-conts{height:0; padding-top:122.22222%;}
.sec2 .line-conts h6{line-height:1.2; margin-bottom:20px; font-size:20px; font-weight:400; letter-spacing:-0.6px;}
.sec2 .line-conts .desc{line-height:1.43; margin-bottom:10px; font-size:14px; font-weight:300; letter-spacing:-0.5px;}
.sec2 .desc-02 span{display:inline;}
.sec2 .desc-02 br{display:none;}
.sec3 .line-title{line-height:1.2; font-size:20px; font-weight:300; letter-spacing:-0.6px; margin-bottom:15px; padding-left:20px;}
.sec3 .line-title h4{margin-bottom:20px; font-size:24px;}
.sec3 ul.list-tabs{padding:0 0 35px 20px; text-align:left; margin-bottom:0;}
.sec3 .container-products{width:100%; margin-bottom:0;}
.sec3 ul.list-tabs>li{height:20px; margin:0 34px 0 0; padding:0; font-size:14px; font-weight:300; line-height:1.43; letter-spacing:-0.5px;}
.sec3 ul.list-tabs>li:first-child{position:relative; padding-right:78px; margin:0;}
.sec3 ul.list-tabs>li.on{border:0 none; font-size:14px;}
.sec3 ul.list-tabs>li:first-child::after{position:absolute; top:4px; left:67px; content:''; width:1px; height:14px; border:1px solid #959595;}
.sec3 ul.list-tabs>li:last-child{margin:0;}
.sec3 .container-products ul.list-products>li{margin:0 0 24px;}
.sec3 .container-products ul.list-products>li dl.column-product>dd{padding:0 20px;}
.container-mov{width:100%;}
.container-mov>dl{width:100%;}
.container-mov>dl>dt{display:none;}
.container-mov>dl>dd{width:100%; height:100vw; padding:111px 0 0; text-align:center;}
.container-mov>dl>dd h6{line-height:1.2; margin-bottom:10px; text-align:center; font-size:20px; font-weight:300; letter-spacing:-0.6px;}
.container-mov>dl>dd .desc{line-height:1.43; margin-bottom:20px; font-size:14px; font-weight:300; letter-spacing:-0.5px;}
.container-mov>dl>dd .btn{width:258px; font-size:14px; font-weight:500;}
.sec4 .line-title{height:119px; padding:60px 0 0; font-size:22px;}
.sec4 .line-title h4{line-height:1.18; margin-bottom:2px; font-size:22px;}
.sec4 .line-title .desc{line-height:1.43; font-size:14px; letter-spacing:-0.5px; margin-bottom:15px;}
.sec4 .line-conts{height:0; padding-top:122.22222222%; background-position:34.4% center;}
.sec4 .line-conts .zone-conts{position:absolute; left:0; top:0; padding:11px 20px;}
.sec4 .line-conts .box-cont-01,.sec4 .line-conts .box-cont-02{position:relative; left:auto; right:auto; top:60px;}
.sec4 .line-conts .box-cont-01 .kit-cnt{margin-bottom:14.5px; padding-bottom:14.5px;}
.sec4 .line-conts .box-cont-01 .kit-cnt h6{margin-bottom:1px; font-size:36px; font-weight:500;}
.sec4 .line-conts .box-cont-01 .kit-cnt .desc{line-height:1.43; font-size:14px; padding-bottom:0;}
.sec4 .line-conts .box-cont-02{font-size:14px; font-weight:400; position:absolute; top:20px;}
.sec4 .line-conts .box-cont-03{left:20px; bottom:70px; padding-bottom:10px;}
.sec4 .line-conts .box-cont-03 img{width:50px; height:50px;}
.sec4 .line-conts .box-cont-04{left:20px; bottom:31px; line-height:1.43; text-align:left; font-size:14px; font-weight:400; letter-spacing:-0.5px;}
.sec4 .line-desc .desc-02 span{display:block;}
.sec4 .line-desc .desc-02 br{display:none;}
.secMobile{padding-top:20px; display:none!important;}
.secMobile .texts{letter-spacing:-0.5px; margin-bottom:20px; font-size:14px; font-weight:300; line-height:1.43; text-align:center;}
.secMobile .btn{display:block; width:320px; height:50px; line-height:46px; margin:0 auto 15px; font-size:14px; font-weight:400; text-align:center; letter-spacing:-0.5px; color:#fff; background-color:#1b1b1b;}
	
.sec5{padding-top:30px;}
.sec5 .line-title{font-weight:300; margin-bottom:20px; padding-top:0;}
.sec5 .line-title h4{font-weight:300; font-size:24px;}
.sec5 .zone-conts [class*=box-cont] .box-desc{top:20px; left:16px;}
.sec5 .zone-conts .box-cont-01,.sec5 .zone-conts .box-cont-02,.sec5 .zone-conts .box-cont-03{clear:both; float:none; width:100%; height:0; padding-top:50vh; object-fit:cover;}
.sec5 .zone-conts .box-cont-02{margin-right:4px;}
.sec5 .zone-conts [class*=box-cont] .box-desc h6{font-family:"Noto Sans", sans-serif; font-size:18px; font-weight:500; margin-bottom:4px;}
.sec5 .zone-conts [class*=box-cont] .box-desc p{font-size:14px; margin-bottom:20px;}
.sec5 .zone-conts [class*=box-cont] .box-desc .btn{font-size:14px;}
.sec6{padding-top:100px;}
.sec6 .desc-00{font-size:14px; text-align:left;}
.sec6 .line-title h4{margin-bottom:19px; font-size:24px;}
.sec6 .container-products{width:100%;}
.sec6 .container-products ul.list-products>li{width:calc(100% / 2); margin:0;}
.sec6 .container-products ul.list-products>li:nth-child(6)~li{display:none;}
.sec6 .container-products ul.list-products{margin:0; padding:0; border-bottom:0; margin-bottom:20px;}
ul.list-products>li:nth-child(2n+1){clear:none;}
.sec6 .container-products ul.list-products>li .btn-like{display:none;}
.sec6 ul.list-products>li dl.column-product>dt{height:33.3333333vw; margin:0;}
.sec6 ul.list-products>li dl.column-product>dd h6{height:60px; font-size:12px; margin-bottom:0; padding:6px 0 20px 20px; font-weight:300;}
.sec6 ul.list-products>li dl.column-product>dd .info{display:none;}
.sec6 .container-products .desc.mobile{line-height:1.43; margin-bottom:20px; font-size:14px; font-weight:300; letter-spacing:-0.5px; text-align:center; color:#1b1b1b;}
.sec6 .line-btns{margin-bottom:60px;}
.sec6 .line-btns .btn{font-size:14px; font-weight:500; width:320px;}
.sec6 .line-desc{margin:0 auto 100px;}
.sec7 .line-title{padding-top:0; margin-bottom:20px;}
.sec7 .line-title h4{font-size:24px;}
.sec7 .line-title img{width:35px; height:35px;}
.sec7 .line-desc{position:relative;}
.sec7 .line-desc .desc-02{padding-bottom:20px;}
.sec7 .line-desc a{position:absolute; top:122px; left:20px; width:calc(100% - 40px);}
.sec7 .line-desc p{position:absolute; top:100px; left:20px; text-align:center; width:calc(100% - 40px);}
.sec7 .zone-conts .crewImg{width:100%;}
.sec7 .zone-conts ul.list-tiles{width:100%;}
.sec7 .zone-conts ul.list-tiles>li{width:calc(100% / 3); height:100%;}
.sec7 .zone-conts ul.list-tiles>li:last-child{display:block;}
.footer{min-width:initial;}
.slider-visual.v2 .slide img{height:100%!important;}
.slider-visual.v2 .center .line-desc .desc-01,.slider-visual.v2 .center .line-desc .desc-02{text-align:center;}
.slider-visual.v2 .left .line-desc .desc-01,.slider-visual.v2 .left .line-desc .desc-02{text-align:left;}
.slider-visual.v2 .right .line-desc .desc-01,.slider-visual.v2 .right .line-desc .desc-02{text-align:right;}
.slider-visual.v2 .slide-img-box{height:calc(165vw - 185px);}
.slider-visual.v2 .slide-img-box .m-view{display:block;}
.slider-visual.v2 .slide-img-box .pc-view{display:none;}
.slider-visual.v2 .slide.type-full .line-desc {bottom:60px; height:auto;}
.line-desc.v2{margin-top:100px;}
.slider-visual.v2 .line-desc .desc-02{height:auto;}
.slider-visual.v2 .line-desc .desc-02 br{display:block;}
.sec1.section.sub-type{margin-top:0;}
.slider-visual.v2 .slide.type-video .slide-img-box .video-foreground{width:300%; left:-101%; height:101%; top:-1%;}
.slider-visual.v2 .slide.type-video .slide-img-box .video-foreground.m-view {top:0; left:0; width:100%; height:100%;}
.slider-visual.v2 .slide.type-video .slide-img-box .video-foreground.m-view video {top:-4px; left:-4px; width:calc(100% + 8px); height:calc(100%  + 8px); object-fit:cover;}
.sec3 .container-products dl.column-product>dd .kit-price .p-price,.sec3 .container-products dl.column-product>dd .p-desc,.sec3 .container-products dl.column-product>dd .p-name{font-size:14px; margin-bottom:0; padding-left:0;}
.sec3 .container-products dl.column-product>dd .p-name {display:-webkit-box; overflow:hidden; min-height:40px; margin:0 0 5px; padding:0; font-size:0.85rem; word-wrap:break-word; word-break:keep-all; white-space:inherit; text-overflow:inherit; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4;}
.sec3 .container-products dl.column-product>dd .p-desc {display:-webkit-box; overflow:hidden; min-height:34px; margin:0 0 5px; padding:0; font-size:0.8rem; word-wrap:break-word; word-break:keep-all; white-space:inherit; text-overflow:inherit; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.3;}
.sec3 dl.column-product>dd .kit-price{padding:0;}
	
.stnBox {padding:100px 0 0 0;}
.stnBox dl.descBox dd.txt {font-size:14px;}
.stnBox dl.descBox dd.btn {width:100%;}
.stnBox.bg_newProd {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/img_bg_m_newProd.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.stnBox.bg_farm {margin-top:80px; background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/main/img_bg_m_farm.jpg"); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

.flogArea{padding:12% 0 15% 0;}
.flogArea .flogBox{width:100%;}
.flogArea .flogBox dl.msg_flog{padding:0 20px; font-size:1.1rem;}
.flogArea .flogBox dl.msg_flog dt{font-size:1.1em;}
.flogArea .flogBox .srch_flog{margin:35px 0 370px 0; padding:0 14%;}
.flogArea .flogBox .srch_flog .innerBox{max-width:170px; height:46px;}
.flogArea .flogBox .srch_flog .innerBox .ipt_flog_field{width:calc(100% - 40px); padding:0 15px; font-size:1.1rem;}
.flogArea .flogBox .srch_flog .innerBox .btn_flog_srch{width:40px; background-size:50%;}
.flogArea .flogBox .srch_flog p{margin:20px 0 0 0; font-size:1rem;}
.flogArea .flogBox .flogMap{position:absolute; top:260px; left:50%; width:100%; margin:40px 0 0 0; scale:.6; transform:translate(-50%,0);}
.flogArea .flogBox .flogMap ul.lst_map{position:absolute; top:0; width:460px; transform:translate(-25%,-40%);}
.flogArea .flogBox .flogMap .srchResult_txt{top:0; font-size:1.5rem; font-weight:300; transform:translate(-84%,-30%);}
.flogArea .flogBox .flogMap .srchResult_txt span,.flogArea .flogBox .flogMap .srchResult_txt strong{font-weight:300;}
.flogArea .flogBox .flogStory{margin:0;}
.flogArea .flogBox .flogStory .flogStory_txt{margin:55px 0 0 0; padding:0 20px; font-size:1.1rem; letter-spacing:-1px;}
.flogArea .flogBox .flogStory .flog_banner{margin:55px 0; width:100%; height:auto; padding:0 30px;}
.flogArea .flogBox .flogStory .flog_banner img{width:100%; height:auto;}
.flogArea .flogBox .flogStory .flog_letter{width:100%; height:auto; margin:45px 0 0 0; padding:0 30px; font-size:1rem; letter-spacing:0; background:0 0;}
.flogArea .flogBox .flogStory .flog_letter img{display:inline-block; width:100%; height:auto;}
.flogArea .flogBox .flogStory .flog_letterSign{height:60px; margin:50px 0 0 0;}
.flogArea .flogBox .flogStory .flog_letterSign img{margin:0;}
.flogArea .flogBox .flogStory .flog_pp{margin:50px 0 30px 0;}
.flogArea .flogBox .flogStory .flog_instaID{margin:35px 0 0 0; padding:0 20px; font-size:.75rem; font-weight:300; letter-spacing:0;}

.bef_aft {margin:0 0 50px 0;}
.bef_aft .inner {width:100%;}
.bef_aft .inner .line-title {text-align:left;}
.bef_aft .inner .line-title h4 {padding:0 20px; font-size:24px; font-weight:300; line-height:34px;}
.bef_aft .inner .line-title:after {margin-left:20px;}
.bef_aft .inner .beer-slider {height:400px;}
.bef_aft .inner .beer-slider img {height:100% !important; object-fit:cover;}
.bef_aft .inner .beer-slider-nav {width:100%; padding:7px;}
.bef_aft .inner .beer-slider-nav li {height:50px;}
.bef_aft .inner .beer-slider-nav li a {margin:0;}
.bef_aft .inner .beer-slider-nav li a img {height:100%;}
.bef_aft .inner .beer-reveal[data-beer-label]:after, .bef_aft .inner .beer-slider[data-beer-label]:after {top:10px; padding:5px; font-size:12px;}
.bef_aft .inner .beer-reveal[data-beer-label]:after {left:10px;}
.bef_aft .inner .beer-slider[data-beer-label]:after {right:10px;}
.bef_aft .inner .txt_measure {display:block;}
	
/* 공통 레이아웃 */
.stn {min-width:100%; padding:60px 0;}
.stn .inner {width:100%;}
.stn .titBox {margin:0 0 30px 0;}
.stn .titBox h4 {display:block; padding:0 0 0 20px; font-size:20px; font-weight:300; text-align:left; line-height:1.2; letter-spacing:-0.5px;}
.stn .titBox h4 strong {display:block;}

/* 앰버서더 */
.ambassador {padding:50px 0 40px 0;}
.ambassador .swiper .swiper-slide .amb_info {padding:15px 10px;}
.ambassador .swiper .swiper-slide .amb_info em.amb_name {padding:0 0 5px 0; font-size:14px;}
.ambassador .swiper .swiper-slide .amb_info em.amb_job {font-size:12px;}
.ambassador .swiper .swiper-slide .amb_info em.amb_desc {min-height:70px; font-size:12px;}
.ambassador .swiper .swiper-slide .amb_info .amb_link {font-size:12px; line-height:1.4;}
.ambassador .swiper .swiper-pagination {margin:20px 0 0 0;}

/* 새벽크림 리뷰 */
.lively_review {margin:0 0 50px 0; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/data/banner/20231108/pp6lteupcTCte5L6sfymW5h4ADutiH3z2sv1bY3L.jpg") no-repeat center center/cover;}
.lively_review .titBox {margin:0 0 40px 0;}
.lively_review .titBox h4 {font-size:26px;}
.lively_review .leftBox {position:absolute; float:none; clear:both; overflow:hidden; width:100%; margin:0 0 30px 0; padding:0 20px; text-align:left; z-index:10;}
.lively_review .leftBox .tag {margin:0 0 15px 0; font-size:12px; opacity:0.7;}
.lively_review .leftBox .tit {margin:0 0 15px 0; font-size:22px; line-height:26px;}
.lively_review .leftBox .txt {margin:0 0 30px 0; font-size:13px;}
.lively_review .leftBox a.btn_arrow {color:#fffef1; font-size:13px; border-color:rgba(27,27,27,0.3); background:rgba(27,27,27,0.8) url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/arw_right_w.svg") no-repeat center right+10px/9px;}
.lively_review .leftBox a.btn_arrow:hover, .lively_review .leftBox a.btn_arrow:focus {border-color:rgba(27,27,27,0.3); background:rgba(27,27,27,0.8) url("https://toun28.s3.ap-northeast-2.arw_right_bk.com/img/new/arw_right_w.svg") no-repeat center right+10px/9px;}
	
.lively_review .rightBox {float:none; width:100%;} 
.lively_review .rightBox .swiper .swiper-slide .reviewBox {padding:170px 0 0 20px;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .thumb {height:250px;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .thumb img {}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .top {margin:0 0 5px 0; font-size:0.75rem;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .btm {font-size:0.875rem;}
.lively_review .rightBox .swiper .swiper-slide .reviewBox .info .point {font-size:12px;}
.lively_review .rightBox .swiper .swiper-pagination {margin:20px 0 0 0;}
	
.stnBox dl.descBox dt.tit {font-size:22px; line-height:22px;}
.stnBox dl.descBox dt.tit span {font-size:14px; line-height:14px;}
	
/* 리뷰 라이브러리 */
.review_library {padding:0;}
.review_library .titBox h4 {font-size:1.7rem; font-weight:400;}
.review_library .titBox .desc {padding:20px 20px 0 20px; font-size:0.9rem; font-weight:300; text-align:left;}
.review_library ul.lst li {width:50%;}
.review_library ul.lst li .reviewBox .txt {padding:15px 20px;}
.review_library ul.lst li .reviewBox .txt span {font-size:0.75rem; font-weight:300; line-height:1.5;}
.review_library ul.lst li .reviewBox .thumb {height:280px;}
.review_library ul.lst li:nth-child(1) {width:100%;}
.review_library ul.lst li:nth-child(1) .reviewBox .thumb {height:auto;}
.review_library ul.lst li a.btn_sns_link {bottom:78px; height:16px; font-size:0.65rem;}
.review_library ul.lst li a.btn_sns_link:before {width:16px;}

/* 신제품 */
.prodBox {padding-top:0; font-size:15px;}
.prodBox .inner .info .slogan {margin:30px 0 20px 0;}
.prodBox .inner .lot_left.thumb {width:calc(100vw - 20px); height:calc(100vw - 20px); margin-bottom:30px; padding-right:0;}
.prodBox .inner .lot_left.info {width:100%; padding-right:20px;}
.prodBox .inner .lot_right.thumb {width:calc(100vw - 20px); height:calc(100vw - 20px); margin-bottom:30px; padding-left:0;}
.prodBox .inner .lot_right.info {width:100%; padding-left:20px; padding-right:20px;}
.prodBox .inner .thumb img.pc {display:none;}
.prodBox .inner .thumb img.mo {display:block;}
.prodBox .inner .thumb video.pc {display:none;}
.prodBox .inner .thumb video.mo {display:block;}
.prodBox .inner .info .title {font-size:1.5625rem;}
.prodBox .inner .info .button .btn_line_link {width:100%; max-width:100%; padding:19px 30px 19px 20px; font-size:0.8rem; line-height:1.4;}

/* 스포트라이트 */
.spotlightBox {padding-top:80px; font-size:15px;}
.spotlightBox .inner .prod .swiper {padding:0 0 30px 0;}
.spotlightBox .inner .lot_left.info {width:100%; padding:0 20px;}
.spotlightBox .inner .lot_right.prod {width:100%; padding:0;}
.spotlightBox .inner .info .title {margin:0 0 20px 0; font-size:1.5625rem;}
.spotlightBox .inner .info .text {font-size:0.9rem; letter-spacing:0;}
.spotlightBox .inner .info .button .btn_line_link {width:100%; max-width:100%; font-size:0.9rem; line-height:1.4;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_thumb {height:auto;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_name {font-size:1rem;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .prod_desc {font-size:0.85rem;}
.spotlightBox .inner .prod .swiper .swiper-button-prev {left:0; width:60px; height:60px;}
.spotlightBox .inner .prod .swiper .swiper-button-next {right:0; width:60px; height:60px;}
.spotlightBox .inner .prod .swiper .swiper-scrollbar {left:20px; width:calc(100% - 40px);}
	
.sec5.section {padding:80px 0 0 0;}

/* journal */
.journalBox {padding-top:80px; font-size:15px;}
.journalBox .inner {width:100%;}
.journalBox .inner .tit {padding:0 20px;}
.journalBox .inner .tit h3 {display:block; font-size:1.7rem; font-weight:400;}
.journalBox .inner .tit h3 + span {display:block; margin:5px 0 0 0; font-size:0.875rem; font-weight:400; text-align:left; opacity:0.7;}
.journalBox .inner .cont ul.lst li {width:100%; margin-bottom:50px;}
.journalBox .inner .cont ul.lst li:last-child {margin-bottom:0;}
.journalBox .inner .cont ul.lst li:nth-child(odd) {float:none; margin-right:0;}
.journalBox .inner .cont ul.lst li:nth-child(even) {float:none; margin-left:0;}
.journalBox .inner .cont ul.lst li a span.category {padding:0 20px;}
.journalBox .inner .cont ul.lst li a span.title {padding:0 20px; font-size:1.5625rem;}
.journalBox .inner .cont ul.lst li a span.text {padding:0 20px; font-size:1rem;}
	
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox {margin:7px 0 0 0; padding:0 5px;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a {margin:2px;}	
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a.ico.shopee {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_clr.svg") no-repeat 50% 50%/auto 40%;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a.ico.amazon {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_clr.svg") no-repeat 50% 60%/auto 35%;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:hover.ico.shopee {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_w.svg") no-repeat 50% 50%/auto 40%;}
.spotlightBox .inner .prod .swiper .swiper-slide .infoBox .btnBox a:hover.ico.amazon {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_w.svg") no-repeat 50% 60%/auto 35%;}
}