/* BASIC css start */
#contentWrap { width:1300px; margin:0 auto }
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { font-family: 'Jost','Noto Sans KR', sans-serif;padding:70px 0 40px;  font-size:32px; color:#222222; font-weight:500; text-align:center; }
#productClass .cate-wrap .class-list ul { text-align:center}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { margin: 5px; display:inline-block; }
#productClass .cate-wrap .class-list ul li a { font-family: 'Jost','Noto Sans KR', sans-serif;display:block; font-size:15px; color:#999999; background-color:#f9f9f9; padding:13px 30px; border-radius:30px ; transition:all .2s}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{background-color:#fff; color:#000; box-shadow:0 0 4px 1px rgba(0,0,0,.1)}
/* best-item */


#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

.best_sec{margin-bottom:60px; padding:100px 0 30px; }

.best_sec_inner{ margin:0 auto;position:relative; }
.best_sec .swiper{padding-bottom:40px;}
.best_sec .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09);}
.best_sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #dc3737;}

.cate-banner {text-align: center;}

/* 상품 사진 확대 + 관심상품/장바구니 버튼 (마우스 올리면 표시) - 메인과 통일 */
.item_list .thumb{overflow:hidden; position:relative}
.item_list .thumb img{transition:transform .4s}
.item_list .thumb:hover img{transform:scale(1.06)}

.item_list .thumb .prd-wish{opacity:0; transition:opacity .3s}
.item_list .thumb:hover .prd-wish{opacity:1}
.item_list .thumb .prd-wish a{display:flex; align-items:center; justify-content:center}
.item_list .thumb .prd-wish .fa{font-size:15px; color:#333}

/* =========================================================
   v22: 상품분류페이지 상품 리스트 1행 5개
   ========================================================= */
#productClass .shopbrand_item_wrap {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 50px 25px !important;
    float: none !important;
}
/* clear_fix 가상요소가 grid 칸을 차지하는 문제 차단 */
#productClass .shopbrand_item_wrap.clear_fix::before,
#productClass .shopbrand_item_wrap.clear_fix::after {
    display: none !important;
}
#productClass .shopbrand_item_wrap > li.item_list,
#productClass .shopbrand_item_wrap > li.w25p {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 5열에서 칸이 좁아지므로 상품명 축소 */
#productClass .item_list .info .prdname {
    font-size: 14px !important;
    line-height: 1.5 !important;
}
/* BASIC css end */