/* BASIC css start */
/* class-list */
.categoryTop img {width:100%;}

#contentWrapper {padding-top:30px;}
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate {text-align:center; margin-bottom:100px; font-size:14px; font-weight:500; line-height:19px; }
.best_swiper_slide  {padding-top:150px;}
.best_swiper_slide h3 {text-align:center; font-size:20px; font-weight:500; line-height:19px; margin-bottom:30px;}
.best_swiper_slide .item_container .item {margin-bottom:0;}
.thumbnail_swiper .swiper-slide {width:100%!important;}
.class-list {padding-top:150px;}
.class-list ul {text-align:center;}
.class-list ul:after { display:block; clear:both; content:'' }
.class-list ul li {display:inline-block; padding:0 15px;}
.class-list ul li a { display:block; font-size:14px; font-weight:400; line-height:19px; color:#aaa;}
.class-list ul li a.active {color:#26231D; font-weight:600;}
.class-list ul li.all_cate.on a {color:#26231d; font-weight:600;} 
.item-info .item-order {margin-bottom:30px; padding:150px 35px 0;}
.item-info .item-order ul {font-size:0; text-align:right;}
.item-info .item-order ul li {display:inline-block; padding:0 15px;}
.item-info .item-order ul li a {font-size:12px; font-weight:400; line-height:16px; display:block; color:#aaa;}
.item-info .item-order ul li a.active {color:#26231D; font-weight:600;}
/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }



.common_editorial {display:none; }




/* ΗΚΕΝ */ 
.pb130 {padding-bottom:130px;}
.filter_product_box{display:flex;position: relative; font-family:'Malgun Gothic'; color:#202020; word-break:break-all;}
.product_list_box {transition: margin-left 0.3s ease;margin-left: 0;}
.li_filter {float: left;}
.btn-filter {padding-left:25px; font-size:14px; font-weight:bold; background:url(/images/common/icon_filter.png) no-repeat left center;}
.optbtn {display: inline-flex;border: 1px solid #ececec;border-radius: 20px;padding: 3px 8px;margin-bottom: 5px;}
.optbtn.checked {
    border: 1px solid;
}
.optbtn p {font-weight: normal;    color: #aaa;    height: 20px;
    line-height: 20px;}
.optbtn.checked p {
    color: #202020;
}
.filter-wrap {width: 300px;position: -webkit-sticky;position: sticky;margin-left: 0px; top: 0;height: 100vh;background-color: #fff;transition: margin-left 0.3s ease;z-index: 10;}

.layer-filter-wrap .layer-filter {position: relative; margin-left:0; top:0; width:300px; height: calc(100vh - 150px); background:#fff; overflow-y: auto; z-index: 1;}

.layer-filter-wrap .layer-filter::-webkit-scrollbar {width:0px;}
.layer-filter-wrap .layer-filter .tit {position: sticky;top: 0;padding: 20px 10px;margin: 0 20px;background: #fff;border-bottom: 1px solid #f0f0f0;z-index: 100;width: 234px;}
.layer-filter-wrap .layer-filter .tit h3 {display:inline-block; font-size:14px; font-weight:bold;}
.layer-filter-wrap .layer-filter .tit .total-count {display:inline-block; margin-left:15px; color:#b17efe; font-size:12px;}
.layer-filter-wrap .layer-filter .tit .btn-close {position:absolute; right:10px; top:20px; width:18px; height:18px; font-size:0px; text-indent:-9999px; background:url(/images/common/icon_close.png) no-repeat left center;}
.layer-filter-wrap .layer-filter .opt-box {padding: 0 20px;    width: 254px;}
.layer-filter-wrap .layer-filter .opt-box li > div {padding-top:15px;}
.layer-filter-wrap .layer-filter .opt-box li {padding:18px 10px 17px; border-bottom:1px solid #f0f0f0; background:url(//sappun.img13.kr/site/search_toggle.gif) no-repeat 96% 22px; font-size:12px; font-weight:bold; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li.active {background:url(//sappun.img13.kr/site/search_toggle_2.gif) no-repeat 96% 22px;}
.layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
/*.layer-filter-wrap .layer-filter .opt-box li .chk-box label {position:relative; height:21px; line-height:19px; padding-left:26px; display:block; font-size:12px; font-weight:normal; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label:before {position:absolute; left:0; top:0; width:15px; height:15px; background:url(/images/common/chkbox_off.png) no-repeat center center; content:'';}
.layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"]:checked + label:before {background:url(/images/common/chkbox_on.png) no-repeat center center;}
*/
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code .optbtn {margin: 0;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code {display:flex; flex-wrap:wrap; gap:5px; margin-top:0px;}
/*.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:30px; height:30px; border:2px solid #fff; border-radius:50%; font-size:12px; font-weight:normal; box-shadow:0px 0px 1px 1px #dfdfdf; cursor:pointer;}
*/
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:15px; height:15px; border:0px solid #fff; border-radius:50%; font-size:12px; font-weight:normal; box-shadow:0px 0px 1px 1px #dfdfdf; cursor:pointer;margin-top: 5px;}

/*.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label {box-shadow:0px 0px 1px 1px #000;}
*/.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label + p {color:#202020;}
/*.layer-filter-wrap .layer-filter .opt-box li .chk-color-code p {padding-top:9px; color:#a6a6a6; font-size:12px; text-align:center; font-weight:normal;}
*/
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code p { color:#aaa; font-size:12px;line-height: 1.8; text-align:center; font-weight:normal;    margin-left: 5px;
    line-height: 25px;
    height: 25px;}

.layer-filter-wrap .layer-filter .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:20px 0 30px; padding:0 30px;}
.layer-filter-wrap .layer-filter .select-filter li {display:flex; align-items:center; padding:6px 10px 7px; background:#f8f8f8; border-radius:5px; font-size:12px;}
.layer-filter-wrap .layer-filter .select-filter li .btn-del {width:10px; height:10px; margin-left:5px; background:url(/images/common/icon_txt_delete.png) no-repeat right center; font-size:0px; text-indent:-9999px;}
.layer-filter-wrap .layer-filter .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%;}
.layer-filter-wrap .layer-filter .select-filter li .filter-text {max-width:200px;}
.layer-filter-wrap .layer-filter .btn-wrap {display:flex; margin:30px; border:1px solid #202020; border-radius:5px; box-sizing:border-box;}
.layer-filter-wrap .layer-filter .btn-wrap button {width:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; font-weight:bold;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-reset {width:100%; min-width:120px; border-radius:5px;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {min-width:220px; background:#202020; border-radius:0 5px 5px 0;}
.layer-filter-wrap .layer-filter .btn-wrap button span {display:inline-block; visibility:visible;}
.layer-filter-wrap .layer-filter .btn-wrap button span.fc-fff {color:#fff;}
.chk-color-code .optbtn div {
    display: flex;
}

.filter_item_count {display: none;}
.filter-clone-color.color-code {display: none !important;}


.more {padding: 0 0 50px 0;text-decoration: underline;text-align: center;font-size: 16px;line-height: 21px;}


/* BASIC css end */