@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.01.27
	* RELEASE: 22.02.03
	* IMAGE PATH: https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/
================================================================ */

/* slick */
.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* 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:#221e1f}
body {font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;font-weight:400}

.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;min-width:1400px}
#contents {overflow:hidden;min-width:1400px;max-width:1920px;z-index:2;box-shadow:0px 0px 40px black;}
.inner {position:relative;width:1280px;height:100%;margin:0 auto}
.inner:after {content:'';display:block;clear:both}
.section {position:relative;width:100%;background-repeat:no-repeat;background-position:50% 0}
.btn_popup {position:absolute}
.btn_popup a {display:block;width:100%;height:100%;text-indent:-9999px;opacity:0;transition:opacity 250ms ease}
.btn_popup a:hover {opacity:1}

/* Header */
/* 게임시작, SNS 공유 버튼 이미지 수정해 주세요. */
#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/2022/event/0203_ap0st010s/logo.png") no-repeat}
.header-menu {position:absolute;top:39px;right:51px;overflow:hidden;height:37px}
.header-menu li {float:left;margin-left:3px}
.header-menu li:first-child {margin-left:0;margin-right:5px}
.header-menu li a {width:35px;height:35px;background:url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/spr_tnb.png") no-repeat}
.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:121px}
.header-menu li.home a {background-position:-128px 0px}
.header-menu li.fb a {background-position:-166px 0px}
.header-menu li.tw a {background-position:-205px 0px}

/* 상단 섹션: Visual 영역 */
.section_main {height:2061px;background-image:url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/bg/bg_main.jpg")}
.section_main .slide_wrap {position:absolute;left: calc(50% - 500px);top:1498px;width:1000px;height:510px;}
.section_main .slide_wrap .active_line {position:absolute;left:-1px;top:-63px;width:64px;height:2px;background-color:#fff;}
/* .slide_wrap .slick-list .list {cursor:grab} */
.slide_wrap .slick-arrow, .slide_wrap .slick-arrow:after {background:url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/slide/spr_btn.png") no-repeat}
.slide_wrap .slick-arrow {z-index:1;position:absolute;top:216px;width:79px;height:81px;text-indent:-9999px}
.slide_wrap .slick-arrow:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;opacity:0;transition:opacity 300ms ease}
.slide_wrap .slick-prev {left:-40px}
.slide_wrap .slick-next {right:-40px;background-position:right top;}
.slide_wrap .slick-prev:after {background-position:0 bottom;}
.slide_wrap .slick-next:after {background-position:right bottom;}
.slide_wrap .slick-arrow:hover:after {opacity:1}
.slide_wrap .slick-dots {position:absolute;width:1000px;left:50%;top:-95px;transform:translateX(-50%);display:flex !important;justify-content: center}
.slide_wrap .slick-dots li {position:relative;margin:0 10px;white-space:nowrap;}
.slide_wrap .slick-dots li:after {content:'';display:block;position:absolute;right:-12px;top:14px;width:4px;height:4px;border-radius:2px;background-color:#373014;opacity:0.4;}
.slide_wrap .slick-dots li:last-child:after {display:none;}
.slide_wrap .slick-dots li button {font-weight:500;font-size:23px;color:#373014;letter-spacing:-1px;transition:color 350ms ease}
.slide_wrap .slick-dots .slick-active button, .slide_wrap .slick-dots li button:hover {color:#fff9e4}
.section_content1 {height:592px;background-image:url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/bg/bg_content1.jpg")}
.section_content1 a {position:absolute;left:1077px;top:512px;display:block;width:164px;height:52px;background: url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/btns/btn_go.png") no-repeat;}
.section_content1 a:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/btns/btn_go_on.png") no-repeat; opacity:0;transition:opacity 0.3s ease;}
.section_content1 a:hover:before {opacity:1;}
.section_content2 {height:2064px;background-image:url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/bg/bg_content2.jpg")}
.section_content3 {height:1587px;background-image:url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/bg/bg_content3.jpg")}
.section_caution {padding:70px 0px;background-color:#2b292a;}
 
/* Buttons */
[class^="btn_"] {position:absolute;z-index:10}
[class^="btn_"], [class^="btn_"] a {display:block}
[class^="btn_"] a {position:relative}
[class^="btn_"] .ir,
.cont_nav > li > a > .ir,
.slnb > li > a > .ir {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter:alpha(opacity=0)}
[class^="btn_"] a:hover .ir,
.cont_nav > li.active > a > .ir,
.cont_nav > li > a:hover > .ir,
.slnb > li.active > a > .ir,
.slnb > li > a:hover > .ir {opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100)}

/* 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:0px;right:0px;cursor:pointer;outline:none;width:38px;height:38px}
.popup .modal_close a {display:block;width:100%;height:100%;transition:opacity 400ms ease;background:url("https://ssl.nexon.com/s2/game/elsword/2021/event/1111_agent_aae11/popup/btn_close.png") no-repeat}
.popup.inactive .modal_body:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5}
.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.5}

/* Trnasitions */
[class^="btn_"] a:after, [class^="btn_"] .ir,
.cont_nav > li > a > .ir,
.slnb > li > a > .ir,
.slider_btns a:before {display:table;-webkit-transition:all 450ms ease;-moz-transition:all 450ms ease;transition:all 450ms ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#nav > ul > li > a:before,
#nav > ul > li > a:after {-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;transition:all 400ms ease}
#nav > ul > li.active > a:before {animation:move 2.2s linear infinite}
#nav > ul > li.active > a:after {animation:move 2s linear infinite}

/* Footer */
#footer {width:100%;height:85px;background: #141414 url("https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/footer.png") center center no-repeat;}

/* 시스템 유의사항 */
.note {text-align:left;color:#366881;letter-spacing:-1px;}
.note > ul {vertical-align:middle}
.note > ul ul {margin-left:12px}
.note > ul li {position:relative}
.note li {font-weight:400;font-size:17px;line-height:30px;color:#898989;}
.note li:before {display:inline-block;content:"";width:3px;height:3px;margin-right:7px;background-color:#898989;vertical-align:6px;border-radius:100%}
.note a:hover {text-decoration:underline}
.note strong {font-weight:500;color:#7ba8be}
.note span {vertical-align:1px}

#note1 {width:1280px;box-sizing:border-box;padding-left:156px;background: url('https://ssl.nexon.com/s2/game/elsword/2022/event/0203_ap0st010s/bg_h3.png') 37px 5px no-repeat;}