@charset "utf-8";
/* 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:'Noto Sans Korean', Malgun Gothic, Dotum, sans-serif;font-weight:300;}
img,fieldset{border:0;vertical-align: top;}
ul,ol{list-style:none}
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;background-color:#000}
.blind, legend{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 {height: 100%;background-color: #180f31;}
#wrapper{position:relative;width:100%;min-height: 860px;max-width:1920px;margin:0 auto;overflow: hidden; background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e7_new/bg.jpg") no-repeat center top;}
#header h1 a, #header .util a, .btn{display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/spr_btn.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;top:0;width:100%;height: 90px;z-index: 100;}
#header .inner {position: relative;width: 100%;max-width:1920px;z-index: 5;margin:0 auto;}
#header h1 {position:absolute;left:30px;top:41px;z-index:9;}
#header h1 a{width:176px;height:28px;background-position: -266px 0}
#header .util{position:absolute;right:30px;top:41px;width: 442px;}
#header .util ul{overflow:hidden}
#header .util li{float:left;}
#header .util li a, #header .util li .btn {position: relative;width:148px;height:39px;z-index: 9;}
#header .util li a:hover, #header .util li .btn:hover {z-index: 10;}
#header .util .btn_hide{background-position:0 -54px;}
#header .util .btn_hide:hover{background-position:0 -97px}
#header .util .btn_home a{margin-left: -1px; background-position:-147px -54px}
#header .util .btn_home a:hover{background-position:-147px -97px}
#header .util .btn_pw a{margin-left: -1px; background-position:-294px -54px}
#header .util .btn_pw a:hover{background-position:-294px -97px}
#container{position:relative;width:100%;height: 2383px;margin:0 auto;text-align: center;}
#footer{position: relative;z-index: 30; width:100%;height:108px;background:#000 url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/copyright.png') no-repeat 50% 50%;z-index:20}
.screen {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0a1020;z-index:100000;display: none;}

.lnb {position: absolute;top:115px;width: 218px;z-index: 101;background:#000 url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/bg_lnb.png') repeat-y;}
.lnb .logo {position:absolute;top:-115px;padding:41px 0 0 20px; z-index:9;width: 198px;height: 75px;text-indent: -9999px;overflow: hidden; background-color: #191919;}
.lnb .logo a {width:176px;height:28px;background-position: -266px 0}
.lnb ul {position: relative;z-index: 101; height: 3000px;}
.lnb li {height: 107px;text-indent:-9999px;overflow:hidden}
.lnb li a, .lnb li span{display: block;width: 100%;height: 100%;display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/lnb_n0920.png") no-repeat;}
.lnb .lnb1 a{background-position: 0 0; }
.lnb .lnb1 a:hover, .lnb .lnb1.active a {background-position: -218px 0;}
.lnb .lnb2 a{background-position: 0 -107px; }
.lnb .lnb2 a:hover, .lnb .lnb2.active a {background-position:-218px -107px; }
.lnb .lnb3 a{background-position: 0 -214px; }
.lnb .lnb3 a:hover,  .lnb .lnb3.active a {background-position: -218px -214px;}
.lnb .lnb4 a{background-position: 0 -321px; }
.lnb .lnb4 a:hover,  .lnb .lnb4.active a {background-position: -218px -321px;}
.lnb .lnb5 a{background-position: 0 -428px; }
.lnb .lnb5 a:hover,  .lnb .lnb5.active a {background-position: -218px -428px;}
.lnb .lnb6 a{background-position: 0 -535px; }
.lnb .lnb6 a:hover,  .lnb .lnb6.active a {background-position: -218px -535px;}
.lnb .lnb7 a{background-position: 0 -642px; }
.lnb .lnb7 a:hover,  .lnb .lnb7.active a {background-position: -218px -642px;}
.lnb .btn_lnb_close {position: absolute;right:-38px;top:-115px;width: 38px;height: 44px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/btn_lnb_close.png") no-repeat;}
.lnb .btn_lnb_open {display: none;position: absolute;right:-38px;top:-115px;width: 38px;height: 44px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/btn_lnb_open.png") no-repeat;}
.lnb_hide .btn_lnb_open {display: block;}
.lnb_hide .btn_lnb_close {display: none;}
.sticky .lnb {position: fixed;}
/* .sticky #header .util, .sticky #header h1{position: fixed;} */

.screen {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#180f31;z-index:100000;}

.t1 {padding:277px 0 28px 0;}
.t3 {position: absolute;left:0;top:1276px;width: 100%;height: 450px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e7_new/t3.png') no-repeat center top;}
.t4 {position: absolute;left:0;top:1773px;width: 100%;height: 515px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e7_new/t4.png') no-repeat center top;}


.moon1 {display: block;position: absolute;left:50%;top:121px;margin-left:-260px;width:525px;height: 210px;z-index: 4;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e7_new/moon1.png') no-repeat;}
.moon2 {display: block;position: absolute;left:50%;top:102px;margin-left:-260px;width: 525px;height: 210px;z-index: 3;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e7_new/moon2.png') no-repeat;}
.moon3 {display: block;position: absolute;left:50%;top:84px;margin-left:-260px;width: 525px;height: 210px;z-index: 2;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e7_new/moon3.png') no-repeat;}






.cloud {display: block;position: absolute;left:50%;top:128px;margin-left:-630px;width: 1286px;height: 341px;z-index: 2;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e6_new/cloud.png') no-repeat;}
.cha1{display: block;position: absolute;left:50%;top:600px;margin-left:-735px;width: 424px;height: 563px;z-index: 6;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e6_new/cha1.png') no-repeat;}
.cha2{display: block;position: absolute;left:50%;top:500px;margin-left:340px;width: 485px;height: 652px;z-index: 6;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/0913_arcade/e6_new/cha2.png') no-repeat;}




/* ~h800 */
@media all and (max-height:840px){
	.lnb li {height:84px;border-bottom:1px solid #262626}
}
/* ~h1000~ */
@media all and (max-height:1000px){
	#footer{height: 70px;}
}

/* IE9 */
.ie9 .particles, .ie9 .particles span {display: none;}