/* BASIC css start */
#content{border-top:1px solid #dddddd}
/* class-list */
#productClass .cate-wrap { padding-top:80px }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:28px; color:#222; font-weight:500; text-align:center;font-family: 'Noto Sans KR', serif;letter-spacing:-.4px; margin-bottom:25px }
#productClass .cate-wrap .class-list ul {  text-align:center}

#productClass .cate-wrap .class-list ul li { display:inline-block; height:auto;margin:6px}
#productClass .cate-wrap .class-list ul li a { padding: 9px 20px; border-radius: 70px;font-family: 'Noto Sans KR', sans-serif;font-size: 12px; color:#acacac ;border:solid 1px #ccc; display:inline-block}
#productClass .cate-wrap .class-list ul li.on>a{background-color: #a79d90; color: #fff;}
/* best-item */

.best_section h2{text-align: center;font-family: 'Lora', serif; color: #454545; font-size: 25px; font-weight: 400; margin-bottom: 50px;}

.best_section{width: 100% !important; position:relative; padding:30px 0 120px; }
.best_section .item-wrap{width: 1200px; margin: 0 auto;}
.best_section .swiper_btn_prev{ position:absolute; left:50% !important; top:50%; transform:translate(-700px,-50%); z-index:2; cursor:pointer}
.best_section .swiper_btn_next{position:absolute; right:50%  !important; top:50%; transform:translate(700px,-50%);z-index:2; cursor:pointer}
.best_section .swiper-pagination{transform:translateY(-85px)}
.best_section .swiper-pagination-bullet{background-color:#f1f1f1 !important; margin:0 7px}
.best_section ul li .tumb{position: relative;}
.best_section ul li .tumb span.percent_icon{position: absolute; top: 15px; left: 15px; display:inline-block; width:50px; height:50px; border-radius:50%; background-color:#b7a797; color:#fff; text-align:center; line-height:50px; font-family: 'Red Hat Display', sans-serif; font-size:15px; font-weight:600 }
.best_section .swiper-pagination-bullet{opacity:.9 !important}
.best_section .swiper-pagination-bullet-active{background-color:#e4e1dd !important}
#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 */

