@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
/* slick */
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* 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}

.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;min-width:1400px}
#contents {overflow:hidden;min-width:1400px;max-width:2560px;z-index:2}
.inner {position:relative;width:1280px;height:100%;margin:0 auto}
.inner:after {content:'';display:block;clear:both}
.section {position:relative;width:100%}
.btn_popup {position:absolute;}
.btn_popup a {display:block;width:100%;height:100%;text-indent:-9999px;opacity:0;transition:opacity 250ms ease}
.btn_popup a:hover {opacity:1}

/* Header */
/* 게임시작, SNS 공유 버튼 이미지 수정해 주세요. */
#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:144px;height:50px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/quick_logo.png") no-repeat}
.header-menu {position:absolute;top:28px;right:25px;overflow:hidden;height:37px}
.header-menu li {float:left;margin-left:2px}
.header-menu li:first-child {margin-left:0;margin-right:10px}
.header-menu li a {width:36px;height:37px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/spr_tnb.png") no-repeat;transition:background .3s ease}
.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-image:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/spr_tnb_over.png")}
.header-menu li a:hover:after {opacity:1;}
.header-menu li.gameStart a {width:121px}
.header-menu li.home a {background-position:-133px 0px}
.header-menu li.fb a {background-position:-171px 0px}
.header-menu li.tw a {background-position:-211px 0px}

/* 상단 섹션: Visual 영역 */
.section_top {height:1246px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/bg_top.jpg") no-repeat center top}
.section_top .title {position:absolute;left:50%;top:254px;width:455px;height:474px;margin-left:-227px}
.section_top .title em,  .section_top .title p, .section_top .title h2 {opacity:0;display:block;width:100%;text-indent:-9999px;}
.section_top .title em {height:35px;transform:translateY(80px);transition:transform 350ms cubic-bezier(0.000, 0.700, 0.550, 1.650), opacity 350ms ease;transition-delay:750ms}
.section_top .title h2 {height:380px;margin:8px auto 20px;background-position:0 -43px;transform:scale(1.85);transition:transform 350ms cubic-bezier(0.000, 0.700, 0.550, 1.650), opacity 350ms ease;transition-delay:750ms}
.section_top .title p {height:31px;background-position:0 -443px;transform:translateY(-80px);transition:transform 350ms cubic-bezier(0.000, 0.700, 0.550, 1.650), opacity 350ms ease;transition-delay:750ms}

.section_top.load .visual span, .section_top.load .title > * {opacity:1}
.section_top.load .visual .char {transform:translateX(0)}
.section_top.load .title em, .section_top.load .title p {transform:translateY(0)}
.section_top.load .title h2 {transform:scale(1)}

@keyframes rightLeft {
    0% {transform:translateX(-35px)}
    100% {transform:translateX(35px)}
}
@keyframes leftRight {
    0% {transform:translateX(45px)}
    100% {transform:translateX(-45px)}
}
@keyframes rotate {
    from{transform:rotate(0deg) scale(1);}
    to{transform:rotate(360deg) scale(0.65);transform-origin:center}
}

/* Tab Menu */
#cont_nav {z-index:25;position:absolute;left:0;top:1111px;width:100%;height:135px;min-width:1400px;background-color:rgba(8, 11, 51, 0.9);box-sizing:border-box;border-top: 1px solid #2d86ed;}
#cont_nav.scrolled {position:fixed;top:0}
#cont_nav:before, #cont_nav:after {content:"";position:absolute;left:0;display:block;width:100%;height:1px;background-color:rgba(255, 255, 255, 0.3);opacity:0.5}
#cont_nav:before {top:0}
#cont_nav:after {bottom:0}
#cont_nav #nav {width:1181px;margin:0 auto}
#cont_nav .cont_nav{height:135px}
#cont_nav li {float:left;position:relative;width:394px;height:100%;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/spr_tab-nav.png")}
#cont_nav li:nth-child(2) {background-position:-394px 0}
#cont_nav li:nth-child(3) {width:393px;background-position:-788px 0}
#cont_nav li a{z-index:3;position:absolute;left:0;top:0;display:block;width:100%;height:135px;text-indent:-9999px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/spr_tab-nav.png");opacity:0;}
#cont_nav li.active a, #cont_nav li a:hover {opacity:1;transform:translateY(0)}
#cont_nav li:nth-child(1) a {background-position:0 -135px}
#cont_nav li:nth-child(2) a {background-position:-394px -135px}
#cont_nav li:nth-child(3) a {background-position:-788px -135px}

/* Tab Contents 영역 */
#tab_wrap {position:relative;overflow:hidden;width:100%;height:4675px;min-height:2455px;z-index:2}
#tab_wrap .tab_cont {position:absolute;width:100%;text-align:center;z-index:1}
#tab_wrap .tab_cont.active {z-index:5}
#tab_wrap .tab_cont h3, #tab_wrap .tab_cont h5 {text-indent:-9999px}
#tab_wrap .tab_cont h3 {position:relative;height:100px;margin:0 auto 73px}
.tab_cont .content_wrap {position:relative}
#tab1{height:4675px;background: url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab1/bg_tab1.jpg") 50% 0 no-repeat}
#tab2{height:2923px;background: url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab2/bg_tab2.jpg") 50% 0 no-repeat}
#tab3{height:2702px;background: url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab3/bg_tab3.jpg") 50% 0 no-repeat}

/* #tab1 */
#tab1 .slide_wrap {position:absolute;left:77px;top:2965px;width:1112px;height:820px;border:2px solid #f6f0e4;box-sizing: border-box;}
#tab1 .slide_wrap .slick-list .list {cursor:grab;}
#tab1 .slide_wrap .slick-arrow, #tab1 .slide_wrap .slick-arrow:after {background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab1/spr_slide-btn.png") no-repeat}
#tab1 .slide_wrap .slick-arrow {z-index:1;position:absolute;top:313px;width:54px;height:93px;text-indent:-9999px}
#tab1 .slide_wrap .slick-arrow:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;opacity:0;transition:opacity 300ms ease}
#tab1 .slide_wrap .slick-prev {left:49px}
#tab1 .slide_wrap .slick-next {right:49px;background-position:-54px 0}
#tab1 .slide_wrap .slick-prev:after {background-position:0 -93px}
#tab1 .slide_wrap .slick-next:after {background-position:-54px -93px}
#tab1 .slide_wrap .slick-arrow:hover:after {opacity:1}
#tab1 .slide_wrap .slide_name {overflow:hidden;position:absolute;top:0;left:0;width:404px;height:266px;}
#tab1 .slide_wrap .slide_name li {text-indent:-9999px;width:100%;height:100%;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab1/spr_slide-name.png") no-repeat}
#tab1 .slide_wrap .slide_name li:nth-child(2) {background-position:0 -266px}
#tab1 .slide_wrap .slide_name li:nth-child(3) {background-position:0 -532px}
#tab1 .slide_wrap .slide_name li:nth-child(4) {background-position:0 -798px}
#tab1 .slide_wrap .slide_name li:nth-child(5) {background-position:0 -1064px}
#tab1 .slide_wrap .slide_name li:nth-child(6) {background-position:0 -1330px}
#tab1 .slide_wrap .slide_name li:nth-child(7) {background-position:0 -1596px}
#tab1 .slide_wrap .slide_name li:nth-child(8) {background-position:0 -1862px}
#tab1 .slide_wrap .slide_name li:nth-child(9) {background-position:0 -2128px}
#tab1 .slide_wrap .slide_name li:nth-child(10) {background-position:0 -2394px}
#tab1 .slide_wrap .slide_name li:nth-child(11) {background-position:0 -2660px}
#tab1 .slide_wrap .slide_name li:nth-child(12) {background-position:0 -2926px}
#tab1 .slide_wrap .slide_name li:nth-child(13) {background-position:0 -3192px}
#tab1 .slide_wrap .slide_name li:nth-child(14) {background-position:0 -3458px}
#tab1 .slide_wrap .slide_name li:nth-child(15) {background-position:0 -3724px}
#tab1 .slide_wrap .slick-dots {position:absolute;left:50%;top:844px;display:flex !important;justify-content:space-between;width:1192px;height:94px;margin-left:-596px}
#tab1 .slide_wrap .slick-dots li, #tab1 .slide_wrap .slick-dots button {width:72px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab1/spr_slide-nav.png") no-repeat}
#tab1 .slide_wrap .slick-dots button {text-indent:-9999px;height:100%;opacity:0;transition:opacity 300ms ease}
#tab1 .slide_wrap .slick-dots li:nth-child(2) {background-position:-80px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(3) {background-position:-160px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(4) {background-position:-240px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(5) {background-position:-320px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(6) {background-position:-400px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(7) {background-position:-480px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(8) {background-position:-560px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(9) {background-position:-640px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(10) {background-position:-720px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(11) {background-position:-800px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(12) {background-position:-880px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(13) {background-position:-960px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(14) {background-position:-1040px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(15) {background-position:-1120px 0}
#tab1 .slide_wrap .slick-dots li:nth-child(1) button {background-position:0 -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(2) button {background-position:-80px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(3) button {background-position:-160px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(4) button {background-position:-240px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(5) button {background-position:-320px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(6) button {background-position:-400px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(7) button {background-position:-480px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(8) button {background-position:-560px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(9) button {background-position:-640px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(10) button {background-position:-720px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(11) button {background-position:-800px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(12) button {background-position:-880px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(13) button {background-position:-960px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(14) button {background-position:-1040px -94px}
#tab1 .slide_wrap .slick-dots li:nth-child(15) button {background-position:-1120px -94px}
#tab1 .slide_wrap .slick-dots .slick-active button, #tab1 .slide_wrap .slick-dots button:hover {height:101px;opacity:1}
#tab1 .btn_coin, #tab1 .btn_coin a {background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab1/spr_btn-coin.png") no-repeat}
#tab1 .btn_coin {top:4267px;right:371px;width:286px;height:53px}
#tab1 .btn_coin a {background-position:0 -53px}

/* #tab2 */

/* #tab3 */
#tab3 .content_wrap:nth-child(2) {height:391px;margin-bottom:40px}
#tab3 .content_wrap:nth-child(3) {height:583px;margin-bottom:43px}
#tab3 .content_wrap:nth-child(4) {height:432px;margin-bottom:50px}
#tab3 .content_wrap:nth-child(5) {height:693px;margin-bottom:52px}
#tab3 .content_wrap:nth-child(5) .step_list {display:flex;justify-content:space-between;width:1082px;height:260px;margin:173px auto 44px}
#tab3 .content_wrap:nth-child(5) .step_list li {position:relative;width:342px;height:100%;}
#tab3 .content_wrap:nth-child(5) h5 {height:28px;margin-bottom:18px;}
#tab3 .content_wrap:nth-child(6) {height:1157px;margin-bottom:52px}
#tab3 .btn_popup, #tab3 .btn_popup a {background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/tab3/spr_btn.png") no-repeat;}
/* #tab3 .btn_detail1 {left:822px;top:177px;width:34px;height:34px;}
#tab3 .btn_detail1 a {background-position:0 -34px}
#tab3 .btn_detail2 {left:50%;bottom:68px;width:348px;height:66px;margin-left:-174px;background-position:0 -68px}
#tab3 .btn_detail2 a {background-position:0 -134px} */
#tab3 .btn_detail3 {left:197px;top:942px;width:184px;height:43px;}
#tab3 .btn_detail3 a {background-position:0 -43px}

a.btn_top {display: none;width: 90px;height: 77px;position: fixed;right:30px;bottom:50px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/btn_top.png") no-repeat;z-index: 10;text-indent: -9999px;overflow: hidden;}
a.btn_top:hover {background-position-y: -77px;}

/* Buttons */
[class^="btn_"] {position:absolute;z-index:10}
[class^="btn_"], [class^="btn_"] a {display:block}
[class^="btn_"] a {position:relative}
[class^="btn_"] .ir,
.cont_nav > li > a > .ir,
.slnb > li > a > .ir {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)}
[class^="btn_"] a:hover .ir,
.cont_nav > li.active > a > .ir,
.cont_nav > li > a:hover > .ir,
.slnb > li.active > a > .ir,
.slnb > li > a:hover > .ir {opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100)}

/* 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:0px;right:0px;cursor:pointer;outline:none;width:48px;height:48px}
.popup .modal_close a {display:block;width:100%;height:100%;transition:opacity 400ms ease;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/popup/btn_close.png") no-repeat}
.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.7}

#pop_coinExchangeList .modal_body {width:974px;height:719px;padding-top:48px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/popup/pop_coinExchangeList.png") 0 48px no-repeat}
#pop_coinExchangeList .modal_close a {background-color:#526cb7;}
#pop_coinExchangeList .modal_close a:hover {background-color:#002a89;}

#pop_detail3_1 .modal_body {width:361px;height:187px;background:url("https://ssl.nexon.com/s2/game/elsword/2021/event/0916_chuseok_obk125/popup/pop_detail4_1.gif") 0 45px no-repeat}
#pop_detail3_2 .modal_body {width:842px;height:387px;background:url("https://ssl.nexon.com/s2/game/elsword/2021/event/0916_chuseok_obk125/popup/pop_detail4_2.gif") 0 45px no-repeat}
#pop_detail3_3 .modal_body {width:824px;height:369px;background:url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/popup/pop_detail4_3.jpg") 0 48px no-repeat}
.pop_detail .modal_body {padding-top:45px;}
.pop_detail .modal_close a {background-color:#ff1a1d}
.pop_detail .modal_close a:hover {background-color:#ff8400}

/* Trnasitions */
[class^="btn_"] a:after, [class^="btn_"] .ir,
.cont_nav > li > a > .ir,
.slnb > li > a > .ir,
.slider_btns a:before {display:table;-webkit-transition:all 450ms ease;-moz-transition:all 450ms ease;transition:all 450ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#nav > ul > li > a:before,
#nav > ul > li > a:after {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease}
#nav > ul > li.active > a:before {animation:move 2.2s linear infinite}
#nav > ul > li.active > a:after {animation:move 2s linear infinite}

/* Footer */
#footer {z-index:5;position:absolute;left:0;bottom:0;width:100%;height:69px;background:#fff url("https://lwi.nexon.com/elsword/event/2022/0908_D56BBEC4954DB04A/images/footer.png") no-repeat center center;}
#footer .inner {display:flex;align-items:center;justify-content:center;text-indent: -9999px;overflow: hidden;}

/* 시스템 유의사항 */
.note {font-size:14px;font-family:'NanumBarunGothic', sans-serif;letter-spacing:-0.5px;line-height:20px;color:#fff;text-align: left;}
.note li:before {content:"";display:inline-block;width: 5px;height: 5px;background-color: #d2c3ad;border-radius: 50%;vertical-align: middle;margin:-3px 5px 0 0}
.note_wrap h5 {height:19px;margin-bottom:14px}
#note1_1 {position: absolute;left:338px;top:4408px}
#note2_1 {position: absolute;left:338px;top:2685px}
#note2_1 {position: absolute;left:338px;top:2685px;}
#note2_1 li:before {display: none;}
#note3_1 {position: absolute;left:218px;top:1008px;}
#note3_2 {position: absolute;left:218px;top:2390px;}
#note3_1 li, #note3_2 li {text-indent: -14px;padding-bottom: 3px;line-height: 22px;width: 984px;}
#note3_2 li {line-height: 20px;}
#note3_1 li:before, #note3_2 li:before {width: 7px;height: 1px;border-radius: 0;background-color: #fff;margin-right: 7px;}