/* BASIC css start */
.subcategory_area{padding:10% 0;background:url("//dainpark06.cafe24.com/sunny/images/subbg_subcategory.jpg") no-repeat 0 0;background-size:cover;}
/*.subcategory_box{}
.subcategory_box ul{font-size:0;letter-spacing:-5px;overflow:hidden;margin:0 0 0 -3%;}
.subcategory_box li{position:relative;font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;*display:inline;zoom:1;width:22%;margin:0 0 0 3%;overflow:hidden;}*/

.subcategory_box ul{position:relative; overflow-y:hidden; overflow-x:auto;padding:0 15px 0 0;font-size:0; white-space: nowrap; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:1;}
.subcategory_box ul::-webkit-scrollbar {display: none; width: 0 !important; height: 0 !important; background-color: transparent}
.subcategory_box ul li {display:inline-block;width:70%;margin-left:15px;}

.subcategory_box li a{display:block;}

.subcategory_box .img_box{position:relative;overflow:hidden;}
.subcategory_box .img{position:relative;overflow:hidden;z-index:1;}
.subcategory_box .img img{width:100%;}
.subcategory_box .txt{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center;font-family: "Noto Serif KR", serif;color:rgba(195,182,171,.8);font-size:15px;line-height:15px;letter-spacing:-1px;z-index:2;}
.subcategory_box .text{text-align:center;margin-top:6%;}
.subcategory_box .text span{position:relative;display:inline-block;color:#fff;font-size:13px;line-height:18px;letter-spacing:-1px;}



.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;}

.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; }



.cate-wrap {overflow:hidden;padding:40px 0 30px;}
.cate-wrap h2 {font-family: 'termina', sans-serif;
    color: #201f1e;
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing:-1px;
    text-transform: uppercase;
    text-align: center;
}


.cate-wrap .navi {}
.cate-wrap .navi span{padding:0 6px;}
.cate-wrap .navi ul {text-align:center;}
.cate-wrap .navi ul li {display: inline-block; }
.cate-wrap .navi ul li a { color: #201f1e;
font-family:'Noto Serif KR', serif;font-size:18px;line-height:22px;
    font-weight: 400;
letter-spacing:-0.5px;
    text-transform: uppercase;
}

.cate-wrap .mcate {padding-top:20px;text-align:center;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin:5px 1px 0 1px;
}
.cate-wrap .mcate li a {font-family: 'Poppins', 'Lato', 'Noto Sans KR', sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height:12px;
padding:8px 10px;
    color:#828282;
    vertical-align: top;border:1px solid #e5e2dd;
border-radius:20px;
    -ms-border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;letter-spacing:-0.5px;}
.cate-wrap .mcate li.active a{color:#282828;border:1px solid #282828;}



/*.cate-wrap .mcate {padding-top:10px;text-align:center;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin:0 3px;padding: 10px 0 0 0;
}
.cate-wrap .mcate li:after{content:"";position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    background: #201f1e;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity=0);}

.cate-wrap .mcate li a {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
color: #777;
    vertical-align: top;}
.cate-wrap .mcate li:hover a {}

.cate-wrap .mcate li.active a{color:#282828;}
.cate-wrap .mcate li.active:after{opacity:1;
    filter: alpha(opacity=100);}*/


.item-info{position:relative;height:30px;margin:0 15px 25px;}
.item-info .item-total{float:left;color:#000;font-family: 'Work Sans',sans-serif;font-size:12px;padding-top:12px;}
.item-info .item-total strong{font-weight:normal;}


.typelist_box{position:absolute;left:0;top:2px;width:110px;border:1px solid #e5e2dd;text-align:left;overflow:hidden;border-radius:14px;-ms-border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;background:#efedea;z-index:5;}
#type_text{font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#2c3b34;padding:9px 15px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:#efedea url("/design/83kjh/sunny/images/ico_listtype.png") no-repeat 88% 48%;background-size:9px 5px;cursor:pointer;text-transform:uppercase;}
#type{display:none;width:110px;text-align:left;padding:0 15px 12px;box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#type li{margin-top:12px;}
#type li:first-child{margin-top:3px;}
#type a{display:block;font-family:'Work Sans', sans-serif;font-size:12px;line-height:12px;color:#2c3b34;text-transform:uppercase;}
#type a.sort{float:none;}

.item-info .list_arrayRight{position:absolute;right:0;padding-top:7px;overflow:hidden;}
.item-info .list_arrayRight a{
float:left;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-left:1px solid #e5e2dd;
    margin-left: 8px;
    padding-left: 8px;
}
.item-info .list_arrayRight a:first-child{border-left:0;}
.item-info .list_arrayRight a img{width:100%;}
/* BASIC css end */