@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Montserrat:wght@300;400;600;700;800;900&family=Open+Sans:wght@800&display=swap');

.sub_vi {width:100%; height:250px; background-size:cover;   text-align:Center;  margin-top:70px;  overflow:hidden; position:relative;   }
 .sub_vi h2 {font-family: 'Open Sans', sans-serif;  color:rgba(255,255,255,.7); font-size:2.3rem;  position:absolute; z-index:999999;  left:0; top:220px; width:100%; }
 
 @media all and (min-width:850px) {
.sub_vi div { position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}

 .sub_vi img {
  min-width:100%;
   will-change: transform;
  animation-duration: 10s;
  animation-name: background-image-animation;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: linear;
}
}

@keyframes background-image-animation {
  0% {
    transform:  scale(1.2);
  }
  100% {
    transform:  scale(1);
  }
}

 
 
@media all and (max-width:1100px) {
.sub_vi {  height:200px; }
 
}


@media all and (max-width:850px) {
.sub_vi {  height:150px;   margin-top:60px}
.sub_vi h2 { font-size:1.7rem;   left:0; top:60px; }
 .sub_vi img {width:100%; position:absolute;left:50%; top:0; transform: translate(-50%, 0);}
 
}
.con {width:100%; max-width:1240px; margin:0 auto}



@media all and (max-width:1240px) {
.con {padding:0 4%; box-sizing:border-box}
 }
 


h3 {width:100%; display:inline-block}

/*모바일서브네비*/

.navigatonBox {
 width:100%; float:left; position:relative; border-bottom:1px solid #ddd; margin-bottom:40px;
}


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

.navButton {}
.navButton a {font-size:1.05rem; line-height:45px; font-weight:400; color:#777; }
a.button_ov {font-weight:600; color:#333 !important;}

.navButton:last-child {
  margin-right:20px;
}
.navButton:first-child {
  margin-left:20px;
}
.optionGroup {
  width:100%;
  height:100px;
  position:absolute;
  top:50px;
  left:0;
}

.option {
  position:absolute;
  top:0;
  left:0;
  padding: 5px 10px;
  border:1px solid #DDD;
  border-radius:3px;
}

.option p {
  margin:0 0 5px;
  white-space: nowrap;
}

.option p:hover {
  background-color:#EEE;
}

.arrow {
  width:20px;
  height:17px;
  position:absolute;
  top:12px; display:none;
 }

.arrow::before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-size:100% 100%;
  
}

.arrow.left {
  left:0;
  transform:rotate(180deg);
}
.arrow.right {
  right:0;
}
.button_ov {font-weight:600; color:#333}
 

 




/* 서브메뉴버튼 */

.button {
  margin: 0.4em;
  padding: 10px 0;
  cursor: pointer;
  background: #ececec;
  text-decoration: none;
  color: #666;
}
.outline-outward {
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.outline-outward:before {
  content: "";
  position: absolute;
  border: #ececec solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition-duration: 0.3s;
  transition-property: top right bottom left;
}
.outline-outward:hover:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}


.outline-outward2 {
  display: inline-block;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  background-color:#092e89; color:#fff !important;
}
 
.sub_menu {width:100%; margin-top:5%; display:flex; justify-content :space-between; align-items:center;    }

h2.guide { font-weight:700;  letter-spacing:-3px; font-size:2.3rem; line-height:1em}
h2.guide  span {font-size:0.95rem; line-height:1em; color:#999; font-weight:400; letter-spacing:0px; padding-left:10px}



.sub_menu a {width:140px; margin-right:8px; margin-top:0; margin-bottom:0;  font-size:1.05rem; text-align:Center; }
.menu_bottom_line {width:100%; height:1px; margin-bottom:30px; margin-top:20px; background-color:#ddd;  }

.sub_menu li { width:150px;  text-align:center; display:inline-block; font-size:1.1rem; font-weight:500; margin-right:5px; position:relative ; }
.sub_menu li  a {width:150px; line-height:40px;  position:absolute; bottom:0;  display:inline-block; background-color:#f5f5f5; color:#555; left:0;   transition: all 0.3s ease-out }
.sub_menu li  a:hover {line-height:50px}
.sub_menu li.ov a {background-color:#db0000; }

 
 
@media (max-width:1100px) {
h2.guide {font-size:2rem; }
  
}
 
@media (max-width:850px) {
 h2.guide { font-size:1.7rem;  width:100%; text-align:center; margin-bottom:30px;   }
 .menu_bottom_line {display:none}
 
}

/*인사말*/

.text_wrap .text {font-size:1rem; color:#666; line-height:1.65em; float:right; width:56%; letter-spacing:-0.5px;}
.text_wrap  .text span.line {width:30px; height:2px; background-color:#333; display:block}
.text_wrap  .text span {line-height:1.7rem;}
.text_wrap  .text span.t1 {color:#333;  font-size:1.65rem; font-weight:700; letter-spacing:-1px;}
.text_wrap  .text span.t2 {color:#222; font-size:1.15rem; font-weight:500}


.text_wrap {display:flex; justify-content:space-between; align-items:center; }
.text_wrap .img_box {width:40%; display:inline-block; }
.text_wrap .img_box p {width:100%;  min-height:100%; padding-bottom:70%; overflow:hidden; background:url('/common/img/vi3.png') no-repeat bottom; background-size:cover;  display:inline-block; }


 

@media (max-width:1000px) {
.text_wrap {display:inline-block;}
.text_wrap .img_box {width:100%; display:inline-block;}
.text_wrap .img_box p {  padding-bottom:40%;   }
.text_wrap  .text {width:100%; padding-top:30px}
}



@media (max-width:850px) {
.text_wrap  .text {font-size:0.95rem; line-height:1.5rem; }
.text_wrap  .text span {line-height:1.5rem;}
.text_wrap  .text span.t1 { font-size:1.3rem }
.text_wrap  .text span.t2 { font-size:1rem; }
 
}

/*사업소개*/

.text_box  {font-size:1.05rem; color:#444; line-height:1.5em; letter-spacing:-0.5px;}
.text_box h3 {font-weight:600; color:#333; font-size:1.7rem; margin-bottom:20px;  
font-family: 'Open Sans', sans-serif; font-weight:700}

.business .img {width:35%;  float:left; }
.business .img  img {width:100%; border-radius:10px; border:2px solid #95aad3; box-sizing:border-box; }
.business .text_box {width:60%; float:right}
.business .text_box span.t1 {font-size:1.1em; font-weight:600;  line-height:1.55em; }

.business  .text_box span.line {width:30px; height:2px; background-color:#333; display:block}
 
@media (max-width:850px) {
	.text_box  {font-size:0.95rem;    }
	.business .img {width:100%; text-align:center; margin-bottom:30px}
	.business .img  img {width:70%; }
	.business .text_box {width:100%;}
}
.map_wrap {width:100%; display:flex;  justify-content:space-between}
.map_info { border:1px solid #ddd; box-sizing:border-box;  padding:30px;  font-size:0.97rem; color:#555;  width:40%; line-height:1.45em; border-left:none}
.map_info span.line {margin:13px 0}
.map_info b {font-size:1.2rem; display:block; margin-bottom:5px; font-weight:600; color:#333}


#daumRoughmapContainer1636610137156 { width:60% !important}

@media (max-width:850px) {
.map_wrap {flex-wrap:wrap}
.map_info {width:100%; padding:15px; font-size:.95rem; border-left:1px solid #ddd; border-top:none}
#daumRoughmapContainer1636610137156 {height:200px; width:100% !important}

}
.b_year {font-size:3rem; font-weight:800; color:#092e89;  
 line-height:1em; width:100%; display:inline-block; font-family:'Montserrat'}
.history_wrap {width:100%; display:inline-block; background:url('/common/img/y_line.png') no-repeat center; }
.history {width:100%; display:inline-block; background:url('/common/img/history_one.png') no-repeat center; position:relative; background-size:20px;  margin-top:30px; z-index:999999}

.history div {width:50%;  font-size:1.05rem; color:#555; box-sizing:border-box;  text-align:right ; padding-right:30px; line-height:1.3em; }
 
 .history div span.year { width:100%; text-align:right;  font-weight:700;  color:#555; font-size:1.4rem;   line-height:1em; display:inline-block; padding-bottom:10px; font-family:'Montserrat'; letter-spacing:0}

.history:nth-child(2n) div { float:right;  text-align:left ; padding-left:30px  }
.history:nth-child(2n) div span.year { text-align:left ;   }


 
.certification_list {width:100%; display:inline-block; margin-top:10px;  }
.certification_list li {width:23%; border:2px solid  #ddd; border-radius:5px;  float:left; font-size:1.03rem; color:#333; line-height:1.3em;  vertical-align:top;  padding:12px; box-sizing:border-box;  }
.certification_list li img {width:100%; margin-bottom:10px}
.certification_list li span {font-size:0.90rem; letter-spacing:0; margin-bottom:3px; width:100%; display:block;  color:#092e89; line-height:1.2em }
.certification_list li span  a {color:#092e89 !important}
.tit {font-size:1.4rem; font-weight:700; color:#333; }

@media (min-width:850px) {
.certification_list li {  margin-right:2.3%;   }
.certification_list li:nth-child(4n) {margin-right:0}

}

@media (max-width:850px) {
.history {margin-top:10px}
		.history div {  font-size:0.96rem; line-height:1.4em}

		.certification_list li {width:48%; margin-right:4%; font-size:0.97rem}
		.certification_list li:nth-child(2n) {margin-right:0%}
		.certification_list li:nth-child(n+3) { margin-top:3%}
}


.checkbox_box {width:100%; display:inline-block; background-color:#f9f9f9; box-sizing:border-box; padding:10px 0; font-size:0.95rem;  color:#555; text-align:Center}
.checkbox_box input {vertical-align:middle; margin-right:3px}



/*푸터*/
 

#sub .footer_wrap {position:static;  }
#sub  footer {border-top:1px solid #ddd; margin-top:80px; padding:30px 3%;  }
 
@media (max-width:850px) {
     #sub footer{margin-top:50px; padding:25px 4%; }
   }