body { background: #460e82; font-family: Malgun Gothic, Dotum, sans-serif; }

body.ofh { overflow: hidden; }

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, select, input, textarea, th, td { margin: 0; padding: 0; }

img { border: none; vertical-align: top; }

ul li, ol li { list-style: none; }

fieldset { border: none; }

table { border-collapse: collapse; }

caption { display: none; }

img, fieldset, button { border: 0; padding: 0; }

button { background: none; }

input, select { vertical-align: middle; }

legend { width: 0; height: 0; font-size: 0; position: absolute; overflow: hidden; }

a { text-decoration: none; cursor: pointer; }

button, input[type="button"], input[type="submit"], input[type="image"] { cursor: pointer; outline: none; font-family: Malgun Gothic, Dotum, sans-serif; }

input, textarea, button, a, select { outline: none; }

.gnbWrapper { min-width: 1280px !important; }

.blind { overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; }

@keyframes fadeIn { 0% { opacity: 0; }
  to { opacity: 1; } }

@keyframes pulse { 0% { transform: scaleX(1);
    opacity: 0; }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  to { transform: scaleX(1);
    opacity: 1; } }

@keyframes cloudAni1 { 0% { transform: translate3d(0, 0, 0);
    opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { transform: translate3d(300px, 0, 0);
    opacity: 0; } }

.btn_sp, .cs_sp { background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/cs_sp.png) no-repeat; }

#wrap { position: relative; overflow: hidden; min-width: 1280px; max-width: 2560px; margin: 0 auto; }

h1.logo { opacity: 0; position: absolute; top: 30px; left: 47px; z-index: 9999; }

h1.logo a.btn_sp { display: block; width: 132px; height: 50px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/logo.png) no-repeat; text-indent: -9999px; }

.util { opacity: 0; position: absolute; top: 30px; right: 25px; z-index: 9999; }

.util ul { overflow: hidden; }

.util ul li { float: left; }

.btn_gstart { margin-right: 11px; }

.btn_gstart a.btn_sp { display: block; width: 89px; height: 34px; background-position: -10px -10px; text-indent: -9999px; }

.btn_gstart a.btn_sp:hover { background-position: -10px -59px; }

.btn_home { margin-right: 6px; }

.btn_home a.btn_sp { display: block; width: 34px; height: 34px; background-position: -110px -10px; text-indent: -9999px; }

.btn_home a.btn_sp:hover { background-position: -110px -59px; }

.btn_hide_today button { display: block; width: 34px; height: 34px; background-position: -150px -10px; text-indent: -9999px; }

.btn_hide_today button:hover { background-position: -150px -59px; }

#container { min-width: 1280px; max-width: 2560px; margin: 0 auto; }

.main_visual { height: 1066px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/mv_bg.jpg) no-repeat center 0; }

.mv_inner { position: relative; width: 1280px; padding-top: 190px; margin: 0 auto; }

.mv_t { position: relative; z-index: 1; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/mv_t.png) no-repeat; text-indent: -9999px; }

p.mv_t1 { opacity: 0; width: 426px; height: 159px; margin: 0 auto; background-position: -280px 0; }

p.mv_t2 { opacity: 0; width: 497px; height: 244px; margin: -32px auto 32px; background-position: -243px -271px; }

p.mv_t3 { opacity: 0; width: 392px; height: 87px; margin: 0 auto 130px; background-position: -298px -545px; }

p.mv_t4 { opacity: 0; width: 987px; height: 170px; margin: 0 auto; background-position: 0 -763px; transform: translate3d(0, 100px, 0); }

.moon { opacity: 0; position: absolute; top: 70px; left: 0; right: 0; width: 760px; height: 760px; margin: 0 auto; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/moon.png) no-repeat; }

.mv_c1 { opacity: 0; position: absolute; top: 269px; left: 110px; width: 291px; height: 571px; margin: 0 auto; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/mv_c1.png) no-repeat; transform: translate3d(-100px, 0, 0); }

.mv_c2 { opacity: 0; position: absolute; top: 279px; right: 26px; width: 373px; height: 575px; margin: 0 auto; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/mv_c2.png) no-repeat; transform: translate3d(100px, 0, 0); }

.mv_cloud { background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/mv_cloud.png) no-repeat; }

.cloud_1 { position: absolute; top: 38px; left: 70px; width: 108px; height: 50px; background-position: -339px 0; animation: cloudAni1 28.0s linear infinite; }

.cloud_2 { position: absolute; top: 247px; left: -50px; width: 200px; height: 57px; background-position: 0 -209px; animation: cloudAni1 35.0s linear infinite; }

.cloud_3 { position: absolute; top: 139px; left: 281px; width: 200px; height: 85px; background-position: -547px -102px; animation: cloudAni1 45.0s linear infinite; }

.cloud_4 { position: absolute; top: 76px; right: 80px; width: 179px; height: 73px; background-position: -1288px -38px; animation: cloudAni1 40.0s linear infinite; }

.cloud_5 { position: absolute; top: 192px; right: 339px; width: 108px; height: 50px; background-position: -1101px -151px; animation: cloudAni1 20.0s linear infinite; }

.cloud_6 { position: absolute; top: 217px; right: -214px; width: 200px; height: 85px; background-position: -1560px -179px; animation: cloudAni1 50.0s linear infinite; }

.i_move .moon { animation-duration: 0.9s; animation-fill-mode: both; animation-name: pulse; animation-delay: 0.2s; }

.i_move h1.logo, .i_move .util, .i_move p.mv_t1, .i_move p.mv_t2, .i_move p.mv_t3 { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }

.i_move p.mv_t1 { animation-delay: 0.7s; }

.i_move p.mv_t2 { animation-delay: 0.9s; }

.i_move p.mv_t3 { animation-delay: 1.1s; }

.i_move p.mv_t4, .i_move .mv_c1, .i_move .mv_c2 { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.i_move p.mv_t4 { transition-delay: 1.8s; }

.i_move .mv_c1 { transition-delay: 1.4s; }

.i_move .mv_c2 { transition-delay: 1.6s; }

.i_move h1.logo, .i_move .util { animation-delay: 2s; }

.c1_line { height: 1951px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/bg_1.jpg) no-repeat center 0; }

.c1_inner { position: relative; width: 1280px; margin: 0 auto; }

.c1_sp { position: relative; z-index: 1; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c1_sp.png) no-repeat; }

p.c1_title { opacity: 0; width: 2560px; height: 148px; margin-left: -640px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c1_title.png) no-repeat; text-indent: -9999px; }

p.c1_title.on { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }

p.c1_t1 { opacity: 0; width: 826px; height: 33px; margin: 0 auto; background-position: -186px 0; text-indent: -9999px; }

p.c1_t1.on { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }

.c1_v1 { opacity: 0; width: 1195px; height: 458px; margin: 62px auto 64px; background-position: 0 -94px; transform: translate3d(0, 100px, 0); }

.c1_v1.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.c1_v2 { opacity: 0; position: relative; width: 1195px; height: 1095px; margin: 0 auto; background-position: 0 -617px; transform: translate3d(0, 100px, 0); }

.c1_v2.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.c1_v2 a.cs_sp { display: block; position: absolute; top: 320px; left: 764px; width: 228px; height: 32px; background-position: -272px -10px; text-indent: -9999px; }

.c1_v2 a.cs_sp:hover { background-position: -272px -52px; }

.c1_c1 { opacity: 0; position: absolute; top: 177px; left: -526px; width: 850px; height: 1376px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c1_c1.png) no-repeat; transform: translate3d(-150px, 0, 0); }

.c1_c1.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.7s; transition-property: opacity,transform; }

.c1_c2 { opacity: 0; position: absolute; top: 840px; right: -734px; width: 945px; height: 1118px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c1_c2.png) no-repeat; transform: translate3d(150px, 0, 0); }

.c1_c2.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.c2_line { height: 907px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/bg_2.jpg) no-repeat center 0; }

.c2_inner { width: 1280px; padding-top: 58px; margin: 0 auto; }

.c2_sp { background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c2_sp.png) no-repeat; }

p.c2_t1 { opacity: 0; width: 869px; height: 140px; margin: 0 auto; background-position: -179px 0; transform: translate3d(0, 100px, 0); }

p.c2_t1.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.c2_v1 { opacity: 0; width: 1193px; height: 357px; margin: 34px auto 12px; background-position: 0 -174px; transform: translate3d(0, 100px, 0); }

.c2_v1.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.c2_v2 { opacity: 0; width: 798px; height: 244px; margin: 0 auto; background-position: -203px -544px; }

.c2_v2.on { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }

.c3_line { height: 2380px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/bg_3.jpg) no-repeat center 0; }

.c3_inner { position: relative; width: 1280px; padding-top: 99px; margin: 0 auto; }

.c3_sp { position: relative; z-index: 1; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c3_sp.png) no-repeat; text-indent: -9999px; }

p.c3_t1 { opacity: 0; width: 900px; height: 83px; margin: 0 auto; background-position: -142px 0; transform: translate3d(0, 100px, 0); }

p.c3_t1.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

.c3_v1 { opacity: 0; width: 1180px; height: 1618px; margin: 24px auto 32px; background-position: 0 -107px; transform: translate3d(0, 100px, 0); }

.c3_v1.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

p.c3_t2 { opacity: 0; position: relative; width: 546px; height: 52px; margin: 0 auto; background-position: -320px -1757px; transform: translate3d(0, 100px, 0); }

p.c3_t2.on { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; transition-duration: 0.5s; transition-property: opacity,transform; }

p.c3_t2 a.cs_sp { display: block; position: absolute; bottom: 0; right: 0; width: 141px; height: 27px; background-position: -359px -94px; text-indent: -9999px; }

p.c3_t2 a.cs_sp:hover { background-position: -359px -131px; }

.c3_precaution { opacity: 0; width: 1037px; height: 194px; margin: 75px 0 0 50px; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c3_precaution.png) no-repeat; }

.c3_precaution.on { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeIn; }

.c3_cloud { position: absolute; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/c3_cloud.png) no-repeat; }

.c3_cloud1 { top: 352px; left: -120px; width: 200px; height: 85px; background-position: -111px -231px; animation: cloudAni1 45.0s linear infinite; }

.c3_cloud2 { top: 834px; left: -232px; width: 108px; height: 50px; background-position: 0 -713px; animation: cloudAni1 20.0s linear infinite; }

.c3_cloud3 { top: 1116px; left: -193px; width: 200px; height: 57px; background-position: -38px -995px; animation: cloudAni1 35.0s linear infinite; }

.c3_cloud4 { top: 122px; right: 12px; width: 108px; height: 50px; background-position: -727px 0; animation: cloudAni1 25.0s linear infinite; }

.c3_cloud5 { top: 710px; right: -190px; width: 200px; height: 85px; background-position: -837px -587px; animation: cloudAni1 50.0s linear infinite; }

.c3_cloud6 { top: 1153px; right: -340px; width: 179px; height: 73px; background-position: -1012px -1033px; animation: cloudAni1 40.0s linear infinite; }

a.btn_top { display: block; position: fixed; bottom: 100px; z-index: 500; right: 25px; width: 50px; height: 50px; background-position: -10px -192px; text-indent: -9999px; }

a.btn_top:hover { background-position: -10px -263px; }

#footer { position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: rgba(0, 0, 0, 0.2); z-index: 100; }

#footer .f_inner { width: 1280px; padding-top: 40px; margin: 0 auto; }

#footer .f_inner p.copyright { width: 395px; height: 19px; margin: 0 auto; background: url(https://lwi.nexon.com/asgard/2021/0916_069A7A81AFB88ADA/copyright.png) no-repeat; text-indent: -9999px; }