body {overflow:visible;}
body.notscroll {overflow:hidden;}
header {position:relative; height:155px; padding:14px 0 17px; border-bottom:1px solid #eee;}
#cnt .cntbody {width:100%;}
#boardview .boxview {padding:0 !important; border:0 !important;}
video[poster] {height:100%; width:100%; object-fit:fill;}
.list_comment,
.write_comment {width:1200px !important; margin:0 auto;}
.txtout * {color:transparent; font-size:0; text-indent:-9999px; line-height:0;}
.more_info a,
.buy a,
.notice_view a {display:inline-block; vertical-align:top;}
#special_content .notice_view a img {width: 100%; max-width: 400px; margin: 0 20px;}
.notice_wrap {padding-bottom: 90px;}
.notice_layer {display:none; line-height:2 !important; text-align:left;}
.notice_layer dl dt {padding-top:15px; padding-bottom:5px; color:#333; font-family:'Noto Sans KR', sans-serif; font-size:18px !important; font-weight:600; padding-left: 50px; display: block;}
.notice_layer dl dd {position:relative; padding:0 0 0 10px; color:#333; font-family:'Noto Sans KR', sans-serif; font-size:16px !important; font-weight:400; line-height: 1.8; margin-left: 50px}
.notice_layer dl dd:before {display:block; content:'-'; position:absolute; top:0; left:0; color:#333; 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;}
.layer_layout {display:none; position:fixed; top:50%; left:50%; z-index:100; width:600px; height:700px; margin:-350px 0 0 -300px; background-color:#fff;}
.layer_layout img {width:100% !important; height:auto;}
.layer_layout .layer_inner {overflow:auto; width:100%; height:100%;}
.layer_layout .layer_close {position:absolute; top:-55px; right:0; z-index:10; width:55px; height:55px; background:url('https://image.serybox.com/pc/button/layer_close.png') no-repeat center; cursor:pointer;}
.layer_popup {display:none; overflow:hidden; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.layer_popup img {width:100%;}
.layer_popup > a {display:block;}
.layer_popup .layer_inner {position:fixed; top:50%; left:50%; z-index:10; width:442px; height:307px; margin:-153.5px 0 0 -221px; cursor:pointer;}
.layer_popup .layer_inner .layer_close {position:absolute; top:0; right:0; z-index:5; width:12%; height:17%; background:none;}
.layer_popup .layer_inner .btn0 {position:absolute; bottom:0; left:0; z-index:5; width:50%; height:20%; background:none;}
.layer_popup .layer_inner .btn1 {position:absolute; bottom:0; right:0; z-index:5; width:50%; height:20%; background:none;}
.layer_popup .layer_inner .btn2 {position:absolute; bottom:0; left:0; z-index:5; width:100%; height:20%; background:none;}
.content_common img {max-width:100%; height:auto;}
.content_common .inner {position:relative; width:980px !important; margin:0 auto;}
.content_common.common0 {padding:48px 0 80px; background:#ffd257;}
.content_common.common0 .txt_wrap {position:relative; min-height:531px; background:url('https://image.serybox.com/event/common/pc/common0_bg.jpg') no-repeat 73px top; text-align:right;}
.content_common.common0 .txt_wrap .txt {display:inline-block; position:absolute; bottom:0; right:0; width:50%; text-align:left; vertical-align:bottom;}
.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);
    }
}



body {padding: 0; margin: 0;}
#special_content {overflow:hidden; text-align:center; padding: 0; margin: 0;}
#special_content img {max-width:100%;;}
#special_content > li > .cont_box {text-align: center; 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: 700px 0 0; background-size: 680px 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: 0px; text-align: center;}
#special_content > li .membership_btn a {display: inline-block;}
#special_content > li .membership_btn img {width: 100%; max-width: 550px; margin: 0 20px;}

.join_box {max-width: 680px; width: 100%; z-index: 99999; position: fixed; display: flex; visibility: hidden; opacity: 0; bottom: 0; left: 50%; transform: translate(-50%, 0); transition: all ease 0.3s;}
.join_box img {max-width: 100%;}
.join_box a {display: block; padding: 4px;}
.join_box a:first-child {padding-right: 0;}
.join_box.active {visibility: inherit; opacity: 1;;}