@charset "utf-8";
/* reset */
html,body,div,p,img,span,a,em,strong,pre,h1,h2,h3,h4,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,form,fieldset,legend,caption,input,textarea,button,select,object,video,iframe{margin:0;padding:0}
html{overflow-y:scroll}
header,article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block;margin:0;padding:0;vertical-align:baseline}
body{position:relative;width:100%;font-family:"맑은 고딕","Malgun Gothic","돋움","dotum",sans-serif;font-size:15px;color:#fff;background-color:#e2e2e2;line-height:1}
input,textarea,button,select{font-size:inherit;font-family:"맑은 고딕","Malgun Gothic","돋움","dotum",sans-serif;color:#fff}
img,fieldset,button{border:0}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a,a:link{text-decoration:none;color:#393939}
a,a:link, a:active{background-color:transparent}
a,img{vertical-align:top}
hr{display:none}
legend, .blind{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
.ir{text-indent:-9999px;overflow:hidden}
button{border:0;cursor:pointer;outline:0} 
*, *::after, *::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* layout */ 
#wrap{position:relative;width:100%;overflow:hidden;min-width: 1280px;margin:0 auto;}
.section{position:relative;width:100%;height:100%;}
.section .inner{position:relative;width:1280px;height:100%;margin: 0 auto;z-index: 3}

/* screen */
#screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:#000}

/* common */
.gnbWrapper{min-width:1280px !important}


/* header */
#header{position:absolute;top:0;left:0;right:0;z-index:100}
#header h1{position:absolute;top:30px;left:23px;width:143px;height:62px;}
#header h1 a{display: block;text-indent: -100000px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/logo.png") no-repeat;width: 100%;height: 100%}
#header .util{position:absolute;top:37px;right:29px;width: 339px;height: 81px}
#header .util ul{position:absolute;right: 0;top: 0}
#header .util li{float:left;width: 155px;height:24px }
#header .util li button, #header .util li a{display:block;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/util.png");width:100%;height:100%;text-indent: -100000px}
#header .util .btn_home a{background-position:0 0}
#header .util .btn_hide button{background-position:-156px 0}
#header .util .btn_home a:hover{background-position:0 -50px}
#header .util .btn_hide button:hover{background-position:-156px -50px}


.sticky .menu{position:fixed;top:0;left:0;right:0;z-index:99;width: 100%;height: 75px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/bg_bar.png") repeat-x;min-width:1280px;transition: all .5s ease-in-out}
.menu ul{position: absolute;left: 50%;height: 100%;top:0;margin-left:-472px;}
.menu ul li.m1{width: 289px}
.menu ul li.m2{width: 395px}
.menu ul li.m3{width: 260px}
.menu ul li{float: left;height: 100%;width: 100%;}
.menu ul li a{display: block;width: 100%;height: 100%;text-indent: -10000000px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/menu.png") no-repeat}
.menu ul li.m1 a{background-position: 0 25px}
.menu ul li.m2 a{background-position: -289px 25px}
.menu ul li.m3 a{background-position: -684px 25px}
.menu ul li.m1 a:hover,
.menu ul li.m1.active a{background-position: 0 -140px}
.menu ul li.m2 a:hover,
.menu ul li.m2.active a{background-position: -289px -140px}
.menu ul li.m3 a:hover,
.menu ul li.m3.active a{background-position: -684px -140px}

.sticky #header h1{position: fixed;top:10px;}



#intro{height:1140px;background:#0d0f15 url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/bg_index.jpg") center 0 no-repeat;}
#intro h1{background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/title.png") no-repeat;position: absolute;width:989px;height: 657px;text-indent: -100000px;left:50%;top:90px;margin-left: -498px}
#intro h1 span{text-indent: 0;position: absolute;}
#intro h1 .l1{width: 127px;height: 95px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/spark1.png") no-repeat;left:300px;bottom:160px}
#intro h1 .l2{width: 155px;height: 93px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/spark2.png") no-repeat;left:388px;bottom:80px;}
#intro h1 .l3{width: 117px;height: 108px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/spark3.png") no-repeat;left:533px;bottom:140px;}
#intro .btn{position: absolute;width: 100%;height:281px;left: 0;bottom:136px; }
#intro .btn li{position: absolute;height: 100%;top:0;transition: top .5s ease-in-out}
#intro .btn li:hover{top:-20px;}
#intro .btn li a{display: block;width: 100%;height: 100%;text-indent: -10000000px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/btn.png") no-repeat}
#intro .btn li.m1{width: 452px;left:44px;}
#intro .btn li.m2{width: 417px;left:440px;}
#intro .btn li.m3{width: 453px;right:46px;}
#intro .btn li.m1 a{background-position: 0 0}
#intro .btn li.m2 a{background-position: -486px 0}
#intro .btn li.m3 a{background-position: -917px 0}
#intro .btn li.m1 a:hover{background-position: 0 -351px}
#intro .btn li.m2 a:hover{background-position: -486px -351px}
#intro .btn li.m3 a:hover{background-position: -917px -351px}


#content1 h2,#content1 h3,#content1 .inner >div {display:block;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/con1_41A86BCE536E22DF.png") no-repeat;text-indent: -1000000px}
#content1 h3,#content1 .inner >div{position: absolute;width: 100%;left:10px;}
#content1{height: 3371px;background:#232532 url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/bg1.jpg") center 0 no-repeat;}
#content1 .dim{position: absolute;width: 100%;height: 100%;left: 0;top:0;background-color: #000;z-index: 10}
#content1 .dark{position: absolute;width: 100%;height: 2300px;left: 0;top:0;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/back_dark.png") center 0 no-repeat;}
#content1 .cloud{position: absolute;width: 1898px;height: 1310px;left: 50%;top:0;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/cloud.png") no-repeat;margin-left:-949px;}
#content1 .char1{position: absolute;width: 961px;height: 1133px;left: 50%;top:480px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/char_center.png") no-repeat;margin-left:-420px;z-index: 2}
#content1 .char2{position: absolute;width: 1310px;height: 1444px;left: 50%;top:65px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/char_left_top.png") no-repeat;margin-left:-900px;z-index: 1}
#content1 .char3{position: absolute;width: 1133px;height: 795px;left: 50%;top:448px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/char_right_bottom.png") no-repeat;margin-left:-225px;z-index: 1}
#content1 .char4{position: absolute;width: 757px;height: 954px;left: 50%;top:500px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/char_left_bottom.png") no-repeat;margin-left:-890px;}
#content1 .char5{position: absolute;width: 1222px;height: 1232px;left: 50%;top:0;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/char_right_top.png") no-repeat;}
#content1 .cover{position: absolute;width: 100%;height: 2123px;left: 0;top:300px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/cover.png") no-repeat;z-index: 3}
#content1 h2{position: absolute;width: 1260px;height: 795px;left: 50%;top:0;margin-left:-630px;z-index: 1}
#content1 h3.tit1{height: 212px;top:940px;background-position:0 -949px }
#content1 h3.tit2{height: 184px;top:1457px;background-position:0 -1455px }
#content1 h3.tit3{height: 172px;top:2917px;background-position:0 -2917px }
#content1 div.img1{height: 250px;top:1150px;background-position:0 -1161px }
#content1 div.img2{height: 933px;top:1636px;background-position:0 -1638px }
#content1 div.img3{height: 290px;top:2570px;background-position:0 -2570px }
#content1 div.img4{height: 230px;top:3090px;background-position:0 -3088px }


#content2 h2,#content2 p,#content2 .inner >div {position: absolute;display:block;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/con2_7E91107777E18469.png") no-repeat;text-indent: -1000000px}
#content2{height: 1552px;background:#205089 url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/bg2.jpg") center 0 no-repeat;}
#content2 h2{width: 825px;height: 482px;left: 225px;top:176px;background-position:-465px 0}
#content2 p{width: 825px;height: 200px;left: 225px;top:655px;background-position:-465px -482px}
#content2 div.img1{width:100%;height:641px;left:0;top:860px;background-position:-240px -687px }
#content2 div.char1{width:450px;height:565px;left:-50px;top:176px;}
#content2 div.char2{width:470px;height:565px;right:-50px;top:176px;background-position:-1290px 0}



#content3 h2,#content3 p,#content3 .inner >div {position: absolute;display:block;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/con3_4E7E24D69798C7E0.png") no-repeat;text-indent: -1000000px}
#content3{height: 1670px;background:#232835 url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/bg3.jpg") center 0 no-repeat;}
#content3 h2{width: 708px;height: 470px;left: 286px;top:176px;background-position:-495px 0}
#content3 p{width: 708px;height: 195px;left: 286px;top:655px;background-position:-495px -482px}
#content3 div.img1{width:100%;height:611px;left:0;top:860px;background-position:-209px -687px }
#content3 div.char1{width:450px;height:565px;left:-80px;top:176px;}
#content3 div.char2{width:450px;height:565px;right:-80px;top:176px;background-position:-1248px 0}


.btn_quick{position: fixed;right:0;width: 144px;height: 164px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/quick.png") no-repeat;top:50%;margin-top:-145px;text-indent: -10000000px;z-index: 11;display: none;}
.btn_top{position: fixed;right:0;width: 50px;height: 50px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/top.png") no-repeat;bottom:0px;text-indent: -10000000px;z-index: 11;display: none;}
.btn_quick:hover{background-position-x:-172px}
.btn_top:hover{background-position-x:-73px}
#footer{position:absolute;width:285px;height: 17px;background:url("https://ssl.nexon.com/s2/game/Asgard/Asgard/image/event/2019/1212_spark_D80407B25F2B9246/copy.png") no-repeat;text-indent:-100000px;bottom:88px;left:50%;margin-left:-142px;}

@media screen and (max-width: 1340px) {
	.sticky #header h1{left:0px;}
}
@media screen and (max-width: 1280px) {
	.menu ul li.m1{width: 200px}
	.menu ul li.m3{width: 140px}
	.menu ul li.m3 a{background-position: -804px 25px}
	.menu ul li.m3 a:hover,
	.menu ul li.m3.active a{background-position: -804px -140px}
}