@keyframes progress{0%{width:0}to{width:100%}}.main-visual .item{position:relative}.main-visual .img-bx{display:block;position:relative;overflow:hidden}.main-visual .img-bx:after{content:"";display:block;padding-bottom:41.6666666667%}.main-visual .img-bx>img{display:block;position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:1000%;min-height:1000%;max-width:none;max-height:none;transform:translate(-50%,-50%) scale(0.1)}.main-visual .txt-bx{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 1em rgba(0,0,0,0.1);letter-spacing:-0.05em;line-height:1.3}.main-visual .txt-bx .title{font-size:5em}.main-visual .txt-bx .text{margin-top:1em;font-size:1.875em;font-weight:300;transition-delay:300ms!important}.main-visual .swiper-slide .txt-bx .text,.main-visual .swiper-slide .txt-bx .title{transform:translateY(50px);opacity:0;transition:1000ms opacity,1000ms transform}.main-visual .swiper-slide-active .txt-bx .text,.main-visual .swiper-slide-active .txt-bx .title{transform:translateY(0);opacity:1}@media (max-width:1200px){.main-visual .img-bx:after{padding-bottom:66.6666666667%}}@media (max-width:768px){.main-visual .img-bx:after{padding-bottom:83.3333333333%}.main-visual .txt-bx{font-size:2.3vw}}.main-visual .swiper-pagination{position:absolute;left:50%;bottom:3.125rem;transform:translateX(-50%)}.main-visual .swiper-pagination-bullet{margin:0 4px}@media (max-width:1024px){.main-visual .swiper-pagination{bottom:1.25rem}}.main-visual .swiper-button{z-index:10;position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.5rem;transition:300ms color}.main-visual .swiper-button:hover{color:#81cdea}.main-visual .swiper-button--prev{left:50%;margin-left:-700px}.main-visual .swiper-button--next{right:50%;margin-right:-700px}@media (max-width:1400px){.main-visual .swiper-button{display:none}}.main-visual .swiper-play{display:block;padding-right:8px;padding-left:8px;cursor:pointer}.main-visual .swiper-play .xi-pause{display:none}.main-visual .swiper-play.on .xi-pause{display:inline-block}.main-visual .swiper-play.on .xi-play{display:none}.main-visual .swiper-control.swiper-control--progress{position:absolute;bottom:3.125rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:3;margin-left:-8px;margin-right:-8px}.main-visual .swiper-control.swiper-control--progress .swiper-pagination{transform:none}.main-visual .swiper-control.swiper-control--progress .swiper-pagination-bullets{position:static;display:flex;align-items:center;justify-content:center;padding-left:8px;padding-right:8px}.main-visual .swiper-control.swiper-control--progress .swiper-pagination-bullet{position:relative;display:block;margin:0 5px;border-radius:0;width:88px;height:3px;background:rgba(0,0,0,0.3);opacity:1}.main-visual .swiper-control.swiper-control--progress .swiper-pagination-bullet:after{content:"";display:block;position:absolute;top:0;left:0;width:0;height:100%;background-color:#81cdea}.main-visual .swiper-control.swiper-control--progress .swiper-pagination-bullet.swiper-pagination-bullet-active:after{animation:progress 3s linear 0s 1;width:100%}.main-visual .swiper-control.swiper-control--progress-no{position:absolute;left:0;right:0;bottom:3.125rem;z-index:10}.main-visual .swiper-control.swiper-control--progress-no .container{display:flex;align-items:center}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination{position:static;transform:none}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet{width:auto;height:auto;opacity:1;background:none;color:#fff;font-weight:700;margin-right:1.875rem;padding-right:0;position:relative}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet:before{content:"";display:none;position:absolute;left:2.1875rem;top:50%;transform:translateY(-50%);width:7.5rem;height:2px;background:rgba(255,255,255,0.5)}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet:after{content:"";display:none;position:absolute;left:2.1875rem;top:50%;transform:translateY(-50%);width:0;height:2px;background:#000}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet-active{color:#000;padding-right:8.4375rem}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet-active:after,.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet-active:before{display:block}.main-visual .swiper-control.swiper-control--progress-no .swiper-pagination-bullet-active:after{animation:progress 5.1s linear 0s 1}.top-title{display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.top-title{flex-direction:column;justify-content:start;align-items:start;gap:10px}}.top-title h3{font-size:5.625rem;font-weight:400;line-height:1.1;letter-spacing:-0.05em}.top-title h3 .bold{font-weight:800}@media (max-width:1400px){.top-title h3{font-size:4.5rem}}@media (max-width:1024px){.top-title h3{font-size:3.4375rem}}@media (max-width:768px){.top-title h3{font-size:2.875rem}}@media (max-width:576px){.top-title h3{font-size:2.5rem}}.top-title p{font-size:1.125rem;letter-spacing:-0.03em;line-height:1.8;text-align:right}@media (max-width:1400px){.top-title p{font-size:1rem}}@media (max-width:1024px){.top-title p{font-size:0.84375rem}}@media (max-width:768px){.top-title p{font-size:0.875rem;text-align:left}}.main-visual .swiper .item{height:calc(100dvh - 80px)}@media (max-width:1200px){.main-visual .swiper .item{height:calc(100dvh - 60px)}}.main-visual .swiper .item a{display:inline-block;width:100%;height:100%}.main-visual .swiper .item .img-bx{width:100%;height:100%}.main-visual .swiper .item .img-bx img{width:100%;height:100%;object-fit:cover}.main-visual .swiper .item .txt-bx{font-size:0}.main-visual .swiper .item .txt-bx .title{font-size:4rem;font-weight:500;line-height:1.45;letter-spacing:-0.04em}.main-visual .swiper .item .txt-bx .title.bold{font-weight:700}@media (max-width:1400px){.main-visual .swiper .item .txt-bx .title{font-size:3.125rem}}@media (max-width:1024px){.main-visual .swiper .item .txt-bx .title{font-size:37px;line-height:1.3}}@media (max-width:768px){.main-visual .swiper .item .txt-bx .title{font-size:28px}}.main-visual .swiper .item .txt-bx .text{margin-top:20px;font-size:1.625rem;font-weight:600;letter-spacing:-0.02em}@media (max-width:1400px){.main-visual .swiper .item .txt-bx .text{font-size:1.25rem}}@media (max-width:1024px){.main-visual .swiper .item .txt-bx .text{font-size:15px}}@media (max-width:768px){.main-visual .swiper .item .txt-bx .text{font-size:12.2px}}.main-visual .swiper-control{position:absolute;z-index:5;right:initial;bottom:initial;top:78%;transform:0;left:calc((100% - 1600px) / 2);width:100%}@media screen and (max-width:1650px){.main-visual .swiper-control{left:20px}}@media (max-width:1400px){.main-visual .swiper-control{top:70%}}@media (max-width:1024px){.main-visual .swiper-control{top:50%;transform:translateY(calc(-50% + 120px))}}@media (max-width:768px){.main-visual .swiper-control{transform:translateY(calc(-50% + 100px))}}.main-visual .swiper-control .swiper-pagination{text-align:left;transform:translateX(0)}.main-visual .swiper-control .swiper-pagination .swiper-pagination-bullet{width:3rem;height:4px;border-radius:0;background:#fff;opacity:1}.main-visual .swiper-control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#81cdea}@media (max-width:1400px){.main-visual .swiper-control .swiper-pagination .swiper-pagination-bullet{width:2.375rem}}@media (max-width:1024px){.main-visual .swiper-control .swiper-pagination .swiper-pagination-bullet{width:1.875rem;height:3px}}.main-product{padding-block:140px}@media (max-width:1400px){.main-product{padding-block:110px}}@media (max-width:1200px){.main-product{padding-block:100px}}@media (max-width:768px){.main-product{padding-block:70px}}@media (max-width:576px){.main-product{padding-block:60px}}.main-product .top-title h3{color:#242424}.main-product .top-title p{color:#686868}.main-product .col-list{margin-top:3.75rem;display:flex;gap:24px}@media (max-width:1400px){.main-product .col-list{margin-top:3.125rem}}@media (max-width:1024px){.main-product .col-list{margin-top:2.5rem}}@media (max-width:768px){.main-product .col-list{flex-direction:column}}.main-product .col-list .col-bx{width:50%;height:560px;border-radius:2rem;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(../images/main/main-product1.jpg);color:#fff;position:relative}.main-product .col-list .col-bx:after{position:absolute;content:"";display:block;background-image:inherit;background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1);top:0;left:0;width:100%;height:100%;transition:transform 0.5s}.main-product .col-list .col-bx:hover:after{transform:scale(1.1)}@media (max-width:1400px){.main-product .col-list .col-bx{height:400px}}@media (max-width:768px){.main-product .col-list .col-bx{height:300px;width:70%;max-width:100%}}@media (max-width:576px){.main-product .col-list .col-bx{height:250px;width:380px}}.main-product .col-list .col-bx:nth-of-type(2){align-self:flex-end;margin-top:120px;background-image:url(../images/main/main-product2.jpg)}@media (max-width:1400px){.main-product .col-list .col-bx:nth-of-type(2){margin-top:100px}}@media (max-width:1024px){.main-product .col-list .col-bx:nth-of-type(2){margin-top:80px}}@media (max-width:768px){.main-product .col-list .col-bx:nth-of-type(2){margin-top:0px}}.main-product .col-list .col-bx .arr-cir{border-radius:50%;width:60px;aspect-ratio:1;background:url(../images/icon/right-up-arr.svg) no-repeat center;background-color:#fff;transition:background 0.3s;cursor:pointer}.main-product .col-list .col-bx .arr-cir:hover{background-color:#81cdea}@media (max-width:1400px){.main-product .col-list .col-bx .arr-cir{width:50px;background-size:90%}}@media (max-width:1024px){.main-product .col-list .col-bx .arr-cir{width:45px;background-size:80%}}@media (max-width:768px){.main-product .col-list .col-bx .arr-cir{width:40px}}@media (max-width:576px){.main-product .col-list .col-bx .arr-cir{width:35px;background-size:70%}}.main-product .col-list .col-bx .arr-cir{position:absolute;top:0;right:0}.main-product .col-list .col-bx:hover .arr-cir{background-color:#81cdea}.main-product .col-list .col-bx a{position:relative;z-index:1;padding:3.75rem 3.75rem 5rem;display:inline-block;width:100%;height:100%}@media (max-width:1400px){.main-product .col-list .col-bx a{padding:2.5rem}}@media (max-width:768px){.main-product .col-list .col-bx a{padding:1.875rem}}.main-product .col-list .col-bx .inner{position:relative;display:flex;height:100%;flex-direction:column;justify-content:end}.main-product .col-list .col-bx .inner h4{font-size:3.375rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em}@media (max-width:1400px){.main-product .col-list .col-bx .inner h4{font-size:2.5rem}}@media (max-width:1024px){.main-product .col-list .col-bx .inner h4{font-size:2.25rem;margin-bottom:3px}}@media (max-width:768px){.main-product .col-list .col-bx .inner h4{font-size:1.75rem}}.main-product .col-list .col-bx .inner p{font-size:1rem;font-weight:300;line-height:1.6;letter-spacing:-0.02em}@media (max-width:1400px){.main-product .col-list .col-bx .inner p{font-size:0.9375rem}}@media (max-width:1024px){.main-product .col-list .col-bx .inner p{font-size:0.875rem}}@media (max-width:768px){.main-product .col-list .col-bx .inner p{font-size:0.8125rem}}.main-about{padding-block:140px}@media (max-width:1400px){.main-about{padding-block:110px}}@media (max-width:1200px){.main-about{padding-block:100px}}@media (max-width:768px){.main-about{padding-block:70px}}@media (max-width:576px){.main-about{padding-block:60px}}.main-about{position:relative}.main-about:after,.main-about:before{content:"";display:block;position:absolute;pointer-events:none;z-index:-1}.main-about:before{top:0;left:0;transform:translateY(-50%);background:url(../images/main/main-bg-grad1.png) no-repeat center left/cover;width:750px;aspect-ratio:750/1500}@media (max-width:1400px){.main-about:before{width:400px}}@media (max-width:768px){.main-about:before{width:300px}}.main-about:after{bottom:0;right:0;background:url(../images/main/main-bg-product2.png) no-repeat right bottom/cover;width:1020px;aspect-ratio:1020/962}@media (max-width:1400px){.main-about:after{width:600px}}@media (max-width:768px){.main-about:after{width:300px}}.main-about .about-bx{position:relative}.main-about .about-bx .img-bx{width:840px;height:860px;border-radius:32px;background:url(../images/main/main-about-bg.jpg) no-repeat center/cover}@media (max-width:1400px){.main-about .about-bx .img-bx{height:750px}}@media (max-width:1024px){.main-about .about-bx .img-bx{width:70%;height:700px}}@media (max-width:768px){.main-about .about-bx .img-bx{width:80%;height:600px}}@media (max-width:576px){.main-about .about-bx .img-bx{width:85%;height:400px;margin-bottom:120px}}.main-about .about-bx .txt-bx{position:absolute;top:50%;left:43%;transform:translateY(-50%);width:800px;padding:3.75rem 6.25rem 3.75rem 3.75rem;background:#fff;border-radius:32px}@media (max-width:1600px){.main-about .about-bx .txt-bx{left:38%;padding:3.125rem 4.375rem 3.125rem 3.125rem}}@media (max-width:1400px){.main-about .about-bx .txt-bx{left:initial;right:0;width:700px}}@media (max-width:1024px){.main-about .about-bx .txt-bx{padding:2.8125rem;width:600px}}@media (max-width:768px){.main-about .about-bx .txt-bx{padding:2.375rem;width:80%}}@media (max-width:576px){.main-about .about-bx .txt-bx{top:75%;padding:1.875rem;width:96%}}.main-about .about-bx .txt-bx h5{font-size:1.875rem;color:#81cdea;font-weight:700;line-height:1.6;letter-spacing:-0.02em}@media (max-width:1400px){.main-about .about-bx .txt-bx h5{font-size:1.5625rem}}@media (max-width:768px){.main-about .about-bx .txt-bx h5{font-size:1.25rem}}@media (max-width:576px){.main-about .about-bx .txt-bx h5{font-size:1.125rem}}.main-about .about-bx .txt-bx h4{margin-top:1.25rem;font-size:3.375rem;font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#242424}@media (max-width:1400px){.main-about .about-bx .txt-bx h4{font-size:2.5rem}}@media (max-width:768px){.main-about .about-bx .txt-bx h4{margin-top:1rem;font-size:1.875rem}}@media (max-width:576px){.main-about .about-bx .txt-bx h4{font-size:1.5rem;margin-top:0.875rem}}.main-about .about-bx .txt-bx .line{display:inline-block;margin-block:2rem;width:80px;border-top:3px solid #242424}@media (max-width:1400px){.main-about .about-bx .txt-bx .line{width:70px;margin-block:1.75rem}}@media (max-width:768px){.main-about .about-bx .txt-bx .line{width:60px;margin-block:1.5rem}}@media (max-width:576px){.main-about .about-bx .txt-bx .line{width:50px;margin-block:1.125rem}}.main-about .about-bx .txt-bx .sub-title{font-size:1.625rem;font-weight:700;line-height:1.6;letter-spacing:-0.02em;color:#454545}@media (max-width:1400px){.main-about .about-bx .txt-bx .sub-title{font-size:1.25rem}}@media (max-width:768px){.main-about .about-bx .txt-bx .sub-title{font-size:1.125rem}}@media (max-width:576px){.main-about .about-bx .txt-bx .sub-title{font-size:1rem}}.main-about .about-bx .txt-bx .desc{margin-top:1rem;font-size:1rem;color:#686868;font-weight:400;line-height:1.6;letter-spacing:-0.02em}@media (max-width:1400px){.main-about .about-bx .txt-bx .desc{font-size:0.9375rem}}@media (max-width:768px){.main-about .about-bx .txt-bx .desc{font-size:0.875rem}}@media (max-width:576px){.main-about .about-bx .txt-bx .desc{font-size:0.8125rem}}.main-about .about-bx .txt-bx .view-btn{margin-top:3.75rem}@media (max-width:1400px){.main-about .about-bx .txt-bx .view-btn{margin-top:3.125rem}}@media (max-width:1024px){.main-about .about-bx .txt-bx .view-btn{margin-top:2.5rem}}@media (max-width:768px){.main-about .about-bx .txt-bx .view-btn{margin-top:1.875rem}}.main-portfolio{overflow:hidden;padding-block:140px}@media (max-width:1400px){.main-portfolio{padding-block:110px}}@media (max-width:1200px){.main-portfolio{padding-block:100px}}@media (max-width:768px){.main-portfolio{padding-block:70px}}@media (max-width:576px){.main-portfolio{padding-block:60px}}.main-portfolio{background:#242424}.main-portfolio .top-title h3{color:#fff;font-weight:800;letter-spacing:0;line-height:1}.main-portfolio .top-title p{color:#cccbcb}.main-portfolio .btns{margin-top:55px;margin-bottom:65px;display:flex;justify-content:space-between;align-items:center}@media (max-width:1400px){.main-portfolio .btns{margin-top:45px;margin-bottom:55px}}@media (max-width:768px){.main-portfolio .btns{margin-top:35px;margin-bottom:45px}}@media (max-width:576px){.main-portfolio .btns{margin-top:25px;margin-bottom:35px}}.main-portfolio .btns .portfolio-tabs{display:flex;align-items:center;gap:1rem}@media (max-width:768px){.main-portfolio .btns .portfolio-tabs{gap:0.875rem}}@media (max-width:576px){.main-portfolio .btns .portfolio-tabs{gap:0.5rem}}.main-portfolio .btns .portfolio-tabs button a{width:180px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50px;background:#f2f2f2;font-weight:500;font-size:1rem;line-height:1.6;letter-spacing:-0.02em;color:#454545;transition:background 0.3s}@media (max-width:1400px){.main-portfolio .btns .portfolio-tabs button a{width:160px;height:45px;font-size:0.9375rem}}@media (max-width:768px){.main-portfolio .btns .portfolio-tabs button a{width:140px;height:40px;font-size:0.875rem}}@media (max-width:576px){.main-portfolio .btns .portfolio-tabs button a{width:120px;height:35px;font-size:0.8125rem}}.main-portfolio .btns .portfolio-tabs button a:hover{background:#81cdea}.main-portfolio .btns .portfolio-tabs button.on a{background:#81cdea}.main-portfolio .btns .arr-cir{border-radius:50%;width:60px;aspect-ratio:1;background:url(../images/icon/right-up-arr.svg) no-repeat center;background-color:#fff;transition:background 0.3s;cursor:pointer}.main-portfolio .btns .arr-cir:hover{background-color:#81cdea}@media (max-width:1400px){.main-portfolio .btns .arr-cir{width:50px;background-size:90%}}@media (max-width:1024px){.main-portfolio .btns .arr-cir{width:45px;background-size:80%}}@media (max-width:768px){.main-portfolio .btns .arr-cir{width:40px}}@media (max-width:576px){.main-portfolio .btns .arr-cir{width:35px;background-size:70%}}.main-portfolio .btns .arr-cir{transition:background 0.3s}.main-portfolio .rolling-group{display:flex;flex-direction:column;overflow:hidden}.main-portfolio .rolling-list{display:flex;gap:1.5rem;white-space:nowrap}@media (max-width:1400px){.main-portfolio .rolling-list{gap:1.25rem}}@media (max-width:768px){.main-portfolio .rolling-list{gap:1.125rem}}@media (max-width:576px){.main-portfolio .rolling-list{gap:0.875rem}}.main-portfolio .rolling-list li{font-size:0;white-space:initial}.main-portfolio .rolling-list li a{display:inline-block;width:460px;aspect-ratio:460/320;border-radius:1rem;overflow:hidden;position:relative}@media (max-width:1400px){.main-portfolio .rolling-list li a{width:400px}}@media (max-width:768px){.main-portfolio .rolling-list li a{width:280px}}@media (max-width:576px){.main-portfolio .rolling-list li a{width:230px}}.main-portfolio .rolling-list li a:hover .back{opacity:1}.main-portfolio .rolling-list li a img{width:100%;height:100%;object-fit:cover}.main-portfolio .rolling-list li a .back{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);padding:1.25rem;transition:opacity 0.3s;display:flex;align-items:center;justify-content:center}.main-portfolio .rolling-list li a .back .title{display:inline-block;font-size:1.375rem;font-weight:500;line-height:1.6;letter-spacing:-0.02em;color:#fff;width:100%;text-align:center}@media (max-width:1400px){.main-portfolio .rolling-list li a .back .title{font-size:1.125rem}}@media (max-width:768px){.main-portfolio .rolling-list li a .back .title{padding:1rem;font-size:1.0625rem}}@media (max-width:576px){.main-portfolio .rolling-list li a .back .title{padding:0.9375rem;font-size:1rem}}.main-portfolio .rolling-list.lolling1{margin-left:-200px}.main-portfolio .rolling-list.lolling2{margin-left:-90px;margin-top:1.5rem}@media (max-width:1400px){.main-portfolio .rolling-list.lolling2{margin-top:1.25rem}}@media (max-width:768px){.main-portfolio .rolling-list.lolling2{margin-top:1.125rem}}@media (max-width:576px){.main-portfolio .rolling-list.lolling2{margin-top:0.875rem}}