html,body{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overflow-y:scroll}.main{top:0;left:0;position:absolute;max-width:1920px;margin:0 auto;width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;left:50%;transform:translateX(-50%)}.banner .small-title,.cont-center .small-title{visibility:visible;opacity:0;transition:all, opacity 1s ease-in-out}.banner .title,.banner .copy,.cont-center .title,.cont-center .copy{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.banner .btn,.cont-center .btn{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1s ease-in-out, transform 1s ease-in-out}.banner.anm .small-title,.cont-center.anm .small-title{visibility:visible;opacity:1;transition:all, opacity 1s ease-in-out}.banner.anm .title,.cont-center.anm .title{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.banner.anm .copy,.cont-center.anm .copy{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}.banner.anm .btn,.cont-center.anm .btn{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1s ease-in-out 0.5s, transform 1s ease-in-out 0.5s}.contact-txt-wrap h2,.contact-txt-wrap p{opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.contact-txt-wrap.anm h2{transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.contact-txt-wrap.anm p{transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}.contact-txt-wrap.anm h2,.contact-txt-wrap.anm p{transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);opacity:1}footer ul li,footer p{opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}footer.anm ul li,footer.anm p{opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)}footer.anm p{transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}:root{--color-black:#111111;--color-white:#f4f4f4;--section-padding:150px 0}.pop-up{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:-1;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:all .5s;display:none}.pop-up .close{position:absolute;top:40px;right:58px;width:58px}.pop-up p{color:var(--color-white)}.pop-up.show{display:flex;opacity:1;z-index:9999}section{position:relative}.banner{width:100%;height:100vh;max-width:1920px;margin:0 auto;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner .small-title{text-align:center}.banner .title{color:var(--color-black);text-align:center;margin:20px 0}.banner .copy{color:var(--color-black);text-align:center;max-width:70%}.cont-center{width:100%;max-width:1920px;margin:0 auto;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.cont-center .small-title{text-align:center}.cont-center .title{text-align:center;margin:20px 0}.cont-center .copy{text-align:center;max-width:70%}html{width:100%;overflow-x:hidden}body{line-height:1.6;background-color:var(--color-black);max-width:1920px;margin:0 auto;overflow-x:hidden}.menu-wrap{position:fixed;width:50%;height:100%;top:0;right:-55%;background-color:rgba(0,0,0,0.8);z-index:999;transition:all 1s}.menu-wrap.show{right:0;opacity:1}.menu-wrap.show .close-x{opacity:1}.menu-wrap .close-x{cursor:pointer;position:absolute;width:60px;height:60px;top:28px;right:16px;opacity:0;transition:all 1s .8s}.menu-wrap .close-x::before,.menu-wrap .close-x::after{content:'';position:absolute;width:100%;height:2px;background-color:#fff;top:50%;left:0}.menu-wrap .close-x::before{transform:rotate(45deg)}.menu-wrap .close-x::after{transform:rotate(-45deg)}.menu-wrap .cont{margin-top:100px;position:relative;width:100%;height:calc(100vh - 100px)}.menu-wrap .cont ul{position:relative;height:100%;padding:50px}.menu-wrap .cont ul li{color:#FFF;line-height:normal;height:14%}.menu-wrap .cont ul li a{color:var(--color-white);text-decoration:none;position:relative}.menu-wrap .cont ul li a .line-menu{position:absolute;width:0;height:3px;background-color:#299694;bottom:0;transition:all .3s}.menu-wrap .cont ul li a .line-menu.bm{bottom:-8px}.menu-wrap .cont ul li a .line-menu.anm{width:100%}.menu-wrap .cont ul li a:hover .line-menu{width:100%}.menu-wrap .cont ul li a:visited{color:var(--color-white)}.menu-wrap .cont ul li a:hover{color:#299694}header{position:fixed;background:var(--color-black);height:100px;display:flex;justify-content:space-between;align-items:center;z-index:999;width:100%;max-width:1920px;left:50%;transform:translateX(-50%);top:0}header img{height:50px;margin-left:80px}.hamburger{cursor:pointer;position:absolute;top:50%;right:58px;transform:translateY(-50%);width:58px;height:auto}.hamburger span::before{position:absolute;top:-14px}.hamburger span::after{position:absolute;bottom:-14px}.hamburger.active{position:fixed;top:50px;transform:none;z-index:999}.hamburger.active span{background:transparent}.hamburger.active span::before{transform:rotate(45deg);top:0}.hamburger.active span::after{transform:rotate(-45deg);bottom:0;top:0}.hamburger span,.hamburger span::before,.hamburger span::after{background:#fff;content:'';display:block;height:2px;width:100%;margin:14px 0;transition:all 0.3s ease}.btn{color:white;border:none;padding:0.6rem 1.2rem;cursor:pointer;border-radius:4px;text-decoration:none;display:inline-flex;padding:15px 60px;justify-content:center;align-items:center;gap:10px;border-radius:60px;background:#299694;color:var(--color-white);text-align:center;font-family:'Inter';font-size:1.875vw;font-style:normal;font-weight:200;line-height:normal;margin-top:60px}.btn.hover{transform:scale(1.1) !important;transition:all .5s !important}.btn-wrap{text-align:center}.contact{padding:140px 160px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.contact .contact-txt-wrap{margin-right:220px}.contact .contact-txt-wrap h2{color:var(--color-white);margin-bottom:30px}.contact .contact-txt-wrap p{color:var(--color-white);margin-bottom:40px}.contact .contact-txt-wrap p span{display:flex;align-items:center}.contact .contact-txt-wrap p span img{width:22px;margin-right:5px}.contact .form-wrap{flex:1 1 300px}.contact input,.contact .error-tip{width:100%;padding:0.5rem;margin:0.5rem 0;border:none;border-bottom:1px solid #ccc;background:transparent;color:#fff;height:60px;line-height:60px}.contact input.err,.contact input.err::placeholder,.contact .error-tip.err,.contact .error-tip.err::placeholder{color:#e20613}.contact .error-tip{border-bottom:navajowhite;color:#e20613}.contact .btn{margin-top:0}footer{color:var(--color-black);max-height:700px;height:36.45833vw;background-image:url(../images/footer_bg.jpg);background-position:50% 50%;background-size:cover;padding:4% 8%}footer .footer-logo{float:left;width:30%}footer .footer-logo img{width:250px}footer ul{float:left;width:70%;list-style:none;padding:0;margin-top:50px}footer ul li{margin-bottom:50px;width:33%;float:left;cursor:pointer}footer ul li a{color:var(--color-black);text-decoration:none}footer ul li a:hover{color:var(--color-black)}footer ul li a:visited{color:var(--color-black)}footer p{margin-left:30%;width:100%;margin-top:100px;float:left}.next-wrap{position:absolute;width:auto;bottom:24px;display:flex;align-items:center;left:160px;border-radius:60px;overflow:hidden;cursor:pointer;z-index:1;padding-right:30px}.next-wrap img{width:3.64583vw;max-width:70px;margin-right:25px;z-index:1}.next-wrap p{color:var(--color-white);z-index:1}.next-wrap .bg{position:absolute;width:0;bottom:24px;display:flex;align-items:center;background:#299694;border-radius:60px;overflow:hidden;height:100%;left:0;top:0;z-index:0;transition:all 1s ease-in-out}.next-wrap:hover .bg{width:101%}.banner .small-title,.cont-center .small-title{color:#bb1b1b;font-family:'Libre Baskerville';font-style:italic;font-weight:400;line-height:normal}.pop-up p,.banner .title,.cont-center .title,.menu-wrap .cont ul li,.contact .contact-txt-wrap h2,footer ul li,footer p,.about-box .about-item .title,.about-people .nav-title,.about-people-detail .info .name,.about-partners .title{font-family:'Inter Medium';font-style:normal;font-weight:500;line-height:normal}.banner .copy,.cont-center .copy,.btn,.contact .contact-txt-wrap p,.contact input,.contact .error-tip,.next-wrap p,.about-box .about-item .desc,.about-people-detail .info .desc,.about-partners .desc{font-family:'Inter ExtraLight';font-style:normal;font-weight:200;line-height:normal}.banner .copy,.cont-center .copy{line-height:1.4}::-webkit-scrollbar{width:0.1px;height:1px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}@media screen and (max-width: 1336px){.next-wrap{margin-left:0;left:80px}.next-wrap img{width:6.83594vw}.next-wrap:hover .bg{width:0}.menu-wrap{width:70%;right:-75%}.contact{padding:75px 40px}.contact .contact-txt-wrap{width:100%;margin-right:0}.contact .contact-txt-wrap p span img{width:32px}.contact input{height:105px;line-height:105px}footer{height:68.84766vw;background-image:url(../images/footer_bg_ipad.jpg)}footer .footer-logo{width:100%;margin-top:40px}footer .footer-logo img{width:180px}footer ul{float:none;width:100%;margin-top:180px}footer ul li{margin-bottom:50px;width:33%}footer p{margin-left:0;width:100%;margin-top:30px}}.footer-pc{display:block}.footer-mob{display:none}@media (max-width: 768px){.footer-pc{display:none}.footer-mob{display:block}:root{--section-padding:75px 0}.next-wrap{margin-left:0;left:50%;width:auto;transform:translateX(-50%);bottom:50px}.next-wrap img{width:9.33333vw;margin-right:20px}.next-wrap:hover .bg{width:0}header{height:60px;display:flex}header img{height:25px;margin-left:20px}.hamburger{right:20px;width:30px}.hamburger.active{top:20px}.hamburger span,.hamburger span::before,.hamburger span::after{margin:12px 0}.hamburger span::before{top:-12px}.hamburger span::after{bottom:-12px}.menu-wrap .cont ul li{font-size:6.93333vw}.menu-wrap{width:100%;right:-100%}.contact{padding:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:0;width:92%;margin:100px auto 0}.contact .btn{margin-top:40px;margin-bottom:80px}.contact input{padding-left:20px;height:55px;line-height:55px}.contact .contact-txt-wrap p span{display:flex;align-items:center}.contact .contact-txt-wrap p span img{width:32px}footer{height:169.06667vw;background-image:url(../images/footer_bg_mobile.png);padding:12% 14%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}footer .footer-logo{width:43%;margin-top:0;margin-bottom:12vw}footer .footer-logo img{width:100%}footer ul{margin-top:0}footer ul li{width:100%;margin-bottom:10px}footer ul li:nth-child(3n){margin-bottom:40px}footer p{margin-left:0;margin-top:0}}.banner .title,.contact .contact-txt-wrap h2{font-size:3.95833vw}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:1.875vw}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:1.875vw}.cont-center .title{font-size:2.91667vw}.contact input,.contact .error-tip,footer ul li,footer p{font-size:1.25vw}.contact .contact-txt-wrap p{font-size:1.25vw}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:2.91667vw}.about-partners .desc{font-size:1.875vw}.menu-wrap .cont ul li{font-size:2.91667vw}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:2.91667vw}.about-box .about-item .desc,.about-people-detail .info .name,.about-people-detail .info .desc{font-size:1.5625vw}@media screen and (min-width: 1920px){.banner .title,.contact .contact-txt-wrap h2{font-size:76px}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:36px}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:36px}.cont-center .title{font-size:56px}.contact input,.contact .error-tip,footer ul li,footer p{font-size:24px}.contact .contact-txt-wrap p{font-size:24px}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:56px}.about-partners .desc{font-size:36px}.menu-wrap .cont ul li{font-size:56px}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:56px}.about-box .about-item .desc,.about-people-detail .info .name,.about-people-detail .info .desc{font-size:30px}}@media screen and (max-width: 1336px){.banner .title,.contact .contact-txt-wrap h2{font-size:5.27344vw}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:3.51562vw}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:2.92969vw}.cont-center .title{font-size:4.6875vw}.contact input,.contact .error-tip,footer ul li,footer p{font-size:2.34375vw}.contact .contact-txt-wrap p{font-size:3.125vw}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:5.46875vw}.about-partners .desc{font-size:3.51562vw}.menu-wrap .cont ul li{font-size:4.6875vw}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:5.46875vw}.about-box .about-item .desc,.about-people-detail .info .name,.about-people-detail .info .desc{font-size:2.92969vw}}@media screen and (max-width: 768px){.banner .title,.contact .contact-txt-wrap h2{font-size:6.93333vw}.pop-up p,.banner .small-title,.cont-center .small-title{font-size:4vw}.banner .copy,.cont-center .copy,.btn,.next-wrap p{font-size:4vw}.cont-center .title{font-size:6.4vw}.contact input,.contact .error-tip,footer ul li,footer p{font-size:4.26667vw}.contact .contact-txt-wrap p{font-size:4.26667vw}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:7.46667vw}.about-partners .desc{font-size:4.8vw}.menu-wrap .cont ul li{font-size:6.93333vw}.about-box .about-item .title,.about-people .nav-title,.about-partners .title{font-size:7.46667vw}.about-box .about-item .desc,.about-people-detail .info .name,.about-people-detail .info .desc{font-size:4vw}}.about-item img,.thumbnail img{visibility:visible;opacity:0;transform:matrix3d(1.05, 0, 0, 0, 0, 1.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1s ease-in-out, transform 1s ease-in-out}.about-item.anm img,.thumbnail.anm img{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1s ease-in-out, transform 1s ease-in-out}.about-people .name{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.about-people .desc1{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.about-people .desc2{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.about-people .info.anm .thumbnail img{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1s ease-in-out, transform 1s ease-in-out}.about-people .info.anm .name{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.about-people .info.anm .desc1{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out 0.3s, transform 1.2s ease-in-out 0.3s}.about-people .info.anm .desc2{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out 0.3s, transform 1.2s ease-in-out 0.3s}.about-box .title,.about-box .desc{visibility:visible;opacity:0;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 80, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.about-box .about-item.anm .title{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out, transform 1.2s ease-in-out}.about-box .about-item.anm .desc{visibility:visible;opacity:1;transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);transition:all, opacity 1.2s ease-in-out 0.5s, transform 1.2s ease-in-out 0.5s}.banner{background-image:url(../images/about/about_banner_bg.png)}.about-box{width:100%;margin:0 auto;padding:0;position:relative;display:flex;flex-wrap:wrap}.about-box .about-item{flex:1 1 50%;background:rgba(244,244,244,0.1);overflow:hidden}.about-box .about-item img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-box .about-item .about-info{display:flex;padding:80px 100px;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;flex-shrink:0}.about-box .about-item .title{color:var(--color-white)}.about-box .about-item .title.product{margin-top:100px}.about-box .about-item .desc{color:var(--color-white)}.about-people{width:100%;max-width:1920px;margin:0 auto;padding:0}.about-people .nav-title{color:var(--color-white);text-align:center;margin:100px 0 50px 0}.about-people-detail{background-image:url("../images/about/about-people-bg.png");background-size:cover;background-position:50% 50%;background-repeat:no-repeat;height:41.66667vw;max-height:800px;display:flex;padding:0 80px 0 120px;overflow:hidden}.about-people-detail .thumbnail{width:31.25vw;height:41.66667vw;max-height:800px;max-width:600px}.about-people-detail .thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center center}.about-people-detail .info{padding:3.125rem 0 0 3.25rem;flex:1}.about-people-detail .info .name{color:var(--color-white)}.about-people-detail .info .desc{color:var(--color-white);margin:40px 0}.about-people-detail .info .tag{display:block;margin-top:90px}.about-people-detail .info .tag img{width:16%;margin-right:50px;margin-bottom:20px}.about-partners{padding:100px 0 50px;width:100%}.about-partners .title{color:var(--color-white);margin:50px auto 25px;text-align:center}.about-partners .desc{color:var(--color-white);text-align:center;line-height:normal;width:60%;margin:0 auto}.partners-list{display:flex;justify-content:space-around;flex-wrap:wrap;width:60%;margin:100px auto 0}.partners-list .swiper-container{width:100%}.partners-list img{width:100%;max-width:160px;margin:0 auto;display:block}@media (max-width: 1336px){.banner{background-image:url(../images/about/about_banner_bg_ipad.png)}.about-box .about-item{flex:1 1 100%}.about-box .about-item .about-info{padding:70px 80px}.about-box .about-item .title.product{margin-top:0px}.about-box .about-item:nth-child(2){order:-1}.about-people-detail{flex-direction:column;height:auto;padding:0 45px 60px;max-height:none}.about-people-detail .thumbnail{width:58.59375vw;height:78.125vw;margin:0 auto;max-height:none}.about-people-detail .info .tag img{width:30%}.about-partners .desc{width:90%}.partners-list .swiper-container .swiper-wrapper .swiper-slide{display:flex;width:30%}}.desc1 ul li{list-style:square;margin-left:20px}.desc2 ul li{list-style:disc;margin-left:20px}@media (max-width: 768px){.banner{background-image:url(../images/about/about_banner_bg_mobile.png)}.about-box .about-item .about-info{padding:40px 50px 25px}.about-people-detail{flex-direction:column;height:auto;padding:0 25px 60px}.about-people-detail .thumbnail{width:80vw;height:106.66667vw;margin:0 auto}.about-people-detail .info{padding:50px 0}.partners-list{flex-wrap:nowrap;width:90%;margin:0 auto;padding:0 0;margin-top:100px;gap:50px;overflow-x:scroll;justify-content:center}}