@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
html,body {margin:0; padding:0;}
body {overflow:visible;}
body.notscroll {overflow:hidden;}
header .menu.fixed {position:relative !important;}
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;}
#dimLayer {display:none; position:fixed; top:0; left:0; z-index:80; width:100%; height:100%; margin:0; padding:0; background-color:rgba(0,0,0,0.72); cursor:pointer;}
header .menu.fixed {position:relative !important;}

.notice_layer {display:none; padding:30px 0 30px 10px; line-height:2 !important; text-align:left;}
.notice_layer .notice_title {color:#5e6467; font-family:'Noto Sans KR', sans-serif; font-size:20px !important; font-weight:600;}
.notice_layer .notice_txt {position:relative; padding-left:10px; color:#5e6467; font-family:'Noto Sans KR', sans-serif; font-size:18px !important; font-weight:400;}
.notice_layer .notice_txt:before {display:block; content:'-'; position:absolute; top:0; left:0; color:#5e6467; font-family:'Noto Sans KR'; font-size:18px; font-weight:400;}
.notice_layer.white *,
.notice_layer.white .notice_txt:before {color:#fff;}

.login_popup {display:none; position:fixed; top:50%; left:50%; z-index:90; width:600px; margin:-210px 0 0 -300px;}
.login_popup a {display:block; height:80px;}
.login_popup .btn_gologin {position:absolute; bottom:0; left:0; width:50%; height:80px;}
.login_popup .btn_gojoin {position:absolute; bottom:0; right:0; width:50%; height:80px;}
.login_popup .btn_close_popup {position:absolute; top:0; right:0; width:80px; height:68px;}

.login_popup2 {display:none; position:fixed; top:50%; left:50%; z-index:90; width:478px; margin:-210px 0 0 -239px;}
.login_popup2 a {display:block; height:80px;}
.login_popup2 .btn_gologin {position:absolute; bottom:0; left:0; width:50%; height:80px;}
.login_popup2 .btn_gojoin {position:absolute; bottom:0; right:0;width:50%; height:80px;}
.login_popup2 .btn_close_popup {position:absolute; top:0; right:0; width:80px; height:68px;}

.layer_popup {display:none;}
.layer_popup .btn_ok_close_popup {position:absolute; bottom:0; left:0; width:100%; height:80px;}
.layer_popup .btn_close_popup {position:absolute; top:0; right:0; width:80px; height:68px;}

.product_detail_layer {display:none; position:fixed; top:50%; left:50%; z-index:100; width:600px; height:700px; margin:-350px 0 0 -300px; background-color:#fff;}
.product_detail_layer img {width:100%;}
.product_detail_layer .container {overflow:auto; width:100%; height:100%;}
.product_detail_layer .container img {width:100% !important; height:auto;}
.product_detail_layer .btn_close {position:absolute; top:-55px; right:0; width:55px; height:55px;}

#event_go {display:none; position:fixed; bottom:0; z-index:50; width:100%; border:0; margin:0 auto; text-align:center;}
#event_go .inner {width:960px; margin:0 auto;}

/* 기타 */
#ifrm_cmt {width:100%; border:0 none;}
.vjs-big-play-button {display:none !important;}
.optional_popup {display:none; position:absolute; top:515px; left:50%; z-index:81; margin-left:-300px;}
.contents_02_coupon_pack_check {display:none; position:absolute; top:401px; left:50%; z-index:81; margin-left:-300px;}
.btn_confirm {position:absolute; bottom:0; left:0; width:100%; height:80px; cursor:pointer;}
.btn_close {position:absolute; top:0; right:0; width:80px; height:80px; cursor:pointer;}
body:not(.is-fix-bottom) #ch-plugin-core > div {z-index:1 !important;}
.bottom_fix {position:fixed !important; bottom:0; left:0; z-index:11; height:70px; background-color:#ebebeb;}
.bottom_fix.stop {position:relative !important;}
.bottom_fix .selectbox_layer {position:relative; height:70px; padding:12px 53px; text-align:left; box-sizing:border-box;}
.bottom_fix .selectbox_layer .selectbox {display:inline-block; border:1px solid #ccc; width:547px; padding:10px 0 10px 20px; color:#8d8d8d; background:#fff url('https://image.serybox.com/event/2020/06/0617/pc/bottom_select_arrow_up.png') no-repeat 97% 15px; font-size:24px !important; line-height:1 !important; text-align:left;}
.bottom_fix .selectbox_layer .selectbox.active {background:#fff url('https://image.serybox.com/event/2020/06/0617/pc/bottom_select_arrow_down.png') no-repeat 97% 15px;}
.bottom_fix .selectbox_layer .selectbox.selected {border:1px solid #000; color:#000;}
.bottom_fix .selectbox_layer .package_list {display:none; position:absolute; bottom:58px; left:54px; border:1px solid #000;}
.bottom_fix .selectbox_layer .package_list.active {display:block !important;}
.bottom_fix .selectbox_layer .package_list li {border-bottom:1px solid #000; cursor:pointer;}
.bottom_fix .selectbox_layer .package_list li:last-child {border:0 none;}
.bottom_fix .selectbox_layer .bottom_fix_btn_buy {height:47px !important; margin-left:20px;}

/** HUBPAGE **/
/* 공통 */
#hubpage {width:100%; min-width:980px; margin:0 auto; text-align:center;}
#hubpage img {max-width:100%; font-size:0; line-height:0;}
#hubpage .section {position:relative;}
#hubpage .section > .inner {width:980px; margin:0 auto;}
#hubpage .section > .inner.wide {width:100%;}
#hubpage .section .view > *,
#hubpage .section .more > *,
#hubpage .section .btn > *,
#hubpage .section .buy > * {display:inline-block; vertical-align:top; cursor:pointer;}
#hubpage .section .more {width:auto; margin:0 auto; padding:0; border:0;}
#hubpage .section .tab_list {width:960px; margin:0 auto; padding-bottom:83px; background:#fff; font-size:0;}
#hubpage .section .tab_list li {display:inline-block; vertical-align:top; cursor:pointer;}
#hubpage .section .tab_cnt {display:none; width:960px; margin:0 auto;}
#hubpage .section .tab_cnt0 {display:block;}
#hubpage .section .slider {position:relative; width:960px; margin:0 auto;}
#hubpage .section .slider .slick-slide {width:100%; height:auto;}
#hubpage .section .slider .slick-prev {left:0; width:80px; height:80px; margin-top:-40px; background:url('https://image.serybox.com/event/2020/08/0825/pc/slider_prev.png') no-repeat center; transform:scale(1); cursor:pointer;}
#hubpage .section .slider .slick-next {right:0; width:80px; height:80px; margin-top:-40px; background:url('https://image.serybox.com/event/2020/08/0825/pc/slider_next.png') no-repeat center; cursor:pointer;}
#hubpage .section .slider .slick-dots {position:absolute; top:auto; bottom:0; left:0; width:100%;}
#hubpage .section .slider .slick-dots button {width:14px; height:14px; background:#bebebe;}
#hubpage .section .slider .slick-dots .slick-active button {background:#000;}
#hubpage .common_01 {background-color:#f3f2f0;}
#hubpage .common_02 {background-color:#ffffff;}
#hubpage .common_03 {background-color:#f3f2f0;}
#hubpage .common_04 {background-color:#ffffff;}
#hubpage .common_05 {background-color:#f8f7f5; padding-bottom:100px;}
#hubpage .common_06 .inner {position:relative;}
#hubpage .common_06 .btn {position:absolute; left:411px; top:344px; z-index:5; width:499px; height:251px; background:none; cursor:pointer;}
#hubpage #mov_layer {width:100%; margin:0 auto; text-align:center;}
#hubpage .video-js {margin:0 auto; text-align:center;}
#hubpage .hub_menu {width:100%; height:90px; background:#ffe4a0;}
#hubpage .hub_menu .inside {position:relative; width:100%; height:90px; background:#ffe4a0;}
#hubpage .hub_menu .inside.fixed {position:fixed; top:0; left:0; z-index:80;}
#hubpage .hub_menu .inside ul {width:980px; height:110px; margin:0 auto; font-size:0;}
#hubpage .hub_menu .inside ul li {display:inline-block; overflow:hidden; width:245px; vertical-align:top; cursor:pointer;}
#hubpage .hub_menu .inside ul li img {-webkit-transition:all .3s ease; transition:all .3s ease;}

/* 섹션별 */
#hubpage .section0 {background:#151139;}
#hubpage .section0 .con0 {position:relative; top:148px; z-index:1;}

#hubpage .section1 {padding:320px 0 100px; background:#ffebc2;}
#hubpage .section1 .con0 {padding-bottom:140px;}
#hubpage .section1 .con1 {padding-bottom:145px;}
#hubpage .section1 .con2 .title {padding-bottom:52px;}

#hubpage .section2 {padding:140px 0 102px; background:#452197;}
#hubpage .section2 .con0 .title {padding-bottom:50px;}
#hubpage .section2 .con0 .timer {display:inline-block; width:510px; height:75px; margin:0 auto 59px; border:solid #fff; border-width:1px 0; color:#fff; font-size:42px; font-weight:500; letter-spacing:-0.05rem; line-height:75px;}
#hubpage .section2 .con0 .timer span {color:inherit; font:inherit; line-height:inherit;}
#hubpage .section2 .con0 .prd {padding-bottom:50px; font-size:0;}
#hubpage .section2 .con0 .prd .img {display:inline-block; width:549px; vertical-align:top; cursor:pointer;}
#hubpage .section2 .con0 .prd .summary {display:inline-block; width:431px; vertical-align:top;}
#hubpage .section2 .con0 .msg {padding-bottom:45px;}
#hubpage .section2 .con0 .btn {padding-bottom:70px;}
#hubpage .section2 .con0 .col_list {padding-bottom:67px; font-size:0;}
#hubpage .section2 .con0 .col_list li {display:inline-block; width:50%; vertical-align:top;}
#hubpage .section2 .con0 .col_list li a {display:block;}
#hubpage .section2 .con0 .view a {display:inline-block; vertical-align:top;}

#hubpage .section3 {padding:125px 0 19px; background:#ffebc2;}
#hubpage .section3 .title {padding-bottom:51px;}
#hubpage .section3 .con {padding:0 10px 50px;}
#hubpage .section3 .prd {padding-bottom:49px; background:#fff;}
#hubpage .section3 .prd .img {padding-bottom:16px;}
#hubpage .section3 .prd .more {padding-bottom:50px;}

#hubpage .section10 {padding:140px 0 80px; background:#f5d9bc;}
#hubpage .section10 .con0 .title {padding-bottom:57px;}
#hubpage .section10 .con0 .prd {width:800px; margin:0 auto; padding-bottom:80px; font-size:0;}
#hubpage .section10 .con0 .prd .img {display:inline-block; width:; padding-right:34px; vertical-align:top; cursor:pointer;}
#hubpage .section10 .con0 .prd .summary {display:inline-block; width:; padding-top:88px; vertical-align:top;}

#hubpage .section4 {padding:138px 0 101px; background:#fff1d4;}
#hubpage .section4 .con0 .title {padding-bottom:29px;}
#hubpage .section4 .con0 .today_my_cnt {display:inline-block; width:350px; height:75px; margin:0 auto 47px; border-radius:8px; background:#ffdc95; color:#333; font-size:32px; font-weight:700; line-height:75px; letter-spacing:-0.05rem; vertical-align:top;}
#hubpage .section4 .con0 .today_my_cnt strong {color:#002556; font:inherit;}
#hubpage .section4 .con0 .today_count {margin-bottom:49px; background:url('https://image.serybox.com/event/2020/08/0825/pc/section4_con0_count.png') no-repeat bottom center;}
#hubpage .section4 .con0 .today_count .today_total_cnt {display:inline-block; overflow:hidden; width:272px; height:195px; margin-left:40px; font-size:80px; font-weight:700; line-height:276px; letter-spacing:43px; vertical-align:top;}
#hubpage .section4 .con0 .today_count .today_total_cnt span {display:inline-block; font-size:80px; font-weight:700; line-height:280px;}
#hubpage .section4 .con0 .game_layer {position:relative; width:900px; margin:0 auto 49px;}
#hubpage .section4 .con0 .game_layer .game_grid {position:absolute; top:0; left:0; width:100%; height:100%;}
#hubpage .section4 .con0 .game_layer .game_grid li {float:left; width:300px; height:300px; transition:all .2s;}
#hubpage .section4 .con0 .game_layer .game_grid li.active {border:10px solid #f0313b; opacity:0.9;}
#hubpage .section4 .con0 .game_layer .game_grid li.btn_start {cursor:pointer;}
#hubpage .section4 .con0 .game_done,
#hubpage .section4 .con0 .get_coupon {display:none; position:fixed; top:50%; left:50%; z-index:90; margin:-186.5px 0 0 -224px; cursor:pointer;}

#hubpage .section5 {padding:83px 0 102px; background:#851fcd;}
#hubpage .section5 .title {padding-bottom:42px;}
#hubpage .section5 .more {padding-bottom:38px;}
#hubpage .section5 .prd {padding-bottom:39px;}
#hubpage .section5 .buy {padding-bottom:53px;}

#hubpage .section6 {background:#2b1865;}
#hubpage .section6 .con0 {background:url('https://image.serybox.com/event/2020/08/0825/pc/section6_con0_bg.png') no-repeat center;}

#hubpage .section7 {padding:142px 0 160px; background:#ffe9a6;}
#hubpage .section7 .con0 {padding-bottom:140px;}
#hubpage .section7 .title {padding-bottom:55px;}
#hubpage .section7 .prd {padding-bottom:49px; background:#fff;}
#hubpage .section7 .prd .img {padding-bottom:16px;}
#hubpage .section7 .prd .more {padding-bottom:50px;}
#hubpage .section7 .con1 .slider .slick-dots {bottom:-77px;}

#hubpage .section8 {padding:48px 0 80px; background:#ffd257;}
#hubpage .section8 .con0 {min-height:533px; background:url('https://image.serybox.com/event/2020/08/0825/pc/section8_con0_bg.png') no-repeat left center; text-align:right;}
#hubpage .section8 .con0 .txt {display:inline-block; width:50%; padding-top:55px; text-align:left; vertical-align:top;}
#hubpage .section8 .view {padding-top:32px;}
#hubpage .section9 {background:#f2e6d6;}