.e-shadow {
    display: none;
    overflow: hidden;
    z-index: 90;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
html,
body {
    background-color: #000;
    min-width: 1280px;
}
button {
    padding: 0;
    border: none 0;
    outline: none 0;
    cursor: pointer;
}
button:disabled {
    pointer-events: none;
}
.e-container {
    position: relative;
    overflow: hidden;
    min-width: 1280px;
    max-width: 1920px;
    margin: 0 auto;
}
.e-contents {
    overflow: hidden;
}
.e-event {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}
.e-event .img-content {
    margin-left: -320px;
}
.e-wrap {
    position: relative;
    width: 1280px;
    margin: 0 auto;
}
.e-footer p {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
}
.dimmed {
    opacity: 1;
    overflow: hidden;
    z-index: 90;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.ie-lower {
    padding: 240px 0;
    min-height: 400px;
    background: url(//mimage.webzen.kr/community/v01/images/bg_dimmed.png) repeat;
    text-align: center;
}
.ie-lower .inner {
    position: relative;
    margin: 0 auto;
    padding: 40px 30px 30px;
    width: 720px;
    background-color: #fff;
}
.ie-lower h2 {
    line-height: 1.6;
    color: #1a1a1a;
    font-size: 24px;
}
.ie-lower p {
    line-height: 1.6;
    color: #6f6f6f;
    font-size: 20px;
}
.ie-lower .browser-list {
    overflow: hidden;
    width: 380px;
    margin: 50px auto 0;
}
.ie-lower .browser-list li {
    font-size: 15px;
    color: #6f6f6f;
    float: left;
    width: 50%;
    padding-top: 132px;
    text-align: center;
    background: url(//mimage.webzen.kr/template/images/ico_chrome.svg) no-repeat 50% 0 / auto 120px;
}
.ie-lower .browser-list li + li {
    background: url(//mimage.webzen.kr/template/images/ico_edge.svg) no-repeat 50% 0 / auto 120px;
}
.ie-lower .browser-list a {
    display: block;
    margin: 35px auto 10px;
    width: 160px;
    height: 50px;
    font-family: "Segoe UI", "Lucida Sans Unicode", "Lucida Grande", "Tahoma", "Arial", "sans-serif";
    font-weight: bold;
    line-height: 50px;
    border-radius: 4px;
    font-size: 16px;
    color: #303030;
    background-color: #f0f0f0;
}
.ie-lower .browser-list a:hover {
    color: #fff;
    background-color: #303030;
}
.ie-lower--layer {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
}
.ie-lower-close {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 99999;
    width: 35px;
    height: 35px;
    background: url(//mimage.webzen.kr/community/v01/images/btn_close.png) no-repeat 50%;
}
.ie-lower.dark {
    background: #000;
}
.ie-lower.dark .inner {
    background-color: #000;
}
.ie-lower.dark h2,
.ie-lower.dark p {
    color: #e8d3c0;
}
.ie-lower.dark .browser-list li {
    padding-top: 116px;
    color: #909090;
}
.ie-lower.dark .browser-list a {
    color: #303030;
    background-color: #e8d3c0;
}
.ie-lower.dark .browser-list a:hover {
    color: #fff;
    background-color: #303030;
}
.ie-lower.dark .ie-lower-close {
    background-image: url(//image.webzen.kr/Company/kor/img/popup/ban_popup_close.gif);
    background-position-x: -1px;
}
@font-face {
    font-family: "S-CoreDream-3Light";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
html {
    background-color: #000;
}
button {
    cursor: pointer;
}
.e-blind,
.e-header .bi a,
.e-event-wrap .cont1 .item-buy > div button,
.popup-alert .popup-btn-wrap button {
    font-size: 0;
    text-indent: -9999em;
}
.hide {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}
.shadow {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.ellipsis1,
.e-event-wrap .cont1 .goblin-point p.num {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.ellipsis2 {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
.ellipsis3 {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
.ellipsis4 {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
.e-header {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 850px;
    box-sizing: border-box;
    background: url("images/bg_header.jpg") no-repeat 50% 0;
}
.e-header .bi {
    width: 189px;
    height: 94px;
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 999;
}
.e-header .bi a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("images/bi.png") 50% 0 no-repeat;
}
.e-header .today {
    position: relative;
    float: left;
    margin-right: 17px;
    padding-top: 15px;
    text-align: right;
}
.e-header .today .chk {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}
.e-header .today label {
    position: relative;
    padding: 0 0 0 24px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.e-header .today label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("images/bg_check.png") no-repeat;
}
.e-header .today .chk:checked + label:before {
    background-position: 0 -20px;
}
.e-header .today input[type="checkbox"] {
    vertical-align: text-bottom;
}
.e-header .home {
    position: absolute;
    top: 51px;
    right: 60px;
    overflow: hidden;
    z-index: 10;
}
.e-header .home a[class^="btn-"] {
    overflow: hidden;
    float: left;
    width: 42px;
    height: 48px;
    background-image: url("images/btn_home.png");
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -1000em;
}
.e-header .home a[class^="btn-"]:hover {
    background-position-y: 100%;
}
.e-header .home a.btn-muonline {
    background-position: 0 0;
}
.e-header .home a.btn-mublue {
    margin-left: 10px;
    background-position: -52px 0;
}
.badge {
    position: absolute;
    right: 60px;
    top: 14px;
    z-index: 5;
}
.e-contents {
    overflow: unset !important;
}
.e-footer {
    height: 68px;
    background-color: #000;
    text-align: center;
}
.e-footer p {
    text-indent: unset;
    letter-spacing: 0;
    line-height: 68px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}
.btn-top {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index: 10;
    position: absolute;
    right: 40px;
    bottom: 30px;
    width: 82px;
    height: 82px;
    background: url(images/btn_top.png) no-repeat;
}
.btn-top.active {
    position: fixed;
    opacity: 1;
}
.btn-top:hover {
    background-position-y: 100%;
}
.e-event-wrap .cont1 {
    position: relative;
    height: 2104px;
    background: url("images/bg_event1.jpg") 50% 0 no-repeat;
}
.e-event-wrap .cont1 .cont-wrap {
    position: relative;
    width: 1182px;
    margin: auto;
    height: 100%;
    background: url("images/bg_event1.jpg") 50% 0 no-repeat;
}
.e-event-wrap .cont1 .goblin-point {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 193px;
    width: 100%;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.e-event-wrap .cont1 .goblin-point p {
    letter-spacing: -1.3px;
}
.e-event-wrap .cont1 .goblin-point p.text {
    width: 250px;
    font-size: 30px;
    font-weight: 900;
    color: #eedeb4;
    margin-right: 10px;
    padding-top: 8px;
}
.e-event-wrap .cont1 .goblin-point p.text + p + p {
    width: 50px;
    margin-left: 10px;
    margin-right: 0;
    font-family: Arial, Tahoma, sans-serif;
}
.e-event-wrap .cont1 .goblin-point p.num {
    max-width: 825px;
    font-size: 50px;
    font-weight: 900;
    color: #fff;
    font-family: Arial, Tahoma, sans-serif;
}
.e-event-wrap .cont1 .item-buy {
    position: absolute;
    display: flex;
    top: 710px;
    text-align: center;
    gap: 0 98px;
}
.e-event-wrap .cont1 .item-buy > div {
    text-align: center;
}
.e-event-wrap .cont1 .item-buy > div button {
    width: 328px;
    height: 78px;
    background: url("images/btn_buy1.png") no-repeat;
    background-position-x: center;
    display: inline-block;
}
.e-event-wrap .cont1 .item-buy > div button:hover {
    background-position-y: 100%;
}
.e-event-wrap .cont1 .item-buy .gopo-box {
    width: 100%;
    height: 178px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 20px;
    transition: transform 0.3s ease-in-out;
}
.e-event-wrap .cont1 .item-buy .gopo-box.shake,
.e-event-wrap .cont1 .item-buy .gopo-box:hover {
    animation: shake 0.3s ease-in-out;
}
@keyframes shake {
    0% {
        transform: rotate(0) translate(0, 0);
    }
    25% {
        transform: rotate(-5deg) translate(-3px, 2px);
    }
    50% {
        transform: rotate(5deg) translate(3px, -2px);
    }
    75% {
        transform: rotate(-3deg) translate(-2px, 1px);
    }
    100% {
        transform: rotate(0) translate(0, 0);
    }
}
.e-event-wrap .cont1 .item-buy .mini-gopo .gopo-box {
    background-image: url("images/box1.png");
}
.e-event-wrap .cont1 .item-buy .normal-gopo .gopo-box {
    background-image: url("images/box2.png");
}
.e-event-wrap .cont1 .item-buy .high-gopo .gopo-box {
    background-image: url("images/box3.png");
}
.e-event-wrap .cont1 .item-list {
    position: absolute;
    top: 1045px;
    right: -30px;
}
.e-event-wrap .cont1 .item-list a {
    position: relative;
    display: block;
    color: #c8d6ff;
    font-size: 18px;
    font-weight: 600;
    padding-right: 15px;
    letter-spacing: -0.8px;
}
.e-event-wrap .cont1 .item-list a::before {
    content: "";
    position: absolute;
    width: 9px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url("images/arrow.png") no-repeat;
}
.e-event-wrap .cont1 .item-list a::after {
    content: "";
    position: absolute;
    width: 92%;
    height: 1px;
    left: 0;
    bottom: -4px;
    background-color: #c8d6ff;
}
.e-event-wrap .cont1 .item-list a:hover {
    color: #c74d4d;
}
.e-event-wrap .cont1 .item-list a:hover::before {
    background-image: url("images/arrow_on.png");
}
.e-event-wrap .cont1 .item-list a:hover::after {
    background-color: #c74d4d;
}
.e-event-wrap .cont1 .info-box {
    position: absolute;
    top: 1905px;
    left: 0;
    width: 100%;
    text-align: center;
}
.e-event-wrap .cont1 .info-box a {
    display: inline-block;
    width: 415px;
    height: 97px;
    background: url("images/btn_info.png") 0 0 no-repeat;
    font-size: 0;
    margin: 0 10px;
}
.e-event-wrap .cont1 .info-box a.btn-blue {
    background-position-x: right;
}
.e-event-wrap .cont1 .info-box a:hover {
    background-position-y: bottom;
}
.e-event-wrap .cont2 {
    position: relative;
    height: 1074px;
    background: url("images/bg_event2.jpg") 50% 0 no-repeat;
}
.e-event-wrap .cont2 .cont-wrap {
    width: 1280px;
    margin: auto;
    height: 100%;
    background: url("images/bg_event2.jpg") 50% 0 no-repeat;
}
.popup {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 100vh;
    max-height: 800px;
    box-sizing: border-box;
    background-color: #140808;
    border: 1px solid #8d7a74;
}
.popup .popup-top {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: #202641;
    text-align: center;
}
.popup .popup-top .popup-title {
    font-size: 30px;
    font-weight: 900;
    color: #c8d6ff;
    line-height: 80px;
}
.popup .pop-close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    z-index: 1;
    overflow: hidden;
    width: 31px;
    height: 31px;
    text-indent: -1000em;
    cursor: pointer;
    background: url("images/popup_close.png") no-repeat;
}
.popup .pop-wrap {
    display: flex;
    justify-content: space-between;
    padding: 25px 25px 0;
    margin-bottom: 35px;
    height: calc(100vh - 140px);
    max-height: 660px;
    overflow-y: auto;
}
.popup .pop-box {
    width: 31.5%;
}
.popup .pop-box .pop-tit {
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 900;
    color: #c8d6ff;
}
.popup .pop-box .pop-cont .pop-noti {
    font-size: 12px;
    color: #fff;
    opacity: 0.4;
    margin-top: 10px;
}
.popup .pop-box .pop-cont table {
    width: 100%;
}
.popup .pop-box .pop-cont col {
    width: 65%;
}
.popup .pop-box .pop-cont col + col {
    width: auto;
}
.popup .pop-box .pop-cont thead {
    background-color: #263f8c;
}
.popup .pop-box .pop-cont thead th {
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
}
.popup .pop-box .pop-cont thead th:nth-child(1) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.popup .pop-box .pop-cont tbody tr:nth-child(odd) {
    background-color: #c6d2f5;
}
.popup .pop-box .pop-cont tbody tr:nth-child(even) {
    background-color: #d7e0f8;
}
.popup .pop-box .pop-cont tbody tr td {
    padding: 7px 0;
    text-align: center;
    font-size: 13px;
    color: #555;
}
.popup .pop-box .pop-cont tbody tr td.point {
    color: #2f7ec9;
    font-weight: 600;
}
.popup .pop-box .pop-cont tbody tr td.red-point {
    color: #c92f2f;
    font-weight: 600;
}
.popup .pop-box .pop-cont tbody tr td:nth-child(1) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.popup .pop-box .pop-cont tbody tr td span {
    font-size: 11px;
}
.popup .pop-box .pop-cont tbody tr td.login {
    background-color: #99b0f5;
    color: #666;
    font-weight: 600;
    font-size: 16px;
}
.popup .pop-box .pop-cont tbody tr td.login a {
    position: relative;
    color: #666;
}
.popup .pop-box .pop-cont tbody tr td.login a:hover {
    color: #c74d4d;
}
.popup .pop-box .pop-cont tbody tr td.login a:hover::before {
    background-color: #c74d4d;
}
.popup .pop-box .pop-cont tbody tr td.login a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    background-color: #5f77c0;
}
.popup-alert {
    width: 508px;
    height: auto;
    max-height: unset;
}
.popup-alert .popup-top {
    width: auto;
    height: auto;
    background-color: unset;
    padding: 30px 50px 15px;
}
.popup-alert .popup-top p {
    font-size: 30px;
    line-height: 42px;
    font-weight: 900;
    letter-spacing: -0.9px;
    color: #c8d6ff;
}
.popup-alert .popup-top p span {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #fff;
    border-bottom: 3px solid #333;
}
.popup-alert .pop-close {
    top: 15px;
    right: 15px;
    transform: unset;
    background: url("images/popup_close2.png") no-repeat;
}
.popup-alert .popup-cont {
    margin: 0 48px;
    padding: 20px;
    background-color: #babece;
    border-radius: 10px;
    text-align: center;
}
.popup-alert .popup-cont p,
.popup-alert .popup-cont label {
    font-size: 16px;
    font-weight: 600;
    color: #555;
}
.popup-alert .popup-cont .check-wrap {
    margin-top: 12px;
}
.popup-alert .popup-cont .chk {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    width: 1px;
    height: 1px;
}
.popup-alert .popup-cont .chk:checked + label:before {
    background-position-y: 100%;
}
.popup-alert .popup-cont label {
    position: relative;
    padding-left: 24px;
}
.popup-alert .popup-cont label::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: url("images/popup_check.png") no-repeat;
}
.popup-alert .popup-btn-wrap {
    margin: 20px 0 40px;
    text-align: center;
}
.popup-alert .popup-btn-wrap button {
    width: 179px;
    height: 48px;
    margin: 0 15px;
}
.popup-alert .popup-btn-wrap button.btn-ok {
    background: url("images/popup_btn_ok.png") no-repeat;
}
.popup-alert .popup-btn-wrap button.btn-close {
    background: url("images/popup_btn_close.png") no-repeat;
}
.popup-alert .popup-btn-wrap button:hover {
    background-position-y: 100%;
}
.loaded.e-container:after {
    opacity: 0;
    height: 0;
}
@keyframes spreadSmog {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes opacityBg1 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.3;
    }
}
@keyframes opacityBg2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes infiniteBg {
    0%,
    100% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.9;
    }
}
@keyframes slideUp {
    0% {
        transform: translateY(35px);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        transform: translateY(15px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    71% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
    90% {
        transform: translateY(2px);
        animation-timing-function: ease-in;
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        animation-timing-function: ease-out;
        opacity: 1;
    }
}
@keyframes slideRight {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
}
@keyframes slideLeft {
    0%,
    100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-5px);
    }
}
@keyframes slideXY1 {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-2px, 3px);
    }
}
@keyframes slideXY2 {
    0%,
    100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(2px, 3px);
    }
}
@keyframes flash {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: 1;
        filter: drop-shadow(2px -23px 18px #fff);
    }
}
@keyframes snowEff {
    0%,
    100% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(0.95);
    }
}
@keyframes shakeBl {
    0%,
    100% {
        transform: rotate(0);
        transform-origin: 0 100%;
    }
    10% {
        transform: rotate(1deg);
    }
    20%,
    40%,
    60% {
        transform: rotate(-2deg);
    }
    30%,
    50%,
    70% {
        transform: rotate(2deg);
    }
    80% {
        transform: rotate(-1deg);
    }
    90% {
        transform: rotate(1deg);
    }
}
@keyframes shakeBr {
    0%,
    100% {
        transform: rotate(0);
        transform-origin: 100% 100%;
    }
    10% {
        transform: rotate(1deg);
    }
    30% {
        transform: rotate(-2deg);
    }
    50% {
        transform: rotate(2deg);
    }
    70% {
        transform: rotate(-1deg);
    }
    90% {
        transform: rotate(1deg);
    }
}