header{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:1000;background:#04010F;transition:.3s;&.top{background:transparent;@media (max-width:1100px){background:#04010F}}&.up{top:-100%}}.mobile-menu-wrapper{position:fixed;left:0;width:100%;height:100vh;background:#04010F;display:none;flex-direction:column;align-items:center;justify-content:space-between;padding:6rem 6.5rem 0;transition:.2s;z-index:-1;@media (max-width:1024px){display:flex}@media (max-width:768px){padding-left:2rem;padding-bottom:0;padding-right:2rem;padding-top:5rem}&.mobile-menu-open{top:0}&.mobile-menu-close{top:-130%}.mobile-menu-box{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;a{width:100%}&:hover{h1{color:#ffffff}h1:before{width:100%}}&.active{h1{color:#ffffff}h1:before{width:100%}}h1{width:100%;color:#aaaaaa;padding:1.5rem 0;position:relative;font-size:1.2rem;&:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#ffffff;transition:.3s}}li{color:#aaaaaa;padding:1rem 2rem;&:hover{color:#ffffff}}}}.header-inner{width:100%;height:5.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:.3s;background:#04010F;.mobile-menu-icon{display:none;@media (max-width:1100px){display:flex;i{color:#ffffff;font-size:1.8rem}}}.left,.right{width:auto;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.right{@media (max-width:1100px){display:none}}.left{.logo-box{width:auto;position:relative;.logo-black{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}}}img{width:10.7rem;margin:0 3.25rem 0 0;@media (max-width:1280px){width:9rem;margin-left:0;margin-bottom:0;margin-right:2rem;margin-top:0}}.menu-wrapper{width:auto;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;@media (max-width:1100px){display:none}.menu{color:#ffffff;padding:0 2rem;position:relative;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1.25rem;@media (max-width:1400px){padding-left:1.4rem;padding-bottom:0;padding-right:1.4rem;padding-top:0}a{&:after{content:"";position:absolute;left:50%;bottom:30%;width:70%;height:1px;background:var(--white);transform:scale(0) translateX(-50%);transform-origin:left center;opacity:0;transition:.2s ease-out}&:hover:after{transform:scale(1) translateX(-50%);opacity:1}}&.active{p:before{width:100%}}p{position:relative;font-size:1.25rem;@media (max-width:1400px){font-size:1rem}&:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--before-bg);transition:.5s}i{display:inline-block}}&:hover{p:before{width:100%}i{animation:arrow-animation 1s ease-in-out infinite}.sub-menu-box{top:5.5rem}}.sub-menu-box{width:100%;position:absolute;top:-10rem;left:0;background:#04010F;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1rem;padding:.5rem 0;transition:.5s;z-index:-1;@media (max-width:1400px){font-size:.75rem}.sub-menu{width:100%;padding:.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;&:hover{p:before{width:100%}}p{position:relative;&:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--before-bg);transition:.5s}}}}}}}.white-button{width:auto;padding:1rem 2.5rem;border:1px solid #04010f;color:#04010F;font-size:1.25rem;border-radius:2rem;transition:.5s;@media (max-width:1400px){font-size:1rem}@media (max-width:1280px){padding-left:1.5rem;padding-bottom:.5rem;padding-right:1.5rem;padding-top:.5rem}&:hover{border:1px solid transparent;background:var(--button-bg);background-blend-mode:var(--button-mode);box-shadow:var(--button-shadow);-webkit-backdrop-filter:var(--button-blur);backdrop-filter:var(--button-blur)}}

/*!* --------------index header(PC)-------------- *!*/
/*    !*--------------------------------------*!*/
/*    !*--------------mobile nav--------------*!*/
/*    !*--------------------------------------*!*/.search-box{width:100%;display:flex;justify-content:flex-end;.search-bar{border:1px solid #fff;width:21.25rem;display:flex;justify-content:space-between;border-radius:.5rem;&:focus-within{border:1px solid #6635f0}input{background:transparent;border:none;font-size:1rem;padding:1rem;color:#fff;&::placeholder{color:rgba(255,255,255,.6)}&:focus{outline:none}&:focus::placeholder{color:transparent}}button{background:transparent;color:#fff;border:none;width:3rem;height:100%;display:flex;justify-content:center;align-items:center;i{font-size:1rem}&:focus i,&:hover i{background:linear-gradient(90deg,#A648CB,#7170E9 50%,#479BF5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}}}.news-result{display:flex;font-size:1.25rem}.news-category-wrap,.news-result{justify-content:center}.news-category-wrap .category{display:flex;justify-content:center;border-bottom:1px solid white;vertical-align:middle;font-size:1.5rem;padding:30px}.news-category-wrap .category a{padding:10px;margin:10px;font-weight:500}.news-category-wrap .category a.active{color:var(--color-green)}.news-container{display:block;padding-bottom:20rem}.news-item{position:relative;transform-style:preserve-3d;perspective:1000px;display:flex;gap:2.5rem;padding:3rem 0;width:100%;border-bottom:1px solid #f3f3f330}.news-item .news-img{flex:1 1;height:8.25rem;display:flex;justify-content:center;align-items:center;max-height:520px;background:#04010F;transition:all .3s,height 0s;overflow:hidden;border-radius:1rem}.news-item .news-img img{width:100%;transition:.3s;background-size:cover}.news-item:hover .news-img img{transform:scale(1.1)}.news-item .news-txt{flex:6 1}.news-item .news-txt>div:first-child{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500;color:#bbb}.news-item .news-txt .news-main-title{font-size:1.25rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.5rem}.news-item .news-txt .text-box{margin-bottom:.75rem;font-size:1rem;font-weight:200;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item .news-txt .news-day{color:#888;font-size:.875rem}.news-content{padding:10rem 0}.news-content-header{display:flex;justify-content:space-between;align-items:flex-end;margin:4rem 0 1rem;gap:.75rem}.news-content-header strong{display:inline-block;font-size:1.75em;font-weight:500}.news-content-header span{display:inline-block;color:#ddd}.news-content-header a:hover{text-decoration:underline}.news-content-body{border-color:#333;border-style:solid;border-width:1px 0;padding:2rem 0;margin-bottom:5rem}.news-content-body img{max-width:100%}.news-content-body .ql-video{width:100%;height:calc(56vw - 3.5rem);max-height:750px}@media screen and (max-width:1024px){.news-container{gap:4rem 1.5rem}.news-item .news-img{height:calc((100vw - 8rem) / 3 * 1.25)}.news-content-header{flex-direction:column;align-items:flex-start}}@media screen and (max-width:768px){.news-container{grid-template-columns:repeat(2,1fr)}.news-item .news-img{height:calc((100vw - 6.5rem) / 2 * 1.25)}}@media screen and (max-width:500px){.news-container{grid-template-columns:repeat(1,1fr)}.news-item .news-img{height:calc((100vw - 5rem) * 1.25)}}@keyframes arrow-animation{0%,to{transform:translate(0)}50%{transform:translate(5px,-5px)}}@keyframes arrow-animation-2{0%,to{transform:translate(0)}50%{transform:translate(5px)}}main{color:white}.main-ttl{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;text-transform:uppercase}.main-ttl h3{font-size:1.5rem}.main-ttl a{font-weight:500}.main-ttl a:after{content:"→";margin-left:0;transition:.2s}.main-ttl a:hover:after{margin-left:.5em}.main-linkBtn{position:relative;display:block;width:182px;height:182px;border-radius:50%;box-shadow:0 1rem 20px rgb(0 0 0/30%)}.main-linkBtn svg{width:100%;height:100%;transform-origin:center;transform:rotate(-90deg)}.main-linkBtn circle{fill:#04010F;stroke-width:1;stroke:var(--color-green);transition:.8s}.main-linkBtn:hover circle{stroke-dashoffset:0!important}.main-linkBtn span{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);font-size:1.5rem}.main-linkBtn span:after{position:absolute;content:"";bottom:-2rem;left:calc(50% - 1.3rem);width:2.6rem;height:1rem;background:url(/_next/static/media/arr.314e3b70.png) no-repeat 50%/contain}.main-section-visual{height:100vh;max-height:180vw;width:100vw;z-index:1}.main-section-visual:after{position:absolute;bottom:0;left:0;width:100%;height:100%;content:"";z-index:2;background:linear-gradient(rgba(0,0,0,.6) 50%,#151519)}.main-backgroundVideo{position:fixed;z-index:1;top:0;left:0;width:100%;height:100%}.main-backgroundVideo video{height:100%;width:100%;object-fit:cover}.main-slogan{position:absolute;width:100%;max-width:1640px;padding:0 2.5rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.main-slogan strong{display:inline-block;gap:1.25rem;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-green) 0,#82ebff 100%);-webkit-background-clip:text;color:transparent}.main-slogan h1 .main-slogan-animation{text-align:left;color:#fff;position:relative;height:1.5em;overflow:hidden;margin:1rem 0}.main-slogan h1 .main-slogan-animation:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-green) 0,#82ebff 50%,transparent 100%)}.main-section-greeting{overflow:hidden;background:#151519}.main-section-greeting img{position:absolute;height:90%;width:auto;bottom:0;left:50%;transform:translateX(-50%)}.main-greeting-content{position:relative;height:800px;max-height:150vw;display:flex;justify-content:center;align-items:center;text-align:center;background:linear-gradient(transparent 50%,#04010F)}.main-greeting-content-text{opacity:0}.main-greeting-content-text>span{font-size:2rem;font-weight:200}.main-greeting-content-text h2{font-size:2.75rem}.main-greeting-content-text h2 span{font-size:inherit;background:linear-gradient(135deg,var(--color-green) 0,#82ebff 100%);-webkit-background-clip:text;color:transparent}@keyframes text-animation{0%{transform:translateY(100%);opacity:0}30%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.main-animation{width:100%;height:100vh;background:#04010F;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;&:before{content:"";position:absolute;top:25%;left:0;border-radius:100px 200px 400px 400px;background:rgba(88,0,200,.3);filter:blur(200px);width:40rem;height:40rem;z-index:2;@media (max-width:1600px){display:none}}.animation-bg{width:auto;position:absolute;top:0;right:0;.relative-bg{position:relative;width:100%;height:100%;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#04010F,rgba(4,1,15,0))}img{width:80rem}}}.text-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;position:relative;.it-swiper{position:absolute;top:-2vh;left:24vw;z-index:100;width:20vw;@media (max-width:1920px){top:3vh;left:30vw}@media (max-width:1450px){left:40vw}@media (max-width:1100px){left:32vw;top:1vw}@media (max-width:800px){left:37vw}@media (max-width:450px){top:5vw}@media (max-width:380px){top:8vw}.it-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;img{width:15vw;@media (max-width:1450px){width:20vw}@media (max-width:1100px){width:19vw}@media (max-width:800px){width:22vw}}}}.text-swiper{width:100%;padding:3rem 0 0;z-index:10;.swiper-slide-active{.absol-text li,li{transform:translateY(100%);animation:text-animation 4.5s forwards}}.samitech-text{margin:0 -4vw 0 0;ul{align-items:flex-end;li{width:auto;margin:0 1vw;img{width:100%}&:first-child{width:9vw;margin:0 1vw 0 0;@media (max-width:1920px){width:10.5vw}@media (max-width:1450px){width:14vw}@media (max-width:1100px){width:11vw}@media (max-width:800px){width:12vw}}&:nth-child(2){width:6vw;margin:0 1vw 0 0;@media (max-width:1920px){width:7vw}@media (max-width:1450px){width:10vw}@media (max-width:1100px){width:8vw}@media (max-width:800px){width:9vw}}&:nth-child(3){width:9vw;margin:0 1vw 0 0;@media (max-width:1920px){width:11vw}@media (max-width:1450px){width:14vw}@media (max-width:1100px){width:11vw}@media (max-width:800px){width:12vw}}&:nth-child(4){margin:0;width:14vw;@media (max-width:1450px){width:16vw}@media (max-width:800px){width:18vw}@media (max-width:450px){width:22vw}}&:nth-child(5){margin:0 1vw 0 -1vw;width:5vw;@media (max-width:1920px){width:7vw}@media (max-width:1450px){width:9vw}@media (max-width:1100px){width:7vw}@media (max-width:800px){width:9vw}}&:nth-child(6){width:5vw;margin:0 1vw 0 0;@media (max-width:1920px){width:7vw}@media (max-width:1450px){width:9vw}@media (max-width:1100px){width:7vw}@media (max-width:800px){width:9vw}}&:nth-child(7){width:5vw;margin:0 1vw 0 0;@media (max-width:1920px){width:7vw}@media (max-width:1450px){width:9vw}@media (max-width:1100px){width:7vw}@media (max-width:800px){width:9vw}}}}}div{position:relative;.absol-text{position:absolute;top:-3rem;left:0;@media (max-width:450px){top:-1rem}li{font-size:7vw;opacity:0}}}ul{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;li{line-height:.8;font-size:15vw;font-family:GodoRounded;opacity:0;@media (max-width:1920px){font-size:18vw}@media (max-width:1450px){font-size:22vw}@media (max-width:1100px){font-size:18vw}@media (max-width:800px){font-size:20vw}}}}}.sub-text-wrapper{width:100%;.swiper-slide-active{li{transform:translateY(100%);opacity:1;animation:text-animation 4.5s forwards}}.sub-text-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;li{font-size:2vw;opacity:0;&.empty{margin:0 .5rem;@media (max-width:450px){margin-left:0;margin-bottom:0;margin-right:.2rem;margin-top:0}}}}}}.main-two-section{height:100vh;background:#0a0a0a;.mySwiper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;.swiperDiv{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;position:relative;.textBox{width:80%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;p{color:#6635F0;margin:0 0 16px}h2,p{font-size:1.5rem}h2{margin:0 0 2.5rem}h1,h2{color:#ffffff}h1{font-size:7.5rem;font-weight:700}}.imageBox{width:70%;height:59rem;position:absolute;right:0;z-index:-1;div{background:rgba(0,0,0,.4);height:100%;width:100%;position:relative;img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;z-index:-1}}}}}}.main-section-Label{position:relative;background:#04010F;height:400px;max-height:60vw;z-index:2}.main-section-Label .main-rotateLabel{position:relative;width:200vw;min-width:2000px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg)}.main-section-Label .main-text{position:relative;height:100px;background-repeat:repeat-x;background-size:contain}.main-section-Label .main-text:before{content:"";position:absolute;width:100%;height:1px;top:50%;left:0;z-index:-1}.main-section-Label .main-text-a{background-image:url(/_next/static/media/main-text-a.6b3fac17.png)}.main-section-Label .main-text-b{background-image:url(/_next/static/media/main-text-b.cec0f650.png)}.main-section-Label .main-text-a:before{background:var(--color-green)}.main-section-Label .main-text-b:before{background:var(--color-purple)}.main-three-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#04010F;position:relative;overflow:hidden;.top{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 3.75rem;h1{font-size:4.375rem;color:#ffffff;font-weight:700;@media (max-width:800px){font-size:2.5rem}}.arrowBox{width:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;li{display:flex;flex-direction:row;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;margin:0 0 0 1rem;&:hover{svg{path{stroke:#6635F0}}}@media (max-width:800px){width:3rem;height:3rem}@media (max-width:380px){width:2.5rem;height:2.5rem}svg{path{transition:.5s}@media (max-width:800px){width:.8rem;height:auto}@media (max-width:380px){width:.6rem}}}}}.newsSwiper{width:100%;padding:0 0 12.5rem;align-items:center;justify-content:center;.swiper-slide-active{.box{opacity:1}}.box{width:100%;opacity:.5;transition:.5s;.text-box{width:100%;height:3rem;overflow:hidden}&:hover{opacity:1}h3{font-size:1.5rem;color:#f5f5f5;font-weight:600;margin:0 0 1.5rem}p{color:rgba(255,255,255,.7);font-size:1rem}img{width:100%;height:20rem;border-radius:20px;margin:0 0 2.5rem;@media (max-width:320px){height:13rem}}}}}.main-section-vmc{background:linear-gradient(#04010F 50%,#151519);overflow:hidden}.main-vmc-content{max-width:1640px;margin:0 auto;padding:12rem 1.25rem;display:flex;flex-wrap:wrap;justify-content:space-around;gap:2.5rem;text-align:center}.main-vmc-content li{margin-bottom:5rem;transform-style:preserve-3d;perspective:1200px}.main-vmc-content li strong{font-size:2rem;font-weight:900}.main-vmc-content li strong b{background:linear-gradient(135deg,var(--color-green) 0,#82ebff 100%);-webkit-background-clip:text;color:transparent;font-weight:900}.main-vmc-content li div{transform-style:inherit;perspective:600px;position:relative;margin:2.5rem auto;transform:rotateX(0deg);animation:polygonFrames 10s infinite;width:200px}.main-vmc-content li:first-child div{margin:1.5rem auto 3.5rem}.main-vmc-content li div img{width:100%}.main-vmc-content li div img:first-child{position:relative;z-index:3;animation:polygonA 10s infinite}.main-vmc-content li div img:nth-child(n+2){filter:grayscale(1);position:absolute;top:0;left:0}.main-vmc-content li div img:nth-child(2){opacity:.5;z-index:2;animation:polygonB 10s infinite}.main-vmc-content li div img:nth-child(3){opacity:.2;z-index:1;animation:polygonC 10s infinite}@keyframes polygonFrames{0%,20%,to{transform:rotateX(0deg)}50%,65%{transform:rotateX(50deg)}}@keyframes polygonA{0%,20%{top:0;transform:rotate(0deg)}30%{top:0}50%{top:-80px}65%{top:-80px}75%{transform:rotate(1turn)}to{top:0;transform:rotate(1turn)}}@keyframes polygonB{0%,20%{top:0;transform:rotate(0deg)}85%{transform:rotate(1turn)}to{top:0;transform:rotate(1turn)}}@keyframes polygonC{0%,20%{top:0;transform:rotate(0deg)}30%{top:0}50%{top:80px}65%{top:80px}95%{transform:rotate(1turn)}to{top:0;transform:rotate(1turn)}}.main-section-toComp{height:600px;background:url(/_next/static/media/main-company-bg.65c3d8e8.jpg) no-repeat 50%/cover;background-attachment:fixed}.main-toComp-content.floatElem{opacity:1;width:100%;height:100%;background:rgb(0 0 0/0);transition:.8s}.main-toComp-content.show{background:rgb(0 0 0/50%)}.main-toComp-content-inner{width:100%;height:100%;max-width:1640px;padding:2.5rem;margin:0 auto;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:space-between;align-items:center}.main-toComp-content-inner .text{flex:1 1;min-width:620px}.float .main-toComp-content-inner .text{transform:translateY(0);opacity:1}.main-toComp-content-inner .link{flex:1 1;display:flex;justify-content:center}.main-toComp-content-inner h4{font-size:1.5rem;margin-bottom:1.25rem}.main-toComp-content-inner h4 b{white-space:nowrap}.main-toComp-content-inner span{font-size:1.25rem}.layout{width:1600px;@media (max-width:1600px){width:1420px}@media (max-width:1440px){width:100%;padding-left:6.25rem;padding-bottom:0;padding-right:6.25rem;padding-top:0}@media (max-width:800px){padding-left:1.875rem;padding-bottom:0;padding-right:1.875rem;padding-top:0}}.main-recruit-section{width:100%;padding:31.25rem 0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.1s;overflow:hidden;background:#04010F;@media (max-width:1100px){padding-left:0;padding-bottom:20rem;padding-right:0;padding-top:20rem}.gradient{width:100%;height:31.25rem;background:linear-gradient(0deg,#04010F,#04010F 10%,#ffffff);position:absolute;top:-18.75rem;left:0}&.floatElem{background:#04010F;.gradient{opacity:0;transition:.8s}&.show{background:#04010F;.gradient{opacity:1}}}&:after{content:"";position:absolute;top:31rem;left:0;border-radius:100px 200px 400px 400px;background:#5800C8;filter:blur(12.5rem);width:40rem;height:40rem;@media (max-width:1100px){top:15rem}}&:before{content:"";position:absolute;top:31.5rem;right:16%;border-radius:50px 300px 120px 200px;background:#C7763C;filter:blur(120px);width:20rem;height:20rem;flex-shrink:0;@media (max-width:1450px){right:5%}@media (max-width:1100px){top:15rem;right:6%}}.top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 0 31rem;@media (max-width:1100px){margin-left:0;margin-bottom:20rem;margin-right:0;margin-top:0}.left{font-size:5rem;font-weight:600;z-index:2;@media (max-width:1440px){font-size:3rem}@media (max-width:1100px){font-size:2.4rem}@media (max-width:500px){margin-left:0;margin-bottom:3rem;margin-right:0;margin-top:0}}li:nth-child(2){transition-delay:.2s}svg{@media (max-width:1100px){width:5rem}@media (max-width:500px){width:10rem}}.right{font-family:Noto Sans;font-size:3rem;font-style:italic;color:#ffffff;font-weight:900;transition-delay:.4s;z-index:2;@media (max-width:1420px){font-size:2rem}@media (max-width:1100px){font-size:1.8rem}}}.formBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;.titleBox{width:auto;max-width:45%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2;@media (max-width:1100px){width:100%;max-width:100%;margin-left:0;margin-bottom:5rem;margin-right:0;margin-top:0}h1{font-size:4.5rem;font-weight:700;color:#fff;margin:0 0 1rem;@media (max-width:400px){font-size:3rem}}p{font-size:1.5rem;color:#ffffff;@media (max-width:400px){font-size:1rem}}}.form{width:55%;@media (max-width:1100px){width:100%}.box{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;.inputBox{width:calc(50% - .5rem);@media (max-width:500px){width:100%}}}.inputBox{width:100%;border:1px solid rgba(255,255,255,.4);display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-radius:.5rem;min-height:5rem;padding:1.75rem;margin:0 0 1.5rem;transition:.3s;&.textarea{align-items:flex-start}&:focus-within{border:1px solid #ffffff}p{font-size:1.5rem;color:#ffffff;position:relative;span{color:#6635F0;position:absolute;top:-.3rem;right:-1rem}}input{width:calc(100% - 5.5rem);height:100%;background:transparent;border:none;color:#ffffff;font-size:1.5rem;&:focus{outline:none}}textarea{width:calc(100% - 5.5rem);height:11rem;background:transparent;border:none;color:#ffffff;font-size:1.5rem;resize:none;&:focus{outline:none}}}.agreeBox{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;.gradient-button{&:hover{i{animation:arrow-animation 1.3s infinite}}i{display:inline-block;margin:0 0 0 5rem}}label{font-size:1.5rem;color:#ffffff;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;@media (max-width:850px){width:100%;margin-left:0;margin-bottom:2rem;margin-right:0;margin-top:0}@media (max-width:400px){font-size:1rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0 1rem 0 0;width:2.5rem;height:2.5rem;border:2px solid #333;border-radius:50%;display:inline-block;position:relative;cursor:pointer;outline:none;transition:background .2s,border .2s;@media (max-width:400px){width:1.5rem;height:1.5rem}&:checked{background:transparent;border-color:#ffffff}&:checked:after{content:"\eb7b";font-family:remixicon;font-weight:400;font-size:1rem;color:white;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}}}}}}@keyframes buttonGradient{0%{transform:rotate(0deg) translateY(0)}50%{transform:rotate(180deg) translateY(1rem)}to{transform:rotate(1turn) translateY(0)}}.gradient-button{padding:1rem 1.75rem;font-size:1.5rem;position:relative;overflow:hidden;border-radius:3rem;z-index:10;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#ffffff;border:1px solid transparent;background:linear-gradient(180deg,rgba(102,102,102,.2),rgba(102,102,102,0) 32.69%),linear-gradient(180deg,rgba(102,102,102,0) 50%,rgba(102,102,102,.4)),linear-gradient(0deg,rgba(29,29,29,.2),rgba(29,29,29,.2)),#1D1D1D;box-shadow:inset 16px 16px 9px -18px rgba(255,255,255,.5),inset -12px -12px 6px -14px #B3B3B3,inset 2px 2px 1px -2px #B3B3B3,inset 0 0 22px 0 rgba(242,242,242,.5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);i{margin:0 0 0 3rem}}.main-our-section{height:4000px;width:100%;background:#04010F;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;position:relative;padding:10rem 0;.title{.our,.works{font-weight:700;font-size:30rem;@media (max-width:1450px){font-size:25rem}@media (max-width:1100px){font-size:16rem}@media (max-width:800px){font-size:12rem}@media (max-width:450px){font-size:6rem}@media (max-width:320px){font-size:5rem}}.works{width:0;opacity:0}margin:0 0 1rem}.our-works{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;overflow:hidden;ul{display:flex;flex-direction:row;justify-content:center;align-items:center}li{font-family:GodoRounded;color:#fff;margin:0 1.5rem;font-size:30rem;line-height:.3;@media (max-width:1450px){font-size:20rem}@media (max-width:800px){font-size:10rem}@media (max-width:400px){font-size:7rem}}}}.contents-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;overflow:hidden;margin:-50rem 0 0;.layout{height:auto}.mobile-contents{display:none;@media (max-width:700px){display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center}.gradient-button{width:100%;margin:2rem 0 0;i{display:inline}&:hover{i{animation:text-arrow-2 1.4s infinite}}&:before{width:100rem;height:100rem;top:-150%;@media (max-width:450px){left:-150%}}}}.mobile-contents-wrapper{display:none;@media (max-width:700px){display:flex;height:30rem;flex-direction:row;align-items:center;width:100%}.mobile-contents-swiper{.mobile-contents-box{padding:0 1rem;.mobile-contents-bg{height:30rem;background-position:0 100%;background-size:cover;background-repeat:no-repeat;padding:2rem;overflow:hidden;border-radius:3rem;position:relative;h1{font-size:1.8rem;@media (max-width:400px){font-size:1.5rem}}.gif-box{width:100%;height:100%;position:absolute;top:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;img{width:50%}}.gif-7{top:1rem;align-items:flex-end;img{width:70%}}}}}}ul{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;li{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:calc(100% / 4 - 1rem);@media (max-width:1100px){width:calc(100% / 2 - 1rem)}@media (max-width:450px){width:100%}&:first-child{margin:3.8rem 0 0}&:nth-child(3){margin:7rem 0 0;@media (max-width:1100px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:-7rem}@media (max-width:450px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}}&:last-child{margin:2rem 0 0;@media (max-width:1100px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}}.contents{width:100%;height:300px;margin:0 0 1rem;border-radius:1.5rem;padding:2rem;background-position:50%;background-size:cover;position:relative;transition:.5s;&:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}h1{color:#04010F;font-size:1.75rem;@media (max-width:1450px){font-size:1.5rem}@media (max-width:450px){font-size:2rem}@media (max-width:320px){font-size:1.6rem}}.chatbot{position:absolute;bottom:20%;left:50%;margin:0 0 0 -30%;width:60%}.moniter{position:absolute;bottom:25%;right:0;width:85%}}.gradient-button{width:100%;justify-content:space-between;i{display:inline}&:hover{i{animation:arrow-animation-2 1.5s infinite}}&:before{left:-20rem;top:-20rem;width:80rem;height:80rem}}}}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.main-partner-section{width:100%;padding:20rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#ffffff;@media (max-width:1100px){padding-left:0;padding-bottom:10rem;padding-right:0;padding-top:10rem}@media (max-width:450px){padding-left:0;padding-bottom:10rem;padding-right:0;padding-top:5rem}.layout{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0 0 4.25rem;h1{font-size:4.5rem;color:#04010F;@media (max-width:800px){font-size:3.5rem}@media (max-width:450px){font-size:3rem}@media (max-width:380px){font-size:2.6rem}@media (max-width:330px){font-size:2rem}}.arrow-box{width:auto;display:none;flex-direction:row;align-items:center;justify-content:center;@media (max-width:800px){display:flex}li{display:flex;flex-direction:row;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;margin:0 0 0 1rem;&:hover{svg{path{stroke:#6635F0}}}@media (max-width:800px){width:3rem;height:3rem}@media (max-width:380px){width:2.5rem;height:2.5rem}svg{path{transition:.5s}@media (max-width:800px){width:.8rem;height:auto}@media (max-width:380px){width:.6rem}}}}}.partner-swiper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;.mobile-slide{display:none;@media (max-width:800px){display:block;width:100%}img{width:100%}}ul{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;li{width:auto;max-width:200px;margin:0 3rem 3rem 0;img{width:100%}}}}}.main-solution-section{width:100%;background:#04010F;padding:20rem 0;position:relative;.bg-swiper{.swiper-slide{.bg-wrapper{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;.bg-layout{width:70%;position:relative;margin:0 1px 0 0;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);transition:.5s}video{width:86.5%;height:100%}}}}}.text-swiper-wrapper{position:absolute;inset:0;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;.text-box{width:100%;.gradient-button{i{display:inline}@media (max-width:350px){&:before{top:-200%;left:-200%;width:100rem;height:100rem}}&:hover{i{animation:arrow-animation-2 1.5s infinite}}}p{color:#6635F0;font-size:1.5rem;margin:0 0 .75rem}h2{font-size:2.25rem;color:#ffffff;margin:0 0 1rem;@media (max-width:1440px){font-size:2rem}@media (max-width:800px){font-size:1.5rem}}h1{font-size:7rem;color:#ffffff;font-weight:900;margin:0 0 1.5rem;@media (max-width:1440px){font-size:6rem}@media (max-width:800px){font-size:5rem}@media (max-width:400px){font-size:4rem}}}}.pagination-box{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:15%;right:0;z-index:100;li{width:.8rem;height:.8rem;border-radius:100%;background:#f3f3f3;transition:.3s;cursor:pointer;margin:0 .5rem;&.active,&:hover{background:#6635F0}}}}.main-section-news{overflow:hidden}.main-section-news.floatElem{background:var(--color-black);opacity:1}.main-section-news.show{background:#fff}.main-section-news.show .main-ttl *{color:var(--color-black)}.main-news-content{max-width:1640px;padding:12.5rem 2.5rem;margin:0 auto}.main-news-content .swiper{overflow:visible}.main-news-item{display:block;background-repeat:no-repeat;background-position:50%;background-size:cover;background-color:var(--color-gray);box-shadow:1rem 40px 30px rgb(0 0 0/15%);position:relative}.main-news-item:after{position:absolute;content:"";top:0;left:0;width:100%;height:50%;background:linear-gradient(#04010F,transparent);z-index:1}.main-news-item .news-txt{position:relative;z-index:2;border:2px solid #fff;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem;transition:.3s}.main-news-item:hover .news-txt{background:rgb(0 0 0/40%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.main-news-item .news-ttl{font-weight:500;font-size:1.25rem}.main-news-item .news-bottom{opacity:0;transition:.3s;display:flex;justify-content:space-between;align-items:flex-end;transform:translateY(50%)}.main-news-item:hover .news-bottom{opacity:1;transform:translateY(0)}.main-news-item .news-btn{font-size:2rem;font-weight:200;width:2em;line-height:2em;text-align:center;border-radius:50%;background:var(--color-black);box-shadow:5px 1rem 15px rgb(0 0 0/50%)}.main-section-recruit{height:37.5rem;background:url(/_next/static/media/main-recruit-bg.c4752a58.png) no-repeat 50%/cover;background-attachment:fixed;z-index:4}.main-recruit-content{position:relative;max-width:1640px;padding:2.5rem;margin:0 auto;height:100%;display:flex;gap:2.5rem;align-items:center;color:var(--color-black)}.main-recruit-content:after{content:"";position:absolute;bottom:0;right:2.5rem;transform:translateY(49%);height:100%;width:46%;min-width:300px;background:url(/_next/static/media/main-recruit-text.145e6b59.png) no-repeat 50%/contain}.main-recruit-content .text{flex:1 1;min-width:740px}.main-recruit-content .text h4{font-size:1.5rem;font-weight:300;margin-bottom:.5em}.main-recruit-content .text h4 b{white-space:nowrap}.main-recruit-content .text span{font-size:1.25rem}.main-recruit-content .link{position:relative;z-index:5;flex:1 1;display:flex;justify-content:center}.main-section-partners{background:#fff;color:var(--color-black)}.main-partners-content{max-width:1640px;margin:0 auto;padding:200px 2.5rem}.main-partners-content ul{display:grid;grid-template-columns:repeat(6,1fr)}.main-partners-content ul li{transition:.4s;padding:1.5rem;display:flex;justify-content:center;align-items:center}.main-partners-content ul li:hover{box-shadow:0 15px 20px rgb(0 0 0/10%)}.main-partners-content ul img{max-height:2.5rem;max-width:100%}@media (min-width:1481px){.main-slogan h1{font-size:6rem}.main-news-item{height:496px}}@media (max-width:1480px){.main-slogan h1{font-size:7vw}.main-news-item{height:calc((100vw - 160px) / 2.5)}}@media screen and (max-width:1024px){.main-section-vmc .main-content-a span{font-size:5vw}.main-section-vmc .main-content-a h2{font-size:6.5vw}.main-news-item{height:calc((100vw - 120px) / 2.5)}.main-news-item .news-txt{padding:1.5rem}.main-recruit-content,.main-toComp-content-inner{flex-direction:column;align-items:flex-start}.main-recruit-content .text,.main-toComp-content-inner .text{min-width:0}.main-partners-content ul{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:767px){.main-slogan{padding:0 1.25rem}.main-slogan h1{font-size:9vw;flex-direction:column}.main-slogan strong{-webkit-text-stroke:1px #00FF55}.main-slogan h1 .main-slogan-animation{width:100%}.main-greeting-content span{font-size:5vw}.main-greeting-content h2{font-size:6vw}.main-recruit-content,.main-toComp-content-inner{padding:5rem 1.25rem}.main-recruit-content .text h4{font-size:2rem}.main-news-content,.main-partners-content{padding:140px 1.25rem}.main-news-item{height:calc((100vw - 100px) / 1.66)}.main-partners-content ul{grid-template-columns:repeat(3,1fr)}}.about-page:before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);border:1px solid #fff;z-index:1;border-radius:31.25rem;background:rgba(88,0,200,.3);filter:blur(200px);width:50.5rem;height:50.5rem;flex-shrink:0}.about-title h6{font-size:2rem;margin-bottom:2rem;font-weight:600;letter-spacing:-.05rem;z-index:2}.about-wrapper{padding-bottom:0!important}.overview-container{display:grid;align-items:center;width:100vw;height:59rem;position:relative}.overview-container:after{content:"";z-index:1;background:linear-gradient(var(--color-black),rgba(0,0,0,.6) 50%);position:absolute;left:0;right:0;top:0;bottom:0}.overview-text{z-index:10;font-size:1.25rem;max-width:720px;position:relative}.overview-text span{display:inline-block}.overview-ceo{z-index:10;font-size:1.375rem;max-width:720px;position:relative;margin-top:5rem;vertical-align:middle}.overview-ceo b{letter-spacing:.625rem;font-size:1.875rem;font-weight:500;margin:1.25rem;vertical-align:middle}.line-animation{width:100%;height:18rem;display:flex;justify-content:center;align-items:center;pointer-events:none;position:relative}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:12rem;background:transparent;border-radius:2px}.loader:before{width:6px;background:linear-gradient(180deg,rgba(147,51,234,0),rgba(147,51,234,.2),rgba(139,92,246,.4),rgba(139,92,246,.6),rgba(139,92,246,.8));border-radius:3px;filter:blur(4px)}.loader:after,.loader:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);animation:reveal 1s ease-out forwards}.loader:after{width:2px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,.6),rgba(255,255,255,.8),rgba(255,255,255,1));border-radius:1px}.loader span{display:block;bottom:-12px;transform:translateX(-50%);width:24px;height:24px;background:radial-gradient(circle,rgba(255,255,255,.9) 0,rgba(168,85,247,.6) 30%,rgba(147,51,234,.3) 60%,transparent 100%);filter:blur(3px);opacity:0;animation:fadeIn .3s ease-out .9s forwards}.loader span,.loader span:before{position:absolute;left:50%;border-radius:50%}.loader span:before{content:"";top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,1) 0,rgba(255,255,255,.8) 50%,rgba(168,85,247,.4) 100%);box-shadow:0 0 10px 2px rgba(255,255,255,.6),0 0 20px 4px rgba(168,85,247,.4)}@keyframes reveal{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) scale(.5)}to{opacity:1;transform:translateX(-50%) scale(1)}}.company-page{width:100%;margin-bottom:18rem;@media (max-width:1440px){padding-left:2rem;padding-bottom:0;padding-right:2rem;padding-top:0}.title-wrap{margin-bottom:10rem;.title{font-size:1.75rem;font-weight:200;line-height:1.5;margin:5rem auto;span{font-size:2.5rem;font-weight:600}}}}.company-info{background:linear-gradient(90deg,rgba(4,1,15,.25),rgba(102,53,240,.25));border-radius:50rem;display:flex;justify-content:center;align-items:flex-start;padding:2rem 4rem;@media (max-width:1440px){border-radius:20rem}@media (max-width:1024px){background:none;padding-left:0;padding-bottom:2rem;padding-right:0;padding-top:2rem;border-radius:0}.desc{width:22rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:-2rem;gap:1rem;@media (max-width:1440px){width:10rem;margin-left:0;margin-bottom:0;margin-right:6rem;margin-top:0;align-items:center}@media (max-width:1024px){margin-left:0;margin-bottom:0;margin-right:2rem;margin-top:0;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}&:first-child{margin-left:0}&:last-child{@media (max-width:1440px){margin-right:.5rem}}.circle{width:22rem;height:22rem;font-size:2.5rem;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50rem;margin-bottom:1rem;font-weight:400;position:relative;border:none;opacity:0;@media (max-width:1440px){font-size:2rem;width:18rem;height:18rem}@media (max-width:1024px){font-size:1.75rem;border-left-color:#fff;border-left-style:solid;border-left-width:1px;border-bottom-color:#fff;border-bottom-style:solid;border-bottom-width:1px;border-right-color:#fff;border-right-style:solid;border-right-width:1px;border-top-color:#fff;border-top-style:solid;border-top-width:1px;width:15rem;height:15rem;margin-bottom:.25rem}&:before{border-radius:50rem;border:1px solid #fff;z-index:-1}&:after,&:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;opacity:0}&:after{border-radius:50rem;background:linear-gradient(90deg,#7C17DD,#3C4FFA);z-index:-2}&.animate-border{animation:fadeToOpacity3 3s ease-out forwards;&:before{animation:drawCircle .8s ease-out forwards}}&.fade-to-dim:before{animation:fadeToDimBorder .5s ease-out forwards}}&:nth-child(4) .circle.fade-to-final{&:after{animation:gradientFadeIn 1.2s ease-out forwards}&:before{animation:fadeToOpacity2 1.2s ease-out forwards}}p{font-size:1.75rem;font-weight:400;text-align:center;margin:0;opacity:0;transform:translateY(10px);display:inline-block;width:max-content;@media (max-width:1440px){font-size:1.5rem}@media (max-width:1024px){font-size:1.25rem}}&:nth-child(4) p{font-weight:600}}}@keyframes drawCircle{0%{opacity:1;-webkit-clip-path:polygon(50% 50%,50% 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,50% 0,50% 0,50% 0,50% 0,50% 0,50% 0)}25%{-webkit-clip-path:polygon(50% 50%,50% 0,0 0,0 50%,0 50%,0 50%,0 50%);clip-path:polygon(50% 50%,50% 0,0 0,0 50%,0 50%,0 50%,0 50%)}50%{-webkit-clip-path:polygon(50% 50%,50% 0,0 0,0 100%,50% 100%,50% 100%,50% 100%);clip-path:polygon(50% 50%,50% 0,0 0,0 100%,50% 100%,50% 100%,50% 100%)}75%{-webkit-clip-path:polygon(50% 50%,50% 0,0 0,0 100%,100% 100%,100% 50%,100% 50%);clip-path:polygon(50% 50%,50% 0,0 0,0 100%,100% 100%,100% 50%,100% 50%)}to{opacity:1;-webkit-clip-path:polygon(50% 50%,50% 0,0 0,0 100%,100% 100%,100% 0,50% 0);clip-path:polygon(50% 50%,50% 0,0 0,0 100%,100% 100%,100% 0,50% 0)}}@keyframes fadeToOpacity{0%{opacity:1;border-color:#fff}to{opacity:1;border-color:rgba(255,255,255,.3)}}@keyframes fadeToOpacity2{0%{opacity:1;border-color:#fff;background:transparent}to{opacity:1;border-color:rgba(255,255,255,.1)}}@keyframes fadeToOpacity3{0%{opacity:.3}to{opacity:1}}@keyframes gradientFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeToDimBorder{0%{opacity:1;border-color:#fff}to{opacity:1;border-color:rgba(255,255,255,.15)}}.about-page .btn{margin:5rem auto 15rem;padding:1rem 3.25rem;font-size:1.75rem;@media (max-width:1440px){font-size:1.5rem}@media (max-width:1024px){font-size:1.25rem}a i{margin-left:1rem}}.company-tech{&:first-child{z-index:1}&:nth-child(2){z-index:2}&:nth-child(3){z-index:3}&:nth-child(4){z-index:4}}.company-tech{position:relative;padding:0;.tech-card{height:33rem;display:flex;justify-content:space-between;align-items:center;padding:5rem;border-radius:2.5rem;background:#04010F;box-shadow:0 4px 57px 8px rgba(102,53,240,.65);position:-webkit-sticky;position:sticky;width:100%;&:hover .img img{transform:scale(1.05)}@media (max-width:1440px){height:28rem}@media (max-width:1024px){height:27rem;padding-left:4rem;padding-bottom:4rem;padding-right:4rem;padding-top:4rem;gap:2rem}&:first-child{z-index:0;top:150px}&:nth-child(2){z-index:1;top:230px}&:nth-child(3){z-index:2;top:310px}&:nth-child(4){z-index:3}.tech-title{text-align:left;flex:2 1;@media (max-width:1024px){flex:1 1}h5{font-size:3.25rem;font-weight:600;margin-bottom:1.25rem;@media (max-width:1440px){font-size:2.5rem}@media (max-width:1024px){font-size:2rem}}p{font-size:1.25rem;font-weight:400;line-height:1.5;@media (max-width:1440px){font-size:1rem}&:nth-child(2){margin-bottom:1rem}&:nth-child(3){border-left:2px solid #888;padding-left:1rem}}span{font-weight:600}}.img{flex:1 1;overflow:hidden;border-radius:1.25rem;display:flex;justify-content:center;align-items:center;img{transition:all .3s ease-in-out;width:100%;background-size:cover}}}}.history-page,.task-page{.content{display:flex;justify-content:center;padding:4rem 0;.history-container,.task-container{width:55%;position:relative;&:before{content:"";position:absolute;left:calc(20% + 2rem);top:1.5rem;bottom:0;width:2px;background:#3C3846}.history-item,.task-item{display:flex;gap:2rem;position:relative;margin-bottom:4rem;&:last-child{margin-bottom:0}.history-year,.task-year{width:20%;text-align:right;padding-right:2rem;position:relative;z-index:1;strong{display:inline-block;font-size:2rem;font-weight:700;color:#fff;opacity:.3}}.icon{position:absolute;left:calc(20% + 2rem);top:.5rem;transform:translateX(-50%);width:1.25rem;height:1.25rem;z-index:2;background:#1a1625;border-radius:50%;display:flex;align-items:center;justify-content:center;svg{opacity:.3}}.history-cont,.task-cont{width:calc(80% - 2rem);padding-left:3rem;position:relative;dl{display:flex;font-size:1.25rem;margin-bottom:1.5rem;position:relative;padding-left:2rem;align-items:center;&:before{content:"";position:absolute;left:-3.3rem;top:.6rem;width:.75rem;height:.75rem;background:#3C3846;border-radius:50%}dt{font-weight:600;margin-right:1rem;min-width:3rem;color:#fff}dd{font-weight:300;text-align:left;color:#d1d5db;line-height:1.6}}.img{width:10rem;height:6.5rem;overflow:hidden;border-radius:.5rem;margin-bottom:2rem;margin-left:2rem;img{width:100%;height:100%;object-fit:cover}}}}}}}.organization-content{margin:-4rem auto 12.5rem;width:100%}.ci-page .content{padding-top:5rem}.about-page .btn a i{margin-left:1rem}.ci-visual{width:100%;position:relative}.ci-visual:after{content:"";z-index:1;position:absolute;left:0;right:0;top:0;bottom:0}.ci-visual .ci-summary{position:relative;z-index:10;padding:0 1.25rem}.ci-visual h5{font-size:3rem;font-weight:200}.ci-visual h5 span{margin:4px;display:inline-block}.ci-visual .ci-summary{font-weight:100;font-size:1.5rem;line-height:2em;max-width:70rem;margin:1em auto 3em;padding:0 2em}.ci-mean{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;max-width:80rem!important}.ci-mean .cat,.ci-mean .circle,.ci-mean .result{width:18.75rem;height:18.75rem;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:50%;background-size:cover}.ci-mean .cat{background-image:url(/_next/static/media/cat.3b796e3a.png)}.ci-mean .circle{background-image:url(/_next/static/media/circle.18bd073d.png)}.ci-mean .result{background-image:url(/_next/static/media/result.ff16fb43.png)}.ci-mean p{text-align:center;font-size:1.25rem;font-weight:200;text-shadow:0 3px 3px #04010F}.ci-mean .sign{font-size:5rem;font-weight:100}.ci-logo{display:flex;gap:1.25rem;flex-wrap:wrap;margin:7.5rem auto 5rem!important}.ci-logo>div{flex:1 1;background:#04010F;min-height:360px;padding:3rem 0;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.ci-logo-img{margin:auto}.ci-logo-img img{max-width:80%}.ci-logo-txt{margin-top:1rem}.ci-logo-txt h5{font-size:1.25rem;font-weight:400}.ci-logo-txt p{margin-top:.5em;font-weight:200;color:#ccc}.company-identity-container .btn-wrapper img{margin-left:.75rem}.history-page,.location-page{padding-bottom:10rem}@media screen and (max-width:1023px){.wrapper .snb{display:none}.history-item{margin-left:0;padding-bottom:6.25rem;flex-direction:column}.history-cont{width:100%;min-width:auto}.organization-content{margin:0}.ci-list>div{flex-direction:column}.ci-list .ci-text{order:2;border-right:0;border-top:1px solid var(--color-gray);margin:2rem;padding-top:2rem}.ci-list,.ci-mean{flex-direction:column}.ci-list>div{width:100%!important}}@media screen and (max-width:767px){.ci-visual h5{font-size:2rem}.ci-list{flex-direction:column}.ci-list .ci-img-mobile img:last-child{border:1px solid red;display:none}.ci-logo{flex-direction:column}}