@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap&subset=korean');
/* ================================================================
	* PROJECT: 엘소드 신규 넥슨플레이 이벤트
	* UPDATE: 22.12.08
	* RELEASE: 22.12.08
	* IMAGE PATH: https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/
================================================================ */
/* 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:1340px;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, #sections {height:100%}
#wrapper, #header, #contents {position:relative}
#wrapper {margin:0 auto}
#contents {overflow:hidden;max-width:2560px;min-width:1340px;width:100%;margin:0 auto;box-shadow:0 0 40px black;z-index:2}
.inner {position:relative;width:1280px;height:100%;margin:0 auto}
.inner:after {content:'';display:block;clear:both}

/* 사이드 내비게이션 */
#wrapper header {z-index:10;position:absolute;left:50%;top:28px;width:100%;max-width:2560px;transform:translateX(-50%)}
#wrapper header h1 {position:absolute;left:29px;top:0}
#wrapper header h1 > a {/* margin-left:45px; */display:block;width:145px;height:49px;background:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/logo.png') no-repeat 0 0;text-indent:-9999px}
#wrapper header ul {position:absolute;top:0px;right:20px;width: calc(50% - 27px);max-width: calc(960px - 27px);font-size:0;line-height:0;zoom:1;text-align:right}
#wrapper header ul li {display:inline-block;padding-left:2px}
#wrapper header ul li:first-child {padding-right:6px}
#wrapper header ul li a {display:block;background-image: url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/spr_btn.png');background-repeat:no-repeat}
#wrapper header ul li a {position:relative;width:36px;height:37px;overflow:hidden;text-indent:-5000px}
#wrapper header ul li a:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition: opacity 0.3s ease}
#wrapper header ul li a:hover:after {opacity:1}
#wrapper header ul li.gameStart a {width:123px;background-position:0 -1px}
#wrapper header ul li.home a {background-position:-133px 0}
#wrapper header ul li.fb a {background-position:-171px 0}
#wrapper header ul li.tw a {background-position:-210px 0}

#eventLinkList {z-index: 100 !important}

/* 상단 섹션: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 {position:relative;display:block;width:100%;min-height:2520px;z-index:1;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/bg.png');background-repeat:no-repeat;background-position:50% 0;background-color: #8d1922;}
#visual .anis {position:relative;width:1000px;height:100%;margin:0 auto}

#visual .c1 {z-index: 1; top:54px;left:714px;width:1146px;height:870px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/cha.png')}
#visual .t1 {top:92px;left:342px;width:273px;height:50px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/t1.png')}
#visual .t2 {top:153px;left:22px;width:950px;height:47px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/t2.png')}
#visual .t3 {top:540px;left:116px;width:750px;height:160px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/t3.png')}
#visual .t4 {top:206px;left:57px;width:858px;height:304px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/t4.png')}
#visual .coins {z-index:5}
#visual .coins.c1_coin {z-index:2}
#visual .coins.c2_coin {z-index:2}
#visual .coins.co1 {top:43px;left:214px}
#visual .coins.co2 {top:155px;left:1214px}
#visual .coins.co3 {top:631px;left:936px}
#visual .coins.co4 {top:492px;left:693px}
#visual .coins.co5 {top:628px;left:1416px}
#visual .coins.co6 {top:442px;left:-129px}
#visual .coins.co7 {top:1537px;left:1108px}
#visual .coins.co8 {top:717px;left:-197px}
#visual .coins.co9 {top:1162px;left:1360px}
#visual .coins.co10 {top:1309px;left:-87px}
#visual .coins > span {display:block;background-repeat:no-repeat;background-position:0 0}
#visual .coins.co1 > span {width:81px;height:81px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin1.png');animation:circle 3s linear infinite}
#visual .coins.co2 > span {width:88px;height:82px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin3.png');animation:updown 1.5s 200ms linear infinite}
#visual .coins.co3 > span {width:84px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin2.png');animation:updown 1.7s 500ms linear infinite}
#visual .coins.co4 > span {width:86px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin4.png');animation:updown 2s 100ms linear infinite}
#visual .coins.co5 > span {width:90px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin5.png');animation:updown 1.8s 100ms linear infinite}
#visual .coins.co6 > span {width:88px;height:82px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin6.png');animation:updown 3.2s 600ms linear infinite}
#visual .coins.co7 > span {width:86px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin7.png');animation:updown 3s linear infinite}
#visual .coins.co8 > span {width:86px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin8.png');animation:updown 2s 100ms linear infinite}
#visual .coins.co9 > span {width:90px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin9.png');animation:updown 1.8s 100ms linear infinite}
#visual .coins.co10 > span {width:84px;height:86px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/coins/coin10.png');animation:updown 1.7s 500ms linear infinite}

#visual .info {top:779px;left:43px;width:1193px;height:213px;background-image:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/info.png')}

/* Footer */ 
#footer {height:97px;background:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/footer.png') no-repeat 50% 0}

/* 시스템 유의사항 */
.note {text-align:left;font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;-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 {margin-bottom:5px}
.note li:last-child {margin-bottom:0}
.note a:hover {text-decoration:underline}

#note1 {position:relative;width:1280px;margin:0 auto;padding-top:2078px;font-size:16px;letter-spacing:-1.4px; color:#e3b4b7;}
#note1 ul {padding-left:261px;padding-right:60px}
#note1 li, #note1 p, #note1 a {line-height:24px;}
#note1 > ul li:before {content:'';position:absolute;top:9px;left:-14px;display:block;width:6px;height:6px;background:url('https://lwi.nexon.com/elsword/event/2022/1208_play_9741A11D1DCE0AB6/dot.png') no-repeat}
/* Animations */
@keyframes circle {
	0% {transform:rotate(0)}
	100% {transform:rotate(360deg)}
}
@keyframes updown {
	0% {transform:translateY(6px)}
	50% {transform:translateY(-6px)}
	100% {transform:translateY(6px)}
}