@charset "utf-8";





.main_wrap{padding-top: 110px; position: relative; height: 845px;}
.main_wrap::before{content: ''; display: block;     height: 620px;    top: 110px;left: 0; width: 60%; position: absolute; background: #f4f4f4;  animation: main-block 10s ease-out infinite; }
.main_wrap .inner{margin: 250px auto 0;}
.main_wrap .main_r{width: 1100px; height: 618px; background: #d5d5d5; border-radius: 200px 0 0 200px;
position: absolute; right: 0; bottom: 80px; animation: video 4s ease-out infinite; overflow: hidden;
box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.05);}

.main_wrap .main_r video{width: 100%;}

.main_wrap .main_bg{ background: url(/2024/img/main/main_bg.jpg) center / cover no-repeat; height: 1000px; position: relative;}
.main_wrap .main_l .main_txt{position: relative;}
.main_wrap .main_l h1{ font-family: 'Giants-Regular'; font-size: 56px; margin: 25px 0 40px;}
.main_wrap .main_l h4{ background: #ffcf00;  font-size: 16px;  font-family: 'Paperlogy-7Bold'; 
    width: fit-content;  padding: 8px 16px;  letter-spacing: 0.4px;  border-radius: 50px 50px 50px 0;}
.main_wrap .main_l p{font-size: 22px; font-weight: 400; }


/*공지사항,배너*/
.inform{padding: 200px 0; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
position: relative;}
.inform_fig{width: 40%; height: 100%; position: absolute; top: 0;}
.fig_top{background: #96c6fa; width: 100%; height: 70%; border-radius: 0 200px 0 150px;     animation: figt 6s ease-out infinite;}
.fig_bottom{display: flex;width: 100%; height: 30%;}
.fig_bottom li{width: calc(100% * 3);  height: 100%;}
.fig_bottom li.gray6{background: #dadada; border-radius: 150px 0 0 0; animation: figb1 6s ease-out infinite;}
.fig_bottom li.yellow{background: #f5e28f; border-radius: 0 0 0 150px; animation: figb2 6s ease-out infinite 1s;}
.fig_bottom li.gray4{background: #dadada; border-radius: 120px 0 150px 0; animation: figb3 6s ease-out infinite 2s;}

.inform .inner{display: flex; justify-content: space-between;}
.banner_wrap{width: 42%; overflow: hidden; position: relative;}
.inform_wrap{width: 52%; }
.tabs {
      display: flex;justify-content: space-between; align-items: center; padding: 0 0 40px 20px;
    }
.tabs_l{display: flex; gap:60px;}
    .tab-button {
    cursor: pointer;
    font-size: 26px;     font-family: 'Giants-Regular';
    font-weight: 400;  color: #8b8b8b;}
    .tab-button.active {
         border-bottom: 2px solid #0079fa;     color: #0079fa;
    }
    .tab-content {
      display: none;
    }
    .tab-content.active {
display: block;
    }
    .board  ul{gap:20px; display: flex; flex-direction: column;  }
.inform_wrap .date{color: #777; font-size: 17px;}
.inform_wrap .subject{font-weight: 500;   display: flex;    align-items: center;}
#notice ul li{  border: 1px solid #d5d5d5;   transition: all .3s;
background: #fff;  border-radius: 10px; position: relative;}
#notice ul li img{position: absolute; top: 50%; right: 20px;transform: translateY(-50%); opacity: 0; }

#notice ul li.board_first img{top: 30%;}
#notice ul li.board_first .preview{width: 88%;}
#notice ul li.board_first .subject{ font-size: 20px;}
#notice ul li.board_first p {font-size: 15.5px; margin-top: 12px; color: #666;}
#notice ul li.board_first a{  height: auto;line-height: 1.4; padding: 22px 20px;}
#notice ul li a{display: flex;   justify-content: space-between;   font-size: 18px; padding: 0 20px; 
height: 70px; line-height: 70px;}


#startup ul li.board_first .preview{width: 88%;}
#startup ul li.board_first .subject{ font-size: 20px;}
#startup ul li.board_first p {font-size: 15.5px; margin-top: 12px; margin-left: 105px;  color: #666;}

#startup ul li.board_first a{  height: auto;line-height: 1.4; padding: 22px 20px;}
#startup ul li{ border: 1px solid #d5d5d5;   transition: all .3s; position: relative;
background: #fff;  border-radius: 10px;}
#startup ul li img{position: absolute; top: 50%; right: 20px;transform: translateY(-50%); opacity: 0; }
#startup ul li.board_first img{top: 30%;}
#startup ul li a{display: flex;   justify-content: space-between;   font-size: 18px; padding: 0 20px; 
height: 70px; line-height: 70px; }
.inform_wrap .subject .recruit_on{ background: #0079fa; height: 26px; line-height: 26px; display: inline-block;
    width: 80px;  text-align: center; font-size: 15.5px; border-radius: 6px; color: #fff;  margin-right: 20px;}
.inform_wrap .subject .recruit{ border: 1px solid #999; height: 26px; line-height:26px; display: inline-block;
    width: 80px;  text-align: center; font-size: 15.5px; border-radius: 6px; color: #999;  margin-right: 20px;}


.more_btn{ color: #0079fa !important;  transition: all .3s;  font-weight: 500;  position: relative;
    padding: 6px 36px 6px 18px;  display: inline-block;  border: 2px solid #99c9fd;  height: 24px;  line-height: 24px;}
.more_btn img{ position: absolute; top: 48%; transform: translateY(-50%); right: 14px; transition: all .3s;}


#press{margin-top: 25px;}
#press ul{flex-direction: row;}
#press ul li{width: 50%;  transition: all .3s;  padding: 20px;  background: #fff;
    border: 1px solid #d5d5d5;  border-radius: 10px; position: relative;}

#press ul li a{width: 100%; height: 100%; font-size: 18px; }
#press ul li .press_thum img{width: 100%; border-radius: 8px;}
#press ul li .noti_go{
    position: absolute;
    bottom: 20px;
    right: 20px;
    opacity: 0;
}

.press_txt{padding: 25px 0 5px;}

.press_txt .date{  margin-top: 16px;  display: block;}
.swiper-container{border-radius: 30px ; overflow: hidden;}
.swiper-slide{height: 485px;}
.swiper-slide a{ width: 100%; height: 100%; display: block;}
.banner1{background: url(/2024/img/main/banner1.jpg) center / cover no-repeat; }
.banner2{background: url(/2024/img/main/banner2.jpg) center / cover no-repeat; }
.banner3{background: url(/2024/img/main/banner3.jpg) center / cover no-repeat; }
.banner4{background: url(/2024/img/main/banner4.jpg) center / cover no-repeat; }
.banner5{background: url(/2024/img/main/banner5.jpg) center / cover no-repeat; }



/*놀이터*/
.ground{    background: linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);}

.ground h2{ padding: 85px 40px 30px; font-size: 33px;    font-family: 'Paperlogy-7Bold';}
.ground_wrap{    display: flex;  height: 830px;  color: #fff;   overflow: hidden;     animation: ground 4s infinite alternate ease-in-out;}
.youthground{width: 50%; background: url(/2024/img/main/ground1.jpg) center / cover no-repeat;  position: relative; transition: all .5s ease; }
.startground{width: 50%; background: url(/2024/img/main/ground2.jpg) center / cover no-repeat; position: relative; transition: all .5s ease;  }
.startground::after{content: ''; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.4); display: block; opacity: 0; transition: all .5s ease;}
.youthground::after{content: ''; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.4); display: block;  opacity: 0; transition: all .5s ease;}

.startground .ground_txt{text-align: right; right: 22.6%; left: auto; }
.ground_txt{position: absolute; top: 50%; left: 22.6%; transform: translateY(-50%); z-index: 3; transition: transform .4s ease; color: #fff;}
.ground_txt h3{    background: #0079fa;    font-size: 16px;
    font-family: 'Paperlogy-7Bold'; width: fit-content;  padding: 8px 16px;
    letter-spacing: 0.4px;  }
.youthground .ground_txt h3{border-radius: 50px 50px 50px 0;}
.startground .ground_txt h3{border-radius: 50px 50px 0 50px;}

.ground_txt h1{font-size: 55px; margin: 20px 0 30px; font-family: 'Giants-Regular';}
.ground_txt p{font-size: 22px; font-weight: 400;}
.ground_btn{ display: block; margin-top: 80px;}








/**/
.start h2{padding: 85px 40px 30px;font-size: 33px;    font-family: 'Paperlogy-7Bold';}
.start_wrap{display: flex; justify-content: space-between;}
.start_con{width: 33.333%;height: 260px;  overflow: hidden;  position: relative;}
.parallax-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%); transition: all .3s;
}

.parallax-bg2 {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%); transition: all .3s;
}
.parallax-bg3 {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    transform: translate(-50%, -50%); transition: all .3s;
}
.start_r img{position: static;}
.start_img{height: 380px; width: 100%; background: #f1f1f1;}
.simg1 a{color: #fff}
.simg1{background: #227bf4; 
    animation: main-block 10s ease-out infinite forwards ; transition: all .3s;}


.simg2{background: #f1f1f1;    animation: morph-radius 4s infinite alternate ease-in-out; transition: all .3s;}
.simg3{background: #ffcf00;  transition: all .3s;
    animation: main-block 10s ease-out infinite forwards 1s;}
.start_txt{    padding: 65.5px 15%; display: flex;  justify-content: space-between;
    align-items: end; position: relative;}
.start_txt h3{font-size: 38px; font-weight: 700;}
.start_txt p{    font-size: 19px;    font-weight: 400; margin-top: 30px;}

@keyframes morph-radius {
    0% {
        border-radius: 0px;
    }
    30% {
        border-radius: 150px 0px 150px 0px;
    }
    60% {
        border-radius: 150px 0px 150px 0px;
    }
    100% {
        border-radius: 0px 150px 0px 150px;
    }
}

@keyframes video {
    0% {
        border-radius: 200px 0 0 200px;
    }
    30% {
        border-radius: 80px 0px 200px 80px;
    }
    60% {
        border-radius: 140px 0px 80px 80px;
    }
    100% {
        border-radius: 200px 0px 0px 200px;
    }
}

@keyframes main_right {
    0% {
        border-radius: 0 200px 200px 0;
    }
    30% {
        border-radius: 0 80px 80px 200px;
    }
    60% {
        border-radius: 0 140px 80px 80px;
    }
    100% {
        border-radius: 0 200px 200px 0;
    }
}




@keyframes figt {
    0% {
          border-radius: 0 200px 0 150px;
    }
    30% {
        border-radius: 200px 100px 150px 0px;
    }
    60% {
        border-radius: 200px 100px 150px 0px;
    }
    100% {
        border-radius: 0 200px 0 150px;
    }
}
@keyframes figb1 {
    0% {
          border-radius: 150px 0 0 0;
    }
    30% {
        border-radius: 0 150px 0 150px ;
    }
    60%{ border-radius: 0 150px 0 150px ;}
    100% {
      border-radius: 150px 0 0 0;
    }
}
@keyframes figb2 {
    0% {
          border-radius: 0 0 0 150px;
    }
    30% {
        border-radius: 150px  0 150px 0;
    }
    60% {
        border-radius: 150px  0 150px 0;
    }
    100% {
        border-radius: 0 0 0 150px;
    }
}
@keyframes figb3 {
    0% {
          border-radius: 120px 0 150px 0;
    }
    30% {
        border-radius: 0 150px 0 120px;
    }
    60% {
        border-radius: 0 150px 0 120px;
    }
    100% {
   border-radius: 120px 0 150px 0;
    }
}

@keyframes ground {
    0% {
        border-radius: 0px;
    }
    30% {
        border-radius: 250px 0px 250px 0px;
    }
    60% {
        border-radius: 250px 0px 250px 0px;
    }
    100% {
        border-radius: 0px 250px 0px 250px;
    }
}

@keyframes main-block{
    0% {
    border-top-right-radius: 150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
    10% {
    border-bottom-left-radius: 150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

28% {
    border-bottom-left-radius:  150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
38% {
    border-bottom-right-radius:  150px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
56% {
    border-bottom-right-radius:  150px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
66% {
    border-top-left-radius:  150px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
84% {
    border-top-left-radius:  150px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
94% {
    border-top-right-radius:  150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
100% {
    border-top-right-radius: 150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
}
@keyframes notice-bg{
    0% {
    border-top-right-radius: 150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #f4f4f4;
        
}
    10% {
    border-bottom-left-radius: 150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

28% {
    border-bottom-left-radius:  150px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  
}
38% {
    border-bottom-right-radius:  150px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
56% {
    border-bottom-right-radius:  150px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  
}
66% {
    border-top-left-radius:  150px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
84% {
    border-top-left-radius:  150px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;

}
94% {
    border-top-right-radius:  150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
100% {
    border-top-right-radius: 150px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #ebf5ff
  
}
}




/*파트너사*/
.partner_wrap { width: 100%;overflow: hidden;position: relative;padding: 120px 0;}
.partner_slider {display: flex;align-items: center;white-space: nowrap; }
.slide_track {  display: flex; gap: 85px; animation: slide-right 25s linear infinite; }
.slide_track img { object-fit: contain;}


/* 무한 슬라이드 애니메이션 */
@keyframes slide-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (max-width: 1600px){
    .main_wrap .main_r{width: 60%; height: auto;}
    .tab-button{font-size: 24px;}
    #notice ul li.board_first .subject{font-size: 18px;}
    #startup ul li.board_first .subject{font-size: 18px;}
    #notice ul li.board_first p{font-size: 15px;}
    #startup ul li.board_first p{font-size: 15px;}
    #notice ul li a{font-size: 17px;}
    #startup ul li a{font-size: 17px;}
    .press_txt{font-size: 17px;}
    .inform_wrap .date{font-size: 16px;}
    
}
@media (max-width: 1400px){
    .main_wrap::before{
        top: 107px;
    }
    .main_wrap .inner{margin: 200px auto 0;}
    .main_wrap .main_l h1{font-size: 50px;}
    .main_wrap .main_l p{font-size: 20px;}
    .inform .inner{flex-direction: column;}
    .inform_fig{width: 60%;}
    .banner_wrap{width: 600px;}
    .inform_wrap {width: 100%; margin-top: 100px;}
    .fig_bottom{display: none;}
}

@media (max-width: 1024px){
        .main_wrap::before{
        top: 74px; width: 80%;
    }
    .main_wrap .inner{margin: 150px auto 0;}
    .main_wrap .main_l h4{font-size: 15px;}
    .main_wrap .main_l h1{font-size: 40px;}
    .main_wrap .main_l p{font-size: 19px;}
    .main_wrap .main_r{width: 70%;}
    .tab-button{font-size: 22px;}
    #notice ul li a{flex-direction: column; height: auto; line-height: 2; padding: 20px;}
    #startup ul li a{flex-direction: column; height: auto; line-height: 2; padding: 20px;}
    #startup ul li.board_first p{margin-left: 0;}
    #notice ul li.board_first .preview{width: 100%;}
    .inform_wrap .subject .recruit{font-size: 15px; width: 70px; margin-bottom: 10px;}
    #startup ul li.board_first .subject{flex-direction: column; align-items: baseline;}
    #startup ul li.board_first .preview{width: 100%;}
    #notice ul li.board_first p{margin-bottom: 12px;}
    #startup ul li.board_first p{margin-bottom: 12px;}
}

@media (max-width: 600px){
        .main_wrap::before{
        top: 66px; width: 100%; height: 560px;
    }
    .main_wrap .inner{margin: 120px auto 0;}
    .main_wrap .main_l h4{font-size: 14px;}
    .main_wrap .main_l h1{font-size: 30px;}
    .main_wrap .main_l p{font-size: 17px;}
    .main_wrap .main_r{ width: 90%; bottom: 22%; background: none; box-shadow: none; animation: none;
    border-radius: 0;}
    .main_wrap .main_r video{
        animation: video 4s ease-out infinite;
    overflow: hidden;
    box-shadow: 0 0 15px 0 rgb(0, 0, 0, 0.05);
    }
    .inform{padding: 120px 0;}
    .banner_wrap{width: 100%;}
    .swiper-slide{height: 270px;}
    .inform_fig{width: 100%; height: 40%;}
    .inform_wrap .date{font-size: 14px; margin-top: 5px;}
    #startup ul li.board_first p{display: none;}
    #notice ul li.board_first p{display: none;}
    .tabs{padding: 0 0 30px 0;}
    .tabs_l{gap:20px;}
    .tab-button{font-size: 18px;}
    #notice ul li.board_first a{padding: 10px;}
    #startup ul li.board_first a{padding: 10px;}
    #notice ul li.board_first .subject{font-size: 16px;}
    #startup ul li.board_first .subject{font-size: 16px;}
    #startup ul li a{padding: 15px 10px; height: auto; line-height: 1.4; font-size: 15px;}
    #notice ul li a{padding: 15px 10px; height: auto; line-height: 1.4; font-size: 15px;}

    #press ul{flex-direction: column;}
    #press ul li{    width: calc(100% - 20px);     padding: 10px;}
    .press_txt{font-size: 15px; padding: 20px 0 10px;}
    .inform_wrap .subject .recruit_on{display: none;}
    .inform_wrap .subject .recruit{display: none;}
    .ground_wrap{flex-direction: column; height: auto;}
    .youthground{height: 380px; width: 100%;}
    .startground{height: 380px; width: 100%;}
    .ground_txt h3{font-size: 14px;}
    .ground_txt h1{font-size: 28px; margin: 15px 0 20px;}
    .ground_txt p{font-size: 17px;}
    .ground_btn{margin-top: 30px;}
    .ground_btn img{width: 40px;}
    .ground_txt{left: 6%;}
    .startground .ground_txt{right: 6%;}
    .start_wrap{flex-direction: column;}
    .start_txt{padding: 10% 6%;}
    .start_con{width: 100%; height: auto;}
    .start_txt h3{font-size: 24px;}
    .start_txt p{font-size: 16px;}
    .start_r img{width: 40px; margin-bottom: 10px;}
    .partner_wrap{padding: 80px 0;}
    .slide_track{gap:50px;}    
    .slide_track img{width: 120px;}

    
    @keyframes morph-radius {
    0% {
        border-radius: 0px;
    }
    30% {
        border-radius: 50px 0px 50px 0px;
    }
    60% {
        border-radius: 50px 0px 50px 0px;
    }
    100% {
        border-radius: 0px 50px 0px 50px;
    }
}

@keyframes video {
    0% {
        border-radius: 80px 0 0 80px;
    }
    30% {
        border-radius: 20px 0px 80px 20px;
    }
    60% {
        border-radius: 40px 0px 20px 20px;
    }
    100% {
        border-radius: 80px 0px 0px 80px;
    }
}

@keyframes main_right {
    0% {
        border-radius: 0 80px 80px 0;
    }
    30% {
        border-radius: 0 20px 20px 80px;
    }
    60% {
        border-radius: 0 40px 20px 20px;
    }
    100% {
        border-radius: 0 80px 80px 0;
    }
}




@keyframes figt {
    0% {
          border-radius: 0 80px 0 50px;
    }
    30% {
        border-radius: 80px 20px 50px 0px;
    }
    60% {
        border-radius: 80px 20px 50px 0px;
    }
    100% {
        border-radius: 0 80px 0 50px;
    }
}
@keyframes figb1 {
    0% {
          border-radius: 50px 0 0 0;
    }
    30% {
        border-radius: 0 50px 0 50px ;
    }
    60%{ border-radius: 0 50px 0 50px ;}
    100% {
      border-radius: 50px 0 0 0;
    }
}
@keyframes figb2 {
    0% {
          border-radius: 0 0 0 50px;
    }
    30% {
        border-radius: 50px 0 50px 0;
    }
    60% {
        border-radius: 50px 0 50px 0;
    }
    100% {
        border-radius: 0 0 0 50px;
    }
}
@keyframes figb3 {
    0% {
          border-radius: 20px 0 50px 0;
    }
    30% {
        border-radius: 0 50px 0 20px;
    }
    60% {
        border-radius: 0 50px 0 20px;
    }
    100% {
   border-radius: 20px 0 50px 0;
    }
}

@keyframes ground {
    0% {
        border-radius: 0px;
    }
    30% {
        border-radius: 50px 0px 50px 0px;
    }
    60% {
        border-radius: 50px 0px 50px 0px;
    }
    100% {
        border-radius: 0px 50px 0px 50px;
    }
}

@keyframes main-block{
    0% {
    border-top-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
    10% {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

28% {
    border-bottom-left-radius:  50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
38% {
    border-bottom-right-radius:  50px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
56% {
    border-bottom-right-radius:  50px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
66% {
    border-top-left-radius:  50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
84% {
    border-top-left-radius:  50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
94% {
    border-top-right-radius:  50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
100% {
    border-top-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
}
@keyframes notice-bg{
    0% {
    border-top-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #f4f4f4;
        
}
    10% {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

28% {
    border-bottom-left-radius:  50px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  
}
38% {
    border-bottom-right-radius:  50px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
56% {
    border-bottom-right-radius:  50px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  
}
66% {
    border-top-left-radius:  50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
}
84% {
    border-top-left-radius:  50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;

}
94% {
    border-top-right-radius:  50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
100% {
    border-top-right-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #ebf5ff
  
}
}

}

@media (hover: hover) {
#notice ul li:hover{background: #f1f1f1;}
#notice ul li:hover img{opacity: 1;}
#notice ul li:hover .date{opacity: 0;}
#startup ul li:hover{background: #f1f1f1;}
#startup ul li:hover img{opacity: 1;}
#startup ul li:hover .date{opacity: 0;}
.more_btn:hover{background:  #0079fa ; color: #fff !important;  border: 2px solid  #0079fa ; }
.more_btn:hover .go_w{opacity: 1;}
.more_btn:hover .go{opacity: 0;}
#press ul li:hover{background: #f1f1f1;}
#press ul li:hover img{opacity: 1;}
.youthground:hover{width: 65%;}
.startground:hover{width: 65%;}
.youthground:hover .ground_txt{ text-align: right; transform: translate(150%, -50%);}
.startground:hover .ground_txt{text-align: left; transform: translate(-170%, -50%);}
.youthground:hover .ground_txt h3{ border-radius: 50px 50px 0 50px; margin-left: auto;}
.startground:hover .ground_txt h3{border-radius: 50px 50px 50px 0;}
.youthground:hover::after{opacity: 1;}
.startground:hover::after{opacity: 1;}
.simg1:hover{background: #095bcb;  animation-play-state: paused;}
.simg1:hover .parallax-bg{opacity: .6;}
.simg2:hover{background: #d5d5d5;  animation-play-state: paused;}
.simg2:hover .parallax-bg2{opacity: .6;}
.simg3:hover{background: #ffba00;  animation-play-state: paused;}
.simg3:hover .parallax-bg3{opacity: .6;}

}