@charset "UTF-8";@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);*,button{padding:0}button,input[type=button],input[type=reset],input[type=submit]{border:0;cursor:pointer}[hover],a{transition-property:color}html{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{background:#fff;color:#000;font-size:13px}body,body button,body input,body textarea{font-family:Malgun Gothic,맑은 고딕,sans-serif}*{margin:0}*,::after,::before{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0;transition-duration:.3s;transition-property:none;transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-track{background:#e0e0e0;border-left:1px solid #bdbdbd;margin:-1px 0}::-webkit-scrollbar-thumb{background:#bdbdbd;border:1px solid #9e9e9e}article,aside,footer,header,main,nav,section{display:block}time{display:inline}a{color:#0d47a1;text-decoration:none}[hover=true],a:hover{color:#039be5}a img,fieldset{border:0}li,ol,ul{list-style:none}legend{display:none}button,input,select,textarea{box-sizing:border-box;outline-style:none;resize:none}input[readonly]{background:#757575;cursor:default}input[type=password]::-ms-reveal,input[type=text]::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input:-ms-input-placeholder{color:rgba(45,45,45,.6)}input::-moz-placeholder{color:rgba(45,45,45,.6)}input::placeholder{color:rgba(45,45,45,.6)}select::-ms-expand{background:0 0;border:0}table{border-collapse:collapse;table-layout:fixed}strong{font-weight:700}img{max-width:100%}[contenteditable]:focus{outline:0 solid transparent}.hide,[hide]{display:none!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}[v-cloak]{display:none!important}body{overflow-x:hidden}body.no-scroll{overflow:hidden}.wrap{position:relative}.top-header{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:900;width:100%;max-width:1300px;height:70px}.top-header>a{position:absolute;top:0}.top-header>a.logo-latale{background:url(../images/latalelogo.png) no-repeat;width:136px;height:85px;left:0}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.logo-latale{background-image:url(../images/latalelogo.webp)}}.top-header>a.download,.top-header>a.home,.top-header>a.register{width:67px;height:59px}.top-header>a.home{right:0;background:url(../images/mainvision_btnHome.png) no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.home{background-image:url(../images/mainvision_btnHome.webp)}}.top-header>a.home:hover{background:url(../images/mainvision_btnHome_hover.png) no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.home:hover{background-image:url(../images/mainvision_btnHome_hover.webp)}}.top-header>a.download{right:160px;background:url(../images/mainvision_btnDownload.png) no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.download{background-image:url(../images/mainvision_btnDownload.webp)}}.top-header>a.download:hover{background:url(../images/mainvision_btnDownload_hover.png) no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.download:hover{background-image:url(../images/mainvision_btnDownload_hover.webp)}}.top-header>a.register{right:80px;background:url(../images/mainvision_btnRegister.png) no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.register{background-image:url(../images/mainvision_btnRegister.webp)}}.top-header>a.register:hover{background:url(../images/mainvision_btnRegister_hover.png) no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.top-header>a.register:hover{background-image:url(../images/mainvision_btnRegister_hover.webp)}}.top-header>a.mobile{display:none}@media only screen and (max-width:1350px){.top-header>a.logo-latale{left:20px}.top-header>a.home{right:20px}.top-header>a.download{right:180px}.top-header>a.register{right:100px}}@media only screen and (max-width:767px){.top-header>a.logo-latale{background-size:80%}.top-header>a.download,.top-header>a:not(.mobile).register{display:none}.top-header>a.register.mobile{display:block}}footer{background:#000;width:100%;padding:20px 0}footer ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}footer ul li{padding:0 10px}footer ul li:nth-child(1) img{width:256px}footer ul li:nth-child(2) img{width:86px;filter:brightness(2.5)}footer ul li:nth-child(3){color:#fff;line-height:18px}footer ul li:nth-child(4){display:flex;align-items:center;justify-content:center}footer ul li:nth-child(4) img{width:40px}footer ul li:nth-child(4) span{color:#fff;display:block;width:280px;margin-left:10px}@media only screen and (max-width:767px){footer ul{justify-content:flex-start}footer ul li{padding:5px 8px}footer ul li:nth-child(2) img{width:72px}}@-webkit-keyframes shake{0%{transform:rotateY(0)}20%{transform:rotateY(-10deg)}40%{transform:rotateY(10deg)}60%{transform:rotateY(-5deg)}80%{transform:rotateY(5deg)}100%{transform:rotateY(0)}}@keyframes shake{0%{transform:rotateY(0)}20%{transform:rotateY(-10deg)}40%{transform:rotateY(10deg)}60%{transform:rotateY(-5deg)}80%{transform:rotateY(5deg)}100%{transform:rotateY(0)}}.always{position:relative;width:100%;height:auto;overflow:hidden}.always>section{position:relative;width:100%;height:8980px}@media only screen and (max-width:767px){.always>section{height:10080px}}@media only screen and (max-width:480px){.always>section{height:9760px}}.always>section:before{content:"";position:absolute;inset:-290px 0 0 0;background:url(../images/background.png) center top/cover no-repeat;z-index:-1}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section:before{background-image:url(../images/background.webp)}}@media only screen and (max-width:1280px){.always>section:before{inset:-790px 0 0 0}}.always>section .content.content-1{width:100%;height:1200px;position:relative}@media only screen and (max-width:767px){.always>section .content.content-1{height:1082px}}.always>section .content.content-1::before{content:"";position:absolute;top:0;width:100%;height:5600px;background:url(../images/background.png) center top/cover no-repeat;display:none}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1::before{background-image:url(../images/background.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-1::before{display:block}}.always>section .content.content-1::after{content:"";position:absolute;bottom:-336px;background:url(../images/background_mask.png) center top/cover no-repeat;width:100%;height:999px;z-index:5}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1::after{background-image:url(../images/background_mask.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-1::after{bottom:98px;height:600px}}.always>section .content.content-1 .main{position:relative;top:100px;z-index:5}@media only screen and (max-width:1280px){.always>section .content.content-1 .main{top:120px}}@media only screen and (max-width:767px){.always>section .content.content-1 .main{top:150px}}.always>section .content.content-1 .main>div{margin:0 auto}.always>section .content.content-1 .main>div.date{width:481px;height:53px;background:url(../images/mainvision_daracter_date.png) center/75% no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .main>div.date{background-image:url(../images/mainvision_daracter_date.webp)}}@media only screen and (max-width:767px){.always>section .content.content-1 .main>div.date{width:385px}}.always>section .content.content-1 .main>div.logo{position:relative;top:-60px;width:1247px;height:328px;background:url(../images/mainvision_title.png) center/75% no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .main>div.logo{background-image:url(../images/mainvision_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .main>div.logo{width:600px;background-size:100%;height:140px;top:0}}@media only screen and (max-width:767px){.always>section .content.content-1 .main>div.logo{width:420px;height:110px}}@media only screen and (max-width:480px){.always>section .content.content-1 .main>div.logo{width:370px}}.always>section .content.content-1 .main>div.text{position:relative;top:-200px;width:793px;height:154px;background:url(../images/mainvision_daracter.png) center/75% no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .main>div.text{background-image:url(../images/mainvision_daracter.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .main>div.text{width:600px;background-size:65%;top:-50px;height:100px}}@media only screen and (max-width:767px){.always>section .content.content-1 .main>div.text{width:420px;height:90px}}@media only screen and (max-width:480px){.always>section .content.content-1 .main>div.text{width:370px}}.always>section .content.content-1 .character{position:relative;top:-250px;width:100%;height:1100px}@media only screen and (max-width:1280px){.always>section .content.content-1 .character{top:-185px}}.always>section .content.content-1 .character ul li:nth-child(1){position:absolute;top:-36px;left:calc(50% - 810px);width:513px;height:484px;background:url(../images/mainvision_char01.png) center/75% no-repeat;z-index:1}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .character ul li:nth-child(1){background-image:url(../images/mainvision_char01.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-1 .character ul li:nth-child(1){left:calc(50% - 715px)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .character ul li:nth-child(1){background-size:50%;top:114px;left:calc(50% - 522px)}}@media only screen and (max-width:767px){.always>section .content.content-1 .character ul li:nth-child(1){background-size:33%;top:145px;left:calc(50% - 415px)}}@media only screen and (max-width:480px){.always>section .content.content-1 .character ul li:nth-child(1){background-size:30%;top:140px;left:calc(50% - 385px)}}.always>section .content.content-1 .character ul li:nth-child(2){position:absolute;top:140px;left:calc(50% - 695px);width:822px;height:732px;background:url(../images/mainvision_char02.png) center/75% no-repeat;z-index:2}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .character ul li:nth-child(2){background-image:url(../images/mainvision_char02.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-1 .character ul li:nth-child(2){left:calc(50% - 600px)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .character ul li:nth-child(2){background-size:50%;left:calc(50% - 570px);top:165px}}@media only screen and (max-width:767px){.always>section .content.content-1 .character ul li:nth-child(2){background-size:33%;left:calc(50% - 510px)}}@media only screen and (max-width:480px){.always>section .content.content-1 .character ul li:nth-child(2){background-size:30%;left:calc(50% - 495px)}}.always>section .content.content-1 .character ul li:nth-child(3){position:absolute;top:0;left:calc(50% - 446px);width:835px;height:1054px;background:url(../images/mainvision_char03.png) center/75% no-repeat;z-index:3}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .character ul li:nth-child(3){background-image:url(../images/mainvision_char03.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .character ul li:nth-child(3){background-size:50%}}@media only screen and (max-width:767px){.always>section .content.content-1 .character ul li:nth-child(3){background-size:33%;left:calc(50% - 428px)}}.always>section .content.content-1 .character ul li:nth-child(4){position:absolute;top:175px;right:calc(50% - 610px);width:653px;height:665px;background:url(../images/mainvision_char04.png) center/75% no-repeat;z-index:2}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .character ul li:nth-child(4){background-image:url(../images/mainvision_char04.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-1 .character ul li:nth-child(4){right:calc(50% - 515px)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .character ul li:nth-child(4){background-size:50%;top:200px;right:calc(50% - 485px)}}@media only screen and (max-width:767px){.always>section .content.content-1 .character ul li:nth-child(4){background-size:33%;right:calc(50% - 435px)}}@media only screen and (max-width:480px){.always>section .content.content-1 .character ul li:nth-child(4){background-size:30%;right:calc(50% - 420px)}}.always>section .content.content-1 .character ul li:nth-child(5){position:absolute;top:-115px;right:calc(50% - 895px);width:584px;height:643px;background:url(../images/mainvision_char05.png) center/75% no-repeat;z-index:1}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-1 .character ul li:nth-child(5){background-image:url(../images/mainvision_char05.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-1 .character ul li:nth-child(5){right:calc(50% - 800px)}}@media only screen and (max-width:1280px){.always>section .content.content-1 .character ul li:nth-child(5){background-size:50%;top:35px;right:calc(50% - 607px)}}@media only screen and (max-width:767px){.always>section .content.content-1 .character ul li:nth-child(5){background-size:33%;top:66px;right:calc(50% - 447px)}}@media only screen and (max-width:480px){.always>section .content.content-1 .character ul li:nth-child(5){background-size:30%;top:61px;right:calc(50% - 417px)}}.always>section .content.content-2{width:100%;height:1135px;position:relative;z-index:6}@media only screen and (max-width:1280px){.always>section .content.content-2{top:-280px;height:900px}}@media only screen and (max-width:767px){.always>section .content.content-2{top:-270px;height:800px}}@media only screen and (max-width:480px){.always>section .content.content-2{height:685px}}.always>section .content.content-2>div{margin:0 auto}.always>section .content.content-2>div.title{margin-bottom:40px;width:402px;height:153px;background:url(../images/sectionA_title.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-2>div.title{background-image:url(../images/sectionA_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-2>div.title{margin-bottom:30px;width:321px;height:115px}}.always>section .content.content-2>div.text{margin-bottom:40px;position:relative;text-align:center}.always>section .content.content-2>div.text>picture{position:absolute;top:-10px}.always>section .content.content-2>div.text>p{display:inline-block;font-size:20px;color:#fff;margin-left:40px}.always>section .content.content-2>div.text>p em{color:#ffed32;font-style:normal}@media only screen and (max-width:767px){.always>section .content.content-2>div.text{width:424px}.always>section .content.content-2>div.text>picture img{width:80%}.always>section .content.content-2>div.text>p{font-size:16px;margin-left:30px}}@media only screen and (max-width:480px){.always>section .content.content-2>div.text{width:360px}}@media only screen and (max-width:1280px){.always>section .content.content-2>div.text{margin-bottom:30px}}@media only screen and (max-width:767px){.always>section .content.content-2>div.text{margin-bottom:20px}}.always>section .content.content-2>div.info-1{margin-bottom:30px;width:787px;height:194px;background:url(../images/sectionA_pic1.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-2>div.info-1{background-image:url(../images/sectionA_pic1.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-2>div.info-1{width:590px;height:170px;margin-bottom:10px}}@media only screen and (max-width:767px){.always>section .content.content-2>div.info-1{width:460px}}@media only screen and (max-width:480px){.always>section .content.content-2>div.info-1{width:360px;height:120px}}.always>section .content.content-2>div.info-2{width:1117px;height:610px;background:url(../images/sectionA_pic2.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-2>div.info-2{background-image:url(../images/sectionA_pic2.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-2>div.info-2{width:700px;height:400px}}@media only screen and (max-width:767px){.always>section .content.content-2>div.info-2{width:460px;height:300px}}@media only screen and (max-width:480px){.always>section .content.content-2>div.info-2{width:360px;height:218px}}.always>section .content.content-2>div.deco{position:absolute;bottom:-75px;right:calc(50% - 239px);margin-right:-620px;width:478px;height:539px;background:url(../images/sectionA_char.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-2>div.deco{background-image:url(../images/sectionA_char.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-2>div.deco{display:none}}.always>section .content.content-3{width:100%;height:935px;position:relative;padding-top:50px}@media only screen and (max-width:1280px){.always>section .content.content-3{padding-top:0;top:-340px;height:1040px}}@media only screen and (max-width:767px){.always>section .content.content-3{height:1100px}}.always>section .content.content-3>div{margin:0 auto}.always>section .content.content-3>div.title{margin-bottom:40px;width:401px;height:151px;background:url(../images/sectionB_title.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-3>div.title{background-image:url(../images/sectionB_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-3>div.title{width:300px;height:130px;margin-bottom:30px}}.always>section .content.content-3>div.text{position:relative;text-align:center}.always>section .content.content-3>div.text>picture{position:absolute;top:-10px}.always>section .content.content-3>div.text>p{display:inline-block;font-size:20px;color:#fff;margin-left:40px}.always>section .content.content-3>div.text>p em{color:#ffed32;font-style:normal}@media only screen and (max-width:767px){.always>section .content.content-3>div.text{width:424px}.always>section .content.content-3>div.text>picture img{width:80%}.always>section .content.content-3>div.text>p{font-size:16px;margin-left:30px}}@media only screen and (max-width:480px){.always>section .content.content-3>div.text{width:360px}}.always>section .content.content-3>div.main{position:relative}@media only screen and (max-width:1280px){.always>section .content.content-3>div.main{top:20px}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main{top:40px}}.always>section .content.content-3>div.main .charcter{position:relative;top:-95px;left:32px;margin:0 auto;width:570px;height:868px;background:url(../images/sectionB_char.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-3>div.main .charcter{background-image:url(../images/sectionB_char.webp)}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main .charcter{display:none}}.always>section .content.content-3>div.main .box{cursor:help;width:358px;height:434px;position:absolute;z-index:1}@media only screen and (max-width:1280px){.always>section .content.content-3>div.main .box{width:322px;height:406px}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main .box{width:320px;height:398px}}.always>section .content.content-3>div.main .box.box-1{top:-10px;left:calc((100% - 358px)/ 2);margin-left:-345px;background:url(../images/sectionB_box01.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-3>div.main .box.box-1{background-image:url(../images/sectionB_box01.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-3>div.main .box.box-1{margin-left:-180px}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main .box.box-1{top:0;left:calc((100% - 320px)/ 2);margin-left:0;z-index:2}}.always>section .content.content-3>div.main .box.box-1:before{display:none;content:'';position:absolute;top:-48px;left:-232px;width:592px;height:756px;background:url(../images/sectionB_box01_popup.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-3>div.main .box.box-1:before{background-image:url(../images/sectionB_box01_popup.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-3>div.main .box.box-1:before{left:-20px}}@media only screen and (max-width:1280px){.always>section .content.content-3>div.main .box.box-1:before{left:0;top:0;width:444px;height:567px}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main .box.box-1:before{left:-40px;top:-32px;width:400px;height:542px}}@media only screen and (max-width:480px){.always>section .content.content-3>div.main .box.box-1:before{width:350px;left:-15px}}.always>section .content.content-3>div.main .box.box-2{top:178px;right:calc((100% - 358px)/ 2);margin-right:-345px;background:url(../images/sectionB_box02.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-3>div.main .box.box-2{background-image:url(../images/sectionB_box02.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-3>div.main .box.box-2{margin-right:-180px;top:375px}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main .box.box-2{top:431px;right:calc((100% - 320px)/ 2);margin-right:0}}.always>section .content.content-3>div.main .box.box-2:before{display:none;content:'';position:absolute;top:-236px;right:-232px;width:592px;height:756px;background:url(../images/sectionB_box02_popup.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-3>div.main .box.box-2:before{background-image:url(../images/sectionB_box02_popup.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-3>div.main .box.box-2:before{right:-20px}}@media only screen and (max-width:1280px){.always>section .content.content-3>div.main .box.box-2:before{top:-166px;right:0;width:444px;height:567px}}@media only screen and (max-width:767px){.always>section .content.content-3>div.main .box.box-2:before{right:-40px;top:-32px;width:400px;height:542px}}@media only screen and (max-width:480px){.always>section .content.content-3>div.main .box.box-2:before{width:350px;right:-15px}}.always>section .content.content-3>div.main .box:active:before,.always>section .content.content-3>div.main .box:focus:before,.always>section .content.content-3>div.main .box:hover:before{display:block}.always>section .content.content-4{width:100%;height:1000px;position:relative}@media only screen and (max-width:1280px){.always>section .content.content-4{top:-300px}}@media only screen and (max-width:767px){.always>section .content.content-4{top:-230px;height:1280px}}@media only screen and (max-width:480px){.always>section .content.content-4{top:-280px}}.always>section .content.content-4>div{margin:0 auto}.always>section .content.content-4>div.title{width:274px;height:151px;margin-bottom:60px;background:url(../images/sectionC_title.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-4>div.title{background-image:url(../images/sectionC_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-4>div.title{width:206px;height:132px;margin-bottom:50px}}.always>section .content.content-4>div.box-1{width:1220px;height:245px;display:flex}@media only screen and (max-width:1280px){.always>section .content.content-4>div.box-1{flex-direction:row;flex-wrap:wrap;width:100%;height:400px}}@media only screen and (max-width:480px){.always>section .content.content-4>div.box-1{height:540px}}.always>section .content.content-4>div.box-1 .text{width:50%;height:auto;color:#fff;font-size:20px}@media only screen and (max-width:1280px){.always>section .content.content-4>div.box-1 .text{width:727px;font-size:18px;z-index:2;margin:0 auto}}@media only screen and (max-width:767px){.always>section .content.content-4>div.box-1 .text{width:440px;font-size:16px}}@media only screen and (max-width:480px){.always>section .content.content-4>div.box-1 .text{background:rgba(0,0,0,.15);width:360px;padding:30px 10px;border-radius:5px}}.always>section .content.content-4>div.box-1 .text>span{position:relative;display:block}.always>section .content.content-4>div.box-1 .text>span picture{position:absolute;top:-20px;left:0;width:50px;height:83px}.always>section .content.content-4>div.box-1 .text>span p{margin-left:70px}.always>section .content.content-4>div.box-1 .text>span:first-child{margin-bottom:40px}.always>section .content.content-4>div.box-1 .charcter{position:relative;top:-175px;width:50%;height:483px;background:url(../images/sectionC_char.png) center/570px 483px no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-4>div.box-1 .charcter{background-image:url(../images/sectionC_char.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-4>div.box-1 .charcter{width:100%;right:-120px;top:-116px}}@media only screen and (max-width:767px){.always>section .content.content-4>div.box-1 .charcter{background-size:contain;width:460px;margin:0 auto;top:-135px}}@media only screen and (max-width:480px){.always>section .content.content-4>div.box-1 .charcter{width:360px;right:-15px;top:-128px}}.always>section .content.content-4>div.box-2{display:flex;justify-content:center;position:relative;left:-55px}@media only screen and (max-width:1280px){.always>section .content.content-4>div.box-2{left:-35px;top:-27px}}@media only screen and (max-width:767px){.always>section .content.content-4>div.box-2{top:0;left:0;flex-direction:column;align-items:center}}.always>section .content.content-4>div.box-2>div:first-child{width:695px;height:375px;background:url(../images/sectionC_box01.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-4>div.box-2>div:first-child{background-image:url(../images/sectionC_box01.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-4>div.box-2>div:first-child{width:400px}}@media only screen and (max-width:767px){.always>section .content.content-4>div.box-2>div:first-child{position:relative;left:-16px;height:255px}}@media only screen and (max-width:480px){.always>section .content.content-4>div.box-2>div:first-child{width:360px;height:200px}}.always>section .content.content-4>div.box-2>div:last-child{width:625px;height:375px;background:url(../images/sectionC_box02.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-4>div.box-2>div:last-child{background-image:url(../images/sectionC_box02.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-4>div.box-2>div:last-child{width:365px}}@media only screen and (max-width:767px){.always>section .content.content-4>div.box-2>div:last-child{height:255px}}@media only screen and (max-width:480px){.always>section .content.content-4>div.box-2>div:last-child{width:325px;height:215px}}.always>section .content.content-5{width:100%;height:1490px;position:relative;padding-top:60px}@media only screen and (max-width:1280px){.always>section .content.content-5{height:1680px;padding-top:0;top:-340px}}@media only screen and (max-width:767px){.always>section .content.content-5{padding-top:0;height:2765px}}.always>section .content.content-5>div{margin:0 auto}.always>section .content.content-5>div.title{position:relative;z-index:2;width:705px;height:146px;margin-bottom:20px;background:url(../images/sectionD_title.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-5>div.title{background-image:url(../images/sectionD_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-5>div.title{width:523px;height:126px}}@media only screen and (max-width:767px){.always>section .content.content-5>div.title{width:410px}}@media only screen and (max-width:480px){.always>section .content.content-5>div.title{width:315px;height:106px}}.always>section .content.content-5>div.box{position:relative;display:flex;flex-wrap:wrap;width:1263px;height:auto;padding:0 40px;z-index:2}@media only screen and (max-width:1280px){.always>section .content.content-5>div.box{width:760px;padding:0 20px}}@media only screen and (max-width:767px){.always>section .content.content-5>div.box{width:340px}}.always>section .content.content-5>div.box>picture{position:relative;margin:25px 40px}@media only screen and (max-width:1280px){.always>section .content.content-5>div.box>picture{width:calc(50% - 100px);margin:15px 40px}}@media only screen and (max-width:767px){.always>section .content.content-5>div.box>picture{width:100%}}.always>section .content.content-5>div.box>picture:not(:first-child):before{content:'';position:absolute;left:-58px;top:250px;width:35px;height:49px;background:url(../images/sectionD_arrow.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-5>div.box>picture:not(:first-child):before{background-image:url(../images/sectionD_arrow.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-5>div.box>picture:not(:first-child):before{top:212px;background-size:75%}}@media only screen and (max-width:480px){.always>section .content.content-5>div.box>picture:not(:first-child):before{left:-45px}}.always>section .content.content-5>div.charcter{position:absolute;top:0;left:calc(50% - 383px);margin-left:-862px;width:766px;height:1190px;pointer-events:none;background:url(../images/sectionD_char.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-5>div.charcter{background-image:url(../images/sectionD_char.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-5>div.charcter{display:none}}.always>section .content.content-5>div.text{position:relative;left:-40px;margin-top:40px;width:1100px}@media only screen and (max-width:1280px){.always>section .content.content-5>div.text{width:760px;left:0}}@media only screen and (max-width:767px){.always>section .content.content-5>div.text{width:424px}}@media only screen and (max-width:480px){.always>section .content.content-5>div.text{width:100%}}.always>section .content.content-5>div.text span{display:block;position:relative;text-align:center;text-align:left;margin-bottom:30px}.always>section .content.content-5>div.text span>picture{position:absolute;top:-10px}.always>section .content.content-5>div.text span>p{display:inline-block;font-size:20px;color:#fff;margin-left:40px}.always>section .content.content-5>div.text span>p em{color:#ffed32;font-style:normal}@media only screen and (max-width:767px){.always>section .content.content-5>div.text span{width:424px}.always>section .content.content-5>div.text span>picture img{width:80%}.always>section .content.content-5>div.text span>p{font-size:16px;margin-left:30px}}@media only screen and (max-width:480px){.always>section .content.content-5>div.text span{width:360px}}.always>section .content.content-5>div.text span>picture{top:-18px}.always>section .content.content-5>div.text span>p{margin-left:50px}@media only screen and (max-width:1280px){.always>section .content.content-5>div.text span{padding:0 10px}.always>section .content.content-5>div.text span>p{font-size:16px}}@media only screen and (max-width:767px){.always>section .content.content-5>div.text span>picture{top:-12px}.always>section .content.content-5>div.text span>p{margin-left:40px}}@media only screen and (max-width:480px){.always>section .content.content-5>div.text span>p{padding-right:10px}}.always>section .content.content-5>div.text span:last-child{margin-bottom:20px}.always>section .content.content-5>div.text-2{position:relative;left:12px;width:1100px}@media only screen and (max-width:1280px){.always>section .content.content-5>div.text-2{width:760px}}@media only screen and (max-width:767px){.always>section .content.content-5>div.text-2{width:424px}}.always>section .content.content-5>div.text-2 span{display:block;position:relative;text-align:center;text-align:left;margin-bottom:5px}.always>section .content.content-5>div.text-2 span>picture{position:absolute;top:-10px}.always>section .content.content-5>div.text-2 span>p{display:inline-block;font-size:20px;color:#fff;margin-left:40px}.always>section .content.content-5>div.text-2 span>p em{color:#ffed32;font-style:normal}@media only screen and (max-width:767px){.always>section .content.content-5>div.text-2 span{width:424px}.always>section .content.content-5>div.text-2 span>picture img{width:80%}.always>section .content.content-5>div.text-2 span>p{font-size:16px;margin-left:30px}}@media only screen and (max-width:480px){.always>section .content.content-5>div.text-2 span{width:360px}}.always>section .content.content-5>div.text-2 span>picture{top:0}.always>section .content.content-5>div.text-2 span>p{margin-left:25px;font-size:16px;color:#ffed32}@media only screen and (max-width:1280px){.always>section .content.content-5>div.text-2 span>p{font-size:14px}}@media only screen and (max-width:480px){.always>section .content.content-5>div.text-2 span>p{padding-right:10px}}.always>section .content.content-6{width:100%;height:1750px;position:relative}@media only screen and (max-width:1280px){.always>section .content.content-6{top:-290px;height:2200px}}@media only screen and (max-width:767px){.always>section .content.content-6{top:-320px;height:2050px}}@media only screen and (max-width:480px){.always>section .content.content-6{height:1870px}}.always>section .content.content-6>div{margin:0 auto}.always>section .content.content-6>div.divider{width:1200px;height:31px;background:url(../images/sectionE_topicon.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.divider{background-image:url(../images/sectionE_topicon.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-6>div.divider{width:760px}}@media only screen and (max-width:767px){.always>section .content.content-6>div.divider{width:400px}}@media only screen and (max-width:480px){.always>section .content.content-6>div.divider{width:360px}}.always>section .content.content-6>div.title{margin-top:50px;margin-bottom:50px;width:444px;height:151px;background:url(../images/sectionE_title.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.title{background-image:url(../images/sectionE_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-6>div.title{width:333px;margin-top:70px;margin-bottom:40px}}@media only screen and (max-width:480px){.always>section .content.content-6>div.title{width:300px;margin-top:50px;margin-bottom:0}}.always>section .content.content-6>div.main{position:relative}@media only screen and (max-width:1280px){.always>section .content.content-6>div.main .box ul{display:flex;flex-direction:column;align-items:center}}.always>section .content.content-6>div.main .box ul li{position:absolute;top:0;left:calc(50% - 242px);width:485px;height:548px;z-index:2;cursor:pointer}@media only screen and (max-width:1280px){.always>section .content.content-6>div.main .box ul li{width:388px;height:460px;position:relative;left:0}}@media only screen and (max-width:767px){.always>section .content.content-6>div.main .box ul li{width:360px;height:420px}}@media only screen and (max-width:480px){.always>section .content.content-6>div.main .box ul li{width:320px;height:400px}}.always>section .content.content-6>div.main .box ul li:nth-child(1){top:108px;margin-left:-470px;background:url(../images/sectionE_btnBox01.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(1){background-image:url(../images/sectionE_btnBox01.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-6>div.main .box ul li:nth-child(1){top:0;margin-left:-250px}}@media only screen and (max-width:1280px){.always>section .content.content-6>div.main .box ul li:nth-child(1){margin-left:0}}.always>section .content.content-6>div.main .box ul li:nth-child(1):hover{background:url(../images/sectionE_btnBox01_hover.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(1):hover{background-image:url(../images/sectionE_btnBox01_hover.webp)}}.always>section .content.content-6>div.main .box ul li:nth-child(2){background:url(../images/sectionE_btnBox02.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(2){background-image:url(../images/sectionE_btnBox02.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-6>div.main .box ul li:nth-child(2){margin-left:250px}}@media only screen and (max-width:1280px){.always>section .content.content-6>div.main .box ul li:nth-child(2){margin-left:0}}.always>section .content.content-6>div.main .box ul li:nth-child(2):hover{background:url(../images/sectionE_btnBox02_hover.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(2):hover{background-image:url(../images/sectionE_btnBox02_hover.webp)}}.always>section .content.content-6>div.main .box ul li:nth-child(3){top:706px;margin-left:-470px;background:url(../images/sectionE_btnBox03.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(3){background-image:url(../images/sectionE_btnBox03.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-6>div.main .box ul li:nth-child(3){top:598px;margin-left:-250px}}@media only screen and (max-width:1280px){.always>section .content.content-6>div.main .box ul li:nth-child(3){top:0;margin-left:0}}.always>section .content.content-6>div.main .box ul li:nth-child(3):hover{background:url(../images/sectionE_btnBox03_hover.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(3):hover{background-image:url(../images/sectionE_btnBox03_hover.webp)}}.always>section .content.content-6>div.main .box ul li:nth-child(4){top:598px;background:url(../images/sectionE_btnBox04.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(4){background-image:url(../images/sectionE_btnBox04.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-6>div.main .box ul li:nth-child(4){margin-left:250px}}@media only screen and (max-width:1280px){.always>section .content.content-6>div.main .box ul li:nth-child(4){top:0;margin-left:0}}.always>section .content.content-6>div.main .box ul li:nth-child(4):hover{background:url(../images/sectionE_btnBox04_hover.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .box ul li:nth-child(4):hover{background-image:url(../images/sectionE_btnBox04_hover.webp)}}.always>section .content.content-6>div.main .box ul li:hover{-webkit-animation:shake 2s ease-in-out;animation:shake 2s ease-in-out}.always>section .content.content-6>div.main .charcter{position:relative;top:-50px;right:-340px;margin:0 auto;width:892px;height:1419px;pointer-events:none;background:url(../images/sectionE_char.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-6>div.main .charcter{background-image:url(../images/sectionE_char.webp)}}@media only screen and (max-width:1650px){.always>section .content.content-6>div.main .charcter{display:none}}.always>section .content.content-7{width:100%;height:850px;position:relative}@media only screen and (max-width:1280px){.always>section .content.content-7{top:-300px;height:660px}}@media only screen and (max-width:767px){.always>section .content.content-7{top:-330px}}@media only screen and (max-width:480px){.always>section .content.content-7{height:700px}}.always>section .content.content-7>div{margin:0 auto}.always>section .content.content-7>div.title{margin-top:50px;margin-bottom:50px;width:854px;height:66px;background:url(../images/sectionF_title.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-7>div.title{background-image:url(../images/sectionF_title.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-7>div.title{width:640px}}@media only screen and (max-width:767px){.always>section .content.content-7>div.title{width:400px;height:48px;margin-top:40px;margin-bottom:40px}}@media only screen and (max-width:480px){.always>section .content.content-7>div.title{width:350px}}.always>section .content.content-7>div.text{position:relative;left:-40px;margin-top:40px;width:1100px}@media only screen and (max-width:1280px){.always>section .content.content-7>div.text{width:760px;left:0}}@media only screen and (max-width:767px){.always>section .content.content-7>div.text{width:424px}}@media only screen and (max-width:480px){.always>section .content.content-7>div.text{width:100%}}.always>section .content.content-7>div.text span{display:block;position:relative;text-align:center;text-align:left;margin-bottom:30px}.always>section .content.content-7>div.text span>picture{position:absolute;top:-10px}.always>section .content.content-7>div.text span>p{display:inline-block;font-size:20px;color:#fff;margin-left:40px}.always>section .content.content-7>div.text span>p em{color:#ffed32;font-style:normal}@media only screen and (max-width:767px){.always>section .content.content-7>div.text span{width:424px}.always>section .content.content-7>div.text span>picture img{width:80%}.always>section .content.content-7>div.text span>p{font-size:16px;margin-left:30px}}@media only screen and (max-width:480px){.always>section .content.content-7>div.text span{width:360px}}.always>section .content.content-7>div.text span>picture{top:-18px}.always>section .content.content-7>div.text span>p{margin-left:50px}@media only screen and (max-width:1280px){.always>section .content.content-7>div.text span{padding:0 10px}.always>section .content.content-7>div.text span>p{font-size:16px}}@media only screen and (max-width:767px){.always>section .content.content-7>div.text span>picture{top:-12px}.always>section .content.content-7>div.text span>p{margin-left:40px}}@media only screen and (max-width:480px){.always>section .content.content-7>div.text span>p{padding-right:10px}}.always>section .content.content-7>div.text span:last-child{margin-bottom:20px}.always>section .content.content-8{width:100%;height:800px;position:relative}@media only screen and (max-width:1280px){.always>section .content.content-8{height:426px;top:-200px}}@media only screen and (max-width:767px){.always>section .content.content-8{height:510px;top:-282px}}@media only screen and (max-width:480px){.always>section .content.content-8{height:600px;top:-385px}}.always>section .content.content-8 .main{position:relative;top:85px;display:flex;justify-content:center}@media only screen and (max-width:1280px){.always>section .content.content-8 .main{width:732px;margin:0 auto}}@media only screen and (max-width:767px){.always>section .content.content-8 .main{width:460px;flex-direction:column;align-items:center;padding-top:10px}}@media only screen and (max-width:480px){.always>section .content.content-8 .main{width:360px}}.always>section .content.content-8 .main .left{width:119px;height:122px;margin-right:60px;background:url(../images/sectionF_text.png) center/contain no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.always>section .content.content-8 .main .left{background-image:url(../images/sectionF_text.webp)}}@media only screen and (max-width:1280px){.always>section .content.content-8 .main .left{margin-right:24px;position:relative;top:-16px}}@media only screen and (max-width:767px){.always>section .content.content-8 .main .left{margin-right:0;width:70px;height:86px}}@media only screen and (max-width:480px){.always>section .content.content-8 .main .left{width:55px;height:60px;top:32px}}@media only screen and (max-width:480px){.always>section .content.content-8 .main .right{margin-top:46px}}.always>section .content.content-8 .main .right>span{display:block;position:relative;color:#fff;font-size:16px;margin-bottom:10px}@media only screen and (max-width:1280px){.always>section .content.content-8 .main .right>span{font-size:14px}}@media only screen and (max-width:480px){.always>section .content.content-8 .main .right>span{font-size:12px}}.always>section .content.content-8 .main .right>span picture{position:absolute;top:-3px;left:0;width:16px;height:22px}.always>section .content.content-8 .main .right>span p{margin-left:25px}.side{position:fixed;top:45%;right:0;z-index:10}.side button{width:176px;height:200px;background:url(../images/mainvision_btnActivity.png) 32px center/75% no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.side button{background-image:url(../images/mainvision_btnActivity.webp)}}@media only screen and (max-width:767px){.side button{width:132px;height:140px}}.side button:hover{background:url(../images/mainvision_btnActivity_hover.png) 32px center/75% no-repeat}@supports (background-image:url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.side button:hover{background-image:url(../images/mainvision_btnActivity_hover.webp)}}