.page_2 .class .content .info,.page_3 .messenger .content .info,.page_3 .messenger .content .info .name h4,.page_4 .feature-nav a{font-family:"Noto Sans KR",sans-serif}.page_4 .feature-box,.swiper-slide,section{background-position:center;background-repeat:no-repeat;background-size:cover}.page_2 h2,.page_3 h2{position:absolute;top:120px;left:0;right:0;margin:auto;text-align:center}.page_4 h2{margin:120px 0 90px;text-align:center}.page_2 .class .content .info .name h3,.page_3 .messenger .content .info .name h3{color:#445c87;background:-webkit-linear-gradient(top,#617db1 0,#445c87 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page_3 .messenger .content .info .name h4{padding:8px 15px;font-size:21px;color:#fff;line-height:21px;text-align:center;font-weight:400;background:#575f6d;border-radius:6px}.page_2 .class .content,.page_3 .messenger .content{position:relative;padding-top:275px;margin:auto;max-width:960px}.page_2 .class .class-prev,.page_3 .messenger .messenger-prev,.page_4 .feature-prev{left:20px;right:auto}.page_2 .class .class-next,.page_3 .messenger .messenger-next,.page_4 .feature-next{left:auto;right:20px}.page_2 .class .class-nav:before,.page_3 .messenger .messenger-nav:after,.page_3 .messenger .messenger-nav:before{content:"";position:absolute;left:0;right:0;margin:auto;width:80%;height:2px;background:#7a7d85}.page_2 .class .class-nav a:before,.page_3 .messenger .messenger-nav a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#ff9d62;border-radius:50%}.swiper-button:hover img,.swiper-button img,a,a:before,a>*{display:block;-webkit-transition:0.3s;transition:0.3s}.wrap{position:relative;min-width:1150px;color:#575f6d}section{position:relative;min-height:945px;overflow:hidden}.fancybox-slide--video .fancybox-content{width:1000px!important;height:562px!important;max-width:80%;max-height:80%;margin:0}.loading{position:fixed;z-index:1000;top:0;width:100%;height:100%;background:#504e4d}.loading img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.swiper-slide{height:100vh;min-height:945px;background-size:auto 100%}.swiper-button{position:absolute;z-index:2;top:50%;cursor:pointer;outline:none;width:67px}.swiper-button img{width:100%;height:100%;-webkit-filter:contrast(100%);-moz-filter:contrast(100%);-ms-filter:contrast(100%);filter:contrast(100%)}.swiper-button:hover img{-webkit-filter:contrast(150%);-moz-filter:contrast(150%);-ms-filter:contrast(150%);filter:contrast(150%)}.swiper-wrapper{-webkit-transition-timing-function:cubic-bezier(0.17,0.86,0.46,1);transition-timing-function:cubic-bezier(0.17,0.86,0.46,1)}.page_1{background-image:url("../images/bg_1.jpg")}.page_1 .movBg{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;width:1920px;height:1080px;-o-object-fit:cover;object-fit:cover}.page_1 h1{position:relative;margin:400px auto 0;text-align:center}.page_1 .btn_play{position:relative;width:120px;margin:0 auto 30px}.page_1 .btn_play img{width:100%}.page_1 .btn_play .play_bg{position:absolute;-webkit-animation:play_bg 4s linear infinite;animation:play_bg 4s linear infinite}@-webkit-keyframes play_bg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes play_bg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.page_1 .btn_play .play{position:relative}.page_1 .app{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.page_1 .app a{margin-right:8px}.page_1 .app a img{width:180px;height:auto}.page_1 .app a:last-child{margin-right:0}.page_1 .scrollDown{position:absolute;left:0;right:0;bottom:20px;margin:auto;width:50px}.page_1 .scrollDown img{width:100%}.page_2{background-image:url("../images/bg_2.jpg")}.page_2 .class{position:relative}.page_2 .class .class_1{background-image:url("../images/class_role_1.png")}.page_2 .class .class_2{background-image:url("../images/class_role_2.png")}.page_2 .class .class_3{background-image:url("../images/class_role_3.png")}.page_2 .class .class_4{background-image:url("../images/class_role_4.png")}.page_2 .class .class_4 .content .info{width:495px}.page_2 .class .content .info{float:right;width:470px;text-align:center}.page_2 .class .content .info .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.page_2 .class .content .info .name img{width:70px}.page_2 .class .content .info .name h3{margin:0 10px 0 7px;font-size:60px;line-height:80px}.page_2 .class .content .info .name h4{margin-bottom:5px;padding:7px 15px 9px;font-size:19px;color:#fff;line-height:19px;text-align:center;font-weight:400;background:#575f6d;border-radius:6px}.page_2 .class .content .info p{margin:10px 0 20px;padding:21px 0 26px;font-size:18px;color:#575f6d;line-height:24px;font-weight:400;text-align:left;border:1px #a4a8ae solid;border-left-width:0;border-right-width:0}.page_2 .class .content .btn_skill{position:absolute;top:750px;left:50%;margin-left:-370px;width:179px}.page_2 .class .content .btn_skill img{width:100%}.page_2 .class .content .btn_skill:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.page_2 .class .class-nav{position:absolute;z-index:2;left:0;right:0;bottom:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:auto;width:400px}.page_2 .class .class-nav:before{top:0;bottom:0}.page_2 .class .class-nav a{position:relative;width:84px}.page_2 .class .class-nav a img{position:relative;width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}.page_2 .class .class-nav a:before{width:97%;height:97%;opacity:0}.page_2 .class .class-nav a.focus img,.page_2 .class .class-nav a:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%)}.page_2 .class .class-nav a.focus:before,.page_2 .class .class-nav a:hover:before{opacity:1}.page_3{background-image:url("../images/bg_3.jpg")}.page_3 .messenger{position:relative}.page_3 .messenger .messenger_1{background-image:url("../images/messenger_role_1.png")}.page_3 .messenger .messenger_2{background-image:url("../images/messenger_role_2.png")}.page_3 .messenger .messenger_3{background-image:url("../images/messenger_role_3.png")}.page_3 .messenger .messenger_4{background-image:url("../images/messenger_role_4.png")}.page_3 .messenger .messenger_5{background-image:url("../images/messenger_role_5.png")}.page_3 .messenger .messenger_6{background-image:url("../images/messenger_role_6.png")}.page_3 .messenger .messenger_7{background-image:url("../images/messenger_role_7.png")}.page_3 .messenger .messenger_8{background-image:url("../images/messenger_role_8.png")}.page_3 .messenger .content .info{float:right;width:435px;text-align:center}.page_3 .messenger .content .info .name h3{margin-bottom:13px;font-size:58px;line-height:66px}.page_3 .messenger .content .info .name h4{display:table;letter-spacing:2px;text-transform:uppercase;padding-right:13px}.page_3 .messenger .content .info .txts{margin-top:20px;padding:24px 0;font-size:21px;color:#575f6d;line-height:24px;border:1px #a4a8ae solid;border-left-width:0;border-right-width:0}.page_3 .messenger .content .info .txts p{padding:4px 0 5px 20px;border-left:10px #a4a8ae solid}.page_3 .messenger .content .btn_skill{position:absolute;top:620px;left:50%;margin-left:-80px;width:50px}.page_3 .messenger .content .btn_skill img{width:100%}.page_3 .messenger .content .btn_skill:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.page_3 .messenger .messenger-nav{position:absolute;z-index:2;top:640px;left:50%;margin-left:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;width:360px;height:175px}.page_3 .messenger .messenger-nav:before{top:25%}.page_3 .messenger .messenger-nav:after{bottom:25%}.page_3 .messenger .messenger-nav a{position:relative;z-index:2;width:84px}.page_3 .messenger .messenger-nav a img{position:relative;width:100%;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}.page_3 .messenger .messenger-nav a:before{width:100%;height:100%;opacity:0}.page_3 .messenger .messenger-nav a.focus img,.page_3 .messenger .messenger-nav a:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%)}.page_3 .messenger .messenger-nav a.focus:before,.page_3 .messenger .messenger-nav a:hover:before{opacity:1}.page_4{background-image:url("../images/bg_4.jpg")}.page_4 .feature-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:25px}.page_4 .feature-nav a{padding:0 35px;font-size:21px;color:#575f6d;line-height:21px;text-align:center;font-weight:700;border-right:1px #575f6d solid}.page_4 .feature-nav a.focus,.page_4 .feature-nav a:hover{color:#c25b4d}.page_4 .feature-nav a:last-child{border-width:0}.page_4 .feature-box{position:relative;margin:auto;width:898px;height:527px;background-image:url("../images/feature_bg.png")}.page_4 .feature-box .feature{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:840px;height:472px;overflow:hidden}.page_4 .feature-box .feature .swiper-slide{width:840px;height:472px;min-height:auto}@media screen and (min-width:1921px){.page_1 .movBg{top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%}}@media screen and (max-width:1366px) and (max-height:688px){section{min-height:688px}.loading img{width:150px}.scrollDown{width:40px}.swiper-button{width:60px}.page_2 h2 img,.page_3 h2 img,.page_4 h2 img{width:720px}.page_1{height:688px;min-height:auto}.page_1 .movBg{margin:-384px 0 0 -683px;width:1366px;height:768px}.page_1 h1{margin-top:270px}.page_1 h1 img{width:520px}.page_1 .btn_play{width:100px;margin-bottom:20px}.page_1 .app a{margin:0 4px}.page_1 .app a img{width:150px}.page_2 .class .swiper-slide,.page_3 .messenger .swiper-slide{background-size:auto 90%;background-position:top center}.page_2 .class .content,.page_3 .messenger .content{padding-top:250px}.page_2{height:840px}.page_2 .class .content{max-width:900px}.page_2 .class .content .info{width:441px}.page_2 .class .content .info .name img{width:65px}.page_2 .class .content .info .name h3{font-size:55px;line-height:72px}.page_2 .class .content .info .name h4{margin-bottom:11px;padding:6px 12px}.page_2 .class .content .info p{padding:15px 0 20px}.page_2 .class .content .info .skill{width:315px}.page_2 .class .content .btn_skill{top:560px;width:45px}.page_2 .class .class_4 .content .info{width:460px}.page_2 .class .class-nav{bottom:115px}.page_3{height:840px}.page_3 .messenger .content{max-width:940px}.page_3 .messenger .content .info{width:430px}.page_3 .messenger .content .info .name h3{font-size:52px;line-height:65px}.page_3 .messenger .content .info .txts{top:550px}.page_3 .messenger .messenger-nav{top:600px;height:auto}.page_4{min-height:790px}.page_4 h2{margin-bottom:50px}.page_4 .feature-nav{margin-bottom:20px}.page_4 .feature-nav a{padding:0 30px;font-size:19px;line-height:19px}.page_4 .feature-box{width:800px;height:469px}.page_4 .feature-box .feature,.page_4 .feature-box .feature .swiper-slide{width:750px;height:422px}}@media screen and (max-width:900px){.loading img{width:36%;max-width:160px}.wrap{min-width:100vw}.swiper-button{display:none}section{height:auto;min-height:133.335vw}.fancybox-slide--video .fancybox-content{width:100vw!important;height:56.25vw!important;max-width:100vw;margin:0}.fancybox-slide{padding-left:0!important;padding-right:0!important}.page_1{height:auto;min-height:133.335vw;background-image:url("../images/bg_1m.jpg")}.page_1 .movBg{display:none}.page_1 h1{margin-top:13vw}.page_1 h1 img{min-width:530px;width:73vw}.page_1 .btn_play{margin:7.5vw auto 56vw}.page_2 h2,.page_3 h2,.page_4 h2{top:100px;left:50%;right:auto;margin-left:calc(-600px / 2)}.page_2 h2 img,.page_3 h2 img,.page_4 h2 img{width:600px}.page_2{background-image:url("../images/bg_2m.jpg")}.page_2 .class .swiper-slide{min-height:133.335vw;background-position:center}.page_2 .class .class_1{background-image:url("../images/class_role_1m.png")}.page_2 .class .class_2{background-image:url("../images/class_role_2m.png")}.page_2 .class .class_3{background-image:url("../images/class_role_3m.png")}.page_2 .class .class_4{background-image:url("../images/class_role_4m.png")}.page_2 .class .class_4 .content .info{width:auto}.page_2 .class .content{padding-top:230px;width:400px;max-width:none;height:133.335vw}.page_2 .class .content .info{float:none;width:100%}.page_2 .class .content .info .name img{width:46px}.page_2 .class .content .info .name h3{font-size:40px;line-height:53px;letter-spacing:0}.page_2 .class .content .info .name h4{margin-bottom:7px;padding:4px 10px 6px;font-size:17px;line-height:17px}.page_2 .class .content .info p{margin:10px 0 0;padding:15px 0 20px;font-size:16px;line-height:22px}.page_2 .class .content .info .skill{display:none}.page_2 .class .content .btn_skill{top:auto;left:0;right:0;bottom:20vw;margin:auto;width:20vw;min-width:100px}.page_2 .class .class-nav{bottom:30px;width:400px}.page_3{height:1234px;background-image:url("../images/bg_3m.jpg")}.page_3 .messenger .messenger_1{background-image:url("../images/messenger_role_1m.png")}.page_3 .messenger .messenger_2{background-image:url("../images/messenger_role_2m.png")}.page_3 .messenger .messenger_3{background-image:url("../images/messenger_role_3m.png")}.page_3 .messenger .messenger_4{background-image:url("../images/messenger_role_4m.png")}.page_3 .messenger .messenger_5{background-image:url("../images/messenger_role_5m.png")}.page_3 .messenger .messenger_6{background-image:url("../images/messenger_role_6m.png")}.page_3 .messenger .messenger_7{background-image:url("../images/messenger_role_7m.png")}.page_3 .messenger .messenger_8{background-image:url("../images/messenger_role_8m.png")}.page_3 .messenger .swiper-slide{min-height:1234px;background-position:center bottom}.page_3 .messenger .swiper-slide .content{padding-top:200px;width:465px;max-width:none}.page_3 .messenger .swiper-slide .content .info{float:none;width:100%}.page_3 .messenger .swiper-slide .content .info .name h3{margin-bottom:10px;font-size:40px;line-height:50px;text-align:center}.page_3 .messenger .swiper-slide .content .info .name h4{display:inline-table;padding:7px 13px;padding-right:11px;font-size:19px;line-height:19px}.page_3 .messenger .swiper-slide .content .info .txts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:18px 0;margin-top:13px}.page_3 .messenger .swiper-slide .content .info .txts p{padding:7px 0 4px 20px;width:50%;font-size:18px;line-height:21px;text-align:left}.page_3 .messenger .messenger-nav{top:460px;margin-left:-190px;width:380px;height:160px}.page_3 .messenger .messenger-nav a{width:80px}.page_4{background-image:url("../images/bg_4m.jpg")}.page_4 h2{position:absolute;margin-top:0;margin-bottom:0}.page_4 .feature-nav{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:230px auto 5px}.page_4 .feature-nav a{padding:0 5vw;margin-bottom:12px;font-size:21px;line-height:21px}.page_4 .feature-nav a:last-child,.page_4 .feature-nav a:nth-child(3){border-right-width:0}.page_4 .feature-box{width:527px;height:695px;background-image:url("../images/feature_bg_m.png")}.page_4 .feature-box .feature,.page_4 .feature-box .feature .swiper-slide{width:470px;height:635px}}@media screen and (max-width:600px){.page_1,section{min-height:160vw}.page_1 h1{margin-top:16vw}.page_1 .btn_play{margin:8vw auto 66vw}.page_2 .class .swiper-slide{min-height:160vw}.page_2 .class .swiper-slide .content{height:160vw}.page_2 .class .swiper-slide .content .btn_skill{bottom:25vw;width:28vw}.page_4 .feature-nav{margin:225px auto 5px}.page_4 .feature-box{width:80vw;height:105vw}.page_4 .feature-box .feature{width:90%;height:92%}.page_4 .feature-box .feature .swiper-slide{width:100%;height:100%}}@media screen and (max-width:480px){.page_1,.page_4,section{min-height:177.867vw}.page_1 h1{margin-top:20vw}.page_1 h1 img{min-width:auto;width:98vw}.page_1 .btn_play{margin:8vw auto 70vw;width:23vw;min-width:85px}.page_1 .app a img{width:40vw}.page_1 .scrollDown{bottom:5px;width:10vw;min-width:35px}.page_2 h2,.page_3 h2,.page_4 h2{top:calc(7vw + 55px);margin-left:-55vw}.page_2 h2 img,.page_3 h2 img,.page_4 h2 img{width:110vw;min-width:360px}.page_2 .class .swiper-slide .content,.page_3 .messenger .swiper-slide .content{padding-top:calc(25vw + 55px);width:80vw}.page_2{height:auto}.page_2 .class .swiper-slide{min-height:177.867vw}.page_2 .class .swiper-slide .content{height:177.867vw}.page_2 .class .swiper-slide .content .info .name img{width:10.5vw}.page_2 .class .swiper-slide .content .info .name h3{margin:0 1.5vw 0 1vw;font-size:8vw;line-height:11vw}.page_2 .class .swiper-slide .content .info .name h4{margin-bottom:1.7vw;padding:2px 10px 5px;font-size:4vw;line-height:4vw;border-radius:1vw}.page_2 .class .swiper-slide .content .info p{padding:3vw 0 3.5vw;font-size:15px;line-height:5vw}.page_2 .class .swiper-slide .content .btn_skill{width:30vw}.page_2 .class .class-nav{bottom:8px;width:86vw;max-width:350px}.page_2 .class .class-nav a{width:18vw;max-width:75px}.page_3{height:210vw;background-position:top center}.page_3 .messenger .swiper-slide{min-height:210vw;background-size:auto 96%}.page_3 .messenger .swiper-slide .content .info .name h3{margin-bottom:1.5vw;font-size:8vw;line-height:10vw}.page_3 .messenger .swiper-slide .content .info .name h4{padding:5px 12px;padding-right:10px;font-size:3.5vw;line-height:3.5vw;border-radius:1vw}.page_3 .messenger .swiper-slide .content .info .txts{padding:2.8vw 0;margin-top:2vw}.page_3 .messenger .swiper-slide .content .info .txts p{padding:7px 1.5vw 4px 2vw;width:50%;font-size:15px;line-height:4vw;border-left-width:1.5vw}.page_3 .messenger .messenger-nav{top:84vw;margin-left:-35%;width:70%;max-height:145px;height:30vw}.page_3 .messenger .messenger-nav a{width:15vw;max-width:75px}.page_4 .feature-nav{margin:42vw auto 1vw}.page_4 .feature-nav a{padding:0 3.5vw;font-size:4vw;line-height:4vw}.page_4 .feature-box{width:84vw;height:110.625vw}}@media screen and (max-width:420px){.page_3 .messenger .swiper-slide .content{padding-top:calc(23vw + 55px)}.page_3 .messenger .messenger-nav{top:84vw}}@media screen and (max-width:375px){.page_2 .class .swiper-slide .content .info p{font-size:14px}.page_3 .messenger .swiper-slide .content .info .txts p{font-size:14px}.page_3 .messenger .messenger-nav{top:87vw}}@media screen and (max-width:360px){.page_2 h2{top:calc(6.5vw + 55px)}.page_2 .class .swiper-slide .content{padding-top:calc(25vw + 55px)}.page_2 .class .swiper-slide{background-position-y:10vw}.page_2 .class .swiper-slide .content .info p{padding:2.3vw 0 2vw;font-size:14px}.page_3 .messenger .swiper-slide .content .info .txts{padding:2vw 0}.page_3 .messenger .swiper-slide .content .info .txts p{padding:5px 1.5vw 3px 2vw;font-size:13px}.page_3 .messenger .messenger-nav{top:84vw}.page_4 .main .feature-nav a{height:4.5vw;font-size:4.5vw;line-height:4.5vw}}@media screen and (max-width:320px){.page_1 h1{margin-top:24vw}.page_2 .class .swiper-slide{background-position-y:15vw}.page_2 .class .swiper-slide .content .info p{font-size:13px}.page_3 .messenger .swiper-slide{background-position-y:12vw}.page_3 .messenger .swiper-slide .content{width:84vw}.page_3 .messenger .swiper-slide .content .info .txts p{width:43%;line-height:4.5vw}.page_3 .messenger .swiper-slide .content .info .txts p:nth-child(2n){width:57%}.page_3 .messenger .messenger-nav{top:89vw}}