@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap&subset=korean');
/* ================================================================
	* PROJECT: 0128_노아 3라인 전야 이벤트
	* UPDATE: 21.01.27
	* RELEASE: 21.01.28
	* IMAGE PATH: https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v
================================================================ */
/* RESET DEFAULT ELEMENTS STYLE */
body,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
dl,ul,ol,menu,li {list-style:none}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
img,fieldset,iframe {border:0 none}
img {vertical-align:top}
input,select,textarea,button {vertical-align:middle}
textarea {resize:none}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
button:focus, a:focus {outline:0}
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {border-radius:0;-webkit-appearance:button}
input[type="image"], input[type="text"], input[type="submit"], input[type="password"], input[type='search'] {border-radius:0;-webkit-appearance:none}
input:checked[type='checkbox'] {-webkit-appearance:checkbox;background-color:transparent}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
table {border-collapse:collapse;border-spacing:0;empty-cells:show}
caption,legend {position:absolute;top:-9999px;left:-9999px;font-size:0;line-height:0}
a {text-decoration:none}
a:hover {text-decoration:underline}
a:active {background-color:transparent}
hr {display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display:block}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}

html, body {width:100%;min-width:1400px;background:#061421}

.blind {display:block;overflow:hidden;visibility:hidden;text-indent:-9999px;font-size:0;height:0}
.ir {display:block;overflow:hidden;text-align:left;text-indent:-9999px;font-size:0 !important}
.loader {z-index:512;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}

/* Common Page Size */
#wrapper, #contents {position:relative;margin:0 auto}
#contents {overflow:hidden;min-width:1400px;max-width:1920px;z-index:2}
.inner {position:relative;width:1280px;height:100%;margin:0 auto}
.inner:after {content:'';display:block;clear:both}

/* Header */
#header {position:absolute;width:100%;z-index:3}
.header-inner {position:relative;width:100%;margin:0 auto;min-width:1400px;max-width:1920px}
.header-inner:after {content:'';display:block;clear:both}
.header-logo a,
.header-menu a {position:relative;display:block;overflow:hidden;text-align:left;text-indent:-9999px;font-size:0}
.header-logo {position:absolute;top:38px;left:45px;opacity:0;pointer-events:none;transition:all .3s ease}
.header-logo a {width:144px;height:50px;background:url('https://ssl.nexon.com/S2/Game/Elsword/site/2020/event/introNav/quick_logo.png') no-repeat 0 0}
.header-menu {position:absolute;top:28px;right:25px;overflow:hidden;height:38px}
.header-menu li {float:left;margin-left:3px}
.header-menu li:first-child {margin:0 6px 0 0}
.header-menu li a {width:36px;height:37px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/spr_tnb.png') no-repeat 0 0}
.header-menu li a:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}
.header-menu li a:hover:after {opacity:1}
.header-menu li.gameStart a {width:123px;background-position:0 -2px}
.header-menu li.home a {background-position:-132px -1px}
.header-menu li.fb a {background-position:-171px -1px}
.header-menu li.tw a {background-position:-211px -1px}


/* 상단 섹션:Visual 영역 */
.ani {opacity:0;position:absolute;text-indent:-9999px;font-size:0;line-height:0;background-repeat:no-repeat;background-position:0 0;z-index:3}
#visual {overflow:hidden;position:relative;display:block;width:100%;height:987px;z-index:2;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/visual/bg_visual.jpg');background-repeat:no-repeat;background-position:50% 0}
#visual .anis {position:relative;width:1000px;height:100%;margin:0 auto}
#visual .l1 {opacity:1;position:absolute;top:49px;left:80px;width:741px;height:741px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/visual/line1.png') no-repeat right bottom}
#visual .l2 {opacity:1;position:absolute;top:80px;left:109px;width:678px;height:678px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/visual/line2.png') no-repeat 0 0}
#visual .a1 {opacity:1;position:absolute;top:662px;left:618px;width:200px;height:200px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/visual/ani1.png') no-repeat 0 0}
#visual .c1 {opacity:1;position:absolute;top:173px;left:-320px;width:1135px;height:1880px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/visual/char1.png') no-repeat 0 0}


/* Tab Navigation 영역 */
#cont_nav {position:absolute;top:955px;left:0;width:100%;height:80px;min-width:1340px;z-index:25}
.cont_nav {width:1280px;height:80px;margin:0 auto;}
.cont_nav > li {float:left;position:relative;display:block;}
.cont_nav > li > a {position:relative;display:block;width:640px;height:80px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/tab_off.jpg')}
.cont_nav > li > a > .ir {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 0.3s;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/tab_on.jpg') no-repeat;}
.cont_nav > li.active > a > .ir,
.cont_nav > li > a:hover > .ir {opacity:1}
.cont_nav > li.cnv1 > a {background-position-x:0px;}
.cont_nav > li.cnv2 > a {background-position-x:-640px;}
.cont_nav > li.cnv1 > a > .ir {background-position-x:0px;}
.cont_nav > li.cnv2 > a > .ir {background-position-x:-640px;}


/* Tab Contents 영역 */
#tab_wrap {position:relative;overflow:hidden;width:100%;z-index:1}
#tab_wrap .tab_cont {position:absolute;width:100%;z-index:0}
#tab_wrap .tab_cont.active {z-index:5}
#tab_wrap .section {position:relative;width:100%}
#tab1 {height:2130px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/contents/img_cont1.jpg') no-repeat 50% 0}
#tab2 {height:1336px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0128_previous_o0b0v/contents/img_cont2.jpg') no-repeat 50% 0}


/* Buttons */
[class^="btn_"] {position:absolute;z-index:10}
[class^="btn_"], [class^="btn_"] a {display:block}
[class^="btn_"] a {position:relative}
[class^="btn_"] .ir {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
[class^="btn_"] a:hover .ir {opacity:1}
[class^="btn_"] a:after, [class^="btn_"] .ir {display:table;transition:all 450ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* Popup_Common */
body.locked-scroll {height:100%;padding-right:17.5px;overflow:hidden;box-sizing:border-box}
body.locked-scroll .popup {overflow-y:auto}
.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;z-index:300}
.popup .modal_body {position:relative;margin:0 auto;padding-bottom:70px;transition:top 600ms ease}
.popup .modal_close {position:absolute;top:-63px;right:18px;cursor:pointer;outline:none}
.popup .modal_close a {display:block;width:46px;height:46px;background:url('https://ssl.nexon.com/s2/game/elsword/2020/event/1119_jump1n8upp/btns/btn_close.png') no-repeat 0 0;transition:transform 400ms ease}
.popup .modal_close a:hover {transform:rotate(180deg)}
.popup.inactive .modal_body:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7}
.popup.inactive .modal_close {display:none}
.modal_bg {display:none;position:fixed;z-index:30;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.85}


/* 시스템 유의사항 */
.note {position:absolute;width:1280px;margin:0 auto;font-size:16px;font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;letter-spacing:-0.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.note > ul {vertical-align:middle}
.note > ul ul {margin-left:12px}
.note > ul li {position:relative;margin-bottom:10px;}
.note li:last-child {margin-bottom:0}
.note li, .note p, .note a {line-height:1.4}
.note a {position:relative;font-weight:bold}
.note a:hover {text-decoration:underline}
.note strong {font-weight:700}
#note0 {top:1668px;left:217px;color:#565f86;}
#note0 > ul li {position:relative;margin-bottom:6px;}
#note1 {top:925px;left:312px;color:#a5b2f0}