@charset "UTF-8";
/** @project: 190522_legend @author: NCSOFT @update : 2019-5-22 7:23:42 */
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: #010001; color: #c3cad8; margin: 0; padding: 0; font-family: "Malgun Gothic", "맑은고딕", Dotum, "돋움", Hevetica, AppleGothic, 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; }
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; }

/** 공통 필수 */
[class*="btn-link-"], [class*="btn-layer-"] { position: absolute; display: block; overflow: hidden; text-indent: -999em; left: 50%; z-index: 10; }
.btn_section_view { position: absolute; top: 105vw; left: 50vw; width: 55px; height: 55px; margin-left: -25px; box-shadow: 0 2.5px 5px rgba(0, 0, 0, 0.45), inset 0 0 15px rgba(0, 0, 0, 0.4); border: solid 1px #ccc; overflow: hidden; text-indent: 0; }
.btn_section_view:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("https://static.ncsoft.jp/images/event/aion/1910update/icon_plus.png") no-repeat 50% 0; z-index: 2; background-size: cover; }
.btn_section_view .swiper-container { width: 100%; height: 100%; }
.btn_section_view .swiper-container img { width: 100%; height: 100%; }
.layer { position: relative; overflow: hidden; text-indent: -999em; display: none; }
.layer .btn-close-layer { position: absolute; display: block; overflow: hidden; text-indent: -999em; position: absolute; bottom: 0; left: 50%; width: 5%; height: 5%; margin-left: -2.5%; }
.layer .layer_close { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/btn_close_layer.png") no-repeat 50% 50%; background-size: 20px; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

/** PAGE 스타일 */
#mobileMask { background: transparent; }
.swipers .container #contents .section .pattern { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/ptn2.png") repeat 50% 0; background-size: 2px; height: 100%; }
.swipers .container #contents .section-1 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_1.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-1 .btn-link-update { position: absolute; top: 66px; left: auto; right: 10px; width: 91px; height: 31px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/btn_update.png") no-repeat 0 0; background-size: cover !important; }
.swipers .container #contents .section-1 .pattern { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/ptn.png") repeat 50% 0; background-size: 2px; height: 100%; }
.swipers .container #contents .section-1 .cont { position: absolute; top: 60%; left: 50%; width: 734px; height: 60vw; margin-top: -78px; margin-left: -367px;  background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_1_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-2 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_2.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-2 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_2_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-2 .cont .btn_sec_2 { position: absolute; top: 39vw; left: 50%; width: 25vw; height: 10vw; margin-left: -12.5vw; }
.swipers .container #contents .section-3 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_3.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-3 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_3_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-3 .cont .btn_sec_3 { position: absolute; top: 39vw; left: 50%; width: 25vw; height: 10vw; margin-left: -12.5vw; }
.swipers .container #contents .section-4 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_4.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-4 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_4_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-4 .cont .btn_sec_4 { position: absolute; top: 39vw; left: 50%; width: 25vw; height: 10vw; margin-left: -12.5vw; }
.swipers .container #contents .section-5 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_5.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-5 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_5_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-5 .cont .btn_sec_5 { position: absolute; top: 39vw; left: 50%; width: 25vw; height: 10vw; margin-left: -12.5vw; }
.swipers .container #contents .section-6 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_6.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-6 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_6_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-7 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_7.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-7 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_7_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-8 { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_8.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .section-8 .cont { position: absolute; top: 22%; left: 50%; width: 670px; height: 50vw; margin-top: -63.5px; margin-left: -337.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/sec_8_cont.png") no-repeat 50% 0; z-index: 4; background-size: contain; }
.swipers .container #contents .section-8 .cont .btn_sec_8 { position: absolute; top: 39vw; left: 50%; width: 25vw; height: 10vw; margin-left: -12.5vw; }
.swipers .container #contents .swiper-container { background: #000; position: static; }
.swipers .container #contents .swiper-container img { position: absolute; top: 0; }
.swipers .container #contents > .swiper-pagination { width: 100%; padding: 0 0 0 36px; text-align: left; color: rgba(255, 255, 255, 0.3); font-size: 14px; }
.swipers .container #contents > .swiper-pagination .swiper-pagination-current { color: white; }
.swipers .container #contents .sub-swiper-wrap { position: absolute; top: 100px; left: 50%; width: 300px; height: 300px; margin-left: -150px; padding-bottom: 34px; }
.swipers .container #contents .sub-swiper-wrap .sub-swiper { width: 300px; height: 300px; overflow: hidden; }
.swipers .container #contents .sub-swiper-wrap .sub-swiper .swiper-wrapper { width: 100%; height: 100%; box-sizing: border-box; }
.swipers .container #contents .sub-swiper-wrap .sub-swiper .swiper-wrapper .swiper-slide { box-sizing: border-box; }
.swipers .container #contents .sub-swiper-wrap .sub-swiper .swiper-wrapper img { position: static; }
.swipers .container #contents .sub-swiper-wrap .swiper-pagination { position: absolute; bottom: 0%; width: 100%; text-align: center; }
.swipers .container #contents .sub-swiper-wrap .swiper-pagination span { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/pager.png") no-repeat 0px 0px; background-size: 34px; width: 14.5px; height: 14.5px; margin: 0 3px; opacity: 1; }
.swipers .container #contents .sub-swiper-wrap .swiper-pagination span.swiper-pagination-bullet-active { background-position: -19.5px 0px; }
.swipers .container #contents .sub-swiper-wrap-6 { position: absolute; top: 40vw; left: 50%; width: 50vw; height: 73vw; margin-left: -25vw; padding-bottom: 0; }
.swipers .container #contents .sub-swiper-wrap-6 .titles .tit1 { position: absolute; top: 0px; left: 50%; width: 127.5px; height: 18px; margin-left: -63.75px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/tit_sado_1.png") no-repeat 50% 0; background-size: 127.5px; opacity: 0; }
.swipers .container #contents .sub-swiper-wrap-6 .titles .tit2 { position: absolute; top: 0px; left: 50%; width: 145px; height: 18px; margin-left: -72.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/tit_sado_2.png") no-repeat 50% 0; background-size: 145px; opacity: 0; }
.swipers .container #contents .sub-swiper-wrap-6 .titles .tit.active { opacity: 1; }
.swipers .container #contents .sub-swiper-wrap-6 .controls .prev { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/slider_prev.png") no-repeat 50% 0; position: absolute; width: 13.5px; height: 21px; background-size: 13.5px 21px; top: -2px; left: 0; margin-top: 0; outline: none; z-index: 20; }
.swipers .container #contents .sub-swiper-wrap-6 .controls .next { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/slider_next.png") no-repeat 50% 0; position: absolute; width: 13.5px; height: 21px; background-size: 13.5px 21px; top: -2px; right: 0; margin-top: 0; outline: none; z-index: 20; }
.swipers .container #contents .sub-swiper-wrap-6 .pager-group { position: absolute; bottom: 0%; width: 100%; height: 15px; z-index: 20; text-align: center; }
.swipers .container #contents .sub-swiper-wrap-6 .pager-group .pager { display: none; position: absolute; top: 0; width: 100%; height: 15px; }
.swipers .container #contents .sub-swiper-wrap-6 .pager-group .pager.active { display: block; }
.swipers .container #contents .sub-swiper-wrap-6 .pager-group .pager button { background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/pager.png") no-repeat 0px 0px; background-size: 34px; width: 14.5px; height: 14.5px; margin: 0 3px; opacity: 1; }
.swipers .container #contents .sub-swiper-wrap-6 .pager-group .pager button.on { background-position: -19.5px 0px; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 { overflow: hidden; width: 50vw; height: 70vw; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 .sCon { position: relative; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 .s1 { width: 100%; height: 100%; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 .s1 .tit { position: absolute; top: 0px; left: 50%; width: 127.5px; height: 18px; margin-left: -63.75px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/tit_sado_1.png") no-repeat 50% 0; background-size: 127.5px; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 .s2 { width: 100%; height: 100%; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 .s2 .tit { position: absolute; top: 0px; left: 50%; width: 145px; height: 18px; margin-left: -72.5px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/tit_sado_2.png") no-repeat 50% 0; background-size: 145px; }
.swipers .container #contents .sub-swiper-wrap-6 .sub-swiper-6 .sub-swiper-d2-wrap { padding-bottom: 20px; }
.swipers .container #contents .sub-swiper-wrap-7 { position: absolute; top: 40vw; left: 50%; width: 80vw; height: 55vw; margin-left: -40vw;}
.swipers .container #contents .sub-swiper-wrap-7 .sub-swiper-7 { overflow: hidden; width: 80vw; height: 55vw;}
.swipers .container #contents .sub-swiper-wrap-7 .sub-swiper-7 .s1 { width: 100%; height: 100%; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/con_sec_7_1.jpg") no-repeat 50% 0; background-size: cover; }
.swipers .container #contents .sub-swiper-wrap-7 .sub-swiper-7 .s2 { width: 100%; height: 100%; background: url("https://static.ncsoft.jp/images/event/aion/1910update/m/con_sec_7_2.jpg") no-repeat 50% 0; background-size: cover; }
.swipers footer { z-index: 12; }
.guide { z-index: 10 !important; }
.remote_menu .menu_list > li { margin-top: 10px; }
.remote_menu .menu_list > li > a { height: 28px; line-height: 28px; font-size: 14px; }
.remote_menu .remote_arrow { bottom: 10%; }
.remote_menu .menu_list > li.first a { letter-spacing: -1px; height: auto; line-height: 1.1; padding-bottom: 10px; }
.btn_home { position: absolute; top: 50px; left: 50%; margin-left: -45vw; width: 40vw; height: 7vw; max-width: 250px; max-height: 40px; background: url("https://static.ncsoft.jp/images/event/aion/1910update/logo.png") no-repeat 50% 0; background-size: contain; transition: 0.3s; background-position: 0 0; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; z-index: 10; position: fixed; }

@media (min-width: 768px) { 
	html.swipers .container #contents .sub-swiper-wrap-6 {top: 35vw; height: 71vw}
	html.swipers .container #contents .section-3 .cont .btn_sec_3 {top: 35vw}
	html.swipers .container #contents .sub-swiper-wrap-6 .titles .tit1 {width: 250px; height: 28px; margin-left: -125px; background-size: contain;}
	html.swipers .container #contents .sub-swiper-wrap-6 .titles .tit2 {width: 250px; height: 28px; margin-left: -125px; background-size: contain;}
}