@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');
/* ================================================================
	* PROJECT:노아 2라인 전야
	* UPDATE:20.12.28
	* RELEASE:20.12.31
	* IMAGE PATH:https://ssl.nexon.com/s2/game/elsword/2020/event/1223_xmas_4bcfd
================================================================ */

/* 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:#3946c7}

.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:2px}
.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/0114_m00n1i9ht_h0n91/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 -1px}
.header-menu li.home a {background-position:-129px 0}
.header-menu li.fb a {background-position:-167px 0}
.header-menu li.tw a {background-position:-206px 0}

/* Visual 영역 */
#visual {position:relative;width:100%;height:1099px;overflow:hidden;z-index:1;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/visual.jpg') center top no-repeat;}

/* Tab Contents 영역 */
#section1 {position:relative;overflow:hidden;width:100%;height:1819px;z-index:1;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/sec1.jpg') center top no-repeat;}
#section2 {position:relative;overflow:hidden;width:100%;height:1759px;z-index:1;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/sec2.jpg') center top no-repeat;}
#section3 {position:relative;overflow:hidden;width:100%;height:258px;z-index:1;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/sec3.jpg') center top repeat-y;}

#section1 .inner ul {position:absolute;left:50%;height:308px;display:table;background-repeat:no-repeat;}
#section1 .inner ul li {display:table-cell;width:206px;height:100%;overflow:hidden;text-indent:-5000px;color:transparent;}
#section1 .inner ul li.clear {background-repeat:no-repeat;background-position:center 152px;}

#section1 .inner ul.bonus1 {top:800px;margin-left:-641.5px;width:1281px;background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bonus1.png');}
#section1 .inner ul.bonus1 li.clear {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/b1_stamp.png');}
#section1 .inner ul.bonus2 {top:1356px;margin-left:-533.5px;width:1069px;background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bonus2.png');}
#section1 .inner ul.bonus2 li.clear {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/b2_stamp.png');}

#section2 .inner > dl {position:absolute;top:282px;left:0px;width:100%;text-align:center;}
#section2 .inner > dl dd {display:inline-block;position:relative;margin:0 auto;height:90px;border-radius:45px;padding:0 300px 0 384px;box-shadow: 0 9px 24px rgba(0, 4, 40, 0.25);background: #5464ff url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/t1.png') 53px 26px no-repeat;}
#section2 .inner > dl dd strong {display:block;height:90px;font-weight:400;font-family:'Nanum Gothic', 'Malgun Gothic', sans-serif;font-size:52px;color:#ffdd73;line-height:82px;}
#section2 .inner > dl dd strong:after {content:'';display:inline-block;vertical-align:top;width:35px;height:100%;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/t2.png') right 36px no-repeat;}
#section2 .inner > dl dd a {display:block;position:absolute;top:3px;right:3px;width:256px;height:84px;overflow:hidden;text-indent:-5000px;color:transparent;border-radius:42px;background: #3243eb url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bt_1.png') center center no-repeat;}
#section2 .inner > dl dd a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: #ffdd73 url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bt_2.png') center center no-repeat;opacity:0;transition:opacity 0.3s ease;}
#section2 .inner > dl dd a:hover:after {opacity:1;}

#section2 .inner > ul {position:absolute;top:441px;left:0px;width:1344px;font-size:0;line-height:0;zoom:1;text-align:center;}
#section2 .inner > ul:after {content:'';display:block;position:absolute;top:950px;left:-208px;width:313px;height:378px;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/deco.png') no-repeat;}
#section2 .inner > ul li {position:relative;display:inline-block;width:296px;height:406px;margin:33px 16px 0;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/cell.png') no-repeat;}

#section2 .inner > ul li div {position:relative;width:100%;height:345px;background-repeat:no-repeat;background-position:center 45px;}
#section2 .inner > ul li div strong {display:block;position:absolute;top:0px;right:7px;width:106px;font-weight:400;font-size:21px;color:#5464ff;text-align:center;line-height:46px;}
#section2 .inner > ul li button, #section2 .inner > ul li a {display:block;position:relative;z-index:2;width:100%;height:61px;overflow:hidden;text-indent:-5000px;color:transparent;}
#section2 .inner > ul li button:before, #section2 .inner > ul li button:after,
#section2 .inner > ul li a:before, #section2 .inner > ul li a:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;transition: opacity 0.3s ease;}
#section2 .inner > ul li button:before, #section2 .inner > ul li a:before {opacity:1;background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bt_enter.png');}
#section2 .inner > ul li button:after, #section2 .inner > ul li a:after {opacity:0;background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bt_enter_on.png');}
#section2 .inner > ul li button:hover:before, #section2 .inner > ul li a:hover:before {opacity:0.5;}
#section2 .inner > ul li button:hover:after, #section2 .inner > ul li a:hover:after {opacity:1;}
#section2 .inner > ul li input {display:block;position:relative;z-index:2;width:100%;height:61px;overflow:hidden;text-indent:-5000px;color:transparent;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bt_enter.png') center center no-repeat;}
#section2 .inner > ul li input:hover {background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/bt_enter_on.png') center center no-repeat;}
#section2 .inner > ul li.list1 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item1.png');}
#section2 .inner > ul li.list2 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item2.png');}
#section2 .inner > ul li.list3 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item3.png');}
#section2 .inner > ul li.list4 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item4.png');}
#section2 .inner > ul li.list5 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item5.png');}
#section2 .inner > ul li.list6 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item6.png');}
#section2 .inner > ul li.list7 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item7.png');}
#section2 .inner > ul li.list8 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item8.png');}
#section2 .inner > ul li.list9 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item9.png');}
#section2 .inner > ul li.list10 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item10.png');}
#section2 .inner > ul li.list11 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item11.png');}
#section2 .inner > ul li.list12 div {background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/item12.png');}

/* Footer */
#footer {height:104px;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/footer.jpg') no-repeat center center;}

/* Buttons */
[class^="btn_"] {position:absolute;z-index:10}
[class^="btn_"], [class^="btn_"] a {display:block}
[class^="btn_"] a {position:relative}
[class^="btn_"] .ir,

/* Trnasitions */
[class^="btn_"] a:after, [class^="btn_"] .ir {display:table;-webkit-transition:all 450ms ease;-moz-transition:all 450ms ease;transition:all 450ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.note {width:1280px;margin:0 auto;height:100%;font-weight:400;font-family:'Noto Sans Kr', 'Nanum Gothic', 'Malgun Gothic', sans-serif;}
.note ul {display:table-cell;vertical-align:middle;list-style-position:inside;}
.note ul li{position:relative;left:0px;}
.note li {line-height:28px;letter-spacing:-0.3px;}
.note ul li:before{display:inline-block;margin:0px 7px 3px 0;width:5px;height:6px;content:'';}

#note1 {display:table;vertical-align:middle;color:#a9b1ff;font-size:16px;line-height:27px;}
#note1:before {content:'';display:table-cell;width:186px;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/tipT.png') 37px center no-repeat;}
#note1 ul li:before{background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/ico_dot.png') 0 2px no-repeat;}


/* 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:301}
.popup .modal_body {position:relative;margin:0 auto;padding-bottom:70px;transition:top 600ms ease}
.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 .modal_close .close {display:block;position:absolute;width:29px;height:29px;overflow:hidden;text-indent:-5000px;color:transparent;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/close.png') no-repeat;transform: rotate(0deg);transition: transform 0.3s ease;}
.popup .modal_close .close:hover {transform: rotate(180deg);}
.popup .modal_close .save {display:block;position:absolute;width:184px;height:74px;overflow:hidden;text-indent:-5000px;color:transparent;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/btn_confirm.png') no-repeat;}
.popup .modal_close .cancel {display:block;position:absolute;width:184px;height:74px;overflow:hidden;text-indent:-5000px;color:transparent;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/btn_cancel.png') no-repeat;}
.modal_bg {display:block;position:fixed;z-index:300;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7}

#pop_enter1 .modal_body {width:769px;height:666px;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/pop_1.png') no-repeat;}
#pop_enter1 .modal_body h3 {position:absolute;top:122px;left:53px;width:669px;height:142px;overflow:hidden;font-size:38px;color:#ffdd73;text-align:center;line-height:170px;letter-spacing:-2.5px;}
#pop_enter1 .modal_body dl dd {position:absolute;top:350px;left:388px;width:130px;font-size:18px;color:#fff;text-align:center;line-height:26px;}
#pop_enter1 .modal_body input {position:absolute;top:425px;left:222px;display:block;width:332px;height:84px;box-sizing:border-box;font-family:'Nanum Gothic', 'Malgun Gothic', sans-serif;font-size:33px;color:#1d2040;text-align:center;background-color:#e4e7ff;border:4px solid #cccccc;outline:none;border-radius:0px;}
input::-webkit-input-placeholder { color: #b2b5cf; }
input:-moz-placeholder { color: #b2b5cf; }
input::-moz-placeholder { color: #b2b5cf; }
input:-ms-input-placeholder { color: #b2b5cf; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
#pop_enter1 .modal_body button {position:absolute;top:438px;display:block;width:58px;height:58px;overflow:hidden;text-indent:-5000px;color:transparent;border-radius:50%;border:3px solid #6f7cff;background-color:transparent;outline:none;transition: background 0.3s ease;}
#pop_enter1 .modal_body button:hover {background-color:#3e4ff4;}
#pop_enter1 .modal_body button:before, #pop_enter1 .modal_body button:after {display:block;position:absolute;background-color:#fff;}
#pop_enter1 .modal_body button:before {content:'';width:25px;height:3px;left:14px;top:25px;}
#pop_enter1 .modal_body button:after {width:3px;height:25px;left:25px;top:14px;}
#pop_enter1 .modal_body button.minus {left:142px;}
#pop_enter1 .modal_body button.plus {right:136px;}
#pop_enter1 .modal_body button.plus:after {content:'';}
#pop_enter1 .modal_close .close {top:76px;right:60px;}
#pop_enter1 .modal_close .save {top:549px;left:296px;}

#pop_enter2 .modal_body {width:769px;height:577px;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/pop_2.png') no-repeat;}
#pop_enter2 .modal_body h3 {position:absolute;top:122px;left:189px;width:366px;height:180px;overflow:hidden;font-size:38px;color:#ffdd73;text-align:center;line-height:168px;letter-spacing:-2.5px;}
#pop_enter2 .modal_body dl dd {position:absolute;top:350px;left:458px;width:81px;font-size:24px;color:#fff;text-align:center;line-height:36px;}
#pop_enter2 .modal_close .close {top:76px;right:60px;}
#pop_enter2 .modal_close .save {top:461px;left:402px;}
#pop_enter2 .modal_close .cancel {top:461px;left:190px;}

#pop_enter3 .modal_body {width:769px;height:489px;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/pop_3.png') no-repeat;}
#pop_enter3 .modal_close .close {top:76px;right:60px;}
#pop_enter3 .modal_close .save {top:373px;left:296px;}

#pop_detail .modal_body {width:580px;height:466px;padding-bottom:0px;background-color:#5464ff;}
#pop_detail .modal_body ul {position:absolute;top:0px;left:0px;display:table;width:580px;height:74px;}
#pop_detail .modal_body ul li {display:table-cell;width:290px;}
#pop_detail .modal_body ul li a {display:block;position:relative;width:100%;height:100%;overflow:hidden;text-indent:-5000px;color:transparent;background-image: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/tab.png');background-repeat:no-repeat;}
#pop_detail .modal_body ul li a.myList.active {background-position:0px 0px;}
#pop_detail .modal_body ul li a.myList {background-position:0px -74px;}
#pop_detail .modal_body ul li a.saveList.active {background-position:-290px -74px;}
#pop_detail .modal_body ul li a.saveList {background-position:-290px 0px;}
#pop_detail .modal_body > div.table.active {display:block;}
#pop_detail .modal_body > div.table {display:none;position:absolute;top:74px;left:16px;width:550px;height:392px;box-sizing:border-box;padding-top:56px;}
#pop_detail .modal_body > div.table .innerTable {height:320px;overflow-x:hidden;overflow-y:auto;background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/listBg.png') no-repeat;}
#pop_detail .modal_body > div.table .innerTable table {width:100%;background-color:#3e4bcd;}
#pop_detail .modal_body > div.table .innerTable table thead {display:none;}
#pop_detail .modal_body > div.table .innerTable table tbody tr:nth-child(2n) td {background-color:#3845c2;}
#pop_detail .modal_body > div.table .innerTable table tbody tr td {font-size:17px;text-align:center;height:40px;}
#pop_detail .modal_body > div.table .innerTable table tbody tr td:nth-child(1) {width:152px;}
#pop_detail .modal_body > div.table .innerTable table tbody tr td:nth-child(2) {width:216px;border-width:0 3px;border-style:solid;border-color:#5464ff;}
#pop_detail .modal_body > div.table .innerTable table tbody tr td:nth-child(3) {}
#myList.table {background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/th1.png') 0 14px no-repeat;color:#ffde46;}
#saveList.table {background: url('https://ssl.nexon.com/S2/Game/elsword/2021/event/0114_m00n1i9ht_h0n91/th2.png') 0 14px no-repeat;color:#f1a5ff;}
#pop_detail .modal_close .close {top:-45px;right:0px;}