@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/2019/0124_special_s1/spr_common.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;top:0;width:100%;height:61px;z-index: 101;}
#header .inner {position: relative;width: 100%;max-width:1920px;z-index: 5;margin:0 auto;}
#header h1 {position:absolute;left:40px;top:40px;z-index:9}
#header h1 a{width:252px;height:38px}
#header .util{position:absolute;right:20px;top:40px;}
#header .util ul{overflow:hidden}
#header .util li{float:right;}
#header .util li a, #header .util li button {width:82px;height:31px;}
#header .util .btn_hide button {width: 145px;background-position:-168px -50px;}
#header .util .btn_hide button:hover{background-position:-168px -100px}
#header .util .btn_home a{margin-right:-1px; background-position:-87px -50px}
#header .util .btn_home a:hover{background-position:-87px -100px}
#header .util .btn_start button {margin-right:5px;background-position:0 -50px;}
#header .util .btn_start button:hover{background-position:0 -100px}
.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: fixed;top:35%;right:0;z-index: 15;display: none;width: 203px;z-index: 101;}
.quick li {width: 203px;height: 59px;margin-bottom:1px;}
.quick a {display:block;width: 100%;height:100%;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/quick.png') no-repeat;text-indent:-9999px;overflow:hidden;}
.quick li.q1:hover a, .quick li.active.q1 a {background-position:-203px 0}
.quick li.q2 a {background-position:0 -60px}
.small .quick li.q1 a {background-position:-144px 0}
.small .quick li.q1.active a, .small .quick li.q1 a:hover {background-position:-203px 0}
.small .quick li.q2 a {background-position:-144px -60px}
.quick li.q2:hover a, .quick li.active.q2 a {background-position:-203px -60px}
.quick li.q3 a {background-position:0 -120px}
.small .quick li.q3 a {background-position:-144px -120px}
.quick li.q3:hover a, .quick li.active.q3 a {background-position:-203px -120px}
.quick li.q4 a {background-position:0 -180px}
.small .quick li.q4 a {background-position:-144px -180px}
.quick li.q4:hover a, .quick li.active.q4 a {background-position:-203px -180px}
.quick li.q5 a {background-position:0 -240px}
.small .quick li.q5 a {background-position:-144px -240px}
.quick li.q5:hover a, .quick li.active.q5 a {background-position:-203px -240px}
.quick li.q6 a {background-position:0 -300px}
.small .quick li.q6 a {background-position:-144px -300px}
.quick li.q6:hover a, .quick li.active.q6 a {background-position:-203px -300px}
.quick li.q7 {position: fixed;right:0;bottom:0;width: 59px;height: 59px;}
.quick li.q7 a {display: block;width: 59px;height: 59px;background-position: -144px -360px}
.quick li.q7 a:hover {background-position: -347px -360px}

.small .quick li {width: 59px;margin-left:144px}
.small .quick li:hover, .small .quick li.active {width: 203px;margin-left:0}

.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;}
.t1, .t2, .t3, .t4 {position: relative;transform:rotate(0.01deg);z-index: 5;}

/* section0 */
.section0 {height: 1050px;overflow: hidden; text-align:center;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/bg0.jpg') no-repeat center top;}
.section0 .t1 img {margin-left: 64px}
.section0 .t1 {z-index: 10;padding: 276px 0 20px;}
.section0 .t2 {z-index: 10;}
.section0 .banner {position: absolute;right:25px;top:275px;z-index: 8;}
.section0 .cha {display: block;position: absolute;left:50%;z-index: 3;transform:rotate(0.01deg);}
.section0 .cha1 {top:400px;margin-left:-988px;width: 426px;height: 775px;z-index: 2;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cha1.png') no-repeat center top}
.section0 .cha2 {top:285px;margin-left:-920px;width: 507px;height: 903px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cha2.png') no-repeat center top}
.section0 .cha3{top:160px;margin-left:-480px;width: 659px;height: 1084px;z-index: 4;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cha3.png') no-repeat}
.section0 .cha4{top:-30px;margin-left:-140px;width: 641px;height: 1314px;z-index: 5;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cha4.png') no-repeat}
.section0 .cha5{top:222px;margin-left:412px;width: 318px;height: 1074px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cha5.png') no-repeat}
.section0 .cha6{top:381px;margin-left:620px;width: 667px;height: 830px;z-index: 2;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cha6.png') no-repeat}
.section0 .cover {position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 6;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/cover.png') no-repeat center top}

canvas{ display: block;}
#particles-js{ position:absolute; left:0;top:0;width: 100%; height: 1050px;z-index: 3;}

.btn_mov {position: absolute;left:50%;top:711px;margin-left:-140px;z-index: 10;width: 279px;height: 56px;background-position: 0 -450px;}
.btn_mov:hover {background-position: 0 -550px;}
.btn_reset, .btn_bonus {display: block;text-indent: -9999px;overflow: hidden;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0110_3rd_events/spr_btn.png') no-repeat }
.btn_reset:hover {background-position: 0 -74px}
.btn_bonus {background-position: 0 -148px}
.btn_bonus:hover {background-position: 0 -202px}

/* section1 */
.section1 {height: 1950px;background-color: #009974; z-index: 11;overflow: hidden;}
.section1 .t1 {padding: 110px 0 75px;}
.section1 .t2 {display: inline-block;margin:3px 55px 0 0;width: 498px;height: 229px;overflow: hidden;}
.section1 .t3 {width: 450px;height: 292px;display: inline-block;overflow: hidden;vertical-align: top}
.section1 .cts1 {position: relative;height: 354px;}
.section1 .cts2 {position: relative;height: 336px;}
.section1 .cts3 {position: relative;margin-top:-10px;}
.section1 .t4 {position: absolute;left:50%;top:0;margin-left:-550px;width: 466px;height: 287px;overflow: hidden;}
.section1 .t6 {display: inline-block; margin-left:-77px;width: 491px;height: 303px;overflow: hidden;vertical-align: top;transform:rotate(0.01deg);}
.section1 .square {position: absolute;left:50%;display: block;width: 456px;height: 171px;border:18px solid #68ffeb;transform:rotate(0.01deg);}
.section1 .cts2 .square {top:5px;margin-left:58px;}
.section1 .cts3 .square {top:5px;margin-left:-550px;height: 300px;}
.section1 .cts2 .item1 {position: absolute;left:50%;top:-106px;display: block;margin-left:-24px;transform: rotate(0.01deg);}
.section1 .cts2 .item2 {position: absolute;left:50%;top:-71px;display: block;margin-left:-76px;transform: rotate(0.01deg)}
.section1 .t5 {position: relative;display: inline-block;padding:42px 0 0 50px}
.section1 .bg1 {display: block;position: absolute;left:50%;top:0;margin-left:-1280px;width: 640px;height: 2800px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn1_1.png') repeat-y}
.section1 .bg2 {display: block;position: absolute;left:50%;top:0;margin-left:640px;width: 640px;height: 2800px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn1_2.png') repeat-y}
.btn_system {position: absolute;left:50%;top:1713px;margin-left:-270px;z-index: 10;width: 606px;height: 122px;background-position: 0 -150px}
.btn_system:hover {background-position: 0 -300px}

/* section2 */
.section2 {height: 3395px;background:#432f26 url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/bg2.jpg') no-repeat center top;z-index: 10;}
.section2 .t1 {padding: 180px 0 1300px;z-index: 5;}
.section2 .t2 {position: absolute;left:50%;top:36px;margin-left:-282px; z-index: 6;}
.section2 .t3 {position: absolute;left:50%;top:762px;margin-left:-550px;}
.section2 .t4 {position: absolute;left:50%;top:913px;margin-left:24px;}
.section2 .t5 {position: absolute;left:0%;top:1536px;width: 100%;text-align: center;transform:rotate(0.01deg);}
.section2 .t6 {padding-bottom: 82px;transform:rotate(0.01deg);}
.section2 .wp1 {position: absolute;left:0;top:119px; display: block;width: 526px;height: 451px;overflow: hidden;}
.section2 .wp1 span {position: absolute;left:0;top:-290px;display: block;width: 534px;height: 794px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn2_1.png') no-repeat;}
.section2 .wp2 {position: absolute;left:0;top:-80px; display: block;width: 580px;height: 651px;overflow: hidden;}
.section2 .wp2 span {position: absolute;left:130px;top:0;display: block;width: 504px;height: 848px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn2_2.png') no-repeat;}
.section2 .wp3 {position: absolute;left:0;top:-90px; display: block;width: 100%;height: 472px;overflow: hidden;}
.section2 .wp3 span {position: absolute;left:50%;top:0;margin-left:-722px;display: block;width: 1189px;height: 774px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn2_3.png') no-repeat;}

/* section3 */
.section3 {height: 1834px;background:#407188 url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/bg3.jpg') no-repeat center top;z-index: 9;}
.section3 .t1 {position: absolute;left:50%;top:250px;margin-left:-550px;z-index: 5;}
.section3 .t2 {position: absolute;left:50%;top:131px;margin-left:-148px; z-index: 2;}
.section3 .t3 {display: block;padding-top: 1138px;}
.section3 .zb1 {position: absolute;left:50%;top:500px;margin-left:-1400px;width: 1064px;height: 749px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn3_1.png') no-repeat;}
.section3 .zb2 {position: absolute;left:50%;top:912px;margin-left:542px;width: 677px;height: 606px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn3_2.png') no-repeat;z-index: 6;}

/* section4 */
.section4 {height: 1329px;background:#c2c700;z-index: 7;overflow: hidden;}
.section4 .t1 {padding: 122px 0 40px}
.section4 .plus1 {position: absolute;left:50%;top:0;margin-left:-920px;width: 400px;height: 100%;z-index: 2;}
.section4 .plus2 {position: absolute;left:50%;top:0;margin-left:590px;width: 400px;height: 100%;z-index: 2;}
.section4 .plus span {width: 136px;height: 135px; background-size: 100% 100%;display: block;position: absolute;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/plus.png") no-repeat;transform:rotate(0.01deg);}

/* section5 */
.section5 {height: 2032px;background:#d48a00 url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/bg5.jpg') no-repeat center top;z-index: 8;}
.section5 .t1 {padding: 132px 0 60px 0}
.section5 .cts1 {position: relative;width: 100%;height: 680px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/t5_2.png') no-repeat center top;}
.section5 .cts2 {position: relative;width: 100%;height: 717px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/t5_3.png') no-repeat center top;}
.section5 .arm1 {position: absolute;left:50%;top:49px;margin-left:-69px;display: block;width: 609px;height: 339px;overflow: hidden;}
.section5 .arm1 span {position: absolute;left:20px;top:-140px; display: block;width: 548px;height: 700px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn5_1.png') no-repeat;}
.section5 .arm2 {position: absolute;left:50%;top:306px;margin-left:-577px;display: block;width: 911px;height: 400px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn5_2.png') no-repeat;}
.section5 .mds1 {position: absolute;left:50%;top:16px;margin-left:-768px;display: block;width: 760px;height: 778px;overflow: hidden;}
.section5 .mds1 span {position: absolute;left:-20px;top:0; display: block;width: 655px;height: 1217px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn5_3.png') no-repeat;}
.section5 .mds2 {position: absolute;left:50%;top:218px;margin-left:-100px;display: block;width: 578px;height: 619px;background:url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/ptn5_4.png') no-repeat;}

/* section6 */
.section6 {height: 2242px;background:#fff url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0124_special_s1/bg6.png') no-repeat center top;z-index: 7;}
.section6 .t1 {padding: 130px 0 0 0}
.section6 .t2 {position: absolute;left:50%;top:658px;margin-left:-924px;}
.section6 .free1 {position: absolute;left:50%;top:552px;margin-left:-1033px;}
.section6 .free2 {position: absolute;left:50%;top:590px;margin-left:-150px;height: 605px;overflow: hidden;}
.section6 .t3 {position: absolute;left:50%;top:1258px;margin-left:-50px;z-index: 4;}
.section6 .free3 {position: absolute;left:50%;top:1292px;margin-left:416px;z-index: 6;}
.section6 .free4 {position: absolute;left:50%;top:966px;margin-left:-748px;z-index: 6;}
.section6 .t4 {position: absolute;left:50%;top:1830px;margin-left:-722px;z-index: 4;}
.section6 .free5 {position: absolute;left:50%;top:1679px;margin-left:-1245px;z-index: 6;}
.section6 .free6 {position: absolute;left:50%;top:1494px;margin-left:-70px;z-index: 6;}

#layerVideo {display:none;position: absolute;;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999999}
#layerVideo .dim{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;filter:alpha(opacity=80);opacity:0.8}
#layerVideo .pop_content{position: relative;width:1150px;height:700px;margin:200px auto 0;}
#layerVideo .video_box{position: relative;width:1150px;height:645px;margin:0 auto;background:#000;}
#layerVideo .btn_close{position:absolute;top:-92px;right:0;width:65px;height:65px;background-position: -372px -450px;}
#layerVideo .btn_close:hover {background-position: -372px -550px;}
#layerVideo .msg {padding-top: 20px;text-align: center}


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