@charset "UTF-8";
/** @project: 220209_classchange @author: NCSOFT @update : 2022-2-9 10:44:41 */
* { margin: 0; padding: 0; }

html, body { min-width: 1100px; }

body { background: #102137; color: #5c79a2; margin: 0; padding: 0; font-family: "Malgun Gothic", "맑은고딕", Dotum, "돋움", Hevetica, AppleGothic, sans-serif; font-size: 12px; line-height: 1; }

button { outline: 0; background: none; border: 0; cursor: pointer; }

img { border: 0; }

ul, ol { list-style: none; }

table { border-spacing: 0; }

caption { height: 0; overflow: hidden; font-size: 0; }

a { color: #6096e3; }

a:hover { color: #6096e3; }

.gnbContainer { width: 1100px; }

.p-btn { display: block; overflow: hidden; text-indent: -999em; position: absolute; left: 50%; z-index: 10; }

.p-btn__coupon { width: 207px; height: 73px; top: 487px; margin-left: -464px; background: url("/promo/lineage/event/2022/220209_classchange/img/btn-coupon.png") no-repeat 0 0; }

.p-btn__couponbox { width: 195px; height: 61px; top: 489px; margin-left: -246px; }

.p-btn__skill1 { width: 415px; height: 71px; top: 514px; margin-left: -207px; }

.p-btn__skill2 { width: 70px; height: 70px; top: 200px; margin-left: 374px; }

.p-btn__classbox { width: 70px; height: 70px; top: 447px; margin-left: 374px; }

.p-btn__item { width: 415px; height: 71px; top: 423px; margin-left: -207px; }

.p-btn__apply { width: 427px; height: 83px; top: 1163px; margin-left: -213px; background: url("/promo/lineage/event/2022/220209_classchange/img/btn-apply.png") no-repeat 0 0; }

.p-btn__system { width: 415px; height: 71px; top: 739px; margin-left: -208px; }

.p-layer { text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; font-size: 0; }

#container strong { font-size: 0; }

#container table { font-size: 0; }

/* header */
.p-header { height: 863px; position: relative; background: url("/promo/lineage/event/2022/220209_classchange/img/header-bg.jpg") no-repeat 50% 0; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; background-color: #433d35; }

/* contents */
.p-sec1 { position: relative; display: block; overflow: hidden; height: 868px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec1-bg.jpg") no-repeat 50% 0; }

.p-sec2__con1 { position: relative; display: block; overflow: hidden; height: 748px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec2-con1-bg.jpg") no-repeat 50% 0; }

.p-sec2__con2 { position: relative; display: block; overflow: hidden; height: 696px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec2-con2-bg.jpg") no-repeat 50% 0; }

.p-sec2__con3 { position: relative; display: block; overflow: hidden; height: 823px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec2-con3-bg.jpg") no-repeat 50% 0; }

.p-sec4 { position: relative; display: block; overflow: hidden; height: 1106px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec4-bg.jpg") no-repeat 50% 0; }

.p-sec3__con1 { position: relative; display: block; overflow: hidden; height: 1178px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec3-con1-bg.jpg") no-repeat 50% 0; }

.p-sec3__con2 { position: relative; display: block; overflow: hidden; height: 1226px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec3-con2-bg.jpg") no-repeat 50% 0; }

.p-sec3__con3 { position: relative; display: block; overflow: hidden; height: 1377px; text-indent: -999em; background: url("/promo/lineage/event/2022/220209_classchange/img/sec3-con3-bg.jpg") no-repeat 50% 0; }

.p-btn__apply.cancel { background-position-y: -83px; }

.p-btn__apply.complete { background-position-y: -166px; cursor: not-allowed; }

.p-btn__apply.end { background-position-y: -249px; cursor: not-allowed; }

.p-btn__coupon.disabled { background-position-y: -73px; cursor: not-allowed; }

.p-btn__coupon.complete { background-position-y: -146px; cursor: not-allowed; }

.cases { position: absolute; top: 615px; left: 50%; width: 1131px; height: 627px; margin-left: -565.5px; overflow: hidden; }

.cases--wrap { width: 100%; height: 100%; position: relative; display: none; }

.cases--wrap.active { display: block; }

.cases__total { text-indent: 0; background: url("/promo/lineage/event/2022/220209_classchange/img/simulation-bg.png") no-repeat 0 0; }

.cases__end { background: url("/promo/lineage/event/2022/220209_classchange/img/event-end.png") no-repeat 0 0; }

.cases__login { background: url("/promo/lineage/event/2022/220209_classchange/img/event-login.png") no-repeat 0 0; }

.cases__realname { background: url("/promo/lineage/event/2022/220209_classchange/img/event-realname.png") no-repeat 0 0; }

.cases__sanctions { background: url("/promo/lineage/event/2022/220209_classchange/img/event-sanctions.png") no-repeat 0 0; }

.cases__complete { background: url("/promo/lineage/event/2022/220209_classchange/img/event-complete.png") no-repeat 0 0; }

.cases__service { background: url("/promo/lineage/event/2022/220209_classchange/img/event-service.png") no-repeat 0 0; }

.cases__btn { position: absolute; left: 50%; width: 195px; height: 61px; margin-left: -97.5px; text-align: left; text-indent: -9999em; white-space: nowrap; overflow: hidden; }

.cases__btn--login { top: 307px; margin-left: -97px; }

.cases__btn--realname { top: 319px; margin-left: -100px; }

.total { position: absolute; top: 81px; left: 0; width: 350px; height: 478px; background: url("/promo/lineage/event/2022/220209_classchange/img/simulation-list-bg1.png") no-repeat left bottom; }

.total--wrap1 { left: 34px; }

.total--wrap2 { left: 391px; }

.total--wrap3 { left: 748px; background: url("/promo/lineage/event/2022/220209_classchange/img/simulation-list-bg2.png") no-repeat left bottom; }

.total__btn { position: absolute; left: 12px; width: 329px; height: 126px; }

.total__btn--result { top: -3px; font-size: 0; background: url("/promo/lineage/event/2022/220209_classchange/img/btn-result.png") no-repeat 0 0; }

.total__btn--result.disabled { background-position-y: -126px; cursor: not-allowed; }

.total-result { width: 100%; position: absolute; left: 0; text-align: center; }

.total-result--pos1 { top: 265px; }

.total-result--pos1 .total-result__level { background-color: #482822; }

.total-result--pos2 { top: 265px; }

.total-result--pos2 .total-result__level { background-color: #273546; }

.total-result--pos2 .total-result--level { color: #b8dff4; }

.total-result--pos2 .total-result--percent { color: #b8dff4; }

.total-result--pos3 { top: 220px; }

.total-result--pos3 .total-result__level { margin-top: 8px; font-size: 22px; background-color: #482822; }

.total-result--pos4 { top: 365px; }

.total-result--pos4 .total-result__level { margin-top: 8px; font-size: 22px; background-color: #273546; }

.total-result--pos4 .total-result--level { color: #b8dff4; }

.total-result--pos4 .total-result--percent { color: #b8dff4; }

.total-result__text { font-size: 16px; color: #d6c7b6; }

.total-result__text i { margin-left: 7px; position: relative; font-style: normal; }

.total-result__text i:first-child { margin-left: 0; color: #ffa2a2; }

.total-result__text i:first-child:before { content: ""; }

.total-result__text i:before { content: "|"; position: absolute; top: 50%; left: -8px; width: 1px; height: 18px; margin-top: -9px; }

.total-result__level { margin: 15px auto 0; font-size: 20px; width: 262px; height: 49px; border-radius: 10px; }

.total-result--level { color: #ffa2a2; line-height: 49px; }

.total-result--percent { color: #ffa2a2; line-height: 49px; }

.total-result--nodata { font-size: 20px; color: #fff; }

.checkbox { position: absolute; top: 1068px; left: 50%; width: 481px; height: 42px; margin-left: -240.5px; }

.checkbox input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; }

.checkbox input[type="checkbox"] + label { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/promo/lineage/event/2022/220209_classchange/img/check-text.png") no-repeat 0 0; z-index: 1; opacity: .6; cursor: pointer; }

.checkbox input[type="checkbox"]:checked + label { opacity: 1; background-position: 0 100%; }

.checkbox input[type="checkbox"]:disabled + label { cursor: not-allowed; }

.promokit-select { position: absolute; left: 50%; width: 315px; height: 51px; margin-left: -157.5px; }

.promokit-select__title { color: #fff; background-color: #918670; border: 1px solid #cabca1; }

.promokit-select__title-arrow { margin: 0; width: 50px; height: 50px; background-color: #918670; border-left: 1px solid #cabca1; }

.promokit-select__title-arrow:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #cabca1; }

.promokit-select__title-label { line-height: 51px; }

.promokit-select__title-label--active { color: #fff; }

.promokit-select__title--disabled { color: #9a9691; background-color: #675d4d; border: 1px solid #897d6b; }

.promokit-select__title--disabled .promokit-select__title-arrow { background-color: #675d4d; border-left: 1px solid #897d6b; }

.promokit-select__title--disabled .promokit-select__title-arrow:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #897e6b; }

.promokit-select__options { min-width: 315px; max-height: 365px; overflow-y: auto; top: 50px; background-color: #fff; }

.promokit-select__option { border-bottom: #000; }

.promokit-select__option:last-child .promokit-select__option-link { border-bottom: none; }

.promokit-select__option-link { line-height: 51px; color: #110e0a; border-bottom: 1px solid #cabca1; }

.promokit-select__option-link:hover { color: #110e0a; background-color: #d8d0c0; }

.promokit-select--pos1-1 { top: 0; }

.promokit-select--pos1-2 { top: 63px; }

.promokit-select--pos2-1 { top: 0; }

.promokit-select--pos2-2 { top: 63px; }

/*# sourceMappingURL=index.css.map */