:root{--font-pri:'Jost';--font-sec:'Afacad';--w-logo:18.1rem;--size-hd:9.6rem;--ss-pd:10rem;--it-pd:1.6rem;--ctn:153.4rem;--re-ctn:calc(100vw - (100vw - var(--ctn))/ 2);--rds-1:1.2rem;--rds-2:.6rem;--rds-3:.4rem;--color-pri:linear-gradient(85deg, #2A4A3D 0%, #596A45 100%);--color-text:#404040;--white:#ffffff;--white-1:#F9FAFB;--black:#000000;--black-pri:#262626;--black-sec:#101828;--black-rd:#171717;--green:#22C55E;--green-2:#10B981;--green-3:#047857;--green-4:#596A45;--green-bold:#2A4A3D;--green-light:#ECFDF5;--grey-pri:#737373;--grey-sec:#525252;--blue:#06B6D4;--res-mobile:1199px;--res-mobile-min:1200px;--res-tablet:1024px;--res-tablet-min:767px;--mobile:575px;--radius:0.6rem;--cubic:cubic-bezier(0.72, 0.04, 0.49, 0.82)}@media (max-width:1560px){:root{--ctn:135rem;--w-logo:16rem}}@media (max-width:1199px){:root{--w-logo:14rem;--hd-mid:6.5rem;--size-hd:var(--hd-mid);--ss-pd:5rem;--it-pd:0.8rem}}@media (max-width:575px){:root{--w-logo:10rem;--it-pd:.5rem}}.banner-sec{position:relative;z-index:2;background:linear-gradient(219deg,#2a4a3d 22.41%,#596a45 75.06%);overflow:hidden;margin-bottom:var(--ss-pd)}.banner-sec::after,.banner-sec::before{content:"";position:absolute;z-index:-1}.banner-sec .flex-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:950px){.banner-sec .col-lf,.banner-sec .col-rt{width:100%}}.banner-sec::before{top:0;left:0;width:100%;height:100%;background:url(/template/assets/images/blur-1.png);background-repeat:no-repeat;background-size:cover}.banner-sec::after{top:0;right:0;width:60%;height:100%;background:url(/template/assets/images/grid.png);background-repeat:no-repeat;background-size:cover}.banner-sec .banner-slider{position:relative;z-index:2}.banner-sec .banner-slider::before{content:"";position:absolute;pointer-events:none;bottom:-1rem;right:0;width:35%;height:65%;background:url(/template/assets/images/blur-2.png);background-repeat:no-repeat;background-size:cover}.banner-sec .banner-slider .banner-flex{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner-sec .banner-slider .banner-wrap{min-height:calc(793/1728*100%)}.banner-sec .banner-slider .bn-img-nm{display:block;padding-top:calc((793 / 1728) * 100%);position:relative;overflow:hidden;height:100%}.banner-sec .banner-slider .bn-img-nm img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-sec .banner-wrap.bn-ani-pd{padding:4rem 0}.banner-sec .banner-wrap .banner-content{color:var(--white)}.banner-sec .banner-wrap .banner-content .stt{color:var(--white)}.banner-sec .banner-wrap .banner-content .stt .sub{color:#06b6d4}.banner-sec .banner-wrap .banner-content .desc{--f-sz:clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);font-size:var(--f-sz)}@media screen and (max-width:575px){.banner-sec .banner-wrap .btn-wrap{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.banner-sec .swiper-pagination{position:absolute!important;bottom:2rem}.banner-sec .banner-img{padding:2rem 0}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1{width:50rem;margin:0 auto}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1{width:100%}}.banner-sec .banner-img.bn-ani-1 .banner-img-wr{position:relative;padding-top:calc(464/571*100%);display:block}.banner-sec .banner-img.bn-ani-1 .banner-img-wr .img-df{position:absolute;top:0;left:0;width:100%;height:100%}.banner-sec .banner-img.bn-ani-1 .banner-img-wr .img-df>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-sec .banner-img.bn-ani-1 .chip-block{position:absolute;inset:0;top:20%}.banner-sec .banner-img.bn-ani-1 .chip-block img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.banner-sec .banner-img.bn-ani-1 .box{width:20%;position:absolute}.banner-sec .banner-img.bn-ani-1 .box:nth-child(1){top:42%;left:9%}.banner-sec .banner-img.bn-ani-1 .box:nth-child(1)::after{content:"";position:absolute;background-image:url(/template/assets/images/group-line.png);background-size:100%;background-repeat:no-repeat;width:105%;height:100%;top:105%;left:116%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:1440px){.banner-sec .banner-img.bn-ani-1 .box:nth-child(1)::after{left:123%}}.banner-sec .banner-img.bn-ani-1 .box:nth-child(2){top:62%;left:40%;z-index:1}.banner-sec .banner-img.bn-ani-1 .box:nth-child(3){top:42%;left:71%}.banner-sec .banner-img.bn-ani-1 .box:nth-child(3)::after{content:"";position:absolute;background-image:url(/template/assets/images/group-line-2.png);background-repeat:no-repeat;background-size:100%;width:105%;height:100%;top:105%;left:-26%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.banner-sec .banner-img.bn-ani-1 .item-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;top:35%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:30rem;min-width:20rem}@media screen and (max-width:1440px){.banner-sec .banner-img.bn-ani-1 .item-block{left:53%}}@media screen and (max-width:1199px){.banner-sec .banner-img.bn-ani-1 .item-block{min-height:25rem;left:50%}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .item-block{min-height:18rem}}.banner-sec .banner-img.bn-ani-1 .item-box{position:absolute}.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(1){bottom:0;width:92%}@media screen and (max-width:1200px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(1){width:60%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(1){width:80%}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(1){width:65%}}.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(2){top:55%;width:92%}@media screen and (max-width:1200px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(2){width:60%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(2){width:80%}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(2){width:65%}}.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(3){top:47%;width:65%}@media screen and (max-width:1200px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(3){width:34%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(3){width:55%}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(3){width:50%}}.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(4){width:92%;top:29%}@media screen and (max-width:1200px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(4){width:60%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(4){width:80%}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(4){width:65%}}.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(5){top:16%;width:65%}@media screen and (max-width:1200px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(5){width:34%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(5){width:50%}}.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(6){width:92%;top:0}@media screen and (max-width:1200px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(6){width:60%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(6){width:80%}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .item-box:nth-child(6){width:65%}}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;min-height:19%;width:15%}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(1){top:37%;left:10.5%}@media screen and (max-width:1199px){.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(1){top:38%;left:11.5%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(1){top:40%;left:10%}}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(2){top:57%;z-index:1;left:49%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}@media screen and (max-width:1199px){.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(2){left:50%}}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(2){left:49%;top:60%}}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(3){top:37%;right:12.5%}@media screen and (max-width:1199px){.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur:nth-child(3){top:38%;right:11.5%}}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur-box{position:absolute}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(1){bottom:0}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(2){top:24%}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(3){top:16%}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(4){top:8%}.banner-sec .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(5){top:0}.banner-sec .banner-img.bn-ani-1 .dc-item{position:absolute}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-1 .dc-item{width:7vw}}.banner-sec .banner-img.bn-ani-1 .dc-item:nth-child(1){top:25%;left:20%}.banner-sec .banner-img.bn-ani-1 .dc-item:nth-child(2){top:-3%;left:62%}.banner-sec .banner-img.bn-ani-1 .dc-item:nth-child(3){top:37%;left:65%}.banner-sec .banner-img.bn-ani-1 .dc-item:nth-child(4){top:40%;left:90%}.banner-sec .banner-img.bn-ani-1 .dc-item:nth-child(5){top:75%;left:67%}.banner-sec .banner-img.bn-ani-1 .dc-item:nth-child(6){top:66%;left:26%}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .box:nth-child(1)::after{-webkit-animation:line 2.4s ease forwards;animation:line 2.4s ease forwards}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .box:nth-child(3)::after{-webkit-animation:line 2.4s ease forwards;animation:line 2.4s ease forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-box:nth-child(2) .item-box-inner{-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-box:nth-child(4) .item-box-inner{-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-box:nth-child(6) .item-box-inner{-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-blur-block .item-blur-box:not(:nth-child(1)) .item-blur-inner{-webkit-animation:fadeBlur 2.6s linear infinite;animation:fadeBlur 2.6s linear infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-blur-block .item-blur-box:nth-child(2) .item-blur-inner{-webkit-animation-delay:.8s;animation-delay:.8s}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-blur-block .item-blur-box:nth-child(4) .item-blur-inner{-webkit-animation-delay:.6s;animation-delay:.6s}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .item-blur-block .item-blur-box:nth-child(6) .item-blur-inner{-webkit-animation-delay:.4s;animation-delay:.4s}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .dc-item:nth-child(1) .dc-item-inner{-webkit-animation:dc-1 4.5s ease-in-out infinite;animation:dc-1 4.5s ease-in-out infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .dc-item:nth-child(2) .dc-item-inner{-webkit-animation:dc-2 4.5s ease-in-out infinite;animation:dc-2 4.5s ease-in-out infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .dc-item:nth-child(3) .dc-item-inner{-webkit-animation:dc-3 4.5s ease-in-out infinite;animation:dc-3 4.5s ease-in-out infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .dc-item:nth-child(4) .dc-item-inner{-webkit-animation:dc-3 4.5s ease-in-out infinite;animation:dc-3 4.5s ease-in-out infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .dc-item:nth-child(5) .dc-item-inner{-webkit-animation:dc-4 4.5s ease-in-out infinite;animation:dc-4 4.5s ease-in-out infinite}.banner-sec .banner-img.bn-ani-1.bn-ani-1 .dc-item:nth-child(6) .dc-item-inner{-webkit-animation:dc-5 4.5s ease-in-out infinite;animation:dc-5 4.5s ease-in-out infinite}@media screen and (max-width:950px){.banner-sec .banner-img.bn-ani-2{width:50rem;margin:0 auto}}@media screen and (max-width:575px){.banner-sec .banner-img.bn-ani-2{width:100%}}.banner-sec .banner-img.bn-ani-2 .banner-img-wrap{position:relative;display:block;padding-top:calc(704/704*100%)}.banner-sec .banner-img.bn-ani-2 .floor{width:100%;bottom:0;left:50%}.banner-sec .banner-img.bn-ani-2 .floor .in{-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1);opacity:1;visibility:visible}.banner-sec .banner-img.bn-ani-2 .cpu-item{width:32%}.banner-sec .banner-img.bn-ani-2 .cpu-item .in{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.banner-sec .banner-img.bn-ani-2 .cpu-item:nth-child(1){bottom:36%;left:27%}.banner-sec .banner-img.bn-ani-2 .cpu-item:nth-child(1) .in{-webkit-transition-delay:1s;transition-delay:1s}.banner-sec .banner-img.bn-ani-2 .cpu-item:nth-child(2){bottom:20%;left:4%}.banner-sec .banner-img.bn-ani-2 .cpu-item:nth-child(2) .in{-webkit-transition-delay:.8s;transition-delay:.8s}.banner-sec .banner-img.bn-ani-2 .desk{bottom:10%;left:48%;width:45%}.banner-sec .banner-img.bn-ani-2 .desk .in{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.banner-sec .banner-img.bn-ani-2 .pp{left:68%;bottom:13%;width:25%}.banner-sec .banner-img-custom{width:50rem;margin:0 auto;padding-bottom:2rem}@media screen and (max-width:575px){.banner-sec .banner-img-custom{width:100%}}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .box:nth-child(1)::after{-webkit-animation:line 2.4s ease forwards;animation:line 2.4s ease forwards}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .box:nth-child(3)::after{-webkit-animation:line 2.4s ease forwards;animation:line 2.4s ease forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-box:nth-child(2) .item-box-inner{-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-box:nth-child(4) .item-box-inner{-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite;-webkit-animation-delay:.6s;animation-delay:.6s}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-box:nth-child(6) .item-box-inner{-webkit-animation:upDown 3s linear infinite;animation:upDown 3s linear infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-blur-block .item-blur-box:not(:nth-child(1)) .item-blur-inner{-webkit-animation:fadeBlur 2.6s linear infinite;animation:fadeBlur 2.6s linear infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(2) .item-blur-inner{-webkit-animation-delay:.8s;animation-delay:.8s}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(4) .item-blur-inner{-webkit-animation-delay:.6s;animation-delay:.6s}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .item-blur-block .item-blur-box:nth-child(6) .item-blur-inner{-webkit-animation-delay:.4s;animation-delay:.4s}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .dc-item:nth-child(1) .dc-item-inner{-webkit-animation:dc-1 4.5s ease-in-out infinite;animation:dc-1 4.5s ease-in-out infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .dc-item:nth-child(2) .dc-item-inner{-webkit-animation:dc-2 4.5s ease-in-out infinite;animation:dc-2 4.5s ease-in-out infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .dc-item:nth-child(3) .dc-item-inner{-webkit-animation:dc-3 4.5s ease-in-out infinite;animation:dc-3 4.5s ease-in-out infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .dc-item:nth-child(4) .dc-item-inner{-webkit-animation:dc-3 4.5s ease-in-out infinite;animation:dc-3 4.5s ease-in-out infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .dc-item:nth-child(5) .dc-item-inner{-webkit-animation:dc-4 4.5s ease-in-out infinite;animation:dc-4 4.5s ease-in-out infinite}.banner-sec .banner-slider.active .banner-img.bn-ani-1 .dc-item:nth-child(6) .dc-item-inner{-webkit-animation:dc-5 4.5s ease-in-out infinite;animation:dc-5 4.5s ease-in-out infinite}.banner-sec .breadcrumbs-sec{margin:2.4rem 0;padding:0;max-width:100%}.banner-sec .breadcrumbs-list .breadcrumbs-item:not(:last-child)::after{color:var(--white)}.banner-sec .breadcrumbs-list .breadcrumbs-item .breadcrumbs-link{color:var(--white)}