@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap&subset=korean');
/* ================================================================
	* PROJECT: 0818_라비 4라인 업데이트
	* UPDATE: 22.08.18
	* RELEASE: 22.08.18
================================================================ */
/* 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:#141414}

.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;background-color: #921ddd;}
#contents {overflow:hidden;min-width:1400px;max-width:2560px;z-index:2;}
.inner {position:relative;width:1280px;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:2560px}
.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:145px;height:50px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/quick_logo.png') no-repeat 0 0}
.header-menu {position:absolute;top:39px;right:40px;overflow:hidden;height:36px}
.header-menu li {float:left;margin-left:4px}
.header-menu li:first-child {margin:0 12px 0 0}
.header-menu li a {width:35px;height:36px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/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 {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/spr_tnb_on.png') no-repeat 0 0}
.header-menu li a:hover:after {opacity:1}
.header-menu li.gameStart a {width:121px;background-position:0 0px}
.header-menu li.home a {background-position:-134px 0px}
.header-menu li.fb a {background-position:-172px 0px}
.header-menu li.tw a {background-position:-211px 0px}


/* nav */
.nav {z-index:10;position:absolute;top:1332px;left:0;width:100%;}
.nav ul {position: relative;width:1200px;margin:0 auto;font-size:0;}
.nav li {float:left;}
.nav li a {display:block;width:100%;height:100%;}
.nav li.n1 {width:631px;height:90px;}
.nav li.n1 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/nav_n1.png') no-repeat;}
.nav li.n1 a.on {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/nav_n1_over.png') no-repeat;}
.nav li.n2 {width:630px;height:90px;margin-left:-61px;}
.nav li.n2 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/nav_n2.png') no-repeat;}
.nav li.n2 a.on {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/nav_n2_over.png') no-repeat;}
/* .nav li a.on,
.nav li a:hover {opacity:1}
.nav li.n1,
.nav li.n1 a {background-position-x:0;}
.nav li.n2,
.nav li.n2 a {background-position-x:-969px;} */
.sticky .nav {position: fixed;top:0;}
.nav ul.nav1 li.n1 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/nav_n1.png') no-repeat center top;}
.nav ul.nav1 li.n2 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/nav_n2_over.png') no-repeat center top;}

 
/* Contents 영역 */ 
section {position:relative;width:100%;z-index:1;}
.visual {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/visual.jpg') no-repeat 50% 0}
.visual .inner {height:1280px;}
.visual .ytb_wrap {z-index:1;position:absolute;top:690px;left:424px;width:850px;height:482px;background-color:#000;overflow: hidden;}
.visual .ytb_wrap iframe {width:100%;height:100%}
.visual .btn_goUpdate {position:absolute;top:1177px;left:482px}
.visual .btn_goUpdate a {display:block;width:732px;height:46px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_go_movie.png') no-repeat;text-indent:-9999px;transition: background .3s ease;}
.visual .btn_goUpdate a:hover {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_go_movie_over.png')}
.quick_banner {position: fixed;right:30px;top:166px;z-index: 31;}

.section1 {position: relative;width: 100%;height: 1100px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/contents1.jpg') no-repeat center top;}
.section1 .char_info {}
.section1 .char_info .btn_char {position:absolute;}
.section1 .char_info .btn_char a {display: block;width: 100%;height: 100%;text-indent: -9999px;overflow: hidden;transition: background .4s ease;}
.section1 .char_info .btn_char.char1 {top:436px;left:-14px;width:398px;height:573px;}
.section1 .char_info .btn_char.char1 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_c1.png') no-repeat}
.section1 .char_info .btn_char.char1 a:hover {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_c1_on.png') no-repeat}
.section1 .char_info .btn_char.char2 {top:390px;left:410px;width:502px;height:639px;}
.section1 .char_info .btn_char.char2 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_c2.png') no-repeat;margin:0 1px;}
.section1 .char_info .btn_char.char2 a:hover {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_c2_on.png') no-repeat}
.section1 .char_info .btn_char.char3 {top:390px;right:40px;width:378px;height:641px;}
.section1 .char_info .btn_char.char3 a {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_c3.png') no-repeat}
.section1 .char_info .btn_char.char3 a:hover {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_c3_on.png') no-repeat}

.section2 {position: relative;width: 100%;min-height: 5444px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/contents2.jpg') no-repeat center top;}

.btn_pop a {display: block;width:100%;height:100%;text-indent:-9999px;} 
.pop_quest1 {position: absolute;top:657px;left:221px;width:504px;height:92px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_quest1.png') no-repeat;}
.pop_quest1:hover {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_quest1_over.png');}
.pop_cube {position: absolute;top:1122px;left:63px;width:85px;height:85px;}
/* .pop_cube:hover {background:url('https://lwi.nexon.com/elsword/event/2022/0818_laby_F9CF621208FAF10E/images/btn_plus_over.png') no-repeat;} */
.pop_quest2 {position: absolute;top:3081px;left:41px;width:504px;height:92px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_quest2.png') no-repeat;}
.pop_quest2:hover {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_quest2_over.png');}
.btn_down {position: absolute;top:4883px;left:132px;width:504px;height:92px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_down.png') no-repeat;}
.btn_down a {display: block;width:100%;height:100%;text-indent:-9999px;cursor: pointer;}
.btn_down a:hover {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_down_over.png');}
.pop_note {position: absolute;top:4883px;left:645px;width:504px;height:92px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_note.png') no-repeat;}
.pop_note:hover {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_note_over.png');}

#contents .btn_goTop {display:none;position:fixed;bottom:50px;right:30px;width:96px;height:96px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_top.png') no-repeat;z-index: 100;}
#contents .btn_goTop a {display:block;width:100%;height:100%;text-indent:-9999px;}

#footer {position: relative;width:100%;height:113px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/footer.png') no-repeat 50% 0;}

@media screen and (max-width:2560px) {
}

@media screen and (max-width:1380px) {
}



body .dimmed {position: fixed;width: 100%;height: 100%;background-color: #000;opacity: 0.9;z-index: 51;}

/* Popup_Common */
body.overflow {height:100%;padding-right:17.5px;overflow:hidden;box-sizing:border-box}
body.overflow .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 {z-index:5;position:relative;margin:0 auto;margin-top: 30vh;padding-bottom:70px;transition:top 600ms ease}
.popup .modal_close {z-index:10;position:absolute;top:-58px;right:0;cursor:pointer;outline:none;width:60px;height:59px;}
.popup .modal_close a {display:block;width:100%;height:100%;transition:opacity 400ms ease;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_close.png') no-repeat center center;text-indent:-9999px;background-size: 100% auto;}
/* .popup .modal_close a:hover {background-image:url('https://lwi.nexon.com/elsword/event/2022/0818_laby_F9CF621208FAF10E/images/btn_close_over.png')} */

/* scrollbar customize */
.popup .mCSB_inside > .mCSB_container {margin-right:10px;}
.popup .mCSB_scrollTools {width:4px;opacity:1;-webkit-transition:none;transition:none}
.popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:4px;background-color:#7538df;border-radius:0;opacity:1;filter:alpha(opacity=100)}
.popup .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.popup .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#7538df;opacity:1;filter:alpha(opacity=100)}
.popup .mCSB_scrollTools .mCSB_draggerRail {width:4px;border-radius:0;background-color:#e4e3f1;filter:alpha(opacity=100)}
.popup .mCustomScrollBox {z-index:5;}

.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}


#pop_cube .modal_body {width:648px;height:270px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/pop_cube.png') no-repeat;}
#pop_quest1 .modal_body {width:1128px;height:521px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/pop_quest1.png') no-repeat;}
#pop_quest2 .modal_body {margin-top: 120px;width:1126px;height:1129px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/pop_quest2.png') no-repeat;}
#pop_note .modal_body {width:788px;height:320px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/pop_note.png') no-repeat;}
#pop_cube .modal_close, #pop_note .modal_close {right:0;top:0;width: 60px;height: 59px;}
#pop_detail .modal_body {margin-top: 17vh; width: 1087px;height: 773px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/pop_detail.png') no-repeat;}
#pop_detail h2 {position: absolute;top:48px;left:516px;width: 550px;height: 135px;background-position: left top;background-repeat: no-repeat;z-index: 7;}
#pop_detail.pop_detail1 h2 {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char1_name.png')}
#pop_detail.pop_detail2 h2 {top:48px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char2_name.png')}
#pop_detail.pop_detail3 h2 {top:48px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char3_name.png')}

#pop_detail .story {position: absolute;top:190px;left:516px;width: 557px;height: 480px;padding-top: 10px; overflow-y: auto;overflow-x: hidden;z-index: 6;}
#pop_detail .story span {display: block;width: 100%;background-position: left top;background-repeat: no-repeat;}
#pop_detail .story::-webkit-scrollbar {width: 7px;background-color: #dedede;}
#pop_detail .story::-webkit-scrollbar-thumb {background-color: #c734d8;}
#pop_detail.pop_detail1 .story span {height: 518px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char1_story.png')}
#pop_detail.pop_detail2 .story {top:198px;}
#pop_detail.pop_detail2 .story span {height: 791px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char2_story.png')}
#pop_detail.pop_detail3  .story {top:198px;height: 498px;}
#pop_detail.pop_detail3 .story span {height: 766px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char3_story.png')}

#pop_detail .char_img {position: absolute;z-index: 5;background-position: left top;background-repeat: no-repeat;transition: all .5s ease;}
#pop_detail.pop_detail1 .type, #pop_detail.pop_detail2 .type {display: none;}
#pop_detail.pop_detail3 > .char_img {opacity: 0;}
#pop_detail.pop_detail1 .char_img {left:-141px;top:-2px;width: 651px;height: 773px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char1.png')}
#pop_detail.pop_detail2 .char_img {left:-91px;top:-64px;width: 679px;height: 947px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char2.png')}
#pop_detail.pop_detail3 .modal_body {background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/pop_detail.png') no-repeat;}
#pop_detail.pop_detail3 .btn_type {position: absolute;top:-28px;width: 86px;height: 86px;z-index: 6;background-position: left top;background-repeat: no-repeat;transition: background .2s ease;}
#pop_detail.pop_detail3 .btn_type:nth-of-type(1) {left: -1px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_type1.png')}
#pop_detail.pop_detail3 .btn_type:nth-of-type(1):hover,
#pop_detail.pop_detail3 .btn_type:nth-of-type(1).on {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_type1_on.png')}
#pop_detail.pop_detail3 .btn_type:nth-of-type(2) {left: 87px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_type2.png')}
#pop_detail.pop_detail3 .btn_type:nth-of-type(2):hover,
#pop_detail.pop_detail3 .btn_type:nth-of-type(2).on {background-image:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/btn_type2_on.png')}
#pop_detail.pop_detail3 .btn_type:nth-of-type(3) {left: 315px;background-image:url('https://lwi.nexon.com/elsword/event/2022/0818_laby_F9CF621208FAF10E/images/btn_type3.png')}
#pop_detail.pop_detail3 .btn_type:nth-of-type(3):hover,
#pop_detail.pop_detail3 .btn_type:nth-of-type(3).on {background-image:url('https://lwi.nexon.com/elsword/event/2022/0818_laby_F9CF621208FAF10E/images/btn_type3_on.png')}
#pop_detail.pop_detail3 .type .char_img {opacity: 0;}
#pop_detail.pop_detail3 .type .btn_type:nth-of-type(1).on + .char_img {opacity: 1;top:-127px;left:-249px;width: 868px;height: 982px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char3_1.png') no-repeat;}
#pop_detail.pop_detail3 .type .btn_type:nth-of-type(2).on + .char_img {opacity: 1;top:-103px;left:-233px;width: 1035px;height: 1019px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/char3_2.png') no-repeat;}
/* #pop_detail.pop_detail3 .type .btn_type:nth-of-type(3).on + .char_img {opacity: 1;top:-68px;left:-114px;width: 767px;height: 907px;background:url('https://lwi.nexon.com/elsword/event/2022/0818_laby_F9CF621208FAF10E/images/char3_3.png') no-repeat;} */
/* #pop_detail.pop_detail3 .circle {position: absolute;z-index: 2;right:-41px;top:68px;width: 143px;height: 143px;background:url('https://lwi.nexon.com/elsword/event/2022/0818_laby_F9CF621208FAF10E/images/circle.png') no-repeat;} */



/* 시스템 유의사항 */
.note {width:1280px;color:#ffffff;font-weight:400;font-size:16px;font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;letter-spacing:-0.94px;-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;}
.note li:last-child {margin-bottom:0}
.note li, .note p, .note a {line-height:24px}
.note a {position:relative;font-weight:bold}
.note a:hover {text-decoration:underline}
.note strong {font-weight:700}
#note1 {padding:5270px 0 50px 150px;}
#note1 h4 {display: none;}
#note1 ul {padding-left:170px;}
#note1 ul li {padding-left:11px;background:url('https://lwi.nexon.com/elsword/event/2022/0707_rena_9C24966AFB8542C2/images/bul.png') 0 14px no-repeat;color:#c9c2eb;}

#note2 {padding:822px 0 116px 140px;}
#note2 h4 {margin-bottom:9px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0428_update_lu3c/txt_note.png') 0 0 no-repeat;text-indent:-9999px;}
#note2 ul li {padding-left:9px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0428_update_lu3c/ico_dot.png') 0 14px no-repeat;}


#note3 {width:900px;color:#7987a2;font-size: 15px;font-weight: 500;}
#note3 ul {margin:390px 0 0 83px;}
#note3 ul li {padding-left:11px;background:url('https://lwi.nexon.com/elsword/event/2022/1027_add_B545F2CA90273195/images/bul2.png') 0 8px no-repeat;line-height: 1.2;padding-bottom: 5px;word-break: keep-all;}