/* BASIC css start */
/* class-list */

.cate_title{}

.cate_title img{width:100%}

.displaynone{display:none !important}

.df-sub-menu.type-box{margin:15px 0 30px;position:relative;z-index:10 }

.df-sub-menu.type-box p.name{padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }

.df-sub-menu.type-box a span.count{margin-left:5px;font-size:11px;color:#666 }

.df-sub-menu.type-box ul.depth1{margin:0 -5px 0 -5px }

.df-sub-menu.type-box ul.depth1:after{clear:both;display:block;content:"" }

.df-sub-menu.type-box ul.depth1 > li{float:left;position:relative }

.df-sub-menu.type-box ul.depth1 > li > a{position:relative;margin:5px;padding:0 12px;display:block;height:36px;line-height:36px;border:1px solid #e4e4e4;font-size:12px;color:#444 }

.df-sub-menu.type-box ul.depth1 > li > a i.icon{position:absolute;top:12px;right:11px;font-size:12px }

.df-sub-menu.type-box ul.depth1 > li.selected > a{font-weight:bold !important; color:#222 !important; border-color:#d5d5d5 !important; background:#fafafa !important  }

.df-sub-menu.type-box ul.depth1 > li:hover > a{color:#222;font-weight:bold !important; background:#fafafa !important; border-color:#d5d5d5 !important  }

.df-sub-menu.type-box ul.depth1 > li:hover .depth2 > ul{display:block }

.df-sub-menu.type-box ul.depth1 > li.view-all > a{background:#555;border-color:#535353;color:#fff }

.df-sub-menu.type-box ul.depth1 > li.view-all > a:hover{font-weight:bold }

.df-sub-menu.type-box .depth2{display:block;position:absolute;top:36px;left:0;width:100%;z-index:20 }

.df-sub-menu.type-box .depth2 ul{display:none;margin:5px;padding:6px 0 9px;border:1px solid #e0e0e0;background:#fff;}

.df-sub-menu.type-box .depth2 ul > li{position:relative;margin:0;padding:0;white-space:nowrap;text-align:left }

.df-sub-menu.type-box .depth2 ul > li > a{padding:0 12px 0 12px;display:block;line-height:28px;color:#707070;font-size:12px;white-space:nowrap }

.df-sub-menu.type-box .depth2 ul > li > a > i.icon{position:absolute;top:9px;right:11px;font-size:12px }

.df-sub-menu.type-box .depth2 ul > li:hover > a{background:#f7f7f7;color:#333 }

.df-sub-menu.type-box .depth2 ul > li.selected > a{color:#333;font-weight:bold }

.df-sub-menu.type-box .depth2 ul > li:hover > a ~ .depth3 ul{display:block }

.df-sub-menu.type-box .depth3{display:block;position:absolute;top:-12px;left:100%;width:100%;margin-left:-10px;z-index:30 }

.df-sub-menu.type-box .depth3 ul{display:none;padding:6px 0 9px;margin:5px;border:1px solid #d7d7d7;background:#fff }

.df-sub-menu.type-box .depth3 ul li{position:relative;margin:0;padding:0;white-space:nowrap;text-align:left }

.df-sub-menu.type-box .depth3 ul li a{padding:0 12px 0 12px;display:block;line-height:28px;color:#707070;font-size:12px;white-space:nowrap }

.df-sub-menu.type-box .depth3 ul li:hover a{background:#f7f7f7;color:#333 }

.df-sub-menu.type-box .depth3 ul li:hover a,.df-sub-menu.type-box .depth3 ul li.selected a{color:#333;font-weight:bold }

.df-sub-menu.type-list.center ul.depth1{text-align:center }

.df-sub-menu.type-list.center ul.depth1 > li{float:none;display:inline-block;*display:inline;*zoom:1;vertical-align:middle }

.df-sub-menu.type-list.center .depth2{width:150px }

.df-sub-menu.type-list.center .depth2 ul{margin:5px 0 5px }

.df-sub-menu.type-box.center ul.depth1{text-align:center;font-size:0 }

.df-sub-menu.type-box.center ul.depth1 > li{float:none;display:inline-block;*display:inline;*zoom:1;vertical-align:middle }

.df-sub-menu.type-box.grid1 ul.depth1 > li{width:100% }

.df-sub-menu.type-box.grid2 ul.depth1 > li{width:50% }

.df-sub-menu.type-box.grid3 ul.depth1 > li{width:33.333% }

.df-sub-menu.type-box.grid4 ul.depth1 > li{width:25% }

.df-sub-menu.type-box.grid5 ul.depth1 > li{width:20% }

.df-sub-menu.type-box.grid6 ul.depth1 > li{width:16.666% }

.df-sub-menu.type-box.grid7 ul.depth1 > li{width:14.285% }

.df-sub-menu.type-box.grid8 ul.depth1 > li{width:12.5% }

.df-sub-menu.type-box.grid9 ul.depth1 > li{width:11.111% }

.df-sub-menu.type-box.grid10 ul.depth1 > li{width:10% }

.df-sub-menu.type-box.grid1 ul.depth1 > li:nth-child(1n) .depth3,.df-sub-menu.type-box.grid2 ul.depth1 > li:nth-child(2n) .depth3,.df-sub-menu.type-box.grid3 ul.depth1 > li:nth-child(3n) .depth3,.df-sub-menu.type-box.grid4 ul.depth1 > li:nth-child(4n) .depth3,.df-sub-menu.type-box.grid5 ul.depth1 > li:nth-child(5n) .depth3,.df-sub-menu.type-box.grid6 ul.depth1 > li:nth-child(6n) .depth3,.df-sub-menu.type-box.grid7 ul.depth1 > li:nth-child(7n) .depth3,.df-sub-menu.type-box.grid8 ul.depth1 > li:nth-child(8n) .depth3,.df-sub-menu.type-box.grid9 ul.depth1 > li:nth-child(9n) .depth3,.df-sub-menu.type-box.grid10 ul.depth1 > li:nth-child(10n) .depth3{left:-100%;margin-left:10px }










#detailpage{top:10% !important;}
#productClass .item-wrap.best{padding: 30px 0 0px;}
.cateTit .line{margin-top: 0 !important;}
#productClass .cate-wrap .bcate {
    padding: 35px 20px 0px 0;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    background: url(/design/dhkorea88/supermarket/img/cate_ico.png) no-repeat;
    background-position: left 43px;
    text-indent: 18px;
    font-family:'Spoqa Han Sans';}

.nodata{
    text-align: center;
    margin-top: 100px;
    font-size: 15px;
}
#productClass .cate-wrap .cateCover{position: relative; margin: 0 0 30px;}

#productClass .cate-wrap .cateCover .class-list{width:1110px}
#productClass .cate-wrap .cateCover .item-info{position:absolute; right: 0; top: 0;}    
#productClass .cate-wrap .cateCover .item-info select{
    border: 0;
    font-size: 13px;
    height: auto;
    color: #a2a2a2;
    font-weight: 300;
    font-family: 'Spoqa Han Sans';
    cursor: pointer;
    padding: 10px 0;}
    
    

#productClass .cate-wrap .class-list ul { *zoom:1; margin-top: 10px; }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { float: left; }
#productClass .cate-wrap .class-list ul li a {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 15px 10px 15px;
    color: #555555;
}

#productClass .cate-wrap .class-list ul li.on{}
#productClass .cate-wrap .class-list ul li.on a{border-bottom: 2px solid #20c5b0; padding-bottom: 9px;}

#productClass .cateTit h3{
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
    color: #000;}

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

/*¿µ¿ª*/
.item-list{}

.item-wrap .catelist{margin-top: 30px !important}

.item-wrap .catelist .item-list{margin-bottom: 40px;}
.item-wrap .catelist .item-list:nth-child(5n){padding-right:0}

.item-list .thumb{
    width: 230px;
    height: 230px;}

    

.item-list .thumb a{vertical-align:top;display:block; position:relative;}

.item-list .thumb .cart{
    position: absolute;
    bottom: 15px;
    right: 15px;}
    
.item-list .thumb .cart a img{
    width: auto !important;}

.item-list .thumb .dc{
    text-align:center;
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    line-height: 70px;
    width: 70px;
    background: #20c5b0;
    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; width: 27px; display: inline-block;  overflow: hidden;}
.item-list .thumb .dc em.percent{display: inline-block !important;font-size: 18px !important; display: inline-block; vertical-align: top;}
.item-list dd{font-size: 16px;color: #000;font-weight: 300; text-align: left;}
.item-list dd ul{}


.item-list dd ul li.prd-name{margin-top: 20px !important; font-size: 18px;}
.item-list dd ul li.prd-price{
    padding-top: 5px;
    font-size: 20px;
    display: inline-block;font-family: 'Spoqa Han Sans'}
.item-list dd ul li.prd-price em{
    font-weight: 100 !important;
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 0px;}
.item-list dd ul li.prd-subname{font-size: 14px;color: #646464;margin-top: 10px !important;}
.item-list img{width:100%;}
.item-list dd ul li.prd-consumer{display: inline-block;color: #919191; font-size: 21px; margin-right: 8px; font-weight: 500;  font-family: 'Spoqa Han Sans';}
.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;}
    
/* BASIC css end */