/* BASIC css start */
/* prd-class-hd */
#productClass .prd-class-hd { zoom: 1; overflow: hidden; padding: 8px 15px 5px; background-color: #c9c9c9; }
#productClass .prd-class-hd h2 { float: left; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff; }
#productClass .prd-class-hd .loc-navi { float: right; color: #fff;  }
#productClass .prd-class-hd .loc-navi a { color: #fff; }
    /* class-list */
#productClass .class-list { zoom: 1; overflow: hidden; padding: 15px }
#productClass .class-list li,
#productClass .class-list li a { float: left; width: auto; white-space: nowrap; }
#productClass .class-list li { padding-left: 12px; margin-right: 12px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 50%; }
    /* best-item */
#productClass .best-item { padding-bottom:80px; /*padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8;*/ }
#productClass .best-item .best-item-title{padding-top:0px; padding-bottom:30px;text-align:center;font-size:15px;color:#444;letter-spacing:1px;}
#productClass .best-item h3 { margin:0 0 60px; font-size: 0; line-height: 0;text-align:center;}
#productClass .best-item .prd-list{position:relative;padding-top:0px;}
#productClass .best-item .best_rank{position:absolute;top:456px;left:100px;width:100%;}
#productClass .best-item .best_rank li{float:left;width:37px;height:60px;text-indent:-9999px; z-index:500000000000000;}


#productClass .best-item .best_rank .rk01{background:url(/design/nanasalon/avenue2017/best_rank(1).png) no-repeat 40px 0;}
#productClass .best-item .best_rank .rk02{background:url(/design/nanasalon/avenue2017/best_rank(2).png) no-repeat 170px 0;}
#productClass .best-item .best_rank .rk03{background:url(/design/nanasalon/avenue2017/best_rank(3).png) no-repeat 240px 0;}


#productClass .best-item .best_rank .rk04{background:url(la_n01.png) no-repeat 100px 0;}
#productClass .best-item .best_rank .rk05{background:url(la_n02.png) no-repeat 170px 0;}
#productClass .best-item .best_rank .rk06{background:url(la_n03.png) no-repeat 240px 0;}
#productClass .best-item .best-item-list{font-size:0; padding:0 100px}
#productClass .best-item .best-item-list .best-goods{display:inline-block; width:25%; box-sizing:border-box; padding:0 10px 20px; vertical-align:top; position:relative;}
#productClass .best-item .best-item-list .best-goods .thumb{width:100%; overflow:hidden;}
#productClass .best-item .best-item-list .best-goods .thumb img{width:100%; display:block; }
#productClass .best-item .best-item-list .best-goods .icon{display:none; position:absolute; top:0; left: 30px; width:37px; height:20px; padding-top:40px; display:block; background:url(/design/nanasalon/avenue2017/rank_default.png) 0 0 no-repeat; line-height:20px; text-align:center; color:#FFF; font-size:20px;}
#productClass .best-item .best-item-list .best-goods.best-icon1 .icon{background-image:url(/design/nanasalon/avenue2017/rank_01.png)}
#productClass .best-item .best-item-list .best-goods.best-icon2 .icon{background-image:url(/design/nanasalon/avenue2017/rank_02.png)}
#productClass .best-item .best-item-list .best-goods.best-icon3 .icon{background-image:url(/design/nanasalon/avenue2017/rank_03.png)}
#productClass .best-item .best-item-list .best-goods.best-icon4 .icon{background-image:url(/design/nanasalon/avenue2017/rank_04.png)}
#productClass .best-item .best-item-list .best-goods.best-icon5 .icon{background-image:url(/design/nanasalon/avenue2017/rank_05.png)}
#productClass .best-item .best-item-list .best-goods.best-icon6 .icon{background-image:url(/design/nanasalon/avenue2017/rank_06.png)}
#productClass .best-item .best-item-list .best-goods.best-icon7 .icon{background-image:url(/design/nanasalon/avenue2017/rank_07.png)}
#productClass .best-item .best-item-list .best-goods.best-icon8 .icon{background-image:url(/design/nanasalon/avenue2017/rank_08.png)}


/*
#productClass .best-item .best_rank .rk01{background:url(la_n01.png) no-repeat 100px 0;}
#productClass .best-item .best_rank .rk02{background:url(la_n02.png) no-repeat 170px 0;}
#productClass .best-item .best_rank .rk03{background:url(la_n03.png) no-repeat 240px 0;}


#productClass .best-item .best_rank .rk04{background:url(la_n01.png) no-repeat 100px 0;}
#productClass .best-item .best_rank .rk05{background:url(la_n02.png) no-repeat 170px 0;}
#productClass .best-item .best_rank .rk06{background:url(la_n03.png) no-repeat 240px 0;}
*/


#productClass .cateWrap{width:1286px;line-height:47px;text-align:left;border-top:1px solid #cbcbc9;border-bottom:1px solid #cbcbc9;padding-left:0px;margin-left:10px;}

#productClass .cateWrap .cate_name{width:158px;margin-right:6px;padding:18px 23px 17px;border-left:1px solid #000;background:#000;/*background:#494949 url(/design/nanasalon/avenue2017/sub/ca_bg.jpg) no-repeat right bottom;*/font-size:11px;font-weight:normal;color:#fff;text-transform:uppercase;letter-spacing:1px;}


#productClass .cateWrap .loop{position:relative;padding:3px 6px; left:45px; top:2px;color:#6b6b6b;}
    /* total-sort */
#productClass .total-sort {/* padding-top: 30px;font-weight:normal; */}
        /* total, sort */
#productClass .total-sort {padding: 25px 10px 50px;}
#productClass .total-sort .total dt { /*padding-left:10px;background:url(bul02.gif) no-repeat 0 3px;*/ }
#productClass .total-sort .total dd { font-weight: normal;font-size:11px; }
#productClass .total-sort dd a{font-size:11px;}

#productClass .item_page{position:absolute;top:250px;left:0;width:1286px;}
#productClass .item_page .inner{position:relative;height:65px;}
#productClass .item_page span{position:absolute;top:0;width:33px;height:65px;text-indent:-9999px;}
#productClass .btn_prev{left:-90px;background:url(slider_arr04.png) no-repeat -48px 0;}
#productClass .btn_next{right:-90px;background:url(slider_arr04.png) no-repeat 0 0;}

.new_wrap {/*padding-right:40px;*/}
.new_wrap:after{content:""; display:table; width:100%; }
.new_wrap .item-wrap {width:1490px; margin:0 auto;}
.new_wrap .item-wrap .item-cont { zoom: 1; overflow: hidden; font-size:0;}
.new_wrap .item-wrap .item-cont:after {content: ""; display: block; clear: both; }
.new_wrap .item-wrap .item-cont .item-list {display:inline-block; vertical-align:top; width:350px; padding-bottom:100px; font-size:12px; box-sizing:border-box; margin-left:30px;}
.new_wrap .item-wrap .item-cont .item-list:nth-of-type(4n+1){margin-left:0;}

/*
.new_wrap .item-wrap .item-cont .item-list dt img { width: 100%; }
*/
.new_wrap .item-wrap .item-cont .item-list .prd-name { margin:10px 0 0px; }
.new_wrap .item-wrap .item-cont .item-list .prd-price { font-weight:bold; }
.new_wrap .item-wrap .item-cont .item-list .prd-price strike { color:#a7a6a2;padding-right:6px; font-weight:bold;}
.new_wrap .item-wrap .item-cont .item-list .dsc .brand_prd { position:relative; top:0; right:0; }

/* 상품리스트 (메인/검색/상품리스트) */

.new_wrap .item-wrap .item-cont .item-list .thumb { margin:0 auto 10px; font-size:0; line-height: 0; }
.new_wrap .item-wrap .item-cont .item-list .thumb img{width:100%; display:block; margin:0 auto;}
.new_wrap .item-wrap .item-cont .item-list .dsc { position:relative;margin-bottom: 5px; font-weight: normal; color:#3c3c3c; letter-spacing:0px;font-family:나눔고딕;}
.new_wrap .item-wrap .item-cont .item-list .dsc span { position:absolute;right:0;top:0;}
.new_wrap .item-wrap .item-cont .item-list .dsc span img { vertical-align:middle}
.new_wrap .item-wrap .item-cont .item-list .dsc a{ margin-bottom: 8px; font-weight: normal; color:#3c3c3c; letter-spacing:0px;font-family:나눔고딕;width:380px; font-weight:bold;}
.new_wrap .item-wrap .item-cont .item-list .price { margin-bottom: 8px; font-weight: normal;color:#3c3c3c;font-family:나눔고딕; letter-spacing:0px;border-bottom:1px solid #eeeeee;}
.new_wrap .item-wrap .item-cont .item-list .price strike{color:#bcbcbc;font-weight:normal;font-family:나눔고딕;letter-spacing:0px;padding-bottom:9px;}
.new_wrap .item-wrap .item-cont .item-list .price span{color:#3c3c3c;font-family:나눔고딕;letter-spacing:0px;padding-bottom:9px;}
.new_wrap .item-wrap .item-cont .item-list .sub {font-size:11px; font-family:나눔고딕;letter-spacing:0px; border-top:0px solid #eeeeee; color:#3c3c3c; font-weight:bold; padding:8px 0 5px 0; }
.new_wrap .item-wrap .item-cont .item-list .sub2 {font-size:11px; font-family:나눔고딕; letter-spacing:0px; border-top:0px solid #eeeeee; padding-top:9px;font-weight:normal; color:#737373;  font-weight:bold;}
.new_wrap .item-wrap .item-cont .item-list .sub3 {font-family: campton_light, campton_bold, Kanit, "Century Gothic", 나눔바른고딕, NanumBarunGothic, 돋움, Dotum !important; font-weight:bold; font-size:13px; letter-spacing:0px;border-top:0px solid #eeeeee;color:#f25757; font-weight:bold; padding:0 0 5px 0;}


.new_wrap .item-wrap .item-cont .item-list .icons{position:absolute;top:0;right:0px;padding-top:9px;border-top:1px solid #eeeeee;line-height:20px;}
.new_wrap .item-wrap .item-cont .item-list .icons li{float:left;padding-right:5px;padding-top:9px;}
.new_wrap .item-wrap .item-cont .item-list .view a{display:block;width:26px;height:26px;text-indent:-9999px;background:url(//kk0517700.speedgabia.com/avenue/images/icon_iv.gif) no-repeat;border:1px solid #d5d5d5;}
.new_wrap .item-wrap .item-cont .item-list .view .preview{background-position:6px 50%; }
.new_wrap .item-wrap .item-cont .item-list .view .cart{background-position:-79px 50%;margin-left:4px;}
.new_wrap .item-wrap .item-cont .item-list .view .opt{display:none;}

.sub_title{text-align:center; font-size: 18px; color: #d12b2b; font-family: 'Cardo',serif; font-weight: 400;}

.prd-icon img{margin-right:2px;}
li.sub_icon {
    margin-top: 10px;
}

/* BASIC css end */