.main_inner{max-width: 1280px;margin:100px auto;width: 90%; }

/*============* MAIN VISUAL ============*/
.section1 .mySwiper .swiper-slide .slide_bg { height: 500px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
.section1 .mySwiper .swiper-slide .visual_wrap { position: absolute; top: 45%; left: 13%; transform: translateY(-50%); width: 50%; max-width: 1500px; } 
.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: 36px; padding-bottom:20px; } 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span{font-size: 36px; display: block; font-weight: 600; margin-bottom: 5px;}
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size:18px; font-weight: 300; line-height: 1.5;} 
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info a{margin-top: 15px; width: 200px; height: 45px; line-height: 45px; font-size: 18px; text-align: center; display: inline-block;border: 1px solid #fff; color: #fff; transition: all .3s;}
.section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info a:hover{background-color: var(--main-color);}
/* main_btn */
.main_btn { background: var(--sub-color); width: 240px; margin-top: 80px; transition:all .3s; } 
.main_btn:hover { box-shadow: 1px 0px 7px 1px #d3d3d3; } 
.main_btn a { padding: 22px 0px; font-size: 1.6rem; color: #fff; text-align: center; } 
.main_btn a b { font-weight: 400; } 
.main_btn a i { font-size: 25px; } 
.index_wrap .slider_1 { background-image: url(../img/main_visual_1_1.jpg); } 
.index_wrap .slider_2 { background-image: url(../img/main_visual_2_1.jpg); } 
.index_wrap .slider_3 { background-image: url(../img/main_visual_3_1.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 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.4s; margin-right:4px; } 
   .index_wrap .mySwiper .swiper-slide.swiper-slide-active .visual_info a{animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both; animation-delay: 0.5s;}

   @keyframes text-up { 
    from { transform: translate3d(0, 150%, 0); } 
    to { transform: translate3d(0, 0, 0); } 
    }
   
    /* pagnation */
   .control_wrap { display: flex; position: absolute; bottom: 10%; left: 13.2%; width: 150px; height: 40px;  justify-content: space-between; flex-direction: row; } 
   .control_wrap .swiper-pagination { text-align:left; position: relative; width: 100px; display: flex; height: 40px; justify-content: space-between; align-items: center; top: 0; width: 100px !important;} 
   .control_wrap .swiper-pagination-bullet { width: 8px; height: 8px; background: #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; } 
   .control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before { content:''; display:block; position:absolute; width: 20px; height: 20px; border:1px solid #fff; 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; } 



 /*메인2*/
 .main_2{ }
 .main_2 .main_2_inner{text-align: center;}
 .main_2 .main_2_inner{max-width: 1920px; margin: 0 auto;}
 /* .main_2 img{border-radius: 30px;} */
 .main_2 img.mo_block{display: none;}


/*메인3*/
.main_3{}
.main_3 .main_inner{position: relative;}
.main_3 .main_tit{font-size: 40px; text-align: center; margin-bottom: 50px;}
.main_3 .main_pro{position: relative;}
.main_3 .main_pro .swiper-slide{border: 1px solid #ccc; padding: 20px; }
.main_3 .main_pro .swiper-slide a{overflow: hidden; position: relative;display: block; }
.main_3 .main_pro .swiper-slide a img{display: block; width: 100%; height: auto; transition: all .3s;}
.main_3 .main_pro .swiper-slide a p{    font-size: 20px;  transition: all .3s; margin-top: 20px;}
.main_3 .main_pro .swiper-slide a div{margin: 20px 0; display: flex; align-items: center;}
.main_3 .main_pro .swiper-slide a div span{font-size: 14px; margin-right: 20px;}
.main_3 .main_pro .swiper-slide a div i{font-size: 20px; transition: all .3s;}
.main_3 .main_pro .swiper-slide a:hover div{color: var(--main-color);  }
.main_3 .main_pro .swiper-slide a:hover div i{transform: translateX(10px);}
.main_3 .main_pro_cont{position: absolute; right: 0px; top: 10%;  width: 85px; display: flex; justify-content: space-between; }
.main_3 .main_pro_cont  div{ background: #fff;  box-shadow: 1px 1px 3px 0px #cacaca; padding: 10px;  cursor: pointer; }
.main_3 .main_pro_cont div i{font-size: 15px; color: var(--main-color); font-weight: 700;}

/*메인4*/
.main_4{ padding: 100px 0; background: url(../img/bg_about.jpg) no-repeat; background-size: cover;}
.main_4 .main_inner{margin: 0 auto;}
.main_4 .main_tit{font-size: 34px; color: #fff; text-align: center;margin-bottom: 30px;}
.main_4 .main_about{display: flex; align-items: center; justify-content: space-between;}
.main_4 .main_about li{width: calc(100% / 4 - 20px); margin: 0 10px; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.main_4 .main_about li img{width: 100%; border-radius: 10px; }
.main_4 .main_about_txt{text-align: center; margin-top: 30px;}
.main_4 .main_about_txt p{font-size: 20px; color: #fff; line-height: 1.5;}
.main_4 .main_about_txt p i{display: block;}

.main_section4{position: relative;}
.main_section4 .control_arrow { width: 85px; display: flex; justify-content: space-between; position: absolute; right: 0; top: -55px; } 
.main_section4 .control_arrow .custom_arrow { background: #fff;  box-shadow: 1px 1px 3px 0px #cacaca; padding: 10px;  cursor: pointer;}
.main_section4 .control_arrow .custom_arrow i{font-size: 15px; color: var(--main-color); font-weight: 700;}


/*메인5*/
.main_5{}
.main_5 .main_tit{text-align: center; font-size: 34px; margin-bottom: 30px;}



/*메인6*/
.main_6{padding: 80px 0; background-color:#edf1fb ;}
.main_6 .main_inner{margin: 0 auto;}
.main_contact{display: flex; justify-content: space-between;}

.main_contact li:nth-child(1){width: 300px;}
.cs{}
.cs h3{font-size: 20px; }
.cs p{font-size: 15px; line-height: 1.5; margin-top: 10px; color: #444;}
.main_contact li .top_tel{font-size: 34px; margin:20px 0; font-weight: 600; display: block;}

.main_cs_bot{}
.main_cs_bot p{font-size: 16px; color: #444; margin-bottom: 10px;}
.main_cs_bot p span{margin-right: 15px; display: inline-block; width: 50px;}


.main_contact li:nth-child(2){width: 770px;}
.contact_us{display: flex; justify-content: space-between;}


.contact_us .main_form{width: 520px;}
.contact_us .main_form ul{display: flex; justify-content: space-between; flex-wrap: wrap;}

/* .contact_us .main_form ul li { width:170px; margin-right:5px; margin-bottom:5px; border:1px solid #d5e0fa; border-radius:4px; overflow:hidden; background-color:#fff;}
.contact_us .main_form ul li.span3 {width:100%; margin-right:0;} 
.contact_us .main_form ul li:nth-child(3n) {margin-right:0;}
.contact_us .main_form ul li .ip_comm[type=file] {line-height:44px;}
.contact_us .main_form .set_btn {display:flex; justify-content: space-between; margin-top:10px;}
.contact_us .main_form  .set_agree label, .set_agree a, .set_agree p {font-size: 14px; margin-bottom:10px; color: firebrick;}
.ip_comm	{display:block; width:100%; height:44px; padding:0 10px; border:0; background-color:transparent; border-radius:0; box-sizing:border-box; outline:none; font-size: 14px;}
.ip_comm:focus	{background-color: #ffffee;}
.ip_comm.tel	{float:left; width:32%;}
.ip_comm.tel+.bar	{float:left; width:2%; text-align:center; line-height:44px; }
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0;}
textarea.ip_comm	{height:100px; padding:10px; line-height:1.5;}
.btn_sm	{display:flex; align-items: center; justify-content: center; text-align: center; width: 140px; height:50px; background-color: #28499a; border-radius:50px; font-size: 16px; font-weight: 500; color:#fff; border: none;} */




/* .inquiry_form{width: 520px;}
.main-inquiry-list{display: flex; justify-content: space-between;}
.main-textarea{height:100px; padding:10px; line-height:1.5;}
.main_inq{display: flex; justify-content: space-between;}
.main-inquiry-list li{}
.main-inquiry-list li input{height: 40px; border: none; width: 100%;} */



.main-form-btn{display:flex; align-items: center; justify-content: center; text-align: center; width: 140px; height:50px; background-color: #28499a; border-radius:50px; font-size: 16px; font-weight: 500; color:#fff; border: none;}


/* 개인정보처리방침*/
.privacy .pop_wrap{width: 800px; }
.email .pop_wrap, .modal .pop_wrap{width: 800px;}
.layerpopup{display: none; position:fixed; top: 0; left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);z-index:999999999999;overflow:auto;}
.layerpopup .pop_wrap{margin:70px auto 50px;padding:20px;background:#fff;box-sizing:border-box;border:1px solid #c1c1c1;position:relative;  height: 700px;}
.layerpopup .pop_wrap .pop_tit{font-size: 25px; text-align: center;margin: 50px 0 ; color: var(--main-color); font-weight: 600;}
.layerpopup .pop_wrap .pop_content{border: 1px solid #ddd; margin-bottom: 20px; padding: 20px; background-color: #f7f7f7;}
.layerpopup .pop_wrap .pop_content h3{font-size: 18px; font-weight: 500; margin-bottom: 20px;}
.layerpopup .pop_wrap .pop_content p{font-size: 16px;line-height: 1.2; word-break: keep-all;}

.layerpopup .pop_wrap .pop_close{position: absolute; right: 30px; top: 30px;}
.layerpopup .pop_wrap .pop_close i{color: var(--main-color); font-size: 30px; transition: all .5s;}
.layerpopup .pop_wrap .pop_close:hover i{transform: rotate(360deg);}
.privacy .pop_wrap textarea{width: 100%;height: 500px;background-color: #f4f4f4; font-size: 16px; word-break: keep-all;}
.email .pop_wrap, .modal .pop_wrap {height: auto;}
.modal .pop_wrap .pop_content{height: 500px; overflow-y: scroll;}


.none{display: none;}

.mf_style1_wrap{}
.mf_style1_wrap table{}
/* .mf_style1_wrap table tr td{border: 1px solid #d5e0fa;} */
.mf_style1_wrap table tr td input{height: 40px; border: none;padding: 10px;}
.mf_style1_wrap table tr td input::placeholder{background-color: #fff;}
.mf_style1_wrap table tr td input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px #fff inset;}
.mf_style1_wrap table tr td input[type=file]{width: 100%; padding: 10px; background-color: #fff;}
.mf_style1_wrap table tr td textarea{height: 100px; width: 100%;  border: none; padding: 10px;}
.inquiry_agree{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.agree_txt{font-size: 14px; color: #444;}










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

 @media (max-width: 1380px) {  
  
  .section1 .mySwiper .swiper-slide .visual_wrap{left: 7%;}
  .control_wrap{left: 7%;}


   
    
 }

 @media (max-width: 1280px) {  
  /*메인비주얼*/
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 38px;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span{font-size: 38px;}
  /*메인2*/
  .main_2 img{width: 100%;}
   
  .main_section4 ul li img{width: 100%;}
    
 }

 @media (max-width: 1024px) {  
  /*메인비주얼*/
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 32px;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span{font-size: 32px;}

  .main_3 .main_tit{font-size: 32px;}
  .main_4 .main_tit{font-size: 32px;}
  .main_5 .main_tit{font-size: 32px;}
    
  .main_3 .main_pro .swiper-slide{padding: 10px;}
  .main_contact{flex-direction: column;}
  .main_3 .main_pro_cont{top: 5%;}
  .main_contact li{margin: 20px 0;}
  .main_contact li:nth-child(1), .main_contact li:nth-child(2){width: 100%; }
  .main_contact li:nth-child(2){margin-top: 30px;}

  .layerpopup .pop_wrap{width: 90%;}
 }

 @media (max-width: 800px) {  
   
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size:28px ;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span{font-size:28px ;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 18px;}

  .main_2 img.pc_none{display: none;}
  .main_2 img.mo_block{display: block;}
  
  .main_3 .main_tit{font-size: 28px;}
  .main_4 .main_tit{font-size: 28px;}
  .main_5 .main_tit{font-size: 28px;}
    
  /*메인3*/

  .swiper-button-next:after{font-size: 30px;}
  .swiper-button-prev:after{font-size: 30px;}
  .main_3 .main_pro .swiper-slide a p{font-size: 18px; font-weight: normal;}

  .main_4 .main_about_txt p{font-size: 18px;}
  .contact_us{flex-direction: column;}
  .contact_us .main_form{width: 100%;}
  .mf_style1_wrap table{width: 100%;}
  .mf_style1_wrap table tr td input{width: 100%;}

 }

 @media (max-width: 650px) {  

  .section1 .mySwiper .swiper-slide .slide_bg{height: 600px;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1{font-size: 24px;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .title_box h1 span{font-size: 24px;}
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p{font-size: 16px;}
   
  .main_3 .main_tit{font-size: 24px;}
  .main_4 .main_tit{font-size: 24px;}
  .main_5 .main_tit{font-size: 24px;}
    



  .main_4 .main_about{flex-wrap: wrap;}
  .main_4 .main_about li{width: calc(100% / 2 - 20px); margin: 10px;}
  .main_4 .main_about_txt p i{display: inline;}
  .cs{margin-bottom: 20px;}
  .layerpopup .pop_wrap{height: 450px;}
  .privacy .pop_wrap textarea{height: 250px;}
  .modal .pop_wrap .pop_content{height: 250px;}
  
 }


 @media (max-width: 480px) {
  .section1 .mySwiper .swiper-slide .visual_wrap{width: 90%; left: 50%;top: 50%; transform: translate(-50%, -50%); }
  .section1 .mySwiper .swiper-slide .visual_wrap .visual_txt_box .visual_info p br{display: none;}
  .section1 .mySwiper .swiper-slide .visual_wrap{}


  .main_3 .main_tit{font-size: 22px;}
  .main_4 .main_tit{font-size: 22px;}
  .main_5 .main_tit{font-size: 22px;}


  
   /*메인3*/
   .main_3 .main_pro{width: 90%;}
   .main_3 .main_pro_cont{top: inherit; bottom: -65px; right: 0; width: 100%; justify-content: center; }
   .main_3 .main_pro_cont div{margin-right: 10px;}
   .main_section4 .control_arrow{top: inherit; bottom: -165px; width: 100%; justify-content: center;}
   .main_section4 .control_arrow .custom_arrow{margin-right: 10px;}
  .swiper-button-next:after{font-size: 24px;}
  .swiper-button-prev:after{font-size: 24px;}
  .main_3 .main_pro .swiper-slide a p{font-size: 16px;}

  .main_4 .main_about_txt p{font-size: 16px;}

  .main_contact li .top_tel{font-size: 30px;}
  .inquiry_agree{flex-direction: column; }
   .mf_btn{margin-top: 20px;}
    
 }
 @media (max-width: 400px) {

  .main_section4 .control_arrow{bottom: -215px;}
 }