/* 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:15px;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:15px;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;}

/* ===== ¼­ºêÄ«Å×°í¸® °¡·Î ½ºÅ©·Ñ ===== */
@media (max-width: 768px) {

    .subcategory_box {
        min-width: 100%;
        max-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .subcategory_box ul {
        display: flex;
        overflow-x: auto;
        gap: 12px;
        margin: 0;
        padding-bottom: 10px;

        -webkit-overflow-scrolling: touch;
    }

    .subcategory_box li {
        flex: 0 0 70%; /* +P Ä«µå Å©±â (Áß¿ä) */
        margin: 0;
    }

    .subcategory_box img {
        width: 100%;
        height: auto;
    }

    /* ½ºÅ©·Ñ¹Ù ¼û±è */
    .subcategory_box ul::-webkit-scrollbar {
        display: none;
    }
}



.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: 'pretendard'; font-size: 20px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: 450;
}

/* ===== ¸ð¹ÙÀÏ Ä«Å×°í¸® ===== */
@media (max-width: 768px) {

    .cate-wrap .mcate {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        padding: 15px;
        margin: 0;

        max-height: 80px;
        overflow: hidden;
        transition: max-height 0.3s ease;

        position: relative; /* +P Ãß°¡ */
    }

    /* ÆîÃÆÀ» ¶§ */
    .cate-wrap .mcate.open {
        max-height: 500px;
    }

    /* õ% °¡¸² È¿°ú (Ãß°¡) */
    .cate-wrap .mcate:not(.open)::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40px;

        background: linear-gradient(
            to bottom,
    rgba(238,236,233,0) 0%,
    rgba(238,236,233,0.8) 60%,
    rgba(238,236,233,1) 100%
        );

        pointer-events: none;
    }

    .cate-wrap .mcate li {
        margin: 0;
    }

    .cate-wrap .mcate li a {
        display: inline-block;
        padding: 8px 12px;
        font-size: 13px;
        font-weight: 500;
        color: #75716d;
        background: #f5f5f5;
        border-radius: 999px;
        white-space: nowrap;
    }

    .cate-wrap .mcate li.active a {
        background: #b9633d;
        color: #fff;
    }

    /* ===== ´õº¸±â ¹öÆ° ===== */
    .cate_more_btn {
        display: block;
        width: fit-content;
        margin: 15px auto 0;
        padding: 10px 16px;
        background: #b9633d;
        color: #fff;
        font-size: 13px;
        font-weight: 500;
        border-radius: 999px;
        cursor: pointer;
        transition: all 0.2s ease;
        box-shadow: 0 3px 8px rgba(0,0,0,0.08);
    }

    .cate_more_btn:hover {
        background: #a65330;
    }

    .cate_more_btn:active {
        transform: scale(0.96);
    }
}





.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 */