/* BASIC css start */
.brand-select { padding-top:30px; text-align:center }
.brand-select select { width:462px; height:40px; font-size:15px; color:#555 }
.brand-select a { display:inline-block; margin-left:3px; width:118px; height:38px; font-size:15px; color:#fff; text-align:center; line-height:38px; border:1px solid #101010; background: #101010; vertical-align:top; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.brand-select a:hover { color:#101010; background:#fff }
.brand-select a:active { position:relative; top:1px }

.brand-banner { padding-top:30px; text-align:center }

.page-body { padding-top:30px }

.prd-sort:after { clear:both; display:block; content:''; }
.prd-sort { height:22px; padding:15px 0 0 0; }
.prd-sort .sort-count { float:left; color:#6b6b6b; }
.prd-sort .sort-list { float:right; color:#464646; }
.prd-sort .sort-list span { display:inline-block; padding:0 5px; color:#464646; }

/* class-list */
#productClass .cate-wrap { margin-bottom:60px; } 
#productClass .cate-wrap .bcate { font-family: "Pretendard Variable", Pretendard, sans-serif; padding:50px 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: 0; align-items:center; justify-content: flex-start; border: 1px solid #808080; border-right: 0; border-bottom: 0; } 
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' } 
#productClass .cate-wrap .class-list ul li { position: relative; width: 20%; height: 61px; box-sizing: border-box; border-right: 1px solid #808080; border-bottom: 1px solid #808080; } 
#productClass .cate-wrap .class-list ul li a { display: block; font-size: 16px; color: #4d4d4d; text-align: center; line-height: 59px; border-left: 0; } 
#productClass .cate-wrap .class-list ul li.on a { height: 57px; color: var(--main-color); font-weight: 700; line-height: 58px; border: 2px solid var(--main-color); } 
#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); height:100%; } 
#productClass .cate-wrap .class-list2 ul { display: flex; padding: 15px 0 15px; position: relative; background: #f5f5f5; flex-wrap: wrap; } 
#productClass .cate-wrap .class-list2 ul li { width: 20%; height: 39px; text-align: center; } 
#productClass .cate-wrap .class-list2 ul li a { display: block; font-size: 16px; color: #4c4c4c; text-align: center; line-height: 39px; } 
#productClass .cate-wrap .class-list ul li { }
#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)}

#productClass .cate-wrap .class-list2 ul li.on a{font-weight:bold;}
/* 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; } 


/* BASIC css end */