@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
/* ================================================================
	* PROJECT:크리스마스 이벤트
	* UPDATE:21.12.21
	* RELEASE:21.12.23
	* IMAGE PATH:1223_christmas_8v82d
================================================================ */

/* 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:1800px;background:#fff}

.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:1800px;max-width:2560px;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:1800px;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://ssl.nexon.com/S2/Game/Elsword/site/2020/event/introNav/quick_logo.png') no-repeat 0 0}
.header-menu {position:absolute;top:27px;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:37px;height:37px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/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 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:-212px 0px}

/* Tab Contents 영역 */

#contents {position:relative;overflow:hidden;width:100%;z-index:1;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/bg.jpg') no-repeat center 0;}
#contents .inner {min-height:4003px;}

#contents .tit1,
#contents .tit2,
#contents .tit3,
#contents .tit_hat {opacity:0}

#contents .tit1 {margin-left:200px}
#contents .tit2 {margin-left:-200px}
#contents .tit_hat {margin-top:-50px}

#contents .tit1 {z-index:11;position:absolute;top:131px;left:398px;width:500px;height:291px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/t1.png') no-repeat;}
#contents .tit2 {z-index:11;position:absolute;top:330px;left:228px;width:720px;height:220px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/t2.png') no-repeat;}
#contents .tit3 {z-index:10;position:absolute;top:466px;left:332px;width:570px;height:230px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/t3.png') no-repeat;}
#contents .tit_hat {z-index:11;position:absolute;top:66px;left:417px;width:248px;height:132px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/img_hat.png') no-repeat;}



#contents .o1 {position:absolute;top:-62px;left:915px;}
#contents .o2 {position:absolute;top:-62px;left:1643px;}
#contents .o3 {position:absolute;top:-62px;left:1260px;}
#contents .o4 {position:absolute;top:-62px;left:156px;}
#contents .o5 {position:absolute;top:-62px;left:-29px;}
#contents .o6 {position:absolute;top:-62px;left:1019px;}
#contents .o7 {position:absolute;top:-62px;left:-493px;}
#contents .o8 {position:absolute;top:-62px;left:-351px;}
#contents .o9 {position:absolute;top:-62px;left:1744px;}
#contents .o10 {position:absolute;top:-62px;left:-325px;}
#contents .o11 {position:absolute;top:-62px;left:-400px;}

#contents  .obj1 p {margin-top:-550px}

#contents .f1 {position:absolute;top:159px;left:1438px;}
#contents .f2 {position:absolute;top:384px;top:420px;left:-299px;}
#contents .f3 {position:absolute;top:478px;top:500px;left:1668px;}
#contents .f4 {position:absolute;top:94px;left:-183px;}

#contents .f1,
#contents .f2,
#contents .f3,
#contents .f4 {margin-top:-600px}

#contents .c1 {position:absolute;top:657px;left:350px;}
#contents .c2 {position:absolute;top:590px;left:153px;}
#contents .c3 {position:absolute;top:442px;left:-171px;}
#contents .c4 {position:absolute;top:637px;left:-217px;}
#contents .c5 {position:absolute;top:624px;left:716px;}
#contents .c6 {position:absolute;top:54px;left:886px;}
#contents .c7 {position:absolute;top:600px;left:1237px;}

#contents  .char > p {opacity:0}

#contents .c1 {margin-left:150px;}
#contents .c2 {margin-left:-150px;}
#contents .c3 {margin-left:150px;}
#contents .c4 {margin-left:-150px;}
#contents .c5 {margin-left:150px;}
#contents .c6 {margin-left:-150px;}
#contents .c7 {margin-left:150px;}

#contents .gift {position:absolute;top:1494px;left:-112px;width:1400px;height:314px;}
#contents .gift p {position:absolute;top:0;opacity:0}
#contents .gift p:not(:first-child) {margin-left:-258px}
#contents .g1 {z-index:6;left:0;}
#contents .g2 {z-index:5;left:258px;}
#contents .g3 {z-index:4;left:516px;}
#contents .g4 {z-index:3;left:773px;}
#contents .g5 {z-index:2;left:1031px;}
#contents .g6 {z-index:1;left:1289px;}
#contents .gift p:not(:first-child) span {position:absolute;width:33px;height:33px;top:142px;left:-38px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/arrow.png') no-repeat;}
#contents .co1 {position:absolute;top:1969px;left:16px;}
#contents .co2 {position:absolute;top:1959px;left:915px;}
#contents .co3 {position:absolute;top:2475px;left:-355px;}
#contents .co4 {position:absolute;top:2195px;left:1212px;}





#contents .coin > p {opacity:0;margin-top:-200px}

.snow {z-index:10;position:absolute;left:50%;top:0px;margin-left:-1300px;width:2560px;height:0px;}
.snow span {position:absolute;top:-50px;left:0;display:block;width:50px;height:50px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/s2.png') no-repeat;animation: move1 10s infinite ease-in-out alternate;transform:rotate(0.001deg);}
.snow span:nth-child(2n) {background-size:15px 15px;animation: move2 10s infinite ease-in-out alternate;}

.snow span:nth-child(4n) {background-size:15px 15px;animation: move3 10s infinite ease-in-out alternate;}
.snow span:nth-child(6n) {background-size:10px 10px;animation: move2 10s infinite ease-in-out alternate;}
.snow span:nth-child(8n) {background-size:5px 5px;animation: move3 10s infinite ease-in-out alternate;}
.snow span:nth-child(5n) {background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/s1.png') no-repeat;background-size:49px 49px;animation: move1 15s infinite ease-in-out alternate;}
.snow span:nth-child(7n) {background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/s1.png') no-repeat;background-size:30px 30px;animation: move2 10s infinite ease-in-out alternate;}

@keyframes move1 {
	0% {margin-left:0;}
	100% {margin-left:-100px}
}

@keyframes move2 {
	0% {margin-left:0;}
	100% {margin-left:-70px}
}

@keyframes move3 {
	0% {margin-left:0;}
	100% {margin-left:200px}
}


/* Buttons */
[class^="btn_"] {position:absolute;z-index:10}
[class^="btn_"], [class^="btn_"] a {display:block}
[class^="btn_"] a {position:relative;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0624_jumping_s14l4/space.png') no-repeat;}
[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}

.btn_popup {z-index:1;position:absolute;}
.btn_popup a {display:block;width:40px;height:40px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/btn_detail.png') no-repeat;}
.btn_popup a:hover {background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/btn_detail_on.png') no-repeat;}

.btn_detail {top:2401px;left:685px}



/* 시스템 유의사항 */
.note {position:absolute;left:0px;width:100%;}
.note ul {text-align:center;list-style-position:inside;}
.note li {padding-left:15px;line-height:20px;letter-spacing:-0.025em;font-family:'Noto Sans Kr';font-size:14px;}
#note1 {top:3668px;color:#000;}
#note1 ul li:before{padding-right:5px;display:inline-block;content:'- ';}
#note1 strong {color:#af1710;font-weight:400;}
#footer {width:100%;height:0px;}


/* 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:-37px;right:1px;outline:none}
.popup .modal_close a {display:block;width:28px;height:30px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/btn_close.png') no-repeat 0 0;}
.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_detail .modal_body {width:379px;height:132px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_christmas_8v82d/pop/pop.png') no-repeat center 0}