@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700;900&display=swap&subset=korean');
/* ================================================================
	* PROJECT: 엘소드 만우절 4월의 엘 수색대
	* UPDATE: 21.04.02
	* RELEASE: 21.04.01
	* IMAGE PATH: https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120
================================================================ */
/* 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:#cecece}

.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}

/* 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}

/* 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:40px;right:58px;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/0401_foolsday_apri120/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:-133px 0}
.header-menu li.fb a {background-position:-170px 0}
.header-menu li.tw a {background-position:-210px 0}

/* Section */
.section {overflow:hidden;position:relative;width:100%;background-repeat:no-repeat;background-position:50% 0}
.section .ani {position:absolute;text-indent:-9999px;font-size:0;line-height:0;background-repeat:no-repeat;background-position:0 0;z-index:3}
#section1 {height:1995px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_cont1.jpg')}
#section2 {height:1000px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_cont2.jpg')}
#section3 {height:1059px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_cont3.jpg')}
#section4 {height:1340px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_cont4.jpg')}
#section5 {height:1356px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_cont5.jpg')}

/* 재생 버튼 */
.ytb_wrap {top:359px;left:170px;width:940px;height:532px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/bg_video.png')}
.ytb_wrap .ytb {position:absolute;top:5px;left:4px;width:932px;height:532px}
.ytb_wrap .ytb iframe {display:block;width:932px;height:522px}
.ytb_wrap .btn_play {top:188px;left:358px;animation:playbutton3 1s ease-in-out infinite;animation-fill-mode:forwards;animation-play-state:running}
.ytb_wrap .btn_play a {width:224px;height:166px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_play.png') no-repeat 0 0;transition:transform 400ms ease}
.ytb_wrap .btn_play a .ir {background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_play_on.png') no-repeat 0 0}
.ytb_wrap .btn_play a:hover {transform:translateY(-10px)}
.ytb_wrap .btn_play:before,
.ytb_wrap .btn_play:after {content:'';display:block;position:absolute}
.ytb_wrap .btn_play:before {top:23px;left:6px;width:35px;height:20px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_play_before.png') no-repeat 0 0;animation:playbutton 0.4s linear infinite;animation-fill-mode:forwards;animation-play-state:running}
.ytb_wrap .btn_play:after {top:54px;left:193px;width:26px;height:12px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_play_after.png') no-repeat 0 0;animation:playbutton2 0.4s linear infinite;animation-fill-mode:forwards;animation-play-state:running}
.ytb_wrap .btn_play:hover {animation-play-state:paused}

/* Slider */
.slider_wrap {position:absolute}
.slider {position:relative}
.slider_cont {position:absolute;top:0;left:0;z-index:-1;opacity:0;transition:all 600ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slider_cont.active {opacity:1;z-index:15}

/* 엘 수색대 소개 */
#slider_character {top:1258px;left:-4px;width:1280px}
#slider_character .slider,
#slider_character .slider_cont {width:972px;height:640px}
#slider_character .slider_cont {position:absolute;top:0;left:0;width:972px;height:640px;z-index:-1;opacity:0}
#slider_character .slider_cont.active {opacity:1;z-index:15}
#slider_character .slider_cont .character,
#slider_character .slider_cont .character_title,
#slider_character .slider_cont .character_msg,
#slider_character .slider_cont .character_desc {opacity:0;position:absolute;margin:0;padding:0;background-repeat:no-repeat;background-position:0 0}
#slider_character .slider_cont .character {opacity:1;top:0;left:0;width:474px;height:633px;transform:scale(0.93) translateY(35px) rotate(7deg);transition:transform 600ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
#slider_character .slider_cont .character_title {top:61px;left:492px;width:480px;height:50px;overflow:hidden;text-align:left;text-indent:-9999px;font-size:0;transform:translateY(20px);transition:all ease 400ms}
#slider_character .slider_cont .character_msg {top:135px;left:492px;width:480px;height:160px;overflow:hidden;text-align:left;text-indent:-9999px;font-size:0;transform:translateX(30px);transition:all ease 400ms 200ms}
#slider_character .slider_cont .character_desc {top:337px;left:492px;width:480px;height:270px;transform:translateX(30px);transition:all ease 400ms 350ms}
#slider_character .slider_cont .character_desc:before {content:'';display:block;position:absolute;top:-13px;left:0;width:457px;height:3px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character_line.png') no-repeat 0 0}
#slider_character .slider_cont.active .character,
#slider_character .slider_cont.active .character_title,
#slider_character .slider_cont.active .character_msg,
#slider_character .slider_cont.active .character_desc {opacity:1;transform:scale(1) translateX(0) translateY(0)}

/* 엘소드 */
#slider_character .c1 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character1.png')}
#slider_character .c1 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character1_title.png')}
#slider_character .c1 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character1_msg.png')}
#slider_character .c1 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character1_desc.png')}

/* 아이샤 */
#slider_character .c2 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character2.png')}
#slider_character .c2 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character2_title.png')}
#slider_character .c2 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character2_msg.png')}
#slider_character .c2 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character2_desc.png')}

/* 레나 */
#slider_character .c3 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character3.png')}
#slider_character .c3 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character3_title.png')}
#slider_character .c3 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character3_msg.png')}
#slider_character .c3 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character3_desc.png')}

/* 레이븐 */
#slider_character .c4 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character4.png')}
#slider_character .c4 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character4_title.png')}
#slider_character .c4 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character4_msg.png')}
#slider_character .c4 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character4_desc.png')}

/* 이브 */
#slider_character .c5 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character5.png')}
#slider_character .c5 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character5_title.png')}
#slider_character .c5 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character5_msg.png')}
#slider_character .c5 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character5_desc.png')}

/* 청 */
#slider_character .c6 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character6.png')}
#slider_character .c6 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character6_title.png')}
#slider_character .c6 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character6_msg.png')}
#slider_character .c6 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character6_desc.png')}

/* 아라 */
#slider_character .c7 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character7.png')}
#slider_character .c7 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character7_title.png')}
#slider_character .c7 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character7_msg.png')}
#slider_character .c7 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character7_desc.png')}

/* 앨리시스 */
#slider_character .c8 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character8.png')}
#slider_character .c8 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character8_title.png')}
#slider_character .c8 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character8_msg.png')}
#slider_character .c8 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character8_desc.png')}

/* 애드 */
#slider_character .c9 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character9.png')}
#slider_character .c9 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character9_title.png')}
#slider_character .c9 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character9_msg.png')}
#slider_character .c9 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character9_desc.png')}

/* 루시엘 */
#slider_character .c10 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character10.png')}
#slider_character .c10 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character10_title.png')}
#slider_character .c10 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character10_msg.png')}
#slider_character .c10 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character10_desc.png')}

/* 로제 */
#slider_character .c11 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character11.png')}
#slider_character .c11 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character11_title.png')}
#slider_character .c11 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character11_msg.png')}
#slider_character .c11 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character11_desc.png')}

/* 아인 */
#slider_character .c12 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character12.png')}
#slider_character .c12 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character12_title.png')}
#slider_character .c12 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character12_msg.png')}
#slider_character .c12 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character12_desc.png')}

/* 라비 */
#slider_character .c13 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character13.png')}
#slider_character .c13 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character13_title.png')}
#slider_character .c13 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character13_msg.png')}
#slider_character .c13 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character13_desc.png')}

/* 노아 */
#slider_character .c14 .character {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character14.png')}
#slider_character .c14 .character_title {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character14_title.png')}
#slider_character .c14 .character_msg {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character14_msg.png')}
#slider_character .c14 .character_desc {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/characters/img_character14_desc.png')}

/* 엘 수색대 캐릭터 버튼 */
#slider_character .slider_nav {position:absolute;top:33px;right:14px;width:287px;overflow:hidden}
#slider_character .slider_nav li {display:block;float:left;margin-left:19px;margin-bottom:23px}
#slider_character .slider_nav li:nth-child(2n+1) {margin-left:0}
#slider_character .slider_nav li a {position:relative;width:134px}
#slider_character .slider_nav li a,
#slider_character .slider_nav li a .ir {display:block;height:46px;background-repeat:no-repeat;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/spr_btn.png')}
#slider_character .slider_nav li a .ir {opacity:0;width:0;display:table;transition:opacity 350ms ease, width 300ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#slider_character .slider_nav li.active a .ir,
#slider_character .slider_nav li a:hover .ir {opacity:1;width:134px}
#slider_character .slider_nav .c1 a {background-position:0 0}
#slider_character .slider_nav .c1 .ir {background-position:-308px 0}
#slider_character .slider_nav .c2 a {background-position:-153px 0}
#slider_character .slider_nav .c2 .ir {background-position:-461px 0}
#slider_character .slider_nav .c3 a {background-position:0 -69px}
#slider_character .slider_nav .c3 .ir {background-position:-308px -69px}
#slider_character .slider_nav .c4 a {background-position:-153px -69px}
#slider_character .slider_nav .c4 .ir {background-position:-461px -69px}
#slider_character .slider_nav .c5 a {background-position:0 -139px}
#slider_character .slider_nav .c5 .ir {background-position:-308px -139px}
#slider_character .slider_nav .c6 a {background-position:-153px -139px}
#slider_character .slider_nav .c6 .ir {background-position:-461px -139px}
#slider_character .slider_nav .c7 a {background-position:0 -208px}
#slider_character .slider_nav .c7 .ir {background-position:-308px -208px}
#slider_character .slider_nav .c8 a {background-position:-153px -208px}
#slider_character .slider_nav .c8 .ir {background-position:-461px -208px}
#slider_character .slider_nav .c9 a {background-position:0 -277px}
#slider_character .slider_nav .c9 .ir {background-position:-308px -277px}
#slider_character .slider_nav .c10 a {background-position:-153px -277px}
#slider_character .slider_nav .c10 .ir {background-position:-461px -277px}
#slider_character .slider_nav .c11 a {background-position:0 -346px}
#slider_character .slider_nav .c11 .ir {background-position:-308px -346px}
#slider_character .slider_nav .c12 a {background-position:-153px -346px}
#slider_character .slider_nav .c12 .ir {background-position:-461px -346px}
#slider_character .slider_nav .c13 a {background-position:0 -416px}
#slider_character .slider_nav .c13 .ir {background-position:-308px -416px}
#slider_character .slider_nav .c14 a {background-position:-153px -416px}
#slider_character .slider_nav .c14 .ir {background-position:-461px -416px}

/* 출석 현황 */
.attend_list {position:absolute;top:517px;left:0;width:1280px;height:500px}
.attend_list li {float:left;position:relative;width:236px;height:236px;margin:0 0 25px 25px}
.attend_list li:first-child,
.attend_list li.day6 {margin-left:0}
.attend_list li.done,
.attend_list li.done:after {background-repeat:no-repeat;background-position:0 0}
.attend_list .day1.done {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done1.png')}
.attend_list .day2.done {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done2.png')}
.attend_list .day3.done {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done3.png')}
.attend_list .day4.done {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done4.png')}
.attend_list .day5.done {background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done5.png')}
.attend_list .day6.done {margin-bottom:0;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done6.png')}
.attend_list .day7.done {margin-bottom:0;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done7.png')}
.attend_list .day8.done {margin-bottom:0;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done8.png')}
.attend_list .day9.done {margin-bottom:0;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done9.png')}
.attend_list .day10.done {margin-bottom:0;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend_done10.png')}
.attend_list .day1.done:after,
.attend_list .day3.done:after,
.attend_list .day5.done:after,
.attend_list .day7.done:after,
.attend_list .day9.done:after,
.attend_list .day10.done:after {content:'';display:block;position:absolute;top:55px;left:-55px;width:125px;height:91px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/ico_attend_done1.png')}
.attend_list .day3.done:after {top:49px;left:-62px}
.attend_list .day5.done:after,
.attend_list .day10.done:after {top:25px;left:161px;background-image:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/ico_attend_done2.png')}

/* 앨범 보기 */
.thumbnail-box {position:absolute;overflow:hidden;z-index:2;transform-origin:center center;transition:all 600ms cubic-bezier(.47,1.64,.41,.8)}
.thumbnail-box:nth-child(2n):hover {transform:translateY(-5px) scale(1.03) rotate(7deg)}
.thumbnail-box:nth-child(2n+1):hover {transform:translateY(-5px) scale(1.03) rotate(-7deg)}
.thumbnail-box img {display:block}
.thumbnail-box .btn_showGallery {position:relative}
.thumbnail-box.thumb1 {top:195px;left:-11px;width:462px;height:511px}
.thumbnail-box.thumb2 {top:245px;left:453px;width:470px;height:495px;z-index:3}
.thumbnail-box.thumb3 {top:164px;left:826px;width:462px;height:511px}
.thumbnail-box.thumb4 {top:700px;left:-11px;width:484px;height:502px}
.thumbnail-box.thumb5 {top:787px;left:427px;width:462px;height:511px;z-index:3}
.thumbnail-box.thumb6 {top:727px;left:829px;width:447px;height:480px}

/* 뱃지 확인 */
.btn_showBadge {top:753px;left:13px;width:1222px;height:214px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_badge.jpg') no-repeat 50% 0}
.btn_showBadge:before {opacity:0;display:block;content:'';position:absolute;top:0;left:0;width:1222px;height:214px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/contents/img_badge_on.jpg') no-repeat 0 0;z-index:1;transition:all 300ms ease;transform:translateY(6px)}
.btn_showBadge a {position:absolute;top:147px;right:141px;width:244px;height:48px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_showBadge.png') no-repeat 0 0;z-index:2;animation:blink 0.4s ease infinite}
.btn_showBadge a .ir {background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_showBadge_on.png') no-repeat 0 0}
.btn_showBadge.on:before {opacity:1;transform:translateY(0)}
.btn_showBadge.on a {animation-play-state:paused}

/* 기타 버튼 */
.btn_goNotice {top:540px;left:322px}
.btn_goNotice a {width:199px;height:18px}
.btn_goNotice a .ir {background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_goNotice_on.png') no-repeat 0 0}
.btn_attend {top:215px;left:1017px;animation:playbutton3 0.8s ease-in-out infinite;animation-fill-mode:forwards;animation-play-state:running}
.btn_attend a {width:347px;height:360px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_attend.png') no-repeat 0 0}
.btn_attend:hover {animation-play-state:paused}

/* 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:-10px;right:0;cursor:pointer;outline:none;z-index:17}
.popup .modal_close a {display:block;width:36px;height:36px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/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}

/* Popup_Custom */
#pop_gallery .modal_body {width:1000px;height:753px}
#slider_gallery {top:-15px;left:0;width:1000px}
#slider_gallery .slider,
#slider_gallery .slider_cont {width:1000px;height:753px}
#slider_gallery .slider_cont {position:absolute;top:0;left:0;width:1000px;height:753px;z-index:-1;opacity:0;background-repeat:no-repeat;background-position:50% 0;transition:all 600ms cubic-bezier(.47,1.64,.41,.8);transform:scale(0.93) translateY(15px) rotate(-7deg)}
#slider_gallery .slider_cont.active {opacity:1;transform:scale(1) translateY(0) rotate(0);z-index:15}
#slider_gallery .slider_cont img {position:absolute;display:block;left:0;bottom:0}
.slider_btns {position:absolute;top:620px;left:0;width:1000px;height:133px;z-index:20}
.slider_btns .btn_prev {left:28px}
.slider_btns .btn_next {right:4px}
.slider_btns a {width:88px;height:133px}
.slider_btns a .ir {opacity:1;width:45px;height:20px}
.slider_btns a:before {content:'';display:block;position:absolute;width:196px;height:68px;transition:transform 300ms cubic-bezier(0.68, -1.2, 0.02, 1)}
.slider_btns .btn_prev a:before {top:7px;left:-122px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_prev.png') no-repeat 0 0}
.slider_btns .btn_prev a .ir {top:86px;left:20px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_prev_txt.png') no-repeat 0 0}
.slider_btns .btn_prev a:hover:before {transform:translateX(-10px)}
.slider_btns .btn_next a:before {top:7px;left:-12px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_next.png') no-repeat 0 0}
.slider_btns .btn_next a .ir {top:83px;left:-3px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/btns/btn_next_txt.png') no-repeat 0 0}
.slider_btns .btn_next a:hover:before {transform:translateX(10px)}

/* 시스템 유의사항 */
.note {position:absolute;top:1030px;left:233px;width:1015px;margin:0 auto;text-align:left;font-size:14px;font-family:'Noto Sans KR', 'NanumSquare', 'Nanum Gothic', 'Malgun Gothic', sans-serif;letter-spacing:-0.5px;-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 > ul li:before {content:'';position:absolute;top:9px;left:-8px;display:block;width:4px;height:4px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0401_foolsday_apri120/ico_note.png') no-repeat 0 0}
.note li {margin-bottom:4px}
.note li:last-child {margin-bottom:0}
.note li, .note p, .note a {color:#252525;line-height:1.5}
.note a {position:relative;color:#252525;font-weight:bold}
.note a:hover {text-decoration:underline}
.note strong {color:#252525;font-weight:normal}

/* Animations */
@keyframes blink {
	0%, 100% {opacity:1}
	50% {opacity:0.75}
}
@keyframes playbutton {
	0%, 100% {transform:scale(1) rotate(-3deg) translateX(-3px) translateY(-3px)}
	50% {transform:scale(1.2) rotate(0)}
}
@keyframes playbutton2 {
	0%, 100% {transform:scale(1) rotate(3deg) translateX(3px) translateY(3px)}
	50% {transform:scale(1.2) rotate(0)}
}
@keyframes playbutton3 {
	0%, 100% {transform:scale(1) rotate(-3deg)}
	50% {transform:scale(1.1) rotate(0)}
}