/* BASIC css start */
#container{ }
#contents{background:#fff; text-align:center; margin: 0px auto 20px; width: 100%; }
#contents img{width:100%;}


#contents img.tit{width:60%; margin:0 0 50px 0; text-align:left;}

.tit-page {
    padding: 47px 0 30px 0;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.membership{text-align:center;}

.levelName img {width:20% !important;}

.listArea {margin:0 auto;}
.listArea:after { display:block; clear:both; content:'' }
.list {float:left; width:50%;}
.list img{width:70% !important;}
.list p {text-align:center;  font-size:15px; font-family:'³ª´®°íµñ'; line-height:1.5; letter-spacing:-1px;}
.list .tit_list {font-weight:bold;  padding:20px 0px 10px;}
.list .des_list { padding-bottom:50px;}
.list:nth-child(7):after { display:block; clear:both; content:'' }



.benefitTitle { font-size:15px; color:#000; font-weight:700 }
.benefitWrap { padding-top:27px }
.benefitWrap .benefitList { margin-top:10px; border-top:1px solid #000 }
.benefitWrap .benefitList .benefit { padding-bottom:30px; border-bottom:1px solid #ccc }
.benefitWrap .benefitList .benefit .levelName { padding:13px 10px 11px; font-size:15px; color:#000; font-weight:700; border-bottom:1px solid #e5e5e5; background:#f8f8f8 }
.benefitWrap .benefitList .benefit .levelInfo { padding:0 10px }
.benefitWrap .benefitList .benefit .levelInfo .coupon {padding: 10px 0 25px 0; margin:0 auto;}
.benefitWrap .benefitList .benefit .levelInfo .coupon img {width:120px !important; }
.benefitWrap .benefitList .benefit .levelInfo dl { padding-top:25px }
.benefitWrap .benefitList .benefit .levelInfo dt { font-size:13px; color:#000; font-weight:600 }
.benefitWrap .benefitList .benefit .levelInfo dd { padding-top:3px; font-size:13px; color:#8d8d8d }
.benefitWrap .benefitList .benefit .levelInfo dd .discountBox { display:inline-block; width:50px; height:50px; font-size:15px; color:#fff; font-weight:600; text-align:center; line-height:50px; border-radius:100% }
.benefitWrap .benefitList .benefit .levelInfo dd .discount20 { background:#000 }
.benefitWrap .benefitList .benefit .levelInfo dd .discount15 { background:#666 }
.benefitWrap .benefitList .benefit .levelInfo dd .discount10 { background:#aaa }
.benefitWrap .benefitList .benefit .levelInfo dd .discount5 { background:#ccc }


.des_member{text-align:left; font-family:'³ª´®°íµñ'; font-size:13px; line-height:2; padding:10px; letter-spacing:-1px; border:1px solid bottom; }
/* BASIC css end */