.index_wrap{width: 100%; position: relative;}
/*메인공통*/
.main_inner{max-width: 1460px; margin:0 auto;}
.sub_color{color: var(--sub-color);}
.sub_font{font-family: var(--font-Open);}
.main_color{color: var(--main-color); font-weight: 600;}
/*============* MAIN VISUAL ============*/
.section1 .mySwiper .swiper-slide .slide_bg { height: 100vh; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
.section1 .mySwiper .swiper-slide .visual_wrap { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1460px; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box { color: #fff; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 { font-size: 9.5rem; padding-bottom: 2.6rem;  line-height: 1; font-weight: 800;} 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 3.6rem; font-weight: 600; line-height: 1.5; margin-bottom: 10px;}
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size:2.4rem; font-weight: 300; line-height: 1.5; margin-bottom: 20px;} 


.index_wrap .slider_1 { background-image: url(../img/main_visual_1.jpg); } 
.index_wrap .slider_2 { background-image: url(../img/main_visual_2.jpg); } 
.index_wrap .slider_3 { background-image: url(../img/main_visual_3.jpg); } 
 
/* Pager */
.mainVisual{position: relative;}
.main_v_auto{ position: absolute; left: 150px; bottom: 25%; z-index: 555;}
.mainVisual .pager{display:flex;justify-content:center;gap:15px}
.mainVisual .pager button{opacity:1;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;border-radius:50%;color:#fff;cursor:pointer;background:transparent;transition:.2s}
.mainVisual .pager button:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:7px;height:7px;border-radius:50%;background-color:rgba(255,255,255,0.5);content:"";transition:all .2s}
.mainVisual .pager button.on:after{opacity:0}
.mainVisual .pager .progress{transform:rotate(-90deg)}
.mainVisual .pager .circle-origin{fill:transparent;stroke:rgb(255, 255, 255);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:all .2s}
.mainVisual .pager button.on .circle-origin{animation:progress 5.5s ease}
@keyframes progress{from{stroke-dashoffset:-38}to{stroke-dashoffset:0}}

.mv_control_wrap{ position: absolute; bottom: 6%; width: 100%; max-width: 1460px; z-index: 10; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: space-between; z-index: 10;}
.mv_control_wrap .scroll{color: #fff; }
.mv_control_wrap .scroll h5{font-weight: 400;  font-size: 1.6rem;}
.mv_control_wrap .scroll h5 i{font-size: 1.6rem; margin-left: 10px; animation: scrollDown 2s infinite;}
.mv_control_wrap .mv_pagi{width: 18%;  display: flex; justify-content: space-between; align-items: center;}
.mv_control_wrap .mv_pagi .mv_pagi_dot{}
.mv_control_wrap .mv_pagi .mv_pagi_dot .swiper-pagination{position: inherit;}
.mv_control_wrap .mv_pagi .mv_pagi_dot .swiper-pagination span{background: #fff; margin: 0 10px; width: 7px;height: 7px;}
.mv_control_wrap .mv_pagi .main_v_navi{position: relative; width: 55%;}
.mv_control_wrap .mv_pagi .main_v_navi div{color: #fff;}
.mv_control_wrap .mv_pagi .main_v_navi .swiper-button-next{ }
.mv_control_wrap .mv_pagi .main_v_navi .swiper-button-next::after{font-size: 1.3rem; }
.mv_control_wrap .mv_pagi .main_v_navi .swiper-button-prev{}
.mv_control_wrap .mv_pagi .main_v_navi .swiper-button-prev::after{font-size: 1.3rem;}
.mv_control_wrap .mv_pagi .main_v_navi .pagination_bullet{transform: translateX(50px);  }
.mv_control_wrap .mv_pagi .main_v_navi .pagination_bullet span{font-size: 1.6rem; font-family: "Play", serif; font-weight: 600;}

@keyframes zoom_in { 
    0% { transform: scale(1.2); /* background-size: 100% 100%; */ } 
    100% { transform: scale(1) rotate(0.003deg); } 
    }
   
   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .slide_bg { animation: zoom_in 5000ms; transition: transform 5000ms ease-in-out, opacity 1000ms ease 0s; } 
   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box, 
   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info { overflow:hidden } 
   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .title_box h1 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.3s; } 
   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info p { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s; margin-right:4px; } 

   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info h3 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.4s; margin-right:4px; } 

   @keyframes text-up { 
    from { transform: translate3d(0, 150%, 0); } 
    to { transform: translate3d(0, 0, 0); } 
    }
   
    /* pagnation */
   .control_wrap { display: flex; position: absolute; bottom: 5%; left: 5%; width: 200px;  align-items: center; justify-content: space-between; flex-direction: row; z-index: 55;} 
   .control_wrap .swiper-pagination { text-align:left; position: relative; width: 90px !important; display: flex;  justify-content: space-around; align-items: center; bottom:50% !important; left: 35% !important; } 
   .control_wrap .swiper-pagination-bullet { width: 11px; height: 11px; background: transparent; border: 1px solid #fff; opacity:1; } 
   .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
   .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: unset; } 
   .control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { position: relative;background-color: #fff; } 
   /* .control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before { content:''; display:block; position:absolute; width: 20px; height: 20px;  border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); }  */
   
 /* 정지재생 */
 .slide_btn { cursor: pointer; z-index: 100; position: relative; width: 10%; margin-bottom: 3%; } 
 .slide_btn span { display: none; position: relative; top: 3px; } 
 .slide_btn span.on { display: inline-block; } 
 .slide_btn i { color: #fff; font-size:18px; font-weight: 100; } 
/*시간*/
 .autoplay-progress {position: absolute;left: 0px;bottom: -12px;z-index: 10;width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 14px;font-family: var(--font-KIMM);}
.autoplay-progress svg { --progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 1px;stroke: #fff;fill: none;stroke-dashoffset: calc(125.6px * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}

/* mouse */


 /* scroll */
/* .mouse_wrap { position:absolute; right: 0; bottom:0; z-index:10;  width: 250px; height: 250px; background: url(../img/main_scroll.png) no-repeat; display: flex; align-items: end; justify-content: end; flex-direction: column;} 
.mouse_wrap .arrow {    transform: translate(-70px, 40px);} 
.btn-motion6 span {position: absolute;top: 0;left: 50%;width: 8px;height: 8px;margin-left: -12px;border-left: 1px solid #fff;border-bottom: 1px solid #fff; transform: rotate(-45deg); animation: btn-motion6 2s infinite;opacity: 0;box-sizing: border-box;}
.btn-motion6 span:nth-of-type(1) {animation-delay: 0s;}
.btn-motion6 span:nth-of-type(2) {top: 10px;animation-delay: .15s;}
.btn-motion6 span:nth-of-type(3) {top: 20px; animation-delay: .3s;} */

@keyframes scrollDown { 0%,100% { transform: translateY(1px); } 
50% { transform: translateY(6px); } 
}
.mouse_wrap .txt { color: #fff; font-size: 1.8rem; font-weight: 500; transform: translate(-30%, -60%);} 

@keyframes scroll { 
 0% { transform:rotate(0); } 
100% { transform:rotate(360deg); } 
 }

 .main_tit{ font-size: 4.8rem;  font-weight: 800;}
.main_btn{width: 120px;  display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000; padding: 10px 0; transition: all .3s;}
.main_btn span{font-size: 1.6rem;}
.main_btn i{font-size: 1.8rem; transition: all .3s;}
.main_btn:hover i{transform: translateX(5px);}


@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*메인2*/
.main_2{position: relative; margin: 200px 0 100px;}
.main_2::before{content: ""; width: 730px; height: 670px; position: absolute; right: 0; top: -55px; z-index: -1; background: url(../img/main2_bg.png) no-repeat; }
.main2_top{text-align: center;}
.main2_top .main_tit{text-align: center;}
.main2_top p{font-size: 2.4rem; line-height: 1.5; margin: 60px 0;}
.main2_top p .main_color{font-weight: 700;}
.main2_img{display: flex; justify-content: space-between; margin-top: 60px;}
.main2_img li{border-radius: 15px; overflow: hidden;}
.main2_img li img{width: 100%; border-radius: 15px;}
.main2_img li:nth-child(1){width: 24.2%;}
.main2_img li:nth-child(2){width: 74%;}
.main_2 .main_btn{margin: 0 auto;}


/*메인3*/
.main_3{background: url(../img/main_3.jpg) no-repeat; width: 100%; height: 970px; background-size: cover; padding: 100px 0;}
.main3_top{display: flex; justify-content: space-between;}
.main3_left{color: #fff; width: 40%;}
.main3_left p{font-size: 2.4rem; margin-top: 30px;}
.main3_top .main3_list{width: 52%; justify-content: end;}
.main3_top .main3_list li{width: calc((100% - 60px) / 2);}

.main3_list{display: flex; gap: 20px;}
.main3_list li{position: relative;width: calc((100% - 60px) / 4);background: transparent;min-height: 374px;background: #ededed;border-radius: 20px;border: 1px solid #ddd;transition: 0.5s;overflow: hidden; }
.main3_list li a{ width: 100%; height: 100%; padding: 30px; display: flex;flex-direction: column; justify-content: space-between; position: relative; }
.main3_list li .main3_bg{visibility: hidden;opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%; z-index: 1;transition: opacity 0.5s;object-fit: cover;}
.main3_list li p{font-size: 3rem; font-weight: 800;}
.main3_list li span{font-size: 1.8rem; letter-spacing: 0;}
.main3_list li a::after{ display: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.4); z-index: 100;}
.main3_list li:hover{color: #fff;  border-radius: 20px;  border: 2px solid transparent;   background-image:linear-gradient(#fff, #fff),  linear-gradient(315deg, #f29700 0%, #3a2a8a 100%); border-image-slice: 1; transform: translateY(-20px); background-origin:border-box; background-clip:padding-box, border-box; border-radius: 20px;}
.main3_list li:hover a::after{display: block; }
.main3_list li:hover p{color: #fff; z-index: 200;}
.main3_list li:hover span{color: #fff; z-index: 200;}
.main3_list li:hover .main3_bg{opacity: 1; visibility: visible; z-index: -1;}
.main3_bor{margin-top: 20px;}


/*메인4*/
.main_4{margin: 150px 0;}
.main4_top{}
.main4_top p{font-size: 2.4rem; margin: 30px 0 50px;}

.main4_wrap{border-top: 1px solid #000; padding:50px 0; opacity: 0.3;}
.main4_wrap ul{display: flex; justify-content: space-between; }
.main4_wrap ul li{width: 49%;}
.main4_wrap ul li.main4_left{display: flex; flex-direction: column; justify-content: space-between;}
.main4_wrap ul li.main4_left h4{font-size: 3rem; font-weight: 800;}
.main4_wrap ul li.main4_left a{width: 120px;  display: flex; align-items: center; justify-content: space-between; padding: 10px 0; transition: all .3s;}
.main4_wrap ul li.main4_left a span{font-size: 1.6rem;}
.main4_wrap ul li.main4_left a i{font-size: 1.8rem; transition: all .3s;}
.main4_wrap ul li.main4_left a:hover i{transform: translateX(5px);}
.main4_wrap ul li.main4_right{}
.main4_wrap ul li.main4_right p{font-size: 1.8rem; margin-bottom: 30px;}
.main4_wrap ul li.main4_right img{border-radius:15px; width: 100%;}
.main4_scroll3{border-bottom: 1px solid #000 ;}

/*메인5*/
.main_5{margin-bottom: 200px;}
.main5_top{display: flex; justify-content: space-between; align-items: end;}
.main5_top li{}
.main5_top li p{font-size: 2.4rem; margin-top: 30px;}
.main_5 .news_wrap{margin-top: 50px;}








/*******************************반응형*************************************/
@media (max-width: 1770px) {  
  
 
 
}
@media (max-width: 1540px) {  
  .main_inner{width: 95%;}
  .main_tit{font-size: 4rem;}

  /*메인비주얼*/
  .section1 .mySwiper .swiper-slide .visual_wrap{width: 90%;}
  .mv_control_wrap{width: 90%;}
  .mv_control_wrap .mv_pagi{width: 23%;}
  
  
}
@media (max-width: 1380px) {  
    /*메인비주얼*/
    .main_v_auto{left: 70px;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 6rem};
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 3.2rem;}
  .main_tit{font-size: 3.8rem;}

  /*메인2*/
  .main2_top p{font-size: 2.2rem;}

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

  /*메인4*/
  .main4_wrap ul li.main4_left h4{font-size: 2.6rem;}


  
}
@media (max-width: 1280px) {  
     /*메인비주얼*/
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 5rem;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 2.6rem;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 2.8rem;}
  
    /*메인2*/
    .main_2{margin: 150px 0 100px;}
    .main2_top p{margin: 30px 0; font-size: 2rem;}






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

  .main_tit{font-size: 3.2rem;}

      /*메인비주얼*/
      .mouse_wrap{width: 200px; height: 200px; background-size: cover;}
      .mouse_wrap .txt{font-size: 1.4rem;}
      .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 4rem;}
      .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 2.4rem;}
      .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 2.6rem;}
      .mv_control_wrap .mv_pagi{width: 29%;}
      
      
      /*메인3*/
      .main_3{padding: 100px 0; height: auto;}
      .main3_top{flex-direction: column;}
      .main3_left{width: 100%; margin-bottom: 30px; text-align: center;}
      .main3_top .main3_list{width: 100%; justify-content: space-between;}
      .main3_list li a::after{display: block; z-index: -1;     background: rgb(0, 0, 0, 0.5)}
      .main3_list li .main3_bg{opacity: 1; visibility: inherit; z-index: -1;}
      .main3_list li{background: transparent;}
      .main3_list li p{color: #fff;}
      .main3_list li span{color: #fff;}
      .main3_list li p{font-size: 2.4rem; font-weight: 600;}

        /*메인4*/
      .main4_top p{font-size: 2.2rem;}

    /*메인5*/
    .main5_top li p{font-size: 2.2rem;}




}

@media (max-width: 800px) {  

  .main_tit{font-size: 2.8rem;}


   /*메인비주얼*/
   .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 3rem;}
   .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 2.2rem;}
   .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 2.4rem;}
   .mv_control_wrap .mv_pagi{width: 40%;}


    /*메인2*/
    .main_2{margin: 100px 0;}
    .main2_top p{ font-size: 1.8rem;}
    .main2_top p br{display: none;}
    .main_2::before{width: 500px; height: 500px; background-size: cover;}
  

    /*메인3*/
    .main3_left p{font-size: 2.2rem;}
    .main3_list{flex-wrap: wrap; justify-content: space-between;}
    .main3_list li{width: calc((100% - 30px) / 2);}
    .main3_top .main3_list li{width: calc((100% - 30px) / 2);}
    .main3_list li p{font-size: 2.2rem;}

    /*메인4*/
    .main4_top p{font-size: 2rem;}
    .main4_wrap ul li.main4_left h4{font-size: 2.2rem;}




}
@media (max-width: 650px) {  
  .main_tit{font-size: 2.4rem;}

    /*메인비주얼*/
    .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 2.5rem;}
    .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 br{display: none;}
    .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 2rem;}
    .mv_control_wrap .mv_pagi{width: 47%;}
    .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 2.2rem;}
     
    /*메인2*/
    .main2_top p{ font-size: 1.6rem;}

    /*메인3*/
    .main3_left p{font-size: 2rem;}
    .main3_list li p{font-size: 2rem;}
    .main3_list li span{font-size: 1.6rem;}
    .main3_list li a{padding: 20px;}

    /*메인4*/
    .main_4{margin: 100px 0;}
    .main4_top p{font-size: 1.8rem;}
    .main4_wrap{opacity: 1;}
    .main4_wrap ul{flex-direction: column;}
    .main4_wrap ul li{width: 100%;}
    .main4_wrap ul li.main4_left{margin-bottom: 20px;}
    .main4_wrap ul li.main4_left h4{margin-bottom: 20px; font-size: 2rem;}

    /*메인5*/
    .main_5{margin-bottom: 100px;}
    .main5_top{flex-direction: column; align-items: start;}
    .main5_top li:nth-child(1){margin-bottom: 20px;}
    .main5_top li p{margin-top: 20px; font-size: 2rem;}
    .main_5 .news_wrap{margin-top: 30px;}




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

  .main_tit{font-size: 1.8rem;}

  /*메인비주얼*/
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 2rem;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 1.6rem;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info h3{font-size: 1.6rem;}
  .mouse_wrap{display: none;}
  .mv_control_wrap .scroll{display: none;}
  .mv_control_wrap .mv_pagi{width: 100%;}
  .mv_control_wrap .mv_pagi .main_v_navi{width: 150px;}

  /*메인2*/
  .main2_img{flex-direction: column;}
  .main2_img li:nth-child(1){width: 100%; margin: 0 auto 20px;}
  .main2_img li:nth-child(2){width: 100%;}
  .main_2::before{width: 90%;}

  /*메인3*/
  .main3_left p{font-size: 1.6rem; margin-top: 10px;}
  .main3_top .main3_list li{width: 100%;}
  .main3_list li{width: 100%;}
  .main3_list li p{font-size: 1.8rem;}


  /*메인4*/
  .main4_top p{font-size: 1.6rem;}
  .main4_wrap ul li.main4_left h4{font-size: 1.7rem;}
  .main4_wrap ul li.main4_right p{font-size: 1.6rem;}

  /*메인5*/
  .main5_top li p{font-size: 1.6rem;}

 
  
}
@media (max-width: 450px) {  
 
 
  
}