/* BASIC css start */
#content {font-family: 'Pretendard', 'Brewery Com';    font-weight: 500;}
#content .tit-page-2:first-child {margin-top: 100px;}

.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/20250124/in3.jpg);}
.side_container .side_wrapper .side_body::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.new_member_benefit a {background: #000;color: #fff;padding: 20px 0;width: 100%;text-align: center;margin: 25px 0 0;}
.meber_grade_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: 100px 0 70px;font-family: 'Pretendard','Brewery Com';font-size: 15px;font-family: }
.e_title .e_maintitle {font-size: 30px;font-weight: 600;margin-top: 10px;font-family: 'Pretendard','Brewery Com';}
#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;}
.underlined {text-decoration: underline;}
.flex{display:flex;}
.opacity1{opacity: 1!important;}
.space-between{justify-content: space-between;}
.align-end {align-items: end;}
.gap5 {gap: 5px;padding-bottom: 5px;}

.todaypoint_box.active {background: #51423C;color: #ffffff;}
.todaypoint_box {width: 100%;    height: 100px;    background: #f8f6f3;color: #959595;}
.todaypoint_date {padding: 15px 15px 35px;}
.todaypoint_won {padding: 0px 20px 0px 0px;text-align: right;font-size: 16px;}

.allmore {text-align: center;padding-bottom:50px}   
.allmore a {margin: 0 auto;text-align: center;display: block;width: 450px;background: #26231d;color: #fff;padding: 10px;}

/*---------*/
.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;    display: grid;}
.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;}



/*************영역 네비****************/
#section_list{height:100px; position:relative;}
#section_list ul{display: flex;justify-content: space-around;position:absolute; background: #ffffff6e;text-align:center; font-size:0;box-sizing:border-box; padding:0px; border-radius: 30px;    transform: translate(-50%, 100%);left: 50%;width: 30%;backdrop-filter: blur(7px);}
#section_list ul li{    font-weight: 500;font-family: 'Pretendard';color: #000; display:inline-block; vertical-align:top; width:calc(20% - 0px); margin-right:0px; cursor:pointer; position:relative; overflow:hidden;font-size: 14px;line-height: 40px;}
#section_list ul li:last-child{margin:0;}
#section_list ul li:after{content:''; display:block; width:100%; height:2px;  position:absolute; left:0; bottom:-2px; transition:all 0.3s;}
#section_list ul li h3{font-size:15px; color:#232323; letter-spacing:-0.3px; font-weight:normal; font-family:'Noto Sans KR', sans-serif; line-height:20px;font-weight: 500;}
#section_list ul li.on:after{bottom:0;}
#section_list ul .on {border-bottom: 2px solid;font-weight: 700;}
#section_list_ul { transition:all 0.3s; }
#section_list.fix ul {position:fixed; z-index:1100;top: 50px;}

/**********************/
.off_list_box .off_list_box_wrap {display:none;    padding-top: 30px;padding-bottom: 70px;}
.off_list_box .off_list_box_wrap.active {display:block;}
.off_info_box {width: 40%;padding-left: 30px;font-size: 14px;color: #222;    line-height: 1.5;font-family: 'Pretendard';}
.info_t1 {padding-top: 30px;font-weight: bold;}
.swiper_tab_box {    margin: 0 auto 20px;display: flex;gap: 10px;width: 100%;    justify-content: center;}
.swiper_tab_box a {display: inline-block;padding: 10px 15px;line-height: 15px;color: #fff;font-weight: bold;font-size: 14px;background: #555;border-radius: 5px;font-family: 'Pretendard';}
.swiper_tab_box a.active {background: #a51d27;color: #fff;}


.wrap1400 {max-width: 1400px;margin: 0 auto;}





/* BASIC css end */