.main_inner{max-width: 1512px; width: 100%; margin: 0 auto;}
.main_visual{background-color: #000; padding-top: 200px; margin-bottom: 80px; padding-bottom: 40px; height: 1260px;}
.main_v_wrap{margin-bottom: 80px;}
.main_v_wrap h2{font-size:7.2rem; color: #fff; margin-bottom: 50px; text-align: center;}
.main_v_wrap p{font-size: 2.4rem; color: #fff; line-height: 1.5; text-align: center;}
.main_visual_img{width: 30%; margin: 0 auto; transition: all .8s;}
.main_visual_img img{width: 100%;}
.main_visual_img.active{width: 100%; transition: all .8s;}


/*메인2*/
.main_2{position: relative; margin: 60px 0 150px;}
.main_2 .main_inner{position: relative;}
.main_2 .main2_tit{font-size: 11.5rem; position: absolute; left: 0; top: 0; font-weight: 400; line-height: 1;}
.main2_list{display: flex; align-items: end; justify-content: space-between; padding-top: 120px;}
.main2_list li{width:calc(100% / 2 - 20px); }
.main2_list .main2_thum{position: relative;}
.main2_list .main2_thum .mySwiper{width: 80%; margin: 0 auto;}
.main2_list .main2_thum .swiper-slide{opacity: 0.5; cursor: pointer;}
.main2_list .main2_thum .swiper-slide img{width: 190px;}
.main2_list .main2_thum .swiper-slide.swiper-slide-thumb-active{opacity: 1;}

.main2_slide_btn{position: absolute;width: 100%; height: 100%; top: 0;}
.main2_slide_btn .swiper-button-next{}
.main2_slide_btn .swiper-button-prev{}
.main2_slide_btn div{}
.main2_slide_btn div::after{display: none;}
.main2_slide_btn div i{font-size: 6rem; color: #000; }


.main2_list .main2_slide{position: relative;}
.main2_list .main2_slide .mySwiper2{width: 70%; margin: 0 auto;}
.main2_list .main2_slide .main2_big_img{position: relative; cursor: pointer;}
.main2_list .main2_slide .main2_big_img img{}

.main2_list .main2_slide .main2_big_img .main2_hover{background: linear-gradient(to top, rgba(255,255,255,0.95) 10%,rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: end; text-align: center;  transition: all .3s; opacity: 0;}
.main2_list .main2_slide .main2_big_img .main2_hover img{width: 35%;}
.main2_list .main2_slide .main2_big_img .main2_hover p{font-size: 1.8rem; padding: 25px;}
.main2_list .main2_slide .main2_big_img:hover .main2_hover{opacity: 1; transition: all .3s !important;}

.main2_list .main2_slide .main2_btn{width: 190px; height: 190px; background-color: #090909; position: absolute; right: 0; top: -65px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all .3s; z-index: 10;}
.main2_list .main2_slide .main2_btn i{color: #fff; font-size: 4rem;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.main2_list .main2_slide .main2_btn img{width: calc(100% - 30px); height: calc(100% - 30px); transition: all .3s;  -webkit-animation: rotate 8s linear infinite;
  animation: rotate 6s linear infinite;}
.main2_list .main2_slide .main2_btn:hover img{transform: scale(1.1); transition: all .3s;}

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

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


/*메인3*/
.main3{margin:170px 0 ; }
.main3 h2{font-size: 7.2rem; margin-bottom: 80px;text-align: center; font-weight: 400;}
.main3_list{display: flex; justify-content: space-between; width: 80%; margin: 0 auto;}
.main3_list li{width:calc(100% / 3 - 100px) ;  border: 1px solid #000; transition: all .3s;}
.main3_list li a{display: flex; justify-content: center; align-items: center; padding: 30px 10px; font-size: 2.4rem;}
.main3_list li:hover{background-color: var(--main-color);}
.main3_list li:hover a{color: #fff;}






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

  /*비주얼*/
.main_v_wrap h2{text-align: center;}
.main_visual{height: 1480px;}

/*메인2*/
.main2_list .main2_thum .swiper-slide img{width: 100%;}


   
}
@media (max-width: 1380px) {  
    /*비주얼*/
    .main_v_wrap h2{font-size: 6.2rem;}
  .main_visual{height: 1330px;}

  /*메인2*/
.main_2 .main2_tit{font-size: 10rem;}
.main2_list{padding-top: 70px;}
.main2_list .main2_slide .mySwiper2{width: 80%;}

   
}
@media (max-width: 1280px) {  
    
   /*비주얼*/
  .main_v_wrap h2{font-size: 5rem;}
  .main_visual_img{width: 40%;}

    /*메인2*/
.main_2 .main2_tit{font-size: 9rem;}
.main2_list .main2_slide .mySwiper2{width: 100%;}

    /*메인3*/
.main3 h2{font-size: 6.2rem;}
.main3_list{width: 100%;}

   
}
@media (max-width: 1080px) {  
      /*비주얼*/
  .main_v_wrap h2{font-size: 4.5rem;}
   .main_visual_img{width: 100%;}
.main_visual{height: auto;padding: 150px 0 80px;}

    /*메인2*/
.main_2 .main2_tit{font-size: 8rem;}
.main2_list .main2_slide .main2_big_img img{width: 100%;}
.main2_list .main2_slide .mySwiper2{width: 90%;}
.main2_list .main2_slide .main2_btn{width: 160px; height: 160px;}
.main2_slide_btn div i{font-size: 4rem;}

    /*메인3*/
  .main3{margin: 130px 0;}
  .main3 h2{font-size: 5rem;}
  .main3_list li{width: calc(100% / 3 - 70px);}



}
@media (max-width: 960px) { 
  /*메인2*/
  .main_2 .main2_tit{font-size: 7rem; position: inherit;}
  .main2_list{flex-direction: column;}
  .main2_list li{width: 100%; }
  .main2_list .main2_thum{order: 2;}
  .main2_list .main2_slide{width: 70%; margin: 0 auto 50px;}

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

  /*비주얼*/
  .main_v_wrap h2{font-size: 3.5rem;}
  .main_v_wrap p{font-size: 2.2rem;}


  /*메인2*/
  .main_2{margin: 60px 0 80px;}
  .main_2 .main2_tit{font-size: 6rem; text-align: center;}
  .main_2 .main2_tit br{display: none;}
  .main2_list .main2_slide{width: 80%;}
  .main2_list .main2_slide .mySwiper2{width: 100%;}
  .main2_list .main2_slide .main2_btn{right: -30px;}


  /*메인3*/
  .main3 h2{font-size: 4rem; margin-bottom: 40px;}
  .main3_list li{width: calc(100% / 3 - 30px);}
  .main3_list li a{font-size: 2.2rem; padding: 25px 10px;}


   
}
@media (max-width: 650px) {  
      /*비주얼*/
  .main_v_wrap h2{font-size: 3rem; margin-bottom: 30px;}
  .main_v_wrap p{font-size: 2rem;}
  .main_visual{padding: 100px 0 80px;}
  .main_v_wrap{margin-bottom: 50px;}

    /*메인2*/
  .main2_list .main2_slide .main2_big_img .main2_hover{opacity: 1;}
  .main_2 .main2_tit{font-size: 4.5rem; }
.main2_list .main2_slide .main2_btn{width: 130px; height: 130px;}
.main2_list .main2_slide .main2_btn i{font-size: 3rem;}
.main2_list .main2_slide .main2_btn img{width:calc(100% - 20px) ; height: calc(100% - 20px);}

   
  /*메인3*/
  .main3{margin: 0 0 80px;}
  .main3 h2{font-size: 3rem;}
.main3_list{flex-direction: column;}
.main3_list li{width: 100%; margin-bottom: 15px;}
.main3_list li:last-child{margin-bottom: 0;}
.main3_list li a{font-size: 2rem; padding: 20px 10px;}


}
@media (max-width: 480px) {  
      /*비주얼*/
  .main_v_wrap h2{font-size: 2.5rem;}
  .main_v_wrap p{font-size: 1.8rem;}
  
  /*메인2*/
  .main_2 .main2_tit{font-size: 3.2rem;}
.main2_list .main2_slide .main2_big_img .main2_hover p{font-size: 1.2rem; padding: 15px;}
.main2_list .main2_slide .main2_btn{width: 100px; height: 100px; top: -40px; right: -20px;}
.main2_list{padding-top: 50px;}


  /*메인3*/
  .main3 h2{font-size: 2.5rem;}
  .main3_list li a{font-size: 1.8rem;}

}
@media (max-width: 400px) {  
 /*비주얼*/
  .main_v_wrap h2{font-size: 2.2rem;}
  .main_v_wrap p{font-size: 1.6rem;}

}