@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; 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:448px; height:313px; margin:-156px 0 0 -224px; cursor:pointer;}
.layer_popup .layer_inner .layer_close {position:absolute; top:0; right:0; z-index:5; width:19%; height:24%; background:none;}
.layer_popup .layer_inner .btn0 {position:absolute; bottom:0; left:0; z-index:5; width:48%; height:25%; background:none;}
.layer_popup .layer_inner .btn1 {position:absolute; bottom:0; right:0; z-index:5; width:52%; height:25%; background:none;}
.layer_popup .layer_inner .btn2 {position:absolute; bottom:0; left:0; z-index:5; width:100%; height:25%; background:none;}
.layer_popup .layer_inner .btn3 {position:absolute; bottom:0; left:0; z-index:5; width:100%; height:24%; background:none;}
.layer_popup .layer_inner .btn4 {position:absolute; bottom:0; left:0; z-index:5; width:50%; height:24%; background:none;}
.layer_popup .layer_inner .btn5 {position:absolute; bottom:0; right:0; z-index:5; width:50%; height:24%; background:none;}

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

/* 데이트 카운트 */
#oneplus_2020 .section0 #dater { position: relative; bottom: 202px; height: 0;}
#oneplus_2020 .section0 #dater div{position:relative;color:#000; font-weight:500; font-size:40px;float:left}
#oneplus_2020 .section0 #dater #dater_date{left:570px;}
#oneplus_2020 .section0 #dater #dater_hour{left:642px;}
#oneplus_2020 .section0 #dater #dater_minute{left:715px;}
#oneplus_2020 .section0 #dater #dater_second{left:778px;}

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

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

#oneplus_2020 .section_prd {position:relative;}
#oneplus_2020 a.prd_spot {display:block; position:absolute; z-index:10; width:20px; height:20px; border-radius:50%; background:#fff;}
#oneplus_2020 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;}
#oneplus_2020 .slick-dotted {margin:0;}
#oneplus_2020 .slick-dots {position:relative; height:16px; margin:24px 0 0; padding:0;}
#oneplus_2020 .slick-dots li {margin:0 5px; vertical-align:top;}
#oneplus_2020 .slick-dots li button {width:16px; height:16px; border:2px solid #333; border-radius:50%; background:none;}
#oneplus_2020 .slick-dots li.slick-active button {background:#333;}

#oneplus_2020 .section0 {
    position: relative;
    width: 100%;
    background-color: #a11221;
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section0_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#oneplus_2020 .section0 .con0{position: relative;
    float: left;
    margin-top: -830px;
    margin-left: -54px;
    height:0;
}

#oneplus_2020 .section1 {background:#730507;}
#oneplus_2020 .section1 .con0 {
    height:159px;
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section1_gift.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#oneplus_2020 .section1 .con1{position: relative;
    float: left;
    margin-top: -355px;
    margin-left: -50px;
    height:0;
}

#oneplus_2020 .section1 .tab_list {font-size:0;}
#oneplus_2020 .section1 .tab_list li {display:inline-block; width:320px; vertical-align:bottom; cursor:pointer;margin-right:10px}
#oneplus_2020 .section1 .tab_list li.active {width:320px;}
#oneplus_2020 .section1 .tab_list li:last-child {margin-right:0px;}

#oneplus_2020 .section .tab_cnt {display:none; background:#fff;}
#oneplus_2020 .section .tab_cnt.active {display:block;}

#oneplus_2020 .section .arrow_list {font-size:0; height:60px;position:relative;margin-bottom:0px;}
#oneplus_2020 .section .arrow_list .arrow {display:none; width:320px; }
#oneplus_2020 .section .arrow_list div.arrow.active {display:block;width:320px;}
#oneplus_2020 .section .arrow_list li:last-child {margin-right:0px;}

#oneplus_2020 .section .arrow {height:60px;position: absolute; bottom: 0;}
#oneplus_2020 .section .arrow div{ width: 15px; height: 15px; margin-left: -12px; border-left: 4px solid #fff; border-bottom: 4px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; opacity: 0; box-sizing: border-box; }
#oneplus_2020 .section .arrow div:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .arrow div:nth-of-type(2) { top: 16px; -webkit-animation-delay: .15s; animation-delay: .15s; }
#oneplus_2020 .section .arrow div:nth-of-type(3) { top: 32px; -webkit-animation-delay: .3s; animation-delay: .3s; }
@-webkit-keyframes sdb {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes sdb {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

#oneplus_2020 .section1 .arrow0 {left: 160px;}
#oneplus_2020 .section1 .arrow1 {left: 500px;}
#oneplus_2020 .section1 .arrow2 {left: 820px;}
#oneplus_2020 .section1 .notice_view{padding:50px 0 90px 0}

#oneplus_2020 .section2 {
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section2_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color:#760e10;
}
#oneplus_2020 .section2_1 {
background-color:#830f16;
}
#oneplus_2020 .section2 .con1{
    position: relative;
    height: 0;
    bottom: 945px;
    left: 631px;
}

#oneplus_2020 .section3 {
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section3_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color:#06371d;
}

#oneplus_2020 .section3 .tab_list {font-size:0;}
#oneplus_2020 .section3 .tab_list li {display:inline-block; width:485px; vertical-align:bottom; cursor:pointer;margin-right:10px}
#oneplus_2020 .section3 .tab_list li.active {width:485px;}
#oneplus_2020 .section3 .tab_list li:last-child {margin-right:0px;}

#oneplus_2020 .section3 .arrow0 {left: 242px;}
#oneplus_2020 .section3 .arrow1 {left: 745px;}

#oneplus_2020 .section3 .notice_layer{top:-95px}

#oneplus_2020 .section4 .wave{
    height:32px;
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section4_wave.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-color:#a81322;
}
#oneplus_2020 .section4 .con0{
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section4_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color:#a81322;
}
#oneplus_2020 .section4 .con1{
    position: relative;
    float: left;
    margin-top: -534px;
    margin-left: -453px;
    height:0;
}

#oneplus_2020 .section5{background-color:#bf1e24;}
#oneplus_2020 .section6 {background:#fff2ef;padding-bottom:80px;}
#oneplus_2020 .section6 .tab_list {
    font-size:0;
    background-image: url(https://image.serybox.com/pc/content/2020_oneplus/section6_tab_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

#oneplus_2020 .section6 .tab_list li {display:inline-block; width:320px; vertical-align:bottom; cursor:pointer;margin-right:10px}
#oneplus_2020 .section6 .tab_list li.active {width:320px;}
#oneplus_2020 .section6 .tab_list li:last-child {margin-right:0px;}

#oneplus_2020 .section6 .arrow div{ width: 15px; height: 15px; margin-left: -12px; border-left: 4px solid #5b1f17; border-bottom: 4px solid #5b1f17; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb 2s infinite; animation: sdb 2s infinite; opacity: 0; box-sizing: border-box; }
#oneplus_2020 .section6 .arrow0 {left: 160px;}
#oneplus_2020 .section6 .arrow1 {left: 500px;}
#oneplus_2020 .section6 .arrow2 {left: 820px;}

#oneplus_2020 .section7 {background:#fff;}
#oneplus_2020 .section7 .con0{padding: 110px 0 90px 0;}
#oneplus_2020 .section7 .con2{padding: 90px 0 40px 0;}
#oneplus_2020 .section7 .notice {padding-bottom:90px;}

#oneplus_2020 .section8 {background:#150d23;}