@charset "utf-8";
@import url(http://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
/* 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 */
body {background-color: #000;}
#wrapper{position:relative;width:100%;}
#header h1 a, #header .util a, #header .util button, .btn {display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/spr_common.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;top:0;width:100%;height:61px;z-index: 101;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg_util_ptn.png') repeat-x;}
#header .inner {position: relative;width: 100%;max-width:1920px;z-index: 5;margin:0 auto;}
#header h1 {position:absolute;left:40px;top:14px;z-index:9}
#header h1 a{width:252px;height:38px}
#header .util{position:absolute;right:20px;top:18px;padding-left:162px}
#header .util ul{overflow:hidden}
#header .util li{float:left;}
#header .util li a, #header .util li button {width:140px;height:26px;margin-left:22px}
#header .util .btn_hide button {background-position:0 -68px;}
#header .util .btn_hide button:hover{background-position:0 -122px}
#header .util .btn_home a{background-position:-162px -68px}
#header .util .btn_home a:hover{background-position:-162px -122px}
#header .util .btn_start button {width: 56px;background-position:-322px -68px;}
#header .util .btn_start button:hover{background-position:-322px -122px}
.nav {position: absolute;width: 100%;height: 74px;z-index: 100;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg_nav_ptn.png") repeat-x;}
.nav ul {width: 1125px;margin:0 auto;}
.nav li {float: left;width: 281px;height: 74px;}
.nav li a {display: block;height: 100%;text-indent: -9999px;overflow: hidden;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/nav_s1.png") no-repeat}
.nav .n2 a {background-position: -281px 0;}
.nav .n3 a {background-position: -562px 0;}
.nav .n4 a{background-position: -843px 0;}
.nav .n1 a:hover, .nav .n1.active a {background-position: 0 -74px;}
.nav .n2 a:hover, .nav .n2.active a {background-position: -282px -74px;}
.nav .n3 a:hover, .nav .n3.active a {background-position: -562px -74px;}
.nav .n4 a:hover, .nav .n4.active a {background-position: -843px -74px;}

.sticky2 .nav {position: fixed;top:0 !important}


#container{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow: hidden;}
#footer{position: relative; width:100%;height:100px;background:#000 url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/copyright.png') no-repeat 50% 50%;z-index:20}

.quick {position: absolute;top:180px;right:2%;z-index: 15;display: none;width: 187px;height: 427px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg_quick.png') no-repeat;z-index: 101;}
.quick li {width: 187px;height: 42px;margin-bottom:12px;}
.quick a {display:block;width: 100%;height:100%;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/quick.png') no-repeat;text-indent:-9999px;overflow:hidden}
.quick li.q1 a {margin-bottom:14px;}
.quick li.q1:hover a, .quick li.active.q1 a {background-position:-187px 0}
.quick li.q2 a {background-position:0 -56px}
.quick li.q2:hover a, .quick li.active.q2 a {background-position:-187px -56px}
.quick li.q3 a {background-position:0 -110px}
.quick li.q3:hover a, .quick li.active.q3 a {background-position:-187px -110px}
.quick li.q4 a {background-position:0 -164px}
.quick li.q4:hover a, .quick li.active.q4 a {background-position:-187px -164px}
.quick li.q5 a {background-position:0 -218px}
.quick li.q5:hover a, .quick li.active.q5 a {background-position:-187px -218px}
.quick li.q6 a {background-position:0 -272px}
.quick li.q6:hover a, .quick li.active.q6 a {background-position:-187px -272px}
.quick li.q7 a {margin-bottom:13px;background-position:0 -326px}
.quick li.q7:hover a, .quick li.active.q7 a {background-position:-187px -326px}
.quick li.q8 a {height: 46px;background-position:0 -381px}

.sticky .quick{position: fixed;}
.screen {display: none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:100000;opacity:0}
.section {position: relative;width: 100%;text-align: center}
.section .inner {position: relative;width: 1280px;margin: 0 auto;}
.section .t3 {padding-bottom: 20px;}
.t1, .t2, .t3, .t4  {position: relative;transform:rotate(0.01deg);z-index: 5;} 

/* section0 */
.section0 {height: 1024px;overflow: hidden; text-align:center;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg0.jpg') no-repeat center top;}
.section0 .banner {position: absolute;right:25px;top:275px;z-index: 5;}

.section0 .cha {display: block;position: absolute;left:50%;transform: rotate(0.01deg);z-index: 1;}
.section0 .cha1 {top:190px;left:0;width: 100%;height: 831px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c1.png') no-repeat center top}
.section0 .cha2 {top:-50px;margin-left:-960px;width: 651px;height: 783px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c2.png') no-repeat center top}
.section0 .cha3{top:120px;margin-left:-560px;width: 314px;height: 426px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c3.png') no-repeat}
.section0 .cha4{top:420px;margin-left:-573px;width: 419px;height: 544px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c4.png') no-repeat}
.section0 .cha5{top:-50px;margin-left:400px;width: 552px;height: 1088px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c5.png') no-repeat}
.section0 .cha6{top:643px;margin-left:298px;width: 176px;height: 388px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c6.png') no-repeat}
.section0 .cha7{top:30px;margin-left:258px;width: 693px;height: 920px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c7.png') no-repeat}
.section0 .cha8{top:80px;margin-left:208px;width: 470px;height: 940px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c8.png') no-repeat}
.section0 .cha9 {top:-54px;left:0;width: 100%;height: 420px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c9.png') no-repeat left top}
.section0 .cha10{top:250px;margin-left:166px;width: 200px;height: 594px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/c10.png') no-repeat}
.section0 .cover {display: block;position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 2;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/cover.png') no-repeat}
.scroll{position: relative;padding-top: 40px;z-index:10;text-align:center;}
.scroll {animation: bounce 1.5s ease infinite;}

@keyframes bounce {
  50% {
    transform: translateY(-9px);
  }
  100% {
    transform: translateY(0);
  }
}


/* section1 */
.section1 {height: 930px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg1.jpg') no-repeat center top;z-index: 10;}
.section1 .t1 {padding: 90px 0 28px;}
.section1 .t3 {position: absolute;left:50%;top:640px;margin-left:-834px}
.section1 .t4 {padding-top: 25px;}

/* section2 */
.section2 {height: 862px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg2.jpg') no-repeat center top;z-index: 11;}
.section2 .t1 {padding: 90px 0 28px;z-index: 5;}
.section2 .t2 {position: absolute;left:50%;top:-58px;margin-left:360px}
.section2 .t3 {margin-top:-54px;z-index: 2;}
.section2 .t4 {margin-top:-162px;padding-left: 30px; z-index: 3;}

/* section3 */
.section3 {height: 709px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg3.jpg') no-repeat center top;z-index: 10;}
.section3 .t1 {padding: 90px 0 162px;z-index: 5;}
.section3 .t2 {position: absolute;left:50%;top:0;margin-left:-946px;z-index: 2;}

/* section4 */
.section4 {height: 649px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg4.jpg') no-repeat center top;z-index: 10;}
.section4 .t1 {padding: 90px 0 0; margin-bottom:-35px;z-index: 5;}

/* section5 */
.section5 {height: 842px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg5.jpg') no-repeat center top;z-index: 10;}
.section5 .t1 {padding: 90px 0 0; margin-bottom:-35px;z-index: 5;}
.section5 .t2 {position: absolute;left:50%;bottom:0;margin-left:-940px;z-index: 2;width: 868px;height: 814px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/t5_2.png') no-repeat}
.section5 .t3 {position: absolute;left:50%;bottom:-20px;margin-left:196px;z-index: 2;width: 622px;height: 822px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/t5_3.png') no-repeat}
.section5 .t4 {margin-top:-60px;padding-left: 15px;z-index: 3;}

/* section6*/
.section6 {height: 534px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg6.jpg') no-repeat center top;z-index: 10;}
.section6 .t1 {padding: 75px 0 10px; z-index: 5;}

/* section7*/
.section7 {height: 681px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2018/1213_1st_update/bg7.jpg') no-repeat center top;z-index: 10;}
.section7 .t1 {padding: 75px 0 10px; z-index: 5;}




/* ~w1420~ */
@media all and (max-width:1420px){
}