@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap&subset=korean');
/* ================================================================
	* PROJECT:0414_에픽 포인트 샵 OPEN
	* UPDATE:22.04.14
	* RELEASE:22.04.14
	* IMAGE PATH:https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui
================================================================ */
/* 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:#141414}

.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:2560px;z-index:2;box-shadow:0px 0px 40px black;}
.inner {position:relative;width:1280px;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:2560px}
.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:39px;right:50px;overflow:hidden;height:35px}
.header-menu li {float:left;margin-left:4px}
.header-menu li:first-child {margin:0 3px 0 0}
.header-menu li a {width:35px;height:35px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/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:121px;background-position:0 0px}
.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}

/* Contents 영역 */
.section {position:relative;overflow:hidden;width:100%;z-index:1;}
.section1 {background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/contents/cont.jpg') no-repeat 50% 0}
.section1 .inner {height:3479px;}
.section1 .detail {position:absolute;}
.section1 .detail1 {top:1726px;left:199px;}
.section1 .detail2 {top:1726px;left:515px;}
.section1 .detail3 {top:1726px;left:831px;}
.section1 .detail a {display:block;text-indent:-9999px;width:72px;height:72px;opacity:0;transition:opacity 0.3s;}
.section1 .detail a:hover {opacity:1;}

.section2 {background:#120e18}


#footer {width:100%;height:86px;background:#070707 url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/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 {z-index:5;position:relative;margin:0 auto;padding-bottom:70px;transition:top 600ms ease}
.popup .modal_close {z-index:10;position:absolute;top:-72px;right:0;cursor:pointer;outline:none;width:53px;height:53px;}
.popup .modal_close a {display:block;width:100%;height:100%;transition:opacity 400ms ease;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/btns/btn_close.png') no-repeat;text-indent:-9999px;}

/* scrollbar customize */
.popup .mCSB_inside > .mCSB_container {margin-right:10px;}
.popup .mCSB_scrollTools {width:4px;opacity:1;-webkit-transition:none;transition:none}
.popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:4px;background-color:#7538df;border-radius:0;opacity:1;filter:alpha(opacity=100)}
.popup .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.popup .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#7538df;opacity:1;filter:alpha(opacity=100)}
.popup .mCSB_scrollTools .mCSB_draggerRail {width:4px;border-radius:0;background-color:#e4e3f1;filter:alpha(opacity=100)}
.popup .mCustomScrollBox {z-index:5;}

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


#popDetail1 .modal_body {width:555px;height:263px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/pop/pop1.png') no-repeat;}
#popDetail2 .modal_body {width:555px;height:302px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/pop/pop2.png') no-repeat;}
#popDetail3 .modal_body {width:555px;height:221px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/pop/pop3.png') no-repeat;}


/* 시스템 유의사항 */
.note {width:1400px;margin:0 auto;font-weight:500;font-size:17px;font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif;letter-spacing:-0.94px;-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:last-child {margin-bottom:0}
.note li, .note p, .note a {line-height:30px}
.note a {position:relative;font-weight:bold}
.note a:hover {text-decoration:underline}
.note strong {font-weight:700}
#note1 {color:#857c8e;}
#note1 > ul {padding:123px 0 100px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/txt_note.png') 22px 82px no-repeat;}
#note1 > ul li {padding-left:28px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0414_point_kuui/ico_dot.png') 19px 13px no-repeat;}