@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;height: 1137px;}
#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_intro_98EA32C3A3CEF379/spr_common.png") no-repeat;text-indent:-9999px;overflow:hidden}
#header{position: absolute;top:0;width: 100%;height: 76px;border-bottom:4px solid #000;z-index: 200;}
#header .inner {position: relative;max-width:2560px;height: 76px;margin:0 auto;}
#header h1 {position: absolute;left:0;top:0}
#header h1 a{width:256px;height:44px;margin:22px 0 0 24px}
#header .util{position: absolute;right:0;top:0;width: 394px;}
#header .util li{float:left;}
#header .util .btn_today button {width: 84px;height: 76px;background-position: 0 -50px;}
#header .util .btn_today button:hover {background-position: 0 -150px;}
#header .util .btn_home a{width: 84px;height: 76px;background-position: -100px -50px;}
#header .util .btn_home a:hover{background-position:-100px -150px}
#header .util .btn_start button {width: 226px;height: 76px;background-position:-200px -50px;}
#header .util .btn_start button:hover{background-position:-200px -150px}
#container{position:relative;width:100%;margin:0 auto;height: 100%;overflow: hidden;}
#footer{position: absolute;left: 0;bottom:0;width:100%;height:100px;background:#000 url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/copyright.png') no-repeat 50% 50%;z-index:20}
.section {position: relative;width: 100%;height: 100%;text-align: center;overflow: hidden;}
.sticky #header {position: fixed;}

.section h2 {position: relative;height: 666px;z-index: 50;padding:0 6%}
.section h2 img {vertical-align: middle;max-width:100%;}
#section1 {position: absolute;right:50%;top:0;width: 50%;border-right:2px solid #000;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/bg1.png') no-repeat center top;box-sizing: border-box}
#section1 .title1 {line-height: 890px}

.btn_go1 {position: relative;width: 354px;height: 110px;margin:0 auto;background-position: 0 -250px;z-index: 20;}
.btn_go1:hover {background-position: 0 -375px}
.btn_go2 {position: relative;width: 354px;height: 110px;margin:0 auto;background-position: 0 -500px;z-index: 20;}
.btn_go2:hover {background-position: 0 -625px}

.leaf {transform: rotate(0.01deg)}
.leaf1 {position: absolute;right:50%;top:0;margin-right:135px;width: 505px;height: 441px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/leaf1.png') no-repeat}
.leaf2 {position: absolute;right:0;top:0;width: 388px;height: 492px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/leaf2.png') no-repeat}
.leaf3 {position: absolute;left:50%;top:650px;margin-left:-640px;width: 399px;height: 389px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/leaf3.png') no-repeat}
.duck {position: absolute;left:50%;top:664px;margin-left:-415px;width: 199px;height: 129px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/duck.png') no-repeat;transform: rotate(0.01deg)}
.cha {position: absolute;right:-76px;top:518px;width: 449px;height: 436px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/cha.png') no-repeat;transform: rotate(0.01deg)}
.sand {position: absolute;left:50%;top:720px;margin-left:-260px;width: 688px;height: 353px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/sand.png') no-repeat}
.pot {position: absolute;left:50%;top:635px;margin-left:-556px;width: 370px;height: 481px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/pot.png') no-repeat;transform: rotate(0.01deg)}
.ball {position: absolute;left:50%;top:122px;margin-left:314px;width: 238px;height: 263px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/ball.png') no-repeat;transform: rotate(0.01deg)}
.w_m .pot {top:679px;margin-left:-460px;}
.w_m .leaf3 {margin-left:-580px;}

#section2 {position: absolute;left:50%;top:0;width: 50%;border-left:2px solid #000; background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/bg2.png') repeat;box-sizing: border-box}
#section2 .title2 {line-height: 866px;}

.deco span {position: absolute;left:50%;display: block;background-image: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_intro_98EA32C3A3CEF379/deco.png');background-repeat: no-repeat;z-index: 1;;transform: rotate(0.01deg)}
.deco1 {top:130px;margin-left:-310px;width: 47px;height: 51px;background-position: 0 0}
.deco2 {top:166px;margin-left:222px;width: 23px;height: 27px;background-position: 0 -107px}
.deco3 {top:167px;margin-left:-214px;width: 25px;height: 31px;background-position: 0 -198px}
.deco4 {top:194px;margin-left:-437px;width: 23px;height: 27px;background-position: 0 -296px}
.deco5 {top:533px;margin-left:-430px;width: 23px;height: 27px;background-position: 0 -391px}
.deco6 {top:728px;margin-left:360px;width: 29px;height: 35px;background-position: 0 -482px}
.deco7 {top:792px;margin-left:437px;width: 23px;height: 27px;background-position: 0 -391px}
.deco8 {top:826px;margin-left:172px;width: 29px;height: 35px;background-position: 0 -766px}
.deco9 {top:872px;margin-left:316px;width: 47px;height: 51px;background-position: 0 -852px}
.deco10 {top:602px;margin-left:-408px;width: 29px;height: 35px;background-position: 0 -482px}
.deco11 {top:925px;margin-left:-47px;width: 47px;height: 51px;background-position: 0 -915px}