body {overflow:visible;}
body.notscroll {overflow:hidden;}
video[poster] {height:100%; width:100%; object-fit:fill;}

.back_event {position: absolute; display: block; width: 40%; left: 0; top: 10px}

#special_content {position: relative; text-align: center}
#special_content .notice_view a img {width: 100%; max-width: 300px; margin: 0 20px;}
.notice_wrap {padding-bottom: 90px;}

.notice_wrap01 {color: #fff; padding: 10px 5% 40px}
.notice_wrap01 .notice_view > a {border-bottom: 1px solid #fff;}
.notice_wrap01 .notice_view > a:after,
.notice_wrap01 .notice_view > a:before {background: #fff;}
.notice_wrap02 {padding: 20px 5% 0; color: #000; background: url("https://image.serybox.com/event/2021/10/1014/newmember_wrap_img_06_bg.png") repeat-y center; background-size: contain}
.notice_wrap02 .notice_view > a {border-bottom: 1px solid #000;}
.notice_wrap02 .notice_view > a:after,
.notice_wrap02 .notice_view > a:before {background: #000;}

.notice_layer {display:none; line-height:2 !important; text-align:left;}
.notice_layer dl dt {padding-top:15px; padding-bottom:5px; color:inherit; font-family:'Noto Sans KR', sans-serif; font-size:18px !important; font-weight:600; padding-left: 20px; display: block;}
.notice_layer dl dd {position:relative; padding:0 0 0 15px; margin-left: 20px; color: inherit; font-family:'Noto Sans KR', sans-serif; font-size:16px !important; font-weight:400; line-height: 1.8;}
.notice_layer dl dd:before {display:block; content:'-'; position:absolute; top:0; left:0; color: inherit; font-family:'Noto Sans KR'; font-size:18px; font-weight:400;}
.notice_layer.white *,
.notice_layer.white dl dd:before {color:#fff;}
.notice_layer.gray *,
.notice_layer.gray dl dd:before {color:#777;}

.notice_view > a {display:inline-block; position:relative; width:auto; padding:0 36px 8px 4px; color:#inherit; font-size:24px; letter-spacing:-0.1rem; vertical-align:top;}
.notice_view > a:before {content:''; position:absolute; top:50%; right:8px; opacity:1; width:12px; height:2px; margin-top:-3px; background:#inherit; transform:rotate(45deg); transition:all .3s ease;}
.notice_view > a:after {content:''; position:absolute; top:50%; right:0; width:12px; height:2px; margin-top:-3px; background:#inherit; transform:rotate(135deg); transition:all .3s ease;}
.notice_view > a.active:before {transform:rotate(135deg);}
.notice_view > a.active:after {transform:rotate(45deg);}

.layer_layout {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background-color:#fff;}
.layer_layout img {width:100% !important; height:auto;}
.layer_layout .layer_inner {overflow:auto; width:100%; height:100%; background-color: #fff}
.layer_layout .layer_close {position:absolute; top:0; right:0; z-index:10; width:10vw; height:10vw; background:url('https://image.serybox.com/m/button/layer_prd_close.png') no-repeat center/cover;}
.layer_popup {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layer_popup .layer_inner {position:fixed; top:50%; left:50%; z-index:10; width:90%; background-color: #fff; border-radius: 20px; overflow: hidden; max-width: 440px; text-align: center; transform: translate(-50%, -50%)}
.layer_popup .layer_head {padding: 0 20px; display: table; width: 100%; box-sizing: border-box; padding-top: 20px;}
.layer_popup .layer_head em {font-size: 22px; font-weight: bold; font-style: normal; display: table-cell; vertical-align: middle; height: 160px;}
.layer_popup .layer_head em span {display: block; font-size: 18px; margin-bottom: 10px}
.layer_popup .layer_btn {display: table; width: 100%;}
.layer_popup .layer_btn a {display: table-cell; width: 100%; height: 65px; line-height: 1.2; vertical-align: middle; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px;}
.layer_popup .layer_inner .layer_close {position:absolute; top: 20px; right: 20px; z-index:5; width:20px; height:20px; background: url("https://image.serybox.com/event/2021/10/1014/layer_close.png") no-repeat center; background-size: contain}
.layer_popup .layer_btn.btn_double a {width: 50%;}
.layer_popup .layer_btn a.gray {background-color: #616161}
.layer_popup .layer_btn a.red {background-color: #D80000}
.layer_popup .layer_btn a.black {background-color: #000}

.chanel_content .inner {max-width: 720px; margin: 0 auto}
.chanel_content .inner a.btn {width: 90%; margin: 0 auto 0; display: block;}
.chanel_content .inner a.btn img {width: 100%}
.title_wrap {background-color: #E0E0E0; padding-bottom: 70px}
.title_wrap .info_box {padding: 30px 8% 45px;}
.title_wrap .info_box dl dd {color: #444752; font-size: 18px;}
.title_wrap .title_viual {background: url("https://image.serybox.com/event/2021/10/1014/bg_pc_img01.png") no-repeat center top; background-size: cover}
.title_wrap .title_viual img {width: 100%; max-width: 720px !important; top: 70px; position: relative}
.title_wrap .inner {padding-top: 70px;}
.chanel_wrap {padding-top: 160px; background: url("https://image.serybox.com/event/2021/10/1014/chanel_wrap_img06_pc.png") no-repeat center top; background-size: cover; padding-bottom: 170px}
.chanel_wrap img {max-width: 100%; }
.chanel_wrap .tit_img {width: 60%; margin-bottom: 55px}
.chanel_wrap .img_box {margin-bottom: 120px }
.chanel_wrap .img_box:after {content: ""; display: block; clear: both}
.chanel_wrap .img_box img {width: 90%;}
.chanel_wrap .img_box span {display: table; margin-top: 80px; text-align: center; width: 100%}
.chanel_wrap .img_box span a {display: table-cell;}
.chanel_wrap .img_box span a:first-child {text-align: right}
.chanel_wrap .img_box span a:last-child {text-align: left}
.chanel_wrap .img_box .prod {position: relative; margin: 0 auto}
.chanel_wrap .img_box .prod a {width: 50%; display: block; margin: 10px auto 0}
.chanel_wrap .img_box .prod .text_box > img {width: 80%; display: block; margin: 0 auto 4vw}
.chanel_wrap .img_box .text_box {position: absolute; bottom: 0; width: 100%; left: 0}
.chanel_wrap .img_box .prod.prod_01 {width: 80%; margin-bottom: 6vw}
.chanel_wrap .img_box .prod.prod_02 {width: 50%; float: left; text-align: center; box-sizing: border-box}
.chanel_wrap .img_box .prod.prod_02 .text_box > img {width: 90%; margin-bottom: 2vw}
.chanel_wrap .img_box .prod.prod_02 a {width: 80%}
.chanel_wrap .img_box .prod_wrap {padding: 0 2%}

.serybox_wrap {background: url("https://image.serybox.com/event/2021/10/1014/serybox_wrap_img05.png") no-repeat center top; background-size: 100% 100%;}
.serybox_wrap > .serybox_group {position: relative; padding-top: 140px;}
.serybox_wrap.complete > .serybox_group:before {content: ""; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 99998; width: 100%; height: 100%; background-color: rgba(0,0,0,0.67)}
.serybox_wrap.complete > .serybox_group:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background: url("https://image.serybox.com/event/2021/10/1014/complete_img.png") no-repeat center; background-size: 20%}
.serybox_wrap .tit_img {width: 80%; margin-bottom: 50px}
.serybox_wrap a {display: block; margin-bottom: 70px;}
.serybox_wrap a img {width: 90%;}
.serybox_wrap .inner div {padding-bottom: 140px;}
.serybox_wrap .info_box {padding: 0 5%}
.serybox_wrap .info_box dl dd {color: #6A6A6A}
.serybox_wrap .serybox_info {background: url("https://image.serybox.com/event/2021/10/1014/serybox_wrap_img04_bg.png") no-repeat center top; background-size: 100% 100%; padding: 85px 0 100px}
.cont_wrap {background-color: #35323E; padding-bottom: 115px}
.cont_wrap .tit_img {padding-top: 135px; width: 80%; margin-bottom: 50px; }
.cont_wrap .inner div img:first-child {margin-bottom: 30px;}
.cont_wrap .info_box dl dd {color: #6B6776 }
.state_wrap {background-color: #17151E; padding-bottom: 100px;}
.state_wrap .tit_img {padding-top: 120px; margin-bottom: 45px; width: 60%}
.state_wrap .state_top {padding: 0 10%; text-align: left}
.state_wrap .myinfo {border-top: 1px solid #A2A4B5; border-bottom: 1px solid #A2A4B5; margin-bottom: 85px; display: table; width: 100%; padding: 45px 0;}
.state_wrap .myinfo p {display: table-cell; vertical-align: middle;}
.state_wrap .myinfo em {color: #fff; display: block; font-size: 38px; font-weight: bold; font-style: normal; letter-spacing: -0.05em}
.state_wrap .myinfo p span {color: #727272; font-size: 24px; display: block; letter-spacing: -0.05em}
.state_wrap .myinfo strong {display: table-cell; text-align: right; line-height: 1.2; color: #fff; font-weight: bold; font-size: 68px; vertical-align: middle;}
.state_wrap .myinfo strong span {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: inherit;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: inherit;
    vertical-align: baseline;
}

.state_wrap .coupon_img {width: 70%; margin-bottom: 40px}
.state_wrap .state_cont {margin-bottom: 80px; padding: 0 15%}
.state_wrap .state_cont p {font-size: 26px; color: #fff; text-align: center; font-weight: bold}
.state_wrap .state_cont ul li {margin-top: 50px; position: relative}
.state_wrap .state_cont ul li img {width: 70%;}
.state_wrap .state_cont ul li p {position: absolute; font-size: 28px; bottom: 18%; text-align: center; width: 100%}
.state_wrap .state_cont ul li p span {color: #FFE600;font-size: 28px}
.state_wrap.type01 .myinfo strong span {background-color: #565656; line-height: 70px; padding: 5px 20px 10px; display: inline-block; margin-right: 5px}

.info_wrap {background-color: #383740; padding-bottom: 120px;}
.info_wrap .info_box {padding: 70px 15% 0;}
.info_wrap .info_box dl dt {text-align: left; margin-bottom: 20px }
.info_wrap .info_box dl dt img {width: 60%}
.info_wrap .info_title {background: url("https://image.serybox.com/event/2021/10/1014/info_wrap_img04_bg.png") no-repeat center top; padding: 35px 0; background-size: cover}
.info_box dl dd {text-align: left; color: #aaa; font-size: 18px; margin-top: 8px; padding-left: 15px; position: relative}
.info_box dl dd:before {position: absolute; content: "·"; display: block; top: 1px; left: 2px; color: inherit; font-size: inherit}

.entry_wrap {padding: 6.3953vw 0 12.7907vw; background-color: #0d1032}
.entry_wrap button {background: none; border: none; display: block; margin: 0 auto; padding: 0}
.entry_wrap .entry_top img.tit_img {width: 80%; margin-bottom: 60px}
.entry_wrap .entry_top .entry_info {width: 80%; position: relative; margin: 0 auto}
.entry_wrap .entry_top .entry_info img {width: 100%;}
.entry_wrap .entry_top .entry_info strong {position: absolute; top: 47%; transform: translate(0,-50%); display: block; text-align: center; width: 100%; font-size: 45px}
.entry_wrap .entry_top .entry_info strong span {font-size: 100px; display: inline-block; margin-right: 5px; position: relative; top: 6px}
.entry_wrap .entry_cont ul {width: 70%; margin: 60px auto 0}
.entry_wrap .entry_cont ul li {background: url("https://image.serybox.com/event/2021/10/1014/event_entry_img06.png") no-repeat center; background-size: contain; margin-bottom: 50px}
.entry_wrap .entry_cont ul li > div {position: relative; top: -35px;}
.entry_wrap .entry_cont ul li > div div {width: 72%; margin: 0 auto;}
.entry_wrap .entry_cont ul li > div div > button {padding: 15px 0}
.entry_wrap .entry_cont ul li > div div div {display: flex; max-width: 340px; width: 100%; justify-content: space-between;}
.entry_wrap .entry_cont ul li > div div div span.input_numner {display: table-cell; width: 40%; margin: 0 5%; vertical-align: middle; position: relative; background: url("https://image.serybox.com/event/2021/10/1014/event_entry_img14.png?v=1634555207103") no-repeat center; background-size: cover; border-radius: 5px;}
.entry_wrap .entry_cont ul li > div div div span input {width: 100%; left: 0; top: 0; color: #000; height: 100%; position: absolute; background: none; border: none; text-align: center; font-size: 60px; font-weight: bold}
.entry_wrap .entry_cont ul li > div div div .input_btn {display: table-cell; width: 28%; vertical-align: middle; background-size: contain}
.entry_wrap a.btn {margin-bottom: 50px !important}
#entry_popup.layer_popup .layer_inner {max-width: 720px }

.newmember_wrap {background-color: #1B1C21}

/* 공통영역 컨텐츠 */
.content_common img {max-width:100%; height:auto;}
.content_common .inner {position:relative; width:980px !important; margin:0 auto;}
.content_common.common0 {padding:70px 0; background:#ffd258;}
.content_common.common0 .txt_wrap {position:relative; min-height:516px; background:url('https://image.serybox.com/event/common/pc/common0_bg.jpg') no-repeat 73px top;}
.content_common.common0 .txt_wrap .txt {display:inline-block; position:absolute; bottom:0; right:50px; width:601px; text-align:center; vertical-align:bottom;}
.content_common.common0 .txt_wrap .txt a {display:inline-block; margin-top:40px;}
.content_common.common0 .notice_view {padding-top:34px;}
.content_common.common1 {background-color:#f3f2f0;}
.content_common.common2 {background-color:#ffffff;}
.content_common.common3 {background-color:#f3f2f0;}
.content_common.common4 {background-color:#ffffff;}
.content_common.common5 {background-color:#f8f7f5; padding-bottom:120px;}
.content_common.common5 .video_list {overflow:hidden; font-size:0;}
.content_common.common5 .video_list > li {float:right; width:480px;}
.content_common.common5 .video_list > li:first-child {float:left;}
.content_common.common5 .video_list .video_box {overflow:hidden; position:relative; width:100%; height:auto; vertical-align:top;}
.content_common.common5 .video_list .video_box .video_pre {position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; cursor:pointer;}
.content_common.common5 .video_list .video_box .video_pause {display:none; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; cursor:pointer;}
.content_common.common5 .video_list .video_box .video {position:relative; z-index:5; width:480px; height:265px;}
.content_common.common5 .video_list .btn {margin:15px 0 0; text-align:center;}
.content_common.common5 .video_list .btn > a {display:inline-block; padding:10px 20px 11px; background:#000; color:#fff; font-size:20px; vertical-align:top;}
.content_common.common6 {background:#fff;}
.content_common.common6 .consulting_popup {position:absolute; left:411px; top:344px; z-index:15; width:499px; height:251px; background:none; cursor:pointer;}

.point_wrap {position: relative;}
.point_wrap .point_link {position: absolute; text-indent: -99999px; background-color: rgba(0,0,0,0.3); width: 25px; height: 25px; border-radius: 25px; display: block; animation:twinkle 1.1s infinite}
.point_wrap .point_link::after {content: ""; display: block; width: 15px; height: 15px; background-color: #fff; position: absolute; top: 5px; right: 5px; border-radius: 15px;}
.point_wrap .point_link.po_meal {bottom: 21.5%; left: 27%}


@keyframes twinkle {
    0% {
        opacity:0; transform:scale(.5);
    }
    50% {
        opacity:.65; transform:scale(1);
    }
    100% {
        opacity:0; transform:scale(1.5);
    }
}

#coupon_apply_area {padding-bottom: 0;}
.cntbody {width: 100% !important}
body {padding: 0; margin: 0;}
/*#special_content {overflow:hidden; text-align:center; padding: 0; margin: 0; p}*/
#special_content img {max-width:100%;}
/*#special_content > li > .cont_box {text-align: center; width: 100%; max-width: 680px; margin: 0 auto; position: relative}*/
/*#special_content > li.col1 .cont_box {background: url(https://image.serybox.com/event/2021/09/0914/new_member_event01.png) no-repeat center top; padding: 120% 0 0; background-size: 100% auto;}*/
/*#special_content > li.col1 .notice_wrap {background-color: #B62D1D;;}*/
/*#special_content > li.col1 .notice_wrap .notice_layer dl dt {color: #fff;}*/
/*#special_content > li.col1 .notice_wrap .notice_layer dl dd {color: #fff;}*/
/*#special_content > li.col1 .notice_wrap .notice_layer dl dd::before {color: #fff}*/
/*!* #special_content > li.col2 {position: relative;}*/
/*#special_content > li.col2 img {position: relative; top: -20%} *!*/
/*#special_content > li .membership_btn {display: block; background-color: #EBEDFF; padding-bottom: 90px; text-align: center;}*/
/*#special_content > li .membership_btn a {display: inline-block; margin: 0 20px}*/
/*#special_content > li .membership_btn img {width: 100%; max-width: 400px;}*/
.menu_on span.gnb {
    font-size: 12px;
}