/* BASIC css start */
.bbs-table-list{}
.bbs-table-list ul{text-align: left;}
.bbs-table-list ul li{display:inline-block; vertical-align:top; margin-right: 5px;}
.bbs-table-list ul li a{
    text-align: center;
    display: block;
    padding: 7px;
    border: 1px solid #ddd;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    letter-spacing: -1px;
    font-size: 14px;}


.bbs-table-list ul li.default a{
    width: 75px !important;
    border-radius: 10px;}

.bbs-table-list ul li a.on{
    background: #b00635;
    color: #fff;
    border: 1px solid #b00635;
}


ul.brand_detail_wrap01 { margin:0px 0 40px 0; background:#F9F9F9; }
ul.brand_detail_wrap01 li { float:left; margin:30px 0; }
ul.brand_detail_wrap01:after {content: ""; display: block; clear: both; }
ul.brand_detail_wrap01 li:first-child { width:110px; text-align:center; font-weight:bold; font-size:25px; }
ul.brand_detail_wrap01 li:first-child.type02 { font-size:18px; line-height:32px; }
ul.brand_detail_wrap01 li:last-child { 
    width: 1090px;
    border-left: 1px solid #C6C6C6;
    padding-left: 20px;
    font-size: 0;}

ul.brand_detail_wrap01 li a { text-align:center; display:inline-block; ; width: 16.6%;; padding:9px 0; font-size:14px; font-family: 'Malgun Gothic' !important; color:#7E7E7E; }
ul.brand_detail_wrap01 li a.on { color:#C00000;  }
ul.brand_detail_wrap01 li a:hover { color:#C00000;  }

ul.brand_detail_wrap01 li img { padding-right:3px; vertical-align: top; padding-top: 4px; }
ul.brand_detail_wrap01 #nobrand { display:inline-block; width:140px; padding:10px 0; font-size:16px; color:#7E7E7E; }

















.rel{position:relative}
.cateTit .line{
    margin: 30px auto !important;
    margin-top: 0 !important;}

.subname{
    font-size: 14px;
    color: #646464;
    padding-top: 10px;}


.item-list dd ul li.review{
    position: absolute;
    right: 0;
    bottom: -4px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 3px 11px;
    margin-top: 5px;}


.item-list dd ul li.review em{font-weight:bold;color:#a90031}

#productClass .item-wrap.best .cateTit{
    padding-top: 15px;}

/* class-list */
#productClass .item-wrap.best{
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 60px;}

#productClass .cate-wrap .bcate {
    text-align:left;
    padding: 35px 20px 20px 0;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    background: url(/design/chaye/supermarket/img/cate_ico.png) no-repeat;
    background-position: left 43px;
    text-indent: 18px;
    font-family:'Malgun Gothic' !important;}

#productClass .cate-wrap .cateCover{position:relative; margin: 0px 0 30px;}    



.item-info{position: relative;}    
.item-info select{
    border: 0;
    font-size: 13px;
    height: auto;
    color: #a2a2a2;
    cursor: pointer;
    padding: 10px 0;}
    
.item-count{
    display: inline-block;
    position: absolute;
    margin: 7px 0 10px;
    left: 0;
    font-size: 13px;
    color: #000;}


.item-order.sort{
    text-align: right;}

#productClass .cate-wrap .class-list ul { font-size:0; *zoom:1; margin-top: 10px;}
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li {
    padding-top: 5px;
    width: 202px;
    margin-right: 5px;
    display: inline-block;}

#productClass .cate-wrap .class-list ul li:nth-child(6n){
    margin-right:0}

#productClass .cate-wrap .class-list ul li a {
    display: block;
    font-size: 14px;
    border: 1px solid #e3e3e3;
    color: #757474;
    padding: 8px 0 8px 15px;}
#productClass .cate-wrap .class-list ul li.on{}
#productClass .cate-wrap .class-list ul li.on a{
    color: #000000;
    padding-bottom: 9px;
    background: #e5e5e5;}

#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: 100px;}

.item-list .thumb{position:relative;border:1px solid #e5e5e5;}

    

.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{
    z-index:2;
    text-align:center;
    position: absolute;
    top: 0;
    left: 0;
    height: 70px;
    line-height: 70px;
    width: 70px;
    background: #b00635;
    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{position:relative;}


.item-list dd ul li.prd-name{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: 16px !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;}
    
    

.brand-select { _display:none; padding-top:30px; text-align:center }
.brand-select select { width:462px; height:40px; font-size:15px; color:#555 }
.brand-select a { display:inline-block; margin-left:3px; width:118px; height:38px; font-size:15px; color:#fff; text-align:center; line-height:38px; border:1px solid #101010; background: #101010; vertical-align:top; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.brand-select a:hover { color:#101010; background:#fff }
.brand-select a:active { position:relative; top:1px }

.brand-banner { padding-top:0px; text-align:center }

.brand-banner table thead{display:none}

.page-body { padding-top:30px }

.prd-sort:after { clear:both; display:block; content:''; }
.prd-sort { height:22px; padding:15px 0 0 0; }
.prd-sort .sort-count { float:left; color:#6b6b6b; }
.prd-sort .sort-list { float:right; color:#464646; }
.prd-sort .sort-list span { display:inline-block; padding:0 5px; color:#464646; }


.brand-banner table tbody tr{}
.brand-banner table tbody tr td{border-bottom: 0;
    padding: 0;
    padding-right: 5px;
    padding-bottom: 5px;}
    
.brand-banner table tbody tr td:nth-child(6n){
    margin-right: 0;}

.brand-banner table tbody tr td a{
    text-align: left;
    font-family: 'Malgun Gothic' !important;
    display: block;
    font-size: 13px;
    border: 1px solid #e3e3e3;
    color: #757474;
    padding: 8px 0 8px 15px;}

.brand-banner table tbody tr td a.on{
    background: #e5e5e5;
    color: #000;}
    
    
#MS_select_brand_list{}
#MS_select_brand_list option{}
/* BASIC css end */