@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 {display:block;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/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_reservation_9DB84104D99D4170/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 .btn_apply:hover {background-position: -250px -150px;}
#header .banner {width: 232px;margin-left:24px;padding-top: 23px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/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_reservation_9DB84104D99D4170/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_reservation_9DB84104D99D4170/copyright.png') no-repeat 50% 50%;z-index:20}


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

/* section0 */
#section0 {height: 1153px;background:  url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/bg_ptn1.png') repeat;border-bottom:4px solid #000}
#section0 .txt, .star1, .star2 {position: absolute;left:50%;z-index: 5;}
.t1 {top:58px;margin-left:-499px}
.t2 {top:127px;margin-left:-229px}
.t3 {top:223px;margin-left:-421px;width: 829px;height: 242px;overflow: hidden;}
.t3 img {display: block;position: absolute;left:0;top:0}
.t4 {padding:506px 0 37px;position: relative; }
.t5 {margin-right:30px;}
.t5, .t6 {display:inline-block;}
.time {padding-bottom: 55px;position: relative;z-index: 5;}
#section0 .btn_apply {margin:0 auto;width: 504px;height: 120px;background-position: 0 -225px;position: relative;z-index: 5;}
#section0 .btn_apply:hover {background-position: 0 -350px;}

.star1 {top:80px;margin-left:237px;width: 72px;height: 72px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/star1.png') no-repeat}
.star2 {top:142px;margin-left:280px;width: 60px;height: 60px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/star2.png') no-repeat}

#section1 {height: 749px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/bg_ptn2.png') repeat;border-bottom:4px solid #000}
#section2 {height: 359px;background-color: #bfd1e1;}
.stit span {display: block;position: absolute;left:50%;top:-61px;width: 106px;height: 119px;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/stit.png') no-repeat}
.stit span.blind {background: none;}
.stit .st1 {margin-left:-394px;}
.stit .st2 {margin-left:-280px;background-position: -132px 0}
.stit .st3 {margin-left:-166px;background-position: -265px 0}
.stit .st4 {margin-left:-52px;background-position: -397px 0}
.stit .st5 {margin-left:61px;background-position: -529px 0}
.stit .st6 {margin-left:175px;background-position: -662px 0}
.stit .st7 {margin-left:288px;background-position: -794px 0}

.gift {width: 1012px;margin:0 auto;padding-top: 168px;overflow: hidden;z-index: 5;position: relative;}
.gift li {position: relative;float: left;width: 317px;margin:0 10px;padding-bottom: 15px;}
.gift li .box {position: absolute;background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/giftbox.png') no-repeat}
.gift li .top {width: 317px;height: 132px;left:0;top:-60px;}
.gift li .btm {width: 317px;height: 83px;left:0;bottom:-0;}

.gift li.gift1 .btm {background-position: 0 -150px;}
.gift li.gift2 .top {background-position: -350px 0;}
.gift li.gift2 .btm {background-position: -350px -150px;}
.gift li.gift3 .top {background-position: -700px 0;}
.gift li.gift3 .btm {background-position: -700px -150px;}
.gift p {width: 317px;height: 486px;overflow: hidden;}

.obj {position: absolute;left:50%;transform: rotate(0.01deg);background: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/obj.png') no-repeat;z-index: 5;}
.obj1 {top:384px;margin-left:-732px;width: 237px;height: 262px;}
.obj2 {top:159px;margin-left:499px;width: 373px;height: 486px;background-position: -350px 0}
.obj3 {top:983px;margin-left:-801px;width: 245px;height: 287px;background-position: -350px -500px}
.obj4 {top:941px;margin-left:503px;width: 334px;height: 449px;background-position: 0 -350px;}

.deco span {position: absolute;left:50%;display: block;transform: rotate(0.01deg);background-image: url('https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/deco.png');background-repeat: no-repeat;z-index: 1;}
.deco1 {top:273px;margin-left:-557px;width: 23px;height: 21px;background-position: 0 0}
.deco5 {top:728px;margin-left:-754px;width: 23px;height: 21px;background-position: 0 0}
.deco9 {top:745px;margin-left:678px;width: 23px;height: 21px;background-position: 0 0}
.deco30 {top:968px;margin-left:385px;width: 23px;height: 21px;background-position: 0 0}
.deco17 {top:1383px;margin-left:-579px;width: 23px;height: 21px;background-position: 0 0}
.deco21 {top:1639px;margin-left:-984px;width: 23px;height: 21px;background-position: 0 0}
.deco25 {top:1571px;margin-left:658px;width: 23px;height: 21px;background-position: 0 0}
.deco2 {top:109px;margin-left:-845px;width: 23px;height: 21px;background-position: 0 -103px}
.deco28 {top:819px;margin-left:1014px;width: 23px;height: 21px;background-position: 0 -103px}
.deco10 {top:146px;margin-left:522px;width: 29px;height: 29px;background-position: 0 -202px}
.deco14 {top:202px;margin-left:-570px;width: 29px;height: 29px;background-position: 0 -305px}
.deco18 {top:59px;margin-left:824px;width: 29px;height: 29px;background-position: 0 -305px}
.deco22 {top:951px;margin-left:780px;width: 29px;height: 29px;background-position: 0 -305px}
.deco26 {top:1584px;margin-left:1013px;width: 29px;height: 29px;background-position: 0 -305px}
.deco32 {top:403px;margin-left:-897px;width: 29px;height: 29px;background-position: 0 -408px}
.deco7 {top:695px;margin-left:569px;width: 29px;height: 29px;background-position: 0 -408px}
.deco11 {top:1420px;margin-left:-627px;width: 29px;height: 29px;background-position: 0 -408px}
.deco15 {top:1278px;margin-left:973px;width: 29px;height: 29px;background-position: 0 -408px}
.deco4 {top:926px;margin-left:-852px;width: 29px;height: 29px;background-position: 0 -511px}
.deco27 {top:558px;margin-left:781px;width: 29px;height: 29px;background-position: 0 -511px}
.deco33 {top:1583px;margin-left:-735px;width: 29px;height: 29px;background-position: 0 -511px}
.deco16 {top:1672px;margin-left:725px;width: 29px;height: 29px;background-position: 0 -511px}
.deco19 {top:584px;margin-left:-1051px;width: 29px;height: 29px;background-position: 0 -614px}
.deco1 {top:83px;margin-left:-739px;width: 47px;height: 45px;background-position: 0 -709px}
.deco8 {top:1242px;margin-left:-971px;width: 47px;height: 45px;background-position: 0 -709px}
.deco31 {top:1462px;margin-left:819px;width: 47px;height: 45px;background-position: 0 -709px}
.deco3 {top:749px;margin-left:-640px;width: 47px;height: 45px;background-position: 0 -812px}
.deco24 {top:1810px;margin-left:622px;width: 47px;height: 45px;background-position: 0 -812px}
.deco12 {top:863px;margin-left:554px;width: 47px;height: 45px;background-position: 0 -915px}
.deco29 {top:1729px;margin-left:-635px;width: 47px;height: 45px;background-position: 0 -915px}
.deco6 {top:901px;margin-left:-487px;width: 47px;height: 45px;background-position: 0 -1018px}
.deco13 {top:1453px;margin-left:-788px;width: 47px;height: 45px;background-position: 0 -1018px}


/* 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}


.layer_apply1 {z-index:9999997;position: absolute;}
.layer_apply1 .modal_wrap{width:754px;height:1005px;top:400px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/pop_apply1.png") no-repeat;text-align:center;margin:0 0 0 -240px}
.layer_apply1 .name {position: absolute;left:62px;top:236px;color:#000;font-size: 48px;font-weight: bold;width: 624px;}
.layer_apply1 .mobile {position: absolute;left:215px;top:308px;width: 250px;height: 88px;line-height: 88px;font-size: 24px;color:#000;font-weight: bold}
.layer_apply1 .mobile input {background-color: transparent;border:0;vertical-align: top;width: 250px;height: 88px;line-height: 88px;font-size: 24px;color:#000;padding: 0 15px;box-sizing: border-box;font-weight: bold}
.layer_apply1 .mobile p {position: absolute;left:15px;top:0 }
.layer_apply1 .btn_modify {display: block;position: absolute;left:255px;top:16px;width: 156px;height: 56px;background-position: -525px -150px;}
.layer_apply1 .btn_modify:hover {background-position: -525px -225px}
.layer_apply1 .btn_refresh {display: block;position: absolute;left:409px;top:16px;width: 59px;height: 56px;background-position: -525px -300px;}
.layer_apply1 .btn_refresh:hover {background-position: -600px -300px}
.layer_apply1 .agreement {padding-top: 416px;margin:0 58px;}
.layer_apply1 .agreement p {font-size: 16px;color:#666;line-height: 21px;padding:12px;border:4px solid #cdcdcd;background-color: #fff;text-align: left;}
.layer_apply1 .agreement .chk {display: block;text-align: left;padding-top: 10px;}
.layer_apply1 .agreement .chk input {width: 18px;height: 18px;vertical-align: middle;}
.layer_apply1 .agreement label {font-size: 16px;color:#000;cursor: pointer;font-weight: bold}
.layer_apply1 .btn_apply {margin:28px auto 27px;width: 504px;height: 120px;background-position: 0 -225px;}
.layer_apply1 .btn_apply:hover {background-position: 0 -350px;}
.layer_apply1 .note {text-align: left;margin-left:57px;width: 640px;padding-top: 24px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/bg_dot_line.png") repeat-x left top;}
.layer_apply1 .note li {padding-left: 15px;margin-bottom:6px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/bul.png") no-repeat 0 5px;line-height: 21px;color: #000;font-size: 16px;}
.layer_apply1 .note li a{color:#016fcc}
.layer_apply1 .note li a:hover {text-decoration: underline}

.layer_apply2 {z-index:9999997;position: absolute;}
.layer_apply2 .modal_wrap{width:754px;height:1005px;top:400px;background:url("https://ssl.nexon.com/S2/Game/CSO/event/2019/0708_reservation_9DB84104D99D4170/pop_apply2.png") no-repeat;text-align:center;margin:0 0 0 -240px}
.layer_apply2 .agree {margin: 286px 58px 0;font-size: 16px;color:#666;line-height: 21px;padding:12px;border:4px solid #cdcdcd;background-color: #fff;text-align: left;}
.layer_apply2 .coupon {width: 354px;margin: 187px 0 0 312px;font-size: 20px;color:#000;background-color: #fff;text-align: center;}