*{padding:0;margin:0;box-sizing:border-box}h1,h2,h3,h4,h5,p,address{padding:0;margin:0}ul,li{list-style:none}a{text-decoration:none}body{position:relative;width:100%;overflow-x:hidden!important;font-family:SUITE,sans-serif}.mobile-only,.mobile-flex-only{display:none!important}@media screen and (max-width: 768px){.pc-only{display:none!important}.mobile-only{display:block!important}.mobile-flex-only{display:flex!important}}.ty-u-header{position:fixed;top:0;color:#fff;height:100px;width:100%;padding:0 50px;display:flex;z-index:99;background-color:transparent}.ty-u-header .ty-u-header-container{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.ty-u-header .ty-u-header-logo{width:100px;display:flex;justify-content:center;align-items:center}.ty-u-header .ty-u-header-logo h1 img{width:100%}.ty-u-header .ty-u-header-right-wrap{display:flex;gap:40px;font-size:14px;align-items:center}.ty-u-header .ty-u-header-right-wrap .ty-u-header-right a{color:#fff}.ty-u-header .ty-u-header-right-wrap .ty-u-header-right a.link-color-black{color:#000}.ty-u-header .ty-u-header-right-wrap .ty-u-header-right:last-child{background-color:#fff;color:#000;border-radius:20px;padding:4px 20px}.ty-u-header-hamburger{display:none;position:relative;width:30px;height:25px;cursor:pointer;z-index:100}.ty-u-header-hamburger div{position:absolute;width:100%;height:2px;background-color:#fff;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.ty-u-header-hamburger div:nth-child(1){top:0}.ty-u-header-hamburger div:nth-child(2){top:50%;transform:translateY(-50%)}.ty-u-header-hamburger div:nth-child(3){top:100%;transform:translateY(-100%)}.ty-u-header-hamburger.open div:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.ty-u-header-hamburger.open div:nth-child(2){opacity:0}.ty-u-header-hamburger.open div:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.ty-u-header-menu{position:fixed;top:0;left:-100%;height:100%;width:250px;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left .3s ease-in-out;z-index:99}.ty-u-header-menu.open{left:0}.ty-u-header-menu ul{list-style:none;padding:0}.ty-u-header-menu li{padding:15px 0;font-size:18px}@media screen and (max-width: 768px){.ty-u-header{padding:0 20px;height:70px}.ty-u-header .ty-u-header-logo{width:70px}.ty-u-header .ty-u-header-right-wrap{display:none}.ty-u-header-hamburger{display:flex}.ty-u-header .ty-u-header-menu a{color:#fff}}.botem-footer-section{font-family:SUITE,sans-serif;position:relative;left:0;width:100%;border-top:1px solid black;padding:30px 2.5%;line-height:2;font-size:12px;color:#fff;display:flex;flex-direction:row;justify-content:flex-start;background-color:#000}.botem-footer-section .botem-footer-modal .footer-link{color:#6b6b6b}.botem-footer-section .botem-footer-title{width:10%;display:flex;align-items:center}.botem-footer-section .botem-footer-title .footer-logo-div{margin-right:10px;width:100px}.botem-footer-section .botem-footer-title .footer-logo-div img{width:100%;object-fit:contain}.botem-footer-section .botem-footer-modal{width:32%;margin-left:50px;color:#000}.botem-footer-section .botem-footer-info{width:60%}.botem-footer-section .botem-footer-title .log-box-cover{display:flex;width:14%;justify-content:space-between}@media screen and (max-width : 768px){.botem-footer-section{padding:20px 15px;flex-direction:column}.botem-footer-section .botem-footer-title{width:100%}.botem-footer-section .botem-footer-modal{width:100%;margin-left:0}.botem-footer-section .botem-footer-info{width:100%;font-size:10px}.botem-footer-section .botem-footer-title .footer-logo-div img{width:70%;object-fit:contain}}.hoo-main-top-section .hoo-main-mini-text{font-size:14px;opacity:.7;width:100%;margin-bottom:30px}.hoo-main-top-section .hoo-main-btn-bg:nth-of-type(1){background:linear-gradient(93deg,#528b73 -168.32%,#fff 110.66%)}.hoo-main-top-section .hoo-main-btn-bg:nth-of-type(2){background:linear-gradient(180deg,#335748 -50.17%,#7ec189);top:0}.hoo-main-top-section .hoo-main-bg-wrapper{position:relative;width:100%;height:100%;z-index:-2}.hoo-main-top-section .hoo-main-bg-wrapper>div{position:relative;opacity:0;width:100%;height:100%;animation:fadeIn3 .8s ease forwards}.hoo-main-top-section{width:100%;height:100vh;position:relative;color:#fff;overflow:hidden}.hoo-main-top-section .hoo-main-wrapper{width:100%;height:100%}.hoo-main-top-section .hoo-main-front-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3}.hoo-main-top-section .hoo-main-big-text{font-weight:700;font-size:80px;line-height:80px}.hoo-main-top-section .hoo-main-big-text>span{opacity:0;animation:fadeIn .8s ease forwards;position:relative;top:20px}@keyframes fadeIn{to{opacity:1;top:0}}.hoo-main-top-section .hoo-main-mini-text{font-size:22px;opacity:.7;width:100%;margin-bottom:30px}.hoo-main-top-section .hoo-main-big-text-wrapper{margin-bottom:40px}.hoo-main-top-section .contact-btn-a-link{display:inline-block;top:-20px;animation:fadeIn .8s ease forwards;opacity:0}.hoo-main-top-section .hoo-main-contact-btn{overflow:hidden;text-transform:uppercase;border:1px solid white;height:35px;border-radius:20px;font-size:12px;min-width:110px;position:relative;cursor:pointer}.hoo-main-top-section .hoo-main-btn-white-text{width:100%;position:absolute;height:100%;top:0;z-index:2;color:#000;display:flex;justify-content:center;align-items:center}.hoo-main-top-section .hoo-main-btn-white-text:nth-of-type(2){top:0;color:#fff}.hoo-main-top-section .text-hidden-box{overflow:hidden;height:18px;transition:all .5s ease .1s}.hoo-main-top-section .text-hidden-box .contact-us-text{color:#525252}.hoo-main-top-section .hoo-main-contact-btn .text-hidden-box.second{height:0;top:18px}.hoo-main-top-section .hoo-main-contact-btn.active .text-hidden-box.first{height:0}.hoo-main-top-section .hoo-main-contact-btn.active .text-hidden-box.second{height:18px}.hoo-main-top-section .hoo-main-btn-bg-wrap{height:75px;width:100%;position:relative}.hoo-main-top-section .hoo-main-btn-bg{height:50%;width:100%;transition:all .5s ease;top:0;position:relative}.hoo-main-top-section .hoo-main-btn-bg:nth-of-type(1){background:white}.hoo-main-top-section .hoo-main-btn-bg:nth-of-type(2){background:linear-gradient(180deg,#ffffff,50.17%,#3bc1ff);top:0}.hoo-main-top-section .hoo-main-contact-btn.active .hoo-main-btn-bg.white,.hoo-main-top-section .hoo-main-contact-btn.active .hoo-main-btn-bg.green{top:-40px}.hoo-main-top-section .hoo-main-video-wrapper{position:absolute;width:192px;height:220px;border-radius:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;top:48%;left:20%;opacity:0;animation:fadeIn2 .8s ease forwards;z-index:2}@keyframes fadeIn2{to{opacity:1;top:45%}}.hoo-main-top-section .hoo-main-video-wrapper>video{object-fit:cover;background:grey;height:300%}.hoo-main-top-section .hoo-main-bg-wrapper{position:relative;width:100%;height:100%;z-index:-1}.hoo-main-top-section .hoo-main-bg-wrapper>div{position:relative;opacity:0;width:100%;height:100%;animation:fadeIn3 .8s ease forwards;background-color:#000}.hoo-main-top-section .hoo-main-bg-wrapper>div img{width:100%}.hoo-main-button-wrap{width:120px;height:40px;color:#fff;background-color:#004aff;border-radius:32px;display:flex;justify-content:center;align-items:center;font-size:16px;text-transform:uppercase}.hoo-main-button-wrap a{color:#fff}@keyframes fadeIn3{to{opacity:1}}@media screen and (max-width: 768px){.hoo-main-top-section .hoo-main-front-wrapper{width:calc(100% - 40px);top:70%}.hoo-main-top-section .hoo-main-big-text{font-size:28px;line-height:1.2}.hoo-main-top-section .hoo-main-mini-text{padding-bottom:8px;margin-bottom:unset;font-size:20px}.hoo-main-top-section .hoo-main-video-wrapper{width:110px;height:130px;left:unset;right:20px}.hoo-main-top-section .hoo-main-big-text-wrapper{width:100%}.hoo-main-button-wrap{width:120px;height:40px;color:#fff;font-size:16px}}.hoo-skew-text-section{width:100%;height:100vh;background:#000;color:#fff;text-align:center}.hoo-skew-text-section .hoo-main-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:90px}.hoo-skew-text-section .hoo-top-skew-text-wrap{font-size:33px;line-height:40px}.hoo-skew-text-section .hoo-bottom-img-units{display:flex;gap:20px}.hoo-skew-text-section .hoo-img-units{overflow:hidden;border-radius:16px;position:relative}.hoo-skew-text-section .skew-context{transition:all .7s ease-in-out}.hoo-skew-text-section .skew-context>span{position:relative}.hoo-skew-text-section .skew-context.active>span{animation:fadeUpMiniText .2s forwards;opacity:0}@keyframes fadeUpMiniText{0%{opacity:0;transform:skew(10deg,10deg) translateY(30px)}to{opacity:1;transform:skew(0) translateY(0)}}.hoo-skew-text-section .hoo-img-units:hover .hoo-text-wrap{opacity:1}.hoo-skew-text-section .hoo-img-wrap{position:relative;width:100%;height:100%;z-index:1}.hoo-skew-text-section .hoo-img-wrap img{scale:1.03}.hoo-skew-text-section .hoo-text-wrap{position:absolute;width:100%;height:100%;z-index:2;background-color:transparent;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,#3bc1ff 100%);display:flex;align-items:flex-end;justify-content:center;padding:30px;font-size:24px;transition:all .5s ease;opacity:0;color:#fff;border-radius:10px}@media screen and (max-width: 768px){.hoo-skew-text-section{height:unset;padding:100px 20px}.hoo-skew-text-section .hoo-bottom-img-units{flex-direction:column}.hoo-skew-text-section .hoo-top-skew-text-wrap{font-size:18px;line-height:1.2}}.hoo-contact-us-section{width:100%;height:70vh;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background-color:#000;gap:30px}.hoo-contact-us-section .hoo-main-text{font-size:40px;font-weight:700;line-height:45px}.hoo-contact-us-section .hoo-mini-text{opacity:.7}.hoo-contact-us-section .contact-btn-a-link{display:inline-block;top:-20px;animation:fadeIn .8s ease forwards;opacity:0}.hoo-contact-us-section .hoo-main-contact-btn{overflow:hidden;text-transform:uppercase;border:1px solid white;height:35px;border-radius:20px;font-size:12px;min-width:110px;position:relative;cursor:pointer}.hoo-contact-us-section .hoo-main-btn-white-text{width:100%;position:absolute;height:100%;top:0;z-index:2;color:#000;display:flex;justify-content:center;align-items:center}.hoo-contact-us-section .hoo-main-btn-white-text:nth-of-type(2){top:0;color:#fff}.hoo-contact-us-section .text-hidden-box{overflow:hidden;height:18px;transition:all .5s ease .1s}.hoo-contact-us-section .hoo-main-contact-btn .text-hidden-box.second{height:0;top:18px}.hoo-contact-us-section .hoo-main-btn-bg-wrap{height:75px;width:100%;position:relative}.hoo-contact-us-section .hoo-main-btn-bg{height:50%;width:100%;transition:all .5s ease;top:0;position:relative}.hoo-contact-us-section .hoo-main-btn-bg:nth-of-type(1){background:white}.hoo-contact-us-section .hoo-main-btn-bg:nth-of-type(2){background:linear-gradient(180deg,#ffffff,50.17%,#3bc1ff);top:0}.hoo-contact-us-section .hoo-main-contact-btn.active .text-hidden-box.first{height:0}.hoo-contact-us-section .hoo-main-contact-btn.active .text-hidden-box.second{height:18px}.hoo-contact-us-section .hoo-main-contact-btn.active .hoo-main-btn-bg.white,.hoo-contact-us-section .hoo-main-contact-btn.active .hoo-main-btn-bg.green{top:-40px}.hoo-contact-us-section .text-hidden-box .contact-us-text{color:#525252}.hoo-contact-button-wrap{width:120px;height:40px;color:#fff;background-color:#004aff;border-radius:32px;display:flex;justify-content:center;align-items:center;font-size:16px;text-transform:uppercase}.hoo-contact-button-wrap a{color:#fff}@media screen and (max-width: 768px){.hoo-contact-us-section{padding:100px 20px;height:unset}.hoo-contact-us-section .hoo-main-text{font-size:26px;line-height:1.2}.hoo-contact-button-wrap{width:120px;height:40px;color:#fff;font-size:16px}}.hoo-wave-text-section{width:100%;height:100vh;position:relative;display:flex;flex-direction:column}.hoo-wave-text-section .hoo-wave-bg-wrap{position:relative;height:55%;width:100%}.hoo-wave-text-section .hoo-wave-bg-wrap>video,.hoo-wave-text-section .hoo-wave-bg-wrap>img{height:100%;object-fit:cover;width:100%}.hoo-wave-text-section .hoo-front-text-wrap{color:#ddd;height:45%;background-color:#000;padding:0 200px 50px;display:flex;flex-direction:column;justify-content:end}.hoo-wave-text-section .hoo-mini-text{opacity:.7;margin-bottom:30px}.hoo-wave-text-section .hoo-big-text{font-size:60px;line-height:90px}@media screen and (max-width: 768px){.hoo-wave-text-section{height:65vh}.hoo-wave-text-section .hoo-front-text-wrap{left:20px;padding:0 20px}.hoo-wave-text-section .hoo-mini-text{margin-bottom:5px}.hoo-wave-text-section .hoo-big-text{font-size:24px;font-weight:700;line-height:1.2}}.hoo-sticky-slide-section{width:100%;color:#ddd;height:3000px;position:relative;background-color:#000;z-index:0}.hoo-sticky-slide-section .hoo-sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hoo-sticky-slide-section .hoo-sticky-wrapper .hoo-sticky-text-wrap{text-align:center}.hoo-sticky-slide-section .hoo-mini-text{opacity:.7;margin-bottom:20px}.hoo-sticky-slide-section .hoo-big-text{font-size:40px;font-weight:700;text-transform:uppercase;margin-bottom:50px;text-align:center;line-height:45px}.hoo-sticky-slide-section .hoo-three-cards-wrap{position:relative}.hoo-sticky-slide-section .hoo-card-units{border:1px solid white;border-radius:20px;padding:50px;min-height:430px;aspect-ratio:1.2/.48;position:relative;background:#000000}.hoo-sticky-slide-section .hoo-card-units:not(:nth-of-type(1)){position:absolute;top:0}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(1){z-index:1;right:-1130px}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(2){z-index:2;right:-1220px}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(3){z-index:3;right:-1310px}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(4){z-index:3;right:-1420px}.hoo-sticky-slide-section .hoo-big-card-text{font-size:33px;font-weight:700;line-height:35px;margin-bottom:20px;position:relative;padding-left:20px}.hoo-sticky-slide-section .hoo-big-card-text.third-card{padding-left:40px}.hoo-sticky-slide-section .hoo-card-relati-div{display:flex;align-items:center;justify-content:space-between;height:100%}.hoo-sticky-slide-section .hoo-small-card-text{margin-bottom:20px;position:relative}.hoo-sticky-slide-section .hoo-arrow-a-tag{position:relative}.hoo-sticky-slide-section .hoo-card-line{width:5%;height:100%;display:flex;align-items:flex-start}.hoo-sticky-slide-section .hoo-left-line{width:1px;height:70%;background:rgba(255,255,255,.3);position:relative;clip-path:inset(100% 0 0 0)}.hoo-sticky-slide-section .hoo-card-text-wrap{width:40%;position:relative}.hoo-sticky-slide-section .hoo-right-video-wrap{width:55%;height:100%;display:flex;justify-content:center;align-items:center}.hoo-sticky-slide-section .hoo-right-video{height:300px}.hoo-sticky-slide-section .hoo-card-arrow-btn{display:flex;gap:10px;position:relative;align-items:center;color:#3bc1ff;cursor:pointer}.hoo-sticky-slide-section .hoo-learn-hidden,.hoo-sticky-slide-section .hoo-arrow-hidden{position:relative;overflow:hidden;height:21px}.hoo-sticky-slide-section .hoo-learn-hidden>p,.hoo-sticky-slide-section .hoo-arrow-hidden>span{transition:all .5s ease;position:relative}.hoo-sticky-slide-section .hoo-arrow-hidden{display:flex;width:24px}.hoo-sticky-slide-section .hoo-card-arrow-btn:hover .hoo-learn-more:nth-of-type(1),.hoo-sticky-slide-section .hoo-card-arrow-btn:hover .hoo-learn-more:nth-of-type(2){top:-21px}.hoo-sticky-slide-section .hoo-card-arrow-btn .hoo-learn-more:nth-of-type(1){top:0}.hoo-sticky-slide-section .hoo-card-arrow-btn .hoo-learn-more:nth-of-type(2){top:21px}.hoo-sticky-slide-section .hoo-card-arrow-btn .hoo-learn-more-arrow:nth-of-type(1),.hoo-sticky-slide-section .hoo-card-arrow-btn .hoo-learn-more-arrow:nth-of-type(2){left:-24px}.hoo-sticky-slide-section .hoo-card-arrow-btn:hover .hoo-learn-more-arrow:nth-of-type(1){left:0}.hoo-sticky-slide-section .hoo-card-arrow-btn:hover .hoo-learn-more-arrow:nth-of-type(2){left:24px}@media screen and (max-width: 768px){.hoo-sticky-slide-section{padding:100px 20px 20px;height:1800px;white-space:pre-wrap}.hoo-sticky-slide-section .hoo-sticky-wrapper{position:relative;height:100%;overflow:visible}.hoo-sticky-slide-section .hoo-sticky-wrapper .hoo-sticky-text-wrap{position:sticky;top:30px;z-index:100;padding:50px 0 0}.hoo-sticky-slide-section .hoo-big-text{font-size:26px;line-height:1}.hoo-sticky-slide-section .hoo-card-relati-div{flex-direction:column-reverse;padding:30px 20px 60px;text-align:center;gap:20px}.hoo-sticky-slide-section .hoo-three-cards-wrap{width:100%;position:relative;height:100%}.hoo-sticky-slide-section .hoo-three-cards-wrap .hoo-card-sticky-wrap{position:relative;top:0;height:100%;width:100%}.hoo-sticky-slide-section .hoo-card-units{position:sticky;width:100%;margin-top:10px;padding:unset;overflow:hidden}.hoo-sticky-slide-section .hoo-card-units:not(:nth-of-type(1)){position:absolute;top:0}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(1){right:unset;top:210px;z-index:1}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(2){position:sticky;right:unset;top:250px;z-index:2}.hoo-sticky-slide-section .hoo-card-units:nth-of-type(3){position:sticky;right:unset;top:290px;z-index:999}.hoo-sticky-slide-section .hoo-card-text-wrap{width:100%;text-align:center}.hoo-sticky-slide-section .hoo-right-video-wrap{width:100%;height:50%}.hoo-sticky-slide-section .hoo-big-card-text{margin-bottom:unset;font-size:25px;padding-left:unset}.hoo-sticky-slide-section .hoo-right-video-wrap>video,.hoo-sticky-slide-section .hoo-right-video-wrap>img{width:90%}.hoo-sticky-slide-section .hoo-card-arrow-btn{justify-content:center}.hoo-sticky-slide-section .hoo-small-card-text{font-size:12px}}.msyClick-swiper-section{width:100%;min-height:100vh;color:#ddd;background-color:#000}.msyClick-swiper-section .padding-wapper{width:100%;height:100%;padding:100px 200px}.msyClick-swiper-section .hoo-top-units-wrap{width:100%;margin-bottom:60px;display:flex;justify-content:space-between}.msyClick-swiper-section .top-mini-text{color:gray;margin-bottom:30px}.msyClick-swiper-section .top-big-text{font-weight:700;font-size:33px}.msyClick-swiper-section .star-svg-tag{width:80px;position:relative;opacity:0;left:-40px;transition:all .4s cubic-bezier(.785,.135,.15,.86)}.msyClick-swiper-section .swiper-btns-wrapper{display:flex;justify-content:space-between;margin-bottom:40px;position:relative;z-index:3}.msyClick-swiper-section .swiper-btns-unit{display:flex;flex-direction:column;justify-content:space-between;height:100%;cursor:pointer}.msyClick-swiper-section .swiper-img-wrapper{width:55%;overflow:hidden;border-radius:20px;border:1px solid #ddd;display:flex;justify-content:center;align-items:center;transition:all .6s cubic-bezier(.785,.135,.15,.86) .3s;position:relative;left:-40px;opacity:0}.msyClick-swiper-section .swiper-img-wrapper>img,.msyClick-swiper-section .swiper-img-wrapper>video{width:100%;object-fit:cover}.msyClick-swiper-section .swiper-bottom-units-wrapper{position:relative;height:50vh}.msyClick-swiper-section .swiper-change-unit{display:flex;position:absolute;width:100%;top:0}.msyClick-swiper-section .swiper-change-unit.active{position:absolute}.msyClick-swiper-section .swiper-text-wrapper{width:45%;padding:20px 50px;display:flex;flex-wrap:wrap;justify-content:space-between;transition:all .6s cubic-bezier(.785,.135,.15,.86) .5s;position:relative;left:-40px;opacity:0}.msyClick-swiper-section .green-dotted-div{position:relative}.msyClick-swiper-section .swiper-text-units{width:85%}.msyClick-swiper-section .swiper-text-units .green-dotted-div-description{padding:16px 0}.msyClick-swiper-section .green-dotted-div:after{content:"";position:absolute;top:.45rem;left:-1.2rem;width:.4rem;height:.4rem;border:1px solid #3bc1ff;border-radius:9999rem;filter:drop-shadow(0 0 8px #3bc1ff);box-shadow:0 0 8px #3bc1ff}.msyClick-swiper-section .top-btns-wrap{z-index:2}.msyClick-swiper-section .top-btns-wrap .btn-unit{position:relative;overflow:hidden;display:inline-block;width:55px;height:55px;z-index:1}.msyClick-swiper-section .top-btns-wrap .btn-unit:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#3bc1ff,#1d252d 99.78%);z-index:-1;opacity:0;border-radius:9999rem;transition:all .6s cubic-bezier(.785,.135,.15,.86)}.msyClick-swiper-section .btn-unit:hover:after{opacity:1}.msyClick-swiper-section .top-btns-wrap .btn-unit:nth-of-type(1){margin-right:30px}.msyClick-swiper-section .btn-unit:hover .btn-slider-left__arrow-1{transform:translate(-100%)}.msyClick-swiper-section .btn-unit .btn-slider-left__arrow-1{position:relative;z-index:20;transform:translate(0)}.msyClick-swiper-section .btn-unit .btn-slider-left__arrow-2{position:absolute;transform:translate(100%);transition:all .4s cubic-bezier(.785,.135,.15,.86);z-index:20}.msyClick-swiper-section .btn-unit:hover .btn-slider-left__arrow-2{transform:translate(0)}.msyClick-swiper-section .btn-unit:hover .btn-slider-right__arrow-1{transform:translate(100%)}.msyClick-swiper-section .btn-unit .btn-slider-right__arrow-1{position:relative;z-index:20;transform:translate(0)}.msyClick-swiper-section .btn-unit .btn-slider-right__arrow-2{position:absolute;transform:translate(-100%);transition:all .4s cubic-bezier(.785,.135,.15,.86);z-index:20}.msyClick-swiper-section .btn-unit:hover .btn-slider-right__arrow-2{transform:translate(0)}.msyClick-swiper-section .btn-context{opacity:.6;transition:all .4s cubic-bezier(.785,.135,.15,.86)}.msyClick-swiper-section .swiper-btns-unit.active .star-svg-tag{opacity:1;left:0}.msyClick-swiper-section .swiper-btns-unit.active .btn-context{opacity:1}.msyClick-swiper-section .swiper-change-unit.active .swiper-img-wrapper,.msyClick-swiper-section .swiper-change-unit.active .swiper-text-wrapper{left:0;opacity:1}@media screen and (max-width: 768px){.msyClick-swiper-section{height:unset}.msyClick-swiper-section .padding-wapper{padding:100px 20px}.msyClick-swiper-section .top-mini-text{margin-bottom:20px;text-align:center}.msyClick-swiper-section .top-big-text{text-align:center;line-height:1}.msyClick-swiper-section .hoo-top-units-wrap{flex-direction:column;align-items:center;margin-bottom:20px;gap:20px}.msyClick-swiper-section .top-left-wrap{margin-bottom:20px}.msyClick-swiper-section .swiper-change-unit{display:flex;flex-direction:column}.msyClick-swiper-section .swiper-img-wrapper{width:100%;left:unset;margin-bottom:20px}.msyClick-swiper-section .swiper-text-wrapper{width:100%;padding-left:unset;left:unset;gap:20px;padding:20px}.msyClick-swiper-section .swiper-change-unit.active{position:absolute}.msyClick-swiper-section .green-dotted-div{left:20px}.msyClick-swiper-section .swiper-text-units{width:calc(100% - 20px);font-size:14px}.msyClick-swiper-section .swiper-btns-wrapper{margin-bottom:20px;height:100px}.msyClick-swiper-section .swiper-btns-unit{flex-shrink:0;width:100%;height:unset;position:absolute;transform:translate(-100%);transition:unset}.msyClick-swiper-section .swiper-btns-unit.active{position:relative;transform:translate(0);transition:.5s all}.msyClick-swiper-section .star-svg-tag{width:100%}.msyClick-swiper-section .swiper-btns-unit.active .btn-context{text-align:center}.msyClick-swiper-section .green-dotted-div:after{content:"";position:absolute;top:.35rem;left:-1.2rem;width:.4rem;height:.4rem;border:1px solid #3bc1ff;border-radius:9999rem;filter:drop-shadow(0 0 8px #3bc1ff);box-shadow:0 0 8px #3bc1ff}.msyClick-swiper-section .top-btns-wrap .btn-unit{position:relative;overflow:hidden;display:inline-block;width:36px;height:36px;z-index:1}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chit-stickybg-section{width:100%;font-family:SUITE,sans-serif;position:relative;z-index:-1}.chit-stickybg-section .chit-stickybg-container{position:relative;width:100%;height:3000px}.chit-stickybg-section .chit-stickybg-back{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.chit-stickybg-section .chit-stickybg-back-posi{position:relative;width:100%;height:100%}.chit-stickybg-section .chit-stickybg-back-img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);transition:.5s;opacity:0}.chit-stickybg-section .chit-stickybg-back-posi.active1 .chit-stickybg-back-img1,.chit-stickybg-section .chit-stickybg-back-posi.active2 .chit-stickybg-back-img2{opacity:1}.chit-stickybg-section .chit-stickybg-back-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.chit-stickybg-section .chit-stickybg-front{position:absolute;top:0;left:0;width:100%;height:100%}.chit-stickybg-section .chit-stickybg-front-inner{width:100%;max-width:1560px;height:100%;margin:0 auto;display:flex;justify-content:space-between}.chit-stickybg-section .chit-stickybg-left{position:sticky;top:0;width:40%;height:550px;color:#fff;padding-top:150px}.chit-stickybg-section .chit-stickybg-title{font-size:56px;margin-bottom:30px}.chit-stickybg-section .chit-stickybg-sub-title{font-size:56px}.chit-stickybg-section .chit-stickybg-right{width:55%;height:100%;display:flex;justify-content:center;align-items:center}.chit-stickybg-section .chit-stickybg-right-inner{width:45%;display:flex;flex-direction:column;margin-right:2rem}.chit-stickybg-section .chit-stickybg-right-inner:last-of-type{transform:translateY(25%)}.chit-stickybg-section .chit-stickybg-right-box{width:100%;height:530px;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;border-radius:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.3);background-color:#ffffff1a;box-shadow:0 6px 24px #fff3;background-color:#fff;margin-bottom:2rem}.chit-stickybg-section .chit-stickybg-right-box.active{background-color:transparent;color:#fff}.chit-stickybg-section .chit-stickybg-right-box-top{width:100%;display:flex;justify-content:space-between}.chit-stickybg-section .chit-box-logo,.chit-stickybg-section .chit-box-numb{font-size:14px}.chit-stickybg-section .chit-stickybg-right-box-bottom{width:100%}.chit-stickybg-section .chit-stickybg-right-box-img{width:110px;display:block;margin-bottom:2rem}.chit-stickybg-section .chit-stickybg-right-box.active .chit-stickybg-right-box-img{filter:invert(100%)}.chit-stickybg-section .chit-box-title{font-size:32px;margin-bottom:1rem}.chit-stickybg-section .chit-box-desc{font-size:16px}.chit-stickybg-mo-swiper .chit-rightbox-slide-box{width:45%!important}@media screen and (max-width: 768px){.chit-stickybg-section{z-index:99}.chit-stickybg-section .chit-stickybg-container{height:auto}.chit-stickybg-section .chit-stickybg-front-inner{padding:1rem;flex-direction:column;align-items:center;justify-content:center}.chit-stickybg-section .chit-stickybg-left{position:static;width:100%;height:auto;color:#fff;padding-top:3rem}.chit-stickybg-section .chit-stickybg-title{font-size:28px;margin-bottom:2rem}.chit-stickybg-section .chit-stickybg-sub-title{font-size:28px}.chit-stickybg-section .chit-stickybg-right{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.chit-stickybg-section .mySwiper{width:100%;height:auto}.chit-stickybg-section .swiper-slide{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;border-radius:32px;margin-bottom:2rem}.chit-stickybg-section .chit-box-title{font-size:21px;margin-bottom:1rem}.chit-stickybg-section .chit-box-desc{font-size:12px;text-align:center}.chit-stickybg-section .chit-stickybg-right-box{background-color:transparent;padding:2rem}.chit-stickybg-right-box-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}.chit-stickybg-section .chit-stickybg-right-box-img{width:80px;display:block;margin-bottom:2rem}.chit-stickybg-section .swiper-slide-active{background-color:transparent;color:#fff}.chit-stickybg-section .swiper-slide-active .chit-stickybg-right-box-img{filter:invert(100%)}.chit-stickybg-section .chit-stickybg-right-box{justify-content:center}}.hoo-contact-us-section-two{width:100%;height:70vh;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background-color:#000;gap:30px}.hoo-contact-us-section-two .hoo-main-text{font-size:40px;font-weight:700;line-height:45px}.hoo-contact-us-section-two .hoo-mini-text{opacity:.7}.hoo-contact-us-section-two .contact-btn-a-link{display:inline-block;top:-20px;animation:fadeIn .8s ease forwards;opacity:0}.hoo-contact-us-section-two .hoo-main-contact-btn{overflow:hidden;text-transform:uppercase;border:1px solid white;height:35px;border-radius:20px;font-size:12px;min-width:110px;position:relative;cursor:pointer}.hoo-contact-us-section-two .hoo-main-btn-white-text{width:100%;position:absolute;height:100%;top:0;z-index:2;color:#000;display:flex;justify-content:center;align-items:center}.hoo-contact-us-section-two .hoo-main-btn-white-text:nth-of-type(2){top:0;color:#fff}.hoo-contact-us-section-two .text-hidden-box{overflow:hidden;height:18px;transition:all .5s ease .1s}.hoo-contact-us-section-two .hoo-main-contact-btn .text-hidden-box.second{height:0;top:18px}.hoo-contact-us-section-two .hoo-main-btn-bg-wrap{height:75px;width:100%;position:relative}.hoo-contact-us-section-two .hoo-main-btn-bg{height:50%;width:100%;transition:all .5s ease;top:0;position:relative}.hoo-contact-us-section-two .hoo-main-btn-bg:nth-of-type(1){background:white}.hoo-contact-us-section-two .hoo-main-btn-bg:nth-of-type(2){background:linear-gradient(180deg,#ffffff,50.17%,#3bc1ff);top:0}.hoo-contact-us-section-two .hoo-main-contact-btn.active .text-hidden-box.first{height:0}.hoo-contact-us-section-two .hoo-main-contact-btn.active .text-hidden-box.second{height:18px}.hoo-contact-us-section-two .hoo-main-contact-btn.active .hoo-main-btn-bg.white,.hoo-contact-us-section-two .hoo-main-contact-btn.active .hoo-main-btn-bg.green{top:-40px}.hoo-contact-us-section-two .text-hidden-box .contact-us-text{color:#525252}.hoo-center-button-wrap{width:120px;height:40px;color:#fff;background-color:#004aff;border-radius:32px;display:flex;justify-content:center;align-items:center;font-size:16px;text-transform:uppercase}.hoo-center-button-wrap a{text-transform:uppercase;color:#fff}@media screen and (max-width: 768px){.hoo-contact-us-section-two{padding:100px 20px;height:unset}.hoo-contact-us-section-two .hoo-main-text{font-size:26px;line-height:1.2}.hoo-center-button-wrap{width:120px;height:40px;font-size:16px}}.hoo-company-hori-section{width:100%;height:50vh;position:relative;color:#fff;background-color:#000}.hoo-company-hori-section .hoo-main-small-text{text-transform:uppercase;letter-spacing:2px;font-size:14px}.hoo-company-hori-section .hoo-hori-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:40px;background-color:#000}.hoo-company-hori-section .hoo-com-hidden-box{width:100%;display:flex;justify-content:center;position:relative}.hoo-company-hori-section .hori-hidden-main-wrapper{display:flex;width:70%;height:180px;border:1px solid rgba(199,199,199,.3);border-radius:20px;overflow:hidden;position:relative;z-index:2;background-color:#111}.hoo-company-hori-section .hori-go-to-left{width:200%;display:flex;position:relative;left:0;animation:slideLeft 40s linear infinite}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-200%)}}.hoo-company-hori-section .hori-left-units{width:250px;border-right:1px solid rgba(199,199,199,.3);height:100%;display:flex;justify-content:center;align-items:center}.hoo-company-hori-section .hori-left-units img{width:40%;max-height:75px;object-fit:contain}.hoo-company-hori-section .hoo-com--hori-line{width:90%;height:2px;top:50%;transform:translateY(-50%);position:absolute;background:rgb(255,255,255);background:-moz-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);background:linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1)}@media screen and (max-width: 768px){.hoo-company-hori-section{height:unset;padding:100px 20px}.hoo-company-hori-section .hori-hidden-main-wrapper{width:100%;height:100px;border-radius:unset}.hoo-company-hori-section .hori-go-to-left{width:unset}.hoo-company-hori-section .hori-left-units{width:150px}.hoo-company-hori-section .hori-left-units img{width:60px;max-height:60px}}.ty-back-section{position:absolute;width:100%;height:100%;z-index:0}.ty-back-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.2;background-image:url(/images/ty-back-section/line3.png)}.notice-page-section{width:100%;height:100%;padding:150px 160px;background-color:#000;color:#fff}.notice-page-section .notice-page-inner{width:100%;height:100%}.notice-page-title-wrap{min-height:100px;border-bottom:1px solid #9f9f9f;font-size:32px;font-weight:700;padding:20px 0}.notice-page-list .notice-page-list-btn.active{color:#005a86;text-decoration:underline}.notice-page-content-wrap{margin-bottom:50px}.notice-page-content-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:50px}.notice-page-content-item{width:100%;height:auto;padding:50px 0;display:flex;border-bottom:1px solid #c7c7c7}.notice-page-content-imgWrap{width:180px;aspect-ratio:1/1;display:flex;justify-content:center}.notice-page-content-img{width:100%;aspect-ratio:1/1;object-fit:cover}.notice-page-content-textBox{width:100%;height:100%;padding:30px 60px;display:flex;flex-direction:column}.notice-page-content-title{font-size:18px}.notice-page-content-product{font-size:24px;line-height:1.2;font-weight:500;color:#fff}.notice-page-content-text{font-size:16px;color:#767676;padding-top:20px}.notice-page-content-text:last-child{margin-top:auto}@media screen and (max-width: 768px){.notice-page-section{padding:70px 16px}.notice-page-content-item{padding:30px 0;flex-wrap:wrap}.notice-page-content-imgWrap{width:60%;height:150px}.notice-page-content-img{width:100%}.notice-page-content-text{padding-top:10px;font-size:14px}.notice-page-content-textBox{padding:20px 0}.notice-page-content-text:last-child{margin-top:0}}.list-pagination .MuiPaginationItem-previousNext{background-color:#f5f5f5}.css-10w330c-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{background-color:#ffffffe5!important}.news-detail-section{padding:150px 160px}.news-detail-top{min-height:100px;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #9f9f9f}.news-detail-title{font-size:32px;font-weight:700}.news-detail-bottom{width:100%}.news-detail-content{width:100%;padding:50px}.news-detail-imgWrap{width:30%}.news-detail-imgWrap img,.news-detail-content p{width:100%}.news-detail-content img{width:100%;object-fit:contain}.news-detail-section .news-detail-answer{width:100%;min-height:50px;margin-top:40px;padding:16px;border:1px solid #b2b2b2;display:flex;flex-direction:column;gap:10px;border-radius:5px}.news-detail-section .news-detail-answer .news-answer-title{padding:5px 0;font-size:18px;font-weight:700;border-bottom:1px solid #464646}@media screen and (max-width: 768px){.news-detail-section{padding:70px 16px}.news-detail-top{flex-direction:column;align-items:flex-start}.news-detail-content p{padding:20px 0}.news-detail-content{width:100%;padding:0}}.academy-vision-section{width:100%;height:100vh;padding-top:100px}.kd-main-section6{width:100%}.kd-main-section6 .kd-main-container{position:relative;width:100%}.kd-main-section6 .kd-main-front-wrap{position:relative;width:100%;height:calc(var(--vh, 1vh) * 100);background-color:#222;z-index:2}.kd-main-section6 .kd-main-front-background-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.kd-main-section6 .kd-main-front-background-inner{position:relative;width:100%;height:100%}.kd-main-section6 .kd-main-front-background-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;background:radial-gradient(circle at center,rgba(0,0,0,0) 30%,rgba(0,0,0,.3) 45%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.8) 80%);transition:.5s}.kd-main-section6 .kd-main-front-background-cover.active{opacity:1}.kd-main-section6 .kd-main-front-background-video{width:100%;height:100%;object-fit:cover;filter:brightness(1)}.kd-main-section6 .kd-main-front-top{position:relative;width:100%;height:100%;padding:130px 120px 40px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#fff;z-index:5}.kd-main-section6 .kd-main-front-left{width:100%;height:50%}.kd-main-section6 .kd-main-front-left-inner{position:relative;width:100%;height:100%}.kd-main-section6 .kd-main-front-left-list{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;text-align:center}.kd-main-section6 .kd-main-front-left-list.active{visibility:visible;opacity:1}.kd-main-section6 .kd-main-front-left-list-title-wrap{width:100%;overflow:hidden;margin-bottom:36px}.kd-main-section6 .kd-main-front-left-list-description-wrap,.kd-main-section6 .kd-main-front-left-text-wrap{width:100%;overflow:hidden}.kd-main-section6 .ten-top-text{transition:.8s;text-align:center;margin-top:2px}.kd-main-section6 .ten-top-text.big{padding-bottom:16px}.kd-main-section6 .ten-top-text.sub{font-size:18px;font-weight:200;overflow:hidden;color:#ffffffa1}.kd-main-section6 .ten-top-text.sub>span{display:inline-block}.kd-main-section6 .ten-top-text.top{margin-bottom:10px}.kd-main-section6 .ten-top-text.top .project-portfolio-list-subject{opacity:0;transition:.8s;font-family:Orbitron,sans-serif;font-size:24px;font-weight:300;background:linear-gradient(to right,#0015ff,#248aff,#7bd5ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease-in-out infinite}.kd-main-section6 .ten-top-text.big .project-portfolio-list-subject{opacity:0;transition:.8s;-webkit-background-clip:text;background-clip:text;color:#fff;font-size:44px;font-weight:400}.kd-main-section6 .kd-main-left-title{font-size:36px;font-weight:700;transition:.8s;transform:translateY(100%)}.kd-main-section6 .kd-main-left-sub-title{font-size:36px;font-weight:500;white-space:pre-wrap;transition:.8s;transform:translateY(100%)}.kd-main-section6 .kd-main-left-description{font-size:24px;font-weight:500;transition:.8s;transform:translateY(100%)}.kd-main-section6 .kd-main-front-left-list.active .kd-main-left-title,.kd-main-section6 .kd-main-front-left-list.active .kd-main-left-sub-title{transition-delay:.4s;transform:translateY(0)}.kd-main-section6 .kd-main-front-left-list.active .kd-main-left-description{transition-delay:1.2s;transform:translateY(0)}.kd-main-section6 .kd-main-front-right{position:relative;width:100%;height:42%}.kd-main-section6 .kd-main-front-right-list-wrap{width:100%;height:100%;display:flex;justify-content:space-between}.kd-main-section6 .kd-main-front-right-list{position:relative;width:33.33%;height:100%;padding:16px;display:flex;align-items:center;background-color:#0009;clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0)}.kd-main-section6 .kd-main-front-right-list-inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;clip-path:polygon(calc(100% - 1px) calc(100% - 41px),calc(100% - 1px) 0,100% 0,100% calc(100% - 41px),calc(100% - 41px) 100%,0 100%,0 calc(100% - 1px),calc(100% - 41px) calc(100% - 1px))}.kd-main-section6 .kd-main-front-text-wrap{height:100%;padding-top:5%;position:relative;flex:1;z-index:2}.kd-main-section6 .kd-main-front-list-name{font-size:18px;font-weight:700;color:#fff;line-height:1;transition:.3s;margin-bottom:50px}.kd-main-section6 .kd-main-front-right-list.active .kd-main-front-list-name{color:#fff}.kd-main-section6 .kd-main-front-list-info{font-size:15px;font-weight:400;line-height:1.4;color:#989898;transition:.3s}.kd-main-section6 .kd-main-front-right-list.active .kd-main-front-list-info{color:#fff}.kd-main-section6 .kd-main-list-image-wrap{position:relative;height:100%;aspect-ratio:1/1;margin-right:16px;overflow:hidden;z-index:2}.kd-main-section6 .kd-main-list-image,.kd-main-section6 .kd-main-list-video{width:100%;height:100%;object-fit:cover}.kd-main-section6 .kd-main-front-right-list.active .kd-main-list-image{filter:invert(0)}.kd-main-section6 .kd-main-counter-wrap{width:100%;display:flex;justify-content:center;align-items:center}.kd-main-section6 .kd-main-counter{display:flex;align-items:center;margin-right:16px}.kd-main-section6 .kd-main-current-numb{font-size:18px;font-weight:600;color:#fff;line-height:1}.kd-main-section6 .kd-main-total-numb{font-size:18px;font-weight:500;color:#5f5f5f;line-height:1}.kd-main-section6 .kd-main-control-btn{margin-bottom:8px;cursor:pointer}.kd-main-section6 .kd-main-control-btn:last-of-type{margin-bottom:0}.kd-main-section6 .kd-control-icon{display:block;font-size:24px}@media screen and (max-width: 1550px){.kd-main-section6 .kd-main-front-top{padding:10% 4% 3%;background-color:#000}.kd-main-section6 .kd-main-list-image-wrap{aspect-ratio:.8/1}.kd-main-section6 .kd-main-front-right{height:35%}.kd-main-section6 .kd-main-front-text-wrap{padding-top:16px}.kd-main-section6 .kd-main-front-list-name{margin-bottom:16px}}@media screen and (max-width: 768px){.kd-main-section6 .kd-main-front-wrap{height:unset}.kd-main-section6 .kd-main-front-wrap{background-color:#fff}.kd-main-section6 .kd-main-front-top{justify-content:unset;padding:15% 4% 3%}.kd-main-section6 .kd-main-front-left{height:unset;padding:50px 0}.kd-main-section6 .kd-main-front-background-cover{background:radial-gradient(circle at center,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 65%,rgba(0,0,0,0) 80%)}.kd-main-section6 .ten-top-text.top .project-portfolio-list-subject{font-size:20px}.kd-main-section6 .ten-top-text.big{padding-bottom:30px}.kd-main-section6 .ten-top-text.big .project-portfolio-list-subject{font-size:6.5vw}.kd-main-section6 .ten-top-text.sub{font-size:16px}.kd-main-section6 .kd-main-front-right-list-wrap{flex-direction:column;color:#fff}.kd-main-section6 .kd-main-front-right-list{width:100%;height:auto;padding:12px;margin-bottom:0;border-top:1px solid rgba(0,0,0,.2)}.kd-main-section6 .kd-main-front-text-wrap{height:auto;padding-top:0}.kd-main-section6 .kd-main-front-list-name{font-size:16px;margin-bottom:0}.kd-main-section6 .kd-main-front-list-info{font-size:14px;font-weight:400;line-height:1.2}.kd-main-section6 .kd-main-list-image-wrap{width:30%;height:auto;margin-right:12px}}.two-way-section2{width:100%;height:calc(var(--vh, 1vh) * 270);display:flex;align-items:center;color:#99908b;background:#0b0b0b}.two-way-section2 .two-way-container{width:100%;height:calc(var(--vh, 1vh) * 250)}.two-way-section2 .two-way-sticky{position:sticky;top:0;width:100%;height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;padding:90px 70px 32px;overflow:hidden}.two-way-section2 .two-way-sticky-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.two-way-section2 .two-way-sticky-top{position:absolute;top:0;left:0;width:100%;justify-content:space-between}.two-way-section2 .two-way-sticky-title-wrap{width:100%;margin-bottom:24px;overflow:hidden;text-align:center;opacity:1}.two-way-section2 .two-way-title{font-size:44px;font-weight:700;color:#fff}.two-way-section2 .two-way-title>span{font-size:24px;font-weight:300;background:linear-gradient(to right,#007aff,#9848ff,#ff738e);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease-in-out infinite;font-family:Orbitron,sans-serif}@keyframes gradientShift{0%,to{background-position:30% 50%}50%{background-position:100% 50%}}.two-way-section2 .two-way-description{font-size:24px;font-weight:500}.two-way-section2 .ten-top-text{transition:.8s;text-align:center;margin-top:2px}.two-way-section2 .ten-top-text.sub{font-size:18px;font-weight:200;overflow:hidden;color:#ffffffa1}.two-way-section2 .ten-top-text.sub>span{display:inline-block}.two-way-section2 .ten-top-text.top{margin-bottom:10px}.two-way-section2 .ten-top-text.top .project-portfolio-list-subject{opacity:0;transition:.8s;font-family:Orbitron,sans-serif;font-size:24px;font-weight:300;background:linear-gradient(to right,#0015ff,#248aff,#7bd5ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 3s ease-in-out infinite}.two-way-section2 .ten-top-text.big .project-portfolio-list-subject{opacity:0;transition:.8s;-webkit-background-clip:text;background-clip:text;color:#fff;font-size:44px;font-weight:400}.two-way-section2 .two-way-sticky-bottom{position:absolute;bottom:35%;left:0;width:100%;height:calc(100% - 186px);z-index:2;flex-shrink:0}.two-way-section2 .two-way-sticky-bottom-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.two-way-section2 .two-way-sticky-bottom-leftwrap{position:absolute;width:16%;left:0;top:0}.two-way-section2 .two-way-sticky-bottom-left{width:100%;position:relative;margin-bottom:10px;pointer-events:auto;cursor:pointer}.two-way-section2 .two-way-sticky-bottom-left.active{width:100%;position:relative}.two-way-section2 .two-way-sticky-bottom-left:before{content:"";display:block;position:absolute;left:-8.5%;bottom:0;width:24px;height:100%;clip-path:polygon(82% 10%,100% 0%,100% 100%,82% 90%);background:rgba(255,255,255,.3)}.two-way-section2 .two-way-sticky-bottom-left.active:before{content:"";display:block;position:absolute;left:-8.5%;bottom:0;width:24px;height:100%;clip-path:polygon(82% 10%,100% 0%,100% 100%,82% 90%);background:rgb(252,47,47)}.two-way-section2 .two-way-sticky-bottom-lefttextwrap{width:100%;height:100%;position:relative;transition:.5s}.two-way-section2 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttextwrap{width:100%;height:100%;position:relative}.two-way-section2 .two-way-sticky-bottom-lefttextwrap:after{content:"";position:absolute;top:0;left:0;display:block;width:0;height:100%;transition:.5s;background:rgba(255,0,0,.38)}.two-way-section2 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttextwrap:after{width:100%;box-shadow:0 0 20px 4px #ff000073}.two-way-section2 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttext{color:#fff}.two-way-section2 .two-way-sticky-bottom-lefttext{font-size:18px;color:#fff;padding:1rem 1.5rem;position:relative;z-index:2}.two-way-section2 .two-way-bottom-cover-wrap{position:absolute;top:50%;left:50%;width:334px;height:460px;border-radius:8px;overflow:hidden;transform:translate(-50%,-50%);z-index:10;background:rgba(255,255,255,.15);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%);-webkit-box-reflect:below -5px linear-gradient(transparent,transparent,rgba(0,0,0,.4))}.two-way-section2 .two-way-cover-image{width:100%;height:100%;object-fit:cover;transform:scale(.994);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.two-way-section2 .two-way-bottom-contents-wrap{width:74%;max-width:332px;height:460px;display:flex}.two-way-section2 .two-way-bottom-contents-left,.two-way-section2 .two-way-bottom-contents-right{position:relative;width:50%;height:100%;overflow:hidden}.two-way-section2 .two-way-bottom-contents{position:absolute;top:50%;width:330px;height:100%;transform:translateY(-50%);border-radius:8px;overflow:hidden;transition:.5s;background:rgba(255,255,255,.3);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.two-way-section2 .two-way-bottom-contents-line{width:100%;height:100%;background:rgb(11,11,11);transform:scale(.995);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.two-way-section2 .two-way-bottom-contents.left2 .two-way-bottom-contents-lefttitwrap{padding-left:4.5rem}.two-way-section2 .two-way-bottom-contents.left3 .two-way-bottom-contents-lefttitwrap{padding-left:2.6rem}.two-way-section2 .two-way-bottom-contents.right2 .two-way-bottom-contents-lefttitwrap{padding-left:4.5rem}.two-way-section2 .two-way-bottom-contents.right3 .two-way-bottom-contents-lefttitwrap{padding-left:3.4rem}.two-way-section2 .two-way-bottom-contents-lefttitwrap{display:flex;align-items:center;text-align:center;width:100%;height:100%}.two-way-section2 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap{padding:4rem 1rem 2rem 3.5rem}.two-way-section2 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap.one{padding:4rem 3rem 0 2rem}.two-way-section2 .two-way-bottom-contents-lefttit{font-size:27px;font-weight:600;color:#fff;margin-bottom:2rem}.two-way-section2 .two-way-bottom-contents-leftsubtit{font-size:17px;font-weight:500;margin-bottom:1.6rem;color:#7bd5ff;animation:gradientShift 3s ease-in-out infinite}.two-way-section2 .two-way-bottom-contents-lefttech{font-size:18px;font-weight:700;margin:1rem 0}.two-way-section2 .two-way-bottom-contents.left1{left:calc(100% - 165px);transition:0s;z-index:5}.two-way-section2 .two-way-bottom-contents.left2{left:35%;transform-origin:left;transform:translateY(-50%) scale(.9);z-index:4}.two-way-section2 .two-way-bottom-contents.left3{left:0;transform-origin:left;transform:translateY(-50%) scale(.8);z-index:3}.two-way-section2 .two-way-bottom-contents.right1{right:calc(100% - 165px);transition:0s;z-index:5}.two-way-section2 .two-way-bottom-contents.right2{right:35%;transform-origin:right;transform:translateY(-50%) scale(.9);z-index:4}.two-way-section2 .two-way-bottom-contents.right3{right:0%;transform-origin:right;transform:translateY(-50%) scale(.8);z-index:3}@media screen and (max-width: 1550px){.two-way-section2 .two-way-sticky{padding:76px 70px 32px}.two-way-section2 .two-way-bottom-contents-wrap{width:100%;height:400px}.two-way-section2 .two-way-sticky-bottom{height:calc(100% - 200px)}.two-way-section2 .two-way-bottom-cover-wrap{height:400px}.two-way-section2 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap{padding:4rem 4.5rem 2rem 2rem}.two-way-section2 .two-way-bottom-contents.right2 .two-way-bottom-contents-lefttitwrap{padding:4rem 3.5rem 2rem 2rem;justify-content:flex-end}.two-way-section2 .two-way-bottom-contents.right3 .two-way-bottom-contents-lefttitwrap{padding-left:2rem;justify-content:flex-end}}@media screen and (max-width: 768px){.two-way-section2{padding:100px 20px 20px;height:210vh;white-space:pre-wrap}.two-way-section2 .hoo-sticky-wrapper{position:relative;height:100%;overflow:visible}.two-way-section2 .hoo-sticky-wrapper .hoo-sticky-text-wrap{position:sticky;top:30px;z-index:3;text-align:center;padding:0 0 50px}.two-way-section2 .ten-top-text.sub{font-size:16px}.two-way-section2 .hoo-mini-text .project-portfolio-list-subject{transition:.8s;font-family:Orbitron,sans-serif;background:linear-gradient(to right,#0015ff,#248aff,#7bd5ff);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;animation:gradientShift 3s ease-in-out infinite}.two-way-section2 .hoo-mini-text{padding-bottom:10px}.two-way-section2 .hoo-big-text{font-size:26px;line-height:1;padding-bottom:30px}.two-way-section2 .hoo-card-relati-div{flex-direction:column-reverse;padding:30px 20px 60px;text-align:center;gap:20px}.two-way-section2 .hoo-three-cards-wrap{width:100%;position:relative;height:170vh}.two-way-section2 .hoo-three-cards-wrap .hoo-card-sticky-wrap{position:relative;top:0;height:100%;width:100%}.two-way-section2 .hoo-card-units{position:sticky;width:100%;margin-top:10px;padding:unset;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgb(11,11,11);top:0}.two-way-section2 .hoo-card-units:not(:nth-of-type(1)){position:absolute;top:0}.two-way-section2 .hoo-card-units:nth-of-type(1){right:unset;top:270px;z-index:1}.two-way-section2 .hoo-card-units:nth-of-type(2){position:sticky;right:unset;top:330px;z-index:2}.two-way-section2 .hoo-card-units:nth-of-type(3){position:sticky;right:unset;top:390px;z-index:3}.two-way-section2 .hoo-card-units:nth-of-type(4){position:sticky;right:unset;top:450px;z-index:4}.two-way-section2 .hoo-card-text-wrap{width:100%;text-align:center}.two-way-section2 .hoo-right-video-wrap{width:100%;height:50%}.two-way-section2 .hoo-big-card-text{font-size:17px;font-weight:500;margin-bottom:1.6rem;color:#7bd5ff;animation:gradientShift 3s ease-in-out infinite;padding-left:unset}.two-way-section2 .hoo-right-video-wrap>video,.two-way-section2 .hoo-right-video-wrap>img{width:90%}.two-way-section2 .hoo-card-arrow-btn{justify-content:center}.two-way-section2 .hoo-small-card-text{font-size:24px;font-weight:600;color:#fff}}.project-portfolio-section3{width:100%;padding-top:280px;background:#0b0b0b;transition:.5s}.project-portfolio-section3 .project-portfolio-container{width:100%}.project-portfolio-section3 .project-portfolio-top{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:132px;color:#fff;transition:.5s}.project-portfolio-section3 .project-portfolio-title{font-size:90px;font-weight:400;font-family:Orbitron,sans-serif;line-height:1;opacity:0;margin-bottom:120px}.project-portfolio-section3 .project-portfolio-top.active .project-portfolio-title{animation:blinkEffect .3s linear forwards}.project-portfolio-section3 .project-portfolio-sub-title-line{overflow:hidden;display:flex;justify-content:center;margin-bottom:8px}.project-portfolio-section3 .project-portfolio-sub-title{font-size:24px;font-weight:300;line-height:1;text-align:center;color:#b5b5b5;transform:translateY(100%)}.project-portfolio-section3 .project-portfolio-sub-title.bold{font-weight:600;color:#fff}.project-portfolio-section3 .project-portfolio-bottom{position:relative;width:100%}.project-portfolio-section3 .project-portfolio-bottom-list-wrap{position:relative;width:100%;height:calc(var(--vh, 1vh) * 160)}.project-portfolio-section3 .project-portfolio-bottom-list{position:sticky;top:0;width:100%;height:calc(var(--vh, 1vh) * 100);padding:0 120px;display:flex;justify-content:center;align-items:center;overflow:hidden}.project-portfolio-section3 .project-portfolio-bottom-list-inner{position:relative;width:100%;display:flex;justify-content:flex-end}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-bottom-list-inner{justify-content:flex-start}.project-portfolio-section3 .project-portfolio-list-contents-inner{position:relative;width:100%;aspect-ratio:1/.6;transform-style:preserve-3d;transition:.5s;opacity:0;transform:translateY(10%);z-index:2;background:rgba(255,255,255,.3);clip-path:polygon(95% 0,100% 5%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-list-contents-line{width:100%;height:100%;background:rgba(0,0,0,.88);clip-path:polygon(95% 0,100% 5%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-contents-inner{opacity:1;transform:translateY(0)}.project-portfolio-section3 .project-portfolio-list-image{width:100%;height:100%;display:block;object-fit:cover;transform:scale(.96);clip-path:polygon(95% 0,100% 5%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-list-text-wrap{position:absolute;top:62%;width:calc(37% + 18px);height:90%;transform:translate(calc(-100% - 130px),-50%);z-index:2;transition:.5s;background:rgba(255,255,255,.3)}.project-portfolio-section3 .project-portfolio-list-text-clip{width:100%;height:100%;background:#0b0b0b;transform:scale(.996);overflow:hidden;padding:32px;color:#fff}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-wrap{left:0;clip-path:polygon(0 0,0 0,100% 0%,100% 100%,7% 100%,0 92%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-clip{clip-path:polygon(0 0,0 0,100% 0%,100% 100%,7% 100%,0 92%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-wrap{right:0;transform:translate(calc(100% + 130px),-50%);clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-clip{clip-path:polygon(100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-contents-inner{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 6.7%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-contents-line{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 6.7%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-image{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 6.7%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-topabs{left:0}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-topabs{right:68px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(4) .project-portfolio-list-topabs{right:160px}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-text-wrap{transition-delay:.2s;transform:translateY(-50%)}.project-portfolio-section3 .project-portfolio-list-topabs{position:absolute;top:20px;padding-left:44px}.project-portfolio-section3 .project-portfolio-list-small{font-size:18px;font-weight:500;line-height:1;color:#0059ff;transition:.3s;margin-bottom:10px;opacity:0}.project-portfolio-section3 .project-portfolio-list-small.active{opacity:1}.project-portfolio-section3 .project-portfolio-list-subject-wrap{width:100%;display:flex;margin-bottom:80px;border-bottom:1px solid rgba(0,0,0,.1);color:#fff;opacity:0}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-list-subject-wrap{margin-bottom:40px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.middle .project-portfolio-list-subject-wrap{margin-bottom:70px}.project-portfolio-section3 .project-portfolio-list-subject{font-size:34px;font-weight:500;min-height:36px;min-width:10px;word-break:keep-all;line-height:1}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-subject-wrap{animation:blinkEffect .3s linear forwards}.project-portfolio-section3 .project-portfolio-list-logo-wrap{width:100%;margin-bottom:48px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.project-portfolio-section3 .project-portfolio-list-logo{height:40px;display:block;transition:.3s;opacity:0;transform:translateY(10%)}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-list-logo{transform:translateY(0);opacity:1}.project-portfolio-section3 .project-portfolio-company-wrap{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:12px;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-company-wrap{transition-delay:1s;opacity:1}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-company-wrap{margin-bottom:16px}.project-portfolio-section3 .project-portfolio-list-name{font-size:40px;font-weight:500;line-height:1}.project-portfolio-section3 .project-portfolio-list-detail-wrap{width:100%;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-list-detail-wrap{transition-delay:1.1s;opacity:1}.project-portfolio-section3 .project-portfolio-list-name-wrap{width:100%;display:flex;margin-bottom:32px}.project-portfolio-section3 .project-portfolio-list-name-wrap:last-of-type{margin-bottom:0}.project-portfolio-section3 .project-portfolio-technology-wrap{width:100%;display:flex;align-items:center;margin-bottom:72px;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-technology-wrap{transition-delay:1.1s;opacity:1}.project-portfolio-section3 .project-portfolio-list-left{width:210px}.project-portfolio-section3 .project-portfolio-list-right{position:relative;width:calc(100% - 210px);display:flex;flex-direction:column;align-items:flex-start}.project-portfolio-section3 .project-portfolio-relative-text{font-size:17px;line-height:1.5;white-space:pre-wrap;font-weight:200}.project-portfolio-section3 .project-portfolio-relative-text.bold{font-weight:400}.project-portfolio-section3 .project-portfolio-review-right{position:relative;width:calc(100% - 210px)}.project-portfolio-section3 .project-portfolio-left-subject{font-size:20px;font-weight:600}.project-portfolio-section3 .project-portfolio-ceo-wrap{position:absolute;bottom:50px;left:266px;display:flex;justify-content:flex-end;align-items:center;transition:.3s;opacity:0}.project-portfolio-section3 .project-portfolio-list-text-wrap.active .project-portfolio-ceo-wrap{transition-delay:1.1s;opacity:1}.project-portfolio-section3 .project-portfolio-ceo-image-wrap{width:60px;aspect-ratio:1/1;border-radius:8px;margin-right:16px;overflow:hidden}.project-portfolio-section3 .project-portfolio-ceo-image{width:100%;height:100%;object-fit:cover}.project-portfolio-section3 .project-portfolio-right-text-box{padding:2px 8px 4px;border:1px solid rgba(255,255,255,1);margin-right:8px}.project-portfolio-section3 .project-portfolio-right-text-box.red{border:1px solid #3bc1ff}.project-portfolio-section3 .project-portfolio-right-text-box:last-of-type{margin-right:0}.project-portfolio-section3 .project-portfolio-right-text{font-size:17px;white-space:pre-wrap;font-weight:200;line-height:1.5}.project-portfolio-section3 .project-portfolio-right-text.forbidden{opacity:1}.project-portfolio-section3 .project-portfolio-right-text.float{position:absolute;top:0;left:0;opacity:1;margin-bottom:0}.project-portfolio-section3 .project-portfolio-right-text.tech{margin-bottom:0;font-size:16px;white-space:pre-wrap;font-weight:400;line-height:1;color:#fff}.project-portfolio-section3 .project-portfolio-right-text-box.red .project-portfolio-right-text.tech{color:#3bc1ff}.project-portfolio-section3 .project-portfolio-ceo-name{font-size:16px;font-weight:500;text-align:left;line-height:1}.project-portfolio-section3 .project-portfolio-list-link{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;font-weight:700;color:#fff;transition:.5s;overflow:hidden;border:1px solid rgba(255,255,255,.5);animation:shine 3s infinite linear}@keyframes shine{0%{background-position:0}to{background-position:80px}}.project-portfolio-section3 .esp-fourlist-contact-left{width:100%;height:100%;display:flex;align-items:center}.project-portfolio-section3 .esp-fourlist-contact-btn-text{font-size:16px;font-weight:300}.project-portfolio-section3 .project-portfolio-list-description{font-size:18px;font-weight:400;word-break:keep-all}.project-portfolio-section3 .project-portfolio-list-contents-wrap{position:relative;width:65%;perspective:4000px}.project-portfolio-section3 .project-portfolio-add-wrap{width:100%;padding:0 120px}.project-portfolio-section3 .project-portfolio-add-title-wrap{width:100%;padding:60px 0}.project-portfolio-section3 .project-portfolio-add-title{font-size:40px;font-weight:600;line-height:1;text-align:center}.project-portfolio-section3 .project-portfolio-add-title span{font-family:Orbitron,sans-serif}.project-portfolio-section3 .project-portfolio-add{width:100%;max-height:0;transition:.8s;transition-timing-function:ease-in-out;overflow:hidden}.project-portfolio-section3 .project-portfolio-add.active{max-height:4850px}.project-portfolio-section3 .project-portfolio-add-button{position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 32px;font-size:18px;font-weight:500;clip-path:polygon(0 0,calc(100% - 8px) 0%,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:linear-gradient(to right,#000000 0,#7f7f7f 20%,#101010 50%);background-position:0;color:#fff;animation:shine 3s infinite linear;overflow:hidden;margin:0 auto}.project-portfolio-section3 .vision-port-wrap{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.project-portfolio-section3 .vision-space-right-wrap{position:relative;width:calc(50% - 16px);padding-bottom:108px;margin-bottom:32px;color:#000;transition:.5s}.project-portfolio-section3.black .vision-space-right-wrap{color:#fff}.project-portfolio-section3 .vision-space-img-wrap{position:relative;width:100%;aspect-ratio:1/.4;overflow:hidden;padding:16px}.project-portfolio-section3 .vision-space-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.3s}.project-portfolio-section3 .vision-space-img-dark{filter:brightness(.8)}.project-portfolio-section3 .vision-space-img-wrap:hover .vision-space-img{transform:scale(1.05)}.project-portfolio-section3 .vision-space-info-wrap{position:absolute;bottom:0;left:50%;width:calc(100% - 32px);padding:20px;background-color:#fff;overflow:hidden;transform:translate(-50%);box-shadow:1px 1px 8px #00000040}.project-portfolio-section3 .vision-space-info-inner{width:100%;transition:.5s;transform:translateY(calc(-100% - 20px))}.project-portfolio-section3 .vision-space-right-wrap.active .vision-space-info-inner{transform:translateY(0)}.project-portfolio-section3 .vision-space-right-title{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.project-portfolio-section3 .vision-space-right-text{font-size:16px;line-height:1;margin-bottom:20px}.project-portfolio-section3 .vision-space-info-list-wrap{width:100%;display:flex;flex-wrap:wrap}.project-portfolio-section3 .vision-space-info-list{padding:4px 8px;border:1px solid #4f4f4f;margin:0 10px 0 0;transition:.5s}.project-portfolio-section3.black .vision-space-info-list{border:1px solid rgba(255,255,255,.8)}.project-portfolio-section3 .vision-space-info-list:last-of-type{margin:0}.project-portfolio-section3 .vision-space-info-list.active{border:1px solid #FF0000}.project-portfolio-section3 .vision-space-right-list-text{font-size:14px;line-height:1;color:#4f4f4f}.project-portfolio-section3.black .vision-space-right-list-text{color:#fffc}.project-portfolio-section3 .vision-space-info-list.active .vision-space-right-list-text{color:red}.project-portfolio-section3 .vision-space-img-subject-wrap{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;background-color:#d9db4d;margin-bottom:16px;z-index:2;text-transform:uppercase}.project-portfolio-section3 .pink{background-color:#e3b9cd}.project-portfolio-section3 .orange{background-color:#db914d}.project-portfolio-section3 .blue{background-color:#32bcc5}.project-portfolio-section3 .vision-space-img-subject-wrap2{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;margin-bottom:16px;z-index:2;text-transform:uppercase;clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:.5s}.project-portfolio-section3 .vision-space-img-wrap:hover .vision-space-img-subject-wrap2{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.project-portfolio-section3 .vision-space-img-subject{font-size:16px;font-weight:700}.project-portfolio-section3 .tour-expan-bottom-link{display:flex;justify-content:center;align-items:center;width:130px;height:34px;font-size:11px;border:1px solid rgba(255,255,255,.5);overflow:hidden;transition:.5s}.project-portfolio-section3 .tour-expan-bottom-link-inner{position:relative;width:42px;height:18px;overflow:hidden}.project-portfolio-section3 .tour-expan-bottom-link-inner span{position:absolute;top:0;left:0;transition:transform .5s;color:#fff;font-family:SUITE,sans-serif;font-size:12px}.project-portfolio-section3 .tour-expan-bottom-link-inner span:nth-of-type(2){top:100%}.project-portfolio-section3 .project-portfolio-list-link:hover{background-color:#f8f8f8}.project-portfolio-section3 .project-portfolio-list-link:hover span{transform:translateY(-100%);color:#000}@media screen and (max-width: 1550px){.project-portfolio-section3{padding:10% 4% 0}.project-portfolio-section3 .project-portfolio-top{margin-bottom:0}.project-portfolio-section3 .project-portfolio-bottom-list{padding:0}.project-portfolio-section3 .project-portfolio-list-subject{font-size:30px}.project-portfolio-section3 .project-portfolio-list-name{font-size:34px}.project-portfolio-section3 .project-portfolio-list-right,.project-portfolio-section3 .project-portfolio-review-right{padding:0}.project-portfolio-section3 .project-portfolio-ceo-wrap{bottom:20px;left:240px}.project-portfolio-section3 .project-portfolio-ceo-image-wrap{width:50px}.project-portfolio-section3 .project-portfolio-company-wrap{margin-bottom:8px}.project-portfolio-section3 .project-portfolio-technology-wrap,.project-portfolio-section3 .project-portfolio-list-name-wrap{margin-bottom:24px}.project-portfolio-section3 .project-portfolio-relative-text,.project-portfolio-section3 .project-portfolio-right-text{font-size:14px}.project-portfolio-section3 .project-portfolio-list-text-wrap{height:88%}}@media screen and (max-width: 1550px){.project-portfolio-section3 .project-portfolio-list-text-clip{padding:30px}.project-portfolio-section3 .project-portfolio-list-topabs{padding-left:29px}.project-portfolio-section3 .project-portfolio-list-subject{font-size:26px}.project-portfolio-section3 .project-portfolio-list-name{font-size:30px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-topabs{right:50px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(4) .project-portfolio-list-topabs{right:120px}}@media screen and (max-width: 768px){.project-portfolio-section3{padding:100px 0 16px}.project-portfolio-section3 .project-portfolio-top{margin-bottom:60px}.project-portfolio-section3 .project-portfolio-title{font-size:20px;font-weight:500;margin-bottom:40px;text-align:center}.project-portfolio-section3 .project-portfolio-sub-title{font-size:4.5vw;font-weight:500}.project-portfolio-section3 .project-portfolio-bottom-list-wrap{height:calc(var(--vh, 1vh) * 170)}.project-portfolio-section3 .project-portfolio-bottom-list{padding:16px 8px}.project-portfolio-section3 .project-portfolio-bottom-list-inner{height:100%;flex-direction:column-reverse;justify-content:center;align-items:center}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-bottom-list-inner{justify-content:center}.project-portfolio-section3 .project-portfolio-list-text-wrap{position:absolute;top:calc(100% + 16px);left:50%;width:325px;height:auto;transform:translate(-50%);padding:1px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-wrap{position:relative;left:0%;transform:translate(0)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-wrap{position:relative;left:0;transform:translate(0)}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-text-wrap{transition-delay:.5s;top:-40px}.project-portfolio-section3 .project-portfolio-list-small{font-size:14px;margin-bottom:4px}.project-portfolio-section3 .project-portfolio-list-subject-wrap{margin-bottom:64px;padding-bottom:12px}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-subject-wrap{animation:blinkEffect .3s linear forwards}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-list-subject-wrap,.project-portfolio-section3 .project-portfolio-bottom-list-wrap.middle .project-portfolio-list-subject-wrap{margin-bottom:64px}.project-portfolio-section3 .project-portfolio-list-subject{font-size:20px;min-height:20px;min-width:4px}.project-portfolio-section3 .project-portfolio-list-logo-wrap{margin-bottom:16px;padding-bottom:8px}.project-portfolio-section3 .project-portfolio-list-logo{height:30px}.project-portfolio-section3 .project-portfolio-company-wrap{padding-bottom:16px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-company-wrap{margin-bottom:8px}.project-portfolio-section3 .project-portfolio-list-name{font-size:24px;line-height:1.1;white-space:pre-wrap}.project-portfolio-section3 .project-portfolio-list-name-wrap{margin-bottom:6px}.project-portfolio-section3 .project-portfolio-list-left{width:25%}.project-portfolio-section3 .project-portfolio-list-right{width:75%;padding-left:0}.project-portfolio-section3 .project-portfolio-review-right{width:70%}.project-portfolio-section3 .project-portfolio-left-subject{font-size:16px}.project-portfolio-section3 .project-portfolio-ceo-wrap{position:static;justify-content:flex-start;padding:8px 0 0 calc(25% + 8px)}.project-portfolio-section3 .project-portfolio-ceo-image-wrap{width:30px;border-radius:4px;margin-right:8px}.project-portfolio-section3 .project-portfolio-right-text-box{padding:4px;margin-bottom:8px}.project-portfolio-section3 .project-portfolio-right-text{font-size:14px;margin-bottom:0}.project-portfolio-section3 .project-portfolio-right-text.float{padding-left:8px}.project-portfolio-section3 .project-portfolio-right-text.tech{font-size:12px;font-weight:300}.project-portfolio-section3 .project-portfolio-ceo-name{font-size:14px;font-weight:600}.project-portfolio-section3 .project-portfolio-list-link{padding:4px 12px;text-align:center}.project-portfolio-section3 .esp-fourlist-contact-btn-text{font-size:14px}.project-portfolio-section3 .project-portfolio-list-description{font-size:18px;font-weight:400;word-break:keep-all}.project-portfolio-section3 .project-portfolio-list-contents-wrap{width:100%;height:333px}.project-portfolio-section3 .project-portfolio-list-contents-inner{position:relative;width:100%;height:100%;aspect-ratio:auto;border:2px solid rgba(0,0,0,.6);transform-style:preserve-3d;transition:.5s;opacity:0;transform:translateY(10%);z-index:2}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-contents-inner{opacity:1;transform:translateY(0)}.project-portfolio-section3 .project-portfolio-list-image{width:100%;height:100%;display:block;object-fit:cover}.project-portfolio-section3 .project-portfolio-add.active{max-height:4000px}.project-portfolio-section3 .project-portfolio-add-wrap{padding:0 16px}.project-portfolio-section3 .project-portfolio-add-title-wrap{padding:0 0 40px}.project-portfolio-section3 .project-portfolio-add-title{font-size:9vw;font-weight:500}.project-portfolio-section3 .project-portfolio-add-title span{font-family:Orbitron,sans-serif}.project-portfolio-section3 .project-portfolio-add-button{padding:8px 24px;font-size:16px}.project-portfolio-section3 .vision-space-right-wrap{width:100%;padding-bottom:116px;margin-bottom:32px}.project-portfolio-section3 .vision-space-img-wrap{aspect-ratio:1/.8}.project-portfolio-section3 .vision-space-info-wrap{padding:12px 12px 4px}.project-portfolio-section3 .vision-space-right-title{font-size:18px}.project-portfolio-section3 .vision-space-right-text{margin-bottom:12px}.project-portfolio-section3 .vision-space-info-list{padding:4px;margin:0 8px 8px 0}.project-portfolio-section3 .vision-space-info-list:last-of-type{margin:0 8px 8px 0}.project-portfolio-section3.black .vision-space-right-list-text{color:#fffc}.project-portfolio-section3 .vision-space-info-list.active .vision-space-right-list-text{color:red}.project-portfolio-section3 .vision-space-img-subject-wrap{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;background-color:#d9db4d;margin-bottom:16px;z-index:2;text-transform:uppercase}.project-portfolio-section3 .pink{background-color:#e3b9cd}.project-portfolio-section3 .orange{background-color:#db914d}.project-portfolio-section3 .blue{background-color:#32bcc5}.project-portfolio-section3 .vision-space-img-subject-wrap2{position:absolute;top:16px;left:16px;display:inline-block;padding:6px 8px;margin-bottom:16px;z-index:2;text-transform:uppercase;clip-path:polygon(0 0,0 0,0 100%,0% 100%);transition:.5s}.project-portfolio-section3 .vision-space-img-wrap:hover .vision-space-img-subject-wrap2{clip-path:polygon(100% 0,0 0,0 100%,100% 100%)}.project-portfolio-section3 .vision-space-img-subject{font-size:16px;font-weight:700}}.interview-box-section{position:relative;width:100%;padding-top:150px;background-color:#0b0b0b;color:#fff;z-index:1}.interview-box-section .interview-box-container{position:relative;width:100%}.interview-box-section .interview-box-top{width:100%;display:flex;flex-direction:column;align-items:center}.interview-box-section .interview-box-title{font-size:44px;font-weight:400;line-height:1;opacity:0;margin-bottom:60px}.interview-box-section .interview-box-top.active .interview-box-title{animation:blinkEffect .3s linear forwards}@keyframes blinkEffect{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}40%{opacity:0}50%{opacity:1}60%{opacity:1}70%{opacity:0}80%{opacity:0}90%{opacity:1}to{opacity:1}}.interview-box-section .interview-box-sub-title-wrap{display:flex;overflow:hidden;margin-bottom:8px}.interview-box-section .interview-box-sub-title-wrap:last-of-type{margin-bottom:0}.interview-box-section .interview-box-sub-title{font-size:18px;font-weight:200;line-height:1;text-align:center;color:#ffffffa1;transform:translateY(100%)}.interview-box-section .interview-box-sticky-wrap{position:relative;width:100%;height:calc(var(--vh, 1vh) * 200);z-index:2}.interview-box-section .interview-box-sticky{position:sticky;top:0;width:100%;height:calc(var(--vh, 1vh) * 100);overflow:hidden}.interview-box-section .interview-box-sticky-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:140px 20px 40px}.interview-box-section .interview-seperated-box-wrap{position:relative;width:100%;max-width:1540px;padding:0 10px;display:flex;justify-content:space-between;opacity:0;perspective:2500px}.interview-box-section .interview-seperated-box{width:calc(25% - 12px);aspect-ratio:1/1.2;flex-shrink:0;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.1);background-color:#ffffff4d;clip-path:polygon(6% 0,100% 0,100% 94%,94% 100%,0 100%,0 6%);transition:.3s}.interview-box-section .interview-seperated-surface{position:relative;width:100%;height:100%;overflow:hidden;padding:100px 32px 60px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;clip-path:polygon(calc(6% + 1px) 0,100% 0,100% calc(94% - 1px),calc(94% - 1px) 100%,0 100%,0 calc(6% + 1px));transition:.3s}.interview-box-section .interview-seperated-box.active .interview-seperated-surface{color:#fff}.interview-box-section .interview-seperated-top{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px}.interview-box-section .interview-seperated-front-title{font-size:20px;font-weight:300;line-height:1.2;white-space:pre-wrap;text-align:center}.interview-box-section .interview-seperated-front-text{font-size:18px;font-weight:400;min-height:135px;line-height:1.25;white-space:pre-wrap}.interview-box-section .interview-seperated-box.active .interview-seperated-front-text{color:#505050}.interview-box-section .interview-seperated-button{position:relative;width:25%;height:34px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:transparent;cursor:pointer;color:#fff9;transition:.5s;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.interview-box-section .interview-seperated-button span{display:block;font-size:20px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.interview-box-section .interview-seperated-button:hover{background-color:#fff;color:#000}@media screen and (max-width: 768px){.interview-box-section{padding-top:100px;background-color:#0b0b0b;color:#fff}.interview-box-section .interview-box-top{margin-bottom:40px}.interview-box-section .interview-box-title{font-size:7.8vw;font-weight:500;margin-bottom:30px}.interview-box-section .interview-box-sub-title-wrap{margin-bottom:6px}.interview-box-section .interview-box-sub-title{font-size:16px;font-weight:400}.interview-box-section .interview-box-sticky-wrap,.interview-box-section .interview-box-sticky{height:auto}.interview-box-section .interview-box-sticky-inner{height:auto;padding:60px 16px 32px}.interview-box-section .interview-seperated-box-wrap{padding:0;transition:.3s;flex-direction:column}.interview-box-section .interview-seperated-box{width:100%;aspect-ratio:auto;margin-bottom:24px;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.interview-box-section .interview-seperated-surface{padding:60px 24px;background-color:#000;clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px)}.interview-box-section .interview-seperated-box.active .interview-seperated-surface{color:#fff}.interview-box-section .interview-seperated-top{padding-bottom:0}.interview-box-section .interview-seperated-front-title{font-size:5.5vw;font-weight:400}}.category-page-section{width:100%;height:100%;padding:150px 160px;background-color:#000;color:#fff}.category-page-section .category-page-inner{width:100%;height:100%}.category-page-title-wrap{min-height:100px;border-bottom:1px solid #9f9f9f}.category-page-title{font-size:32px;font-weight:700}.category-page-list{display:flex}.category-page-list .category-page-list-btn{padding:20px 20px 10px 0;font-size:18px;cursor:pointer;font-weight:500;color:#767676}.category-page-list .category-page-list-btn.active{color:#005a86;text-decoration:underline}.category-page-content-wrap{padding:50px 0}.category-page-content-inner{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start}.category-page-content-item{width:calc(25% - 22.5px);aspect-ratio:1/.5;margin-right:30px;margin-bottom:30px}.category-page-content-item:nth-child(4n){margin-right:0}.category-page-content-imgWrap{width:100%;aspect-ratio:1/1}.category-page-content-img{width:100%;height:100%;object-fit:cover}.category-page-content-textBox{width:100%;height:100%;padding:16px 0;display:flex;flex-direction:column}.category-page-content-title{font-size:24px;color:#fff;padding-bottom:1rem}.category-page-content-product{font-size:18px;line-height:1.2;font-weight:500;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-y:hidden;color:#fff}.category-page-content-text{font-size:16px;color:#767676;margin-top:auto}@media screen and (max-width: 768px){.category-page-section{padding:100px 16px}.category-page-title{font-size:24px}.category-page-content-item{width:calc(50% - 10px);margin-right:20px;aspect-ratio:1/.9}.category-page-content-item:nth-child(2n){margin-right:0}.category-page-content-title{font-size:16px}.category-page-content-product{font-size:18px}}.list-pagination nav{display:flex;justify-content:center}.list-pagination nav .list-pagination .MuiPaginationItem-previousNext{background-color:#fff}.list-pagination nav .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root{color:#fff}.list-pagination nav .css-10w330c-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{color:#000}.css-18lqwt2.Mui-selected{background-color:#ffffffe5!important}.category-detail-section{position:relative;width:100%}.category-detail-inner{width:100%;height:auto;position:relative;display:flex;flex-direction:column;padding:100px 160px}.category-page-left-wrap img{width:100%;object-fit:cover}.category-page-right-wrap{width:100%}.category-detail-top{padding:50px 0;display:flex;justify-content:space-between}.category-detail-category{font-size:20px;color:#888}.category-detail-product{font-size:32px}.category-detail-price{font-size:20px;padding-top:10px}.category-detail-content{display:flex;min-height:500px;flex-direction:column;justify-content:space-between}.category-detail-content-text-wrap{border-bottom:1px solid #888;border-top:1px solid #888}.category-detail-content-title{font-size:24px;padding:10px 0}.category-detail-content-container{width:100%;position:relative;padding:30px 0}.category-detail-content-container img{width:100%}.category-detail-content-list{line-height:1.78}.category-detail-content-list .category-detail-content-left{display:inline-block;width:100px}.category-detail-btn-wrap{display:flex;margin:0 auto;padding:80px 0}.category-detail-btn-wrap .category-detail-content-btn{margin:0 10px}.category-detail-content-btn{padding:14px 40px;background-color:#3bc1ff;border:1px solid #3BC1FF;border-radius:6px;color:#fff;width:fit-content;margin:20px 0 0 auto;cursor:pointer;transition:all .3s}.category-detail-content-btn:hover{background-color:transparent;color:#3bc1ff;border:1px solid #3BC1FF}@media screen and (max-width: 768px){.category-detail-inner{flex-direction:column;padding:0}.category-page-left-wrap{width:100%}.category-page-right-wrap{width:100%;height:auto;padding:100px 16px 50px;position:static}.category-detail-category{font-size:16px}.category-detail-product{font-size:20px}.category-detail-top{padding:0 0 20px}.category-detail-content-title{font-size:18px}.category-detail-content-container{height:auto}.category-detail-content-btn{padding:10px}.category-detail-btn-wrap{margin-top:50px}.category-detail-content{min-height:300px}}.third-contact-section{position:relative;width:100%;height:100vh;z-index:3;color:#fff}.third-contact-section .third-contact-container{position:relative;width:100%;height:100%;background-color:#000}.third-contact-section .third-contact-inner{position:relative;width:100%;height:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.third-contact-section .third-contact-inner .contact-box{width:38%;height:34%;display:flex;flex-direction:column}.third-contact-section .third-contact-inner .contact-box .input-cover{width:100%}.third-contact-section .third-contact-inner .contact-form-box .input-cover:nth-child(3){padding-bottom:44px}.third-contact-section .third-contact-inner .contact-form-box{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.third-contact-section .third-contact-inner .contact-form-box input{position:relative;padding:12px 18px;width:100%;color:#fff;background:linear-gradient(206deg,rgba(33,51,71,.3) 0%,rgba(17,21,61,.3) 100%);border-radius:.625rem;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.third-contact-section .third-contact-inner .img-cover{display:flex;width:100%;align-items:center;justify-content:center}.third-contact-section .third-contact-line-image-wrap{width:100%;margin-bottom:24px}.third-contact-section .third-contact-line-image-wrap:nth-child(1){width:25%}.third-contact-section .third-contact-line-image-wrap:nth-child(2){width:20%;padding:2rem}.third-contact-section .third-contact-line-image-wrap:nth-child(3){width:25%}.third-contact-section .third-contact-line-image{width:100%;display:block}.third-contact-section .third-contact-line-image.line1{clip-path:inset(0% 0% 0% 99%)}.third-contact-section .third-contact-line-image.line2{clip-path:inset(0% 99% 0% 0%)}.third-contact-section .third-contact-title{font-size:48px;font-weight:600;line-height:1;text-align:center;margin-bottom:48px}.third-contact-section .third-contact-sub-title{font-size:20px;font-weight:300;text-align:center;color:#ffffffa1;margin-bottom:72px}.third-contact-section .third-contact-contact{position:relative;display:inline-flex;padding:12px 18px 12px 48px;border-radius:32px;color:#fff;background-color:#fff3;border:2px solid rgba(255,255,255,.1)}.third-contact-section .third-contact-button-circle{position:absolute;top:50%;left:4px;height:calc(100% - 8px);aspect-ratio:1/1;border-radius:50%;background-color:#3bc1ff;display:flex;justify-content:center;align-items:center;transition:.3s;transform:translateY(-50%) scale(.2)}.third-contact-section .third-contact-contact:hover .third-contact-button-circle{transform:translateY(-50%) scale(1)}.third-contact-section .third-contact-button-circle span{opacity:0;font-size:16px;display:block}.third-contact-section .third-contact-contact:hover .third-contact-button-circle span{opacity:1}.third-contact-section .third-contact-button-inner{overflow:hidden;display:flex}.third-contact-section .third-contact-button-cover{position:absolute;top:50%;left:48px;transform:translateY(-50%);overflow:hidden;display:flex}.third-contact-section .third-contact-button-cover-span{transform:translateY(100%);transition:.3s}.third-contact-section .third-contact-button-span{transition:.3s}.third-contact-section .third-contact-contact:hover .third-contact-button-cover-span{transform:translateY(0)}.third-contact-section .third-contact-contact:hover .third-contact-button-span{transform:translateY(-100%)}@media screen and (max-width: 768px){.third-contact-section{height:auto}.third-contact-section .third-contact-container{min-height:calc(100vh - 220px);padding:90px 16px}.third-contact-section .third-contact-title{font-size:32px;line-height:1.4;margin-bottom:24px}.third-contact-section .third-contact-line-image-wrap:nth-child(2){padding:10px}.third-contact-section .third-contact-sub-title{line-height:1.4;font-size:16px}.third-contact-section .third-contact-inner .contact-box{width:75%}.third-contact-section .third-contact-contact .third-contact-button-circle{transform:translateY(-50%) scale(1)}.third-contact-section .third-contact-button-circle span{opacity:1}}
