/* BASIC css start */
/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding:5px 0 5px 0;margin:10px 0; }
#productClass .prd-class-hd .loc-navi { float: right; color: #999;   }
#productClass .prd-class-hd .loc-navi a { color: #999; }
#productClass .bcate {padding:0 0 3px 0; margin: 0 auto 20px;text-align:center; color:#020202; font-size:20px; font-weight:normal;border-bottom: 1px solid #222;font-family:"Open Sans", "Nanum Gothic", sans-serif;display:table;}

/* class-list */
#productClass .class-list { zoom: 1;}
#productClass .class-list ul { padding: 0; margin:0 auto;text-align:center;}
#productClass .class-list li {display:inline-block; padding: 0 10px;text-align:center;margin:0 auto;} 
#productClass .class-list li a { display:block; height:30px; padding: 0px 10px; text-align: center; color: #222; border: 1px solid #dedede; line-height: 30px; font-size: 13px;  font-weight: normal; }
#productClass .class-list li a:hover { border: 1px solid #333;}
#productClass .class-list li .num { color: #777;}
#productClass .class-list li a.sel { color:#000;}


/* 분류페이지 추천상품 관련 스타일 */
.sub_best_title_area {position:relative; height:33px; margin-top:50px;margin-bottom:30px;clear:both; }
.sub_best_title_line {width:1200px; border-bottom:1px solid #dedede; position:absolute; top:23px;}
.sub_best_title {position:relative; z-index:10; width:128px; margin:0 auto; height:33px; line-height:33px; text-align:center; border:1px solid #dedede; color:#222; 
font-size:12px; background-color:#fff;  font-family:"Open Sans", "Nanum Gothic", sans-serif;font-weight:bold;}
.best-item .prd-list .tb-center .best_icon {-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;z-index:100; position:absolute; top:5px; left:5px; line-height:25px; text-align:center; width:45px; height:25px; background-color:#555; color:#fff; font-size:11px; font-family:"Open Sans", "Nanum Gothic", sans-serif; opacity:0;}
.best-item .prd-list .tb-center:hover .best_icon {top:0px; left:10px; opacity:1; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }


/* 분류페이지 베스트 관련 스타일 */
.xans-product-listnew .prd-list .best_icon {-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;z-index:100; position:absolute; top:5px; left:5px; line-height:25px; text-align:center; width:45px; height:25px; background-color:#555; color:#fff; font-size:11px; font-family:"Open Sans", "Nanum Gothic", sans-serif; opacity:0;}
.xans-product-listnew ul.grid4 > li:hover .best_icon {top:0px; left:10px; opacity:1; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

/* total-sort */
#productClass .total-sort {height:50px;padding:0 10px;border-bottom:1px solid #dedede;border-top:1px solid #dedede;margin-top:30px;}
#productClass .total-sort .total { font-size:10px;font-weight:normal;color:#333;line-height:50px;}
#productClass .total-sort .total dd {color:#333;font-weight:bold;}
#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:10px;color:#666;line-height:50px;}
#productClass .total-sort li a:hover {color:#222;}


/* BASIC css end */