/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }

/* best-item */
#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; }

/* 하위 분류 */
#productClass .item-cate { display: flex; justify-content: space-between; align-items: end; padding: 30px 0; }
#productClass .item-cate a { font-weight: bold; color: #1c1c1c; letter-spacing: -1px; }
#productClass .item-cate .scate a { font-size: 18px; }
#productClass .item-cont .thumb .main_icons {  position:relative; }


.cate-wrap,.loc-navi{display: none;}

.cateTit{margin-bottom: 40px; text-align: center;}
.cateTit span{display: block; font-size: 15px; font-weight: 500; line-height: 18px; margin-bottom: 8px; color: var(--pointBlue01);}
.cateTit strong{display: block; font-size: 32px; font-weight: 600;}

.main_tit{font-size: 24px; font-weight: 600; color: #111; margin-bottom: 24px; text-align: center; margin-top: 80px;}


.cate_banner a{display:none;}
.cate_banner p{width: 100%;}

.best_wrap{ background-color: #F5F6FA; padding-bottom: 80px;}
.swiper-pagination.swiper-pagination-progressbar{max-width: 480px; margin: 48px auto 0;}

.banner_01 img{width:100%;}
.cate_title_wrap{margin-bottom: 40px;}
.cate_title_wrap ul{gap: 8px;}
.cate_title_wrap ul li{text-align: center; height: 40px; line-height: 40px;}
.cate_title_wrap ul li a{display: block; font-size: 15px; font-weight: 500; margin-bottom: 8px; color: #888a91; background-color: #f5f6fa;  height: 34px; line-height: 34px; padding: 0 16px; border-radius: 6px;}
.cate_title_wrap ul li a.active{background-color: var(--pointBlue01); color: #fff;}


.sortWrap{margin-bottom:20px; padding-right: 11px; display: flex; justify-content: flex-end; position: relative; }
.sortWrap strong{font-weight: 500; display: block; cursor: pointer; font-size: 13px; width: 100px; line-height: 40px; text-align: center;}
.sortWrap strong::after{display: inline-block; content: '\e943'; font-family: xeicon; color: #000; font-size: 14px; line-height: 40px; margin-left: 10px; transition: 0.3s;}
.sortWrap.active strong::after{transform: rotate(-180deg); transition: 0.3s;}

.sortWrap ul{position: absolute; display: none; width: 100px; box-sizing: border-box; background: #fff; padding: 12px 18px; border: 1px solid #666; top: 40px; right: 11px;}
.sortWrap.active ul{display: block; }
.sortWrap.active ul li{list-style: none; line-height: 30px; box-sizing: border-box;}
.sortWrap.active ul li a{font-size: 13px; color: #666;}
/* BASIC css end */