/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');

@font-face {
    font-family: 'texgyreheros';
    src: url('http://www.flukeofficial.com/design/fluke/wib/texgyreheros-bold.otf') format('opentype');
    font-weight: bold;
}

@font-face {
    font-family: 'texgyreheros';
    src: url('http://www.flukeofficial.com/design/fluke/wib/texgyreheros-regular.otf') format('opentype');
    font-weight: normal;
}
.cate-wrap .cate-banner-box img { width: 100% !important; height: auto !important; display: block; }

#contentWrap{width:98%;}

/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { font-family: Roboto, nanumgothic, sans-serif; padding:40px 0 20px; font-size:30px; color:#222222; font-weight:450;}

#productClass .cate-wrap .class-list ul {
    display: flex; 
    flex-wrap: wrap; 
    justify-content: flex-start; /* 왼쪽 정렬 추가 */
    gap: 15px 30px; /* 기존 간격 유지 */
    margin: 0; /* ul의 기본 바깥 여백 제거 */
    padding: 0; /* ul의 기본 안쪽 여백 제거 */
    list-style: none; /* 기본 불릿 기호 제거 */
}

#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: Roboto, nanumgothic, 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 .cate-wrap .item_list swiper-slide {}

#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;}
/* BASIC css end */