@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
/* 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: 'Noto Sans KR',Malgun Gothic, Dotum, sans-serif;font-weight:300;}
img,fieldset{border:0;vertical-align: top;}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
html {-webkit-text-size-adjust:none;}
.blind, legend, caption{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;outline: none;}

/* common */
html, body {background-color:#000;}
#wrap{position:relative;width:100%;min-width:1280px;max-width:2560px;margin:0 auto;overflow: hidden;opacity: 0;background:#18172d url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/back_btm.jpg") center 100% no-repeat}
.screen {position:fixed;left:0;top:0;width:100%;height:100%;z-index:100000;background-color:#000;opacity: 0.5;transform: scale(1.5)}

.gnbWrapper{min-width: 1280px !important}
#header{position: absolute;top:0;width: 100%;z-index: 300;opacity: 0}
.sticky #header{position: fixed;}
#header h1 {position: absolute;top:20px;left:20px;width:110px;height:42px;}
#header h1 a{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/logo.png") no-repeat}
#header .util{position: absolute;top:20px;right: 20px;height: 74px;width: 157px;}
#header .util li{height:50px;float:left;}
#header .util li.btn_game{width: 107px;}
#header .util li.btn_home{width: 49px;}
#header .util li.btn_hide_today{position: absolute;bottom: 0;right: 0;width: 100%;height: 16px;}

#header .util li a,#header .util li button{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png") no-repeat}
#header .util li.btn_home a{background-position-x: -107px}
#header .util li.btn_hide_today button{background-position-y: -58px}
#header .util li button:hover{background-position-x: -195px}
#header .util li a:hover{background-position-x: -302px}

.quick{position: fixed;top:50%;right: 0;height: 247px;width: 90px;margin-top:-180px;display: none;z-index: 100}
.quick ul{position: absolute;width: 100%;left: 0;top:0;}
.quick li{width: 100%;height: 57px;} 
.quick button,
.quick a{display: block;width: 100%;height: 100%;text-indent: -1000000px;background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png") no-repeat}
.quick .q1 a{background-position-y:-133px}
.quick .q2 a{background-position-y:-190px}
.quick .q3 a{background-position-y:-247px}
.quick li a:hover,
.quick li.active a{background-position-x: -119px}
.quick .btn_top{position: absolute;bottom:0;left:20px;width:51px;height: 61px;background-position:-20px -319px  }
.quick .btn_top:hover{background-position-x: -139px}

.section{position:relative;width:100%;margin:0 auto}
.inner{position:relative;width:1280px;height:100%;margin:0 auto}

#section0{height:873px;background:#051e15 url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/back1.jpg') center 0 no-repeat}
#section1{height:2067px;background:#051e15 url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/back1.jpg') center -873px no-repeat}
#section2{height:2101px;background:#002407 url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/back2.jpg') center 0 no-repeat}
#section3{min-height:1500px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/back3.jpg') center 0 no-repeat}

#section1 .inner{background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/inner1.png') left 113px no-repeat;width: 1535px;}
#section2 .inner{background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/inner2.png') center 83px no-repeat}
#section3 .inner{background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/inner3.png') center 91px no-repeat;padding-top: 805px;box-sizing: border-box;}

#section1 .btn_view{background-position: -297px -133px;margin-left: -160px;bottom: 137px;}
#section2 .btn_view{background-position: -715px -133px;bottom: 410px;}
#section3 .btn_view{background-position: -297px -360px;top: 670px;}

#section1 .btn_view:hover{background-position-y: -229px;}
#section2 .btn_view:hover{background-position-y: -231px;}
#section3 .btn_view:hover{background-position-y: -457px;}

.noti{position: relative;width: 100%;height: 219px;padding-bottom: 210px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/inner3_btm.png') 90px 0 no-repeat}
.char1{position: absolute;width: 437px;height: 657px;left: 50%;top: 612px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/char.png') no-repeat;margin-left: -970px;}
.char2{position: absolute;width: 640px;height: 637px;left: 50%;top: 172px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/char.png') 100% 0 no-repeat;margin-left: 497px;}
.coin{position: absolute;width: 305px;height: 324px;left: 50%;top: 929px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/coin.png') no-repeat;margin-left: 640px;}
.btn_view{position: absolute;width: 368px;height: 80px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png') no-repeat;text-indent: -100000px;overflow: hidden;left: 50%;margin-left: -184px;}

.bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.bg span{position: absolute;left: 50%;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_obj.png') no-repeat;width: 643px;height: 586px;}
.bg .ob1{margin-left: -945px;top: 40px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/monster.png') no-repeat;width: 1729px;height: 899px;}
.bg .ob2{background-position-x: -764px;margin-left: -938px;top: -21px;}
.bg .ob3{background-position-x: -1528px;margin-left: -1072px;top: 195px;}
.bg .ob4{margin-left: -1424px;top: 29px;}
.bg .ob5{background-position-x: -2293px;margin-left: 295px;top: -21px;}
.bg .ob6{background-position-x: -3057px;margin-left: 429px;top: 195px;}
.bg .ob7{background-position-x: -3821px;margin-left: 760px;top: 29px;}

.title{position: absolute;width: 1066px;height: 831px;left: 50%;margin-left: -533px;bottom: 0;}
.title span{position: absolute;left: 50%;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/title.png') no-repeat}
.title .t1{width: 684px;height: 326px;top: 343px;margin-left: -342px;}
.title .t2{width: 1066px;height: 145px;top: 629px;left: 0;background-position-y:-433px;}
.title .t3{width: 959px;height: 46px;bottom: 0;margin-left: -479.5px;background-position-y:-815px;}
.title .t4{width: 720px;height: 23px;top: 0;margin-left: -360px;background-position-y:-685px;}

/* modal */
.modal_pop {  display: none;position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 100;letter-spacing: -0.02em;}
.modal_pop .dim {  position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; background: #000; filter: alpha(opacity=80); opacity: 0.8;}
.modal_pop.show {  display: block; opacity: 0;}
.modal_pop.scrollpop .modal_wrap {  top: 20px;  margin-top: 0 !important;  }
.modal_pop.scrollpop .dim {  padding-bottom: 80px;}
.modal_pop .modal_wrap {  position: absolute; top: 50%; left: 50%;box-sizing: border-box;background-color: #fff;width: 408px;height: 212px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/layer.png') no-repeat}
.modal_pop .btn_close{position: absolute;width: 64px;height: 65px;text-indent: -100000px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/btn_close.png') no-repeat;z-index: 1}
.modal_pop .btn_area{position: relative;width: 100%;text-align: center;margin-top: 25px;height: 25px;}
.modal_pop .btn_area button{width: 76px;height: 100%;margin: 0 3px;background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png') -767px -616px no-repeat;text-indent: -100000px;}
.modal_pop .modal_wrap .msg{font-size: 17px;line-height: 26px;color: #c3c3c3;margin-top: 60px;text-align: center;}
/* alert */
.alert .modal_wrap{width:420px;min-height: 260px;padding:40px;}
.alert .modal_wrap .inner{margin-top: 35px;}
.alert .modal_wrap p{font-size: 18px;color: #B39B8C;text-align: center;font-weight: 400;}
.modal_pop .btn_area button.btn_cancel{background-position-x: -873px;}
.modal_pop .btn_area button:hover{background-position-y: -657px;}

@media screen and (min-width: 2560px) {
.quick {right:50% !important;margin-right:-1280px;}
}

.comment_wrap {position: relative;width: 1100px;margin: 0 auto 70px;}
.comment_wrap .comment_write {
  height:101px;
  margin-bottom:30px;
  background:url('https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/comment.png') no-repeat;
  color:#333;
  font-size:16px;
}
.comment_wrap .status {
  line-height: 130px;color: #c3c3c3;font-size: 16px;text-indent: 30px;position: relative;
}

.comment_wrap .status .btn {
  position: absolute;width: 76px;height: 25px;top: 54px;right: 124px;
background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png") no-repeat;
  text-indent:-99999px;
}
.comment_wrap .status .btn_login {background-position: -558px -616px;}
.comment_wrap .status .btn_home {background-position: -660px -616px;}
.comment_wrap .status .btn:hover{background-position-y: -657px;}
.comment_wrap .status strong {
  font-weight:400;
  color: #4c94ff;
}

.comment_write .form {
  position: relative;
  width: 100%;
  height: 112px;
  overflow: hidden;
}
.comment_write .user {
  position: absolute;padding-left: 20px;left: 0px;top: -3px;font-size: 18px;color: #c3c3c3;line-height: 25px;background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/icon.png") 0 65% no-repeat;
}
.comment_write .server::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 18px;
  margin:-3px 9px 0 9px;
  background-color: #4c94ff;
  vertical-align: middle;
}

.comment_write .textarea {
  position: relative;
  float: left;
  height: 100%;
}
.comment_write .textarea textarea {
  display:block;
  width: 996px;
  height: 64px;
  padding: 20px 30px;
  resize:none;
  border:0 none;
  outline:0;
  overflow:auto;
  box-sizing: border-box;
  background-color: transparent;
  font-size: 16px;
  color:#c3c3c3;margin-top: 33px;
}
.comment_write .textarea label{
  position:absolute;
  top:50%;
  left:42px;
  margin-top:-.5em;

  cursor:text;
  line-height:1em;
}
.comment_write .btn_write {
  position:absolute;
  top:0;
  right:0;
  width:104px;
  height:101px;
  background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png") -297px -618px no-repeat;
}
.comment_write .btn_write:hover {background-position-y: -732px;}

.comment_write .btn_write .btn {
  position: absolute;
  overflow:hidden;
  text-indent:-99999px;
  left:0;
  top:0; 
  width:100%;
  height:100%;

  background-color:transparent;
}

.comment_write .byte {position: absolute;line-height: 35px;top: 0;right: 120px;color: #c3c3c3;font-size: 14px;width: 100%;text-align: right;}
.comment_write .byte strong{font-weight: 400;color: #4ccaff;}

.comment_list {position: relative;width: 100%;margin:30px auto;border-top:1px solid #2d3687}
.comment_list li {position: relative;padding:15px 0;overflow: hidden;border-bottom:1px solid #2d3687}
.comment_list .cmt_info {float: left;width: 260px;color:#4c94ff;font-size:16px;line-height:26px;padding-left: 30px;box-sizing: border-box;text-align:left;}
.comment_list .cmt_info .server::after {content: '';display: inline-block;width: 2px;height: 14px;margin:-3px 7px 0;background-color: #4c94ff;vertical-align: middle;}
.comment_list li p {float: left;width: 660px;color:#c3c3c3;font-size:16px;line-height:26px;word-break:break-all;overflow:hidden;text-align: left;}

.comment_list li .time {position: absolute;right:40px;top:14px;color:#4c94ff;}
.comment_list li .btn_del {
  overflow:hidden;
  width:13px;
  height:13px;
  margin-left:5px;
  vertical-align: middle;
  background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/btn_del.png") no-repeat;
  text-indent:-99999px;
}

.paging {
  margin:30px 0;

  text-align:center;
}
.paging a {
  cursor:pointer;
}
.paging > a,
.paging > span {
  vertical-align:middle;letter-spacing: -0.04em;
}
.paging a.btn {
  display:inline-block;
  overflow:hidden;
  width:28px;
  height:28px;
  
  background:url("https://lwi.nexon.com/asgard/2021/0715_hfrjlk3w4jt4gf/spr_util.png") no-repeat;
  text-indent:-99999px;
}
.paging a.btn.first {
  background-position:-558px -745px;
}

.paging a.btn.prev {
  background-position:-591px -745px;
}

.paging a.btn.next {
  background-position:-1063px -745px;
}

.paging a.btn.last {
  background-position:-1096px -745px;
}
.paging a.btn:hover {
  background-position-y:-795px;
}
.paging > span { 
  display:inline-block;
  padding:0 30px;

  font-size:15px;
}
.paging > span a,
.paging > span .on {
  margin:0 4px;
  padding:0 8px;

  color:#828194;
}
.paging > span a:hover {
  color:#2dfff3;
}
.paging > span .on {
  color:#2dfff3;
  font-weight:700;
  text-decoration:underline;
}