*{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{width:100%;overflow-x:hidden!important;font-family:Pretendard Variable,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}}.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:14px;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 .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: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-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:-2}.hoo-main-top-section .hoo-main-bg-wrapper>div{position:relative;opacity:0;width:100%;height:100%;animation:fadeIn3 .8s ease forwards}@keyframes fadeIn3{to{opacity:1}}.two-way-section2{width:100%;height:calc(var(--vh, 1vh) * 270);display:flex;align-items:center;color:#000}.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%;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}.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;transform:translateY(230%);font-family:Pretendard Variable,sans-serif;overflow:hidden;color:#000}.two-way-section2 .ten-top-text.sub>span{display:inline-block}.two-way-section2 .ten-top-text.sub>span.active{color:#000;font-weight:500}.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:#000;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{position:relative;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-lefttit.front,.two-way-section2 .two-way-bottom-contents-lefttit.back{position:absolute;width:100%;height:100%}.two-way-section2 .two-way-bottom-contents-lefttit.front{top:40%}.two-way-section2 .two-way-bottom-contents-lefttit.back{top:-5%}.two-way-section2 .two-way-bottom-contents-lefttit.back img{width:100%;height:110%;object-fit:cover}.two-way-section2 .two-way-bottom-contents-lefttitwrap{position:relative;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}}.port-smooth-section{width:100%}.port-smooth-section .port-smooth-inner{width:100%;height:5000px}.port-smooth-section .port-smooth-contwrapper{width:100%;height:calc(var(--vh, 1vh) * 100);position:sticky;top:0;display:flex;justify-content:center;align-items:center;border-radius:60px;transform:scale(.8)}.port-smooth-section .port-smooth-continner{width:100%;height:100%;display:flex;justify-content:center;padding:0 180px 0 160px;gap:100px;align-items:center}.port-smooth-section .port-smooth-textwrap{flex:1 1 0%;display:flex;flex-direction:column;justify-content:center;font-family:Orbitron,sans-serif}.port-smooth-section .port-smooth-contwrap{flex:1 1 0%;display:flex;position:relative;flex-direction:column;justify-content:center;height:48%}.port-smooth-section .port-smooth-subtit{position:relative;margin-bottom:20px;left:95%;font-size:24px;font-family:Pretendard Variable,sans-serif;font-weight:500;letter-spacing:-.025em;width:fit-content;line-height:1.5;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;transform:translateY(200%) scale(2.8)}.port-smooth-section .port-smooth-tit{font-size:60px;font-weight:500;margin-bottom:40px;letter-spacing:-.025em;line-height:1;color:#000;transform:translateY(800px) skew(-10deg);font-family:Pretendard Regular}.port-smooth-section .port-smooth-text{font-family:Pretendard Variable,sans-serif;font-size:18px;line-height:1.5;color:#000;transform:translateY(800px) skew(-10deg);margin-bottom:40px}.port-smooth-section .port-smooth-btn{width:fit-content;border-radius:20px;border:1px solid #fff;padding:1rem 3rem;color:#000;transform:translateY(800px) skew(-10deg);transition:.5s;border-color:#000;cursor:pointer}.port-smooth-section .port-smooth-btn:hover{background-color:#4747471a;border-color:#000}.port-smooth-section .port-smooth-transbox{width:100%;height:100%;border-radius:10px;background-color:#ffffff0d;transform:translateY(200%) skew(6deg) scale(1.1,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid grey}.port-smooth-section .port-smooth-vidwrap{width:100%;height:100%;border-radius:8px;transform:translateY(200%) skew(6deg);position:absolute;right:2.4%;top:-2%;overflow:hidden}.port-smooth-section .port-smooth-transbox.active,.port-smooth-section .port-smooth-vidwrap.active{transform:translateY(0) skew(-6deg)}.port-smooth-section .port-smooth-vidwrap .port-smooth-vid{width:100%;height:100%;object-fit:cover}.esp2-review-section{width:100%;color:#fff}.esp2-review-section .esp2-review-inner{position:relative;width:100%;height:550vh;padding-top:650px}.esp2-review-section .esp2-review-titwrap{width:100%;height:calc(var(--vh, 1vh) * 350);text-align:center;opacity:0;position:absolute;padding-top:250px;top:0;left:0;overflow:hidden}.esp2-review-section .esp2-review-tit{font-size:70px;font-weight:400;font-family:Orbitron,sans-serif;color:#000;margin-bottom:60px}.esp2-review-section .esp2-review-subtit{font-size:24px;font-weight:400;font-family:Pretendard Variable,sans-serif;color:#7d7a7a}.esp2-review-section .esp2-review-sticky{width:100%;height:calc(var(--vh, 1vh) * 100);position:sticky;top:0;display:flex;justify-content:center;align-items:center;padding-top:50px;perspective:5000px}.esp2-review-section .esp2-review-cardwrap{width:83%;height:78%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;transform:rotateY(-30deg);opacity:0;transform-style:preserve-3d;transition:.5s ease}.esp2-review-section .esp2-review-card{width:25%;height:50%;backface-visibility:hidden;transition:.35s ease-in;position:relative;perspective:2000px}.esp2-review-section .esp2-review-cardimg{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden}.esp2-review-section .esp2-review-cardtit{position:absolute;top:50%;left:50%;text-align:center;font-size:24px;transform:translate(-50%,-50%);z-index:10}.esp2-review-section .esp2-review-cardwrap.active .esp2-review-card{width:calc(25% - 7px);height:calc(50% - 14px)}.esp2-review-section .esp2-review-cardwrap.active .esp2-review-cardimg{clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.esp2-review-section .esp2-review-cardimg.front{transform:rotateY(0);z-index:2}.esp2-review-section .esp2-review-cardimg.back{transform:rotateY(180deg);z-index:1}.esp2-review-section .esp2-review-card.active .esp2-review-cardimg.front{transform:rotateY(180deg);z-index:2}.esp2-review-section .esp2-review-card.active .esp2-review-cardimg.back{transform:rotateY(0);z-index:1}.esp2-review-section .esp2-review-contents{width:100%;padding:120px 4rem;overflow:hidden}.esp2-review-section .esp2-review-contwrap{position:relative;width:100%;background:rgba(0,0,0,0)}.esp2-review-section .esp2-review-abstit{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#9a918c;font-size:24px;letter-spacing:-1px;opacity:0;transition:.5s .5s}.esp2-review-section .esp2-review-abstit>span{font-family:Orbitron,sans-serif;margin-right:10px}.esp2-review-section .esp2-review-cont{width:0;height:calc(var(--vh, 1vh) * 40);position:relative;background:#0d0f10;transition:width .5s,transform .5s .8s;padding:1rem}.esp2-review-section .esp2-review-cont.top{border-bottom:1px solid rgba(255,255,255,.14)}.esp2-review-section .esp2-review-cont.bottom{border-top:1px solid rgba(255,255,255,.14)}.esp2-review-section .esp2-review-contwrap.active .esp2-review-cont.top{width:100%;transform:translateY(-30px)}.esp2-review-section .esp2-review-contwrap.active .esp2-review-cont.bottom{transform:translateY(30px);width:100%}.esp2-review-section .esp2-review-contwrap.active .esp2-review-abstit{opacity:1}.esp2-review-section .esp2-review-boxes{width:100%;height:100%;display:flex;flex-wrap:wrap;position:absolute;left:0;top:0;overflow:hidden}.esp2-review-section .esp2-review-cont.bottom .esp2-review-boxes{margin-top:36px}.esp2-review-section .esp2-review-boxline{position:absolute;width:100%;height:100%;flex-shrink:0;transition:.5s;filter:blur(20px);background:linear-gradient(122.12deg,rgba(22,100,150,.4) 0%,rgba(150,22,100,.4) 100%);filter:brightness(1);clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.esp2-review-section .esp2-review-cont.top .esp2-review-boxline{left:-360px}.esp2-review-section .esp2-review-cont.bottom .esp2-review-boxline{right:-360px}.esp2-review-section .esp2-review-boxline:hover{transition:.5s;background:linear-gradient(122.12deg,#166496 0%,#961664 100%)}.esp2-review-section .esp2-review-box{width:100%;height:100%;background:rgb(28 28 28 / 90%);padding:2rem 1rem;transform:scale(.993);display:flex;flex-direction:column;clip-path:polygon(2% 0,98% 0,100% 2%,100% 98%,98% 100%,2% 100%,0 98%,0 2%)}.esp2-review-section .esp2-review-box-top{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem}.esp2-review-section .esp2-review-imgwrap{width:50px;height:50px;border-radius:100px;border:1px solid #ffffff;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.esp2-review-section .esp2-review-pimg{width:100%;object-fit:cover}.esp2-review-section .esp2-review-box-toptit{font-size:18px;font-weight:700;word-break:keep-all}.esp2-review-section .esp2-review-box-toptext>span{font-size:16px;position:relative;background:rgb(255 0 0 / 57%)}.esp2-review-box-brnad{margin-top:auto;color:#afafaf;font-size:14px}.kd-main-section6{width:100%}.kd-main-section6 .kd-main-container{position:relative;width:100%;padding-top:100px}.kd-main-section6 .kd-main-front-wrap{position:relative;width:100%;background-color:#fff;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;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%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#000;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{width:70%;height:80px;margin:2px auto 0;transition:.8s;text-align:center;font-size:6rem;letter-spacing:-2px}.kd-main-section6 .ten-top-text.sub{height:30px;font-size:22px;font-weight:200;transform:translateY(230%);font-family:Pretendard Variable,sans-serif;overflow:hidden;color:#000000a1}.kd-main-section6 .ten-top-text.sub>span{display:inline-block}.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,#57BADD,#4694A9);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:#000;font-size:55px;font-weight:400;font-weight:700}.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:120vh;display:flex;justify-content:center;align-content:center;align-items:center;padding:90px 70px 32px}.kd-main-section6 .kd-main-front-right-list-wrap{width:100%;height:90vh;display:flex;justify-content:center;border-radius:500px;overflow:hidden;transform:translateY(-348px) scale(.2)}.kd-main-section6 .kd-main-front-right-list-wrap video{width:100%;height:100%;object-fit:cover;border-radius:20px}.kd-main-section6 .kd-main-front-right-list-wrap img{width:100%;height:100%;object-fit:cover;border-radius:20px}.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:8%;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%}.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{background-color:#fff}.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 .kd-main-front-top{padding:64px 16px 32px}.kd-main-section6 .kd-main-front-left{height:auto}.kd-main-section6 .ten-top-text.top .project-portfolio-list-subject{font-size:20px}.kd-main-section6 .ten-top-text.big .project-portfolio-list-subject{font-size:6.5vw;color:#000;word-break:keep-all;white-space:pre}.kd-main-section6 .kd-main-front-right{height:auto}.kd-main-section6 .kd-main-front-right-list-wrap{flex-direction:column}.kd-main-section6 .kd-main-front-right-list{width:100%;height:auto;padding:12px 0;margin-bottom:0;background-color:#fff;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;color:#030303}.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}}.ai-chat-new-carnect{top:0;position:relative;width:100%;height:100vh;z-index:50;background:#0b0b0b;color:#fff}.ai-chat-new-carnect .main-service-prev{position:absolute;z-index:20;top:75px;right:8vw}.ai-chat-new-carnect .ai-chat-main-wrappper{width:100%;height:100%}.ai-chat-new-carnect .ai-chat-bg-video-wrap{position:relative;z-index:1;width:100%;height:100%;filter:brightness(.6)}.ai-chat-new-carnect .ai-chat-front-wrap{width:100%;height:100%;display:flex;flex-direction:column;padding:0% 10%;position:absolute;z-index:3;align-items:center;justify-content:center;gap:20px}.ai-chat-new-carnect .ai-chat-recomn-wrap{display:flex;justify-content:space-between}.ai-chat-new-carnect .ai-chat-recomn-unit{padding:50px;border:1px solid rgba(255,255,255,.5);border-radius:5px;width:32%}.ai-chat-new-carnect .ai-recomn-unit{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.ai-chat-new-carnect .ai-recomn-text{width:45%;font-size:14px}.ai-chat-new-carnect .ai-recomn-total-cost{display:flex;justify-content:space-between;align-items:center}.ai-chat-new-carnect .recomn-total-left{width:45%;display:flex;align-items:center;font-size:18px}.ai-chat-new-carnect .recomn-total-right{width:45%}.ai-chat-new-carnect .recomn-total-right-btn{background-color:#db9436;border:none;color:#fff}.ai-chat-new-carnect .ai-recomn-units-wrap{padding:20px 0;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);margin-top:20px;margin-bottom:20px}.ai-chat-new-carnect .ai-recomn-top-title-text{font-weight:700;font-size:18px;width:100%;text-align:center}.ai-chat-new-carnect .ai-recomn-top-title-wrap{display:flex;justify-content:flex-end}.ai-chat-new-carnect .ai-chat-wrap{display:flex;width:100%;justify-content:space-between}.ai-chat-new-carnect .ai-redo-btn{border:none;border-radius:50%;transform:scaleX(-1);display:inline-block;width:40px;height:40px}.ai-chat-new-carnect .ai-chat-input-wrap{width:calc(100% - 220px);position:relative}.ai-chat-new-carnect .ai-chat-input{width:100%;height:40px;position:relative;z-index:1;background-color:#ffffff4d;border:1px solid white;border-radius:20px;color:#fff;padding:0 80px 0 20px}.ai-chat-new-carnect .ai-chat-submit-btn{position:absolute;z-index:2;right:10px;top:3px;background:transparent;border:none;color:#fff}.ai-chat-new-carnect .ai-chat-total-contact-btn{color:#fff;border:1px solid white;font-size:14px;background-color:#ffffff4d;border-radius:20px;height:40px;width:160px}.ai-chat-new-carnect .ai-chat-log-wrap{width:100%;max-height:300px;height:300px;border-radius:5px;overflow:hidden}.ai-chat-new-carnect .ai-chat-scroll-wrap{position:relative;width:100%;height:100%}.ai-chat-new-carnect .ai-chat-roll-div{position:absolute;width:100%;height:100%;padding:10px;z-index:2;display:flex;flex-direction:column;overflow-y:scroll}.ai-chat-new-carnect .ai-chat-roll-div::-webkit-scrollbar{width:6px}.ai-chat-new-carnect .ai-chat-roll-div::-webkit-scrollbar-track{background-color:#fff9}.ai-chat-new-carnect .ai-chat-roll-div::-webkit-scrollbar-thumb{background-color:#db9436;border-radius:3px;cursor:pointer}.ai-chat-new-carnect .ai-chat-blur-bg{position:relative;width:100%;height:100%;background:rgba(255,255,255,.8);filter:blur(200px)}.ai-chat-new-carnect .ai-chat-host-div{display:flex;align-items:center;margin-bottom:5px}.ai-chat-new-carnect .ai-chat-img-wrap{width:40px;height:40px;border-radius:50%;background-color:#db9436;margin-right:10px;overflow:hidden;display:flex;justify-content:center;align-items:center}.ai-chat-new-carnect .ai-chat-img-wrap>img{width:100%;object-fit:cover}.ai-chat-new-carnect .ai-chat-host-div:not(:nth-child(1)) .ai-chat-img-wrap{background-color:transparent}.ai-chat-new-carnect .ai-chat-host-div:not(:nth-child(1)) img{display:none}.ai-chat-new-carnect .ai-black-chat{background-color:#0000004d;border-radius:5px;width:fit-content;min-height:40px;display:flex;justify-content:center;align-items:center;padding:10px}.ai-chat-new-carnect .ai-chat-user-div{display:flex;justify-content:flex-end}.ai-chat-new-carnect .ai-chat-div-white{background-color:#fff9;color:#000;border-radius:5px;width:fit-content;min-height:40px;display:flex;justify-content:center;align-items:center;padding:10px}@media screen and (max-width : 768px){.ai-chat-new-carnect .ai-chat-wrap{flex-wrap:wrap}.ai-chat-new-carnect .ai-chat-input-wrap{width:calc(100% - 50px);margin-bottom:10px}.ai-chat-new-carnect .ai-chat-total-contact,.ai-chat-new-carnect .ai-chat-total-contact-btn{width:100%}.ai-chat-new-carnect .ai-chat-recomn-wrap .ai-chat-recomn-unit:not(:nth-of-type(1)){display:none}.ai-chat-new-carnect .ai-chat-recomn-unit{width:100%;padding:10px}.ai-chat-new-carnect .recomn-total-left{font-size:16px;width:50%}.ai-chat-new-carnect .ai-recomn-units-wrap{margin:5px 0}.ai-chat-new-carnect .ai-black-chat,.ai-chat-new-carnect .ai-chat-div-white{font-size:14px}.ai-chat-new-carnect .ai-chat-log-wrap{height:150px;max-height:150px}.ai-chat-new-carnect .recomn-total-right-btn{font-size:12px}.ai-chat-new-carnect .recomn-total-left>p{height:30px}}.ai-chat-new-carnect .car-ai-title-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.ai-chat-new-carnect .car-ai-title{text-align:center;color:#ff7300;font-size:18px;font-weight:700}.ai-chat-new-carnect .car-ai-desc{width:100%;text-align:center;font-weight:700;font-size:36px;line-height:1.2}.new-spring-header{position:fixed;top:0;left:0;width:100%;height:76px;z-index:999}.new-spring-header .new-spring-header-inner{position:relative;width:100%;height:100%;padding:0 120px}.new-spring-header .new-spring-logo{position:absolute;top:50%;left:120px;transform:translateY(-50%)}.new-spring-header .new-spring-logo-link{display:block;line-height:1;font-size:32px;font-weight:400;color:#fff;font-family:Orbitron,sans-serif}.new-spring-header .new-spring-logo-link.black{color:#030303}.new-spring-header .new-spring-contact{position:absolute;top:16px;right:120px;padding:8px;height:44px;font-size:16px;color:#fff;border-radius:8px;background-color:#000c;border:2px solid rgba(255,255,255,.4);display:flex;justify-content:space-between;align-items:center}.new-spring-header .new-spring-contact.phone{right:264px}.new-spring-header .new-spring-menu-bar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.new-spring-header .new-spring-menu-wrap{display:flex;align-items:center}.new-spring-header .new-spring-menu{margin-right:120px}.new-spring-header .new-spring-menu:last-of-type{margin-right:0}.new-spring-header .new-spring-menu-anchor{display:block;font-size:18px;color:#fff}@media screen and (max-width: 1550px){.new-spring-header .new-spring-header-inner{padding:0 4%}.new-spring-header .new-spring-contact{top:40%;right:4%}.new-spring-header .new-spring-logo{top:40%;left:4%}.new-spring-header .new-spring-contact.phone{right:196px}}.project-portfolio-section3{width:100%;padding-top:280px;background:#fff;transition:.5s;height:100vh;display:flex;justify-content:space-between}.project-portfolio-section3 .project-portfolio-left-container{width:60%;height:100%;display:flex;flex-direction:column;padding:0 70px}.project-portfolio-section3 .project-portfolio-container{width:40%}.project-portfolio-section3 .project-portfolio-left-container .left-container-top{position:relative;height:10%;font-size:22px;opacity:0;top:15%;transition:1s;font-weight:700}.project-portfolio-section3 .left-container-center{position:relative;width:100%;height:60%;display:flex;justify-content:center;align-items:center;opacity:0;transition:1s;top:5%}.project-portfolio-section3 .left-container-imgwrap{position:relative;width:300px;aspect-ratio:1/1;overflow:hidden}.project-portfolio-section3 .left-container-text{position:absolute;top:0;font-weight:700;font-size:16px}.project-portfolio-section3 .left-container-text.text1{top:4%;left:46%}.project-portfolio-section3 .left-container-text.text2{top:28%;left:30%}.project-portfolio-section3 .left-container-text.text3{top:29%;left:66%}.project-portfolio-section3 .left-container-text.text4{top:85%;left:32%}.project-portfolio-section3 .left-container-text.text5{top:85%;left:65%}.project-portfolio-section3 .left-container-imgwrap img{object-fit:cover;width:100%}.project-portfolio-section3 .project-portfolio-top{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:132px;color:#000;transition:.5s}.project-portfolio-section3 .project-portfolio-title{font-size:40px;font-weight:700;font-family:Pretendard Regular;opacity:0;margin-bottom:50px;letter-spacing:-2px}.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:#000;transform:translateY(100%)}.project-portfolio-section3 .project-portfolio-sub-title.bold{font-weight:600;color:#000;margin-bottom:20px}.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(96% 0,100% 7%,100% 100%,0 100%,0 0)}.project-portfolio-section3 .project-portfolio-list-contents-line{width:100%;height:100%;transform:scale(.998,.996);background:rgba(0,0,0,.88);clip-path:polygon(96% 0,100% 7%,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,.93);clip-path:polygon(96% 0,100% 7%,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{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;font-family:Orbitron,Pretendard Variable,sans-serif}.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 #0059ff}.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:#0059ff}.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;animation:shine 3s infinite linear;transition:.5s;overflow:hidden;border:1px solid rgba(255,255,255,.5)}@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:80px;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:Orbitron,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:9vw;font-weight:500;margin-bottom:40px}.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;justify-content:flex-start;align-items:center}.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-text-wrap{position:absolute;top:calc(100% + 16px);left:50%;width:calc(100% - 16px);height:auto;transform:translate(-50%);padding:16px}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(odd) .project-portfolio-list-text-wrap{left:50%;transform:translate(-50%)}.project-portfolio-section3 .project-portfolio-bottom-list-wrap:nth-of-type(2n) .project-portfolio-list-text-wrap{transform:translate(-50%)}.project-portfolio-section3 .project-portfolio-bottom-list.active .project-portfolio-list-text-wrap{transition-delay:.5s;top:calc(60% - 67px)}.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{margin-bottom:32px;padding-bottom:8px;border-bottom:none}.project-portfolio-section3 .project-portfolio-bottom-list-wrap.long .project-portfolio-company-wrap{margin-bottom:32px}.project-portfolio-section3 .project-portfolio-list-name{font-size:32px}.project-portfolio-section3 .project-portfolio-list-name-wrap{margin-bottom:0}.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%;padding:0 0 0 8px}.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:14px;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}.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:60%}.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}}.front-page-container{position:relative;width:100%}.front-page-section{position:relative;width:100%;height:100vh;overflow:hidden}.front-page-section .front-page-container{position:relative;width:100%;height:100%;transition:.5s}.front-page-section .front-page-container.active{padding:20px}.front-page-section .front-page-container-inner{position:relative;width:100%;height:100%}.front-page-section .front-page-box{position:relative;width:100%;height:100%;max-height:100%;transition:.5s;transition-delay:.5s}.front-page-section .front-page-container.active .front-page-box{max-height:70%}.front-page-section .front-page-box-inner{position:relative;width:100%;height:100%;overflow:hidden;transition:.5s}.front-page-section .front-page-container.active .front-page-box-inner{border-radius:20px}.front-page-section .front-page-box-title-wrap{position:absolute;top:30px;left:30px;z-index:5}.front-page-section .front-page-box-title-link{font-size:0;color:#fff;line-height:1;font-weight:500;opacity:0;display:block;transition:.5s;transition-delay:.5s}.front-page-section .front-page-container.active .front-page-box-title-link{opacity:1}.front-page-section .front-page-box-logo{width:110px;display:block}.front-page-section .front-page-box-text-wrap{position:absolute;top:50%;left:50%;width:100%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);z-index:5}.front-page-section .front-page-box-subject{font-size:44px;font-weight:600;color:#fff}.front-page-section .front-page-box-subject-span{opacity:0}.front-page-section .front-page-box-subject-span.blue{color:#57bade}.front-page-section .front-page-box-subject.last{margin-bottom:60px}.front-page-section .front-page-box-sub-title{font-size:18px;font-weight:300;overflow:hidden;color:#fff}.front-page-section .front-page-box-sub-title-span{display:inline-block}.front-page-section .front-page-box-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%}.front-page-section .front-page-box-video{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.front-page-section .front-page-ball-wrap{position:absolute;top:100%;left:50%;transform:translate(-50%);transition:.5s;transition-delay:.5s}.front-page-section .front-page-container.active .front-page-ball-wrap{top:calc(70% - 20px);transform:translate(-50%,-100%)}.front-page-section .three-main-inner{width:50px;height:50px;perspective:800px;transition:.5s;pointer-events:auto;cursor:pointer}.front-page-section .front-page-ball-wrap:hover .three-main-inner{transform:scale(1.3)}.front-page-section .three-main-inner-span{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border-left:3px rgba(255,255,255,.5) solid;border-top:10px transparent solid;border-right:3px rgba(255,255,255,.7) solid}.front-page-section .front-page-ball-wrap:hover .three-main-inner-span{border-left:3px rgba(92,255,237,.5) solid;border-right:3px rgba(114,255,181,.7) solid}.front-page-section .three-main-inner-span:nth-of-type(1){animation:ani-1 1s linear infinite}.front-page-section .three-main-inner-span:nth-of-type(2){animation:ani-2 1s linear infinite}.front-page-section .three-main-inner-span:nth-of-type(3){animation:ani-3 1s linear infinite}@keyframes ani-1{0%{transform:rotate(0) rotateX(70deg) rotate(0)}to{transform:rotate(0) rotateX(70deg) rotate(360deg)}}@keyframes ani-2{0%{transform:rotate(120deg) rotateX(70deg) rotate(0)}to{transform:rotate(120deg) rotateX(70deg) rotate(360deg)}}@keyframes ani-3{0%{transform:rotate(240deg) rotateX(70deg) rotate(0)}to{transform:rotate(240deg) rotateX(70deg) rotate(360deg)}}.front-page-section .front-page-bottom-area{position:absolute;bottom:0;left:0;width:100%;height:30%;padding-top:10px}.front-page-section .front-page-bottom-inner{position:relative;width:100%;height:100%}.front-page-chatbot{position:absolute;top:0;left:50%;width:40%;height:100%;transform:translate(-50%);opacity:0;visibility:hidden;transition:.3s;transition-delay:1.2s;z-index:2}.front-page-container.active .front-page-chatbot{opacity:1;visibility:visible}.front-page-chatbot .front-page-chatbot-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}.front-page-chatbot .front-page-chatbot-top{width:100%;height:40px;display:flex;justify-content:space-between;align-items:center}.front-page-chatbot .front-page-question-list{width:calc(25% - 7.5px);height:100%;border:2px solid rgba(0,0,0,.2);border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.front-page-chatbot .front-page-question-text{font-size:14px;font-weight:500;color:#0009}.front-page-chatbot .front-page-chatbot-bottom{width:100%;height:calc(100% - 50px);border:2px solid rgba(0,0,0,.2);border-radius:10px}.front-page-chatbot .front-page-chatbot-window{width:100%;padding:10px;height:calc(100% - 40px)}.front-page-chatbot .esp-aichat-front-chatting-ui{position:relative;width:100%;height:100%;display:flex;flex-direction:column;border-radius:10px;overflow:auto}.front-page-chatbot .esp-aichat-front-chatting-ui::-webkit-scrollbar{width:12px}.front-page-chatbot .esp-aichat-front-chatting-ui::-webkit-scrollbar-track{background:transparent}.front-page-chatbot .esp-aichat-front-chatting-ui::-webkit-scrollbar-thumb{background-color:#e6e6e6;border-radius:6px}.front-page-chatbot .esp-aichat-front-ques-wrap{max-width:70%;padding:8px;border-radius:8px;background-color:#e6e6e6;align-self:flex-end;margin-bottom:16px}.front-page-chatbot .esp-aichat-front-answer-wrap{position:relative;max-width:70%;min-height:56px;padding:8px 8px 8px 56px;flex-shrink:0;border-radius:16px;background-color:#e6e6e6;margin-bottom:16px}.front-page-chatbot .esp-aichat-front-answer-wrap:last-of-type{margin-bottom:0}.front-page-chatbot .esp-aichat-front-answer-img-wrap{position:absolute;top:8px;left:8px;width:40px;height:40px;border-radius:50%;background-color:#1670f6;display:flex;justify-content:center;align-items:center}.front-page-chatbot .esp-aichat-front-answer-img{width:24px}.front-page-chatbot .esp-aichat-front-dialog-text{font-size:16px;color:#000;white-space:pre-wrap}.front-page-chatbot .front-page-chatbot-form-wrap{width:100%;height:40px;padding:5px 10px;border-top:2px solid rgba(0,0,0,.2)}.front-page-chatbot .esp-aichat-front-form{flex:1;height:100%;display:flex;justify-content:space-between;align-items:center}.front-page-chatbot .esp-aichat-front-input{flex:1;height:100%;font-size:16px;color:#000;background-color:transparent;border:none;margin-right:10px}.front-page-chatbot .esp-aichat-front-input::placeholder{color:#000;font-size:14px;font-weight:500;opacity:1}.front-page-chatbot .esp-aichat-front-submit{height:100%;display:flex;border:none;justify-content:center;align-items:center;background-color:transparent;cursor:pointer}.front-page-chatbot .esp-aichat-front-submit-image{height:100%;display:block}.front-page-youtube{position:absolute;top:0;left:0;width:calc(30% - 20px);height:100%;opacity:0;visibility:hidden;transition:.3s;transition-delay:1s;z-index:2}.front-page-container.active .front-page-youtube{opacity:1;visibility:visible}.front-page-youtube .front-page-youtube-inner{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000;border-radius:10px}.front-page-youtube .front-page-youtube-profile{position:absolute;top:10px;right:10px;display:flex;align-items:center;background-color:#fff;border-radius:10px;overflow:hidden;z-index:2}.front-page-youtube .front-page-youtube-profile-img{width:120px;display:block}.front-page-youtube .front-page-youtube-video-wrap{position:relative;width:100%;height:100%}.front-page-youtube .front-page-youtube-video-wrap>div{width:100%;height:100%}.front-page-youtube .front-page-youtube-inner iframe{width:100%;height:100%}.front-page-signup{position:absolute;top:0;right:0;width:calc(30% - 20px);height:100%;opacity:0;visibility:hidden;transition:.3s;transition-delay:1.4s;z-index:2}.front-page-container.active .front-page-signup{opacity:1;visibility:visible}.front-page-signup .front-page-signup-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;padding:20px 60px 20px 20px;border:2px solid rgba(0,0,0,.2)}.front-page-signup .front-page-signup-since{font-size:14px;font-weight:700;line-height:1;color:#414d55;margin-bottom:10px}.front-page-signup .front-page-signup-date{font-size:24px;font-weight:700;line-height:1;color:#414d55;margin-bottom:10px}.front-page-signup .front-page-signup-text{font-size:14px;font-weight:400;color:#696d6e;margin-bottom:20px}.front-page-signup .front-page-signup-accumulate{width:100%;display:flex;justify-content:space-between;margin-bottom:10px}.front-page-signup .front-page-signup-accumulate-text{font-size:14px;font-weight:400;color:#696d6e}.front-page-signup .front-page-signup-accumulate>div{margin:0}.front-page-signup .front-page-youtube-number-wrap{position:relative;display:inline-block}.front-page-signup .front-page-youtube-number{font-size:40px;font-weight:500}.front-page-signup .front-page-youtube-percent{position:absolute;top:50%;left:calc(100% + 5px);font-size:12px;font-weight:400;padding:2px;background-color:#e0f0e4;color:#377e36;transform:translateY(-50%)}.two-way-section4{width:100%;height:calc(var(--vh, 1vh) * 250);display:flex;align-items:center;color:#000}.two-way-section4 .two-way-container{width:100%;height:calc(var(--vh, 1vh) * 250)}.two-way-section4 .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-section4 .two-way-sticky-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.two-way-section4 .two-way-sticky-top{position:absolute;top:0;left:0;width:100%;justify-content:space-between}.two-way-section4 .two-way-sticky-title-wrap{width:100%;overflow:hidden;text-align:center;opacity:1}@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}}.two-way-section4 .two-way-title{font-size:44px;font-weight:700;color:#fff}.two-way-section4 .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-section4 .two-way-description{font-size:24px;font-weight:500}.two-way-section4 .ten-top-text{transition:.8s;text-align:center;margin-top:2px}.two-way-section4 .ten-top-text.sub{font-size:18px;font-weight:200;transform:translateY(230%);font-family:Pretendard Variable,sans-serif;overflow:hidden;color:#000}.two-way-section4 .ten-top-text.sub>span{display:inline-block}.two-way-section4 .ten-top-text.sub>span.active{color:#000;font-weight:500}.two-way-section4 .ten-top-text.top{margin-bottom:10px}.two-way-section4 .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-section4 .ten-top-text.big .project-portfolio-list-subject{opacity:0;transition:.8s;-webkit-background-clip:text;background-clip:text;color:#000;font-size:44px;font-weight:400}.two-way-section4 .ten-top-text.big .project-portfolio-list-subject.active{font-weight:700}.two-way-section4 .two-way-sticky-bottom{position:absolute;bottom:35%;left:0;width:100%;height:calc(100% - 186px);z-index:2;flex-shrink:0}.two-way-section4 .two-way-sticky-bottom-inner{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.two-way-section4 .two-way-sticky-bottom-leftwrap{position:absolute;width:16%;left:0;top:0}.two-way-section4 .two-way-sticky-bottom-left{width:100%;position:relative;margin-bottom:10px;pointer-events:auto;cursor:pointer}.two-way-section4 .two-way-sticky-bottom-left.active{width:100%;position:relative}.two-way-section4 .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-section4 .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-section4 .two-way-sticky-bottom-lefttextwrap{width:100%;height:100%;position:relative;transition:.5s}.two-way-section4 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttextwrap{width:100%;height:100%;position:relative}.two-way-section4 .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-section4 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttextwrap:after{width:100%;box-shadow:0 0 20px 4px #ff000073}.two-way-section4 .two-way-sticky-bottom-left.active .two-way-sticky-bottom-lefttext{color:#fff}.two-way-section4 .two-way-sticky-bottom-lefttext{font-size:18px;color:#fff;padding:1rem 1.5rem;position:relative;z-index:2}.two-way-section4 .two-way-bottom-cover-wrap{position:absolute;top:50%;left:50%;width:334px;height:460px;border-radius:8px;overflow:hidden;transform:translate(-50%,-50%);cursor:pointer;z-index:10;background:#0b0b0b;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(255,255,255,.4))}.two-way-section4 .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-section4 .two-way-bottom-contents-wrap{width:74%;max-width:332px;height:460px;display:flex}.two-way-section4 .two-way-bottom-contents-left,.two-way-section4 .two-way-bottom-contents-right{position:relative;width:50%;height:100%;overflow:hidden}.two-way-section4 .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-section4 .two-way-bottom-contents-line{position:relative;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-section4 .two-way-bottom-contents.left2 .two-way-bottom-contents-lefttitwrap{padding-left:4.5rem}.two-way-section4 .two-way-bottom-contents.left3 .two-way-bottom-contents-lefttitwrap{padding-left:3.8rem}.two-way-section4 .two-way-bottom-contents.right2 .two-way-bottom-contents-lefttitwrap{padding-left:4.25rem}.two-way-section4 .two-way-bottom-contents.right3 .two-way-bottom-contents-lefttitwrap{padding-left:5.25rem}.two-way-section4 .two-way-bottom-contents-lefttitwrap{position:relative;display:flex;align-items:center;text-align:center;width:100%;height:100%}.two-way-section4 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap{padding:0 1.5rem 0 0}.two-way-section4 .two-way-bottom-contents-right .two-way-bottom-contents-lefttitwrap.one{padding:4rem 3rem 0 2rem}.two-way-section4 .two-way-bottom-contents-lefttit{font-size:27px;font-weight:600;color:#fff;height:80px;overflow:hidden}.two-way-section4 .two-way-bottom-contents-proof{margin-bottom:1.6rem}.two-way-section4 .two-way-bottom-contents-left-inner{transform:translateY(0);transition:.3s}.two-way-section4 .two-way-bottom-contents.active .two-way-bottom-contents-left-inner{transform:translateY(-56px)}.two-way-section4 .two-way-bottom-contents.active.left2 .two-way-bottom-contents-left-inner{transition-delay:.1s}.two-way-section4 .two-way-bottom-contents.active.right2 .two-way-bottom-contents-left-inner{transition-delay:.2s}.two-way-section4 .two-way-bottom-contents.active.right3 .two-way-bottom-contents-left-inner{transition-delay:.3s}.two-way-section4 .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-section4 .two-way-bottom-contents-lefttech{font-size:18px;font-weight:700;margin:1rem 0}.two-way-section4 .two-way-bottom-contents.left1{left:calc(100% - 165px);transition:0s;z-index:5}.two-way-section4 .two-way-bottom-contents.left2{left:35%;transform-origin:left;transform:translateY(-50%) scale(.9);z-index:4}.two-way-section4 .two-way-bottom-contents.left3{left:0;transform-origin:left;transform:translateY(-50%) scale(.8);z-index:3}.two-way-section4 .two-way-bottom-contents.right1{right:calc(100% - 165px);transition:0s;z-index:5}.two-way-section4 .two-way-bottom-contents.right2{right:35%;transform-origin:right;transform:translateY(-50%) scale(.9);z-index:4}.two-way-section4 .two-way-bottom-contents.right3{right:0%;transform-origin:right;transform:translateY(-50%) scale(.8);z-index:3}