@charset "utf-8";

@font-face{
font-family:"NBG";
font-style:normal;
font-weight:normal;
src:url('http://csonline.nexon.com/fonts/NanumBarunGothic.eot');
src:local('※'),
	url('http://csonline.nexon.com/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('http://csonline.nexon.com/fonts/NanumBarunGothic.woff') format('woff');
}
@font-face{
font-family:"NBGB";
font-style:normal;
font-weight:normal;
src:url('http://csonline.nexon.com/fonts/NanumBarunGothicBold.eot');
src:local('※'),
	url('http://csonline.nexon.com/fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
	url('http://csonline.nexon.com/fonts/NanumBarunGothicBold.woff') format('woff');
}

/* reset style [start] */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
body,input,textarea,select,button,table{font-family:'NBG', NanumBarunGothic, "나눔바른고딕", "Malgun Gothic", "맑은 고딕", Tahoma, Geneva, sans-serif;}
img,fieldset{border:0;vertical-align: top;}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
html {min-width:1280px;-webkit-text-size-adjust:none;}
.blind, legend, caption{position:absolute;left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px} /* 숨김 */
button{border:0;cursor:pointer;*overflow:visible;vertical-align:top;background:transparent}
.inner{position:relative;width:100%;max-width:1920px;margin:0 auto;height:100%;}

/* common */
html, body {background-color:#fff}
#wrapper{position:relative;width:100%;max-width:2560px;min-height:1000px;height: 100%;margin:0 auto;overflow: hidden;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/bg0.jpg") no-repeat center top;opacity: 0;}
#header h1 a, #header .util a, #header .util button, .scroll span, .btn, .tab li a, .quick a, .scroll {display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/spr_common.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;top:0;width: 100%;z-index: 100;}
#header .inner {max-width:1920px;margin:0 auto;}
#header h1 {position: absolute;top:0;}
#header h1 a{width:242px;height:35px;margin:22px 0 0 20px;}
#header .util{position: absolute;right:0;top:18px;overflow: hidden;width: 248px;}
#header .util li{position: relative;float:left;margin-right:1px;}
#header .util button, #header .util a {width: 40px;height: 40px;}
#header .util .btn_hide button {background-position:-300px 0;}
#header .util .btn_hide button:hover {background-position: -300px -50px;}
#header .util .btn_home a{margin:0 14px 0 6px; background-position:-350px 0}
#header .util .btn_home a:hover{background-position:-350px -50px}
#header .util .btn_start button {width: 128px;background-position:-400px 0;}
#header .util .btn_start button:hover{background-position:-400px -50px}
.sticky #header {position: fixed;}
#container{position:relative;width:100%;margin:0 auto;overflow: hidden;}
#footer{position: absolute;left:0;bottom:0;width:100%;height:116px;;z-index:50}
.scroll {position: absolute;left:50%;bottom:29px;margin-left:-26px;width: 50px;height: 31px;background-position: -275px 0;opacity: 0;}
.section {position: relative;width: 100%;text-align: center}
.screen {position:fixed;left:50%;top:0;width:2419px;height:100%;margin-left:-1220px;z-index:10;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/smoke.png") no-repeat center top;opacity: 0;}

.quick {position: absolute;right:11px;top:380px;width: 132px;height:407px;z-index: 50;transition:top .3s cubic-bezier(0.215, 0.610, 0.355, 1)}
.quick ul, .quick a:hover, .quick li.active a {display: block;}
.quick li {position: relative;width: 100%;height: 35px;margin:0 0 2px}
.quick li a {position: absolute;right:0;top:0;display: block;width: 35px;height: 35px;}
.quick li.q1 a {background-position: -565px -700px;}
.quick li.q2 a {background-position: -565px -737px;}
.quick li.q3 a {background-position: -565px -774px;}
.quick li.q4 a {background-position: -565px -811px;}
.quick li.top a {background-position: -565px -848px;}
.quick li.top a:hover {width: 62px;background-position:-538px -211px;}
.sticky .quick {position: fixed;top:420px;}

.tab {position: absolute;left:0;top:820px;width: 100%;height: 100px;z-index: 50;}
.tab ul {position: relative;width: 1280px;margin:auto;padding-top: 10px;}
.tab li {float: left;width: 320px;height: 100px;text-align: center;}
.tab li a {display: inline-block;width: 208px;height: 100%;}
.tab li.tab1 a {width: 253px;background-position: -150px -150px;}
.tab li.tab1 a:hover, .sticky2 .tab li.tab1.active a {background-position: -150px -250px;}
.tab li.tab2 a {background-position: -150px -350px;}
.tab li.tab2 a:hover, .sticky2 .tab li.tab2.active a {background-position: -150px -450px;}
.tab li.tab3 a {background-position: -150px -550px;}
.tab li.tab3 a:hover, .sticky2 .tab li.tab3.active a {background-position: -150px -650px;}
.tab li.tab4 a {width: 211px;background-position: -150px -750px;}
.tab li.tab4 a:hover, .sticky2 .tab li.tab4.active a {background-position: -150px -850px;}

.tab .t_bg {position: absolute;left:0;top:0; display: block;width: 100%;min-width:1280px;height: 100px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/bg_tab.png") no-repeat center 0;}

.sticky2 .tab ul {position: fixed;top:0;left:50%;margin-left:-640px;padding-top:0;}
.sticky2 .tab li {height: 80px;}
.sticky2 .tab .t_bg {position: fixed;top:-20px;}
.sticky2 #header h1 a {background-position: 0 -50px;transform: scale(0.74);transform-origin: left 30%;}
.w_m .sticky2 .tab ul {width: 1040px;margin-left:-536px;}
.w_m .sticky2 .tab li {width: 260px;}
.w_s .sticky2 h1, .w_s .sticky2 .util {display: none;}

.banner {position: absolute;right:21px;top:244px;width: 123px;height: 394px;background-position: 0 -100px;z-index: 30;}

.title {position: relative;z-index: 20;text-indent: -9999px;font-size: 0;}
.title span {position: absolute;left:50%;display: block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/title.png") no-repeat;z-index: 20;text-indent: -9999px;overflow: hidden;}
.title .blind {background: none}

.obj {position: absolute;left:50%;display: block;z-index: 2;}
.smoke {position: absolute;left:50%;width: 2419px;height: 1214px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/smoke.png") no-repeat;transform: rotate(0.01deg);z-index: 20;}
.smoke1 {top:200px;margin-left:-930px;}
.smoke2 {top:250px;margin-left:-1300px;}

/* .title span, .txt0 span, .scroll, #section0 .obj {opacity: 0;} */

.intro {position: relative;width: 100%;height: 914px;overflow: hidden;text-align: center;}

.cha1 {top:-221px;margin-left:-623px;opacity: 0.6;}
.cha2 {top:507px;margin-left:-466px;width: 399px;height: 407px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/cha2.png") no-repeat;z-index: 6;}
.cha3 {top:507px;margin-left:-115px;width: 427px;height: 333px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/cha3.png") no-repeat;z-index: 7;}
.cha4 {top:358px;margin-left:-248px;width: 312px;height: 556px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/cha4.png") no-repeat;z-index: 8;}
.gra {top:688px;margin-left:-1280px;width: 2560px;height: 245px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/gra.png") no-repeat;z-index: 9;}
.tree {top:0;margin-left:-1280px;width: 2560px;height: 840px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/tree.png") no-repeat;z-index: 10;}

.scroll {position: absolute;left:50%;top:767px;margin-left:-28px;width: 56px;height: 37px;z-index: 20;background-position: -150px -100px;}

.tit0 {position: relative;z-index: 5;}
.tit0 span, .tit0 div {position: absolute;left:50%;display: block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/title.png") no-repeat;}
.tit0 .st1 {top:219px;margin-left:-593px;width: 48px;height: 111px;background-position: 0 -250px;}
.tit0 .st2 {top:218px;margin-left:-549px;width: 58px;height: 81px;background-position: -50px -250px;}
.tit0 .st3 {top:164px;margin-left:-489px;width: 56px;height: 105px;background-position: -150px -250px;}
.tit0 .st4 {top:130px;margin-left:-434px;width: 65px;height: 118px;background-position: -250px -250px;}
.tit0 .st5 {top:189px;margin-left:-366px;width: 12px;height: 32px;background-position: -350px -250px;}

.tit0 .st6 {top:356px;margin-left:-626px;width: 44px;height: 80px;background-position: -400px -250px;}
.tit0 .st7 {top:336px;margin-left:-600px;width: 42px;height: 66px;background-position: -450px -250px;}
.tit0 .st8 {top:308px;margin-left:-533px;width: 50px;height: 57px;background-position: -500px -250px;}
.tit0 .st9 {top:288px;margin-left:-484px;width: 36px;height: 56px;background-position: -550px -250px;}
.tit0 .st10 {top:271px;margin-left:-451px;width: 52px;height: 52px;background-position: -600px -250px;}
.tit0 .st11 {top:239px;margin-left:-398px;width: 34px;height: 53px;background-position: -700px -250px;}
.tit0 .st12 {top:220px;margin-left:-359px;width: 39px;height: 63px;background-position: -750px -250px;}

.tit0 .t1 {top:388px;margin-left:-479px;width: 300px;height: 150px;background-position: 0 0;opacity:0}
.tit0 .t2 {top:386px;margin-left:11px;width: 469px;height: 113px;background-position: -350px 0;opacity:0}
.tit0 .t3 {top:514px;margin-left:-164px;width: 652px;height: 25px;background-position: 0 -200px;opacity:0}



/* UPDATE1 
************************************/
.event1 .section .btn, .event1, .section .obj, .niddle, .btn_copy, .pager .btn, .event1 .tit1 span {background-image:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/spr_e1.png");}
.event1 #footer {background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/copyright.png") no-repeat center top;}
.event1 #container {background-color: #16191d;}
.event1 .quick li.q1 a:hover, .event1 .quick li.q1.active a {width: 90px;background-position:-510px -100px;}
.event1 .quick li.q2 a:hover, .event1 .quick li.q2.active a {width: 79px;background-position:-521px -137px;}
.event1 .quick li.q3 a:hover, .event1 .quick li.q3.active a {width: 90px;background-position:-510px -174px;}

.event1 .f_bg {position: absolute;left:0;top:2155px;width: 100%;height: 100%;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/bg2.jpg") no-repeat center top;}
.event1.bg_fix .f_bg {background-attachment: fixed;}
.event1 .tit1 span {position: absolute;left:50%;display: block;z-index: 20;}
.event1 .tit1 .t1_0 {top:-26px;margin-left:-315px;width: 356px;height: 271px;background-position: 0 -550px;}
.event1 .tit1 .t1_1 {top:197px;margin-left:-328px;width: 199px;height: 96px;background-position: -400px -550px;}
.event1 .tit1 .t1_2 {top:197px;margin-left:-98px;width: 198px;height: 96px;background-position: -650px -550px;}
.event1 .tit1 .t1_3 {top:197px;margin-left:131px;width: 193px;height: 90px;background-position: -400px -650px;}


.event1 #section1 {height: 2394px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/bg1.jpg") no-repeat center top;}
.event1 .player {position: relative;width: 1152px;height: 648px;margin:0 auto;padding-top: 354px;z-index: 10;}
.event1 .player iframe {width: 1152px;height: 648px;}
.event1 .txt1 {position: relative;z-index: 10;}
.event1 .cha1_1 {top:-74px;margin-left:-1465px;background: none;}
.event1 .cha1_2 {top:214px;margin-left:403px;width: 364px;height: 819px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/cha2.png") no-repeat;}
.event1 .cha1_3 {top:399px;margin-left:763px;width: 344px;height: 619px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/cha3.png") no-repeat;}
.event1 .cha1_4 {top:80px;margin-left:505px;width: 515px;height: 1156px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/cha4.png") no-repeat;}

.event1 .bg_mode {position: absolute;left:0;top:351px;width: 100%;height: 2163px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/bg_mode.png") no-repeat center top;z-index: 4;transform: rotate(0.01);}
.event1 .contents1 {position: absolute;left:50%;top:1229px;margin-left:-641px;width: 1507px;height: 1049px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/contents1.png") no-repeat center top;z-index: 10;}
.event1 .btn_preview {position: absolute;left:50%;top:2166px;margin-left:-640px;width: 430px;height: 95px;background-position: 0 0;z-index: 20;}
.event1 .btn_preview:hover {background-position: -450px 0;}
.event1 .tip {position: absolute;left:50%; cursor: pointer;}
.event1 .tip1 {top:1839px;margin-left:296px;}
.event1 .tip2 {top:1802px;margin-left:-331px;}
.event1 .tip3 {top:1926px;margin-left:-59px;}
.event1 .tip4 {top:1634px;margin-left:8px;}
.event1 .tip .tooltip {position: absolute;display: none;z-index: 22;}
.event1 .tip .tooltip1 {left:-615px;top:-123px;}
.event1 .tip .tooltip2 {left:209px;top:-70px;}
.event1 .tip .tooltip3 {left:-148px;top:-236px;}
.event1 .tip .tooltip4 {left:-283px;top:154px;}
.event1 .tip .aim {position: absolute;left:0;top:0;width: 105px;height: 105px;background-position: 0 -100px;z-index: 20;}
.event1 .tip .dot {display: none;position: absolute;left:48px;top:35px;width: 7px;height: 7px;border-radius: 50%; z-index: 26;background: none;background-color: #f1363c;}
.event1 .tip .r_line {display: none;position: absolute;right:53px;top:38px;width: 356px;height: 1px;z-index: 21;background: none;background-color: #f1363c;transform: rotate(-20deg);}
.event1 .tip1 .r_line {width: 80px;margin:15px 0 0 -29px}
.event1 .tip2 .r_line {width: 179px;margin:39px 0 0 40px;transform: rotate(26.5deg);}
.event1 .tip3 .r_line {width: 216px;margin:-41px 0 0 -154px;transform: rotate(23deg);}
.event1 .tip4 .r_line {width: 355px;margin:61px 0 0 -293px}
.event1 .tip:hover .tooltip, .event1 .tip:hover .dot {display: block;}
.event1 .tip:hover .r_line {display: block;}

.event1 #section2 {height: 2447px;}
.event1 .contents2 {position: absolute;left:0;top:0;width:100%;height: 100%;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/contents2.png") no-repeat center top;z-index: 10;}
.status dl {position: absolute;top:1167px;left:50%;margin-left:-608px;z-index: 20;}
.status dt {position:absolute;left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;text-indent:-10000px}
.status dd {float: left;width: 132px;text-align: center;line-height: 78px;font-family: Impact;font-size: 48px;color:#425342}
.status dd.qty1 {color: #fff;}

.btn_refresh {position: absolute;left:50%;top:1029px;margin-left:-267px;width: 128px;height: 58px;background-position: -150px -100px;z-index: 30;}
.btn_refresh:hover {background-position: -300px -100px;}
.btn_list {position: absolute;left:50%;top:1029px;margin-left:-139px;width: 139px;height: 58px;background-position: -450px -100px;z-index: 30;}
.btn_list:hover {background-position: -600px -100px;}

.roulette{position:absolute;left:50%;top:965px;width:702px;height:702px;margin-left:-61px;z-index:20;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/bg_roulette.png") no-repeat center top;}
.roulette .board {position: absolute;left:0;top:3px;}
.roulette .niddle {position:absolute;top: 4px;left:255px;width:192px;height:40px;background-position: 0 -250px;z-index: 22;}
.btn_rl_start{position:absolute;top:181px;left:178px;width:346px;height:346px;background-position:-200px -200px}
.btn_rl_start:hover{background-position:-550px -200px}
.roulette .txt2 {position:absolute;top:385px;left:275px;}
.roulette .r_aim {position:absolute;top:181px;left:178px;width:346px;height:346px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/aim.png") no-repeat}

.event1 #section3 {height: 1775px;}
.event1 .contents3 {position: absolute;left:0;top:0;width:100%;height: 100%;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/contents3.png") no-repeat center top;z-index: 10;}

/* common */
.modal_pop{display:none;position:fixed;top:0;left:0;top:0;right:0;bottom:0;width:100%;height:100%;min-width:1280px;z-index:9999999}
.modal_pop .dim{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=70);opacity:0.7}
.modal_pop .modal_wrap{position:absolute;top:50%;left:50%;font-family:'NEXONLv1Gothic'}
.modal_pop .modal_wrap .btn_confirm{position: absolute;left:0;bottom:0;width:100%;height:74px;background:none;}
.modal_pop .btn_close{position:absolute;right: 0;top:0;width: 64px;height: 64px;background: none;}

/* 축 당첨 */
.layer_win {z-index:9999998;}
.layer_win .modal_wrap{width:782px;height:437px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/pop_win.png") no-repeat;text-align:center;margin:-260px 0 0 -391px}
.layer_win .coupon dd {position: absolute;left:234px;width: 485px;color:#2b322b;font-size: 24px;line-height: 50px;text-align: left;}
.layer_win .coupon .name {top:131px;}
.layer_win .coupon .validity {top:181px;}
.layer_win .coupon .key {top:231px;}
.layer_win .btn_copy {display: inline-block;width: 108px;height: 41px;background-position:-761px -100px;vertical-align: top;margin-top:5px;}

/* 당첨 내역 */
.layer_list {z-index:9999997;}
.layer_list .modal_wrap{width:862px;height:507px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/pop_list.png") no-repeat;text-align:center;margin:-320px 0 0 -431px}

.layer_list .item_list{position: relative; margin:99px 0 0 60px;width: 740px;padding-top: 42px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/bg_item_list.png") no-repeat;}
.layer_list .item_list li{width:100%;height:39px;border-bottom: 1px solid #657c65;}
.layer_list .coupon {position: relative;width: 100%;height: 100%;overflow: hidden;}
.layer_list .coupon dd {float: left;color:#2b322b;font-size: 14px;line-height: 40px;text-align: center;border-left:1px solid #657c65;letter-spacing: -1px;font-family: NBG;background-color: #c1d1a9 ;}

.layer_list .coupon .date {width: 161px;border-left:0}
.layer_list .coupon .name {width: 201px;}
.layer_list .coupon .key {width: 211px;}
.layer_list .coupon .validity {width: 164px;}

.layer_list .item_list .pager{height:34px;text-align:center;font-size:0;margin-top:24px}
.layer_list .item_list .pager button, .layer_list .item_list .pager span{display:inline-block;*zoom:1;vertical-align:top;height:26px}
.layer_list .item_list .pager button{width:26px;height: 26px;margin-top: 5px;}
.layer_list .item_list .pager .btn_fr{background-position:0 -350px;margin-right:9px}
.layer_list .item_list .pager .btn_pv{background-position:-32px -350px}
.layer_list .item_list .pager .btn_nx{background-position:-65px -350px;margin-right:9px}
.layer_list .item_list .pager .btn_ls{background-position:-95px -350px}
.layer_list .item_list .pager span{padding:0 12px;margin-top:5px}
.layer_list .item_list .pager span a, .layer_list .item_list .pager span strong{display: inline-block;width: 25px;height: 26px;padding-right:1px;margin-left:1px;font-size:18px;color:#2b322b;line-height:28px;font-family: NBG;}
.layer_list .item_list .pager span strong {background-color: #c1d1a9;}
.layer_list .nodata{margin:99px 0 0 56px;padding-top:113px;width: 744px;height: 286px;box-sizing: border-box;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e1/bg_nodata.png") no-repeat;font-size: 24px;font-family: NBG;color:#2b322b;line-height: 29px;}


/* UPDATE2
************************************/
.event2 #footer {height: 70px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/copyright.png") no-repeat center top;}
.event2 .quick li.q1 a:hover, .event2 .quick li.q1.active a {width: 131px;background-position:-469px -250px;}
.event2 .quick li.q2 a:hover, .event2 .quick li.q2.active a {width: 100px;background-position:-500px -287px;}
.event2 .quick li.q3 a:hover, .event2 .quick li.q3.active a {width: 100px;background-position:-500px -324px;}

.event2 #container {height: 4586px;background:#10100e url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/bg0.jpg") no-repeat center top;}
.event2 .tit1 span, .event2 .txt, .event2 .t_num2 {position: absolute;left:50%;display: block;z-index: 10;text-indent: -9999px;overflow: hidden;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/spr_e2.png") no-repeat }

.event2 .tit1 .e2_t0 {top:195px;margin-left:-523px;width: 225px;height: 98px;}
.event2 .tit1 .e2_t1 {top:194px;margin-left:-273px;width: 93px;height: 94px;background-position: -250px 0;}
.event2 .tit1 .e2_t2 {top:197px;margin-left:-175px;width: 94px;height: 94px;background-position: -350px 0;}
.event2 .tit1 .e2_t3 {top:199px;margin-left:-45px;width: 93px;height: 91px;background-position: -450px 0;}
.event2 .tit1 .e2_t4 {top:197px;margin-left:54px;width: 93px;height: 91px;background-position: -550px 0;}
.event2 .tit1 .e2_t5 {top:198px;margin-left:154px;width: 94px;height: 90px;background-position: -650px 0;}
.event2 .tit1 .e2_t6 {top:194px;margin-left:283px;width: 93px;height: 96px;background-position: -750px 0;}
.event2 .tit1 .e2_t7 {top:197px;margin-left:381px;width: 94px;height: 91px;background-position: -850px 0;}

.event2 .e2_txt1 {top:375px;margin-left:-478px;width: 963px;height: 59px;background-position: 0 -150px;transform: skewX(0deg);animation: shift 4s ease-in-out infinite alternate;
}
.event2 .e2_txt2 {top:448px;margin-left:-496px;width: 982px;height: 50px;background-position: 0 -250px;transform: skewX(0deg);animation: shift2 4.6s ease-in-out infinite alternate;}

.event2 .t_num2 {top:0;margin-left:-30px;width: 119px;height: 138px;background-position: 0 -350px;z-index: 10;}
.event2 .ptn1 {top:555px;margin-left:-1471px;width: 1276px;height: 1330px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/ptn1.png") no-repeat;z-index: 2;}
.event2 .ptn2 {top:478px;margin-left:210px;width: 1070px;height: 1122px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/ptn2.png") no-repeat;z-index: 2;}
.event2 .light {left:0;top:0;width: 100%;height: 1764px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/bg_light.jpg") no-repeat center top;z-index: 3;opacity: 0;}
.event2 .bg_top {left:0;top:0;width: 100%;height: 653px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/bg_top.png") no-repeat center top;z-index: 4;}
.event2 .e2_cha1 {top:428px;margin-left:-1280px;width: 1301px;height: 2235px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/cha1.png") no-repeat;z-index: 4;}
.event2 .e2_cha2 {top:902px;margin-left:485px;width: 793px;height: 1537px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/cha2.png") no-repeat;z-index: 4;}

.event2 #section1 {height: 690px;}
.event2 #section2 {height: 2143px;} 
.event2 #section2 .contents2 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/contents2.png") no-repeat center top;z-index: 10;}
.event2 #section3 {height: 1678px;} 
.event2 #section3 .contents3 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e2/contents3.png") no-repeat center top;z-index: 10;}


/* UPDATE3
************************************/
.event3 #footer {height: 70px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e3/copyright.png") no-repeat center top;}
.event3 .quick li.q1 a:hover, .event3 .quick li.q1.active a {width: 92px;background-position:-508px -371px;}
.event3 .quick li.q2 a:hover, .event3 .quick li.q2.active a {width: 67px;background-position:-533px -408px;}
.event3 .quick li.q3 a:hover, .event3 .quick li.q3.active a {width: 136px;background-position:-464px -445px;}
.event3 .quick li.q4 a:hover, .event3 .quick li.q4.active a {width:76px;background-position:-524px -482px;}

.event3 #container {height: 4520px;background:#181718 url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e3/bg0.jpg") no-repeat center top;}
.event3 .tit1 span, .event3 .txt, .event3 .section .btn, .event3 .section .obj {position: absolute;left:50%;display: block;z-index: 10;text-indent: -9999px;overflow: hidden;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e3/spr_e3.png") no-repeat }

.event3 .section .t_num3 {top:0;margin-left:-30px;width: 119px;height: 138px;z-index: 20;}
.event3 .tit1 .e3_t1 {top:198px;margin-left:-501px;width: 96px;height: 96px;background-position: -150px 0;}
.event3 .tit1 .e3_t2 {top:195px;margin-left:-403px;width: 98px;height: 94px;background-position: -250px 0;}
.event3 .tit1 .e3_t3 {top:200px;margin-left:-273px;width: 93px;height: 92px;background-position: -350px 0;}
.event3 .tit1 .e3_t4 {top:198px;margin-left:-173px;width: 92px;height: 91px;background-position: -450px 0;}
.event3 .tit1 .e3_t5 {top:198px;margin-left:-47px;width: 96px;height: 94px;background-position: -550px 0;}
.event3 .tit1 .e3_t6 {top:198px;margin-left:83px;width: 92px;height: 94px;background-position: -650px 0;}
.event3 .tit1 .e3_t7 {top:198px;margin-left:181px;width: 94px;height: 91px;background-position: -750px 0;}
.event3 .tit1 .e3_t8 {top:198px;margin-left:310px;width: 93px;height: 91px;background-position: -850px 0;}
.event3 .tit1 .e3_t9 {top:198px;margin-left:409px;width: 94px;height: 94px;background-position: -950px 0;}

.event3 .e3_txt1 {top:402px;margin-left:-488px;width: 982px;height: 70px;background-position: 0 -150px;transform: skewX(0deg);animation: shift 4.6s ease-in-out infinite alternate;}
.event3 .e3_txt2 {top:500px;margin-left:-449px;width: 899px;height: 37px;background-position: 0 -250px;animation: shift2 4s ease-in-out infinite alternate;}
.event3 .e3_txt3 {top:929px;margin-left:-640px;width: 314px;height: 84px;background-position: 0 -350px;}
.event3 .e3_txt4 {top:929px;margin-left:-21px;width: 527px;height: 84px;background-position: -450px -350px;}

.event3 .section .e3_cha1 {top:66px;margin-left:-1280px;background: none;text-indent: 0;z-index: 1;}

.event3 .section .hexa1 {top:631px;margin-left:-613px;width: 550px;height: 477px;background-position: 0 -500px;}
.event3 .section .hexa2 {top:631px;margin-left:87px;width: 550px;height: 477px;background-position: 0 -500px;}
.event3 .section .h_line1 {top:719px;margin-left:-204px;width: 100px;height: 40px;background-position: -619px -500px;}
.event3 .section .h_line2 {top:719px;margin-left:496px;width: 100px;height: 40px;background-position: -619px -500px;}
.event3 .section .weapon1 {top:696px;margin-left:-611px;width: 563px;height: 395px;background-position: 0 -1021px;}
.event3 .section .weapon2 {top:595px;margin-left:248px;width: 254px;height: 547px;background-position: -619px -614px;}
.event3 .section .btn_go1 {position: absolute;left:50%;top:1094px;margin-left:-522px;width: 410px;height: 97px;background-position: 0 -1446px;z-index:20;}
.event3 .section .btn_go1:hover {background-position: -450px -1446px;}
.event3 .section .btn_go2 {position: absolute;left:50%;top:1094px;margin-left:114px;width: 410px;height: 97px;background-position: 0 -1573px;z-index: 20;}
.event3 .section .btn_go2:hover {background-position: -450px -1573px;}

.event3 #section1 {height: 1269px;}
.event3 #section2 {height: 1477px;} 
.event3 #section2 .contents2 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e3/contents2.png") no-repeat center top;z-index: 10;}
.event3 #section3 {height: 388px;} 
.event3 #section3 .contents3 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e3/contents3.png") no-repeat center top;z-index: 10;}
.event3 #section4 {height: 1386px;} 
.event3 #section4 .contents4 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e3/contents4.png") no-repeat center top;z-index: 10;}


@keyframes shift {
	0%,40%, 44%, 59.4%, 61%, 65%,69%,73%,100% {transform: skewX(0deg);}
	41% { transform: skewX(10deg);}
	42% { transform: skewX(-10deg);}
	59.8% { transform: skewX(30deg) skewY(20deg);}
	60.1% { transform: skewX(-30deg) skewY(-10deg);}
	60.4% { transform: skewX(10deg);}
	70.5% { transform: skewX(-10deg);}
	71% { transform: skewX(10deg);}
}
@keyframes shift2 {
	0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {transform: skewX(0deg);}
	41% { transform: skewX(10deg);}
	42% { transform: skewX(-10deg);}
	59% { transform: skewX(10deg);}
	60% { transform: skewX(-10deg);}
	63% { transform: skewX(10deg);}
	70% { transform: skewX(-10deg);}
	71% { transform: skewX(10deg);}
}

/* UPDATE4
************************************/
.event4 #footer {height: 70px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/copyright.png") no-repeat center top;}
.event4 .quick li.q1 a:hover, .event4 .quick li.q1.active a {width: 135px;background-position:-465px -528px;}
.event4 .quick li.q2 a:hover, .event4 .quick li.q2.active a {width: 124px;background-position:-476px -565px;}
.event4 .quick li.q3 a:hover, .event4 .quick li.q3.active a {width: 135px;background-position:-465px -602px;}

.event4 #container {height: 4849px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/bg0.png") no-repeat center top}
.event4 .tit1 span, .event4 .txt {position: absolute;left:50%;display: block;z-index: 10;text-indent: -9999px;overflow: hidden;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/spr_e4.png") no-repeat }

.event4 .bg_ptn {position: absolute;left:0;top:0;width: 100%;height: 1887px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/bg_ptn.jpg") no-repeat center top;z-index: 1;}

.event4 .tit1 {position: relative;height: 547px;}
.event4 .tit1 .e4_t1 {top:193px;margin-left:-445px;width: 188px;height: 147px;background-position: 0px 0;}
.event4 .tit1 .e4_t2 {top:190px;margin-left:-258px;width: 175px;height: 162px;background-position: -200px 0;}
.event4 .tit1 .e4_t3 {top:189px;margin-left:-88px;width: 185px;height: 151px;background-position: -400px 0;}
.event4 .tit1 .e4_t4 {top:190px;margin-left:98px;width: 190px;height: 162px;background-position: -600px 0;}
.event4 .tit1 .e4_t5 {top:189px;margin-left:269px;width: 187px;height: 151px;background-position: -800px 0;}
.event4 .tit1 .e4_t6 {top:363px;margin-left:-470px;width: 175px;height: 162px;background-position: 0 -200px;}
.event4 .tit1 .e4_t7 {top:363px;margin-left:-282px;width: 170px;height: 162px;background-position: -200px -200px;}
.event4 .tit1 .e4_t8 {top:363px;margin-left:-61px;width: 174px;height: 163px;background-position: -400px -200px;}
.event4 .tit1 .e4_t9 {top:363px;margin-left:118px;width: 181px;height: 166px;background-position: -600px -200px;}
.event4 .tit1 .e4_t10 {top:366px;margin-left:294px;width: 185px;height: 147px;background-position: -800px -200px;}

.event4 .e4_txt1 {top:813px;margin-left:-564px;width: 522px;height: 548px;background-position: 0 -600px;}
.event4 .e4_txt2 {top:813px;margin-left:55px;width: 522px;height: 548px;background-position: -589px -600px;}

.event4 .section .e4_cha1 {top:139px;margin-left:-1136px;background: none;text-indent: 0;z-index: 5;}
.event4 .section .e4_cha2 {top:-127px;margin-left:-152px;background: none;text-indent: 0;z-index: 5;}

.event4 .top_sec {position: absolute;left:0;top:0;width: 100%;height: 100%;}
.event4 .c_tree {position: absolute;left:50%;top:669px;margin-left:-1280px;width: 2560px;height: 4180px;z-index: 6;}
.event4 .l_shadow1 {top:0;margin-left:-1280px;width: 900px;height: 550px;z-index: 4;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/shadow1.png") no-repeat;z-index: 2;}
.event4 .l_shadow2 {top:0;margin-left:489px;width: 791px;height: 695px;z-index: 4;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/shadow2.png") no-repeat;z-index: 2;}
.event4 .l_shadow3 {top:2102px;margin-left:-1280px;width: 2560px;height: 2388px;z-index: 4;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/shadow3.png") no-repeat;z-index: 5;}

.event4 .bulb1 {top:0;margin-left:-1280px;width: 887px;height: 526px;z-index: 4;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/light1.png") no-repeat;z-index: 4;}
.event4 .bulb2 {top:0;margin-left:487px;width: 793px;height: 678px;z-index: 4;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/light2.png") no-repeat;z-index: 4;}
.event4 .bulb3 {top:2076px;margin-left:-1280px;width: 2560px;height: 2375px;z-index: 4;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/light3.png") no-repeat;z-index: 7;}

.event4 .l_glow span {position: absolute;left:50%;display: block;z-index: 3;}
.event4 .l_glow .glow1 {width: 115px;height: 143px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/glow1.png") no-repeat;background-size: 100% 100%;}
.event4 .l_glow .glow2 {width: 138px;height: 127px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/glow2.png") no-repeat;background-size: 100% 100%;}
.event4 .l_glow .glow3 {width: 146px;height: 113px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/glow3.png") no-repeat;background-size: 100% 100%;}

.event4 .l_glow .gl1 {top:-33px;margin-left:-465px}
.event4 .l_glow .gl2 {top:29px;margin-left:-726px;}
.event4 .l_glow .gl3 {top:482px;margin-left:442px;}
.event4 .l_glow .gl4 {top:3611px;margin-left:-888px;z-index: 6;}
.event4 .l_glow .gl5 {top:4203px;margin-left:-848px;z-index: 6;}

.event4 .l_glow .gl6 {top:264px;margin-left:-756px}
.event4 .l_glow .gl7 {top:202px;margin-left:635px}
.event4 .l_glow .gl8 {top:2233px;margin-left:805px;z-index: 6;}
.event4 .l_glow .gl9 {top:3599px;margin-left:-1045px;z-index: 6;}
.event4 .l_glow .gl10 {top:4205px;margin-left:-978px;z-index: 6;}

.event4 .l_glow .gl11 {top:135px;margin-left:-999px;height: 126px;}
.event4 .l_glow .gl12 {top:122px;margin-left:-616px;height: 140px;}
.event4 .l_glow .gl13 {top:362px;margin-left:-990px;}
.event4 .l_glow .gl14 {top:36px;margin-left:870px;}
.event4 .l_glow .gl15 {top:286px;margin-left:890px;}
.event4 .l_glow .gl16 {top:350px;margin-left:520px;height: 126px;}
.event4 .l_glow .gl17 {top:2450px;margin-left:-986px;z-index: 6;}
.event4 .l_glow .gl18 {top:2694px;margin-left:-951px;z-index: 6;width: 130px;height: 116px;}
.event4 .l_glow .gl19 {top:2435px;margin-left:743px;z-index: 6;width: 130px;}
.event4 .l_glow .gl20 {top:4013px;margin-left:801px;z-index: 6;}
.event4 .l_glow .gl21 {top:405px;margin-left:675px;width: 115px;height: 143px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/glow1.png") no-repeat;background-size: 100% 100%;}


.event4 .c_glow {position: relative;z-index: 10;}
.event4 .c_glow span {position: absolute;left:50%;display: block;z-index: 8;}
.event4 .c_glow .c_glow1 {top:405px;margin-left:-640px;width: 178px;height: 177px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/c_glow1.png") no-repeat;}
.event4 .c_glow .c_glow2 {top:405px;margin-left:462px;width: 178px;height: 177px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/c_glow1.png") no-repeat;}
.event4 .c_glow .c_glow3 {top:613px;margin-left:-410px;width: 113px;height: 113px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/c_glow2.png") no-repeat;}
.event4 .c_glow .c_glow4 {top:613px;margin-left:297px;width: 113px;height: 113px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/c_glow2.png") no-repeat;}
.event4 .c_glow .c_glow5 {top:1131px;margin-left:-666px;width: 113px;height: 113px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/c_glow2.png") no-repeat;}
.event4 .c_glow .c_glow6 {top:1131px;margin-left:556px;width: 113px;height: 113px;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/c_glow2.png") no-repeat;}


.event4 #section1 {height: 1319px;}
.event4 #section1 .contents1 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/contents1.png") no-repeat center top;z-index: 10;}
.event4 #section2 {height: 1495px;} 
.event4 #section2 .contents2 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/contents2.png") no-repeat center top;z-index: 10;}
.event4 #section3 {height: 1488px;} 
.event4 #section3 .contents3 {position: absolute;left:0;top:0;width: 100%;height: 100%;background: url("https://ssl.nexon.com/S2/Game/CSO/event/2019/1219_update_4BB6FBA5AB527FBF/e4/contents3.png") no-repeat center top;z-index: 10;}