/* BASIC css start */
/* prd-class-hd */
#contentWrap .prd-class-hd {width:100%; height:40px; clear:both; position:relative; background-color:#f9f9f9;}
#contentWrap .prd-class-hd .loc-navi { width:1200px;  position:relative; text-align: left;  margin:0 auto;}
#contentWrap .prd-class-hd .loc-navi dd select {width:200px; height: 30px; margin-top:5px; border:1px solid #ddd;}
#contentWrap .prd-class-hd .loc-navi a { color: #222; font-size:14px; }


#content {min-height:auto !important; }

#productClass .brand  {text-align:center;}


/* class-list */
#productClass .class-list { zoom: 1;}
#productClass .class-list ul { padding: 0; margin:0 auto;text-align:center; margin-top:20px;}
#productClass .class-list li {display:inline-block; padding: 0 10px;text-align:center;margin-bottom:7px;}
#productClass .class-list li a { width:120px; 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;border:1px solid #000; }

/* 분류페이지 추천상품 관련 스타일 */
.sub_title_area {width:1200px; margin:0 auto;text-align:center;}
.sub_title_area .m_title01 {font-size:14px; color:#999; font-family:"Oswald", "Open Sans", "Nanum Gothic", sans-serif; letter-spacing:4px;  padding-top:40px;}
.sub_title_area .m_title02 {font-size:24px; color:#015637; letter-spacing:-0.3px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif; font-weight:600; margin-top:10px; margin-left:10px; text-align:left;}
.sub_title_area .m_title03 {font-size:14px; line-height:5px; color:#777;}
.sub_title_area .yellow_line {width:170px; height:2px; background-color:#017dc3; margin:5px auto;}
.best_bg {width: 100%; margin-top:5px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 10px; background-color: #fbfbfb; padding-top: 0px; padding-bottom: 0px;}
.best-item .prd-list {width:1200px;margin:0 auto;}
.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:10; position: absolute; top: 5px; left: 10px; line-height: 23px; text-align: center; width: 45px; height: 25px; background-color: #017dc3; color: #fff; font-size: 11px; font-family: "tahoma"; opacity: 0;}
.best-item .prd-list .tb-center:hover .best_icon {display:block;position: absolute;top: 5px; left: 0px; 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 {width:1200px;margin:0 auto;}
#productClass .total-sort {height:35px;padding:0px;margin-top:10px; margin-bottom:5px; border-bottom:1px solid #dedede;}
#productClass .total-sort .total {font-size:11px;font-weight:normal;color:#333;line-height:40px;}
#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:40px;}
#productClass .total-sort li a { font-size:11px;color:#666;line-height:40px;}
#productClass .total-sort li a:hover {color:#222;}




/* BASIC css end */