/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#contents{padding-bottom:60px}
.page_top .page_nav{float:right !important}
.page_top .page_nav a{font-weight:400 !important;}
ul.items .item_list .info{padding:13px 5%}
.recmd_sec{margin-bottom:40px; padding-left:5%}


.recmd_sec h3{font-family: 'rollerscript-rough','NanumSquare Neo',  sans-serif;font-size:23px; color:#333333; font-weight:600}
.recmd_sec .best_tit{display:flex; align-items:center; justify-content:space-between; margin-bottom:30px ;}
.recmd_sec .best_tit h3{}
.recmd_sec .best_tit>div{ }
.recmd_sec .swiper{padding-bottom:30px}
.recmd_sec .swiper-slide{width:45%}
.recmd_sec .swiper .swiper-pagination-progressbar{bottom: 0; top: unset;left:14%; width:72%;}
.recmd_sec .swiper-pagination-progressbar{background-color: #d9d9d9;width:95%; height:1px }
.recmd_sec .swiper-pagination-progressbar-fill{background-color: #000;}


/* 분류 카테고리 영역 */
.product_category_wrap{padding:20px 5% 45px !important}
.product_category_wrap .cate1{font-weight:700 !important; font-size: 21px !important;padding: 0px 0 28px !important;color:#000 !important; text-align:center !important;
    font-family: 'rollerscript-rough', 'NanumSquare', sans-serif; }
.product_category_wrap .cate_child_wrap ul{display:flex; flex-wrap:wrap; gap:9px 8px ; justify-content:center;}
.product_category_wrap .cate_child_wrap ul li a{font-size: 14px !important;color:#000 !important; font-weight:400; padding:8px 12px !important;  }
.product_category_wrap .cate_child_wrap ul li a.sel{ font-weight:600 !important;color:#000 !important;  border:none !important;    }
.product_category_wrap .cate_child_wrap ul li{position:relative; padding:0 !important; margin:0 !important; }
.product_category_wrap .cate_child_wrap ul li a{display:block;   }

.product_list_wrap.list_st2 .product_item, .product_list_wrap.list_st3 .product_item{padding:0 0 15px !important}
.MS_prod_mobile_image{width:100%;}
.product_category_wrap .cate_child_wrap ul.cate3.on{padding-top:15px !important; margin-top:15px !important; }


/* 상품 리스트 영역 */
.product_list_outer{border-top:none !important;padding-top:7px }
.product_top_wrap .total_cnt{font-size:12px !important; color:#000 !important; font-weight:400;line-height:35px !important;letter-spacing: -.1px;}
.product_top_wrap .total_cnt strong{font-weight:700 !important; color:#000 !important; font-family:'bookmania','NanumSquare Neo',  sans-serif sans-serif;}
.product_top_wrap{border-bottom:none !important; margin: 0 0 15px !important; padding: 0 5% !important}
.product_top_wrap .select_box select{background: url(/design/tasse/ace/MO_img/select_arrow.png)  no-repeat #fff right 5px center;background-size: 9px;font-size:12px !important;color:#000 !important;text-align:left !important;transform:translateY(4px);border-bottom:1px solid #000 !important;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}


.top-timg {}
.top-timg img{width:100%;}
.slot-grid-header-category {
    width: 100%;
    position: relative;
}
.slot-grid-header-category .black-bg {
    background: #000;
    opacity: .3!important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.slot-grid-header-category .bg {aspect-ratio: 24/12!important;}
.slot-grid-header-category .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slot-grid-header-category .text-center {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 10px;
}
.slot-grid-header-category .text-center .big-title {
    font-family:'rollerscript-rough','NanumSquare Neo',  sans-serif;
    color: #fff;
    letter-spacing: 1.5px;
    margin: 0 0 14px;
    font-size: 2.25rem!important;
    line-height: 2.5rem!important;
}
.slot-grid-header-category .text-center .title-desc {
    font-family:'rollerscript-rough','NanumSquare Neo',  sans-serif;
    line-height: 1.5rem!important;
    font-size: 1rem!important;
    max-width: 48rem!important;
    margin: 0 auto;
} 
.slot-grid-header-category .text-center .title-desc a { 
    vertical-align: baseline;
    color: #fff;
    line-height: 1.5rem!important;
    font-size: 1rem!important;
}

.slot-grid-header-category .text-center .title-desc a.unerline {
    text-decoration: underline;
}

/* BASIC css end */


/* BASIC css end */