@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 !important; 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; }

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

.p-layer__gift1 { width: 1023px; height: 604px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/layer-gift1.jpg") no-repeat 50% 0; }

.p-layer__gift2 { width: 1023px; height: 604px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/layer-gift2.jpg") no-repeat 50% 0; }

.promokit-fullpage-menu { position: absolute; z-index: 100; width: 170px; top: 50%; left: auto; right: 49px; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.promokit-fullpage-menu:before { content: ""; position: absolute; }

.promokit-fullpage-menu:before { width: 1px; position: absolute; right: 9px; top: 29px; bottom: 28px; background-color: #fff; opacity: 0.4; }

.promokit-fullpage-menu__item { width: 100%; height: 49px; font-size: 0; position: relative; overflow: hidden; }

.promokit-fullpage-menu__item:before, .promokit-fullpage-menu__item:after { content: ""; position: absolute; width: 135px; height: 100%; left: 0; top: 0; background: url("//image.tw.ncsoft.com/aion/preview/classic15/common/nav-bg.png") no-repeat 0 0; z-index: 1; transition: 0.6s; }

.promokit-fullpage-menu__item:after { background-position-x: -135px; -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0.5; }

.promokit-fullpage-menu__item--0:before, .promokit-fullpage-menu__item--0:after { background-position-y: 0; }

.promokit-fullpage-menu__item--1:before, .promokit-fullpage-menu__item--1:after { background-position-y: -49px; }

.promokit-fullpage-menu__item--2:before, .promokit-fullpage-menu__item--2:after { background-position-y: -98px; }

.promokit-fullpage-menu__item--3:before, .promokit-fullpage-menu__item--3:after { background-position-y: -147px; }

.promokit-fullpage-menu__item--4:before, .promokit-fullpage-menu__item--4:after { background-position-y: -196px; }

.promokit-fullpage-menu__item a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2; }

.promokit-fullpage-menu__item a:before, .promokit-fullpage-menu__item a:after { content: ""; position: absolute; top: 50%; }

.promokit-fullpage-menu__item a:before { width: 7px; height: 7px; right: 6px; background-color: #a3a3a3; -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.promokit-fullpage-menu__item a:after { position: absolute; top: 50%; right: -4px; width: 38px; height: 27px; margin-top: -13.5px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/common/nav-arrow.png") no-repeat 0 0; opacity: 0; -ms-transform: translateX(-10px); transform: translateX(-10px); transition: 0.4s; }

.promokit-fullpage-menu__item:hover a:after { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }

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

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

.promokit-fullpage-menu__item--active a:after { -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }

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

.header-nav .logo { width: 186px; height: 55px; position: absolute; top: 0; left: 20px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/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/classic15/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/classic15/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/classic15/btn_update.png") no-repeat 0 0;}

.shadow { text-align: center; /*display: table-cell; vertical-align: middle;*/ position: absolute; top: 100px; z-index: 1; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; overflow: visible; margin: 0 auto; left: 0; right: 0; }

.shadow__tit { margin: -6px auto 0; width: 980px; height: 266px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/shadow/tit.png") no-repeat 50% 0; }

.shadow__txt1 { margin: 0 auto 0; width: 338px; height: 78px; display: block; background: url("//image.tw.ncsoft.com/aion/preview/classic15/shadow/txt1.png") no-repeat 50% 0; }

.shadow__txt2 { margin: 0 auto 0; width: 368px; height: 59px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/shadow/txt2.png") no-repeat 50% 0; }

.shadow__date { margin: 66px auto 0; width: 270px; height: 43px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/shadow/date.png") no-repeat 50% 0; }

.shadow__scroll { position: absolute; bottom: 204px; left: 50%; width: 51px; height: 49px; margin-left: -25.5px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/shadow/icon-scroll.png") no-repeat 50% 0; z-index: 1; }

#shadow-con{ z-index: 100; margin-top: 100px; }

.update { width: 100%; height: 100%; position: relative; background-color: #000; z-index: 1; }

.update__tit { position: absolute; top: 50%; left: 50%; width: 779px; height: 152px; margin-top: -75px; margin-left: -389.5px; margin-top: -400px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/update/tit.png") no-repeat 50% 0; z-index: 1; }

.update2 { width: 100%; height: 100%; position: relative; background-color: #000; z-index: 1; }

.update2__tit { position: absolute; top: 50%; left: 50%; width: 951px; height: 220px; margin-top: -75px; margin-left: -475.5px; margin-top: -400px; background: url("//image.tw.ncsoft.com/aion/preview/classic15/update/tit2.png") no-repeat 50% 0; z-index: 1; }

.update__movie { width: 100%; height: 100%; position: absolute; left: 0; top: 40px; z-index: 0; }

.update__movie--obj { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.update-con--wrap { margin-top: -43px; text-align: left; text-indent: 0; position: absolute; left: 100px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.update-con__tit { font-size: 50px; color: #fff; font-weight: normal; letter-spacing: -3px; }

.update-con__etc { margin-top: 50px; width: 100%; font-size: 0; }

.update-con__etc--link { width: 161px; height: 51px; display: inline-block; vertical-align: middle; background: url("//image.tw.ncsoft.com/aion/preview/classic15/update/btn-link.png") no-repeat 50% 0; }

.update-con__desc { margin-top: 20px; font-size: 18px; color: #fff; font-weight: normal; line-height: 1.28; letter-spacing: -1px; }

.update-con--review { margin-top: 50px; position: relative; }

.update-con__img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; font-size: 0; background-size: cover; border-radius: 50%; }

.update-con__name { margin-left: 58px; display: block; font-size: 15px !important; color: #fff; font-weight: normal; }

.update-con__review { margin: 10px 0 0 58px; display: block; line-height: 1.25; font-size: 13px; color: #fff; opacity: 0.5; }

.update-thumb { text-indent: 0; position: absolute; left: 55px; right: 55px; overflow: hidden; }

.update-thumb__wrap { width: 100%; height: 250px; position: absolute; bottom: 86px; }

.update-thumb__swiper { position: relative; }

.update-thumb__list { padding: 0 4px; height: 250px; display: inline-block; text-align: center; vertical-align: top; position: relative; box-sizing: border-box; background-size: cover; }

.update-thumb__list:hover .update-thumb__thumb { -ms-transform: scale(1.2); transform: scale(1.2); }

.update-thumb__list--active .update-thumb__link { padding-top: 65%; }

.update-thumb__inner { position: relative; height: 100%; outline: 0; }

.update-thumb__link { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 100%; padding-top: 56%; box-sizing: border-box; transition: 0.4s padding-top ease-out; }

.update-thumb__thumb { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: 0.6s transform; }

.update-thumb__txt { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px !important; color: #fff; letter-spacing: -1px; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); font-family: "Noto Sans TC", sans-serif; }

.update-thumb__prev, .update-thumb__next { width: 32px; height: 43px; font-size: 0; position: absolute; bottom: 20%; background: url("//image.tw.ncsoft.com/aion/preview/classic15/update/next-prev.png") no-repeat 50% 0; z-index: 1; }

.update-thumb__prev { left: 10px; background-position-x: 0; }

.update-thumb__next { right: 10px; background-position-x: -32px; }

.update-layer { width: 100%; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.9); text-indent: 0; z-index: 20; }

.update-layer__menu { margin-top: 0; display: none; position: static; top: auto; left: auto; right: auto; height: auto; overflow: hidden; padding: 30px 56px 75px; font-size: 0; }

.update-layer__list { padding: 10px 4px; width: 16.66%; height: auto; display: inline-block; vertical-align: top; float: left; box-sizing: border-box; background-size: cover; }

@media (max-width: 1279px) { .update-layer__list { width: 20%; } }

.update-layer__inner { padding-top: 56%; position: relative; height: 100%; }

.update-layer__link { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; display: block; width: 100%; padding-top: 56%; box-sizing: border-box; }

.update-layer__thumb { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("//image.tw.ncsoft.com/aion/preview/classic15/gift/bg.jpg") no-repeat 50% 0; }

.update-layer__txt { width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 16px !important; color: #fff; letter-spacing: -1px; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); }

#container strong { font-size: 0; }

#container table { font-size: 0; }

/* contents */
.v-sec { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; /*display: table; */position: absolute; }

#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/classic15/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/classic15/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%;}

#nctGnb { position: absolute !important; top: 0; }