/* BASIC css start */
#contentWrapper{overflow:hidden;/*background:#efedea;*/}
#content{width:100% !important;}

.subcategory_area{padding:60px 0;background:url("//dainpark06.cafe24.com/sunny/images/subbg_subcategory.jpg") no-repeat 0 0;background-size:cover;}
.subcategory_box{min-width:1300px;max-width:1600px;margin:0 auto;}
.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 li a{display:block;}

.subcategory_box .img_box{position:relative;overflow:hidden;}
.subcategory_box .bg{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:2;}
.subcategory_box li:hover .bg{
background:rgba(0,0,0,.2);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;}

.subcategory_box .img{position:relative;overflow:hidden;z-index:1;}
.subcategory_box .img img{
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
z-index:1;
}
.subcategory_box li:hover .img img{
transform: scale(1.02);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}
.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:20px;line-height:20px;letter-spacing:-2px;z-index:2;}
.subcategory_box .text{text-align:center; margin-top:18px;}
.subcategory_box .text span{position:relative;display:inline-block;color:#fff;font-size:16px;line-height:24px;letter-spacing:-1px;}
.subcategory_box .text span::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:0;background:#fff;transition: all 0.3s ease-in-out;}
.subcategory_box li:hover .text span::after{width:100%;transition: all 0.3s ease-in-out;}


.category_titlehtml img{width:100%;}


/*#contentWrap {margin-top:203px;}
#content {padding-top:0;}
#prdBrand {    margin-top: -203px;
    padding-top: 303px;}*/
.title img{ width:100%;}
.item-cont .item-list .prd-price{font-size:15px; color:#aa6868; font-weight:bold; float:left; padding-top:10px}

.cate-wrap {overflow:hidden;padding-top:100px;margin-bottom: 50px;}
.cate-wrap h2 {font-size: 26px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 300; 
}


.cate-wrap .navi {text-align:center;}
.cate-wrap .navi span{padding:0 10px;}
.cate-wrap .navi ul {}
.cate-wrap .navi ul li {display: inline-block; }
.cate-wrap .navi ul li a {color: #201f1e;
    font-family: 'Noto Serif KR', serif; font-size: 26px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 300;
}

.cate-wrap .mcate {padding-top:40px;margin:-10px 0 0 0;text-align:center;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin:10px 2px 0 2px;
}
.cate-wrap .mcate li a {font-family: 'Poppins', 'Lato', 'Noto Sans KR', sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    line-height:15px;
padding:10px 15px;
    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:20px;}
.cate-wrap .mcate li {position: relative;
    display: inline-block;
    margin-right:10px;
}
.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 {font-family: 'Work Sans',sans-serif;
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #777;
    padding-top:12px;
    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;width:100%; height:38px;margin-bottom: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;right: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;}



/* class-list */
/*#productClass .cate-wrap { overflow:hidden }
#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 { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }*/

/* 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; }*/
/* BASIC css end */