@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:12px '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
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}
#wrapper{position:relative;width:100%;height:auto;}
.con{position:relative;width:1280px;margin:0 auto;height:100%;}
#header{position:absolute;width:100%;height:55px}
#header h1{position:absolute;left:50px;top:18px;z-index:9}
#header .common{position:absolute;right:74px;top:28px;z-index:9}
#header .common li{float:left;margin-left:8px}
.btn_top{position:fixed;right:80px;bottom:130px;z-index:101}


.quick {position:fixed;right:80px;top:50%;z-index:101;width:14px;}
.quick li{width:11px;height:11px;border:2px solid #858077;background:transparent;display:block;transition:background .25s ease-in-out;margin-bottom:17px;border-radius:50%}
.quick li:hover,
.quick li:focus,
.quick li.active{background-color:#858077 }
.quick a {display:block;width:100%;height:100%}

#nav.top{bottom:auto;top:0;position:absolute;}
#nav{position:fixed;width:100%;height:80px;left:0;top:auto;bottom:0;background:#1c1109 url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/bg_nav.jpg) center 0 no-repeat;z-index:10;min-width:1280px}
#nav ul{width:1280px;margin:0 auto;position:relative;height:100%}
#nav li{float:left;width:256px;height:100%;}
#nav li a{display:block;width:100%;height:100%;text-indent:-100000px;background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/nav.png) no-repeat}
#nav li.g1 a {background-position:0 -112px}
#nav li.g2 a {background-position:-256px -112px}
#nav li.g3 a {background-position:-512px -112px}
#nav li.g4 a {background-position:-768px -112px}
#nav li.g5 a {background-position:-1024px -112px;}

#nav li.g1 a:hover{background-position:0 -339px}
#nav li.g2 a:hover{background-position:-256px -339px}
#nav li.g3 a:hover{background-position:-512px -339px}
#nav li.g4 a:hover{background-position:-768px -339px}
#nav li.g5 a:hover{background-position:-1024px -339px}

#nav li.g1.active a {background-position:0 -224px}
#nav li.g2.active a {background-position:-256px -224px}
#nav li.g3.active a {background-position:-512px -224px}
#nav li.g4.active a {background-position:-768px -224px}
#nav li.g5.active a {background-position:-1024px -224px}




.spark {position: absolute;visibility: hidden;width:10px;height:5px;border-radius: 34%;box-shadow: 0 0 10px #8f2505;background-color: #ff4e00;transform:matrix(0.866,0.5,-0.8,0.866,0,0);z-index:10}
.section {position:relative;width:100%;min-height:1049px;z-index:5;overflow:auto;}
.section .inner {position:relative;width:100%;height:100%}

#section1 .inner {background:#453b2b url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/section1.jpg) center top no-repeat;height:1080px;background-size:cover}
#section1 h2 {position:absolute;right:108px;top:258px;z-index:10}

#section1 .scroll {position:fixed;left:50%;bottom:145px;margin-left:-25px;z-index:11}

#section2 .inner {background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/section2.jpg) center top no-repeat;height:1573px}
#section2 .mo2_txt{position:absolute;width:100%;height:444px;left:0;bottom:90px;background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/con2.png) center top no-repeat;z-index:10}

#section3 .inner {background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/section3.jpg) center top no-repeat;height:1213px}

#section4 .inner {background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/section4.jpg) center top no-repeat;height:1080px}
#section4 .tab {position:absolute;width:646px;right:0;top:130px;}
#section4 .tab h3 a {text-indent:-100000px;background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/tab.png) no-repeat;width:317px;height:77px;display:block;}
#section4 .tab #tit_w1 {position:absolute;right:322px;top:0}
#section4 .tab #tit_w2 {position:absolute;right:0;top:0;margin-left:5px}
#section4 .tab #tit_w1 a {background-position:0 0}
#section4 .tab #tit_w2 a {background-position:-322px -81px}
#section4 .tab #tit_w1.on a {background-position:0 -81px}
#section4 .tab #tit_w2.on a {background-position:-322px 0}
#section4 .tab .tab_con {padding-top:114px;}
#section4 .page{position:absolute;width:920px;height:100%;left:-320px;bottom:0;overflow:hidden;}
#section4 .page li{position:relative;width:100%;height:100%;}

#section5 .inner {background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/section5.jpg) center top no-repeat;height:1079px}
#section5 ul{position:absolute;top:487px;right:0;width:1252px;height:407px;}
#section5 ul li{position:relative;float:left;width:303px;height:100%;margin-left:10px}

#section6 .inner {background: url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/section6.jpg) center top no-repeat;height:1956px}

.char1 {display:inline-block;position:absolute;left:50%;top:110%;margin-left:-950px;animation: b1 2.8s infinite ease-in-out alternate;}
.char2 {display:inline-block;position:absolute;left:50%;top:100%;margin-left:-450px;animation: b1 3.2s infinite ease-in-out alternate;}

.mo2_img1 {position:absolute;left:-100%;top:160px;z-index:4;margin-left:-960px}
.mo2_img2 {position:absolute;right:-100%;top:143px;z-index:2;margin-right:-900px;}

#section5 ul li img {position:absolute;left:0;top:100px;z-index:4}

.mo4_img1 {position:absolute;left:62px;top:450px;opacity:0;}
.mo4_img2 {position:absolute;left:697px;top:450px;opacity:0;}
.mo4_img3 {position:absolute;left:62px;top:943px;opacity:0;}
.mo4_img4 {position:absolute;left:697px;top:943px;opacity:0;}
.mo4_img5 {position:absolute;left:62px;top:1344px;opacity:0;}

@keyframes b1 {
	0 {transform:translate(0, 0px);}
	65% {transform:translate(0, 15px);}
	100% {transform: translate(0, -0px); }
}
#footer{position:absolute;width:100%;height:80px;background:url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/copy.png) center 0 no-repeat;left:0;top:1890px;}


#wrapper.tab02{height:1160px;background:#9a2622 url(https://ssl.nexon.com/S2/Game/CSO/event/2017/1214_10th/comingsoon.jpg) center 0 no-repeat}
#container{position:relative;width:1280px;height:100%;margin:0 auto}
#container a{position:absolute;width:392px;height:95px;left:450px;top:810px;}
/* IE8 */
@media \0screen{
}