/* BASIC css start */
.side_title {position: absolute;color: #fff;font-size: 15px;font-family: Brewery Com;text-align: center;}
.side_title .st1{font-size: 50px;font-weight: 600;margin-bottom: 10px;}
.side_title .st2 {font-size: 30px;margin-bottom: 24px;}
.side_container .side_wrapper .side_body {padding: 0!important;background: url(//sappun.img13.kr/site/event/20240205/01.jpg);}
.new_member_benefit a {background: #000;color: #fff;padding: 20px 0;width: 100%;text-align: center;margin: 25px 0 0;}
.section3 {padding: 50px 0;min-width: 1400px;}
#contentWrapper.side {background: #fff!important;}
#contentWrapper.side #contentWrap {min-width: 1400px!important;}
.e_title {text-align: center;padding: 70px;font-family: Brewery Com;font-size: 15px;}
.e_title .e_maintitle {font-size: 30px;font-weight: 600;margin-top: 10px;}
#contentWrapper.side .side_container ~ #content {background: #eae7e1;}
.F8F6F3 {background: #F8F6F3;}
.section1title {padding:30px;}
.con_cplist {display: flex;justify-content: space-between;padding-top:40px;}
.con_cp {padding: 30px;margin-right: 5px;width: 100%;}
.con_cp:last-child {margin-right: 0px;}
.con_cp .cp1 {font-family: Brewery Com;font-weight: 700;margin-bottom: 40px;}
.con_cp .cp2 {text-align: right;font-size: 25px;font-family: Brewery Com;font-weight: 700;line-height: 52px;}
.con_cp .cp3 {text-align: right;color: #A0A0A0;font-weight: 300;}

/*---------*/
.tit-page-2 .qrcode {position:absolute; top:0; right:0;}
.tit-page-2 .qrcode img {width:45px;}
.tit-page-2.line {padding-bottom:25px; border-bottom:1px solid #26231D;}

.new_member_benefit {margin-top:25px;display: grid;}
.new_member_benefit table td:last-child {text-align: right;}
.new_member_benefit table span {display:block; color:#8B8B8B;}

.review_benefit {border-top:1px solid #26231D; padding-top:30px; margin-top:25px;}
.review_benefit dl {display:table; table-layout:fixed; width:100%; line-height:16px; margin-bottom:30px;}
.review_benefit dl:last-child {margin-bottom:0;}
.review_benefit dl dt {width:150px; display:table-cell; text-align:center; color:#000; position:relative;}
.review_benefit dl dt:after {content:''; width:1px; height:16px; top:0; background:#000; right:0; position:absolute;}
.review_benefit dl dd {display:table-cell; padding-left:50px; color:#000; font-size:12px;}

.review_benefit dl dd ol {margin-top:18px; color:#8B8B8B; font-size:10px;}
.review_benefit dl dd ol li {padding-left:10px; line-height:18px; position:relative;}
.review_benefit dl dd ol li:after {content:'-'; position:absolute; top:0; left:0;}

#content.map {padding:0!important;}
#content.map #map {width:100%; height:100vh;}
  
.meber_grade_benefit {border-top:1px solid #26231D; padding-top:40px; margin-top:25px;}
.meber_grade_benefit dl {overflow:hidden;}
.meber_grade_benefit dl dd {float:left; width:25%; height:80px; position:relative;}
.meber_grade_benefit dl dd:after {content:''; background: #CBBCB0 url(//sappun.img13.kr/snap/image/common/icon_arrow_white.svg) 50% 50% no-repeat; background-size: 5px; width:18px; height:18px; position:absolute; border-radius:9px; display:block; z-index:1; right:-9px; color:#fff;}
.meber_grade_benefit dl dd:nth-child(1):after {bottom:25px;}
.meber_grade_benefit dl dd:nth-child(2):after {bottom:20px;}
.meber_grade_benefit dl dd:nth-child(3):after {bottom:15px;}
.meber_grade_benefit dl dd:last-child:after {content:none;}
.meber_grade_benefit dl dd .benefit_header {padding:16px 0 19px; color:#fff; text-align:center; position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between;}
.meber_grade_benefit dl dd .benefit_header h2 {color:#fff;}
.meber_grade_benefit dl dd .benefit_header.grade_01 {height:80px; background:#51423C;}
.meber_grade_benefit dl dd .benefit_header.grade_02 {height:70px; background:#7B6C63;}
.meber_grade_benefit dl dd .benefit_header.grade_03 {height:60px; background:#A18F81;}
.meber_grade_benefit dl dd .benefit_header.grade_04 {height:50px; background:#CBBCB0;}


.meber_grade_benefit ul {display:flex; background:#F7F7F7;}
.meber_grade_benefit ul li {width:25%; text-align:center; padding:46px 0;background: #f8f6f3;}
.meber_grade_benefit ul li div {margin-bottom:30px; font-size:12px;}
.meber_grade_benefit ul li div:last-child {margin-bottom:0;}
.meber_grade_benefit ul li div span {font-size:12px; font-weight:300; display:block;}

.information {font-size:12px; color:#8B8B8B; margin-top:40px;}
.information h3 {font-weight:500; font-size:12px; color:#8B8B8B;}
.information ol {margin-top:5px;}
.information ol li {padding-left:10px; line-height:18px; position:relative;}
.information ol li:after {content:'-'; position:absolute; top:0; left:0;}

#mypage {padding-bottom:120px;}
/* BASIC css end */