/* BASIC css start */
.total-sort { padding-top: 30px; }
.total_cnt{
    font-size: 14px;
    color: #a4a4a4;
    font-family: 'Poppins';
    font-weight: 400;}

.cate1_title > a{
    color: #171717 !important;
    font-size: 34px !important;
    font-weight: bold;
    padding-top: 59px !important;
    font-family: 'Poppins';}
    
/* class-list */

.cate_title{padding-top:25px; text-align:center}
.cate_title img{width:100%}

#productClass .cate-wrap {
    margin: 0 20px;
    float: left;
    overflow: hidden;
    width: 250px;}
    
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {
    display: block; }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }
#productClass .cate-wrap >li{display:none}
#productClass .cate-wrap  li .on a{color:#000; font-weight:bold;}
#productClass .cate-wrap li a{
    font-size: 15px;
    color: #595959;
    display: block;
    padding: 11px 0;
}

#productClass .cate-wrap >li > ul.depth2 > li.on > a{
    color: #000;
    font-weight: bold;}
    

#productClass .cate-wrap >li > ul.depth2 > li > ul.depth3{display:none}
#productClass .cate-wrap >li > ul.depth2 > li.on > ul.depth3{display:block !important; margin-bottom: 15px;}

#productClass .cate-wrap >li > ul.depth2 > li.on > ul.depth3 > li > a{font-size:14px; font-weight:normal; color:#a4a4a4;}
#productClass .cate-wrap >li > ul.depth2 > li.on > ul.depth3 > li.on > a{
    color: #000;}

#productClass .cate-wrap >li.on{display:block !important}
#productClass .item-wrap{
    width: 1200px;
    float: right;}

/* 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{}

#productClass .item-wrap .item-cont .item-list{width:285px !important}
#productClass .item-wrap .item-cont .item-list:nth-child(4n){margin-right:0 !important}

.item-wrap .item-info .item-order dd{}
.item-wrap .item-info .item-order dd a p{
    font-size: 16px;
    color: #595959;
    font-family: 'Pretendard';
    font-weight: 500;}
.item-wrap .item-info .item-order a{}
.item-wrap .item-info .item-order ul{
    position: absolute;
    z-index: 2;
    width: 85px;
    text-align: left;
    border: 1px solid #aaa;
    background: #fff;
    margin-top: 10px;
    margin-left: -15px;}
    
    
.item-wrap .item-info .item-order ul li{padding:0 !important; display: block;}
.item-wrap .item-info .item-order ul li a{
   display:block; padding: 8px 10px;}
   .item-wrap .item-info .item-order ul li a:hover{background:#eee}
   
.item-wrap .item-info .item-order ul li a span.on{}
/* BASIC css end */