@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}




.section {position:relative;width:100%;min-height:1049px;z-index:5;overflow:auto}
.section .inner {position:relative;width:100%;height:100%}

#section1 .inner {background:#3e2b45 url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/bg_full00.jpg) center top no-repeat;height:1080px}
#section1 h2 {position:absolute;right:-163px;top:25px;z-index:10}
#section1 .scroll {position:fixed;left:50%;bottom:145px;margin-left:-25px;z-index:11}

#section2 .inner {background:#f1f1f1 url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/bg_full01.jpg) center top no-repeat;height:2500px;}
#section2 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/inner_full01.png) center 150px no-repeat;}

#section3 .inner {background:#000 url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/bg_full02.jpg) center top no-repeat;height:1080px}
#section3 .con {background:url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/inner_full02.png) 230px 233px no-repeat;}

#section4 .inner {background:#f4ae1a url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/bg_full03.jpg) center top no-repeat;height:1050px}

#section5 .inner {background:#20a6ca url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/bg_full04.jpg) center top no-repeat;height:1050px}

#section6 .inner {background:#b834d8 url(https://ssl.nexon.com/S2/Game/CSO/event/2018/0118_10th/bg_full05.jpg) center top no-repeat;height:1140px}

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