[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 .telArea a{border-radius: 100px;border: 2px solid #0090F3;background: #FFF;display: flex;align-items: center;justify-content: center;color: #0090F3;font-size: 22px;font-weight: 600;letter-spacing: -0.55px;padding: 11px 33px;gap: 0 5px;}

footer{width: 100%;background: #111;}
footer>div{width: 1280px;margin: 0 auto;padding: 60px 20px;}
footer>div>div:nth-child(1) p{color: rgba(255, 255, 255, 0.80);font-size: 15px;font-weight: 400;line-height: 180%; letter-spacing: -0.375px;}
footer>div>div:nth-child(2){padding-top: 30px;margin-top: 30px;border-top: 1px solid #464646;}
footer>div>div:nth-child(2) p{color: rgba(255, 255, 255, 0.50);font-size: 15px;font-weight: 400;line-height: 180%;letter-spacing: -0.375px;}



.moveObj_sub1{width: 117px;height: 117px;position: absolute;top: 161px;left: 136px;display: block;}
.moveObj_sub1::before{content: "";width: 100%;height: 100%;background-image: url(../images/main1_1.png);display: block;background-size: cover;animation-name: swingTypeB;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}
.moveObj_sub2{width: 145px;height: 152px;position: absolute;bottom: 154px;left: 66px;display: block;}
.moveObj_sub2::before{content: "";width: 100%;height: 100%;background-image: url(../images/main1_2.png);display: block;background-size: cover;animation-name: swingTypeB;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}
.moveObj_sub3{width: 103px;height: 103px;position: absolute;top: 161px;right: 137px;display: block;}
.moveObj_sub3::before{content: "";width: 100%;height: 100%;background-image: url(../images/main1_3.png);display: block;background-size: cover;animation-name: swingTypeB;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}
.moveObj_sub4{width: 108px;height: 102px;position: absolute;bottom: 209px;right: 75px;display: block;}
.moveObj_sub4::before{content: "";width: 100%;height: 100%;background-image: url(../images/main1_4.png);display: block;background-size: cover;animation-name: swingTypeB;animation-iteration-count: infinite;animation-timing-function: linear;animation-duration: 5500ms;}

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

.main section h1{text-align: center;font-size: 56px;font-weight: 600;line-height: 72px;letter-spacing: -1.4px;margin-bottom: 60px;}
.main section h1 span{background: linear-gradient(90deg, #3CA3E6 0%, #215B80 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.main section:nth-child(1){padding-top: 80px;background: white;}
.main section:nth-child(1)>div{padding: 220px 0;text-align: center;}
.main section:nth-child(1)>div h1{font-size: 72px;font-weight: 600;line-height: 90px; letter-spacing: -1.8px;margin-bottom: 0;}
.main section:nth-child(1)>div h1:nth-child(2){margin-top: 20px;}
.main section:nth-child(1)>div h1 span{color: #0090F3;}
.main section:nth-child(1)>div p{color: #FFF;text-align: center;font-size: 32px;font-weight: 600;line-height: 42px;letter-spacing: -0.8px;border-radius: 40px;padding: 9px 60px;width: fit-content;margin: 0 auto;margin-top: 32px;background: #0090F3;}

.main section:nth-child(2){background: #EEF5FF;padding: 136px 0;}
.main section:nth-child(2) ul{display: flex;align-items: center;justify-content: space-between;}
.main section:nth-child(2) ul li{border-radius: 20px;width: 232px;background: #FFF;box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.08);height: 360px;text-align: center;padding-top: 52px;}
.main section:nth-child(2) ul li div>span:nth-child(1){color: #0090F3;font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;}
.main section:nth-child(2) ul li p{font-size: 24px;font-weight: 600;line-height: 34px; letter-spacing: -0.6px;margin-top: 12px;}
.main section:nth-child(2) ul li div>span:nth-child(3){color: #AD2222;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.4px;margin-top: 4px;}
.main section:nth-child(2) ul li div:nth-child(2){margin-top: var(--ma-wid);}

.main section:nth-child(3){background: white;padding: 136px 0;}
.main section:nth-child(3)>div{padding: 0 125px;}
.main section:nth-child(3) ul{display: flex;flex-wrap: wrap;gap: 20px;}
.main section:nth-child(3) ul li{width: calc(50% - 10px);border-radius: 20px;padding: 60px 48px 0;height: 548px;overflow: hidden;}
.main section:nth-child(3) ul li strong{font-size: 32px;font-weight: 600;line-height: 42px; letter-spacing: -0.8px;display: block;}
.main section:nth-child(3) ul li p{font-size: 20px;font-weight: 400;line-height: 28px;letter-spacing: -0.5px;margin: 12px 0 48px;}
.main section:nth-child(3) ul li div:nth-child(2){width: 100%;text-align: center;}
.main section:nth-child(3) ul li:nth-child(1){background: #F6F9FF;}
.main section:nth-child(3) ul li:nth-child(2){background: #0090F3;}
.main section:nth-child(3) ul li:nth-child(3){background: #22272B;}
.main section:nth-child(3) ul li:nth-child(4){background: #F6F9FF;}
.main section:nth-child(3) ul li:nth-child(2) strong,
.main section:nth-child(3) ul li:nth-child(3) strong,
.main section:nth-child(3) ul li:nth-child(2) p,
.main section:nth-child(3) ul li:nth-child(3) p{color: white;}

.main section:nth-child(4){background: #0090F3;padding: 136px 0;}
.main section:nth-child(4)>div{padding: 0 105px;}
.main section:nth-child(4) h1{color: white;}
.main section:nth-child(4) div>div{border-radius: 20px;background: rgba(255, 255, 255, 0.20);padding: 48px 40px;}
.main section:nth-child(4) ul{display: flex;justify-content: space-between;position: relative;z-index: 1;}
.main section:nth-child(4) ul::after{content: '';display: block;width: 80%;height: 20px;background: white;position: absolute;left: 50%;transform: translateX(-50%);top: 105px;z-index: -1;}
.main section:nth-child(4) ul li{text-align: center;}
.main section:nth-child(4) ul li span{color: #FFF;font-size: 28px;font-weight: 600;line-height: 38px;letter-spacing: -0.7px;}
.main section:nth-child(4) ul li div{margin: 20px auto;border-radius: 100%;background: white;width: 120px;height: 120px;}
.main section:nth-child(4) ul li p{color: #FFF;font-size: 24px;font-weight: 400;line-height: 34px; letter-spacing: -0.6px;}

.main section:nth-child(5){background: #F6F9FF;padding: 136px 0 0;}
.main section:nth-child(5)>div{padding: 0 125px;}
.main section:nth-child(5)>div>div{border-radius: 20px 20px 0 0;overflow: hidden;}
.main section:nth-child(5)>div>div>div:nth-child(1){display: flex;align-items: center;}
.main section:nth-child(5)>div>div>div:nth-child(1) p{background: #EFEFEF;text-align: center;font-size: 20px;font-weight: 600;line-height: 120%; letter-spacing: -0.5px;width: 25%;padding: 26px 0;}
.main_slider5 .slider3>div{display: flex;align-items: center;padding: 26px 0;background: white;}
.main_slider5 .slider3>div p,
.main_slider5 .slider3>div div{flex: 1;flex-shrink: 0;text-align: center;font-size: 20px;font-weight: 400;line-height: 140%;letter-spacing: -0.5px;}
.main_slider5 .slider3>div span{color: #FFF;background: #0CB100;padding: 6px 16px;font-size: 20px;font-weight: 600;line-height: 120%; letter-spacing: -0.5px;}
.main_slider5 .slider3>div span.ch{background: #0090F3;}

.main section:nth-child(6){background: linear-gradient(180deg, #1A1A1A 0%, #1F4997 100%);padding: 136px 0}
.main section:nth-child(6) h1{color: white;}
.main section:nth-child(6) h1 span{display: block;margin-bottom: 32px;}
.main section:nth-child(6) ul{display: flex;justify-content: space-between;align-items: center;}
.main section:nth-child(6) ul li{position: relative;padding: 50px;width: 400px;height: 280px;border-radius: 40px;}
.main section:nth-child(6) ul li span{font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;color: white;}
.main section:nth-child(6) ul li p{font-size: 40px;font-weight: 600;line-height: 60px;letter-spacing: -1px;margin: 4px 0 47px;color: white;}
.main section:nth-child(6) ul li a{font-size: 20px;font-weight: 600;line-height: 28px;letter-spacing: -0.5px;color: white;}
.main section:nth-child(6) ul li img{position: absolute;right: 50px;bottom: 50px;}
.main section:nth-child(6) ul li:nth-child(1){background: #0090F3;}
.main section:nth-child(6) ul li:nth-child(2){background: #FAE100;}
.main section:nth-child(6) ul li:nth-child(3){background: #74A2FA;} 
.main section:nth-child(6) ul li:nth-child(2) span,
.main section:nth-child(6) ul li:nth-child(2) p,
.main section:nth-child(6) ul li:nth-child(2) a{color: #3C1E1E;}






.fixed_btn{display: none;}