@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap&subset=korean');
/* ================================================================
	* PROJECT: 0408_봄맞이 출석 체크 이벤트
	* UPDATE: 21.04.06
	* RELEASE: 21.04.08
	* IMAGE PATH: https://ssl.nexon.com/s2/game/elsword/2021/event/0408_attend_00nbf
================================================================ */
/* 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:#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: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:3px}
.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/0408_attend_00nbf/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 -2px}
.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:-211px 0px}

/* Tab Contents 영역 */
.section {position:relative;overflow:hidden;width:100%;z-index:1;min-height:2396px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0408_attend_00nbf/contents/img_cont.jpg') no-repeat 50% 0 #003819;}

.section .btn_tooltip.tip1 {position:absolute;top:1294px;left:407px;}
.section .btn_tooltip.tip2 {position:absolute;top:1851px;left:774px;}
.section .btn_tooltip span:first-child {z-index:1;position:absolute;top:0;display:block;width:117px;height:98px;text-indent:-9999px;cursor:pointer;}
.section .btn_tooltip span:last-child {position:absolute;display:block;width:410px;height:214px;opacity:0;transition:all 0.3s;transform:translateY(10px);text-indent:-9999px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0408_attend_00nbf/img_tooltip.png') no-repeat;}
.section .btn_tooltip span:first-child:hover ~ span {opacity:1;transform:translateY(0);}
.section .btn_tooltip.tip1 span:last-child {top:-214px;left:-105px;}
.section .btn_tooltip.tip2 span:last-child {top:-214px;left:-105px;}

#footer {width:100%;height:85px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0408_attend_00nbf/footer.jpg') no-repeat 50% 0;}
/* Buttons */
[class^="btn_"] {position:absolute;z-index:10}
[class^="btn_"], [class^="btn_"] a {display:block}
[class^="btn_"] a {position:relative}
[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}

/* 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:-63px;right:18px;cursor:pointer;outline:none}
.popup .modal_close a {display:block;width:46px;height:46px;background:url('https://ssl.nexon.com/s2/game/elsword/2020/event/1119_jump1n8upp/btns/btn_close.png') no-repeat 0 0;transition:transform 400ms ease}
.popup .modal_close a:hover {transform:rotate(180deg)}
.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.85}

/* 시스템 유의사항 */
.note {width:1280px;margin:0 auto;font-size:15px;font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;letter-spacing:-0.18px;-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;margin-bottom:10px;}
.note li:last-child {margin-bottom:0}
.note li, .note p, .note a {line-height:1.4}
.note a {position:relative;font-weight:bold}
.note a:hover {text-decoration:underline}
.note strong {font-weight:700}
#note1 {margin:2259px 0 66px 141px;color:#509970;}
#note1 > ul li {position:relative;margin-bottom:3px;}
#note1 > ul li:before {content:'- ';position:absolute;top:1px;left:-8px;display:block;width:6px;height:6px;}