.index_wrap{width: 100%;}
/*메인공통*/
.main_wrap{max-width: 1400px; margin: 0 auto; }
.main_tit{ font-size: 60px; text-align: center; font-weight: 500; }
.main_stit{font-size: 3rem; text-align: center; font-weight: 300;line-height: 1.4; margin-top: 20px;}
.main_inner{max-width: 1400px; margin: 0 auto;}

.main_tit.s_event{opacity: 0; filter:Alpha(opacity=0);  transition: 0.6s; transform: translateY(50%);}
.main_tit.s_event.move{opacity: 1; filter:Alpha(opacity=1);  transition: 0.6s; transition-delay: 0.1s;  transform: translateY(0%);}

.main_move.s_event{opacity: 0; filter:Alpha(opacity=0); transform: translateY(50%); transition: 0.6s; }
.main_move.s_event.move{opacity: 1; filter:Alpha(opacity=1); transform: translateY(0%); transition: 0.6s; transition-delay: 0.12s;}



/*메인비주얼*/
.section1{position: relative;}
.main_visual{position: relative; background-color: #000; height: 100vh; width: 100%;}
.main_visual .video_area{opacity: 0.8; width: 100%; height: 100%; object-fit: cover;}

.main_visual .visual_text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1400px;}
.main_visual .visual_text>div{color: #fff; }
.main_visual .visual_text>div h2{font-size: 6rem; font-weight: 500; margin-bottom: 20px; text-align: center; animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.4s; }
.main_visual .visual_text>div p{font-size: 2.4rem; line-height: 1.4; text-align: center; font-weight: 300; animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s;}
.main_visual .visual_text .visual_text1{ position: relative; overflow: hidden; }
.main_visual .visual_text .visual_text2{ }


 @keyframes text-up { 
    from { transform: translate3d(0, 200%, 0); } 
    to { transform: translate3d(0, 0, 0); } 
    }





 /* mouse */
    /* mouse wheel */
    .mouse_wrap { position: absolute; bottom: 80px; left:50%; z-index: 99;  transform: translateX(-50%);} 
    .mouse_wrap span { display:block; color:#fff; z-index:999; font-weight:600;  font-size:14px; margin-bottom: 20px; text-transform: uppercase; font-family: var( --font-Pop);} 
    .mouse_wheel { display:block; color:#fff; transform:rotate(90deg); } 
    .mouse_wheel:before { content:''; width:90px; height:1px; background:rgba(255,255,255,0.3); position:absolute; right: -42px; } 
    .mouse_wheel:after { content:''; width:35px; height:2px; background:#fff; position:absolute; right: -60px; top: 0; animation: scrollDown 2s linear infinite; } 

    @keyframes scrollDown { 0%,100% { right:20px; } 
    50% { right:-45px; } 
    }


/*메인2*/
.main2{background: url(../img/main2_bg.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; padding: 270px 0 170px; }
.main2_top{ text-align: center; margin-bottom: 200px;}
.main2_top p{font-size: 3rem; }
.main2_counting{width: 80%; margin: 0 auto;}
.main2_counting .main2_num{text-align: center;}
.main2_counting .main2_num p{font-size: 1.6rem; }
.main2_counting .main2_num strong{font-size: 4.8rem; font-weight: 200;}
.main2_counting .main2_num strong span{font-size: 10rem; font-weight: 700;}




/*메인3*/
.main3{background: url(../img/main3_bg.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; padding-top: 240px ;}
.main3_top{color: #fff;}

.main3_list_bg{margin-top: 270px; width: 100%; max-width: 1920px; height: 100%; background-color: rgba(0,0,0,0.3); margin: 270px auto 0; padding: 65px 0;}
.main3_list{position: relative; justify-content: space-between; max-width: 1400px; margin: 0 auto;}
.main3_list li{width: calc(100% / 5 - 20px); position: relative;}
.main3_list li::after{content: ""; width: 1px ; height: 80px; background-color: #717176; position: absolute; top: 30px; right: 0;}
.main3_list li:last-child::after{display: none;}
.main3_list li a{display: block; width: 100%; height: 100%;}
.main3_list li .main3_icon{text-align: center; transition: all .3s;}
.main3_list li .main3_icon img{}
.main3_list li p{font-size: 2.4rem; color: #fff; text-align: center; margin-top: 10px;}
.main3_list li a:hover .main3_icon{transform: translateY(-5px);}


/*메인4*/
.main4{position: relative; padding: 200px 0;}
.main4::before{content: ""; background: url(../img/main4_bg.jpg) no-repeat; width: 50%; height: 100%; position: absolute; right: 0; top: 0; background-size: cover;}
.main4_txt{width: 50%; }
.main4_txt .main_tit{text-align: left;}
.main4_txt .main_stit{text-align: left;}
.main4_list{width: 40%; text-align: center; margin-top: 100px;}
.main4_list li{}
.main4_list li a{}
.main4_list li a img{transition: all .3s;}
.main4_list li a p{font-size: 2.4rem; margin-top: 10px; position: relative;}
.main4_list li a p::before{content: "";width: 120px; height: 20px;background: url(../img/main4_list_btn.png) no-repeat;position: absolute;bottom: -7px; left: 51%;transform: translateX(-50%); }
.main4_list li a:hover img{transform: translateY(-5px);}


/*메인5*/
.main5{background-color: #266bb6; padding: 130px 0;}
.main5_top{color: #fff;}
.main5_list{margin-top: 70px;}









/******************************반응형*************************************/

@media all and (max-width:1540px){

  /*메인비주얼*/
  .main_visual .visual_text{width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
  .main_visual .visual_text>div h2{font-size: 5rem;}
  .main_visual .visual_text>div p{font-size: 2.2rem;}
  .main_visual .visual_text .visual_text1::after{width: 60%;}

  /*공통*/
  .main_inner{width: 95%;}

}

@media all and (max-width:1380px){

  /*공통*/
.main_tit{font-size: 5rem;}

/*메인2*/
.main2{padding: 170px 0;}
.main2_counting .main2_num strong span{font-size: 8rem;}
.main2_counting{width: 100%;}
    
}
@media all and (max-width:1280px){

  /*메인비주얼*/
      .mouse_wrap{display: none;}
  .main_visual .video_area{opacity: 0.5;}
  /* .main_visual .visual_text{left: 100px; top: 50%; transform: translateY(-50%);} */
  .main_visual .visual_text>div h2{font-size: 4rem;}

    /*공통*/
.main_tit{font-size: 4.2rem;}
.main_stit{font-size: 2.8rem;}

/*메인2*/
.main2_counting .main2_num strong span{font-size: 7rem;}
.main2_top p{font-size: 2.8rem;}

/*메인3*/
.main3{padding-top:200px;}
.main3_list li .main3_icon img{width: 100px;}



}
@media all and (max-width:1080px){

  /*메인비주얼*/
  .main_visual .visual_text .visual_text1::after{width: 80%;}
  .main_visual .visual_text>div h2{font-size: 3.5rem;}
  .main_visual .visual_text>div p{font-size: 2rem;}

      /*공통*/
.main_tit{font-size: 3.5rem;}
.main_stit{font-size: 2.6rem;}

/*메인2*/
.main2_top{margin-bottom: 100px;}
.main2_counting .main2_num strong span{font-size: 6rem;}
.main2_top p{font-size: 2.6rem;}
.main2_counting .main2_num strong{font-size: 4rem;}

  
/*메인3*/
.main3_list_bg{margin: 200px auto 0;}
.main3_list li p{font-size: 2.2rem;}

/*메인4*/
.main4::before{background-position: center; width: 100%; z-index: -1;}
.main4::after{content: ""; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; z-index: -1;         backdrop-filter: blur(5px);}
.main4_txt{width: 100%; text-align: center;}
.main4_list{width: 65%;margin: 100px auto 0; justify-content: center;}
.main4_txt .main_tit{text-align: center;}
.main4_txt .main_stit{text-align: center;}
.main4_list li a p{font-size: 2.2rem;}
.main4_list li a img{width: 120px;}


}
@media all and (max-width:800px){

   /*메인비주얼*/
  .main_visual .visual_text>div h2{font-size: 3rem;}

          /*공통*/
.main_tit{font-size: 3rem;}
.main_stit{font-size: 2.2rem;}

/*메인2*/
.main2{padding: 100px 0;}
.main2_counting .main2_num strong span{font-size: 5rem;}
.main2_top p{font-size: 2.2rem;}
.main2_counting{flex-direction: column;}
.main2_counting .main2_num{width: 100%; margin-bottom: 20px;}
.main2_counting .main2_num:last-child{margin-bottom: 0;}
.main2_counting .main2_num strong{font-size: 3rem;}
.main2_top{margin-bottom: 50px;}

/*메인3*/
.main3_list{flex-wrap: wrap; justify-content: center;}
.main3_list li{width: calc(100% / 3 ) !important; margin-bottom:20px ;}
.main3_list li:nth-child(3)::after{display: none;}
.main3_list li p{font-size: 2rem;}
.main3_list_bg{padding: 30px 0; margin: 100px auto 0;}
.main3_list li .main3_icon img{width: 80px;}
.main3_list li::after{height: 50px;}


/*메인4*/
.main4_list li a p{font-size: 2rem;}
.main4_list{margin: 50px auto 0;}
.main4_list li a img{width: 100px;}






}
@media all and (max-width:650px){

 /*메인비주얼*/
  .main_visual .visual_text>div h2{font-size: 2.8rem;}
      .main_visual .visual_text>div p{font-size: 1.8rem;}

            /*공통*/
.main_tit{font-size: 2.4rem; letter-spacing: 1px;}
.main_stit{font-size: 2rem;}

/*메인2*/
.main2_top p{font-size: 2.2rem;}
.main2_counting .main2_num strong span{font-size: 4rem;}
.main2_counting .main2_num strong{font-size: 2.5rem;}

/*메인3*/
.main3_list li p{font-size: 1.8rem;}

/*메인4*/
.main4{padding: 150px 0;}
.main4_list{width: 75%;}
.main4_list li a p{font-size: 1.8rem;}
.main4_list li a img{width: 80px;}
.main4_list li a p::before{width: 95px;background-size: contain; bottom: -11px;}

/*메인5*/
.main5{padding: 100px 0;}



}
@media all and (max-width:480px){

   /*메인비주얼*/
  .main_visual .visual_text>div h2{font-size:2.5rem;}
  .main_visual .visual_text>div p{font-size: 1.6rem;}
.main_visual .visual_text>div p br{display: none;}
        /*공통*/
.main_tit{font-size: 2rem;}
.main_stit{font-size: 1.6rem;}


/*메인2*/
.main2_top p{font-size: 1.6rem;}
.main2_counting .main2_num strong span{font-size: 2.8rem;}
.main2_counting .main2_num strong{font-size: 2rem;}

/*메인3*/
.main3_list_bg{margin: 80px auto 0;}
.main3_list li .main3_icon img{width: 50px;}
.main3_list li p{font-size: 1.6rem;}
.main3_list li::after{height: 30px; top: 20px;}

/*메인4*/
.main4_list li a p{font-size: 1.6rem;}




}

@media all and (max-width:400px){

        /*공통*/
.main_tit{font-size: 1.8rem;}
.main_stit{font-size: 1.5rem;}


/*메인3*/
.main3_list li::after{top: 5px;}

/*메인4*/
.main4_list{width: 90%;}


}