/* BASIC css start */
/* prd-class-hd */
#productClass .page-body { padding-top:80px }


.item_list .thumb {position: relative;  }
.item_list .thumb .box {  position:absolute; left:0; top:0; width:30px; height:30px; line-height:30px; color:#fff; background:#3a4a74; font-size:12px; font-family: 'Montserrat'; font-weight: 700;    text-align: center; z-index:99; }

#top.page-hd { border:0; }
#top.page-hd h2 { font-family: 'Montserrat', sans-serif;padding:70px 0 40px;  font-size:30px; color:#222222; font-weight:700;}


#contentWrap{width:1500px;}
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate,
#productClass .cate-wrap .bcate a { font-family: 'Montserrat', sans-serif;padding:70px 0 40px;  font-size:30px; color:#222222; font-weight:700;}
#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap; gap:15px 30px }
#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 { font-family: 'Montserrat', sans-serif;font-weight:500; display:block; font-size:14px; color:#787878;  padding:3px 0; transition:all .1s; border-bottom:3px solid transparent}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{color:#000; border-bottom:3px solid #000}

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

/* 상품 다중 이미지 슬라이더 */
.prd-list .thumb { overflow: visible; }
.prd-list .thumb .bx-wrapper { position: relative; }
.prd-list .thumb .bx-pager { position: absolute; left: 50%; bottom: 1%; transform: translateX(-50%); display: flex; gap: 10px; align-items: center; justify-content: center; }
.prd-list .thumb .bx-pager a { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(238, 238, 238, 0.5); font-size:0; text-indent: -9999px;}
.prd-list .thumb .bx-pager a.active { background: #000; }
.prd-list .thumb .bx-controls-direction a { position:absolute; top: 50%; width: 10px; height: 18px; margin-top: -8px; font-size:0; text-indent: -9999px; }
.prd-list .thumb .bx-prev {left:10px; background:url(/images/common/btn_multiple_prev.png) left center no-repeat;}
.prd-list .thumb .bx-next {right:10px; background:url(/images/common/btn_multiple_next.png) right center no-repeat;}
/* BASIC css end */