
[data-ani="slideUp"]{opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity .55s linear, transform .55s ease-in-out;}
[data-ani="slideUp"].aniOn {opacity: 1;transform: translate3d(0, 0, 0);}
[data-ani="slideUp"].aniReverse {opacity: 0;transform: translate3d(0, -30px, 0);}



.pc_a{display: block;}
.mo_a{display: none;}

@keyframes swingTypeB {
  0% {
    -webkit-transform: rotate(-2deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-2deg) translateY(0px) translateX(0px);
    transform: rotate(-2deg) translateY(0px) translateX(0px);
  }
  45% {
    -webkit-transform: rotate(3deg) translateY(-30px) translateX(30px);
    -o-transform: rotate(3deg) translateY(-30px) translateX(30px);
    transform: rotate(3deg) translateY(-30px) translateX(30px);
  }
  85% {
    -webkit-transform: rotate(5deg) translateY(-10px) translateX(10px);
    -o-transform: rotate(5deg) translateY(-10px) translateX(10px);
    transform: rotate(5deg) translateY(-10px) translateX(10px);
  }
  100% {
    -webkit-transform: rotate(-2deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-2deg) translateY(0px) translateX(0px);
    transform: rotate(-2deg) translateY(0px) translateX(0px);
  }
}
@-webkit-keyframes swingTypeC {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    transform: rotate(-176deg) translateY(15px) translateX(-10px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    transform: rotate(-182deg) translateY(5px) translateX(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
}
@-o-keyframes swingTypeC {
  0% {
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
  45% {
    -o-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    transform: rotate(-176deg) translateY(15px) translateX(-10px);
  }
  85% {
    -o-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    transform: rotate(-182deg) translateY(5px) translateX(-5px);
  }
  100% {
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
}
@keyframes swingTypeC {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    -o-transform: rotate(-176deg) translateY(15px) translateX(-10px);
    transform: rotate(-176deg) translateY(15px) translateX(-10px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    -o-transform: rotate(-182deg) translateY(5px) translateX(-5px);
    transform: rotate(-182deg) translateY(5px) translateX(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px) translateX(0px);
    -o-transform: rotate(-180deg) translateY(0px) translateX(0px);
    transform: rotate(-180deg) translateY(0px) translateX(0px);
  }
}
@-webkit-keyframes swingTypeD {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(-15px);
    transform: rotate(-176deg) translateY(-15px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(-5px);
    transform: rotate(-182deg) translateY(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
}
@-o-keyframes swingTypeD {
  0% {
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
  45% {
    -o-transform: rotate(-176deg) translateY(-15px);
    transform: rotate(-176deg) translateY(-15px);
  }
  85% {
    -o-transform: rotate(-182deg) translateY(-5px);
    transform: rotate(-182deg) translateY(-5px);
  }
  100% {
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
}
@keyframes swingTypeD {
  0% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
  45% {
    -webkit-transform: rotate(-176deg) translateY(-15px);
    -o-transform: rotate(-176deg) translateY(-15px);
    transform: rotate(-176deg) translateY(-15px);
  }
  85% {
    -webkit-transform: rotate(-182deg) translateY(-5px);
    -o-transform: rotate(-182deg) translateY(-5px);
    transform: rotate(-182deg) translateY(-5px);
  }
  100% {
    -webkit-transform: rotate(-180deg) translateY(0px);
    -o-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
  }
}


/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;width: 100%;height: 100%;}
.slick-track{position: relative;display: block;}
.slick-slide{display: none;float: left;min-height: 1px;}
.slick-initialized .slick-slide{display: block;}

.slick-dots{display: flex;align-items: center;justify-content: center;margin-top: 0px;}
.slick-dots button{font-size: 0;display: block;width: 40px;height: 40px;background: #D9D9D9;border-radius: 100%;margin: 0 6px;transition: .1s;}
.slick-dots .slick-active button{background: #383838;}






header{width: 100%;height: 80px;background: #fff;position: fixed;top: 0;left: 0;z-index: 100;}
header>div{width: 1280px;margin: 0 auto;position: relative;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;height: 100%;}
header>div p{font-size: 18px;font-weight: 400;line-height: 26px;letter-spacing: -0.45px;}

footer{width: 100%;background: #070A11;}
footer>div{width: 1280px;margin: 0 auto;padding: 80px 20px;}
footer>div p{color: #FFF;font-size: 15px;font-weight: 400;line-height: 180%; letter-spacing: -0.375px;}
footer>div>div{display: flex;align-items: center;gap: 0 12px;padding-bottom: 15px;}
footer>div>div p{display: flex;align-items: center;gap: 0 12px;padding-right: 12px;border-right: 1px solid white;line-height: 1;}
footer>div>div:nth-child(2){margin-bottom: 15px;border-bottom: 1px solid #464646;}

.main section>div{width: 1280px;margin: 0 auto;padding: 0 20px;position: relative;}

.main section h1{color: #FFF;text-align: center;font-size: 64px;font-weight: 700;line-height: 130%; letter-spacing: -1.6px;}

.main section:nth-child(1){background: linear-gradient(270deg, #D6E4F3 0%, #FFF 100%);padding-top: 80px;}
.main section:nth-child(1)>div{text-align: center;padding-block: 200px;}
.main section:nth-child(1)>div h1{background: linear-gradient(90deg, #010837 0%, #1142AB 50%, #179BFF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 80px;font-weight: 700;line-height: 140%; letter-spacing: -2px;margin-bottom: 45px;position: relative;z-index: 1;}
.main section:nth-child(1)>div ul{border-radius: 30px;background: rgba(255, 255, 255, 0.50);backdrop-filter: blur(10px);display: flex;align-items: center;padding: 40px 0;}
.main section:nth-child(1)>div ul li{flex: 1;flex-shrink: 0;}
.main section:nth-child(1)>div ul li div{border-radius: 50px;background: #FFF;box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15);display: flex;width: 100px;height: 100px;padding: 15px;margin: 0 auto;justify-content: center;align-items: center;}
.main section:nth-child(1)>div ul li p{margin-top: 20px;font-size: 20px;font-weight: 700;line-height: 100%; letter-spacing: -0.5px;}

.moveObj_sub4{width: 240px;height: 240px;position: absolute;top: 52px;right: 20px;display: block;}
.moveObj_sub4::before{content: "";width: 100%;height: 100%;background-image: url(../images/plus.png);display: block;background-size: cover;animation-name: swingTypeB;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}
.moveObj_sub2{width: 240px;height: 236px;position: absolute;top: 282px;left: 20px;display: block;}
.moveObj_sub2::before{content: "";width: 100%;height: 100%;background-image: url(../images/circle.png);display: block;background-size: cover;animation-name: swingTypeC;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}
.moveObj_sub1{color: rgba(34, 136, 238, 0.05);text-align: center;font-size: 220px;font-style: normal;font-weight: 700;line-height: 120%; /* 264px */letter-spacing: -5.5px;position: absolute;top: 78px;left: 0;width: 100%;}

.main section:nth-child(2){background: linear-gradient(270deg, #04477B 0%, #090909 100%);}
.main section:nth-child(2)>div{padding-block: 160px;}
.main section:nth-child(2)>div ul{display: flex;justify-content: center;gap: 32px 20px;flex-wrap: wrap;margin-top: 64px;}
.main section:nth-child(2)>div ul li{border-radius: 12px;padding: 36px 32px;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(10px);width: 400px;height: 246px;position: relative;}
.main section:nth-child(2)>div ul li span{color: #BEE3FF;font-size: 24px;font-weight: 600;line-height: 140%;letter-spacing: -0.6px;}
.main section:nth-child(2)>div ul li p{color: #FFF;font-size: 28px;font-weight: 600;line-height: 140%;letter-spacing: -0.7px;padding-top: 8px;}
.main section:nth-child(2)>div ul li p span{color: #FFF;font-size: 20px;font-weight: 500;line-height: 140%;letter-spacing: -0.5px;margin-top: 4px;display: block;}
.main section:nth-child(2)>div ul li div{position: absolute;right: 32px;bottom: 36px;}
.moveObj_sub5{width: 280px;height: 280px;position: absolute;top: 116px;right: 31px;display: block;}
.moveObj_sub5::before{content: "";width: 100%;height: 100%;background-image: url(../images/se2BG.png);display: block;background-size: cover;animation-name: swingTypeB;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}

.main section:nth-child(3){background: white;}
.main section:nth-child(3)>div{padding-block: 160px;}
.main section:nth-child(3)>div h1{color: #111;}
.main section:nth-child(3)>div h1 span{color: #0046FE;}
.main section:nth-child(3)>div ul{margin-top: 64px;}
.main section:nth-child(3)>div ul li{margin-bottom: 28px;display: flex;align-items: center;justify-content: space-between;height: 380px;border-radius: 20px;background: #09295A;padding-left: 48px;}
.main section:nth-child(3)>div ul li:nth-child(2n){background: #0466FF;}
.main section:nth-child(3)>div ul li span{color: #FFF;border-radius: 10px;background: #286EF0;padding: 10px;width: fit-content;font-size: 16px;font-weight: 700;line-height: 24px; letter-spacing: -0.4px;margin-bottom: 8px;display: block;}
.main section:nth-child(3)>div ul li p:nth-child(2){color: #BEE3FF;font-size: 48px;font-weight: 700;line-height: 130%; letter-spacing: -1.2px;}
.main section:nth-child(3)>div ul li p:nth-child(3){color: #FFF;font-size: 24px;font-weight: 400;line-height: 34px; letter-spacing: -0.6px;}
.main section:nth-child(3)>div ul li:nth-child(2n) span{color: #0466FF;background: #FFF;}
.main section:nth-child(3)>div ul li:nth-child(2n) p:nth-child(2){color: white;}

.main section:nth-child(4){background: rgba(9, 18, 39, 0.90);backdrop-filter: blur(10px);}
.main section:nth-child(4)::after{content: "";width: 100%;height: 100%;background-image: url(../images/se4BG.png);position: absolute;top: 0;left: 0;z-index: -1;background-size: cover;opacity: .1;backdrop-filter: blur(10px);}
.main section:nth-child(4)>div{padding-block: 160px;}
.main section:nth-child(4)>div h1{color: #BEE3FF;}
.main section:nth-child(4)>div h1 span{color: white;}
.main section:nth-child(4)>div p{color: #FFF;margin: 12px 0 50px;text-align: center;font-size: 24px;font-weight: 400;line-height: 34px;letter-spacing: -0.6px;}
.main section:nth-child(4)>div div{display: flex;justify-content: center;gap: 0 50px;}
.main section:nth-child(4)>div img{width: 360px;}

.main section:nth-child(5){background: #286EF0;}
.main section:nth-child(5)>div{padding-block: 160px;}
.main section:nth-child(5)>div ul{display: flex;align-items: center;gap: 0 20px;margin-top: 32px;}
.main section:nth-child(5)>div ul li{flex: 1;flex-shrink: 0;border-radius: 40px;background: #F1F8FF;text-align: center;padding: 64px 30px 0;}
.main section:nth-child(5)>div ul li span{color: #286EF0;padding: 10px 20px;border-radius: 99px;border: 2px solid #286EF0;margin: 0 auto;display: block;width: fit-content;font-size: 20px;font-weight: 600;line-height: 120%; letter-spacing: -0.5px;}
.main section:nth-child(5)>div ul li p{font-size: 28px;font-weight: 700;line-height: 38px; letter-spacing: -0.7px;margin: 22px 0 12px;}

.main section:nth-child(6)>div{padding-block: 160px;}
.main section:nth-child(6)>div h1{color: #111;}
.main section:nth-child(6)>div h1 span{color: #286EF0;}
.main section:nth-child(6)>div h1 img{margin-inline: -30px;}
.main section:nth-child(6)>div ul{display: flex;flex-wrap: wrap;gap: 36px 20px;margin-top: 75px;}
.main section:nth-child(6)>div ul li{width: 610px;border-radius: 40px;background: #FFF;box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.15);overflow: hidden;}
.main section:nth-child(6)>div ul li>div:nth-child(1){background: #286EF0;display: flex;align-items: center;padding: 20px 40px;}
.main section:nth-child(6)>div ul li>div:nth-child(1) div{display: flex;align-items: center;justify-content: space-between;}
.main section:nth-child(6)>div ul li>div:nth-child(1) p:nth-child(1){color: #FFF;margin: 0 110px 0 20px;font-size: 24px;font-weight: 400;line-height: 34px; letter-spacing: -0.6px;}
.main section:nth-child(6)>div ul li>div:nth-child(1) p:nth-child(2){color: #FFF;font-size: 24px;font-weight: 400;line-height: 120%; letter-spacing: -0.6px;}
.main section:nth-child(6)>div ul li>div:nth-child(1) p:nth-child(2) span{font-weight: 700;}
.main section:nth-child(6)>div ul li>div:nth-child(2){padding: 24px 40px;}
.main section:nth-child(6)>div ul li>div:nth-child(2) p{font-size: 24px;font-weight: 400;line-height: 180%; letter-spacing: -0.6px;}
.main section:nth-child(6)>div ul li>div:nth-child(2) p span{color: #286EF0;font-weight: 700;}

.main section:nth-child(7){background: #286EF0;}
.main section:nth-child(7)>div{padding-top: 160px;}
.main section:nth-child(7)>div>div{border-radius: 30px 30px 0 0;background: #FFF;box-shadow: 4px 4px 30px 0 rgba(0, 0, 0, 0.15);width: 800px;margin: 40px auto 0;padding: 0 20px;}
.main section:nth-child(7)>div>div>div:nth-child(1){display: flex;align-items: center;}
.main section:nth-child(7)>div>div>div:nth-child(1) p{color: #666;text-align: center;font-size: 20px;font-weight: 400;line-height: 120%; letter-spacing: -0.5px;width: 25%;padding: 40px 0 10px;border-bottom: 1px solid #CCC;}
.main_slider5 .slider3>div{display: flex;align-items: center;padding: 13px 0;}
.main_slider5 .slider3>div p,
.main_slider5 .slider3>div div{flex: 1;flex-shrink: 0;text-align: center;color: #333;font-size: 20px;font-weight: 400;line-height: 120%;letter-spacing: -0.5px;}
.main_slider5 .slider3>div p{border-right: 1px solid #CCC;}
.main_slider5 .slider3>div span{color: #FFF;background: #0CB100;padding: 6px 16px;font-size: 18px;font-weight: 600;line-height: 120%; letter-spacing: -0.45px;}
.main_slider5 .slider3>div p:nth-child(3){color: #286EF0;font-weight: 700;}
.main_slider5 .slider3>div span.ch{background: #286EF0;}

.main section:nth-child(8){background: url(../images/se8BG.png);}
.main section:nth-child(8)>div{padding-block: 160px;}
.main section:nth-child(8)>div ul{display: flex;align-items: center;gap: 0 15px;margin-top: 60px;}
.main section:nth-child(8)>div ul li{flex: 1;flex-shrink: 0;border-radius: 20px;background: #FFF;padding: 0 28px;height: 200px;}
.main section:nth-child(8)>div ul li a{display: flex;align-items: center;height: 100%;gap: 0 20px;}
.main section:nth-child(8)>div ul li a span{font-size: 24px;font-weight: 400;line-height: 34px;letter-spacing: -0.6px;}
.main section:nth-child(8)>div ul li a p:nth-child(2){font-size: 32px;font-weight: 600;line-height: 42px;letter-spacing: -0.8px;margin: 4px 0 6px;}
.main section:nth-child(8)>div ul li a p:last-child{font-size: 16px;font-weight: 500;line-height: 24px;letter-spacing: -0.4px;color: #666;}

.fixed_btn{display: none;}


