/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { font-family: 'Montserrat', sans-serif;padding:0px 0 20px;  font-size:20px; color:#222222; font-weight:700; margin-bottom:5px;}   /* 타이틀 중앙으로 text-align:center;      원본  padding:70px 0 40px;  */
#productClass .cate-wrap .class-list ul {display:flex; flex-wrap:wrap; gap:15px 15px }  /*  중분류 버튼 간격   */
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {position: relative;display: inline-block;font-size: 12px;font-weight: 500;text-align: center;cursor: pointer;margin: 0 5px;}   /*   #productClass .cate-wrap .class-list ul li { }    */
#productClass .cate-wrap .class-list ul li a {display: block;border: 2px solid #dadada;padding: 4px 13px;color: #333;font-size: 14px;}

#productClass .cate-wrap .class-list ul li.sel a {
    border-color: #000; 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 .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;}



.loc-navi { margin-top:-90px; margin-left:0px; margin-bottom:0px;}  /* 현재위치 상단으로부터 상하좌우로 위치조정시   */




/* 분류페이지 시작시(이미지부터) 탑위치 margin-top:20px  */ 
#productDetail .page-body { margin-top:40px } 

.border_effect .border_line::after,.border_effect .border_line::before,.border_effect2 .border_line::after,.border_effect2 .border_line::before,.border_effect2::after,.border_effect2::before,.border_effect::after,.border_effect::before{content:"";position:absolute;transition:all .2s linear}
.border_effect::after,.border_effect::before{width:0;height:2px;background:#ed1b25}
.border_effect2::after,.border_effect2::before{width:0;height:2px;background:#000}
.border_effect .border_line{display:block}
.border_effect .border_line::after,.border_effect .border_line::before{width:2px;height:0;background:#ed1b25}
.border_effect2 .border_line::after,.border_effect2 .border_line::before{width:2px;height:0;background:#000}
.border_effect::after,.border_effect::before{transition-delay:0s}
.border_effect .border_line::after,.border_effect .border_line::before{transition-delay:.2s}
.border_effect::before{right:0;top:0}
.border_effect::after{left:0;bottom:0}
.border_effect .border_line::before{left:0;top:0}
.border_effect .border_line::after{right:0;bottom:0}
.border_effect:hover::after,.border_effect:hover::before{width:100%;transition-delay:.2s}
.border_effect:hover .border_line::after,.border_effect:hover .border_line::before{height:100%;transition-delay:0s}
/* BASIC css end */