/* BASIC css start */
/* class-list */
#detailpage{top:10% !important;}
#productClass .item-wrap.best{padding: 30px 0 20px;}
#productClass .item-wrap.best h3{
    font-size: 25px;
    color: #ddd;
    letter-spacing: 5px;
    font-style: inherit;}

.cateTit .line{margin-top: 0 !important;}
#productClass .cate-wrap .bcate {
    padding: 15px 20px 20px 0;
    font-size: 40px;
    font-weight: 800;
    font-family: 'Roboto Condensed', sans-serif;
    color: #222222;
    letter-spacing: -1px;}

.nodata{
    text-align: center;
    margin: 100px 0;
    font-size: 15px;
}

.prd-class-hd{}

.topimg{text-align:center}

#productClass .item-wrap .item-info{
    padding: 30px 0;
    border-top: 1px solid #eee;}

#productClass .cate-wrap .cateCover{
    padding-bottom: 40px;
    position: relative;}
    
#productClass .cate-wrap .cateCover .class-list{}

#productClass .cate-wrap .item-info{position:absolute; right: 0; top: 0;}    

.item-total{
    float: left;
    font-size: 15px;
    color: #999999;
    font-family: 'Roboto Condensed', sans-serif;}


.item-total font{color:#000}

.item-info .sort{float:right}
.item-info .sort dd a{
    padding-left: 20px;
    color: #999999;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;}
    
.item-info .sort dd a.selected{color:#000}
    
    

#productClass .cate-wrap .class-list ul {font-size:0; *zoom:1; }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {
    margin-bottom: 20px;
    border-right: 1px solid #eee;
    padding: 0 20px;
    display: inline-block;}
    
#productClass .cate-wrap .class-list ul li:nth-last-child(1){border-right:0}

#productClass .cate-wrap .class-list ul li:nth-child(1){padding-left:0}

#productClass .cate-wrap .class-list ul li a {
    margin-bottom: -1px;
    display: block;
    font-size: 18px;
    border-bottom: 0;
    color: #747474;
    letter-spacing: -1px;
    font-family: 'Roboto Condensed','Spoqa Han Sans',sans-serif;}
    
#productClass .cate-wrap .class-list ul li .on{
    background: #000000;
    color: #fff;
    padding: 1px 3px;}

#productClass .cateTit h3{
    font-size: 50px;
    text-align: center;
    padding: 20px 0;
    color: #222222;
    font-weight: 900;
    letter-spacing: -1px;}
    

.item-list {
    position:relative;
}



.item-list .prd-name{
    font-weight:400;
    color:#000;
    font-size: 14px;
    padding: 15px 0 7px;}

.item-list .prd-consumer:before,
.item-list .prd-price:before{content:"￦"; }



.item-list .thumb {
	position: relative;
}
.item-list .thumb .dc {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
	line-height: 70px;
	width: 70px;
	background: #6b3590;
	color: #fff;
	font-size: 24px;
}
.item-list .thumb .dc em {
	font-size: 18px !important;
}
.item-list .thumb .dc.term {
}
.item-list .thumb .dc em:nth-child(3), .item-list .thumb .dc em:nth-child(4) {
	display: none !important
}
.item-list .thumb .dc em.num {
	font-size: 24px !important;
	display: inline-block;
	overflow: hidden;
}
.item-list .thumb .dc em.percent {
	font-size: 18px !important;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}
.item-list dd {
}

.item-list dd ul li.prd-price {
	display: inline-block;
	color: #0d0d0d;
	font-size: 15px;
    font-family: 'Spoqa Han Sans';
	font-weight: 500;
}
.item-list img {
	width: 100%;
}
.item-list dd .discount {
	vertical-align: top;
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	background: #ff8e95;
	text-align: center;
	color: #fff;
}
.item-list dd .discount .dc {
	font-size: 40px;
	font-family: 'Roboto Condensed';
	font-weight: 600;
	letter-spacing: -2px;
}
.item-list dd .discount .dc em {
	font-size: 18px;
	font-family: "Nanum Gothic", sans-serif;
	vertical-align: middle;
	margin-bottom: -5px;
	display: inline-block;
	margin-left: 2px;
}
.item-list dd ul li.prd-consumer {
	color: #888888;
	font-size: 15px;
	font-weight: normal;
	display: inline-block;
    font-family: 'Spoqa Han Sans'; 
	padding-right: 4px;
}
.item-list dd ul li.dc {
	color: #94223e;
	display: inline-block;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 800;
	margin-left: 5px;
}
.item-list dd ul li.dc em.num {
}
.item-list dd ul li.dc em.percent {
	font-size: 16px !important;
	font-weight: bold !important;
	margin-left: 2px;
}
.item-list dd .color {
	font-size: 0;
	position: absolute;
	right: 14px;
	top: 20px;
}
.item-list dd .color p {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	width: 15px;
	height: 15px;
}
.item-list dd .color p:last-child {
	margin-right: 0
}


/*베스트영역*/

/*BEST*/
#BEST{font-size:0;
    padding-top: 20px;}

#BEST .item-list{
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 50px;}

#BEST .item-list:nth-child(1),
#BEST .item-list:nth-child(4n+1){margin-left:0}
#BEST .item-list:nth-child(4n){margin-right:0}



/*일반진열*/

/*LIST*/
#LIST{font-size:0;
    padding-top: 20px;}

#LIST .item-list{
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 50px;}


#LIST .item-list img{width:100%}

#LIST .item-list:nth-child(1),
#LIST .item-list:nth-child(4n+1){margin-left:0}
#LIST .item-list:nth-child(4n){margin-right:0}

/* BASIC css end */