/* sub visual */
.sub_visual_wrap{position: relative;}
.sub_visual_box { width: 100%; height: 545px; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; overflow: hidden; } 

/* sub visual + pc_top_menu */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%;margin: 0 auto; height: 100%; padding-left: 30px;} 
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width:87px; font-size: 20px; align-items: center; height: 100%; word-break: keep-all; color: #111}  
.depth_wrap > div.home_btn {width: 70px;  } 
.depth_wrap > div.home_btn a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.depth_wrap > div.home_btn a span{font-size: 16px; }
.depth_wrap > div { padding: 0 30px; position: relative; cursor: pointer; width: 330px;} 
.depth_wrap > div::after{content: ""; display: block; width: 1px; height: 25px; background-color: #d6d6d6; position: absolute; top: 50%; right: 0;  transform: translateY(-50%);}
.depth_wrap > div.depth2::after{display: none;}
.depth_wrap > div.home_btn::before{content: ""; display: block; width: 1px; height: 50px; background-color: #ccc; position: absolute; top: 50%; left: 0;  transform: translateY(-50%);}


.depth_wrap > div.depth3 {/* display: none; *//* width: auto; */width: 100%;max-width: 250px; width: 250px;}  
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name i {line-height: 50px; font-size: 25px;} 
.visual_menu_wrap { width: 90%; background-color: #fff; height: 100px;  z-index: 99; display: flex; align-items: center; position: absolute; left: 10%; bottom: -1px;} 
.visual_menu_wrap.fixed{position: fixed; top: 81px;}
.visual_menu_wrap .com_depth { position: absolute; background: #f6f6f6; padding: 10px 20px; width: 97%; left: 50%; transform: translateX(-50%); top: 100px; z-index: 10; } 
.visual_menu_wrap .com_depth li:hover a{color: var(--main-color); font-weight: 600;}
.visual_menu_wrap .com_depth li.on a{color: var(--main-color);}
.visual_menu_wrap .com_depth li a.on{color: var(--main-color); }
.visual_menu_wrap .com_depth li a {padding: 15px 0; font-size: 16px; display: block; width: 100%; height: 100%; color: #444; } 
.visual_menu_wrap .com_depth li.on a{text-decoration: underline; text-underline-offset: 5px;}
.visual_menu_wrap .com_depth.sub_depth2{background-color:#124b96de;}
.visual_menu_wrap .com_depth.sub_depth2 li a{color: #fff;}
.depth_wrap > div.depth2 i{ color: #111;}
.visual_menu_wrap .com_depth.sub_depth2 li a i{display: none;}

.sub_page_visual1 { background-image: url(../img/sub_visual_1.jpg); } 
.sub_page_visual2 { background-image: url(../img/sub_visual_2.jpg); } 
.sub_page_visual3 { background-image: url(../img/sub_visual_3.jpg); } 
.sub_page_visual4 { background-image: url(../img/sub_visual_4.jpg); } 
.sub_page_visual5 { background-image: url(../img/sub_visual_5.jpg); } 
.sub_page_visual6 { background-image: url(../img/sub_visual_6.jpg); } 

/*sub3차메뉴*/
.gnb .main_menu .gnb-1dep .gnb-2dep li .depth03{display: none;}
.depth_wrap > div.depth2 .depth03{display: none;}

 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
    0% { transform: scale(1.09); opacity: 0.9; } 
   100% { transform: scale(1); opacity: 1; } 
}
/* sub_visual */
    .sub_visual_txt { position: absolute; bottom: -5%; left: 10%;  z-index: 10;   width: 90%; max-width: 1530px; } 
    .sub_visual_txt h2 { font-size: 10rem;  font-weight: 600; color: #fff;  } 
/* top menu */
   .top_menu .mobile_sub_menu { display: none; } 
   
/*sub공통*/
   .sub_inner{max-width: 1610px; margin:0 auto ; width: 100%;}
   .sub_tit{  color: #111;  font-weight: 600;margin-bottom: 80px; padding-top: 180px; font-family: var(--font-Poppins); font-size: 7.2rem;}
   .sub_tit span{ font-size: 2.4rem; display: block; color: var(--main-color); font-family: 'Pretendard'; font-weight: 500;}
   
@keyframes sub_point { 
    from{
        transform: translatey(0px);
      }
      to{
        transform: translatey(-20px);
      }
}

.sub_top_list{position: absolute; right: 100px; bottom: 10%; z-index: 10;}
.sub_top_list ul{display: flex;}
.sub_top_list ul li{padding: 0 40px; position: relative;}
.sub_top_list ul li img{}
.sub_top_list ul li h2{font-size: 2rem; font-weight: 400; color: #fff;}
.sub_top_list ul li::after{content: ""; background: url(../img/sub_arrow.png) no-repeat;width: 15px; height: 15px; position: absolute;right: -5px; top: 5px; display: inline-block;}
.sub_top_list ul li:last-child::after{display: none;}

.margin{margin-bottom: 200px;}


/*인사말*/
.greeting{}
.greeting_img{background: url(../img/greeting_img.jpg) no-repeat; width: 100%; height:560px; background-position: right; max-width: 1920px; margin: 0 auto;}
.greeting_txt{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 80px 0 200px;}
.greeting_txt li{ margin: 0 10px; position: relative;}
.greeting_txt li:nth-child(1){width: 40%;}
.greeting_txt li:nth-child(2){width: 52%;}
.greeting_txt li h3{font-size: 3.6rem; line-height: 1.3;}
.greeting_txt li h3 span{color: var(--main-color);}
.greeting_txt li p{font-size:2rem; line-height: 1.8;}


/*연혁*/
.location{}
.his_top{font-size: 3.6rem; position: relative; }
.his_top span{color: var(--main-color);}
.his_top::after{content: ""; width: 32%; height: 1px; background-color: #c5c5c5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.history_img.active{position: fixed; top: 120px; width: 780px;}
.his_right.active{left: 50%;}

/*오시는길*/
.location_list{display: flex; justify-content: space-between; align-items: center;}
.location_list li{width: calc(100% / 2 - 20px); margin: 0 10px; position: relative;}
.location_list li:nth-child(1){border: 1px solid #ccc;}
.location_list li .location_txt{margin-bottom: 30px; padding-left: 50px;}
.location_list li .location_txt:last-child{margin-bottom: 0;}
.location_list li .location_txt h3{margin-bottom: 15px;display: flex; align-items: center;}
.location_list li .location_txt h3 i{color: var(--main-color); font-size: 3rem; margin-right: 20px;}
.location_list li .location_txt h3 span{font-family: var(--font-Poppins); font-size: 2rem; font-weight: 600;}
.location_list li .location_txt p{font-size: 2rem; color: #666;}
.location_list li .location_logo{position: absolute; right: 0; bottom: 0; width: auto; height: auto;}
.location_list li .location_logo h3{font-family: var(--font-Poppins);
font-size: 8rem;  color: #0981fd; opacity: 0.2; font-weight: 600;}

/*조직도*/
.organization{}
.organization img{width: 100%;}

 /*******************************반응형*************************************/
 @media (max-width: 1770px) {  
  .sub_inner{width: 90%;}
 
 /*인사말*/
 .greeting_img{background-size: cover;}


}
@media (max-width: 1540px) {  
  /*sub_top*/
  .sub_visual_txt{bottom: -4%; left: 5%;}
  .sub_visual_txt h2{font-size: 9rem;}
  .sub_top_list{right: 50px;}

  /*인사말*/
.greeting_txt li h3{font-size: 3.2rem;}

  /*연혁*/
  .his_top{font-size: 3.2rem;}
  .his_top::after{width: 28%;}
  .history_img.active{width: 680px;}
  
  /*오시는길*/
  .location_list li .location_logo h3{font-size: 6rem;}


}


@media (max-width: 1380px) {  
    /*공통*/
    .sub_tit{font-size: 6.2rem;}
 
  /*인사말*/
  .greeting_img{background-position: center;}
  .greeting_txt li:nth-child(1){width: 43%;}
  .greeting_txt li h3{font-size: 3rem;}
   
    /*연혁*/
    .his_top{font-size: 3rem;}
    .his_top::after{width: 25%;}
    .history_img.active{width: 600px;}
  /*오시는길*/
  .location_list li .location_logo h3{font-size: 5rem;}
}


@media (max-width: 1280px) {  
 
  /*sub_top*/
  .sub_visual_txt h2{font-size: 8rem;}
 
 /*공통*/
 .sub_tit{font-size: 5.2rem;}

  /*인사말*/
  .greeting_txt li h3{font-size: 2.8rem;}
  
    /*연혁*/
    .his_top{font-size: 2.8rem;}
    .his_top::after{width: 23%;}
    .history_img.active{width: 550px;}


}

@media (max-width: 1080px) {  
  /*sub_top*/
 .sub_tit{padding-top: 100px;}
 .sub_visual_txt h2{font-size: 7rem;}
 .sub_visual_txt{left: 50%; bottom: inherit; top: 50%; transform: translate(-50% , -50%); text-align: center;}
 /*공통*/
 .sub_tit{font-size: 4.2rem;}
 .sub_tit span{font-size: 2.2rem;}

  /*인사말*/
  .greeting_img{height: 450px;}
  .greeting_txt li h3{font-size: 2.6rem;}
  .greeting_txt li h3 br{display: none;}
  .greeting_txt li p{font-size: 1.8rem;}

  /*연혁*/
  .his_top{font-size: 2.6rem;}
  .his_top::after{width: 20%;}
  .history_img.active{width: 450px;}

  /*오시는길*/
  .location_list li .location_logo{bottom: -30px;}

}


@media (max-width: 800px) {  
  /*sub_top*/
  .sub_visual_txt h2{font-size: 5rem;}
  .visual_menu_wrap{width: 100%; left: 0; height: 80px;}
  .depth_wrap{justify-content: center; padding-left: 0;}
  .visual_menu_wrap .com_depth{top: 80px;}
  .visual_menu_wrap{border-bottom: 1px solid #808080;}
  .sub_top_list ul li h2{font-size: 1.8rem;}

   /*공통*/
 .sub_tit{font-size: 3.2rem;}
 .sub_tit span{font-size: 2rem; margin-bottom: 10px;}
 .margin{margin-bottom: 150px;}

  /*인사말*/
  .greeting_img{height: 400px;}
  .greeting_txt{flex-direction: column;}
  .greeting_txt li:nth-child(1){width: 100%; margin-bottom: 20px;}
  .greeting_txt li h3{font-size: 2.4rem;}
  .greeting_txt li:nth-child(2){width: 100%;}
  .greeting_txt li p{line-height: 2;}
  .greeting_txt{margin: 80px 0 100px;}
  .greeting_txt li{margin: 0;}

  /*연혁*/
  .his_top{font-size: 2.2rem;}
  .his_top::after{display: none;}
  .history_img{display: none;}
  .his_right.active{left: 0;}

   /*오시는길*/
   .location_list{flex-direction: column;}
   .location_list li{width: 100%;}
   .location_list li:nth-child(1){margin-bottom: 50px;}
   .location_list li .location_txt{padding-left: 0;}


}
@media (max-width: 650px) {  
   /*sub_top*/
  .sub_visual_txt h2{font-size: 3.6rem;}
  .depth_wrap > div{width: 50%;}
  .depth_wrap .depth_name{font-size: 18px;}
  .depth_wrap > div .depth_name i{font-size: 23px;}
  .sub_tit{padding-top: 80px;}
  .sub_top_list{right: inherit; left: 50%; transform: translateX(-50%); width: 100%;}
  .sub_top_list ul li h2{font-size: 1.6rem;}
  .sub_top_list ul{justify-content: center;}
  /*공통*/
  .sub_tit{font-size: 2.6rem; margin-bottom: 50px;}
  .sub_tit span{font-size: 1.8rem;}
  .margin{margin-bottom: 100px;}

   /*인사말*/
   .greeting_img{height: 350px;}
   .greeting_txt li h3{font-size: 2.2rem; line-height: 1.5;}

    /*연혁*/
  .his_top{font-size: 2rem; line-height: 1.5;}

  /*오시는길*/
  .location_list li .location_txt h3 span{font-size: 1.8rem;}
  .location_list li .location_txt p{font-size: 1.8rem;}
  .location_list li .location_txt h3 i{font-size: 2.6rem; margin-right: 15px;}

}
@media (max-width: 480px) {  
  /*sub_top*/
  .sub_visual_txt h2{font-size: 3rem;}
  .depth_wrap .depth_name{font-size: 16px;}
  .sub_top_list ul li{padding: 0 20px;}
  .sub_visual_box{height: 450px;}
  /*공통*/
  .sub_tit{font-size: 2.2rem; }
  .sub_tit span{font-size: 1.6rem;}

  /*인사말*/
  .greeting_txt{margin: 50px 0 100px;}
  .greeting_txt li h3{font-size: 2rem;}
  .greeting_txt li p{font-size: 1.6rem; line-height: 1.8;}

   /*연혁*/
   .his_top{font-size: 1.8rem;}
  /*오시는길*/
   .location_list li .location_logo h3{font-size: 4rem;}
   .location_list li .location_txt p{font-size: 1.6rem;}
   .location_list li .location_txt h3 i{font-size: 2.4rem;}

}

@media (max-width: 400px) {  
 
 /*sub_top*/
 .sub_visual_txt h2{font-size: 2.6rem;}


  /*인사말*/
  .greeting_txt li h3{font-size: 1.8rem;}
   /*연혁*/
   .his_top{font-size: 1.6rem;}


}