/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { font-family: 'Noto Sans KR', sans-serif; padding-bottom: 12px;
    margin-bottom: 40px;
    font-size: 25px;
    color: #000;
    font-weight: 700;
    border-bottom: 4px solid #000;
    white-space: pre;
    cursor: pointer;}
#productClass .cate-wrap .class-list ul {}
#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: 'Noto Sans KR', sans-serif;font-weight:500; display:block; font-size:18px; color:#aaaaaa;  padding:3px 0; transition:all .1s; }
#productClass .cate-wrap .class-list ul li a:hover,#productClass .cate-wrap .class-list ul li.sel a{color:#000; }*/
/* 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 .swiper{padding-bottom:60px;}
.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: #000;}

.item-wrap .item-info {padding:0 0 10px;}
.item-wrap .item-info .count {display: inline-block;}

.page-body {display:flex; margin-top:50px;}
.page_body_R {flex:1;}
.page_body_L { width: auto; min-width: 235px; margin-right: 30px; } 
.page_body_L .main_m>li {position: relative;} 
.page_body_L .main_m>li>a { position: relative; display:block; font-size: 19px; color: #888; font-weight: 400; white-space: pre; margin-bottom: 14px; margin-right:20px;} 
.page_body_L .main_m>li>a.act { color:#000; font-weight: 700; } 
.page_body_L .main_m>li>span { position: absolute; top: 5px; right: 0; width: 15px; height: 15px; display: inline-block; cursor:pointer; transition:opacity .5s; opacity:0; } 
.page_body_L .main_m>li>span.show { opacity:1; } 
.page_body_L .main_m>li>span>a { transition: all .4s; display:block; width: 100%; height: 100%; } 
.page_body_L .main_m>li>span::before { transition: all .4s; content: ""; display: block; position: absolute; width: 2px; height: 15px; background-color: #000; top: 0; left: 41%; } 
.page_body_L .main_m>li>span::after { content: ""; display: block; position: absolute; width: 15px; height: 2px; background-color:#000; top: 37%; left: 0%; } 
.page_body_L .main_m>li>span.rotate::before { transform: rotate(90deg); transform-origin: center; transition: all .4s; } 
.page_body_L .sub_m { display: none; opacity:0; transition: opacity .7s; margin-bottom:20px;}
.page_body_L .sub_m.show { opacity:1; display:block; } 
.page_body_L .sub_m>li { padding: 9px; } 
.page_body_L .sub_m>li:first-child { padding-top:13px } 
.page_body_L .sub_m>li>a { font-family: 'Noto Sans KR', sans-serif; font-size: 15px; font-weight:400; color: #000; line-height:1.2; } 
.page_body_L .sub_m>li>a.act { color:#ff6600 !important; } 
.page_body_L .sub_m>li>a:hover { color:#ff6600 !important; } 
/* BASIC css end */