@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap&subset=korean');
/* ================================================================
	* PROJECT: 엘소드 신규/복귀 넥슨플레이 이벤트
	* UPDATE: 21.12.15
	* RELEASE: 21.12.23
	* IMAGE PATH: https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/
================================================================ */
/* 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:1920px;min-width:1340px;width:100%;margin:0 auto;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;top:28px;width:100%;}
#wrapper header h1 > a {margin-left: 45px;display:block;width:145px;height:70px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/logo.png') no-repeat 0 0;text-indent:-9999px;}
#wrapper header ul {position:absolute;top:0px;left:50%;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://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/spr_tnb.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:2941px;z-index:1;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/contents/img_cont.jpg');background-repeat:no-repeat;background-position:50% 0;}
#visual .anis {position:relative;width:1000px;height:100%;margin:0 auto}
#visual .c1_coin {top:488px;left:-186px;width:81px;height:81px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co1.png');z-index:2;animation:circle 3s 600ms linear infinite}
#visual .c2_coin {top:501px;left:1462px;width:81px;height:81px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co1.png');z-index:2;animation:circle 3s 600ms linear infinite}
#visual .c1 {top:90px;left:-320px;width:865px;height:733px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/c1.png')}
#visual .c2 {top:83px;left:884px;width:715px;height:798px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/c2.png')}
#visual .t1 {top:454px;left:383px;width:516px;height:55px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/t1.png')}
#visual .t2 {top:206px;left:291px;width:686px;height:304px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/t2.png')}
#visual .t3 {top:546px;left:375px;width:567px;height:144px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/t3.png')}
#visual .t4 {top:97px;left:540px;width:207px;height:33px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/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:45px;left:379px}
#visual .coins.co2 {top:264px;left:911px}
#visual .coins.co3 {top:567px;left:220px}
#visual .coins.co4 {top:635px;left:934px}
#visual .coins.co5 {top:747px;left:-188px}
#visual .coins.co6 {top:798px;left:1274px}
#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://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co1.png');animation:circle 3s linear infinite}
#visual .coins.co2 > span {width:86px;height:81px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co2.png');animation:updown 1.5s 200ms linear infinite}
#visual .coins.co3 > span {width:90px;height:83px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co3.png');animation:updown 1.7s 500ms linear infinite}
#visual .coins.co4 > span {width:86px;height:86px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co4.png');animation:updown 2s 100ms linear infinite}
#visual .coins.co5 > span {width:90px;height:86px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co5.png');animation:updown 1.8s 100ms linear infinite}
#visual .coins.co6 > span {width:88px;height:82px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/coins/co6.png');animation:updown 3.2s 600ms linear infinite}
#visual .info {top:779px;left:44px;width:1192px;height:213px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/visual/info.png')}

/* Footer */
#footer {height:97px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/footer.jpg') 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}
.note strong {font-weight:400}
.note strong,
.note strong:nth-child(2) {color:#e97313}
.note span {vertical-align:1px}

#note1 {position:absolute;top:2139px;left:379px;width:740px;color:#675e4e;font-size:16px;letter-spacing:-1.4px;}
#note1 li {letter-spacing:-1.4px;line-height:19px;}
#note1 > ul li:before {content:'';position:absolute;top:7px;left:-12px;display:block;width:6px;height:6px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/ico_dot.png') no-repeat 0 0}

#note2 {position:relative;width:1280px;margin:0 auto;padding-top:2639px;font-size:16px;letter-spacing:-1.4px;}
#note2 ul {padding-left:261px;padding-right:60px}
#note2 li, #note2 p, #note2 a {line-height:23px;color:#675e4e}
#note2 > ul li:before {content:'';position:absolute;top:9px;left:-14px;display:block;width:6px;height:6px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/1223_play_801ni/ico_dot2.png') no-repeat 0 0}
/* 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)}
}