@charset "utf-8";

#wraper .header .line-gnb h1 a {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg") no-repeat 50% 50% / contain;}
#wraper .header .line-gnb .navTrigger i {background-color:#fff;}
#wraper .header .line-gnb.active .navTrigger i, #wraper .header .line-gnb.cover .navTrigger i{background-color:#000;}
#wraper .header .line-gnb ul.list-filter>li, #wraper .header .line-gnb ul.nav_gnb>li {color:#fff;}
#wraper .header .line-gnb ul.nav_gnb.mobile.m-sub-menu.main>li>a{color:#fff;}
#wraper .header .line-gnb ul.nav_gnb>li{color:#fff;}
#wraper .header .line-gnb.active ul.nav_gnb.mobile.m-sub-menu>li>a{color:#000;}
#wraper .header .line-gnb.active ul.nav_gnb>li{color:#1b1b1b;}
#wraper .header .line-gnb ul.list-snb>li{color:#fff;}
#wraper .header .line-gnb ul.nav_etc li.ico-lang button {background-image:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg");}
#wraper .header .line-gnb ul.nav_etc li.ico-lang .lst_rang {border:1px solid rgba(14,14,14,1.0); transform:translateX(-50%); background-color:rgba(255,255,255,0.3) !important;;}
#wraper .header .line-gnb ul.nav_etc li.ico-lang .lst_rang li {border-bottom:1px solid rgba(14,14,14,0.5);}
#wraper .header .line-gnb ul.nav_etc li.ico-lang .lst_rang li a {color:#fff;}

#wraper .header .line-gnb.active h1 a {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg") no-repeat 50% 50% / contain;}
#wraper .header .line-gnb.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");}
#wraper .header .line-gnb.active ul.nav_etc li.ico-lang .lst_rang {border:1px solid rgba(255,255,255,1.0); transform:translateX(-50%); background-color:rgba(14,14,14,0.5) !important;}
#wraper .header .line-gnb.active ul.nav_etc li.ico-lang .lst_rang li {border-bottom:1px solid rgba(255,255,255,0.5);}
#wraper .header .line-gnb.active ul.nav_etc li.ico-lang .lst_rang li a {color:#fff !important;}

.wrap {text-align:center;}
.wrap .sec1 .area .imgBox {overflow:hidden; height:30.6588vw;}
.wrap .sec1 .area .imgBox img {width:100vw; object-fit:cover;}
.wrap .sec1 .area .imgBox.pc {display:block;}
.wrap .sec1 .area .imgBox.mo {display:none;}

.wrap .inner {display:inline-block; width:1180px; margin:0 auto;}

/* 제품-필터 */
.filterBox {clear:both; overflow:auto; margin:10px 0 0 0; padding:10px 15px 15px 15px;}
.filterBox .lst {display:flex; width:100%;}
.filterBox .lst li {margin:0 20px 0 0;}
.filterBox .lst li:last-child {margin:0;}
.filterBox .lst li a {display:block; font-size:13px; font-weight:300;}
.filterBox .lst li a.active {font-weight:500; text-decoration:underline;}

/* 제품리스트 */
ul.list-products {clear:both; overflow:hidden; margin:0 0 50px 0;}
ul.list-products li.prod_item {clear:none; float:left; width:calc(25% - 50px); margin:30px 25px;}
ul.list-products li.prod_item .thumb {display:block; overflow:hidden; position:relative; width:100%; aspect-ratio:8/8.5;}
ul.list-products li.prod_item .thumb img {display:block; width:100%;}
ul.list-products li.prod_item .thumb img.img_hover {display:none;}
ul.list-products li.prod_item .info {display:block; position:relative; text-align:center; letter-spacing:0;}
ul.list-products li.prod_item .info span {display:block;}
ul.list-products li.prod_item .info span.prod_point {display:-webkit-box; overflow:hidden; margin:0 0 3px 0; font-size:13px; font-weight:300; -webkit-line-clamp:1; -webkit-box-orient:vertical; opacity:0.7;}
ul.list-products li.prod_item .info span.prod_name {display:-webkit-box; overflow:hidden; height:66px; margin:0 0 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;}
ul.list-products li.prod_item .info span.prod_name em {display:block; padding:5px 0 0 0; font-size:12px; font-weight:300; opacity:0.7;}
ul.list-products li.prod_item .info span.prod_price {margin:3px 0 0 0;}
ul.list-products li.prod_item .info span.prod_price em.cl_b {display:block;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i {display:inline-block; font-size:16px; font-weight:700; line-height:17px; font-style:normal;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i:after {content:'';}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_prime {position:relative; height:16px; padding:0 2px; font-size:14px; font-weight:300; line-height:16px; vertical-align:middle; opacity:0.5;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_prime:after {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; opacity:0.5;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_prime:before{content:'$'; display:inline-block;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_prime:empty:before {display:none;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_prime:empty:after {content:'';}

ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_dollar {position:relative; height:auto; padding:0 2px; font-size:20px; font-weight:600; line-height:normal; vertical-align:middle;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_dollar:before{content:'$'; display:inline-block; font-size:20px; line-height:normal;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_cent {display:inline-block; margin:0 0 0 -3px; font-size:14px; font-weight:400; vertical-align:super;}

ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_rate {height:17px; margin:0 1px 0 0; font-size:16px; font-weight:700; line-height:18px; vertical-align:middle;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_rate:before {content:'('; display:inline-block;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_rate:after {content:'%)'; display:inline-block;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_rate:empty:before {content:'';}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_rate:empty:after {content:'';}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_sell {height:17px; font-family:"Roboto",sans-serif; font-size:18px; font-weight:600; line-height:20px; vertical-align:middle;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_sell:before{content:'$'; display:inline-block;}
ul.list-products li.prod_item .btnBox {clear:both; overflow:hidden; margin:10px 0 0 0; padding:0 10px;}
ul.list-products li.prod_item .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;}
ul.list-products li.prod_item .btnBox a:first-child:nth-last-child(1) {width:calc(100% - 4px);}
ul.list-products li.prod_item .btnBox a:first-child:nth-last-child(2), ul.list-products li.prod_item .btnBox a:first-child:nth-last-child(2) ~ a {width:calc(50% - 4px);}
ul.list-products li.prod_item .btnBox a:hover, ul.list-products li.prod_item .btnBox a:focus {border:1px solid #1b1b1b; background:#1b1b1b;}
ul.list-products li.prod_item .btnBox a.ico {overflow:hidden; text-indent:-999px;}
ul.list-products li.prod_item .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%;}
ul.list-products li.prod_item .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%;}
ul.list-products li.prod_item .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%;}
ul.list-products li.prod_item .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%;}

/* 제품리스트-품절 */
ul.list-products li.prod_item.soldout {}
ul.list-products li.prod_item.soldout .thumb:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,254,241,0.6); z-index:4444;}
ul.list-products li.prod_item.soldout .thumb img {filter:grayscale(50%);}
ul.list-products li.prod_item.soldout .thumb:after {content:'sold out'; position:absolute; top:50%; left:50%; width:100px; height:auto; padding:7px 5px; color:#1b1b1b; font-size:15px; font-weight:700; text-align:center; line-height:1.0; text-transform:uppercase; transform:translate(-50%,-50%) rotate(-0deg); z-index:5555; opacity:0.9;}
ul.list-products li.prod_item.soldout .info {opacity:0.7;}
ul.list-products li.prod_item.soldout .info span.prod_price em.cl_b i {font-size:15px; font-weight:500;}

@media screen and (max-width:781px) {
.wrap .sec1 .area .imgBox {height: calc(100vh - 430px);}
.wrap .sec1 .area .imgBox img {width:100vw; height:calc(100vh - 430px) !important;}
.wrap .sec1 .area .imgBox.pc {display:none;}
.wrap .sec1 .area .imgBox.mo {display:block;}
	
.wrap .inner {width:100%}
	
.filterBox .lst {width:calc(100% + 80px);}

ul.list-products li.prod_item {width:50%; margin:0 0 30px 0; padding:0 5px;}
ul.list-products li.prod_item .thumb button.btn_like_add {right:0;}
ul.list-products li.prod_item .info span.prod_point {margin:0 0 3px 0; font-size:0.7rem;}
ul.list-products li.prod_item .info span.prod_name {height:58px; font-size:0.8rem; letter-spacing:-0.5px; line-height:1.4;}
ul.list-products li.prod_item .info span.prod_name em {font-size:0.7rem;}
ul.list-products li.prod_item .info span.prod_price em.cl_b {line-height:16px;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_prime {height:14px; font-size:0.8rem; line-height:0.8; vertical-align:middle;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_rate {height:14px; font-size:0.85rem; line-height:0.8; vertical-align:middle;}
ul.list-products li.prod_item .info span.prod_price em.cl_b i.prod_sell {height:14px; font-size:0.85rem; line-height:0.8; vertical-align:middle;}
ul.list-products li.prod_item.soldout .thumb:after {font-size:0.875rem;}

ul.list-products li.prod_item .btnBox {min-height:90px; margin:7px 0 0 0; padding:0 5px;}
ul.list-products li.prod_item .btnBox a {margin:2px 0;}	
ul.list-products li.prod_item .btnBox a:first-child:nth-last-child(1) {width:100%;}
ul.list-products li.prod_item .btnBox a:first-child:nth-last-child(2), ul.list-products li.prod_item .btnBox a:first-child:nth-last-child(2) ~ a {width:100%;}
ul.list-products li.prod_item .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%;}
ul.list-products li.prod_item .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%;}
ul.list-products li.prod_item .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%;}
ul.list-products li.prod_item .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%;}
}