/* BASIC css start */
.tumb {
    position: relative;  /* 부모 요소에 relative 추가 */
}




.cart_icon {
    position: absolute;  /* 아이콘을 부모 요소 기준으로 절대 위치로 설정 */
    bottom: 0;            /* 부모 요소의 아래쪽에 위치 */
    left: 0;              /* 부모 요소의 왼쪽에 위치 */
    z-index: 10;          /* 다른 요소 위에 표시될 수 있도록 z-index 지정 */
}







/* class-list 상품페이지 내 카테고리명 소분류포함  */
#productClass .cate-wrap { margin-bottom:0px; }
#productClass .cate-wrap .bcate { font-family: "Pretendard Variable", Pretendard, sans-serif;padding:70px 0 40px;  font-size:32px; color:#111111; font-weight:600; text-align:center; }
#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap; gap:15px 30px ; justify-content:center; align-items:center; }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { }
#productClass .cate-wrap .class-list ul li a {position:relative; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight:500; display:block; font-size:15px; color:#999999;  padding:15px 27px; transition:all .1s; background-color:#f9f9f9; border-radius:30px}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{color:#fff; background-color:var(--main-color)}

/* 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:70px 0 30px; }
.best_sec_inner{ margin:0 auto;position:relative; }
.best_sec p.best_tit{margin:15px 0 50px; text-align:center;  font-family: "Pretendard Variable", Pretendard, sans-serif; font-size:26px; color:#111111; font-weight:600;}
.best_sec .swiper{padding-bottom:40px;}
.best_sec .swiper-pagination{bottom: 0; top: unset;}
.best_sec .swiper-pagination-progressbar{background-color: rgba(0,0,0,.05);}
.best_sec .swiper-pagination-progressbar-fill{background-color: #cfcfcf;}



/* 전체보기 버튼 가운데 정렬 */
#productClass .cate-wrap .all-categories-btn {
    display: flex;
    justify-content: center;
    margin: 20px 0;  /* 버튼 위아래 여백을 조정 */
}  


#productClass .cate-wrap .all-categories-btn a {
    font-family: "Pretendard Variable", Pretendard, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    background-color: #919191; /* 버튼 배경색 */
    padding: 10px 15px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.1s;
}

#productClass .cate-wrap .all-categories-btn a:hover {
    background-color: #b2b2b2; /* 마우스오버 진회색으로 설정 */
}


/* BASIC css end */