@charset "UTF-8";
/* ================================================================
	* PROJECT: 노아와 함께하는 첫 겨울 맞이 이벤트 2탄
	* UPDATE: 21.01.12
	* RELEASE: 21.01.14
	* IMAGE PATH: https://ssl.nexon.com/s2/game/elsword/2020/event/0114_wintero0dbc
================================================================ */

/* 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:#131332}

.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/0114_wintero0dbc/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 0}
.header-menu li.home a {background-position:-127px 0}
.header-menu li.fb a {background-position:-165px 0}
.header-menu li.tw a {background-position:-205px 0}
#eventLinkList {z-index: 100 !important}

/* Visual 영역 */
#visual {position:relative;top:0;width:100%;max-width:1920px;height:1206px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0114_wintero0dbc/bg/bg_visual.jpg') center 0px no-repeat;}
#section1 {position:relative;width:100%;height:5038px;background:url('https://ssl.nexon.com/s2/game/elsword/2021/event/0114_wintero0dbc/bg/bg_cont.jpg') center 0 no-repeat;}


/* Footer */
#footer {position:relative;height:0px;}

/* 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 .ir,
.video_list > div > a > .ir {opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
[class^="btn_"] a:hover .ir,
.cont_nav a:hover .ir,
.cont_nav .active .ir,
.video_list > div.active > a > .ir,
.video_list > div > a:hover > .ir {opacity:1}

/* Trnasitions */
[class^="btn_"] a:after, [class^="btn_"] .ir,
.cont_nav .ir,
.video_list > div > a > .ir {display:table;-webkit-transition:all 450ms ease;-moz-transition:all 450ms ease;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:301}
.popup .modal_body {position:relative;margin:0 auto;padding-bottom:70px;transition:top 600ms ease}
.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:block;position:fixed;z-index:300;top:0;left:0;width:100%;height:100%;background:#131332;opacity:0.9}