/* BASIC css start */
/* class-list */
#detailpage{top:10% !important;}
#productClass .item-wrap.best{padding: 30px 0 20px;}
.cateTit .line{margin-top: 0 !important;}
#productClass .cate-wrap .bcate {
    padding: 30px 20px 10px 0;
    font-size: 30px;
    font-weight: 500;
    font-family: lato;
    color: #222222;
    letter-spacing: -1px;}

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

.prd-class-hd{
    position: absolute;
    right: 0;
    top: 10px;}


#productClass .item-wrap .item-info{margin-top:30px}

#productClass .cate-wrap .cateCover{
    position: relative;}
    
#productClass .cate-wrap .cateCover .class-list{
    border-bottom: 1px solid #e3e3e3;}

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

.item-total{float:left;}
.item-info .sort{float:right}
.item-info .sort dd a{padding-left: 20px;}
.item-info .sort dd a.selected{color:#000}
    
    

#productClass .cate-wrap .class-list ul {font-size:0; *zoom:1;  text-align: center;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {
    padding: 0 30px;
    display: inline-block;}
#productClass .cate-wrap .class-list ul li a {
    margin-bottom: -1px;
    display: block;
    font-size: 16px;
    border-bottom: 0;
    color: #393939;
    letter-spacing: -1px;
    padding: 17px 7px;
    font-family: 'Spoqa Han Sans';}
    
#productClass .cate-wrap .class-list ul li .on{border-bottom: 3px solid #ff8e95;color: #000;}

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

/*베스트영역*/
#BEST {
	font-size: 0;
    padding-top: 30px;
	padding-bottom: 80px !important;
}
#BEST .item-list {
}

#BEST .item-list .thumb {
	position: relative;
}
#BEST .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;
}
#BEST .item-list .thumb .dc em {
	font-size: 18px !important;
}
#BEST .item-list .thumb .dc.term {
}
#BEST .item-list .thumb .dc em:nth-child(3), #BEST .item-list .thumb .dc em:nth-child(4) {
	display: none !important
}
#BEST .item-list .thumb .dc em.num {
	font-size: 24px !important;
	display: inline-block;
	overflow: hidden;
}
#BEST .item-list .thumb .dc em.percent {
	font-size: 18px !important;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}
#BEST .item-list dd {
}

#BEST .item-list dd ul {
	vertical-align: top;
	display: inline-block;
	padding-left: 15px;
	padding-top: 5px;
}
#BEST .item-list dd ul li.prd-price {
	display: inline-block;
	color: #0d0d0d;
	font-size: 15px;
	font-family: lato;
	font-weight: 500;
}
#BEST .item-list img {
	width: 100%;
}
#BEST .item-list dd .rank {
	vertical-align: top;
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	background: #ff8e95;
	text-align: center;
	color: #fff;
    position:relative; 
}
#BEST .item-list dd .rank .num {
    font-size: 32px;
    font-weight: 600;
    line-height: 60px;
    font-family: 'Spoqa Han Sans';
    display: block;
}
#BEST .item-list dd .rank .num em {
    font-size: 16px;
    font-family: lato;    
    font-weight: normal;
    display: block;    
    width:100%; 
    height:30px; 
    line-height:30px;    
    position: absolute;
    left:0; 
    bottom:5px;
    text-align:center;
    
}

#BEST .prd-name{
    font-family: "Nanum Gothic", sans-serif;
    font-size: 14px;}


#BEST .item-list dd ul li.prd-consumer {
	color: #888888;
	font-size: 15px;
	font-family: lato;
	font-weight: normal;
	display: inline-block;
	padding-right: 4px;
}
#BEST .item-list dd ul li.dc {
	color: #94223e;
	display: inline-block;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 800;
	margin-left: 5px;
}
#BEST .item-list dd ul li.dc em.num {
}
#BEST .item-list dd ul li.dc em.percent {
	font-size: 16px !important;
	font-weight: bold !important;
	margin-left: 2px;
}
#BEST .item-list dd .color {
	font-size: 0;
	position: absolute;
	right: 14px;
	top: 20px;
}
#BEST .item-list dd .color p {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	width: 15px;
	height: 15px;
}
#BEST .item-list dd .color p:last-child {
	margin-right: 0
}

#BEST .item-list dd {
	font-size: 16px;
	color: #000;
	font-weight: 300;
	text-align: left;
	position: absolute;
	bottom: -30px;
	background: #fff;
	width: 370px;
	left: 10px;
	padding: 16px 15px 16px;
	box-shadow: -1px 4px 5px -1px #b3b3b3;
}

#BEST .item-list-outer .icons{
    text-align:center;
    
}

#BEST .item-list-outer .icons img {
	width: auto; margin-right:5px;
}





/*일반진열*/
#LIST {
	font-size: 0;
    padding-top: 45px;
	padding-bottom: 80px !important;
}
#LIST .item-list {
    position:relative; 
}

#LIST .item-list .thumb {
	position: relative;
}
#LIST .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;
}
#LIST .item-list .thumb .dc em {
	font-size: 18px !important;
}
#LIST .item-list .thumb .dc.term {
}
#LIST .item-list .thumb .dc em:nth-child(3), #LIST .item-list .thumb .dc em:nth-child(4) {
	display: none !important
}
#LIST .item-list .thumb .dc em.num {
	font-size: 24px !important;
	display: inline-block;
	overflow: hidden;
}
#LIST .item-list .thumb .dc em.percent {
	font-size: 18px !important;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}
#LIST .item-list dd {

}
#LIST .item-list dd ul {
	vertical-align: top;
	display: inline-block;
	padding-left: 15px;
	padding-top: 5px;
}
#LIST .item-list dd ul li.prd-price {
	display: inline-block;
	color: #0d0d0d;
	font-size: 15px;
	font-family: lato;
	font-weight: 500;
}
#LIST .item-list img {
	width: 100%;
}
#LIST .item-list dd .rank {
	vertical-align: top;
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: inline-block;
	background: #ff8e95;
	text-align: center;
	color: #fff;
}
#LIST .item-list dd .rank .num {
    font-size: 32px;
    font-weight: 600;
    line-height: 60px;
    font-family: 'Spoqa Han Sans';
    display: block;
}
#LIST .item-list dd .rank .num em {
    font-size: 16px;
    font-family: lato;
    vertical-align: middle;
    margin-bottom: -5px;
    margin-left: 2px;
    position: absolute;
    bottom: 15px;
    font-weight: normal;
    display: inline;
    left: 35px;
}

#LIST .prd-name{
    font-family: "Nanum Gothic", sans-serif;
    font-size: 14px;}


#LIST .item-list dd ul li.prd-consumer {
	color: #888888;
	font-size: 15px;
	font-family: lato;
	font-weight: normal;
	display: inline-block;
	padding-right: 4px;
}
#LIST .item-list dd ul li.dc {
	color: #94223e;
	display: inline-block;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 800;
	margin-left: 5px;
}
#LIST .item-list dd ul li.dc em.num {
}
#LIST .item-list dd ul li.dc em.percent {
	font-size: 16px !important;
	font-weight: bold !important;
	margin-left: 2px;
}
#LIST .item-list dd .color {
	font-size: 0;
	position: absolute;
	right: 14px;
	top: 20px;
}
#LIST .item-list dd .color p {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	width: 15px;
	height: 15px;
}
#LIST .item-list dd .color p:last-child {
	margin-right: 0
}

#LIST .item-list dd {
	display: none;
	font-size: 16px;
	color: #000;
	font-weight: 300;
	text-align: left;
	position: absolute;
	bottom: 10px;
	background: #fff;
	width: 256px;
	left: 10px;
	padding: 16px 15px 16px;
}


#LIST .item-list_outer .icons{
    display:block; 
    text-align:center;
    padding:5px 5px 0 ; 
}

#LIST .item-list_outer .icons img {
	width: auto; margin-right:5px;
}

/* BASIC css end */