/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');



/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden;width:1260px;padding:30px 0 5px 0; margin:0 auto 10px; }
#productClass .prd-class-hd .loc-navi {float: right;color:#999;}
#productClass .prd-class-hd .loc-navi a { color: #999; } 

/* class-list */
#productClass .class-list {width:1260px;margin:0 auto; zoom: 1;}
#productClass .class-list ul { padding: 0; margin:0 auto;text-align:center;}
#productClass .class-list li {float:left;width:230px; padding:0;margin:0 11px 15px 11px;} 
#productClass .class-list li a { display:block; height:38px; padding:0; text-align:left; color: #333333;line-height: 38px; font-size:14px;text-indent:28px;border-radius:50px; border:1px solid #ddd; font-weight:400;background:#fff;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
#productClass .class-list li a: { color:#FFF;background-color:#5667ff;}
#productClass .class-list li a:hover { color:#FFF;background-color:#5667ff;}
#productClass .class-list li .num { color: #555;}
#productClass .class-list li a.sel { color:#fff;background-color:#5667ff;}

/* 분류페이지 스타일 */
.nopadding td {padding:0 !important;}
.sub_top_ban {width:100%; height:270px;  line-height:270px; background:#fff url('/design/whajang/0744hera/sub_top_ban.jpg') center center no-repeat; }
.sub_top_text {font-family:'Montserrat', Pretendard; font-size:28px; letter-spacing:7px; text-align:right;color:#000;}

#productClass .bcate {text-align:center; color:#000; font-size:24px; line-height:18px; font-weight:500; background:none; padding:80px 0 50px 0; }

.best-item {margin:60px 0 0;border:1px solid #e9e9e9;background-color:#f9f9f9;position:relative;}
.sub_recommend_title {text-align:center; color:#000; font-size:18px; line-height:18px; font-weight:normal; background:none; padding:60px 0 60px; font-family:Roboto Condensed,Nanum Gothic,sans-serif;letter-spacing:2px;}
.best-item .prd-list {width:1260px;margin:0 auto 50px;}
.best-item .prd-list table .info {background:transparent;}
.new-item {margin:0;border:0;background-color:#fff;}

/* total-sort */
#productClass .total-sort {width:1260px;height:50px;padding:0 10px;border:0;margin:30px auto 0; }
#productClass .total-sort .total { font-size:14px;font-weight:400;color:#707070;line-height:50px;}
#productClass .total-sort .total dd {color:#5667ff;font-weight:700;}
#productClass .total-sort .sort {margin:0;}
#productClass .total-sort .total img { line-height:11px;vertical-align:middle;}
#productClass .total-sort li {color:#999;line-height:50px;}
#productClass .total-sort li a { font-size:14px;color:#999;line-height:50px;}
#productClass .total-sort li a:hover {color:#000;}
#productClass .total-sort li .on {color:#000;}


/* BASIC css end */