footer{background:#f2f7fd;padding-bottom: 30px;}
footer .footer_box{width: 1200px;margin: 0 auto;}
footer .footer_box span{color:#999; display:block;font-size: 16px;padding-bottom: 5px;}

.box2{position: relative;z-index:3}
.box2 .lnb2{position: absolute;top: 35vh;right:0}
.box2 .lnb2 ul{width: 25vw;}
.box2 .lnb2 ul li{background: #7198d1;border-radius: 30px 0px 0px 30px;margin-bottom: 10px;}
.box2 .lnb2 ul li:nth-child(2){background: #f78f1f;}
.box2 .lnb2 ul li:nth-child(3){background: #fab808;margin-top: 45px;}
.box2 .lnb2 ul li a{font-size: 22px;font-weight: 600;display: block;color:#fff;padding: 13px 10px 13px 50px;position: relative;}
.box2 .lnb2 ul li a img{position: absolute;bottom: 0px;left: 123px;}

.content{background:#f2f7fd;height: 100%;background-image: url(../../images/main_bg.png);width:100%;background-repeat: no-repeat;background-size: cover;    }
.content_box{width: 1200px;margin: 0 auto;height: 100%;padding-bottom: 70px;} 
.logo{padding-top: 40px;text-align: left;}

.main_1{margin-top: 10vh;position: relative;}
.main_1 .txt1{font-size:30px;line-height: 1.5;position: absolute;bottom: -30px;}
.main_1 .txt1 strong{font-weight: bold;}
.main_1 .txt1 strong span{color:#7198d0;font-weight: bold;}

.main_2 {display: flex;margin-top: 70px;padding-left: 24px;}
.main_2 .mobing_tit{font-size: 23px;font-weight: bold;position: relative;display: inline-block;line-height: 30px;}
.main_2 .mobing_tit:before {background-image: url(../../images/bg_icon8.png);}
.main_2 .mobing_tit:before{display:block;content:'';width:47px;height: 48px;background-repeat: no-repeat;position: absolute;left: -25px;top: -20px;}
.main_2 .mobing_tit:after{display:block;content:'';width:23px;height: 9px;background-image: url(../../images/arrow1.png);background-repeat: no-repeat;position: absolute;right: 0px;top: 40px;}
.main_2 .swiper{width:70%;margin-left: 50px;}
.main_2 .swiper-slide {text-align: center;height: 129px;}
.main_2 .swiper-slide a{display:block;}
.main_2 .swiper-slide .imgbox {position: relative;border-radius: 5px;display: block;margin: 0;padding-top: 50.95%;overflow: hidden;}
.main_2 .swiper-slide .imgbox img {display: block;position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;}

.main_3{margin-top: 50px;z-index: 1;position: relative;}
.main_3 strong{font-size: 20px;font-weight: 600;color:#7198d0;}
.main_3 ul{display:flex;justify-content: space-between;}
.main_3 ul li{}
.main_3 ul li span{displaY:block;}
.main_3 ul li .basic_tit{font-size: 22px;margin: 10px 0;}
.main_3 ul li .basic_txt{font-weight: 300;}
.won1{position:fixed;left:12%;top:10%;background-image: linear-gradient(120deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,.6) 100%);border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;  width: 853px; height: 625px;  animation: morph 4s linear infinite;   transform-style: preserve-3d;  outline: 1px solid transparent;  will-change: border-radius;
}
.won1:before,.won1:after{content: '';width: 100%;height: 100%;display: block;  position: absolute;left: 0; top: 0;border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  box-shadow: 5px 5px 89px rgb(0 160 255 / 10%);
  will-change: border-radius, transform, opacity;
  animation-delay: 200ms;
  background-image: linear-gradient(120deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.4) 100%);
}

.won1:before{
  animation: morph 4s linear infinite;
  opacity: .21;
  animation-duration: 3s;
}

@keyframes morph{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    opacity: .89;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}


@keyframes morph2 {
    0% {
        border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%
    }

    100% {
        border-radius: 40% 60%
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}


@keyframes dongdong{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,30px);}
}  


/** animation: dongdong 1s infinite alternate;  **/
.won2 {animation:morph2 12s linear infinite alternate, spin 18s linear infinite;border-radius:100%; background-color:var(--color-point_light); width:400px;height:400px; position:fixed; bottom:100px;right:100px; opacity:0.5;z-index:-1}
.won3 {animation:morph2 15s linear infinite alternate, spin 20s linear infinite;border-radius:100%; background-color:#e2e0af; width:400px;height:400px; position:fixed; bottom:-100px;right:-100px; opacity:0.5;z-index:-1}

