.default-modal{position:fixed;top:0;left:0;background:rgba(0,0,0,.439);width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center}.default-modal .modal{position:relative;justify-content:space-evenly;width:62.5rem;height:37.5rem;font-size:2.375rem;background:url(/student/images/background/popup-bg.png)}.default-modal .modal,.default-modal .modal .modal-contents{display:flex;flex-direction:column;align-items:center}.default-modal .modal .modal-button-close{position:absolute;width:50px;height:50px;top:65px;right:65px;background:url(/student/images/button/b-close_gray.png) no-repeat 50%/100%}.default-modal .modal .modal-button-wrap>*{font-size:2.875rem!important}.default-modal .modal .modal-button-wrap{display:flex;gap:5rem}.container{overflow:hidden;z-index:1;padding:1rem 2.5rem}.seek-bar{position:relative;width:62.5rem;height:3.125rem;border-radius:25px;border:5px solid #d6d6d6;background-color:#fff;box-sizing:content-box}.seek-bar>.circle{cursor:-webkit-grab;cursor:grab;position:absolute;left:0;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);touch-action:none}.seek-bar>.circle>svg{pointer-events:none;width:0;height:0}.seek-bar>.circle>div{height:100%;filter:url(#svg_goo)}.seek-bar>.circle>div>em{display:block;width:5em;height:5em;background:#34e6ff;border-radius:100%;box-shadow:0 2px 2px 0 rgba(0,0,0,.3);border:8px solid #d8d4fc;background-image:linear-gradient(90deg,#f7f7f7,#efefef)}.seek-bar>.circle>div>em,.seek-bar>.circle>span{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .5s}.seek-bar>.circle>span{filter:none;color:#fff;font-size:18px;white-space:nowrap;text-align:center}.seek-bar>.circle.s_on>span{margin-top:-50px;font-size:20px}.seek-bar>.circle.s_on>div>em:nth-child(2){margin-top:-50px;background:#65bbff;width:40px;height:40px}.video_wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden;background:#000;flex-direction:column}.video_wrapper.rhythm-video .title{opacity:0}.video_wrapper .player{display:flex;align-items:center;justify-content:center}.video_wrapper .player-back{width:100%;height:100%;position:absolute;z-index:0;top:0;left:0}.video_wrapper .big-play-button.hide{transition:1s;opacity:0;pointer-events:none}.video_wrapper .big-play-button{z-index:1;position:absolute;width:20.625rem;height:20.625rem;top:calc(50% - 10.325rem);left:calc(50% - 10.325rem)}.video_wrapper .big-play-button .play{width:100%;height:100%;background:url(/student/images/button/b-play_big.png) no-repeat 50%/100%}.video_wrapper .big-play-button .pause{width:100%;height:100%;background:url(/student/images/button/b-pause_big.png) no-repeat 50%/100%}.video_wrapper .controler-wrap{position:absolute;bottom:2.5rem;width:100%;z-index:1}.video_wrapper .controler-wrap .controler{width:111.875rem;height:8.125rem;margin:0 auto;display:flex;align-items:center;opacity:1;justify-content:space-around;border-radius:65px;box-shadow:0 2px 2px 0 rgba(0,0,0,.2);background-image:linear-gradient(180deg,#f7f7f7 0,#efefef)}.video_wrapper .controler-wrap .controler .wrap{display:flex;align-items:center}.video_wrapper .controler-wrap .controler .rate-btn-wrap.true button{box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.video_wrapper .controler-wrap .controler .rate-btn-wrap.true button:first-child{margin-top:-24rem}.video_wrapper .controler-wrap .controler .rate-btn-wrap.true button:nth-child(2){margin-top:-18rem}.video_wrapper .controler-wrap .controler .rate-btn-wrap.true button:nth-child(3){margin-top:-12rem}.video_wrapper .controler-wrap .controler .rate-btn-wrap.true button:nth-child(4){margin-top:-6rem}.video_wrapper .controler-wrap .controler .rate-btn-wrap button{transition:margin-top 1s;width:11.25rem;height:5.625rem;position:absolute;border-radius:45px;font-size:3rem;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3);background:url(/student/images/button/btn-deco_big.png) no-repeat top 1.8px left 6.4px,#dbdbdb}.video_wrapper .controler-wrap .controler .rate-btn-wrap button.current,.video_wrapper .controler-wrap .controler .rate-btn-wrap button.on{background:url(/student/images/button/btn-deco_big.png) no-repeat top 1.8px left 6.4px,#50d2ff}.video_wrapper .controler-wrap .controler .rate-btn-wrap button.current{box-shadow:0 2px 2px 0 rgba(0,0,0,.3);position:relative}.video_wrapper .controler-wrap .controler.hide{pointer-events:none;transition:1s;opacity:0}.video_wrapper .controler-wrap .controler.hide .current-time,.video_wrapper .controler-wrap .controler.hide .duration-time,.video_wrapper .controler-wrap .controler.hide .seek-bar,.video_wrapper .controler-wrap .controler.hide .seek-bar .seek-bar-percent,.video_wrapper .controler-wrap .controler.hide .seek-bar .seek-bar-pointer{transition:1s;opacity:0}.video_wrapper .controler-wrap .controler .time{width:6.875rem;flex:none;font-size:38px;color:#000;font-family:nanumSquareEB}.video_wrapper .controler-wrap .controler .time.current-time{text-align:right}.video_wrapper .controler-wrap .controler .time.duration-time{text-align:left}.video_wrapper .controler-wrap .controler .seek-bar{flex:5 1;position:relative;border-radius:5rem}.video_wrapper .controler-wrap .controler .seek-bar .seek-bar-pointer{width:1.2rem;height:1.2rem;background:#adff2f;border-radius:10rem}.video_wrapper .controler-wrap .controler .seek-bar .seek-bar-percent{width:100%;height:80%;background:green}.video_wrapper .eop{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.502);position:absolute;top:0;left:0;z-index:2;flex-direction:column;font-size:2.125rem;color:#fff}.video_wrapper .eop>img{border-radius:50px}.video_wrapper .eop .btn.close{position:absolute;top:34px;right:76px}.video_wrapper .modal-wrap.modal-tutor{display:flex;align-items:center;justify-content:center}.video_wrapper .modal-wrap.modal-tutor .modal-cont{position:relative;width:192rem;height:108rem}.video_wrapper .modal-wrap.modal-tutor .modal-cont .tutor{z-index:1;position:relative;top:21.5rem;width:58.1rem;height:50.4rem}.video_wrapper .modal-wrap.modal-tutor .modal-cont .ballon-wrap{position:relative;width:58.7rem;height:100%;left:-8rem;top:15.2rem}.video_wrapper .modal-wrap.modal-tutor .modal-cont .ballon-wrap>.image-wrap.ballon-back{left:4.1rem;top:0;width:54.6rem;height:40.9rem}.video_wrapper .modal-wrap.modal-tutor .modal-cont .ballon-wrap>.image-wrap.ballon-shadow{width:52.6rem;height:28.1rem}.video_wrapper .modal-wrap.modal-tutor .modal-cont .ballon-wrap>.image-wrap.ballon{width:52.6rem;height:27.5rem}.video_wrapper .modal-wrap.modal-tutor .modal-cont .ballon-wrap>.image-wrap{position:absolute;top:6.3rem;left:0}.video_wrapper .modal-wrap.modal-tutor .modal-cont .ballon-wrap .balloon-text{font-size:4.2rem;color:#8b70e4;font-family:two!important;position:absolute;text-align:center;word-break:keep-all;width:37.7rem;height:10rem;top:16rem;left:11.6rem}.video_wrapper .modal-wrap.modal-tutor .bottom-button-wrap{position:absolute;width:100%;bottom:20.9rem}.video_wrapper .title{font-family:nanumSquareEB;font-size:50px;color:#fff;transition:.5s}.video_wrapper .title.hide{transition:1s;opacity:0}.video_wrapper .title.EOP{top:18rem}.video_wrapper .btn.close{width:8rem;height:8rem;position:absolute;top:34px;left:auto;right:76px;background:url(/student/images/button/b-close_player.png) no-repeat 50%}.video_wrapper .player-header{display:flex;padding:0 4.6875rem 0 6.5625rem;align-items:center;justify-content:space-between;background:linear-gradient(0deg,transparent,#000);position:absolute;top:0;width:100%;height:10rem;z-index:2;transition:1s}.video_wrapper .player-header.hide{opacity:0}.video_wrapper .close-modal-wrap{position:fixed;top:0;left:0;background:rgba(0,0,0,.439);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video_wrapper .close-modal-wrap .close-modal{display:flex;align-items:center;justify-content:center;flex-direction:column;width:62.5rem;height:37.5rem;font-size:2.375rem;gap:4.5rem;background:url(/student/images/background/popup-bg.png)}.video_wrapper .close-modal-wrap .close-modal .btn-wrap>*{font-size:2.875rem!important}.video_wrapper .close-modal-wrap .close-modal .btn-wrap{display:flex;gap:5rem}.spine-container-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:101}.close{position:absolute;width:100px;height:100px;left:30px;border-radius:100px;top:30px;background:url(/student/exit.png) no-repeat}.close:active{top:33px}*{font-family:nanumSquareEB;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:hsla(0,0%,100%,0)}*,body,html{box-sizing:border-box;text-size-adjust:none}body,html{margin:0;padding:0;font-size:16px;overflow:hidden}body,body #__next,html,html #__next{width:100vw;height:100vh}body #__next #app,html #__next #app{display:flex;flex-direction:column;left:0;top:0;width:1920px;height:1200px;position:absolute;overflow:hidden;transform-origin:left top}body.witti-tv,html.witti-tv{display:flex;flex-direction:column}body.witti-tv *,html.witti-tv *{font-family:nanumSquareB}body a,html a{background-color:transparent;text-decoration:none;outline:none;color:inherit}body a:active,body a:hover,html a:active,html a:hover{text-decoration:none;color:inherit;outline:0}body button,html button{display:flex;align-items:center;justify-content:center;background:none;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;letter-spacing:inherit;font:inherit;color:inherit}body button,body input,html button,html input{outline:none;border:none}.flex--center{justify-content:center}.flex--between,.flex--center{display:flex;align-items:center}.flex--between{justify-content:space-between}.flex--start{justify-content:flex-start}.flex--end,.flex--start{display:flex;align-items:center}.flex--end{justify-content:flex-end}.fade-enter-active{transition:all .3s ease-in-out;opacity:1}.fade-enter-from{opacity:0}.pop-enter-active{transition-delay:.5s;transition:all .3s;transform-origin:left bottom;scale:1}.pop-enter-from{scale:0}.slide-to-right-enter-active,.slide-to-right-leave-active{transition:all .3s;transform:translateX(0)}.slide-to-right-enter-from,.slide-to-right-leave-to{transition:all .3s;transform:translateX(100%)}.close-to-small-leave-active{animation:fade-to-small .6s}.toggle-enter-active,.toggle-leave-active{max-height:1000vh;transition:all .4s ease}.toggle-enter-from,.toggle-leave-to{max-height:0}.fade-to-slide-enter-active,.fade-to-slide-leave-active{transition:all .3s ease-in-out}.fade-to-slide-leave-active{transition-delay:.25s}.fade-to-slide-enter-from,.fade-to-slide-leave-to{opacity:0}.fade-to-slide-enter-active .inner,.fade-to-slide-leave-active .inner{animation:slide-up 1s reverse}.fade-to-slide-enter-active .inner{transition-delay:.55s}.fade-to-slide-enter-from .inner,.fade-to-slide-leave-to .inner{animation:slide-up 1s}@keyframes show-scroll{0%{height:0;overflow:hidden}to{height:auto}}@keyframes fade-to-small{0%{transform:translateX(0);opacity:1}40%{transform:translateX(-10%);opacity:.6}to{opacity:0;transform:translateX(100%)}}@keyframes slide-up{0%{transform:translateY(80%)}80%{transform:translateY(-10%)}to{transform:translateY(0)}}@font-face{font-family:one;font-style:normal;font-weight:100;src:url(/student/_next/static/media/ONE-Mobile-POP.58c994af.woff2) format("woff2")}@font-face{font-family:two;font-style:normal;font-weight:400;src:url(/student/_next/static/media/NanumBarunGothicBold.0795ffca.woff2) format("woff2")}@font-face{font-family:nanumSquareB;font-style:normal;font-weight:400;src:url(/student/_next/static/media/NanumSquareRoundOTFB.09e0fd8a.otf) format("opentype")}@font-face{font-family:nanumSquareEB;font-style:normal;font-weight:400;src:url(/student/_next/static/media/NanumSquareRoundOTFEB.f88f2480.woff) format("woff")}@font-face{font-family:nanumSquareL;font-style:normal;font-weight:400;src:url(/student/_next/static/media/NanumSquareRoundOTFL.ce5b88d3.otf) format("opentype")}@font-face{font-family:nanumSquareR;font-style:normal;font-weight:400;src:url(/student/_next/static/media/NanumSquareRoundOTFR.4b8eac5b.otf) format("opentype")}@font-face{font-family:maplestoryB;font-style:normal;font-weight:400;src:url(/student/_next/static/media/MaplestoryB.daa67c75.woff2) format("woff2")}@font-face{font-family:maplestoryL;font-style:normal;font-weight:400;src:url(/student/_next/static/media/MaplestoryL.579029a0.ttf) format("truetype")}.icon--close{width:4.5rem;height:4.75rem;background-image:url(/student/images/button/b-close.png)}.icon--coin{width:8.375rem;height:8.375rem;background-image:url(/student/images/icon/i-coin.png)}.icon--person{width:30px;height:30px;background:#fff100}.icon--new{background-image:url(/student/images/icon/i-new_l.png)}.icon--best,.icon--new{background-repeat:no-repeat;background-position:50%;width:5rem;height:5rem}.icon--best{background-image:url(/student/images/icon/i-best_l.png)}.icon--all-view{background-repeat:no-repeat;background-position:50%;width:40px;height:28.1px;background-image:url(/student/images/icon/i-all-view.png)}.button--liked{background-image:url(/student/images/button/b-liked.png)}.button--close,.button--liked{background-repeat:no-repeat;background-position:50%;width:6.25rem;height:6.25rem}.button--close{background-image:url(/student/images/button/b-close_blue.png)}.button--back{background-repeat:no-repeat;background-position:50%;width:3.375rem;height:3rem;background-image:url(/student/images/button/b-back.png)}.button--plus{display:flex;align-items:center;justify-content:center;width:7.8125rem;height:2.8125rem;background:#a197ff;color:#fff;font-size:1.625rem;border-radius:50px}.icoTip{background-color:#fff100;border-radius:8px;height:1.25rem;font-size:.75rem}.ico-info,.icoTip{display:flex;align-items:center;justify-content:center;width:2rem;color:#fff}.ico-info{background-color:#ff5e2c;border-radius:50%;height:2rem;font-size:1.5rem;font-weight:800}.tv-enter{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:url(/student/images/background/tv-enter.png) repeat-x 50%,linear-gradient(180deg,#f6f5ff 47.5rem,#e2d6fc 50%);display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;gap:77px}.tv-enter .button{position:absolute;width:100px;height:100px;top:35px;right:65px;background:url(/student/images/button/b-close_blue.png) no-repeat 50%/100%}.tv-enter .pan{width:529.9px;height:600px;margin:0 auto;background:url(/student/images/background/tv-enter-char.png) no-repeat 50%/100%;position:relative;display:flex;justify-content:center}.tv-enter .pan p{margin:0;font-size:44px;text-align:center;position:absolute;bottom:134px}.tv-show-modal{position:fixed;top:0;left:0;background:rgba(0,0,0,.439);width:100%;height:100%;z-index:100}.tv-show-modal,.tv-show-modal .tv-show{display:flex;align-items:center;justify-content:center}.tv-show-modal .tv-show{justify-content:flex-start;flex-direction:column;width:62.5rem;height:37.5rem;font-size:2.375rem;gap:4.5rem;position:relative;background:url(/student/images/background/popup-bg.png)}.tv-show-modal .tv-show .char{margin-top:60px;width:140px;height:160px;background:url(/student/images/background/tv-show-char.png) no-repeat 50%/cover}.tv-show-modal .tv-show .button{position:absolute;top:100px;right:100px;width:50px;height:50px;background:url(/student/images/button/b-close_gray.png) no-repeat 50%/100%}.tv-show-modal .tv-show p b{font-size:44px}.tv-show-modal .tv-show p{font-size:28px;margin:0;text-align:center}.tv-show-modal .tv-show .btn-wrap>*{font-size:2.875rem!important}.tv-show-modal .tv-show .btn-wrap{display:flex;gap:5rem}