/* BASIC css start */
body .product_category_wrap .cate1{ font-family: 'Bauhaus 93' !important;}
#contents{}
.recmd_sec{margin-bottom:40px}
.recmd_sec h2{text-align:center; margin-bottom:45px;font-family: 'Jost', sans-serif; font-size: 21px; color: var(--main-font-color); font-weight:600}
.recmd_sec .swiper{padding-bottom:50px}

.recmd_sec .swiper{padding-bottom:20px}
.recmd_sec .swiper-pagination{bottom:0px; top:unset}
.recmd_sec .swiper-pagination-bullet{ background-color:#bbb; }
.recmd_sec .swiper-slide .info{padding: 12px 15px 23px}

.recmd_sec .swiper-slide .info .prdname{border-bottom:none; margin-bottom:0; padding-bottom:0;font-size:12px;font-weight:400}
.recmd_sec .swiper-slide .info .prdprice{margin-top:5px; }
.recmd_sec .swiper-slide .info .prdprice .price{font-size:12px; font-weight:400}
/* 분류 카테고리 영역 */
.product_category_wrap{padding:20px 5% 45px !important}
.product_category_wrap .cate1{font-family: 'Noto Sans KR', sans-serif !important;font-weight:500 !important; font-size: 20px !important;padding: 0px 0 25px !important;color:#666 !important;}
.product_category_wrap .cate_child_wrap ul li a{font-family: 'Noto Sans KR', sans-serif !important;font-size: 12px !important;color:#aaaaaa !important; font-weight:400 }
.product_category_wrap .cate_child_wrap ul li a.sel{ color:#898989 !important; }
.product_category_wrap .cate_child_wrap ul li{padding:0 !important; margin: 5px 7px !important;}
.product_category_wrap .cate_child_wrap ul li a{display:block;background-color:#fff;  padding:10px 15px !important;  border-radius:20px;  border:1px solid #e6e6e6 !important}
.product_category_wrap .cate_child_wrap ul li a.sel{background-color:#f5f5f5; border:1px solid #f5f5f5 !important; }

.product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item{padding:0 0 15px !important}
.MS_prod_mobile_image{width:100%;}

.product_category_wrap .cate_child_wrap ul.cate3.on{padding-top:15px !important}


/* 상품 리스트 영역 */
.product_list_outer{border-top:none !important;padding-top:7px }
.product_top_wrap .total_cnt{font-size:12px !important; color:#999999 !important; font-weight:400;line-height:35px !important;font-family: 'Noto Sans KR', sans-serif;letter-spacing: -.6px;}
.product_top_wrap .total_cnt strong{color:#000;font-family: 'Jost', sans-serif;font-weight:400 !important}
.product_top_wrap{border-bottom:none !important; margin: 0 0 15px !important; padding: 0 5% !important}
.product_top_wrap .select_box select{font-size:12px !important; transform:translateY(4px);}


.class-list {
    text-align: center;
    margin-top: -36px;
}

.class-list ul {
    font-size: 0;
    white-space: nowrap;
    padding-left: 18px;
    overflow: hidden;
    overflow-x: scroll;
    padding-bottom: 15px;
}

.class-list ul li {
    display: inline-block;
    vertical-align: middle;
    background: #f6f6f6;
    border-radius: 30px;
    margin: 0 6px 0 0;
    overflow: hidden;
    transition: all 0.4s;
}

.class-list ul li a {
    color: #949494;
    font-size: 12px;
    font-weight: 300;
    padding: 0 15px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    min-width: 73px;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.class-list ul li:hover, .class-list ul li.sel {
    background: #202020;
}

.class-list ul li:hover a, .class-list ul li.sel a {
    color: #fff;
}

.class-list ul li.sel a {
    font-weight: bold;
}
/* BASIC css end */