@font-face {
    font-family:'GmarketSansLight';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}
body {overflow:visible;}
body.notscroll {overflow:hidden;}
#cnt .cntbody {width:100%;}
.list_comment,
.write_comment {width:1200px !important; margin:0 auto;}
.more_info a,
.buy a,
.notice_view a {display:inline-block; vertical-align:top;}
.notice_layer {display:none; position:relative; padding:30px 0; line-height:2 !important; text-align:left;}
.notice_layer .white {color:#e3caf4;}
.notice_layer.notice_layer_img {padding:0; text-align:center;}
.notice_layer .notice_layer_close {position:absolute; top:0; right:0; z-index:5; width:75px; height:75px; cursor:pointer;}
.notice_layer dl dt {padding-top:15px; padding-bottom:5px; color:#333; font-family:'Noto Sans KR', sans-serif; font-size:20px !important; font-weight:600;}
.notice_layer dl dd {position:relative; padding:0 0 0 10px; color:#333; font-family:'Noto Sans KR', sans-serif; font-size:18px !important; font-weight:400;}
.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;}
.notice_layer.purple *,
.notice_layer.purple dl dd:before {color:#402449;}

.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;}

.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;}
.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_close_popup {position:absolute; top:0; right:0; width:80px; height:68px;}

.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 90px; background:#ffd258;}
.content_common.common0 .txt_wrap {position:relative; min-height:494px; 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:100px;}
.content_common.common5 .video_wrap {overflow:hidden; width:960px; height:540px; margin:0 auto;}
.content_common.common5 .video {width:960px; height:540px;}
.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;}
.floating {visibility:hidden; overflow:hidden; position:fixed; bottom:-100%; left:50%; z-index:100000000; width:946px; margin-left:-473px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.floating.up {visibility:visible; bottom:0;}
.floating .close {overflow:hidden; position:absolute; top:0; right:0; z-index:5; width:68px; height:57px; color:transparent; text-indent:-9999px; cursor:pointer;}
.floating .img img {width:100%; height:auto;}
.popup_cpn {visibility:hidden; overflow:hidden; position:fixed; bottom:-100%; left:50%; z-index:-1; width:490px; margin-left:-245px; padding:32px 0 22px; border-radius:24px 24px 0 0; background:#fff; -webkit-transition:bottom .2s ease; transition:bottom .2s ease;}
.popup_cpn.active {visibility:visible; bottom:0; z-index:100000001;}
.popup_cpn .popup_title {margin-bottom:20px;}
.popup_cpn .popup_close {overflow:hidden; position:absolute; top:23px; right:25px; z-index:5; width:30px; height:30px; border:0; background:url('https://image.serybox.com/pc/content/hub4/popup/n_popup_close.jpg') no-repeat center; color:transparent; text-indent:-9999px; cursor:pointer;}
.popup_cpn .popup_slider {width:449px; height:253px; margin:0 auto !important; padding:0;}
.popup_cpn .popup_slider .slick-prev {position:absolute; top:50%; left:0; z-index:5; width:15px; height:28px; margin-top:-28px; background:url('https://image.serybox.com/pc/content/hub4/popup/n_popup_arrow_prev.jpg') no-repeat center; transform:scale(1);}
.popup_cpn .popup_slider .slick-next {position:absolute; top:50%; right:0; z-index:5; width:15px; height:28px; margin-top:-28px; background:url('https://image.serybox.com/pc/content/hub4/popup/n_popup_arrow_next.jpg') no-repeat center;}
.popup_cpn .popup_slider .popup_paging {position:absolute; bottom:45px; left:70px; z-index:20;}
.popup_cpn .popup_slider .popup_paging,
.popup_cpn .popup_slider .popup_paging * {font-family:'GmarketSansLight' !important; font-size:16px !important; letter-spacing:-0.05rem;}
.popup_cpn .popup_slider .popup_paging li {display:none;}
.popup_cpn .popup_slider .popup_paging li.slick-active {display:block;}
.popup_slider .slick-list {padding:0 !important;}
.popup_slider .slick-track {max-width:100% !important; transform:translate3d(0, 0, 0) !important; perspective:75px;}
.popup_slider .slick-slide {overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:50%; opacity:0; width:351px !important; margin:0 0 0 -175px; transform:translate3d(0, 0, 0); transition:transform 1s, opacity 1s;}
.popup_slider .slick-current {display:block; overflow:visible; position:relative; z-index:2; opacity:1;}
.popup_slider .slick-snext {z-index:1; opacity:1; transform:translate3d(64px, 0, -14px); perspective:449px;}
.popup_slider .slick-sprev {opacity:1; transform: translate3d(-64px, 0, -14px);}
.popup_slider .slide_cover {display:block; overflow:hidden;}
.popup_slider .slick-current .slide_cover {overflow:visible;}
#special_content .popup_slider .first img {max-width:695px !important;}
@keyframes twinkle {
    0% {
        opacity:0; transform:scale(.5);
    }
    50% {
        opacity:.65; transform:scale(1);
    }
    100% {
        opacity:0; transform:scale(1.5);
    }
}
@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}


#special_content {width:100%; min-width:980px; margin:0 auto; text-align:center;}
#special_content img {max-width:100%; height:auto;}
#special_content .inner {width:980px; margin:0 auto;}

#special_content .hub_menu {width:100%; height:90px; background:#ffe4a0;}
#special_content .hub_menu .inside {position:relative; width:100%; height:110px; background:#04011e;}
#special_content .hub_menu .inside.fixed {position:fixed; top:0; left:0; z-index:80;}
#special_content .hub_menu .inside ul {width:980px; height:110px; margin:0 auto; font-size:0;}
#special_content .hub_menu .inside ul li {display:inline-block; overflow:hidden; width:245px; vertical-align:top; cursor:pointer;}
#special_content .hub_menu .inside ul li img {-webkit-transition:all .3s ease; transition:all .3s ease;}

#special_content .section_prd {position:relative;}
#special_content a.prd_spot {display:block; position:absolute; z-index:10; width:20px; height:20px; border-radius:50%; background:#fff;}
#special_content a.prd_spot:after {display:block; content:''; position:absolute; left:-11px; top:-11px; width:42px; height:42px; border-radius:50%; background:#fff; animation:twinkle 1.1s infinite;}
#special_content .slick-dotted {margin:0;}
#special_content .slick-dots {position:relative; height:16px; margin:24px 0 0; padding:0;}
#special_content .slick-dots li {margin:0 5px; vertical-align:top;}
#special_content .slick-dots li button {width:16px; height:16px; border:2px solid #333; border-radius:50%; background:none;}
#special_content .slick-dots li.slick-active button {background:#333;}

#special_content .section0 {padding:90px 0 ;background:#171139;}

#special_content .section1 {background:#feebc1;}
#special_content .section1 .con0 {padding-top:90px ;}
#special_content .section1 .con1 {padding:90px 0 ;}
#special_content .section1 .con2 {padding-bottom:90px;}
#special_content .section1 .con2 .title {padding-bottom:90px;}

#special_content .section2 {padding:90px 0; background:#472198;}
#special_content .section2 .con0{padding-bottom:120px;}
#special_content .section2 .con1 {padding-bottom:90px;}
#special_content .section2 .con2 {padding-top:90px;}
#special_content .section2 .con2 .con2_0{padding-bottom:90px;}
#special_content .section2 .con2 .con2_1{padding-bottom:90px;}
#special_content .section2 .con2 .con2_2{position: relative;
    float: left;
    margin-top: -1333px;
    margin-left: -400px;}
#special_content .section2 .title {padding-bottom:111px;}
#special_content .section2 .status {position:relative;}
#special_content .section2 .status .now {position:absolute; top:0; left:0; width:100%; height:7px; background:#ffd956; -webkit-transition:width .5s ease; transition:width .5s ease;}
#special_content .section2 .active .status .now {width:50%;}
#special_content .section2 .status .now:after {display:block; content:''; position:absolute; top:50%; right:-10px; z-index:5; width:20px; height:20px; margin-top:-10px; background:#27096b; border:5px solid #ffd956; border-radius:50%;}
#special_content .section2 .status .now .count {position:absolute; top:-63px; right:-196px; width:405px; height:40px; border-radius:18px; background:#ffd956; font-size:24px; letter-spacing:-0.05rem; line-height:40px;}
#special_content .section2 .status .now .count:after {
    position: absolute;
    border-top: 10px solid #ffd956;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: 38px;
    left: 204px;
    content: '';}
#special_content .section2 .status .now .count strong {position:relative; padding-left:20px; font-size:24px; font-weight:700;}
#special_content .section2 .status .now .count strong:before {display:block; content:''; position:absolute; top:50%; left:11px; z-index:5; width:1px; height:20px; margin-top:-9px; background: black;}
#special_content .section2 .status .now .count strong .value {color:inherit; font:inherit;}
#special_content .section2 .status .bar {
    width: 100%;
    height: 7px;
    background: rgba(108,27,181,0.3);
}

#special_content .section3 {position:relative; background:#f1f1f1;}
#special_content .section3 .section_btn {position:absolute; bottom:90px; left:50%; margin-left:-237px;}

#special_content .section4 {padding:138px 0 101px; background:#fff1d4;}
#special_content .section4 .con0 .title {padding-bottom:29px;}
#special_content .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;}
#special_content .section4 .con0 .today_my_cnt strong {color:#002556; font:inherit;}
#special_content .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;}
#special_content .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;}
#special_content .section4 .con0 .today_count .today_total_cnt span {display:inline-block; font-size:80px; font-weight:700; line-height:280px;}
#special_content .section4 .con0 .game_layer {position:relative; width:900px; margin:0 auto 49px;}
#special_content .section4 .con0 .game_layer .game_grid {position:absolute; top:0; left:0; width:100%; height:100%;}
#special_content .section4 .con0 .game_layer .game_grid li {float:left; width:300px; height:300px; transition:all .2s;}
#special_content .section4 .con0 .game_layer .game_grid li.active {border:10px solid #f0313b; opacity:0.9;}
#special_content .section4 .con0 .game_layer .game_grid li.btn_start {cursor:pointer;}
#special_content .section4 .con0 .game_done,
#special_content .section4 .con0 .get_coupon {display:none; position:fixed; top:50%; left:50%; z-index:90; margin:-186.5px 0 0 -224px; cursor:pointer;}

#special_content .section5 {padding:90px 0; background:#feeac1;}
#special_content .section5 .title {padding-bottom:90px;}
#special_content .section5 .con0 {padding-bottom:90px;}
#special_content .section5 .con1 {padding-bottom:90px;}

#special_content .section6 {padding:90px 0; background:#861ecd;}
#special_content .section6 .notice {padding-top:90px;}

#special_content .section7 {background:#130c1c;}

#special_content .section8 {padding:90px 0; background:#ffe9a5;}
#special_content .section8 .title{padding:90px 0;}
#special_content .section8 .con0{padding-bottom:90px;}
#special_content .section8 .con1 {padding-bottom: 90px;}

#special_content .section9{background: #f2e6d6;}