@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-family:'NanumBarunGothic', 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:#fff}
.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: #fff;}
#wrapper{position:relative;width:100%;max-width:2560px;margin:0 auto;padding-left: 284px;box-sizing: border-box}
#header h1 a, #header .util a, #header .util button, .btn,.mode_wrap .tab li a {display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/spr_common.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;left:0;top:0;width: 280px;height: 100%;background-color: #fff;border-right:4px solid #000}
#header .inner {height: 100%;}

#header h1 a{width:280px;height:116px}
#header .util{margin:24px 0 0 24px;padding-bottom:26px;overflow: hidden;width: 232px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg_dot_line.png") repeat-x left bottom;}
#header .util li{float:left;}
#header .util .btn_home a{width: 59px;height: 56px;background-position:-300px 0}
#header .util .btn_home a:hover{background-position:-375px 0}
#header .util .btn_start {margin-left:-2px;}
#header .util .btn_start button {width: 175px;height: 56px;background-position:-300px -75px;}
#header .util .btn_start button:hover{background-position:-500px -75px}
#header .btn_apply {width: 230px;height: 54px;margin-left:24px;background-position: 0 -150px;}
#header .banner {width: 232px;margin-left:24px;padding-top: 23px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg_dot_line.png") repeat-x left top;}
#header .banner a {text-indent: -9999px;overflow: hidden;display: block;width: 232px;height: 139px;}
#header .banner .bn1 {background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/banner.png") no-repeat}
#header .banner .bn1:hover {background-position: -232px 0}
.sticky #header {position: fixed;}
.w2560 #header {left:50%;margin-left:-1280px}
#container{position:relative;width:100%;margin:0 auto;overflow: hidden;}
#footer{position: relative; width:100%;height:88px;background:#000 url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/copyright.png') no-repeat 50% 50%;z-index:20}

.section {position: relative;width: 100%;text-align: center}


.quick {position: relative;width: 232px;margin-left:24px;}
.quick li {width: 100%;height: 54px;}
.quick a {display:block;width: 100%;height:100%;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/quick.png') no-repeat;text-indent:-9999px;overflow:hidden;}
.quick li.q1:hover a, .quick li.active.q1 a {background-position:-232px 0}
.quick li.q2 a {background-position:0 -54px}
.quick li.q2:hover a, .quick li.active.q2 a {background-position:-232px -54px}
.quick li.q3 a {background-position:0 -108px}
.quick li.q3:hover a, .quick li.active.q3 a {background-position:-232px -108px}
.quick li.q4 a {background-position:0 -162px}
.quick li.q4:hover a, .quick li.active.q4 a {background-position:-232px -162px}
.quick li.q5 a {background-position:0 -216px}
.quick li.q5:hover a, .quick li.active.q5 a {background-position:-232px -216px}

.section .obj {position: absolute;left:50%;transform: rotate(0.01deg)}


/* section1 */
#section1 {height: 1077px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg1.png') no-repeat center top;border-bottom:6px solid #000}
#section1 .title {padding: 95px 0 39px;}
#section1 .scroll {padding-top: 356px}
#section1 .btn_mov {margin:0 auto;width: 484px;height: 120px;background-position: 0 -150px;position: relative;z-index: 5;}
#section1 .btn_mov:hover {background-position: 0 -300px;}

.cha1 {top:380px;margin-left:135px;width: 449px;height: 436px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/cha1.png') repeat}
.cha2 {top:415px;margin-left:-622px;width: 420px;height: 340px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/cha2.png') repeat}
.cha3 {top:302px;margin-left:464px;width: 469px;height: 758px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/cha3.png') repeat}
.cha4 {top:-70px;margin-left:-954px;width: 480px;height: 1429px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/cha4.png') repeat}
.sand {top:613px;margin-left:-502px;width: 929px;height: 375px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/sand.png') repeat}
.duck {top:631px;margin-left:-120px;width: 196px;height: 124px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/duck.png') repeat}
.leaf {position: absolute;left:50%;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/leaf.png') no-repeat}
.leaf1 {bottom:0;margin-left:-1138px;width: 536px;height: 425px;}
.leaf2 {bottom:0;margin-left:467px;width: 670px;height: 414px;background-position: 0 -535px}
.leaf3 {top:0;margin-left:710px;width: 430px;height: 441px;background-position: 0 -1063px}


#section2 {height: 3317px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg2.png') repeat center top;}
#section2 .stit {position: relative;padding-top: 112px}
#section2 .weapon {display: block;position: absolute;left:50%;top:0;margin-left:284px;width: 854px;height: 1147px;transform: rotate(0.01deg);background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/weapon.png') no-repeat} 
#section2 .contents {position: absolute;left:0;top:1842px;width: 100%;height: 1383px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/contents2.png') no-repeat center top}
#section2 .player {position: relative;width: 917px;height: 529px;margin:28px auto 0;padding:15px 0 0 0; background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg_player.png') no-repeat;z-index: 50;}

.mode_wrap .mode {position: absolute;left:50%;display: none;transform: rotate(0.01deg);z-index: 10;}
.mode_wrap .mode img {position: relative;display: block; transform: rotate(0.01deg);}
.mode_wrap .tab li {position: absolute;left:50%;z-index: 11;}
.mode_wrap .tab li.tb1 {top:1334px;margin-left:-510px;}
.mode_wrap .tab li.tb2 {top:1454px;margin-left:-386px;}
.mode_wrap .tab li.tb3 {top:1573px;margin-left:-510px;}
.mode_wrap .tab li a {width: 233px;height: 233px;}
.mode_wrap .tab li.tb1 a {background-position: 0 -450px}
.mode_wrap .tab li.tb1 a:hover, .mode_wrap .tab li.tb1.active a {background-position: 0 -700px}
.mode_wrap .tab li.tb2 a {background-position: -250px -450px}
.mode_wrap .tab li.tb2 a:hover, .mode_wrap .tab li.tb2.active a {background-position: -250px -700px}
.mode_wrap .tab li.tb3 a {background-position: -500px -450px}
.mode_wrap .tab li.tb3 a:hover, .mode_wrap .tab li.tb3.active a {background-position: -500px -700px}
.mode_wrap #mode1 {top:1147px;margin-left:-313px;}
.mode_wrap #mode2 {top:1166px;margin-left:-270px;}
.mode_wrap #mode3 {top:1048px;margin-left:-253px;}

#section3 {height: 1646px;overflow: hidden; background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg3.png') repeat;border-bottom:6px solid #000 }
#section3 .contents {position: absolute;left:0;top:0;width: 100%;height:100%;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/contents3.png') no-repeat center top}

.ptn span {position: absolute;left:50%;display: block;}
.ptn .ptn1 {top:502px;margin-left:-768px;width: 9px;height: 95px;background-color: #fff;}
.ptn .ptn2{top:900px;margin-left:344px;width: 3px;height: 405px;background-color: #54e034;}
.ptn .ptn6{top:1060px;margin-left:-818px;width: 3px;height: 405px;background-color: #ffd200;}
.ptn .ptn5{top:-100px;margin-left:-458px;width: 3px;height: 265px;background-color: #54e034;}
.ptn .ptn8 {top:110px;margin-left:608px;width: 9px;height: 75px;background-color: #4d1e09;}
.ptn .ptn3 {top:540px;margin-left:888px;width: 3px;height: 405px;background-color: #36e0ff;}
.ptn .ptn4 {top:1100px;margin-left:698px;width: 3px;height: 70px;background-color: #fff;}
.ptn .ptn7 {top:1500px;margin-left:258px;width: 6px;height: 75px;background-color: #4d1e09;}
.ptn .ptn9 {top:705px;margin-left:-1030px;width: 60px;height: 60px;background-color: #36e0ff;border-radius: 50%}
.ptn .ptn10 {top:1160px;margin-left:512px;width: 106px;height: 106px;background-color: #ffd200;border-radius: 50%}
.ptn .ptn11 {top:640px;margin-left:-916px;width: 15px;height: 15px;background-color: #ffd200;border-radius: 50%}
.ptn .ptn12 {top:714px;margin-left:-445px;width: 24px;height: 24px;background-color: #fff;border-radius: 50%}
.ptn .ptn13 {top:655px;margin-left:-350px;width: 15px;height: 15px;background-color: #4d1e09;border-radius: 50%}
.ptn .ptn14 {top:792px;margin-left:420px;width: 15px;height: 15px;background-color: #36e0ff;border-radius: 50%}


#section4 {height: 1140px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg4.png') no-repeat center top;}
#section4 .contents {position: absolute;left:0;top:0;width: 100%;height:100%;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/contents4.png') no-repeat center top}
.deco span {position: absolute;left:50%;display: block;transform: rotate(0.01deg);background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/deco.png') no-repeat }
.deco .deco1 {top:179px;margin-left:-831px;width: 98px;height: 98px;}
.deco .deco2 {top:235px;margin-left:781px;width: 119px;height: 119px;background-position: 0 -112px}
.deco .deco3 {top:363px;margin-left:-872px;width: 29px;height: 29px;background-position: 0 -280px}
.deco .deco4 {top:476px;margin-left:600px;width: 36px;height: 36px;background-position: 0 -399px}
.deco .deco5 {top:569px;margin-left:-689px;width: 23px;height: 23px;background-position: 0 -529px}
.deco .deco6 {top:688px;margin-left:-873px;width: 72px;height: 72px;background-position: 0 -627px}
.deco .deco7 {top:754px;margin-left:791px;width: 41px;height: 41px;background-position: 0 -765px}
.deco .deco8 {top:930px;margin-left:531px;width: 24px;height: 24px;background-position: 0 -897px}
.deco .deco9{top:930px;margin-left:-600px;width: 54px;height: 93px;background-position: 0 -985px}

#section5 {height: 1508px;overflow: hidden; background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/bg5.png') repeat;border-bottom:6px solid #000 }
#section5 .contents {position: absolute;left:0;top:0;width: 100%;height:100%;z-index: 15;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/contents5.png') no-repeat center top}
.circle {position: absolute;left:50%;}
.circle4 {margin-left:-1220px;top:-160px;width: 2441px;height:2440px;z-index: 7;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/circle1.png') no-repeat}
.circle3 {margin-left:-1008px;top:-5px;width: 2017px;height:2016px;z-index: 8;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/circle2.png') no-repeat}
.circle2 {margin-left:-798px;top:208px;width: 1595px;height:1596px;z-index: 9;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/circle3.png') no-repeat}
.circle1 {margin-left:-579px;top:424px;width: 1159px;height:1158px;z-index: 10;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/circle4.png') no-repeat}


/* modal */
.modal_pop{display:none;position:fixed;top:0;left:0;top:0;right:0;bottom:0;width:100%;height:100%;min-width:1280px;z-index:9999998}
.modal_pop .dim{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;filter:alpha(opacity=70);opacity:0.70}
.modal_pop .modal_wrap{position:absolute;top:50%;left:50%}
.modal_pop .btn_close {position:absolute;top:-54px;right:26px;width:81px;height:74px;background-position: -475px 0}
.modal_pop .btn_close:hover {background-position: -575px 0}
.modal_pop .modal_btn {text-align: center;margin-top:10px}
.modal_pop .btn_confirm {margin:258px auto 0;width:414px;height: 120px;background-position:0 -500px;}
.modal_pop .btn_confirm:hover {background-position: 0 -625px}

#layerVideo .modal_wrap{width:904px;height:515px;margin:-200px 0 0 -318px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_update_9D081DFF40ECA8F2/layer_movie.png') no-repeat}
#layerVideo .video_box{position: relative;width:888;height:499px;padding:8px;}
#layerVideo .btn_close {position:absolute;top:-74px;right:26px;width:81px;height:74px;background-position: -475px 0}
#layerVideo .btn_close:hover {background-position: -575px 0}