@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%;}
#nav h1{position:absolute;left:50px;top:18px;z-index:9}
#nav .common{position:absolute;right:23px;top:27px;z-index:9}
#nav .common li{float:left;margin-left:8px}


.quick {position:fixed;right:30px;top:50%;z-index:101;width:32px;height:249px;background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_quick.png) no-repeat;padding-top:11px}
.quick li{width:100%;height:35px;display:block;}
.quick a {display:block;width:100%;height:100%;text-indent:-100000px;background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_no.png) center 0 no-repeat}
.quick li.m1 a {background-position:11px 11px}
.quick li.m2 a {background-position:11px -24px}
.quick li.m3 a {background-position:11px -59px}
.quick li.m4 a {background-position:11px -94px}
.quick li.m5 a {background-position:11px -129px}
.quick li.m6 a {background-position:11px -164px}

.quick li.m1 a:hover,
.quick li.m1.active a{background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/no0.png) no-repeat 12px 11px}
.quick li.m2 a:hover,
.quick li.m2.active a{background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/no1.png) no-repeat 13px 11px}
.quick li.m3 a:hover,
.quick li.m3.active a{background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/no2.png) no-repeat 12px 11px}
.quick li.m4 a:hover,
.quick li.m4.active a{background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/no3.png) no-repeat 12px 11px}
.quick li.m5 a:hover,
.quick li.m5.active a{background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/no4.png) no-repeat 11px 11px}
.quick li.m6 a:hover,
.quick li.m6.active a{background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/no5.png) no-repeat 12px 11px}

#nav{position:fixed;width:100%;height:80px;left:0;top:auto;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 .nav{max-width:1280px;min-width:700px !important;margin:0 auto;position:relative;height:100%;z-index:9}
#nav .nav li{float:left;width:20%;height:100%;min-width:90px;}
#nav .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 .nav li.g1 a {background-position:0 -112px}
#nav .nav li.g2 a {background-position:-256px -112px}
#nav .nav li.g3 a {background-position:-512px -112px}
#nav .nav li.g4 a {background-position:-768px -112px}
#nav .nav li.g5 a {background-position:-1024px -112px}

#nav .nav li a:hover{background-position-y:-339px}
#nav .nav li.active a {background-position-y:-224px}

#nav .deco{position:absolute;left:50%;bottom:0;background: url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/deco.png) no-repeat;width:177px;height:88px;margin-left:-88px;z-index:8}


.section {position:relative;width:100%;min-height:1100px;z-index:5;overflow:auto;height:100%}
.section .inner {position:relative;width:100%;height:1100px}
#section1{background-color:#234598}
#section2{background-color:#a6d3ff}
#section3{background-color:#fff}
#section4{background-color:#ffde6e}
#section5{background-color:#b885ff}
#section6{background-color:#404acb}
#section1 .inner {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_last_index.jpg) center 0 no-repeat;height:1050px}
#section1 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/inner_last_index.png) center 300px no-repeat;}
#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/2018/0213_10th/bg_last_1.jpg) center 40px no-repeat;}
#section2 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/inner_last_1.png) 100px 210px no-repeat;}

#section3 .inner {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_last_2.jpg) center 40px no-repeat;}
#section3 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/inner_last_2.png) center 205px no-repeat;}

#section4 .inner {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_last_3.jpg) center 40px no-repeat;}
#section4 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/inner_last_3.png) center 200px no-repeat;}

#section5 .inner {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_last_4.jpg) center 40px no-repeat;}
#section5 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/inner_last_4.png) center 216px no-repeat;}

#section6 .inner {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/bg_last_5.jpg) center 40px no-repeat;}
#section6 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/inner_last_5.png) 50px 220px no-repeat;}

#footer{position:absolute;width:100%;height:100px;background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0213_10th/copy.png) center 50% no-repeat;left:0;top:1000px;}