footer{background:#f2f7fd;padding: 10px 20px 30px 20px;        text-align: center;}
footer .footer_box{margin: 0 auto;}
footer .footer_box span{color:#999; display:block;font-size: 14px;padding-bottom: 10px;}

.box2{position: fixed;right: 0px;top: 0px;z-index:3;top: 0;right:0}

.box2 .lnb2 ul{display:flex;gap: 5px;}
.box2 .lnb2 ul li{background: #7198d1;border-radius: 0px 0px 15px 15px;}
.box2 .lnb2 ul li:nth-child(2){background: #f78f1f;}
.box2 .lnb2 ul li:nth-child(3){background: #fab808;}
.box2 .lnb2 ul li a{font-size: 16px;font-weight: 600;display: block;color:#fff;padding: 20px 10px 10px 10px;}
.box2 .lnb2 ul li a img{display:none;}

.content{background:#f2f7fd;height: 100%;width:100%;}
.content_box{width: 100%;margin: 0 auto;height: 100%;padding:20px;} 
.logo{text-align: left;}
.logo a{width: 80px;display: block;}

.main_1{margin-top: 5vh;z-index: 1;position: relative;}
.main_1 img{text-align:center;}
.main_1 .txt1{font-size:1.5rem;line-height: 1.3;        text-align: center;}
.main_1 .txt1 strong{font-weight: bold;}
.main_1 .txt1 strong span{color:#7198d0;font-weight: bold;}

.main_2 {margin-top: 50px;padding-left: 24px;}
.main_2 .mobing_tit{font-size: 20px;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{margin-top: 10px;}
.main_2 .swiper-slide {text-align: center;}
.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;text-align: center;}
.main_3 strong{font-size: 22px;font-weight: 600;color:#7198d0;display: block;}
.main_3 ul li{padding: 10px 0;}
.main_3 ul li:nth-child(1) .basic_tit{margin-top:0}

.main_3 ul li span{displaY:block;}
.main_3 ul li .basic_tit{font-size: 18px;margin: 10px 0;font-weight: 700;}
.main_3 ul li .basic_txt{font-weight: 300;font-size: 16px;}

.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: 300px; height: 250px;  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}