@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}.e-nav .navigation{position:relative;width:1280px;margin:0 auto}.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,.bi,.e-util .btn-home,.e-util .today label,.e-nav .navigation a,.content-event .eventbtn,[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:40;display:none}#btnTop{display:none;opacity:0;position:fixed;bottom:40px;right:calc((100vw - min(100vw, 1920px) + 100px) / 2);width:89px;height:89px;filter:drop-shadow(4px 4px 4px rgba(0,0,0,0.72));background:url("images/btn_top.png") no-repeat 0 0;cursor:pointer;z-index:7}#btnTop:hover{background-position-y:100%}.scroll #btnTop{opacity:1;display:block}.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;width:1280px;height:100%;margin:auto}@keyframes opacityBg{0%{opacity:0}100%{opacity:1}}.header{position:absolute;width:100%;max-width:1920px;min-width:1010px}.header .badge{position:absolute;right:30px;top:120px;z-index:3}.content-top{position:relative;height:810px;background:url("images/bg_gate_01.jpg") center top no-repeat;width:100%;max-width:1920px;margin:0 auto;text-align:center}.content-top::before{content:"";position:absolute;width:100%;height:100%;background:url("images/bg_gate_02.jpg") center top no-repeat;animation:opacityObj1 1s .2s forwards ease-in;opacity:0;left:0}.content-top .title-box{position:absolute;top:0;left:50%;margin:0 auto;width:740px;height:397px;z-index:2;opacity:0;transform:translate(-50%,10%);animation:slideCenter 2s .5s forwards}.content-top .title-box:hover img.title{opacity:0}.content-top .title-box:hover img.title.hover{opacity:1}.content-top .title-box img.title{position:absolute;display:block;top:25%;z-index:1;opacity:1;transition:.5s opacity}.content-top .title-box img.title.hover{opacity:0}.content-top .btn-play{background-color:transparent;position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:184px;height:205px;z-index:2;cursor:pointer;opacity:0;animation:opacityObj1 1s 1s forwards ease-in}.content-top .btn-play img{position:absolute;top:0;left:0;transition:.5s opacity}.content-top .btn-play img.hover{opacity:0}.content-top .btn-play:hover img.hover{opacity:1}.content-top .period-box{background-image:url("images/gate_subtitle.png");position:absolute;left:50%;bottom:-3%;transform:translateX(-50%);width:577px;height:343px;opacity:0;transform:translate(-50%,10%);animation:slideCenter 2s .5s forwards}.hide{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;z-index:3}canvas{display:block;position:absolute;bottom:0;pointer-events:none}#canvas1{left:60%}#canvas2{right:60%}#canvas{display:block;position:absolute;top:0;left:50%;margin-left:-960px;pointer-events:none}.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% 105% 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-nav{width:100%;height:100px;position:absolute;top:810px;left:0;z-index:5;background:url("images/bg_nav.jpg") repeat-x;box-shadow:0 10px 9px rgba(0,0,0,0.3)}.e-nav .navigation{overflow:hidden}.e-nav .navigation a{display:block;float:left;margin-left:1px;width:255px;height:100px;background-position-y:0;background-image:url("images/nav.png");background-repeat:no-repeat}.e-nav .navigation a.nav1{background-position-x:-255px}.e-nav .navigation a.nav2{background-position-x:-510px}.e-nav .navigation a.nav3{background-position-x:-765px}.e-nav .navigation a.nav4{background-position-x:-1030px}.e-nav .navigation a.nav5{background-position-x:100%}.e-nav .navigation a:hover span,.e-nav .navigation a.current span{opacity:1}.e-nav .navigation a span{display:block;width:100%;height:100%;background-image:inherit;background-position-x:inherit;background-position-y:100%;opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.e-nav.fixed{position:fixed;top:0}.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%;margin-top:100px}.content-event1 .cont1{height:1435px;background:url("images/bg_event1_1.jpg") 50% 0 no-repeat}.content-event1 .cont2{height:1250px;background:url("images/bg_event1_2.jpg") 50% 0 no-repeat}.content-event1 .cont3{height:564px;background:url("images/bg_event1_3.jpg") 50% 0 no-repeat}.content-event2{width:100%;margin-top:100px}.content-event2 .cont1{height:2296px;background:url("images/bg_event2_1.jpg") 50% 0 no-repeat}.content-event2 .cont1 .skills-wrap{position:absolute;left:50%;top:1308px;height:826px;transform:translateX(-50%);display:flex;flex-wrap:wrap;width:770px;column-gap:40px;row-gap:100px;align-items:center}.content-event2 .cont1 .skills-wrap li{margin:0 auto;position:relative;width:364px;height:206px}.content-event2 .cont1 .skills-wrap li video{width:100%}.content-event2 .cont1 .skills-wrap li::before{content:"";width:100%;height:100%;position:absolute;top:0;background-image:url("images/skill_frame.png")}.content-event2 .cont1 .skills-wrap li:nth-child(1)::after{content:"";position:absolute;left:-30px;top:-20px;width:57px;height:56px;background-image:url("images/icon_skill_01.png");background-repeat:no-repeat}.content-event2 .cont1 .skills-wrap li:nth-child(2)::after{content:"";position:absolute;left:-30px;top:-20px;width:57px;height:56px;background-image:url("images/icon_skill_02.png");background-repeat:no-repeat}.content-event2 .cont1 .skills-wrap li:nth-child(3)::after{content:"";position:absolute;left:-30px;top:-20px;width:57px;height:56px;background-image:url("images/icon_skill_03.png");background-repeat:no-repeat}.content-event2 .cont1 .skills-wrap li:nth-child(4)::after{content:"";position:absolute;left:-30px;top:-20px;width:57px;height:56px;background-image:url("images/icon_skill_04.png");background-repeat:no-repeat}.content-event2 .cont1 .skills-wrap li:nth-child(5)::after{content:"";position:absolute;left:-30px;top:-20px;width:57px;height:56px;background-image:url("images/icon_skill_05.png");background-repeat:no-repeat}.content-event2 .cont1 .skills-wrap li .dim{content:"";position:absolute;bottom:0;width:363px;height:136px;background-image:url("images/dim_gif.png");opacity:.5}.content-event2 .cont2{height:1568px;background:url("images/bg_event2_2.jpg") 50% 0 no-repeat}.content-event3{width:100%;margin-top:100px}.content-event3 .cont1{height:1067px;background:url("images/bg_event3_1.jpg") 50% 0 no-repeat}.content-event4{width:100%;margin-top:100px}.content-event4 .cont1{height:902px;background:url("images/bg_event4_1.jpg") 50% 0 no-repeat}.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 em{display:block;margin-left:13px;color:#fff;font-size:18px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pop-cont .label,.pop-cont .text{overflow:hidden;font-size:18px;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;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:40px;line-height:40px;color:#554b40;font-size:16px;background:#fff}.pop-cont .input-character .btn-check{display:inline-block;vertical-align:middle;width:120px;height:41px;margin-left:1px;font-size:16px;font-weight:thin;color:#fff;background:#be994d;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-color:#f09f2b;color:#242424}.pop-cont .btn-submit{display:block;margin:30px auto 0;width:160px;height:50px;font-size:18px;font-weight:thin;color:#fff;background-color:#be994d;cursor:pointer}.pop-cont .btn-submit:disabled{cursor:auto;pointer-events:none;opacity:.5}.pop-cont .btn-submit:not(:disabled):hover{background-color:#f09f2b;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}@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)}}@-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)}}[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;opacity:.85;transition:.3s opacity}[class*="popup-"] .btn-close:hover{opacity:1}.popup-video{width:812px;height:489px;background:url("images/video_frame.png") center no-repeat}.popup-video .iframe-layer{overflow:hidden;width:784px;height:479px;margin:auto;margin-top:4px;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")}