@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); /* 할인율 */

.topBanner + .header {position:absolute; top:36px;}
.ui-mobile.down .topBanner + .header {position:absolute; top:0;}
.topBanner {display:block; width:100%; height:36px; color:#fff; text-align:center; line-height:36px; vertical-align:top; background:#007afb;}

.topBanner .inner {display:inline-block; clear:both; overflow:hidden; width:1000px; height:100%;}
.topBanner .inner .txt {display:inline-block; height:100%; font-size:13px; font-weight:500; vertical-align:top;}
.topBanner .inner .txt strong {font-weight:700;}
.topBanner .inner .btnBox {display:inline-block; margin:5px 0 0 0; line-height:18px; vertical-align:top;}
.topBanner .inner .btnBox a {display:inline-block; width:auto; height:auto; margin:0 5px 0 0; padding:4px 5px 2px 5px; color:#000; font-size:11px; font-weight:500; line-height:18px; border:1px solid #000; background:none; transition:all 0.4s ease-out;}
.topBanner .inner .btnBox a:last-child {margin:0;}
.topBanner .inner .btnBox a:hover {border:1px solid #fff; background:rgba(255,255,255,0.3); transition:all 0.4s ease-out;}

.topBanner.bg_clr {background:#ececdc;}
.topBanner.bg_clr .inner .txt a {color:#1b1b1b; font-size:13px; font-weight:400;}
.topBanner.bg_clr .inner .txt {color:#1b1b1b; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk {background:#1b1b1b;}
.topBanner.bg_clr_bk .inner .txt a {color:#fffef1; font-size:13px; font-weight:400;}
.topBanner.bg_clr_bk .inner .txt {color:#fffef1; font-size:13px; font-weight:400;}

#product-category>li.on {font-weight:600}
#product-category>li {cursor:pointer}
.sec2>.area {max-width:1200px; width:auto}
.column-product.soldout>dt.product-list-first-thumb,.column-product.soldout>dt.product-list-second-thumb {opacity:.5}
.column-product.soldout>dd>.kit-price>.p-price,.column-product.soldout>dd>.p-desc,.column-product.soldout>dd>.p-name {color:#b2b2b2}
/* header ui color bk>w */
.header .cover h1 a {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_white.svg) no-repeat center 16px/contain}
.header .cover.active h1 a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg)}
.header .cover.mobile-menu-container.active, .header .cover.mobile-menu-container.cover {transition:none; background-color:transparent;}
.header .cover ul.list-gnb.mobile>li {color:#fff}
.header .cover ul.list-gnb.mobile.main>li {color:#fff}
.header .cover ul.list-gnb.mobile>li.cart {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg) no-repeat center top/28px 28px}
.header .cover ul.list-gnb.mobile>li.cart .cart-count {color:#fff}
.header .cover ul.list-gnb.mobile>li.login {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login-w.svg) no-repeat center top/28px 28px}
.header .cover ul.list-gnb.mobile>li.like {background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_w.svg) no-repeat center top/28px 28px}
.header .cover ul.list-gnb.gt-780>li.ico-cart a {color:#fff; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_w.svg)}
.header .cover ul.list-gnb.gt-780>li.ico-like a {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_w.svg)}
.header .cover ul.list-gnb.gt-780>li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg)}
.cover ul.list-gnb.mobile li.ico-lang button {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_lang_w.svg)}
.header .cover ul.list-gnb.mobile.m-sub-menu>li>a {padding:0}
.header .cover .navTrigger i {background-color:#fff}
.header .cover ul.list-filter>li,.header .cover ul.list-filter>li {color:#fff}
.header .cover ul.list-gnb.mobile.m-sub-menu.main>li>a {color:#fff}
.header .cover ul.list-gnb>li {color:#fff}
.header .cover ul.list-snb>li {color:#fff}

ul.list-products li.prod_item {float:left; width:calc(25% - 50px); margin:30px 25px;}
ul.list-products li.prod_item>a {display:block;}
ul.list-products li.prod_item>a .thumb {display:block; overflow:hidden; position:relative; width:100%; aspect-ratio:8/9;}
ul.list-products li.prod_item>a .thumb img {display:block; width:100%;}
ul.list-products li.prod_item>a .thumb img.img_hover {display:none;}
ul.list-products li.prod_item>a .thumb span.disc_per {position:absolute; top:0; left:0; width:60px; height:60px; font-family:"Outfit", sans-serif; color:#ffffff; font-size:26px; font-weight:400; text-align:center; line-height:54px; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_badge_green.svg") no-repeat 50% 50%/100% 100%;}
ul.list-products li.prod_item>a .thumb span.disc_per:after {content:'%'; display:inline-block; font-size:15px; font-weight:100;}
ul.list-products li.prod_item>a .thumb span.ico_badge {overflow:hidden; position:absolute; bottom:40px; left:0; text-indent:-9999px;}
ul.list-products li.prod_item>a .thumb span.ico_badge.nego {width:60px; height:21px; background:transparent url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/icons/ico_negowang_clr.png") no-repeat 50% 50%/100% 100%;}
ul.list-products li.prod_item>a button {overflow:hidden; position:absolute; top:15px; width:23px; height:23px; text-indent:-999px; background-color:none; opacity:1.0; z-index:1000;}
ul.list-products li.prod_item>a button.btn_cart_add {left:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_cart_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item>a button.btn_like_add {right:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item>a button.btn_like_add.like {right:15px; background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_heart_pos_bk.svg") no-repeat 50% 50%/100%;}
ul.list-products li.prod_item>a .info {display:block; position:relative; text-align:center; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .info span {display:block;}
ul.list-products li.prod_item>a .info span.prod_point {display:-webkit-box; overflow:hidden; margin:0 0 5px 0; font-size:13px; font-weight:300; -webkit-line-clamp:1; -webkit-box-orient:vertical; opacity:0.7;}
ul.list-products li.prod_item>a .info span.prod_name {display:-webkit-box; overflow:hidden; height:44px; font-size:15px; font-weight:500; line-height:22px; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
ul.list-products li.prod_item>a .info span.prod_price {margin:3px 0 0 0;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b {display:block; line-height:20px;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i {display:inline-block; font-size:16px; font-weight:700; font-style:normal;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i:after {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime {position:relative;  padding:0 2px; font-size:14px; font-weight:300; line-height:16px; vertical-align:middle; opacity:0.5;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b1b1b; opacity:0.5;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:after {content:'원'; display:inline-block;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:empty:before {display:none;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime:empty:after {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate {margin:0; font-size:14px; font-weight:600; vertical-align:middle;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:before {content:'('; display:inline-block;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:after {content:'%)'; display:inline-block;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:empty:before {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate:empty:after {content:'';}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_sell {font-size:16px; font-weight:700; line-height:17px; vertical-align:middle;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_sell:after {content:'원'; display:inline-block; margin:0 0 0 1px; font-weight:500;}
ul.list-products li.prod_item .btn-cart {width:26px; height:26px;}
ul.list-products li.prod_item>a .info span.prod_price.nego em.cl_b i.prod_sell {color:#DF7000;}

ul.list-products li.prod_item>a .crew-pirce {clear:both; overflow:hidden; margin-top:5px; text-align:center;}
ul.list-products li.prod_item>a .crew-pirce .cl_b {display:inline-block; position:relative; margin-bottom:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_b:last-child {margin-bottom:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price {display:inline-block; margin:0 20px 0 0; color:#007afb; font-size:16px; font-weight:600; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price:before {content:'크루'; margin:0 3px 0 0; font-weight:500;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price:after {content:'원'; margin:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_b button.btn_tip {position:absolute; top:4px; right:0; width:16px; height:16px; margin:0; padding:0; color:#999; font-size:10px; font-weight:500; text-align:center; line-height:14px; text-indent:0;  border:1px solid #999; border-radius:30px; background:none; z-index:1;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage {display:none; color:#007afb; font-size:16px; font-weight:600; letter-spacing:-0.5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage:before {content:'마일리지 적립'; margin:0 3px 0 0; font-size:12px; font-weight:400;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage:after {content:'원'; margin:0;}
ul.list-products li.prod_item>a .crew-pirce .cl_c {clear:both; overflow:hidden; width:100%; margin:15px 0 0 0;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue {display:block; clear:both; overflow:hidden; width:100%; padding:12px 0; color:#fffef1; font-size:15px; text-align:center; background:#007afb;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span {display:block; font-weight:400;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span strong {font-weight:600;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span + span {margin:5px 0 0 0; font-size:13px; font-weight:300;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_blue span + span:after {content:'>'; display:inline-block; margin:0 0 0 5px;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_black {display:block; clear:both; overflow:hidden; width:100%; padding:12px 0; color:#fffef1; font-size:13px; text-align:center; background:#1b1b1b;}
ul.list-products li.prod_item>a .crew-pirce .cl_c .link_txt_black span {display:block; font-weight:300;}

ul.list-products li.prod_item>a:hover .thumb img.img_hover {display:block;}
ul.list-products li.prod_item>a:hover .thumb img.img_hover + img {display:none;}
ul.list-products li.prod_item.soldout {}
ul.list-products li.prod_item.soldout a .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 a .thumb img {filter:grayscale(50%);}
ul.list-products li.prod_item.soldout a .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 a .info {opacity:0.7;}
ul.list-products li.prod_item.soldout a .info span.prod_price em.cl_b i {font-size:15px; font-weight:500;}
ul.list-products li.prod_item.soldout>a .crew-pirce {display:none;}

.slider-visual.fixed-height {min-height: 5vh;position: relative;}
.slider-visual .slick-track {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;height: 5vh;}

@media screen and (max-width:780px) {
.slider-visual.fixed-height {min-height: 7vh;position: relative;}
.header>.area .line-gnb {height:60px; padding:0;}
ul.list-gnb.mobile.m-sub-menu {display:none !important;}
	
.topBanner + .header {top:30px;}
.topBanner {height:30px; line-height:30px;}
.topBanner .inner {width:100%; padding:0;}	
.topBanner .inner .txt {font-size:11px;}
.topBanner .inner .btnBox {margin:4px 0 0 5px; padding:0;}
.topBanner .inner .btnBox a {float:left; margin:0 5px 0 0; padding:2px 3px 1px 3px; font-size:10px;}

.sec2>.area {width:100%}
	
.list-products.type-flex {margin-top:0;}
ul.list-products li.prod_item {width:50%; margin:0 0 30px 0; padding:0 5px;}
ul.list-products li.prod_item>a .thumb button.btn_like_add {right:0;}
ul.list-products li.prod_item>a .info {padding:0 10px; text-align:left;}
ul.list-products li.prod_item>a .info span.prod_point {margin:0 0 3px 0; font-size:0.7rem;}
ul.list-products li.prod_item>a .info span.prod_name {height:38px; font-size:0.85rem; font-weight:500; line-height:1.4;}
ul.list-products li.prod_item>a .info span.prod_price {margin:5px 0 0 0;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b {line-height:1.0;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_prime {font-size:0.75rem; vertical-align:middle;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_rate {font-size:0.85rem; vertical-align:top;}
ul.list-products li.prod_item>a .info span.prod_price em.cl_b i.prod_sell {font-size:0.95rem; vertical-align:top;}
ul.list-products li.prod_item>a .crew-pirce {margin:7px 0 0 0; padding:0 10px; text-align:left; line-height:18px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price {margin:0 18px 0 0; font-size:0.85rem;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .crew_price:before {}
ul.list-products li.prod_item>a .crew-pirce .cl_b button.btn_tip {top:3px; width:14px; height:14px; font-size:0.6rem; line-height:10px;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage {font-size:0.85rem;}
ul.list-products li.prod_item>a .crew-pirce .cl_b .mileage:before {font-size:0.65rem;}
ul.list-products li.prod_item.soldout a .thumb:after {font-size:0.875rem;}
	
ul.list-products li.prod_item>a .thumb span.disc_per {width:50px; height:50px; font-size:1.5rem; line-height:46px;}
ul.list-products li.prod_item>a .thumb span.disc_per:after {font-size:0.9rem;}
ul.list-products li.prod_item>a .thumb span.ico_badge.nego {bottom:30px; width:50px; height:17px;}
	
ul.list-products li.prod_item.soldout>a .info span.prod_price em.cl_b:first-child {display:none;} 
}