@charset "UTF-8";@font-face{font-family:"Pretendard";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2") format("woff2");font-weight:500;font-display:swap}.pop-character .notice li,.pop-cont .nickname label,.pop-cont .nickname em,.pop-cont .label,.pop-cont .text,.pop-cont .select-class .class-list .radio,.pop-cont .input-character .btn-check,.pop-cont .btn-submit,.mission-title,.mission-sub-title{font-family:"Pretendard","NotoSans Regular"}.e-skip,.hide{position:absolute;left:-9999px;width:1px;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}.e-btn{display:block;font-size:0;text-indent:-9999em}.e-hidden{background-color:#fff;opacity:0;filter:alpha(opacity=1)}.e-blind,#snb .snb-event-01,#snb .snb-event-02,.bi,.e-util .btn-home,.e-util .today label,.content-event .eventbtn,.content-event1 .cont3 .btn-wrap .btn-more,.content-event1 .cont3 .btn-wrap .btn-character-name-reservation,.content-event2 .cont1 .btn-more,.content-event2 .cont2 .btn-character-name,[class*="popup-"] .btn-close{font-size:0;color:transparent;text-indent:-9999em;line-height:0}.skip{display:none;opacity:0}.tabmenu,.ani{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.animate{opacity:0;transition:all .5s;transition-property:opacity,transform}#content.animate.on{opacity:1}body{position:relative;background:#000}.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)}.e-shadow{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10;display:none}#snb{opacity:0;position:fixed;top:60%;transform:translateY(-50%);left:max(calc((100vw - 1920px) / 2 + 20px), 20px);width:280px;height:274px;filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.72));background:url("images/snb_01.jpg") no-repeat 0 0;z-index:7;display:flex;align-items:center;flex-direction:column;justify-content:start;transition:all .5s}#snb .snb-event-01{display:block;height:80px;border-bottom:1px solid orange}#snb .snb-event-btns-01 li{width:100%;height:55px}#snb .snb-event-btns-01 li a{height:100%;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}#snb .snb-event-btns-01 li a span{position:relative;font-size:18px;text-align:center;transition:color .3s;font-weight:600;color:#cbb7a4}#snb .snb-event-btns-01 li a span::before,#snb .snb-event-btns-01 li a span::after{opacity:0;transition:.3s opacity;position:absolute;top:50%;transform:translateY(-50%);content:"";width:7px;height:10px;left:-20px;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("images/snb_arrow__left.png")}#snb .snb-event-btns-01 li a span::after{left:unset;right:-20px;background-image:url("images/snb_arrow__right.png")}#snb .snb-event-btns-01 li a:hover span::after,#snb .snb-event-btns-01 li a:hover span::before,#snb .snb-event-btns-01 li a.active span::after,#snb .snb-event-btns-01 li a.active span::before{opacity:1}#snb .snb-event-btns-01 li a.active span{color:#ffc052}#btnTop{display:block;opacity:0;position:fixed;bottom:40px;right:max(calc((100vw - 1920px) / 2 + 40px), 40px);width:73px;height:78px;filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.72));background:url("images/btn_top.png") no-repeat 0 0;z-index:7;cursor:pointer;transition:opacity .5s}#btnTop:hover{background-position-y:100%}.scroll #snb,.scroll #btnTop{opacity:1;pointer-events:auto}.global-top-bar-container{min-width:1010px}#content{position:relative;overflow:hidden;min-width:1010px;max-width:1920px;margin:auto}.content-wrap{position:relative}.content-wrap .cont-wrap{position:relative;height:100%;margin:auto}@keyframes opacityBg{0%{opacity:0}100%{opacity:1}}.header{position:absolute;width:100%;max-width:1920px;min-width:1010px}.content-top{position:relative;height:760px;background:url("images/bg_header.jpg") 50% 0 no-repeat;width:100%;max-width:1920px;margin:0 auto;text-align:center}.content-top .title{position:absolute;bottom:8%;left:50%;width:740px;height:auto;z-index:2;opacity:0;transform:translateX(-50%);animation:slideCenter 2s .2s forwards}.content-top .title:hover::before{-webkit-animation:opacityObj2 2s infinite linear;animation:opacityObj2 2s infinite linear}.bi{position:absolute;top:20px;left:60px;width:235px;height:144px;background:url("images/bi.png") center no-repeat;z-index:5}.bi a{display:block;width:100%;height:100%}.e-util{position:absolute;top:30px;right:30px;z-index:30;width:174px;text-align:right}.e-util .btn-home,.e-util .today label{display:inline-block;background:url("images/img_util.png") 100% 100% no-repeat;vertical-align:middle}.e-util .btn-home{width:100%;height:36px;margin-bottom:13px;background-position:0 0}.e-util .btn-home:hover{background-position:100% 0}.e-util .today{display:inline-block;width:120px;height:25px;margin-right:5px;vertical-align:middle}.e-util .today label{position:relative;display:block;width:100%;height:100%;cursor:pointer}.e-util .today label:before{content:"";position:absolute;top:8px;left:-23px;display:block;width:18px;height:18px;background:url("images/bg_check.png") 0 0 no-repeat}.e-util .today .chk{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}.e-util .today .chk:checked+label:before{background-position-y:100%}.e-util .proba{margin-top:20px}.content-event{overflow:hidden;position:relative;width:100%}.content-event .eventimg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1920px}.content-event .eventbtn{position:absolute;display:block}.content-event1{width:100%}.content-event1 .cont1{height:913px;background:url("images/event1_1.jpg") center no-repeat}.content-event1 .cont2{height:794px;background:url("images/event1_2.jpg") center no-repeat}.content-event1 .cont3{height:1129px;background:url("images/event1_3.jpg") center no-repeat}.content-event1 .cont3 .btn-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:170px;display:flex;align-items:center;gap:20px}.content-event1 .cont3 .btn-wrap .btn-more{width:440px;height:80px;background-image:url("images/btn_more.png");background-color:transparent}.content-event1 .cont3 .btn-wrap .btn-more:hover{background-position-y:100%}.content-event1 .cont3 .btn-wrap .btn-character-name-reservation{width:440px;height:80px;background-image:url("images/btn_character_name_reservation.png");background-color:transparent}.content-event1 .cont3 .btn-wrap .btn-character-name-reservation:hover{background-position-y:100%}.content-event1 .cont4{height:3416px;background:url("images/event1_4.jpg") center no-repeat}.content-event2{width:100%}.content-event2 .cont1{height:1096px;background:url("images/event2_1.jpg") 50% 0 no-repeat}.content-event2 .cont1 .btn-more{position:absolute;left:50%;transform:translateX(-50%);bottom:24px;width:440px;height:80px;background-image:url("images/btn_more.png");background-color:transparent}.content-event2 .cont1 .btn-more:hover{background-position-y:100%}.content-event2 .cont2{height:1614px;background:url("images/event2_2.jpg") 50% 0 no-repeat}.content-event2 .cont2 .btn-character-name{position:absolute;left:50%;transform:translateX(-50%);bottom:340px;width:440px;height:80px;background-image:url("images/btn_character_name.png");background-color:transparent;cursor:pointer}.content-event2 .cont2 .btn-character-name:hover{background-position-y:100%}.pop-character{display:none;position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);width:779px;height:90%;max-height:736px;overflow-y:auto;background:url("images/bg_pop_character.png") center no-repeat}.pop-character::-webkit-scrollbar{width:5px}.pop-character::-webkit-scrollbar-thumb{height:30%;background:#e6c19d}.pop-character::-webkit-scrollbar-track{background:rgba(230,193,157,0.2)}.pop-character .pop-cont{width:100%;max-width:764px;height:100%;max-height:490px;margin-top:-1px;padding-bottom:26px}.pop-character .notice{width:602px;margin:auto}.pop-character .notice li{font-size:13px;font-weight:500;letter-spacing:-0.05em;line-height:20px;color:rgba(255,255,255,0.7)}.pop-cont .nickname{position:relative;background-color:rgba(255,255,255,0.1);width:640px;height:50px;margin:auto;line-height:50px;display:flex;justify-content:center}.pop-cont .nickname label{font-weight:500}.pop-cont .nickname em{display:block;margin-left:13px;color:#fff;font-size:18px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pop-cont .label,.pop-cont .text{overflow:hidden;font-size:18px;font-weight:600;letter-spacing:-0.05em;color:#fff}.pop-cont .select-char{width:84%;margin:30px auto 38px;padding:40px 0 25px;border-top:2px solid rgba(255,255,255,0.2);border-bottom:2px solid rgba(255,255,255,0.2)}.pop-cont .select-char>div{height:90px}.pop-cont .select-class{margin:0 auto;width:602px}.pop-cont .select-class .class-list{margin-top:15px}.pop-cont .select-class .class-list .radio{display:inline-block;position:relative;width:85px;height:20px;margin-right:30px;font-size:18px;font-weight:600;color:#fff;cursor:pointer}.pop-cont .select-class .class-list .radio input{position:absolute;left:-9999px;visibility:hidden}.pop-cont .select-class .class-list .radio input:checked+span,.pop-cont .select-class .class-list .radio input:checked ~ span{background-position:0 100%}.pop-cont .select-class .class-list .radio span{display:inline-block;padding-left:25px;line-height:20px;background:url("images/ico_chk.png") 0 0 no-repeat}.pop-cont .input-character{margin:0 auto;width:600px}.pop-cont .input-character .input-box{margin-top:15px}.pop-cont .input-character .input{display:inline-block;vertical-align:top}.pop-cont .input-character input{padding:0 16px;width:221px;height:42px;line-height:40px;color:#404955;font-size:16px;background:#fff;font-weight:600}.pop-cont .input-character .btn-check{display:inline-block;vertical-align:middle;height:42px;padding:0 20px;margin-left:4px;font-size:15px;font-weight:bold;letter-spacing:-0.05em;color:#fff;background-color:#957a58;cursor:pointer}.pop-cont .input-character .btn-check:disabled{cursor:auto;pointer-events:none;opacity:.5}.pop-cont .input-character .btn-check:not(:disabled):hover{background:radial-gradient(#f2c26f 30%,#ffe4b5 80%,#fff7ea 100%);color:#242424}.pop-cont .btn-submit{display:block;margin:30px auto 0;width:164px;height:50px;font-size:18px;font-weight:bold;letter-spacing:-0.05em;color:#fff;background-color:#957a58;cursor:pointer}.pop-cont .btn-submit:disabled{cursor:auto;pointer-events:none;opacity:.5}.pop-cont .btn-submit:not(:disabled):hover{background:radial-gradient(#f2c26f 30%,#ffe4b5 80%,#fff7ea 100%);color:#242424}.pop-cont .period{padding:10px 0 10px 60px;font-size:15px;color:rgba(255,255,255,0.5);letter-spacing:-0.75px}.pop-close{overflow:hidden;line-height:0;font-size:0;color:transparent;text-indent:-9999px;position:absolute;right:35px;top:50px;width:29px;height:29px;background:url("images/btn_close.png") 50% 0 no-repeat;cursor:pointer;transform-origin:center}.pop-title-wrap{display:flex;flex-direction:column;justify-content:center;width:100%;height:140px;padding-top:30px}.mission-title,.mission-sub-title{text-align:center;color:#fff;font-family:"NotoSans Regular";letter-spacing:-0.05em}.mission-title{font-size:42px;font-weight:thin;background:linear-gradient(to bottom,#fff 0,#fff 30%,#f1cbac 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-size:42px;font-weight:700;line-height:150%}.mission-sub-title{font-size:24px;font-weight:600;color:#f2c26f;margin-top:20px}@keyframes opacityObj1{0%{opacity:0}100%{opacity:1}}@keyframes opacityObj2{0%,100%{opacity:1}50%{opacity:0}}@keyframes slideCenter{to{opacity:1;transform:translate(-50%,0)}}@keyframes slideObj2{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,3px)}}@keyframes slideObj3{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,6px)}}@-webkit-keyframes moveDown{0%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}55%{-webkit-transform:translate(0,40px) skew(1.2deg) rotate(-1deg);transform:translate(0,40px) skew(1.2deg) rotate(-1deg)}100%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}}@keyframes moveDown{0%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}55%{-webkit-transform:translate(0,40px) skew(1.2deg) rotate(-1deg);transform:translate(0,40px) skew(1.2deg) rotate(-1deg)}100%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}}@-webkit-keyframes moveRotate{0%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}55%{-webkit-transform:translate(10px,30px) skew(-10deg) rotate(-15deg);transform:translate(10px,30px) skew(-10deg) rotate(-15deg)}100%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}}@keyframes moveRotate{0%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}55%{-webkit-transform:translate(10px,30px) skew(-10deg) rotate(-15deg);transform:translate(10px,30px) skew(-10deg) rotate(-15deg)}100%{-webkit-transform:translate(0,0) skew(0) rotate(0);transform:translate(0,0) skew(0) rotate(0)}}.slide-box{position:absolute;top:379px;left:50%;transform:translateX(-50%);width:1010px;height:580px;box-sizing:border-box}.slide-list{width:100%;height:100%;position:absolute;overflow:hidden;margin:0 auto}.slide-list li{position:absolute;text-align:center;display:none;width:1010px}.slide-list li img{margin:0 auto;width:1006px;height:auto}.slide-ctrl{position:relative;width:1160px;top:50%;left:51%;transform:translateX(-50%);z-index:2}.slide-ctrl button{overflow:hidden;display:block;position:absolute;top:50%;transform:translateY(-50%);width:45px;height:70px;background:transparent;text-indent:-1000em;cursor:pointer}.slide-ctrl button{background:url("images/slide_arrow.png") no-repeat;opacity:.7}.slide-ctrl button.prev{left:0}.slide-ctrl button.next{right:0;transform:translate(-50%,-50%) scale(-1)}.slide-ctrl button:hover{opacity:1}[class*="popup-"]{display:none;position:fixed;left:50%;top:50%;z-index:50;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[class*="popup-"] .btn-close{position:absolute;top:5px;right:-40px;display:block;width:28px;height:28px;background:url("images/btn_close.png") center no-repeat}.popup-video{width:797px;height:497px;background:url("images/bg_frame.png") center no-repeat}.popup-video .iframe-layer{outline:1px solid #ee4d48;border:3px solid #e70700;overflow:hidden;width:785px;height:485px;margin:6px;background-color:#000}.popup-video .iframe-layer iframe{width:100%;height:100%}.popup-video .btn-close{cursor:pointer;position:absolute;right:-48px;top:4px;width:33px;height:33px;background-image:url("images/btn_close.png")}