/* BASIC css start */
.cateHtml {position:relative; padding:30px 0; border-bottom:1px solid #e5e5e5;}
.cateHtml img {width:100%;}
.cateHtml .desc {padding:0 16px 20px;}
.cateHtml .desc h2 {font-size:16px;}
.cateHtml .desc h1 {font-size:32px; font-weight:900}
.cateHtml .desc .info {line-height:22px;}
.cateHtml .lookbookWrap {padding:0 16px; margin-top:20px;}
.cateHtml .lookbookWrap a {border:1px solid #000; line-height:40px; text-align:center; display:block; margin-bottom:5px;}
.cateHtml .lookbookWrap a:last-child {margin-bottom:0;}



.sub_header {border-bottom:0;}
.category_util {top:0; left:0; width:100%; z-index:1000; background:#fff; border-bottom:1px solid #e5e5e5}
.class-list ul:after { display:block; clear:both; content:'' }
.class-list ul li {float:left; font-size:14px; width:auto!important}
.class-list ul li a { display:block; font-size:14px; color:#858585; font-weight:400; line-height:40px;}
.class-list ul li a.active {color:#000; font-weight:600;}
.class-list .swiper-container {padding:0 15px;}


.filter-wrap {position:fixed; bottom:0; top:0; left:0; bottom:0; background:rgba(0,0,0,0.5); width:100%; z-index: 10000; display:none;}
.filter-wrap.active {display:block;}
.filter-wrap .layer-filter-wrap {background: #fff; max-height: 360px; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; padding:30px 16px; border-radius:16px 16px 0 0;}

.filter-wrap .opt-box {display:flex; font-size:16px;}
.filter-wrap .opt-box li {margin-right:15px; color:#999; font-weight:600; cursor:pointer; position:relative;}
.filter-wrap .opt-box li.active {color:#000;}
.filter-wrap .opt-box li.on:after {content:''; width:4px; height:4px; border-radius:2px; position:absolute; right:-5px; top:0; position:absolute; background:#ff3800;}

.filter-wrap .filter-content {display:none;}
.filter-wrap .filter-content.active {display:block;}
.filter-wrap .filter-content .chk-box, .filter-wrap .filter-content .chk-color-code {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:15px 0; margin-top:16px;}
.filter-wrap .filter-content .chk-box > span, .filter-wrap .filter-content .chk-color-code > span > div {display:flex; gap:5px; font-size:14px;}



.filter-wrap .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:30px 0 10px;}
.filter-wrap .select-filter li {display: inline-block; margin-left: 5px; padding: 8px 10px; line-height: 22px; border: 1px solid #f0f0f0; word-break: break-all; font-weight: 500; border-radius: 20px; background: #f0f0f0; color: #000;}
.filter-wrap .select-filter li .btn-del {
    margin-left: 2px;
    vertical-align: top;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(//webddle01.img15.kr/snapskin/m/common/ico_filter_delete.png) no-repeat 50% 50%;
    background-size: 18px;
    border:0; font-size:0;
}
.filter-wrap .select-filter li span {display:inline-block;}
.filter-wrap .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; display:none;}
.filter-wrap .select-filter li .filter-text {max-width:200px;}


.filter-wrap .btn-wrap {display:flex; margin:0; box-sizing:border-box; gap:5px;}
.filter-wrap .btn-wrap button {width:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; font-weight:bold; border:1px solid #000; }
.filter-wrap .btn-wrap button.btn-reset {width:100%; min-width:120px;}
.filter-wrap .btn-wrap button.btn-search {min-width:220px; background:#000; color:#fff;}
.filter-wrap .btn-wrap button span {display:inline-block; visibility:visible;}
.filter-wrap .btn-wrap button span.fc-fff {color:#fff;}

#MS_product {padding:0 16px;}
.categoryName {text-align:center; line-height:40px; margin-top:20px; font-weight:600; letter-spacing:0.88px; font-size:22px;}
#header.hide .header_box .common_wrapper {display:none;}
.category_info.common_wrapper {padding:16px 0; position:sticky; top:90px; z-index:1000; background:#fff; transition: all 0.4s; -webkit-transition: all 0.4s;}
.category_info.common_wrapper.headroom--unpinned {
    top: 40px;
}
.category_info.common_wrapper .swiper-container {padding:0 16px;}
.category_info .item-sort {font-size:14px; font-weight:500; position:relative;}
.category_info .item-sort .item-order {width:auto;}
.category_info .item-sort h2 {padding:8px 12px; padding-right:24px; line-height:20px; position:relative; cursor:pointer; font-family: "Pretendard"; border-radius:36px; background:#f0f0f0;}
.category_info .item-sort h2.select {padding-right:12px;}
.category_info .item-sort h2 img {position:absolute; top:50%; margin-top:-3px; right:12px;}
.category_info .item-sort h2 select {height:auto; line-height:20px; border:0; background:transparent url(//webddle01.img15.kr/snapskin/m/list/icon_select_arrow.svg) no-repeat right 50%; padding:0 10px 0 0; width: auto; -webkit-appearance: none; outline:none;}


.category_info .item-order.active dd {display:block;}
.category_info .item-order.active h2 img {transform:rotate(180deg)}

.bestItemTitle {text-align:center; line-height:40px; margin-bottom:20px;}
.bestItemTitle span {display:inline-block; text-decoration: underline; font-size:13px; font-weight:500;}

.best_item .swiper-container {padding:0 15px;}

.shopbrand .product_wrapper {padding:0 15px; margin-top:20px;}


.shopbrand .MK_product_list {background-color:#f9f9f9; border-bottom:1px solid #4a4a4a; border-top: 1px solid #4a4a4a;}
.shopbrand .MK_product_list .items {padding: 10px 0;}
.shopbrand .MK_product_list .items #MK_best_product li {width:33.33%;}
.shopbrand .MK_product_list .items .paging-num {text-align: center; clear: both; margin:20px 0;}
.shopbrand .MK_product_list .items .paging-num a {background-color:#fff; border:1px solid #393939; padding:5px 10px; margin:0 10px;}
.shopbrand .list_group {padding:12px 1%; text-align:center;}
.shopbrand .list_group select {width:49%; height:28px;}
.shopbrand .more .more-title {color: #3b3b3b;}
.shopbrand .more .more-num {color: #aaaaaa;}
.shopbrand .shopbrandTitle img {max-width: 100%;}
.shopbrand .list_array .list_arrayRight img {width: 23px; height: auto;}

.shopbrand .coupon-benefit {position:relative; margin:-12px 0 10px 0;} 
.shopbrand .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.shopbrand .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.shopbrand .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


.category_util .category_util_wrap {left:0; width:100%; background:#fff; z-index:99; box-sizing:border-box; overflow:hidden;}
.category_util.fixed .category_swiper {border-bottom:1px solid #eaeaea;}
.item_container.item_list03 .item .item_txt .item_price .strike {display:block;}
 
.header_box .rollingCate {border-bottom:1px solid #eaeaea;}
.header_box .rollingCate .common_wrapper {height:82px;}
.header_box .rollingCate .swiper-slide {padding:30px 16px;}

/* BASIC css end */