h1, h2, h3, h4, h5, h6, p{word-break: break-all !important;}
.index_wrap{width: 100%;}
.index_wrap .section { position: relative; overflow: hidden; } 
.index_wrap .section_wrap { width: 90%; margin: 0 auto; } 
.main_inner{max-width: 1380px; margin: 0 auto; width: 90%;}
.main_tit.s_event{opacity: 0; filter:Alpha(opacity=0);  transition: 0.8s; transform: translateY(50%);}
.main_tit.s_event.move{opacity: 1; filter:Alpha(opacity=1);  transition: 0.8s; transition-delay: 0.1s;  transform: translateY(0%);}

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

.index_wrap .section { position: relative; overflow: hidden; } 

/*메인비주얼*/
.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; top: 50%; left: 50%; transform: translate(-50% , -50%);  max-width: 1380px; width: 90%;} 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box { color: #fff; font-size: 16px; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box { padding-bottom: 40px; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2 { font-size: 100px; font-weight: 700; transition: all .3s; font-family: 'Rajdhani', sans-serif; letter-spacing: -2px; line-height: 1.15; } 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h3 { font-size: 30px; line-height: 2; font-weight: 500;} 

.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box p { font-size: 22px; line-height: 1.3; font-family: 'SUIT'; } 




.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); } 

@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 h2 { 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 .title_box h3 { animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay:0.4s; } 
.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; } 

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

 /* pagnation */
.control_wrap { display: flex; position: absolute; bottom: 25%; left: 15%; align-items: flex-end; justify-content: flex-start; } 
.control_wrap .swiper-pagination { text-align:left; position: relative; width: 80px !important; display: flex; justify-content: space-between; align-items: center; } 
.control_wrap .swiper-pagination-bullet { width: 8.5px; height: 8.5px; background: #acacac; 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 { margin: 0; opacity: 1; position: relative; z-index: 0; } 
.control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before { content:''; display:block; position:absolute;
     background: url(../../img/selected_dot.png) no-repeat center center;

      width: 28px; height: 28px; background-size: contain; left: -10px; top: -10px; z-index: 10; } 
 /* 정지재생 */
 .slide_btn { position: relative; cursor: pointer; z-index: 100; left: 28px; bottom: 0; background: #fff; border-radius: 50%; padding: 5px; box-shadow: 1px 1px 1px #dcdcdc; } 
 .slide_btn span { display: none; } 
 .slide_btn span.on { display: inline-block; } 
 .slide_btn .xi-pause { color: #222; font-size: 18px; font-weight: 100; } 
 .slide_btn .xi-play { color: #111; font-size: 18px; } 

 /* mouse wheel */
.mouse_wrap { position: absolute; bottom: 100px; /* left: 50%; */right: -10px; z-index: 99; transform: translateX(-50%); opacity: 0.8; } 
.mouse_wrap span { display:block; color:#fff; z-index:999; letter-spacing:0.5pt; font-weight:400; font-size: 13px; transform: rotate(90deg); position: relative; bottom: 64px; } 
.mouse_wrap span::after { content:''; display:block; width: 20px; height:2px; background:#fff; position:absolute; left: 65px; bottom: 6px; } 
.mouse_wheel { display:block; color:#fff; position: relative; left: 42%; } 

/*mouse-wheel icon*/
 .mouse_wheel i { font-size: 0; animation: scrollDown 1.5s linear infinite; position:
 absolute; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; } 
 @keyframes scrollDown { 0%,100% { top:0; } 
 50% { top:20px; } 
 }
 



/*메인2*/
.main_product{display: flex; flex-wrap: wrap; width: 100%; height: 100%; padding-top: 80px;}
.main_product li{width: calc(100% / 5);  overflow: hidden; }
.main_product li a{display: block; width: 100%; height: 100%; position: relative; padding: 40px; transition: all .3s ease-in;}
.main_product li .main2_img{   position: absolute; left: 50%; bottom: 40px;   width: 90%; transform: translateX(-50%);  }
/* .main_product li .main2_img img{width: 100%;} */
.main_product li .main2_img p{font-size: 30px; color: #fff;}
.main_product li .main2_hov{width: 100%;  display: none ;    padding-top: 30px; transition: all .5s ease-in-out;}
.main_product li .main2_hov .hov_wrap{position: relative; width: 100%;}
.main_product li .main2_hov .hov_wrap p{font-size: 16px; color: #fff; line-height: 1.3; margin-bottom: 10px; position: relative;  }
.main_product li .main2_hov .hov_wrap p::before{content: ""; width: 2px; height: 2px; background-color: #fff; position: absolute; left: -10px; top: 10px;}
.main_product li .main2_hov .hov_wrap p i{display: block;}
.main_product li .main2_hov .hov_wrap .more_btn{position: absolute; bottom: -10px; right: 0px; transition: all .5s; }
.main_product li .main2_hov .hov_wrap .more_btn:hover{transform: rotate(360deg);}
.main_product li:hover .main2_hov{display: block; } 
/* .main_product li:hover .main2_img >p{bottom: 250px; } */

.main_product li.close a{background-color: rgba(0,0,0,0.5);}


.main_product .main_por1{background: url(../../img/main2_img1.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por2{background: url(../../img/main2_img2.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por3{background: url(../../img/main2_img3.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por4{background: url(../../img/main2_img4.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por5{background: url(../../img/main2_img5.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por6{background: url(../../img/main2_img6.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por7{background: url(../../img/main2_img7.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por8{background: url(../../img/main2_img8.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por9{background: url(../../img/main2_img9.jpg) no-repeat;background-size: cover; background-position: center;}
.main_product .main_por10{background: url(../../img/main2_img10.jpg) no-repeat;background-size: cover; background-position: center;}



/*메인3*/
/* .main3{display: flex;  justify-content: space-between;}
.main3 h2{font-size: 50px; font-weight: 400; font-family: 'GmarketSans' , sans-serif;font-weight: 300; }
.main3 h2 span{font-family: 'Rajdhani', sans-serif; font-weight: 700; font-size: 22px; display: block; letter-spacing: -1px; margin-bottom: 20px;}
.main3 h2 b{color: var(--main-color); font-weight: 400;}
.arrow_wrap { text-align: center; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: nowrap; width: 90px; } 
.arrow_wrap > i { font-size: 25px; color:#000; cursor: pointer; display: inline; background-color: #fff; border-radius: 50%; width: 35px;height: 35px; font-weight: 300;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding-top: 5px;}  */
.section3 .section3_wrap { margin-left: auto; position: relative; left: 12%; } 
.section3_wrap .pro_slide_wrap { position: relative; } 
.section3 .section3_wrap .tit_wrap { padding-top: 6rem; padding-bottom: 50px;} 
.section3 .section3_wrap .tit_wrap .font-eng{    font-family: 'Rajdhani', sans-serif; font-size: 22px; font-weight: 700; display: block; margin-bottom: 20px;}
.section3 .section3_wrap .tit_wrap h2{font-size: 50px;font-family: 'GmarketSans' , sans-serif; font-weight: 300;}
.section3 .section3_wrap .tit_wrap h2 strong{font-weight: 400; color: var(--main-color);}
.section3_wrap .pro_slide_wrap .control_arrow { width: 94px; display: flex; justify-content: space-between; position: absolute; right: 26%; top: 15%; } 
.section3_wrap .pro_slide_wrap .control_arrow .custom_arrow { background: #fff; border-radius: 50%; box-shadow: 1px 1px 3px 0px #cacaca; padding: 10px; } 
.section3_wrap .pro_slide_wrap .control_arrow .custom_arrow i{font-size: 20px;cursor: pointer;}
.section3 .section3_wrap .pro_slide_wrap .swiper-slide { box-shadow: 1px 1px 9px 0px #dcdcdc; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide a { box-shadow: 0px 0px 6px 0px #dcdcdc; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info { padding: 3rem 3rem 0; height: 250px; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info { font-size: 20px; height: 100%; position: relative; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info h3 { padding-bottom: 1em; font-size: 1.3em; font-weight: 800; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info p { font-size: 1em; line-height: 1.4; color: #7c7c7cf7; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info span { position: absolute; bottom: 40px; color: var(--main-color); font-size: 1em; font-family: 'Rajdhani'; font-weight: 500; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_info .tech_info span i { position: relative; top: 3px; left: 10px; } 
.section3 .section3_wrap .pro_slide_wrap .swiper-slide .slide_box .product_img img { width: 100%; } 



/*메인4*/
.section4{background:url(../../img/section4_bg.jpg)no-repeat; width: 100%; height: 100%; background-size: cover;}
.main4_wrap .main_tit{font-family: 'Rajdhani', sans-serif; font-size: 80px;margin-bottom: 20px; text-align: center;}
.main4_wrap .main_move{font-size: 24px; text-align: center; font-family: 'GmarketSans' , sans-serif; font-weight: 300; line-height: 1.5;}
.main4_wrap .main_move span{color: var(--main-color); font-weight: 500;}
.main4{display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.main4>li{}
.main4 .main4_left{width: 42%;}
.main4 .main4_left .main4_lat{background-color: #0962b1;}
.main4 .main4_left .main4_left_bot{display: flex;margin-top: 15px; }
.main4 .main4_left .main4_left_bot>a{display: block; width: calc(100% / 2 - 20px);margin: 0 10px; padding: 30px; border: 1px solid #e8e8e8;width: 100%; background-color: #fff;}
.main4 .main4_left .main4_left_bot>a:nth-child(1){margin-left: 0;}
.main4 .main4_left .main4_left_bot>a:nth-child(2){margin-right: 0;}
.main4 .main4_left .main4_left_bot>a h3{font-family: 'Rajdhani', sans-serif; font-size: 24px; color: var(--main-color); margin-bottom: 20px;}
.main4 .main4_left .main4_left_bot>a p{font-size: 18px; color: #444; line-height: 1.4;}
.main4 .main4_left .main4_left_bot>a p i{display: block;}
.main4 .main4_left .main4_left_bot>a span{display: block; width: 100%; text-align: right; margin-top: 20px; color: #999; font-family: 'Rajdhani', sans-serif; font-size: 16px;}
.main4 .main4_left .main4_left_bot>a span i{transform: translateY(2px);}

.main4 .main4_right{width: 57%; display: flex;}
.main4 .main4_right>div{width:calc(100% / 2 - 20px); margin: 0 10px; padding: 40px; position: relative;}
.main4 .main4_right .main4_right_img1{background: url(../../img/main4_right_img1.jpg) no-repeat; background-size: cover; height: 410px;}
.main4 .main4_right .main4_right_img2{background: url(../../img/main4_right_img2.jpg) no-repeat; background-size: cover; height: 410px;}

.main4 .main4_right>div h3{font-size: 24px; color: #fff; margin-bottom: 30px; font-weight: 400;}
.main4 .main4_right>div p{font-size: 20px; color: #fff; line-height: 1.5;}
.main4 .main4_right>div .main4_btn{position: absolute; bottom: 40px; right: 40px;}
.main4 .main4_right>div .main4_btn a{display: flex; width: 160px;height: 50px;justify-content: space-around; align-items: center; border: 1px solid #fff; font-family: 'Rajdhani', sans-serif; font-size: 16px; color: #fff; transition: all .3s;}

.main4 .main4_left .main4_left_bot>a:hover{border: 2px solid var(--main-color);}
.main4 .main4_right>div .main4_btn a:hover{background-color:var(--main-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border: none;}






 /**********************************반응형****************************************/
 @media (max-width: 1750px){


     
 }
 @media (max-width: 1540px){
     /*메인비주얼*/
     .control_wrap{left: 6%; }

     /*메인2*/
     .main_product li .main2_img p{font-size: 28px;}
     .main_product li a{padding:30px ;}

     
  }
  @media (max-width: 1380px){
     /*메인비주얼*/
     .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2{font-size: 80px;}
     .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h3{font-size: 28px;}
 
      /*메인2*/
     .main_product li .main2_img p{font-size: 24px;}

     /*메인3*/
     .section3_wrap .pro_slide_wrap .control_arrow{right: 15%;}
     .section3 .section3_wrap{left: 5%;}
     .section3 .section3_wrap .tit_wrap h2{font-size: 40px;}
  }
  @media (max-width: 1280px){
     
      /*메인2*/
      .main_product{height: auto;}
      .main_product li a{padding: 10px;}
      .main_product li .main2_img{position: inherit; bottom: 0; height: 90%;}
      .main_product li .main2_img p{position: inherit; margin-bottom: 10px; font-size: 22px;}
      .main_product li .main2_hov{position: inherit; display: block; height: 90%; padding-top: 10px;}
      .main_product li .main2_hov .hov_wrap{height: 95%;}
      .main_product li .main2_hov .hov_wrap .more_btn{right: -15px; bottom: 0;}
      .main_product li:hover .main2_img >p{bottom: 0; }

      /*메인3*/
      .section3_wrap .pro_slide_wrap .control_arrow{right: 10%;}

       /*메인4*/
       .main4_wrap .main_tit{font-size: 70px;}
       .main4 .main4_right>div{padding: 20px;}
 
  }
  @media (max-width: 1024px){
      /*메인비주얼*/
      .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2{font-size: 60px;}
      .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h3{font-size: 24px;}

      /*메인2*/
      .main_product li{width: calc(100% / 4);}
      .main_product li .main2_hov .hov_wrap{height: 100%;}

       /*메인3*/
       .section3_wrap .pro_slide_wrap .control_arrow{top: 10%;}
       .section3 .section3_wrap .tit_wrap h2{font-size: 35px;}

       /*메인4*/
       .section4{padding: 50px 0; background-position: center;}
       .main4_wrap .main_tit{font-size: 60px;}
       .main4_wrap .main_move{font-size: 22px;}
       .main4{flex-direction: column;}
       .main4 .main4_left{width: 100%;}
       .main4 .main4_right{width: 100%;}
       .main4>li{margin: 10px 0;}
       .main4 .main4_right .main4_right_img1{height: auto;}
       .main4 .main4_right .main4_right_img2{height: auto;}
       .main4 .main4_right>div .main4_btn{position: inherit; bottom: 0; right: 0;}
       .main4 .main4_right>div .main4_btn a{width: 100%; margin-top: 20px;}
       .main4 .main4_right>div{padding: 30px 20px;}
 
  }
  @media (max-width: 800px){
     /*메인비주얼*/
     .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2{font-size: 50px;}
     .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info p{font-size: 18px;}

     /*메인2*/
     .main_product li{width: calc(100% / 3);}
     .main_product li .main2_img{width: 100%; height: 100%; padding: 20px;}
     .main_product li .main2_img p{font-size: 20px;}
     .main_product li .main2_hov .hov_wrap p:last-child{margin-bottom: 30px;}
     .main_product li .main2_hov .hov_wrap p i{display: inline;}
     .main_product li .main2_hov .hov_wrap .more_btn{bottom: 10px;}

     /*메인3*/
     .section3 .section3_wrap{left: 0; width: 90%; margin: 0 auto;}
     .section3 .section3_wrap .tit_wrap h2{font-size: 28px;}
     .section3_wrap .pro_slide_wrap .control_arrow{right: 0;}

   /*메인4*/
   .main4_wrap .main_tit{font-size: 45px;}
   .main4_wrap .main_move{font-size: 20px;}
   .main4 .main4_right>div h3{font-size: 22px;}
   .main4 .main4_right>div p{font-size: 18px;}


  }

  @media (max-width: 650px){
      /*메인비주얼*/
      .mouse_wrap{display: none;}

     /*메인2*/
       .main_product li{width: calc(100% / 2);}
       .main_product li .main2_hov .hov_wrap .more_btn{bottom: 0px;}

     /*메인3*/
     .section3 .section3_wrap .tit_wrap .font-eng{font-size: 20px;}
       .section3 .section3_wrap .tit_wrap h2{font-size: 24px;}

   /*메인4*/
   .main4_wrap .main_tit{font-size: 40px;}
   .main4 .main4_left .main4_left_bot{flex-direction: column;}
   .main4 .main4_left .main4_left_bot>a{width: 100%; margin: 5px 0;}
   .main4 .main4_left .main4_left_bot>a span{margin-top: 10px;}
   .main4 .main4_left .main4_left_bot>a p i{display: inline;}
   .main4 .main4_right{flex-direction: column;}
   .main4 .main4_right>div{width: 100%; margin: 10px 0;}
   .main4 .main4_right>div h3{font-size: 20px; margin-bottom: 20px;}
   .main4 .main4_right>div .main4_btn{width: 50%;}


  }
  @media (max-width: 480px){
     /*메인비주얼*/
     .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h2{font-size: 40px;}
     .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h3{font-size: 20px;}
     .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info p{font-size: 16px;}

       /*메인2*/
       .main_product li a{padding: 30px 20px;}
       .main_product li .main2_img{padding: 0;}
     .main_product li .main2_hov .hov_wrap .more_btn{width: 40px;}
     .main_product li .main2_hov .hov_wrap .more_btn img{width: 100%;}
     .main_product li .main2_img p{font-size: 16px;}

      /*메인3*/

      .section3 .section3_wrap .tit_wrap .font-eng{font-size: 16px;}
       .section3 .section3_wrap .tit_wrap h2{font-size: 20px;}

   /*메인4*/
   .main4_wrap .main_tit{font-size: 35px; }
   .main4_wrap .main_move{font-size: 18px;}
   .main4 .main4_left .main4_left_bot>a h3{font-size: 22px;}
   .main4 .main4_left .main4_left_bot>a p{font-size: 16px;}
   .main4 .main4_right>div h3{font-size: 18px;}
   .main4 .main4_right>div p{font-size: 16px;}
   .main4 .main4_right>div .main4_btn{width: 100%; }
  }

  @media (max-width: 400px){

      /*메인2*/
      .main_product li{width: 100%;}



  }