/* BASIC css start */
.jwCateWrap{background:#f7f7f7; padding:30px 30px 10px 30px;}
.jwCateWrap ul{font-size:0;text-align:left;}
.jwCateWrap li{width:25%; display:inline-block;margin-bottom:20px;}
.jwCateWrap li a{font-size:12px;}
.jwCateWrap li.active a{font-weight:700;}
  
  .cate_menu .swiper-slide a.active{color:#404040}
 .cateWrap .classList a .ico,.cateWrap .classList a .ico2,.cateWrap .classList a .ico3,.cateWrap .classListMore a .moreIco{
     display: block;
    height: 40px;
    
    background-size: auto 100%!important;
        width: 80%;
    margin: 0 auto 8px;
 }

.cateWrap .showList a:nth-child(1) .ico{background: url(/design/kint/mobile/common/thema_ico01.png) center center no-repeat;}
.cateWrap .showList a:nth-child(2) .ico{background: url(/design/kint/mobile/common/thema_ico02.png) center center no-repeat;}
.cateWrap .showList a:nth-child(3) .ico{background: url(/design/kint/mobile/common/thema_ico03.png) center center no-repeat;}
.cateWrap .showList a:nth-child(4) .ico{background: url(/design/kint/mobile/common/thema_ico04.png) center center no-repeat;}
.cateWrap .showList a:nth-child(5) .ico{background: url(/design/kint/mobile/common/thema_ico05.png) center center no-repeat;}
.cateWrap .showList a:nth-child(6) .ico{background: url(/design/kint/mobile/common/thema_ico06.png) center center no-repeat;}
.cateWrap .showList a:nth-child(7) .ico{background: url(/design/kint/mobile/common/thema_ico07.png) center center no-repeat;}
.cateWrap .showList a:nth-child(8) .ico{background: url(/design/kint/mobile/common/thema_ico08.png) center center no-repeat;}


.cateWrap .hideList a:nth-child(1) .ico{background: url(/design/kint/mobile/common/thema_ico09.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(2) .ico{background: url(/design/kint/mobile/common/thema_ico10.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(3) .ico{background: url(/design/kint/mobile/common/thema_ico11.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(4) .ico{background: url(/design/kint/mobile/common/thema_ico12.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(5) .ico{background: url(/design/kint/mobile/common/thema_ico13.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(6) .ico{background: url(/design/kint/mobile/common/thema_ico14.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(7) .ico{background: url(/design/kint/mobile/common/thema_ico15.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(8) .ico{background: url(/design/kint/mobile/common/thema_ico16.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(9) .ico{background: url(/design/kint/mobile/common/thema_ico17.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(10) .ico{background: url(/design/kint/mobile/common/thema_ico18.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(11) .ico{background: url(/design/kint/mobile/common/thema_ico19.png) center center no-repeat;}
.cateWrap .hideList a:nth-child(12) .ico{background: url(/design/kint/mobile/common/thema_ico20.png) center center no-repeat;}


.cateWrap .showList a:nth-child(1) .ico2{background: url(/design/kint/mobile/common/thema_ico01.png) center center no-repeat;}
.cateWrap .showList a:nth-child(2) .ico2{background: url(/design/kint/mobile/common/thema_ico03.png) center center no-repeat;}
.cateWrap .showList a:nth-child(3) .ico2{background: url(/design/kint/mobile/common/thema_ico04.png) center center no-repeat;}
.cateWrap .showList a:nth-child(4) .ico2{background: url(/design/kint/mobile/common/thema_ico12.png) center center no-repeat;}
.cateWrap .showList a:nth-child(5) .ico2{background: url(/design/kint/mobile/common/thema_ico22.png) center center no-repeat;}
.cateWrap .showList a:nth-child(6) .ico2{background: url(/design/kint/mobile/common/thema_ico23.png) center center no-repeat;}
.cateWrap .showList a:nth-child(7) .ico2{background: url(https://elgaplus.jpg2.kr/shop/common/thema_ico24.png) center center no-repeat;}
.cateWrap .showList a:nth-child(8) .ico2{background: url(https://elgaplus.jpg2.kr/shop/common/thema_ico25.png) center center no-repeat;}


.cateWrap .showList a:nth-child(1) .ico3{background: url(/design/kint/mobile/common/thema_ico01.png) center center no-repeat;}
.cateWrap .showList a:nth-child(2) .ico3{background: url(/design/kint/mobile/common/thema_ico21.png) center center no-repeat;}

.cateWrap .classListMore a .moreIco{background: url(/design/kint/mobile/common/thema_more_ico.png) center center no-repeat;}


.cateWrap .hideList a:nth-child(4n){border-right:0;}
.cateWrap .showList a:nth-child(4),.cateWrap .showList a:nth-child(8){border-right:0;}

.disc_per {font-size: 15px; font-weight: bold; color: #FF0000;}

#classListWrap{position:relative;border-top: 1px solid #eee;}
.cateWrap .showList{opacity:0;}
.cateWrap .showList.show{opacity:1;}
.cateWrap .classList{display:none;font-size:0;border-bottom: 1px solid #f1f1f1;}
.cateWrap .classList a span.themaText,.cateWrap .classListMore a{font-size:12px;text-align:center; color:#666}
.cateWrap .classList.classListShow{display:block; }
.cateWrap .classList a{display:inline-block;width:25%;height:87px;vertical-align:top;  padding: 10px 0;  border: 1px solid #eee;
        border-left: 0;
    border-top: 0;}
.cateWrap .classList a span.themaText{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;   }
.cateWrap .classListMore{display:none;    position: absolute;
        right: 0;
    bottom: 2px;
    background: #f4f4f4;
    width: 25%;}
.cateWrap .classListMore a{    display: block;
    height: 87px;

    padding: 10px 0;}
.cateWrap .classList a.active .themaText{color:#000; font-weight:700}
.menu_cate ul{font-size:0; background:#f7f7f7;}
.menu_cate ul li{width:25%;text-align:center; display:inline-block; height:40px; line-height:40px;}
.menu_cate ul li a{font-size:12px; display:block;}
.menu_cate ul li .cate_point{color:#a71017;}
.cate_menu{padding-right:0}
.shopbrand h2 {text-align:center; font-size: 1.25em; font-weight:bold; padding-top:10px;}
.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;}
.title_img {text-align:center;}
.title_img img {width:100%;}
.paging{text-align:center; margin:20px 0 40px;}
.paging a{font-size:17px; vertical-align: middle;     padding: 0 8px;}
.paging a.now{color:#000; font-weight:700;    text-decoration: none; }
.paging a.last{    font-size: 0;
    background: url(/design/kint/mobile/common/rt_arrow.png) center center no-repeat;
    background-size: contain;
    line-height: 12px;
    height: 12px;
    vertical-align: middle; opacity: .3;}
    
    .paging a.first{    font-size: 0;
    background: url(/design/kint/mobile/common/lt_arrow.png) center center no-repeat;
    background-size: contain;
    line-height: 12px;
    height: 12px;
    vertical-align: middle; opacity: .3;}
    .sort_line{padding: 14.5px 20px;}
    .cate_menu .swiper_cate{padding-left:10px;}
    .sort_line .sort select {outline: 0;
    display: inline-block;
    width: 88px;
    height: auto;
    margin-left: 4px;
    padding: 2px 10px;
    border: 0;
    font-size: 1rem;
    font-weight: 500;
    /* line-height: 24px; */
    text-align: center;
    vertical-align: top;
    background: none;
    appearance: none;
    background: #f5f5f5 url(/design/kint/img/common/select_arrow.png) no-repeat right 10% center;
    background-size: 13px 7px;
    width: auto;
    /* padding: 2px 0;
}


/* BASIC css end */