/* BASIC css start */
/* class-list */
#detailpage{top:10% !important;}
#productClass .item-wrap.best{padding: 30px 0 50px;}
.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/goldplate1/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: 30px 0 30px;}
    
#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: 16px;
    border-bottom: 1px solid #e3e3e3;
    padding: 5px 20px 10px 20px;
    color: #555555;
    font-weight: 100;}
#productClass .cate-wrap .class-list ul li.on{}
#productClass .cate-wrap .class-list ul li.on a{border-bottom: 2px solid #6b3590; 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: 100px;}

.item-list .thumb{position:relative;}

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


#contentWrap{width:100%;}
    

#content{text-align:center;}
div.page-body a img{margin-bottom:20px;}


/* 신규가입혜택 페이지 소스 시작 */
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* Reset */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Noto Sans KR', sans-serif;color:#727272;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:20px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}


input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}


.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


section {
    width: 100%;
    height: 100%;
}

.menu-box1{background-color:#21326a;}

.menu-box1 ul {
    display: flex;
    width:1200px;
    margin:0 auto;
}
.menu-box1 ul li {
    flex-grow: 1;
    display: inline-block;
    text-align: center;
    background-color: #21326a;
    transition: .3s;
}

.menu-box1 ul li:hover {
    background-color: #b291d4;
}

.menu-box1 ul li a {
    display: block;
    padding: 0px;
    color: #fff;
    font-size:25px;
    height:100px;
    line-height:100px;
    border-right:1px solid #fff;
}

.menu-box1 ul li a:hover {background-color:#3d539a !important;}


.menu-box1 ul li.left a {
    display: block;
    padding: 0px;
    color: #fff;
    font-size:25px;
    height:100px;
    line-height:100px;
    border-left:1px solid #fff;
}

.menu-box1 ul li.left a:hover {background-color:#3d539a !important;}


.menu-box1 ul li.right a {
    display: block;
    padding: 0px;
    color: #fff;
    font-size:25px;
    height:100px;
    line-height:100px;
    border-right:1px solid #fff;
}

.menu-box1 ul li.right a:hover {background-color:#3d539a !important;}


.box1 {
    margin-top: 300px;
    width: 300px;
    height: 300px;
    background-color: darkseagreen;
}

.box2 {
    margin-top: 300px;
    width: 300px;
    height: 300px;
    background-color: darkgoldenrod;
}

.box3 {
    margin-top: 300px;
    width: 300px;
    height: 300px;
    background-color: palevioletred;
}

/* 신규가입혜택 페이지 소스 끝 */


.join_benefit_list{width:1200px; margin:0 auto;}

.join_benefit_list img{width:33%;}

.join_area1{padding:00px 0 150px 0;}
.join_go{width:400px; height:80px; background-color:#21326a; border-radius:50px; margin:0 auto;}
.join_go a{color:#fff; font-size:28px; line-height:80px;}

.join_area2{padding:70px 0 150px 0;}
.join_go{width:400px; height:80px; background-color:#21326a; border-radius:50px; margin:0 auto;}
.join_go a{color:#fff; font-size:28px; line-height:80px;}

.join_area3{padding:70px 0 150px 0;}
.join_go{width:400px; height:80px; background-color:#21326a; border-radius:50px; margin:0 auto;}
.join_go a{color:#fff; font-size:28px; line-height:80px;}


div#contents img{width:100%;}

#header .headerBottom .headerBottomLeft{display:none;}

/* BASIC css end */