@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

* { margin: 0; padding: 0; }

html, body { min-width: 1100px; }

body { background: #102137; color: #5c79a2; margin: 0; padding: 0; font-family: "Noto Sans TC", sans-serif; font-size: 12px; line-height: 1; }

button { outline: 0; background: none; border: 0; cursor: pointer; }

img { border: 0; }

ul, ol { list-style: none; }

table { border-spacing: 0; }

caption { height: 0; overflow: hidden; font-size: 0; }

a { color: #6096e3; }

a:hover { color: #6096e3; }

.gnbContainer { width: 1100px; }

.p-btn { display: block; overflow: hidden; text-indent: -999em; position: absolute; left: 50%; z-index: 10; }

.p-btn__detail { width: 284px; height: 66px; top: 848px; margin-left: -288px; }

#container { display: none; }

#container strong { font-size: 0; }

#container table { font-size: 0; }

#main, .field1, .field2, .growth, .battle, .indon, .raid, .improve, .together { background: #030303; }

.video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4; }

.promokit-page-menu { left: 53px !important; letter-spacing: -0.1em; padding: 9px 0; width: 148px; height: 318px; transition: left .7s; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/d235da75ac217482cc04c3d1021b86d413344b66.png") no-repeat 12px 50%; }

.promokit-page-menu.promokit-page-menu--active-0 { left: -250px !important; }

.promokit-page-menu ul li:nth-child(1) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 0px; }

.promokit-page-menu ul li:nth-child(1) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px 0px; }

.promokit-page-menu ul li:nth-child(2) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -40px; }

.promokit-page-menu ul li:nth-child(2) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -40px; }

.promokit-page-menu ul li:nth-child(3) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -80px; }

.promokit-page-menu ul li:nth-child(3) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -80px; }

.promokit-page-menu ul li:nth-child(5) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -80px; }

.promokit-page-menu ul li:nth-child(5) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -80px; }

.promokit-page-menu ul li:nth-child(6) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -120px; }

.promokit-page-menu ul li:nth-child(6) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -120px; }

.promokit-page-menu ul li:nth-child(7) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -160px; }

.promokit-page-menu ul li:nth-child(7) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -160px; }

.promokit-page-menu ul li:nth-child(8) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -200px; }

.promokit-page-menu ul li:nth-child(8) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -200px; }

.promokit-page-menu ul li:nth-child(9) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -240px; }

.promokit-page-menu ul li:nth-child(9) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -240px; }

.promokit-page-menu ul li:nth-child(10) a:before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat 0 -280px; }

.promokit-page-menu ul li:nth-child(10) a:after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/564dd3baf06752a998129e336ec498253bb4fab4.png") no-repeat -148px -280px; }

.promokit-page-menu ul li:nth-child(1), .promokit-page-menu ul li:nth-child(3), .promokit-page-menu ul li:nth-child(4) { display: none; }

.promokit-page-menu__item { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: relative; width: 148px; height: 38px; margin-bottom: 2px !important; overflow: visible; }

.promokit-page-menu__item a { display: block; width: 100%; height: 100%; }

.promokit-page-menu__item:before { content: ''; display: inline-block; width: 25px; height: 25px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/16885e3fd6aa398e7fc5240d14a79bd0a70842d9.png") no-repeat 50% 0; position: absolute; top: 6px; left: 0px; opacity: 1; -ms-transform: scale(1); transform: scale(1); transition: all .5s ease; }

.promokit-page-menu__item:after { content: ''; display: inline-block; width: 38px; height: 38px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/ad657e47b125f8dc14ce5d93fd79fb015c603caa.png") no-repeat 50% 0; position: absolute; top: 0px; left: -6.5px; opacity: 0; -ms-transform: scale(0); transform: scale(0); transition: all .5s ease-out; }

.promokit-page-menu__item:hover:before { opacity: 0; }

.promokit-page-menu__item:hover:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.promokit-page-menu__item--active:before { -ms-transform: scale(1.1) rotate(60deg); transform: scale(1.1) rotate(60deg); opacity: 0; }

.promokit-page-menu__item--active:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); animation-name: rotating; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; }

.promokit-page-menu__link { position: relative; overflow: hidden; }

.promokit-page-menu__link:before, .promokit-page-menu__link:after { position: absolute; display: block; top: 0; left: 0; content: ''; width: 100%; height: 100%; transition: 0.6s; }

.promokit-page-menu__link:after { -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0.5; }

.promokit-page-menu__link--active { color: #f9c684 !important; }

.promokit-page-menu__link--active:before { -ms-transform: translateY(100%); transform: translateY(100%); }

.promokit-page-menu__link--active:after { -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; }

@keyframes rotating { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }


.header-nav { position: absolute; top: 60px; z-index: 100; width: 100%; text-align: left; text-indent: -9999em; white-space: nowrap; }

.header-nav .logo { width: 135px; height: 49px; position: absolute; top: 0; left: 20px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/logo.png") no-repeat 0 0;}

.header-nav .fb { width: 32px; height: 32px; position: absolute; top: 5px; right: 245px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/fb.png") no-repeat 0 0; background-size: cover;}

.header-nav .btn-home { width: 110px; height: 40px; position: absolute; top: 0; right: 130px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/btn_home.png") no-repeat 0 0;}

.header-nav .btn-update { width: 110px; height: 40px; position: absolute; top: 0; right: 15px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/btn_update.png") no-repeat 0 0;}

.main { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.main__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.main__txt1 { position: absolute; top: 50%; left: 50%; width: 400px; height: 27px; margin-top: -13.5px; margin-left: -200px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/4d9500d2a6b958501e6f29af400fe4a7087e1db0.png") no-repeat 50% 0; margin-top: -306px; }

.main__dust1 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 271px; height: 260px; margin-top: -135.5px; margin-left: -130px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/main__dust1.png") no-repeat 50% 0; margin-top: -340px; margin-left: -440px; }

.main__dust2 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 271px; height: 260px; margin-top: -135.5px; margin-left: -130px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/main__dust2.png") no-repeat 50% 0; margin-top: -340px; margin-left: 170px; }

.main__title { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/title.png") no-repeat 50% 0; position: absolute; top: 50%; left: 50%; width: 880px; height: 260px; margin-top: -103px; margin-left: -440px; margin-top: -340px;}

.main__txt2 { position: absolute; top: 50%; left: 50%; width: 459px; height: 42px; margin-top: -21px; margin-left: -229.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/02b9d223dbff34f3eb9439ae8d6ec91e222aa944.png") no-repeat 50% 0; margin-top: -105px; }

.main__player { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 97px; height: 102px; margin-top: -51px; margin-left: -48.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/e8ea3be5d1a0629286a7cf222c3007d1be3d1457.png") no-repeat 50% 0; margin-top: 64px; }

.main__player:before { content: ''; position: absolute; top: 19px; left: 24px; width: 55px; height: 58px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/b91e3da7fa051296462cb2597f978208a9df6384.png") no-repeat 50% 0; transform: rotateX(0deg); transition: transform .5s ease-out; }

.main__player:hover:before { transform: rotateX(180deg); }

.main__scroll { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; bottom: 200px; left: 50%; width: 33px; height: 39px; margin-left: -16.5px; overflow: visible; }

.main__scroll:before { position: absolute; bottom: 0; width: 33px; height: 7px; display: block; content: ''; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/69761ec00ea7379f78daf612b303e4921e886c6c.png") no-repeat 0 100%; }

.main__scroll:after { position: absolute; width: 33px; height: 27px; top: 0px; left: 0px; display: block; content: ''; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/main/69761ec00ea7379f78daf612b303e4921e886c6c.png") no-repeat 50% 0; animation: spin 2s infinite; }

@keyframes spin { 0% { transform: rotateY(0) translateY(-20px);
    opacity: 0; }
  50% { opacity: 1; }
  100% { transform: rotateY(360deg) translateY(0px);
    opacity: 0; } }

.field1 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.field1__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/11dc0f12e61aea256dec1ac1c57b42a167d7e49d.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.field1__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/987f4d75d76e333801f76ffb365c36cd1cbdd719.png") no-repeat 50% 0; margin-top: -460px; margin-left: -320px; }

.field1__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 422px; height: 110px; margin-top: -54px; margin-left: -211px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/42fc69b2663f8685a4d73da3d1b87c59e2f88f88.png") no-repeat 50% 0; margin-top: -360px; }

.field1__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 474px; height: 43px; margin-top: -21.5px; margin-left: -237px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/29ad5d2e0cedc171d3656381226a2eb3e0236573.png") no-repeat 50% 0; margin-top: -255px; }

.field1__list { position: absolute; top: 50%; left: 50%; width: 744px; height: 276px; margin-top: -138px; margin-left: -372px; margin-top: 5px; }

.field1__list li { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; width: 193px; height: 197px; }

.field1__list li:nth-child(1) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/7b732b1b5704fd2de6a429d34bc6ab8b63ba340d.png") no-repeat 50% 0; }

.field1__list li:nth-child(1):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/d15e0279b16debceb8d6ed7466704d4ef4f4f014.png") no-repeat 50% 0; }

.field1__list li:nth-child(2) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/38bf4a0ebf4866176cc7912f160533b4ecae310f.png") no-repeat 50% 0; }

.field1__list li:nth-child(2):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/0d2f7de9044e90ceca3badc0f35c505166bc4435.png") no-repeat 50% 0; }

.field1__list li:nth-child(3) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/f0ef240625f497316afbb8a0276c63f019f8a685.png") no-repeat 50% 0; }

.field1__list li:nth-child(3):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/a768866dd0f60264de9030e3e60720605ff59c80.png") no-repeat 50% 0; }

.field1__list li:nth-child(4) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/bbf087b100b9c45d97dccb65b11483f9a4e0d729.png") no-repeat 50% 0; }

.field1__list li:nth-child(4):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/e575ced696a3a2cba362b6fb01775e0405f67d08.png") no-repeat 50% 0; }

.field1__list li:nth-child(5) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/5ed557e30bdde3e6f67cdcac3aa141b44278a377.png") no-repeat 50% 0; }

.field1__list li:nth-child(5):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/0b579d00318ded5f7d48b0c31b1ecfd6544a34d9.png") no-repeat 50% 0; }

.field1__list li:nth-child(1) { top: 0; left: 0; }

.field1__list li:nth-child(2) { top: 79px; left: 142px; }

.field1__list li:nth-child(3) { top: 0; left: 280px; }

.field1__list li:nth-child(4) { top: 79px; left: 418px; }

.field1__list li:nth-child(5) { top: 0; left: 556px; }

.field1__list li:after { position: absolute; top: 0; left: 0; width: 193px; height: 197px; display: block; content: ''; opacity: 0; transition: all 0.5s ease; z-index: 1; -ms-transform: scale(1.2); transform: scale(1.2); }

.field1__list li:hover:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.field1__list li button { position: absolute; text-indent: -9999em; display: block; overflow: visible; width: 140px; height: 140px; margin-top: 20px; margin-left: 20px; -ms-transform-origin: center; transform-origin: center; -ms-transform: rotate(45deg); transform: rotateZ(45deg); z-index: 5; }

.field1__list li button:before { position: absolute; display: block; content: ''; width: 123px; height: 123px; left: 11px; top: 8px; border: 1px solid #c78a58; transition: 0.5s cubic-bezier(0.57, 1.1, 0.93, 1.01); }

.field1__list li button:after { position: absolute; display: block; content: ''; width: 66px; height: 66px; left: 42px; top: 38px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/786e5bf30f648398de9432ef430c04c15946460b.png") no-repeat 0 0; transition: 0.5s cubic-bezier(0.57, 1.1, 0.93, 1.01); }

.field1__list li button:hover:before { -ms-transform: rotate(-90deg); transform: rotate(-90deg); border-color: #f89f56; }

.field1__list li button:hover:after { -ms-transform: rotate(135deg); transform: rotate(135deg); }

.field2 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.field2__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/22985d50df6e5f75010f53b0ad76ed641262e4e0.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.field2__slider { position: absolute; top: 50%; left: 50%; width: 1072px; height: 562px; margin-top: -281px; margin-left: -536px; margin-top: -290px; }

.field2__slider:before { display: block; content: ''; position: absolute; top: -165px; left: -238px; width: 635px; height: 618px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/7b4561df3d64a24c4ff67d96ad7c67812d0d52ed.png") no-repeat 50% 0; }

.field2__slider ul { width: 1061px; height: 527px; }

.field2__slider ul li { overflow: hidden; position: absolute; width: 132px; height: 416px; background: gray; border: 1px solid #624827; opacity: .9; transition: all .5s ease-out; cursor: pointer; }

.field2__slider ul li:before, .field2__slider ul li:after { position: absolute; display: block; content: ''; }

.field2__slider ul li:before { width: 426px; height: 552px; bottom: 11px; left: 14px; opacity: 0.4; background: #000; -ms-transform: scale(1.3); transform: scale(1.3); transition: all .5s ease-out; }

.field2__slider ul li:after { width: 426px; height: 183px; bottom: 0px; left: 14px; opacity: 0; }

.field2__slider ul li:nth-child(1) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/73277546434246100a5b42b70855530b94de862c.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(1):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/bfe2e7f38dade957bc121625dc268cfb6378a3ee.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(2) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/e1cbc7666609527fa310c14c7c5ae3e16d1b9be9.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(2):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/38a637c50081eeb8ec61c5fef8e90999946d823e.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(3) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/d5e310151c43e9e7ee14e5d80368cf08792396f9.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(3):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/ac43db2fb8206f5a3af52f2344e930f4d98db108.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(4) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/ce7ebd3d53344e7f4068c8e5fee8b453a754776a.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(4):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/82c2ee07b8fbb3ded46beac7f1d07abbcd211059.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(5) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/9b869201d4380e0851e28cb7dc3bd258a589af0d.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(5):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/8b7548f3bacbc7b01b4fd8a70b247fb394e6cbef.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(6) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/7cc7d261a9f9c32ad7f1cf015ebd03b9e2801832.png") no-repeat 50% 50%; }

.field2__slider ul li:nth-child(6):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/5213fcb5ab2b224c91038ae4e5b70ff6efb04bce.png") no-repeat 50% 50%; }

.field2__slider ul li.active { opacity: 1; width: 463px; height: 562px; border: none; }

.field2__slider ul li.active:before { bottom: 11px; left: 14px; -ms-transform: scale(1); transform: scale(1); background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field2/013d73755845638f5bd1195dabe6eaeb855a3ac3.png") no-repeat 50% 15px; opacity: 1; }

.field2__slider ul li.active:after { animation: moveUp 1s forwards; }

.field2__slider .btn-next, .field2__slider .btn-prev { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; display: block; position: absolute; width: 65px; height: 58px; top: 247px; opacity: .5; transition: opacity .3s ease; }

.field2__slider .btn-next:hover, .field2__slider .btn-prev:hover { opacity: 1; }

.field2__slider .btn-prev { left: -100px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/44a3657553aeeacc0d2fd20310148fa218b6a846.png") no-repeat 50% 0; }

.field2__slider .btn-next { right: -100px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/d6bd5aca4b8d224b1b431ef2562713849219320f.png") no-repeat 50% 0; }

@keyframes moveUp { 0%, 50% { bottom: 0px;
    opacity: 0; }
  100% { bottom: 26px;
    opacity: 1; } }

.growth { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.growth__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/cda55650d9bd2cb79010811d8eab76bf6b1b6f8d.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.growth__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/987f4d75d76e333801f76ffb365c36cd1cbdd719.png") no-repeat 50% 0; margin-top: -450px; margin-left: -470px; }

.growth__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 810px; height: 110px; margin-top: -54.5px; margin-left: -405px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/1e92d091d216236aa47487a342e9cb66874dff6f.png") no-repeat 50% 0; margin-top: -360px; }

.growth__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 486px; height: 43px; margin-top: -21.5px; margin-left: -243px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/55367bdab8f9483c75d1c57d3201332636255f41.png") no-repeat 50% 0; margin-top: -250px; }

.growth__slider { position: absolute; top: 50%; left: 50%; width: 764px; height: 382px; margin-top: -191px; margin-left: -382px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/0a6fdd9a7bb377f3aa689fbab02b33ab13c270e7.png") no-repeat 50% 0; margin-top: -150px; text-indent: 0; }

.growth__slider:before { content: ''; position: absolute; top: 50%; left: 50%; width: 797px; height: 418px; margin-top: -209px; margin-left: -398.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/0a6fdd9a7bb377f3aa689fbab02b33ab13c270e7.png") no-repeat 50% 0; margin-top: -202px; margin-left: -394px; }

.growth__slider .promokit-slide__area { width: 764px; height: 382px; }

.growth__slider .promokit-slide__button { width: 65px; height: 58px; }

.growth__slider .promokit-slide__button--prev { left: -87px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/44a3657553aeeacc0d2fd20310148fa218b6a846.png") no-repeat 50% 0; }

.growth__slider .promokit-slide__button--next { right: -87px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/d6bd5aca4b8d224b1b431ef2562713849219320f.png") no-repeat 50% 0; }

.growth__slider .promokit-slide__pagination { width: 960px; height: 64px; left: -98px; bottom: -107px; text-indent: 0; }

.growth__slider .promokit-slide__pagination-bullet { position: relative; width: 64px; height: 64px; overflow: visible; border-radius: 0; background: #82785f; margin: 0 8px; box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.3); }

.growth__slider .promokit-slide__pagination-bullet.promokit-slide__pagination-bullet--active { background: #f09e44; }

.growth__slider .promokit-slide__pagination-bullet.promokit-slide__pagination-bullet--active:before { opacity: 0; }

.growth__slider .promokit-slide__pagination-bullet.promokit-slide__pagination-bullet--active:after { -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.growth__slider .promokit-slide__pagination-bullet:before, .growth__slider .promokit-slide__pagination-bullet:after { position: absolute; display: block; top: 0; left: 0; content: ''; width: 100%; height: 100%; transition: all .5s ease-out; }

.growth__slider .promokit-slide__pagination-bullet:after { top: -13px; left: -6px; width: 76px; height: 89px; opacity: 0; -ms-transform: scale(1.1); transform: scale(1.1); }

.growth__slider .promokit-slide__pagination-bullet:nth-child(1):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat 0px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(1):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat 0px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(2):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -80px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(2):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -80px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(3):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -160px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(3):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -160px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(4):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -240px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(4):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -240px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(5):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -320px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(5):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -320px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(6):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -400px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(6):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -400px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(7):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -480px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(7):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -480px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(8):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -560px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(8):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -560px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(9):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -640px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(9):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -640px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(10):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -720px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(10):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -720px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(11):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -800px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(11):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -800px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(12):before { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/957626455867366d9279d888c01f89cafa9e17c0.png") no-repeat -880px 0; }

.growth__slider .promokit-slide__pagination-bullet:nth-child(12):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/growth/db4dbc1970eb66d668d7cb8c864c06e7e7935e94.png") no-repeat -880px 0; }

.battle { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.battle__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/battle/fa06ef31acd38e703cadd83924e050b173581bf1.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.battle__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/987f4d75d76e333801f76ffb365c36cd1cbdd719.png") no-repeat 50% 0; margin-top: -450px; margin-left: -320px; }

.battle__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 425px; height: 110px; margin-top: -54.5px; margin-left: -212.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/battle/c725facc99c9319fc83aa0f31e737fd5c544ccbf.png") no-repeat 50% 0; margin-top: -360px; }

.battle__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 491px; height: 43px; margin-top: -21.5px; margin-left: -245.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/battle/91f57ebfd61bc3ec161b96d62f97be48b4e93bc0.png") no-repeat 50% 0; margin-top: -250px; }

.battle__list { position: absolute; top: 50%; left: 50%; width: 1102px; height: 508px; margin-top: -254px; margin-left: -551px; margin-top: -150px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

.battle__list > li { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; height: 508px; }

.battle__list > li:nth-child(1) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/battle/93139001effb07b31c4655550ba2b25ec4fc3205.png") no-repeat 50% 0; }

.battle__list > li:nth-child(2) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/battle/1b0ebd27f6cf727a48cc164511999d34f97cf005.png") no-repeat 50% 0; }

.battle__list > li:nth-child(1) { width: 680px; }

.battle__list > li:nth-child(2) { width: 372px; }

.indon { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.indon__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/2dc303f694799071dcf6f68180ec54f53ffa455f.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.indon__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/987f4d75d76e333801f76ffb365c36cd1cbdd719.png") no-repeat 50% 0; margin-top: -450px; margin-left: -440px; }

.indon__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 665px; height: 110px; margin-top: -54.5px; margin-left: -332.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/168945e2e3573d727bed79beea76b6aeb7f4f741.png") no-repeat 50% 0; margin-top: -360px; }

.indon__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 532px; height: 43px; margin-top: -21.5px; margin-left: -266px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/6b5ecd8241ec7f0eccdda54ba56a6eb368dbeb0f.png") no-repeat 50% 0; margin-top: -250px; }

.indon__txt2 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 521px; height: 117px; margin-top: -58.5px; margin-left: -260.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/c6f548c93c22632b467821dc44c36bd6da952650.png") no-repeat 50% 0; margin-top: 40px; margin-left: 29px; }

.indon__list { position: absolute; top: 50%; left: 50%; width: 580px; height: 258px; margin-top: -129px; margin-left: -290px; margin-left: -555px; margin-top: -80px; }

.indon__list li { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; overflow: visible; width: 193px; height: 197px; }

.indon__list li:nth-child(1) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/72fdaaae906b314c256c0a641575be415302178e.png") no-repeat 50% 0; }

.indon__list li:nth-child(1):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/a7f72daea0c2be4b0a07efa24b97980d2864b69a.png") no-repeat 50% 0; }

.indon__list li:nth-child(2) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/76aef4f55774f159afcbe9c194c2e60a6d8ff41e.png") no-repeat 50% 0; }

.indon__list li:nth-child(2):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/413fbd8e3e66e31f5432987635f46439271ba268.png") no-repeat 50% 0; }

.indon__list li:nth-child(3) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/699ff6f50b70d40a9d7fc5ddcbbbfa2fd93273b3.png") no-repeat 50% 0; }

.indon__list li:nth-child(3):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/cb50defa34d753de9b491cf0902aa9a6b2b33dad.png") no-repeat 50% 0; }

.indon__list li:nth-child(4) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/d5ee363a82ab0ed7ad93e0d1da4234ef2f41107d.png") no-repeat 50% 0; }

.indon__list li:nth-child(4):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/indon/2b72ba27b105a6422602fb9028fdcc641953a6f2.png") no-repeat 50% 0; }

.indon__list li:nth-child(1) { top: 0; left: 0; }

.indon__list li:nth-child(2) { top: 79px; left: 128px; }

.indon__list li:nth-child(3) { top: 0; left: 256px; }

.indon__list li:nth-child(4) { top: 79px; left: 384px; }

.indon__list li:after { position: absolute; top: 0; left: 0; width: 193px; height: 197px; display: block; content: ''; opacity: 0; transition: all 0.5s ease; z-index: 1; -ms-transform: scale(1.2); transform: scale(1.2); }

.indon__list li:hover:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.indon__list li button { position: absolute; text-indent: -9999em; display: block; overflow: visible; width: 140px; height: 140px; margin-top: 20px; margin-left: 20px; -ms-transform-origin: center; transform-origin: center; -ms-transform: rotate(45deg); transform: rotateZ(45deg); z-index: 5; }

.indon__list li button:before { position: absolute; display: block; content: ''; width: 123px; height: 123px; left: 11px; top: 8px; border: 1px solid #c78a58; transition: 0.5s cubic-bezier(0.57, 1.1, 0.93, 1.01); }

.indon__list li button:after { position: absolute; display: block; content: ''; width: 66px; height: 66px; left: 42px; top: 38px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/786e5bf30f648398de9432ef430c04c15946460b.png") no-repeat 0 0; transition: 0.5s cubic-bezier(0.57, 1.1, 0.93, 1.01); }

.indon__list li button:hover:before { -ms-transform: rotate(-90deg); transform: rotate(-90deg); border-color: #f89f56; }

.indon__list li button:hover:after { -ms-transform: rotate(135deg); transform: rotate(135deg); }

.raid { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.raid__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/field1/11dc0f12e61aea256dec1ac1c57b42a167d7e49d.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.raid__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/9c89f107b5ef425aa42b6b70044fb0e97b62a280.png") no-repeat 50% 0; margin-top: -450px; margin-left: 216px; }

.raid__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 772px; height: 110px; margin-top: -54.5px; margin-left: -386px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/278ee9f8e30e706e77ff444e495d7ca13fc18f39.png") no-repeat 50% 0; margin-top: -360px; }

.raid__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 428px; height: 43px; margin-top: -21px; margin-left: -214px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/c6725b5f0dbd3e4b251d283b313fc95e2ecb4eb8.png") no-repeat 50% 0; margin-top: -250px; }

.raid__deco { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; bottom: 0; left: 50%; width: 1078px; height: 1080px; margin-left: -539px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/a7bdf92ad752fe9e1200e146047d68cde07370b5.png") no-repeat 50% 0; margin-left: -222px; }

.raid__list { position: absolute; top: 50%; left: 50%; width: 800px; height: 258px; margin-top: -129px; margin-left: -400px; margin-top: -80px; }

.raid__list li { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; overflow: visible; width: 255px; height: 259px; top: 0; }

.raid__list li:nth-child(1) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/333627f42701957fc4ddae0f664bc75879714652.png") no-repeat 50% 0; }

.raid__list li:nth-child(1):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/19a826297b55f2e6611707c8a209d754bdc763f2.png") no-repeat 50% 0; }

.raid__list li:nth-child(2) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/5234226dee1e0524b5728fa2da55cd7924831dd4.png") no-repeat 50% 0; }

.raid__list li:nth-child(2):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/fba7bb642a9c4b7071f50ccc2f64e0079cb94ab1.png") no-repeat 50% 0; }

.raid__list li:nth-child(3) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/3ad29817f94e2941631c605a74eb925ac01a61d6.png") no-repeat 50% 0; }

.raid__list li:nth-child(3):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/102283693201f91996a281ca1af26f8ae42f1322.png") no-repeat 50% 0; }

.raid__list li:nth-child(4) { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/list-4.png") no-repeat 50% 0; }

.raid__list li:nth-child(4):after { background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/raid/list-on-4.png") no-repeat 50% 0; }

.raid__list li:nth-child(1) { left: 0; }

.raid__list li:nth-child(2) { left: 276px; }

.raid__list li:nth-child(3) { left: 552px; }

.raid__list li:after { position: absolute; top: 0; left: 0; width: 255px; height: 259px; display: block; content: ''; opacity: 0; transition: all .5s ease; z-index: 1; -ms-transform: scale(1.2); transform: scale(1.2); }

.raid__list li:hover:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); }

.raid__list li button { position: absolute; text-indent: -9999em; display: block; overflow: visible; width: 174px; height: 174px; margin-top: 35px; margin-left: 35px; -ms-transform-origin: center; transform-origin: center; -ms-transform: rotate(45deg); transform: rotateZ(45deg); z-index: 5; }

.raid__list li button:before { position: absolute; display: block; content: ''; width: 174px; height: 174px; left: 1px; top: -1px; border: 1px solid #c78a58; transition: 0.5s cubic-bezier(0.57, 1.1, 0.93, 1.01); }

.raid__list li button:after { position: absolute; display: block; content: ''; width: 87px; height: 87px; left: 49px; top: 43px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/c00013dd49f58e240ae8c75e175a3f39d8d951b2.png") no-repeat 0 0; transition: 0.5s cubic-bezier(0.57, 1.1, 0.93, 1.01); }

.raid__list li button:hover:before { -ms-transform: rotate(-90deg); transform: rotate(-90deg); border-color: #f89f56; }

.raid__list li button:hover:after { -ms-transform: rotate(135deg); transform: rotate(135deg); }

.improve { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.improve__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/b55a95ad4654b3785468c273fd5f50ef5515a48e.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.improve__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/9c89f107b5ef425aa42b6b70044fb0e97b62a280.png") no-repeat 50% 0; margin-top: -450px; margin-left: 28px; }

.improve__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 407px; height: 110px; margin-top: -54.5px; margin-left: -203.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/dedb8aa957a8e6db6fa5c74cd6c18085d70c5ab2.png") no-repeat 50% 0; margin-top: -360px; }

.improve__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 631px; height: 43px; margin-top: -21.5px; margin-left: -315.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/265e3997b7ea9dc6dc1eb4e9e6fd6a46a66ea6e7.png") no-repeat 50% 0; margin-top: -250px; }

.improve__txt2 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 187px; height: 194px; margin-top: -97px; margin-left: -93.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/e178ec4b6dc3ec5d4e852fc0cffd460a9913df67.png") no-repeat 50% 0; margin-top: -20px; margin-left: -456px; }

.improve__txt3 { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 187px; height: 194px; margin-top: -97px; margin-left: -93.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/eacd396b02b649cfdfeaecda67d21a74a071ff44.png") no-repeat 50% 0; margin-top: 100px; margin-left: 248px; }

.improve__frame { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 625px; height: 553px; margin-top: -276.5px; margin-left: -312.5px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/27d34c08191a0fbe9551cd02fe0513e394f95f10.png") no-repeat 50% 0; margin-top: -190px; }

.improve__deco { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; bottom: 0; left: 50%; width: 1134px; height: 875px; margin-left: -567px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/improve/768dba241d06a5341d57820297c8e809da4193b9.png") no-repeat 50% 0; margin-left: 38px; }

.together { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.together__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/together/9e013430c8b2ed97711ba8ca6d635ffc824f0281.jpg") no-repeat 50% 0; background-size: cover; -ms-transform: scale(1); transform: scale(1); }

.together__dust { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 246px; height: 248px; margin-top: -124px; margin-left: -123px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/com/987f4d75d76e333801f76ffb365c36cd1cbdd719.png") no-repeat 50% 0; margin-top: -450px; margin-left: -300px; }

.together__title { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 644px; height: 110px; margin-top: -54px; margin-left: -322px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/together/cf811d671e0069420641f38f633ae8823bba1c23.png") no-repeat 50% 0; margin-top: -360px; }

.together__txt { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 430px; height: 19px; margin-top: -9.5px; margin-left: -215px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/together/528ba9f6d75a8efd632a0ca1666f323cdca86922.png") no-repeat 50% 0; margin-top: -250px; }

.together__frame { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; position: absolute; top: 50%; left: 50%; width: 800px; height: 500px; margin-top: -237px; margin-left: -400px; background: url("//image.tw.ncsoft.com/aion/preview/afsaranta/pc/together/banner.png") no-repeat 50% 0; margin-top: -180px; background-size: cover; }

#footer{width:100%;height:60px;background-color:#0e171e;position: absolute;bottom:0;display:block;z-index:100;}
#footer .copyright{position:absolute;top:0.5rem;left:0;right:0;width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;}
#footer .copyright-company,#footer .copyright-studio{display:flex;align-items:center;font-size:10px;color:#fffffe;letter-spacing:-0.5px;}
#footer .copyright-company .copyright-logo{width:42px;height:23px;margin-right:0.5rem;background:url("//image.tw.ncsoft.com/aion/preview/afsaranta/bi-nc.png") no-repeat 50% 50%;background-size:contain;}
#footer .copyright-studio{text-indent:-9999em;white-space:nowrap;overflow:hidden;background-size:contain;display:flex;align-items:center;}
#footer .copyright-studio .grade-desc{font-size:10px;line-height:1.2;text-indent:0;text-align:right;font-weight:300;color:#ffffff;}
#footer .copyright-studio .grade-icon{width:32px;height:32px;background:url("//image.tw.ncsoft.com/aion/preview/afsaranta/15+.png") no-repeat 50% 50%;background-size:contain;margin-left:0.5rem;}
#footer .copyright a{text-indent:-9999em;white-space:nowrap;overflow:hidden;display:block;height:100%;}