/*! autoprefixer: on */.hero__tag{gap:.813rem}.hero__tag .tag{width:unset;padding:.625rem 1.25rem}.hero .swiper-slide .card{text-align:center}.hero .swiper-slide img{width:auto;height:100%;transform:scale(.8)}.integration{height:43.75rem;background-color:#f5f6f8}.integration .inside{width:98.75rem;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:.625rem;height:100%}.integration .title{text-align:left;color:#333;line-height:1.2;font-size:3.5rem;font-weight:500}.integration .bold{font-weight:600;color:#333}.integration .content-left{display:flex;width:50%;flex-direction:column;align-items:flex-start;justify-content:center;gap:2.125rem}.integration .content-left .title{text-align:left}.integration .content-left .text{font-size:18px;color:#666;width:42.813rem}.integration img{border-radius:8px;width:100%}.integration .content-right{position:relative;width:50%}.container .my-list{padding:1.875rem 0 0 1.25rem}.container .my-list li{list-style:disc;font-size:1.125rem;color:#fff}.container .my-list--two{display:flex;flex-wrap:wrap;width:26.25rem}.container .my-list--two li{width:12.5rem}.container .my-list.dark{padding-top:0}.container .my-list.dark li{color:#333;margin-top:.625rem}.container .my-list.dark li.no-margin{margin-top:0}.container .my-list.dark li .label{font-size:1.5rem;font-weight:500}.container .my-list.dark li .desc{font-size:1.125rem;color:#666;line-height:1.3}.container .content-img{max-width:50%}.container .img-content{position:relative}.container .img-content .bg{box-shadow:5px 7px 12px 0 rgba(0,0,0,.2);border-radius:.625rem}.container .img-content .product{position:absolute;right:-10.625rem;top:1.875rem}.container .btn-wrap{margin-top:1.563rem;display:flex}.container .btn-wrap .btn{padding:.313rem 1.25rem;font-size:1.125rem;color:#fff;background-color:#0d58c9;box-shadow:0 3px 4px 0 rgba(0,0,0,.15);border-radius:.625rem;transition:all .3s ease}.container .btn-wrap .btn:hover{transform:translateY(-.313rem);box-shadow:0 3px 4px 0 rgba(0,0,0,.3)}.container .swiper--controller-agent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-1}.container .swiper--controller-agent .swiper-pagination{display:flex;align-items:center;width:auto;left:auto;left:calc(50% + 19.27vw);bottom:5.625rem}.container .swiper--controller-agent .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;margin:0 .78vw;width:8.65vw;height:2.5vw;border-radius:.42vw;border:1px solid #d0d0d0;background-color:#fff;opacity:1}.container .swiper--controller-agent .swiper-pagination-bullet .page-text{font-size:1.25vw;color:#666}.container .swiper--controller-agent .swiper-pagination-bullet-active{box-shadow:-3px 9px 18px 0 rgba(58,101,152,.16);border:1px solid #0d58c9}.container .swiper--controller-agent .swiper-pagination-bullet-active .page-text{font-size:1.25vw;color:#0d58c9}.container .swiper--interfaces{padding:.625rem;width:33.438rem;margin-right:3.125rem}.container .swiper--interfaces .swiper-slide{overflow:visible}.container .swiper--interfaces .swiper-slide .card{width:32.188rem;height:21.875rem;box-shadow:8px 12px 10px 0 rgba(0,0,0,.36);border-radius:.625rem;overflow:hidden}.container .swiper--interfaces .swiper-slide .card img{width:100%}.container .swiper--interfaces .swiper-pagination{position:static;margin-top:1.25rem;width:auto}.container .swiper--interfaces .swiper-pagination-bullet{display:block;margin:0;width:100%;height:auto;border-radius:unset;background-color:unset;opacity:.4;text-align:right}.container .swiper--interfaces .swiper-pagination-bullet .page-text{color:#fff;font-size:1rem;position:relative}.container .swiper--interfaces .swiper-pagination-bullet-active{background-color:unset;opacity:1}.container .swiper--interfaces .swiper-pagination-bullet-active .page-text:before{content:"";position:absolute;left:-1.25rem;top:.563rem;width:0;height:0;border:.25rem solid #fff;border-radius:50%}.container .text-content.offset{transform:translateY(-3.125rem)}.container .text-content .title.shot{margin-bottom:1.25rem}.container .text-content .text{margin-top:0}.container.video .swiper-box{margin-top:3.125rem}.container.video .swiper-box .swiper--video .youtube-img-wrap{width:55.75rem;height:28.25rem}.container.vpn .tag{position:absolute;left:12.5rem;top:19.375rem}.container.installation .imgs{display:flex;align-items:center;justify-content:center;margin-top:9.375rem;gap:12.5rem;margin-left:6.25rem}.container.installation .imgs .img-wrap{display:flex;align-items:center;flex-flow:column nowrap;justify-content:center}.container.installation .imgs .img-wrap img{object-fit:contain}.container.installation .imgs .img-wrap .text{margin-top:5rem}.container.installation .installation-text{position:absolute;top:27.5rem;left:calc(50% - 21.88vw);font-size:1.125rem;color:#333}.container.installation .installation-text:nth-of-type(2){left:calc(50% + 8.33vw)}.container.interfaces .swiper-content{position:relative}.container.interfaces .swiper-content .product{position:absolute;left:-7.5rem;top:1.25rem;width:15.875rem;height:30.563rem;z-index:2}.container.remote{overflow:hidden}.container.remote .content-wrap{margin-top:5rem;display:flex;align-items:center}.container.remote .content-wrap .left{width:43.75rem;margin-right:1.875rem}.container.remote .content-wrap .left .unfold{text-align:left}.container.remote .content-wrap .left .unfold>li{border-bottom:1px solid #c2c2c2;position:relative}.container.remote .content-wrap .left .unfold>li .unfold-li-label{font-size:2rem;cursor:pointer;color:#666;padding-bottom:1.875rem}.container.remote .content-wrap .left .unfold>li .unfold-text{font-size:1.125rem;color:#666;line-height:1.3;margin-top:.313rem}.container.remote .content-wrap .left .unfold>li:last-child{border-bottom:none}.container.remote .content-wrap .left .unfold>li .unfold-li-container{overflow:hidden;max-height:0;transition-duration:.3s}.container.remote .content-wrap .left .unfold>li .unfold-li-container .unfold-text{font-size:1.125rem;line-height:1.6;margin-top:0}.container.remote .content-wrap .left .unfold>li .unfold-li-container .inner-list{margin-top:.625rem;margin-bottom:1.875rem}.container.remote .content-wrap .left .unfold>li .unfold-li-container .inner-list li{list-style:disc;margin-left:1.3em;color:#666;font-size:1.125rem}.container.remote .content-wrap .left .unfold>li .symbol-wrap{border-radius:50%;border:1px solid #666;transition-duration:.3s;width:3.5rem;height:3.5rem;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.container.remote .content-wrap .left .unfold>li .symbol-wrap .symbol{font-size:2.5rem;fill:#666;transform:rotate(45deg);transition-duration:.3s}.container.remote .content-wrap .left .unfold>li:nth-of-type(2) .unfold-li-label{padding-top:1.875rem;padding-bottom:1.875rem}.container.remote .content-wrap .left .unfold>li:nth-of-type(2) .symbol-wrap{bottom:1.875rem;top:auto}.container.remote .content-wrap .left .unfold>li:nth-of-type(2) .symbol-wrap .symbol{transform:rotate(-45deg)}.container.remote .content-wrap .left .unfold>li.active .unfold-li-label{color:#333}.container.remote .content-wrap .left .unfold>li.active .symbol-wrap{background-color:#0d58c9;border:1px solid #0d58c9}.container.remote .content-wrap .left .unfold>li.active .symbol-wrap .symbol{fill:#fff}.container.remote .content-wrap .swiper{width:55rem;height:23.75rem;padding-right:1.875rem}.container.remote .content-wrap .swiper-slide{width:53.125rem;height:23.75rem;background-color:#eef3f8;border-radius:.625rem;overflow:hidden}.container.remote .content-wrap .swiper-slide img{width:100%;height:100%}.container.remote .content-wrap .swiper-pagination{right:.313rem;top:auto;bottom:.625rem}