/* BASIC css start */

/* class-list */
#productClass .cate-wrap { margin-bottom:60px; }
#productClass .cate-wrap .bcate { font-family: "Pretendard Variable", Pretendard, sans-serif;padding:70px 0 40px;  font-size:32px; color:#111111; font-weight:600; text-align:center; }
#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap;  }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {width:calc(100% / 6 ) }
#productClass .cate-wrap .class-list ul li a {position:relative; font-weight:500; display:block; font-size:14px; color:#000;  padding:15px 27px; transition:all .1s; border:1px solid #e8e8e8; text-align:center;}
#productClass .cate-wrap .class-list ul li:not(:nth-child(6n),:last-child) a{border-right:none}
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{color:#fff; background-color:#000}
#productClass .cate-wrap .class-list ul li:not(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)) a{border-top:none}

/* best-item */

/* ¹­À½´ÜÀ§ Å×½ºÆ® */  
.normal {
    color: #999; /* °¡°Ý ±Û¾¾ »ö»ó */
    font-weight: normal; /* °¡°Ý ±Û¾¾ ±½°Ô */
}


#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;}


.character-link-wrap {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid #eee;
    background: #f9f9f9;
    border-radius: 5px;
}

.character-link-wrap h3 {
    font-size: 18px;
    font-weight: bold;
    color: #ff55aa; /* ÇÎÅ© °è¿­·Î °­Á¶ */
    margin-bottom: 15px;
    text-align: center;
}

.character-list {
    list-style: none;
    padding: 0;
    text-align: center;
}

.character-list li {
    display: inline-block;
    margin: 0 10px 10px 10px;
}

.character-list li a {
    display: block;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.2s;
}

.character-list li a:hover {
    background: #ffecf5;
    border-color: #ff55aa;
    color: #ff55aa;
}
/* BASIC css end */