@charset "UTF-8";
/** @project: 181128_color @author: NCSOFT @update : 2018-11-27 18:9:56 */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }

/* HTML5 display definitions for IE 9- ========================================================================== */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template, [hidden] { display: none; }

/* Links ========================================================================== */
a { background-color: transparent; }
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* Embedded content ========================================================================== */
img { border-style: none; }
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }

/* Forms ========================================================================== */
button, input, select, textarea { font: inherit; }
optgroup { font-weight: bold; }
button, input, select { overflow: visible; }
button, input, select, textarea { margin: 0; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; }
[disabled] { cursor: default; }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
* { margin: 0; padding: 0; }
html, body { min-width: 320px; }
body { background: #070711; color: #c3cad8; margin: 0; padding: 0; font-family: "メイリオ","Meirio","ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Sans-Serif; font-size: 14px; 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: #c3cad8; }
a:hover { color: #c3cad8; }
.gnbContainer { width: 1100px; }

/* button_close */
.layer { display: none; position: relative; overflow: visible; text-indent: -999em; }
.layer .layer_close { width: 40px; height: 40px; font-size: 0; display: block; position: absolute; right: 5px; top: -45px; transition: 0.8s; z-index: 600; }
.layer .layer_close:before, .layer .layer_close:after { content: ""; margin: -1px 0 0 -20px; width: 40px; height: 2px; position: absolute; left: 50%; top: 50%; background: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); transition: false; }
.layer .layer_close:after { content: ""; margin: false; width: false; height: false; position: absolute; left: 50%; top: 50%; background: false; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: false; }
.layer .layer_close:hover { -ms-transform: rotate(180deg); transform: rotate(180deg); }
.layer .layer_close:hover:before, .layer .layer_close:hover:after { content: ""; margin: false; width: false; height: false; position: absolute; left: 50%; top: 50%; background: #fff; -ms-transform: rotate(false); transform: rotate(false); transition: 0.8s; }
#introMovie { width: 1280px; height: 720px; }
#introMovie .player { width: 100%; height: 100%; }
#page1Movie { width: 1280px; height: 720px; }
#page1Movie .player { width: 100%; height: 100%; }

/** button position */
[class*="btn-link-"], [class*="btn-layer-"], [class*="btn-click-"] { display: block; overflow: hidden; text-indent: -999em; position: absolute; left: 50%; z-index: 10; }
[class*="btn-link-"].disable, [class*="btn-layer-"].disable, [class*="btn-click-"].disable { cursor: default; background-position-x: 100%; }
.btn-link-event { width: 93px; height: 34px; top: 27px; margin-left: 457px; }
.equalizer_wrap .btn_eq { margin: 10px auto 0; width: 100px; height: 50px; display: block; position: relative; background: #ddd; position: absolute; top: 12px; left: 70px; width: 53px; height: 8px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/img/sound_txt.png") no-repeat 50% 0; }
.equalizer_wrap .btn_eq.on { background-position: 0 -9px; }
.equalizer_wrap .btn_eq:before { content: ""; width: 100%; height: 100%; line-height: 50px; text-align: center; position: absolute; left: 0; top: 0; }
.equalizer_wrap .btn_eq.on:before { content: ""; }
.equalizer_wrap [data-media="audio"] { display: none; }
.equalizer_wrap #equalizer { margin: 0 auto 0; width: 40px; height: 30px; position: relative; overflow: hidden; }
.equalizer_wrap #equalizer > span { width: 3px; height: 1px; display: inline-block; bottom: 0; position: absolute; background-color: #fff; animation-duration: 500ms; animation-play-state: running; animation-direction: alternate; animation-timing-function: linear; animation-iteration-count: infinite; }
.equalizer_wrap #equalizer > span.stop { animation: none; animation-name: none; }
.equalizer_wrap #equalizer > .bar1 { left: 0; animation-name: danceHeight1; animation-delay: 300ms; }
.equalizer_wrap #equalizer > .bar2 { left: 6px; animation-name: danceHeight2; animation-delay: 600ms; }
.equalizer_wrap #equalizer > .bar3 { left: 12px; animation-name: danceHeight3; animation-delay: 0ms; }
.equalizer_wrap #equalizer > .bar4 { left: 18px; animation-name: danceHeight4; animation-delay: 1500ms; }
.equalizer_wrap #equalizer > .bar5 { left: 24px; animation-name: danceHeight5; animation-delay: 1200ms; }
.equalizer_wrap #equalizer > .bar6 { left: 30px; animation-name: danceHeight6; animation-delay: 900ms; }

@keyframes danceHeight1 { from { height: 1px; }
  to { height: 18px; } }

@keyframes danceHeight2 { from { height: 1px; }
  to { height: 15px; } }

@keyframes danceHeight3 { from { height: 1px; }
  to { height: 22px; } }

@keyframes danceHeight4 { from { height: 1px; }
  to { height: 10px; } }

@keyframes danceHeight5 { from { height: 1px; }
  to { height: 20px; } }

@keyframes danceHeight6 { from { height: 1px; }
  to { height: 15px; } }

.rolling { position: absolute; top: 397px; left: 50%; width: 1236px; height: 436px; margin-left: -618px; }
.rolling .elem { outline: none; }
.rolling .elem > span { display: block; outline: none; cursor: default; -ms-transform: scale(0.45); transform: scale(0.45); transition: all 0.6s cubic-bezier(0.18, 0.85, 0.32, 1); }
.rolling .elem > span img { width: 100%; height: 100%; }
.rolling .slick-list { height: 100%; padding-top: 72px !important; }
.rolling .slick-center { position: relative; z-index: 1; }
.rolling .slick-center span { -ms-transform: scale(1.5); transform: scale(1.5); transition: all 0.58s cubic-bezier(0.18, 0.85, 0.32, 1); }
.rolling .slick-prev { position: absolute; top: 50%; left: 43px; width: 89px; height: 121px; margin-top: -60.5px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/common/rolling_btn.png") no-repeat 0 0; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; z-index: 11; }
.rolling .slick-next { position: absolute; top: 50%; right: 43px; width: 89px; height: 121px; margin-top: -60.5px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/common/rolling_btn.png") no-repeat 100% 0; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; z-index: 11; }
.rolling .slick-dots { position: absolute; top: 455px; left: 50%; width: 300px; margin-left: -150px; font-size: 0; text-indent: 0; text-align: center; }
.rolling .slick-dots li { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/common/rolling_bullet.png") no-repeat 0 0; display: inline-block; width: 50px; height: 50px; cursor: pointer; }
.rolling .slick-dots li.slick-active { background-position: 100% 0; }

body { min-width: 320px; padding: 0; margin: 0; font-family: sans-serif; -webkit-text-size-adjust: none; }
img { border: 0; width: 100%; max-width: 100%; vertical-align: top; }
ul, ol { padding: 0; }
.hide, header, footer, section { position: relative; font: 0/0 a; text-shadow: none; color: transparent; }
footer { display: none; }

#container .blinds { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 11; background: #000; }
#container .section { background-size: 100% !important; }
#container .section > h1, #container .section h2, #container .section h3, #container .section p, #container .section a, #container .section ul { background-size: 100% !important; }
#container .btn-link-home { position: absolute; top: 20px; left: auto; right: 23vw; width: 12vw; height: 8vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/btn_home.png") no-repeat 50% 0; background-size: contain;}
#container .btn-link-update { position: absolute; top: 20px; left: auto; right: 10px; width: 22vw; height: 8vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/btn_update.png") no-repeat 50% 0; background-size: contain;}
#container .btn-link-logo { position: absolute; top: 20px; left: 10px; width: 45vw; height: 8vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/btn_logo.png") no-repeat 50% 0; background-size: contain;}

#container .section-1 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_1.jpg") no-repeat 50% 0; }
#container .section-1 h1 { position: absolute; top: 35vw; left: 50%; width: 88vw; height: inherit; margin-left: -44vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_1_tit.png") no-repeat 50% 0; }
#container .section-1 p { position: absolute; top: 80vw; left: 50%; width: 40vw; height: inherit; margin-left: -20vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_1_txt.png") no-repeat 50% 0; }
#container .section-1 .btn-link-1 { position: absolute; top: 83vw; left: 50%; width: 40vw; height: 40vw; margin-left: -17vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/btn_play.png") no-repeat 50% 0;}

#container .section-2-1 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1.jpg") no-repeat 50% 0; }
#container .section-2-1 h2 { position: absolute; top: 7vw; left: auto; right: -17px; width: 65vw; height: 40vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_tit.png") no-repeat 50% 0; }
#container .section-2-1 p { position: absolute; top: 35vw; right: 10px; width: 45vw; height: 9vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_txt.png") no-repeat 50% 0; }
#container .section-2-1 ul { position: absolute; top: 145px; left: 50%; width: 518.5px; height: 418.5px; margin-left: -259.25px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_ch.png") no-repeat 50% 0; content: ''; margin-left: -296px; background-size: 100%; }
#container .section-2-1 ul li { background-size: cover !important; }
#container .section-2-1 ul li:nth-child(1) { position: absolute; top: 134px; left: 326px; width: 58.5px; height: 58.5px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_list1.png") no-repeat 50% 0; }
#container .section-2-1 ul li:nth-child(1).on dl { position: absolute; top: -9px; left: -39px; width: 163.5px; height: 165px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_list1_on.png") no-repeat 50% 0; }
#container .section-2-1 ul li:nth-child(2) { position: absolute; top: 164px; left: 233px; width: 58.5px; height: 58.5px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_list2.png") no-repeat 50% 0; }
#container .section-2-1 ul li:nth-child(2).on dl { position: absolute; top: -9px; left: -101px; width: 190.5px; height: 120px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_list2_on.png") no-repeat 50% 0; }
#container .section-2-1 ul li:nth-child(3) { position: absolute; top: 277px; left: 193px; width: 58.5px; height: 58.5px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_list3.png") no-repeat 50% 0; }
#container .section-2-1 ul li:nth-child(3).on dl { position: absolute; top: -9px; left: -10px; width: 256.5px; height: 83px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_list3_on.png") no-repeat 50% 0; }
#container .section-2-1 ul li dl { background-size: cover !important; }
#container .section-2-1 .btn-link-1-1 { position: absolute; top: 44.5vw; left: 65vw; width: 33vw; height: 8.8vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_btn1.png") no-repeat 50% 0; }
#container .section-2-1 .btn-link-1-2 { position: absolute; top: 52vw; left: 65vw; width: 33vw; height: 8.8vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_1_btn2.png") no-repeat 50% 0; }
#container .section-2-2 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2.jpg") no-repeat 50% 0; }
#container .section-2-2 h2 { position: absolute; top: 21vw; left: 50%; width: 95vw; height: 14vw; margin-left: -47.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tit.png") no-repeat 50% 0; }
#container .section-2-2 > p { position: absolute; top: 31vw; left: 50%; width: 90vw; height: 16vw; margin-left: -45vw;; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_txt.png") no-repeat 50% 0; }
#container .section-2-2 .gif { position: absolute; top: 61vw; left: 50%; width: 298px; height: 167px; margin-left: -149px; border: 1px solid #fff; }
#container .section-2-2 .gif video { width: 300px !important; height: 169px !important; }
#container .section-2-2 .gif .player__play_show { transform: translate3d(-50%, -50%, 0); }
#container .section-2-2 .tab-tit a { position: absolute; top: 48vw; left: 50%; width: 108px; height: 44px; margin-left: -54px; background-size: cover !important; }
#container .section-2-2 .tab-tit a:nth-child(1) { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tab1.png") no-repeat 0 0; margin-left: -155px; }
#container .section-2-2 .tab-tit a:nth-child(2) { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tab2.png") no-repeat 0 0; }
#container .section-2-2 .tab-tit a:nth-child(3) { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tab3.png") no-repeat 0 0; margin-left: 47px; }
#container .section-2-2 .tab-tit a.on { background-position: 100% 0; }
#container .section-2-2 .tab-cont { display: none; }
#container .section-2-2 .tab-cont p { position: absolute; top: 108vw; left: 50%; width: 312px; height: 48.5px; margin-left: -156px; }
#container .section-2-2 .tab-cont[data-tab="tab-1"] { display: block; }
#container .section-2-2 .tab-cont[data-tab="tab-1"] p { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tab1_txt.png") no-repeat 50% 0; }
#container .section-2-2 .tab-cont[data-tab="tab-2"] p { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tab2_txt.png") no-repeat 50% 0; }
#container .section-2-2 .tab-cont[data-tab="tab-3"] p { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_2_2_tab3_txt.png") no-repeat 50% 0; }
#container .section-3-1 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_3_1.jpg") no-repeat 50% 0; }
#container .section-3-1 h2 { position: absolute; top: 21vw; left: 50%; width: 90vw; height: 20vw; margin-left: -45vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_3_1_tit.png") no-repeat 50% 0; }
#container .section-3-1 p { position: absolute; top: 40vw; left: 50%; width: 80vw; height: 12vw; margin-left: -40vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_3_1_txt.png") no-repeat 50% 0; }
#container .section-3-1 .rolling { top: 50vw; }
#container .section-3-2 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_3_2.jpg") no-repeat 50% 0; }
#container .section-3-2 h2 { position: absolute; top: 21vw; left: 50%; width: 66vw; height: 20vw; margin-left: -33vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_3_2_tit.png") no-repeat 50% 0; }
#container .section-3-2 p { position: absolute; top: 40vw; left: 50%; width: 90vw; height: 20vw; margin-left: -45vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_3_2_txt.png") no-repeat 50% 0; }
#container .section-4-1 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_1.jpg") no-repeat 50% 0; }
#container .section-4-1 h2 { position: absolute; top: 21vw; left: 50%; width: 33vw; height: 20vw; margin-left: -16.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_1_tit.png") no-repeat 50% 0; }
#container .section-4-1 p { position: absolute; top: 40vw; left: 50%; width: 90vw; height: 20vw; margin-left: -45vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_1_txt.png") no-repeat 50% 0; }
#container .section-4-1 .btn-link-4-1 { position: absolute; top: 52vw; left: 50%; width: 33vw; height: 8.8vw; margin-left: -16.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_btn.png") no-repeat 50% 0; }
#container .section-4-2 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_2.jpg") no-repeat 50% 0; }
#container .section-4-2 h2 { position: absolute; top: 21vw; left: 50%; width: 55vw; height: 20vw; margin-left: -27.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_2_tit.png") no-repeat 50% 0; }
#container .section-4-2 p { position: absolute; top: 42vw; left: 50%; width: 90vw; height: 20vw; margin-left: -45vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_2_txt.png") no-repeat 50% 0; }
#container .section-4-2 .btn-link-4-2 { position: absolute; top: 52vw; left: 50%; width: 33vw; height: 8.8vw; margin-left: -16.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_btn.png") no-repeat 50% 0; }
#container .section-4-3 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_3.jpg") no-repeat 50% 0; }
#container .section-4-3 h2 { position: absolute; top: 21vw; left: 50%; width: 90vw; height: 20vw; margin-left: -45vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_3_tit.png") no-repeat 50% 0; }
#container .section-4-3 p { position: absolute; top: 40vw; left: 50%; width: 60vw; height: 20vw; margin-left: -30vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_3_txt.png") no-repeat 50% 0; }
#container .section-4-3 .btn-link-4-3 { position: absolute; top: 52vw; left: 50%; width: 33vw; height: 8.8vw; margin-left: -16.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_4_btn.png") no-repeat 50% 0; }
#container .section-5 h2 { position: absolute; top: 21vw; left: 50%; width: 60vw; height: 20vw; margin-left: -30vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_tit.png") no-repeat 50% 0; }
#container .section-5 p { position: absolute; top: 42vw; left: 50%; width: 75vw; height: 20vw; margin-left: -37.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_txt.png") no-repeat 50% 0; }
#container .section-5 .bg { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_pve.jpg") no-repeat 50% 0; height: 100%; background-size: 100% !important; }
#container .section-5 .bg.pve { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_pve.jpg") no-repeat 50% 0; transition: background 0.5s ease-out; }
#container .section-5 .bg.pvp { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_pvp.jpg") no-repeat 50% 0; transition: background 0.5s ease-out; }
#container .section-5 .tab-tit a { position: absolute; top: 57vw; left: 50%; width: 116px; height: 111px; margin-left: -58px; background-size: cover !important; }
#container .section-5 .tab-tit a:nth-child(1) { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_tab1.png") no-repeat 0 0; margin-left: -110px; }
#container .section-5 .tab-tit a:nth-child(2) { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_tab2.png") no-repeat 0 0; margin-left: -3px; }
#container .section-5 .tab-tit a.on { background-position: 100% 0 !important; }
#container .section-5 .tab-cont { display: none; height: 100%; }
#container .section-5 .tab-cont[data-tab="pve"] { display: block; }
#container .section-5 .btn-link-5-1 { position: absolute; top: 50vw; left: 50%; width: 33vw; height: 8.8vw; margin-left: -16.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_btn1.png") no-repeat 50% 0}
#container .section-5 .btn-link-5-2 { position: absolute; top: 50vw; left: 50%; width: 33vw; height: 8.8vw; margin-left: -16.5vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_btn2.png") no-repeat 50% 0;}
#container .section-5 .btn-layer-5-1 { position: absolute; top: 50%; left: 50%; width: 70vw; height: 10vw; margin-top: 70vw; margin-left: -35vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_layer1.png") no-repeat 50% 0;}
#container .section-5 .btn-layer-5-2 { position: absolute; top: 50%; left: 50%; width: 50vw; height: 10vw; margin-top: 70vw; margin-left: -25vw; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_5_layer2.png") no-repeat 50% 0;}
#container .section-6 { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/m/sec_6.jpg") no-repeat 50% 0; }
#container .section-6 h2 { position: absolute; top: 78px; left: 50%; width: 207.5px; height: 81px; margin-left: -103.75px; }
#container .section-6 ul { position: absolute; top: 167px; left: 50%; width: 300px; height: 299px; margin-left: -150px;}
#container .section-6 .btn-link-6-1 { position: absolute; top: 57px; left: 50%; width: 79px; height: 25px; margin-left: -39.5px; margin-left: -10px; }
#container .section-6 .btn-link-6-2 { position: absolute; top: 158px; left: 50%; width: 79px; height: 25px; margin-left: -39.5px; margin-left: -10px; }
#container .section-6 .btn-link-6-3 { position: absolute; top: 260px; left: 50%; width: 79px; height: 25px; margin-left: -39.5px; margin-left: -10px; }
#container .rolling { position: absolute; top: 64vw; left: 10px; right: 10px; width: auto; height: auto; margin-left: 0; }
#container .rolling .swiper-pagination span { background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/common/rolling_bullet.png") no-repeat 0 0; display: inline-block; width: 25px; height: 25px; outline: none; background-size: cover; opacity: 1; position: relative; bottom: -45px; }
#container .rolling .swiper-pagination-bullet-active { background-position: 100% 0 !important; }
#container .rolling .swiper-button-prev { position: absolute; top: 50%; left: 10px; width: 44.5px; height: 60.5px; margin-top: -30.25px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/common/rolling_btn.png") no-repeat 0 0; background-size: cover; outline: none; z-index: 11; transform: translate3d(0, 0, 0); }
#container .rolling .swiper-button-next { position: absolute; top: 50%; right: 10px; width: 44.5px; height: 60.5px; margin-top: -30.25px; background: url("https://static.ncsoft.jp/images/event/aion/1904updateColor/common/rolling_btn.png") no-repeat 100% 0; background-size: cover; outline: none; z-index: 11; transform: translate3d(0, 0, 0); }
.remote_menu .menu_list li a { font-size: 14px; font-family:"Reimin Y30 Medium";}
.remote_menu .menu_list li.active > a { color: #ddb382; }
html.swipers .container #contents .guide { z-index: 21; }

@media (max-width:320px){
#container .section-2-2 .tab-cont p {top: 115vw;}
}
@media (min-width:768px){
#container .section-2-2 .tab-cont p {top: 54vw;}
#container .btn-link-logo {width: 30vw}
#container .btn-link-home {width: 8vw; right: 17vw}
#container .btn-link-update {width: 15vw}
#container .section-2-1 ul {top: 285px; margin-left: -430px}
#container .section-4-1 h2 {top: 11vw}
#container .section-4-1 p {top: 28vw}
#container .section-4-1 .btn-link-4-1 {top: 40vw}
#container .rolling {top: 50vw}
}