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-box .about-item .desc span{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{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,.about-box .about-item .desc{font-size:1.875vw}.cont-center .title,.about-box .about-item .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}.menu-wrap .cont ul li{font-size:2.91667vw}@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,.about-box .about-item .desc{font-size:36px}.cont-center .title,.about-box .about-item .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}.menu-wrap .cont ul li{font-size:56px}}@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,.about-box .about-item .desc{font-size:2.92969vw}.cont-center .title,.about-box .about-item .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}.menu-wrap .cont ul li{font-size:4.6875vw}}@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,.about-box .about-item .desc{font-size:4vw}.cont-center .title,.about-box .about-item .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}.menu-wrap .cont ul li{font-size:6.93333vw}}.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/technology/technology_banner.png")}.banner .title,.banner .copy{color:var(--color-black)}.about-box{width:100%;max-width:1920px;margin:0 auto;padding:0;position:relative;display:flex;flex-wrap:wrap;box-sizing:border-box}.about-box .about-item{position:relative;background:#111;overflow:hidden;display:grid;place-items:center;border-bottom:1px solid rgba(244,244,244,0.5)}.about-box .about-item:nth-child(2){border-left:1px solid rgba(244,244,244,0.5)}.about-box .about-item:nth-child(4){border-left:1px solid rgba(244,244,244,0.5)}.about-box .about-item:nth-child(6){border-left:1px solid rgba(244,244,244,0.5)}.about-box .about-item:nth-child(8){border-left:1px solid rgba(244,244,244,0.5)}.about-box .about-item:nth-child(10){border-left:1px solid rgba(244,244,244,0.5)}.about-box .about-item.w1{width:34%;box-sizing:border-box}.about-box .about-item.w2{width:66%;box-sizing:border-box}.about-box .about-item img{width:100%;display:block;margin:0 auto;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:40px;flex-shrink:0;height:100%;box-sizing:border-box;background:rgba(244,244,244,0.1)}.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)}.cont-center{padding:var(--section-padding);color:var(--color-white);border-bottom:1px solid rgba(244,244,244,0.5)}.technology-chart{padding:65px 0}.technology-chart img{width:100%;max-width:1200px;margin:0 auto;object-fit:cover;object-position:center center;display:block}@media (max-width: 1336px){.banner{background-image:url("../images/technology/technology_banner_ipad.png")}.about-box{border:none}.about-box .about-item{flex:1 1 100%}.about-box .about-item:nth-child(1){order:2}.about-box .about-item:nth-child(2){order:1;border-left:none}.about-box .about-item:nth-child(3){order:3}.about-box .about-item:nth-child(4){order:4;border-left:none}.about-box .about-item:nth-child(5){order:6}.about-box .about-item:nth-child(6){order:5;border-left:none}.about-box .about-item:nth-child(7){order:7}.about-box .about-item:nth-child(8){order:8;border-left:none}.about-box .about-item:nth-child(9){order:10}.about-box .about-item:nth-child(10){order:9;border-left:none}.technology-chart img{width:90%}}@media (max-width: 768px){.banner{background-image:url("../images/technology/technology_banner_mobile.png")}.about-box .about-item .about-info{padding:30px 50px;gap:20px}}