.sub_vi {width:100%; height:350px;   background-size:cover; position:relative; z-index:9; top:0; overflow:hidden; color:#fff; margin-top:80px; transition: all 0.2s ease-out;  }
.sub_vi div.in {position:Relative; z-index:99; width:100%; height:100%; box-sizing:border-box;   max-width:1000px; margin:0 auto}
.sub_vi div.in div {position:absolute; text-align:Center; top:50%; left:0;  transform: translate(0, -70%); }
.sub_vi  h2 {color:#333; font-size:2.9em; letter-spacing:-1px; margin-top:-30px; margin-bottom:10px; width:100% }
.sub_vi  p {  font-size:1.1em; width:100%; color:#444; word-break: keep-all;}
.sub_vi div.in img { position:absolute; right:0; bottom:20px}

.vi_img {width:100%; height:100%; position:absolute; top:0; left:0;
  -webkit-animation: fadeOut 4s 1 linear;
    animation: fadeOut 4s 1 linear; 
    background:url('/common/img/sub_vi_bg.png')  no-repeat top;  background-size:cover; 
}

 
@keyframes fadeOut {
	   0% {transform: scale(1.1);}
	  100% {transform: scale(1);}
 	}





.sub_con_wrap {
width:100%; max-width:1100px;  padding:0 0% 100px 0%; 
margin:0 auto;  
 position:relative;  box-sizing:border-box; 
font-size:16.5px;  
line-height:1.4;
 word-break: keep-all;
color:#333; 
}
.sub_con_wrap  section {width:100%; position:relative  }
.sub_con_wrap  section.board {display:inline-block}


h2.guide {font-size:2.3em; line-height:1; font-weight:700; color:#111; display:block; width:100%; text-align:center; padding:0 0 30px 0; display:none}
h3 {margin-bottom:10px; font-size:1.3em}
h3.icon_h3:before {content:''; width:11px; height:11px; display:inline-block; border:5px solid #0799d3; border-radius:50%; margin-right:7px; vertical-align:-3px}

h3.sub_tit {font-size:1.4em;  font-weight:700; color:#333; margin-bottom:0}
h3.sub_tit span {color:#94ce21}

.sub_menu {position:relative;  z-index:9999; width:100%; margin-bottom:80px;}
.sub_menu div {width:100%; max-width:1100px; margin:0 auto; display:flex; box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);    box-sizing:border-box; background-color:#fff; margin-top:-20px; border-radius:7px; }

.sub_menu p {width:50px; text-align:center;   display:flex; align-items:center; justify-content:center; background-color:#00b9ce; color:#fff; border-radius:7px 0 0 7px; }
.sub_menu p a {color:#fff}
.sub_menu div > ul { width:calc(50% - 25px); max-width:250px;  display:flex; border-right:1px solid #ddd  }
.sub_menu div > ul > li {
     line-height:55px; cursor:pointer; font-size:1.2em;
	 display:inline-block;  box-sizing:border-box; width:100%; padding-left:20px;   position:relative; z-index:999999999999999999999999999999; white-space:nowrap	  
}
.sub_menu div > ul > li:after {content:'▼'; position:absolute; opacity:.9; color:#00b9ce; right:10px; top:0px; font-size:13px}
.sub_menu div > ul > li:last-child  { background:none }
 
.sub_menu div > ul > li > a { display: inline-block; font-weight: 600;}
 
.sub_menu div > ul > li > ul {display:none; width:100%; padding:20px 0; background-color:#f7f7f7;  position:absolute; margin-left:-20px;   }
.sub_menu div > ul > li > ul > li {width:100%; line-height:30px; box-sizing:border-box; white-space:nowrap; font-size:.9em; padding-left:20px;   }
.sub_menu div > ul > li > ul > li > a:hover {color:#111; text-decoration:underline} 
 
 

@media all and (max-width:1100px) {
		.sub_con_wrap {padding-left:3%; padding-right:3%}
		.sub_menu div {border-left:none; border-radius:0 }
		.sub_menu p { border-radius:0 }

		.sub_vi div.in img {display:none}
		.sub_vi div.in div { text-align:center; width:100%}

 

}
@media all and (max-width:1000px) {
		.sub_vi { margin-top:60px; height:50vw;  }
		 .sub_vi  h2 {font-size:1.7em; margin-top:0; }
		.sub_vi  p {  font-size:1em;  width:100%; box-sizing:border-box;  }
		.vi_img { background:url('/common/img/m_sub_vi_bg.png')  no-repeat top; background-size:cover; }


 
}



@media all and (max-width:900px) {
		

			.sub_menu { margin-bottom:40px;}
			.sub_menu p {display:none }
			.sub_menu div > ul { width:50%; max-width:none}
			.sub_menu div > ul:last-child {border-right:none}

			.sub_menu div > ul > li {  font-size:1.05em; padding-left:15px  }
			.sub_menu div > ul > li > ul > li { line-height:28px; font-size:.95em;  adding-left:15px  }

			.sub_con_wrap { padding-top:30px; padding-bottom:70px}
			h2.guide {font-size:1.5em;} 
			.sub_con_wrap { font-size:16px }

}
 

 
 
 
/***캘린더***/

.cal_wrap {width:100%; display:flex; justify-content:space-between; position:Relative;  border-top:2px solid #333 }
.jzdbox1 {width:100%; display:inline-block; }

.jzdcal { box-sizing:border-box; }

.jzdcalt {
   box-sizing:border-box; 
  display:flex;  justify-content:center;  align-items:center;
   text-transform:uppercase;  
  text-align:center; line-height:1;
  position:relative; 
 margin-bottom:20px; color:#333;
}
.jzdcalt span {width:200px; font-weight:700;  font-size:1.7em;     } 
.jzdcalt i  {font-size:1.4em}
select.cal_select {float:right; margin-top:-38px; position:relative; z-index:99 }

.cal {width:100%; display:flex; flex-wrap:wrap; background-color:#fff;  border:1px solid #ddd;  border-top:2px solid #333; border-bottom:none}



.jzdcal .day_box {
  font-size:.9em;
   border-right:1px solid #ddd; border-bottom:1px solid #ddd;  background-color:#f9f9f9; 
  color:#555; 
   width:14.2857%;  letter-spacing:0;
  padding:10px; box-sizing:border-box; 
  display:flex;  align-items:flex-start; 
   position:relative;
 }

.jzdcal .day_box:nth-child(n+8) {background-color:#fff;  }
.jzdcal .day_box:nth-child(7n) {border-right:none}

.jzdcal .day_box p {width:100%; height:100%;  display:inline-block; color:#333}
 
.jzdcal .day_box  span.day {background-color:#999; display:inline-block; color:#fff; width:30px; text-align:center; border-radius:5px; font-size:13px; line-height:25px;}


.jzdcal .day_box:nth-child(8)  span.day {background-color:#da0909}
.jzdcal .day_box:nth-child(15)  span.day {background-color:#da0909}
.jzdcal .day_box:nth-child(22)  span.day {background-color:#da0909}
.jzdcal .day_box:nth-child(29)  span.day {background-color:#da0909}
.jzdcal .day_box:nth-child(36)  span.day {background-color:#da0909}

.jzdcal .day_box:nth-child(14)  span.day {background-color:#0799d3}
.jzdcal .day_box:nth-child(21)  span.day {background-color:#0799d3}
.jzdcal .day_box:nth-child(28)  span.day {background-color:#0799d3}
.jzdcal .day_box:nth-child(35)  span.day {background-color:#0799d3}
.jzdcal .day_box:nth-child(42)  span.day {background-color:#0799d3}



.jzdcal .day_box  span.info_t {width:100%; display:block;  }
.jzdcal .day_box  span.day + span.info_t {margin-top:10px}
.jzdcal p.jzdb:before {
  opacity:0.3; 
  content:'o';
}

.jzdcal .day_box.circle {background-color:#f9f9f9}
  
 
 @media all and (max-width:900px) {
		.jzdcalt { justify-content:flex-start; }
		.jzdcalt span {width:150px; font-size:1.3em;     } 
		.jzdcalt i  {font-size:1em}
		.jzdcal .day_box  span.info_t {font-size:.8rem;}



}


/*******시설안내*********/

.about1 .text_box {width:56%; margin-left:auto; line-height:1.5}

.about1 .left_img {width:37%; position:relative; height:350px;    }
.about1 .left_img p  {width:calc(100% - 50px); float:right; height:calc(100% - 50px); display:inline-block; background:url('/common/img/about1_img.png') no-repeat top; background-size:cover; background-color:#ddd; border-radius:10px;  position:relative; z-index:99}
.about1 .left_img p.p_2 { opacity:.3;  position:absolute; left:0; bottom:0;  border-radius:10px; z-index:9;} 
.about1 .left_img img {position:absolute; right:-35px; bottom:-60px; width:85%; z-index:9999; background:none}

.about1 span.sign {font-family: 'InkLipquid'; font-size:2.5em}

@media all and (max-width:950px) {
 	 .about1 .left_img p  { width:calc(100% - 30px); height:calc(100% - 30px) }

	.about1 .left_img img  {right:0; bottom:-10vw;  height:110%; width:auto; }
	.about1 .text_box  {margin-top:11vw}

}

/*************/
 

.about2 .flex_box {align-items:center; max-width:1000px; margin:0 auto}

.about2 .left_img {width:530px; position:relative; height:400px;  flex-shrink:0;   }
.about2 .left_img p  {width:calc(100% - 50px); float:right; height:calc(100% - 50px); display:inline-block; background:url('/common/img/10315236.jpg') no-repeat center; background-size:cover !important;  border-radius:10px;  position:relative; z-index:99}
.about2 .left_img p.p_2 { opacity:.2;  position:absolute; left:0; bottom:0;  border-radius:10px; z-index:9;} 
.about2 .text_box { margin-left:50px;  line-height:1.5; margin-bottom:30px}
.about2 .text_box .t2 {font-size:1.3em}
.about2 .text_box b.t1 {font-size:1.5em}
.about2 .left_img2 {width:330px;  flex-shrink:0;   }

.about2 b.point_t {font-family: 'MYHaemalgeunSangsang'; font-size:3em; font-weight:400; color:green; line-height:1.3em}

@media all and (max-width:950px) {
		.about2 .text_box { margin-left:0;  margin-bottom:0; margin-top:40px}
		.about2 .left_img {width:100%; position:relative; height:250px;    }
		.about2 .left_img p  {width:calc(100% - 30px);   height:calc(100% - 30px);  }
		.about2 .left_img2 {width:100%; text-align:center; }
		.about2 .left_img2  img {max-width:250px }


}

/*핵심가치*/

.about2_5 {width:100%; }
.about2_5 > div {width:100%; max-width:1000px; margin:0 auto;  position:relative;  }
.about2_5 > div .box1 {width:28%;background-color:#fff; box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); text-align:center; box-sizing:border-box;  position:Relative; z-index:99; font-size:1.12em;  display:inline-block;  border-radius:10px;  overflow:hidden }
.about2_5 > div .box1 h3 { margin:0 auto; border-bottom:1px solid #ddd; padding:11px 0;    font-size:1.12em;   background-color:#00b9ce; color:#fff; letter-spacing:0}
.about2_5 > div .box1 h3 i {font-size:1.2em; margin-right:5px;vertical-align:middle}
.about2_5 > div .box1 h3 span {font-weight:400; font-size:.8em; margin-left:3px}
.about2_5 > div .box1 p { box-sizing:border-box; padding:20px 30px }
.about2_5 div.flex_box {width:100%; align-items:center; margin:10px 0;   justify-content:space-between}
.about2_5 div.flex_box div  {margin:0;  }
  
@media all and (max-width:950px) {
 	.about2_5 > div { align-items:flex-start;  }
	.about2_5 > div .box1 {text-align:left;  width:100% } 
	.about2_5 > div .box1  {margin-bottom:10px} 
	.about2_5 div.flex_box {  margin:0;  }
	.about2_5 div.flex_box div  {margin-bottom:10px}

	.about2_5 > div div.img {width:100%;  text-align:center; margin-top:10px  }
	.about2_5 > div div.img img {margin:0 auto; width:70%; max-width:300px}
	.about2_5 > div .box1 h3 {text-align:center;}
	.about2_5 > div .box1 p {background-color:#fff;   padding:10px; }

}

/**********/

.about3 {max-width:1300px}
.about3 .con_wrap {width:100%;    display:flex; align-items:flex-start;   position:relative; }
.about3 .right_box {position:relative; z-index:99; width:52%;    box-sizing:border-box;    margin-left:auto; display:flex;   flex-wrap:wrap}

.about3   dl {display:flex; align-items:center; padding:9px 0; width:100%; font-size:.97em; border-bottom:1px solid #ddd}
.about3   dl:nth-child(n+4) {width:50%}
.about3  dl dt {width:90px; flex-shrink:0;  white-space:nowrap;  font-weight:600}
.about3  dl dd {  color:#444}


.about3 .gall_wrap {position:relative; width:45%;}
.about3  .swiper01 {width:100%; }
.about3  .swiper-container {width:100%;  display:flex;   }
.about3  .swiper-slide { text-align: center; background: #fff;   }
.about3  .swiper-slide img {width:100%; border-radius:5px}
.about3  .swiper-pagination { display:flex; margin-top:30px; flex-wrap:wrap; width:100%; position:static;  }
.about3  .swiper-pagination-bullet {width:auto; padding:0 15px; height:35px; border-radius:3px;   line-height:1; margin-right:3px; margin-bottom:3px; background: transparent; background-color:#f6f6f6; opacity: 1; display:flex; align-items:center; font-size:.95em }
.about3  .swiper-pagination-bullet-active  { color:#fff; background-color:#94ce21;   }


/**********/


.history {width:100%; position:Relative; padding:35px 0; display:flex; flex-wrap:wrap}
.history .line {height:100%; width:1px; background-color:#0799d3; display:inline-block; position:absolute; top:0; left:calc(25% + 6px);}
.history  h3 {font-size:2rem; line-height:1; width:25%; flex-shrink:0; }
.history > div.box_wrap { width:75%; margin-left:auto; }
.history > div > div.box {width:100%; }
.history > div > div.box:nth-child(n + 2) {margin-top:50px}
.history > div > div.box p.year {width:100%; position:Relative; margin-bottom:20px; line-height:13px; font-weight:700; font-size:1.9em; flex-shrink:0; color:#0799d3; padding-left:50px; box-sizing:border-box}
 .history > div > div.box p.year:before {width:13px; height:13px; background-color:#0799d3;  box-sizing:border-box;  border-radius:50%; display:inline-block; content:''; position:absolute; left:0; top:0; }  
.history > div > div.box p.year:after { width:13px; height:13px;  content: '';display: block; background-color: #0799d3; opacity:0.2; border-radius: 50%; position: absolute; left:0; top:0; z-index: -1;  animation: dots 1.5s ease-in-out infinite;  }
 

.history > div > div.box ul {  margin-bottom:-7px; width:100%; position:Relative}
.history > div > div.box ul li {display:flex; align-items:center; width:100%;  box-sizing:border-box; padding-left:50px;  margin-bottom:6px; position:relative  }


.history > div > div.box ul li span {width:90px; flex-shrink:0; font-weight:600; font-size:1.05em; color:#111; }
.history > div > div.box ul li p { }

.history .dep2 {margin-top:30px}

@keyframes dots {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(3.5);
    }
}



.step {display:flex;  margin-bottom:-10px}  
.step li {background-color:#fff; border:2px solid #94ce21; color:#333; position:relative;    margin-right:30px;  box-sizing:border-box; border-radius:20px;  font-size:1.05em; margin-bottom:10px; width:175px; text-align:center;  padding:15px; font-weight:600; 
display:flex; 
flex-wrap:wrap; 
justify-content:center; 
align-items:center; 
flex-direction:column; 
}
.step li:last-child {margin-right:0}
.step li img {width:65px;}
.step li p  {width:100%; line-height:1.3  }
.step li:after {content:'→'; position:absolute; font-size:30px; right:-30px; top:50%; transform: translate(0, -50%); color:#94ce21; font-weight:300}
.step li:last-child:after {display:none}


/***/


.step2 {display:flex; margin-bottom:-10px}  
.step2 li {background-color:#fff; border:2px solid #94ce21; color:#333; position:relative;    margin-right:30px;  box-sizing:border-box; border-radius:50px;  font-size:1.05em; margin-bottom:10px; width:175px; text-align:center;  padding:15px; font-weight:600; 
display:flex; 
flex-wrap:wrap; 
justify-content:center; 
align-items:center; 
flex-direction:column; 
}
.step2 li:last-child {margin-right:0}
.step2 li p  {width:100%; line-height:1.3  }
.step2 li:after {content:'→'; position:absolute; font-size:30px; right:-30px; top:50%; transform: translate(0, -50%); color:#94ce21; font-weight:300}
.step2 li:last-child:after {display:none}

/* .step2 {display:flex; flex-wrap:wrap; margin-bottom:-10px}  
.step2 li {background-color:#fff; border:2px solid #0799d3; color:#333; position:relative;   display:flex;  margin-right:30px;  box-sizing:border-box; border-radius:7px;  font-size:1.05em; margin-bottom:10px;  }
.step2 li span {width:30px; text-align:Center; background-color:#0799d3; color:#fff; padding:11px; border-radius:5px 0 0  5px}
.step2 li p  {padding:11px 30px 11px 15px;}


.step2 li:after {content:'→'; position:absolute; font-size:30px; right:-30px; top:50%; transform: translate(0, -50%); color:#0799d3; font-weight:300}
.step2 li:last-child:after {display:none} */


.ci img {max-width:100%}
.ci .flex_box {width:80%; margin:0 auto}


.about10 .t1 {font-size:2.5em}
.about10 .t1 span:nth-child(1) {color:#94ce21}
.about10 .t1 span:nth-child(2) {color:#94ce21}
.about10 .t1 span:nth-child(3) {color:#94ce21}
.about10 .flex_box {max-width:1000px; margin:0 auto}
.about10 .flex_box p {margin:0 4%}


/********/

.organization {width:100%;    max-width:770px; margin:0 auto; position:relative}
.organization .box_wrap {height:400px; }
.organization .box_wrap .box1 {position:absolute; background-color:#333; color:#fff; text-align:Center; line-height:57px; width:200px; z-index:9; border-radius:3px; font-size:1.05em; font-weight:500}
.organization .box_wrap .box1:after {content:''; width:calc(100% - 12px);  height:calc(100% - 12px);
border:1px solid rgba(255,255,255,.4); position:absolute; left:6px; top:6px; box-sizing:border-box;    border-radius:3px; }
.organization .box_wrap .box1.color1 {background-color:#0799d3}
.organization .box_wrap .box1.color2 {background-color:#54a30d}



.organization .box_wrap .box1:nth-child(3) {background-color:#025fb3; height:62px; border-radius:50px; font-size:1.15em; font-weight:500}
.organization .box_wrap .box1:nth-child(3):after {border-radius:50px; }

.organization .box_wrap .box1:nth-child(1) {left:50%; transform: translate(-50%, 0);}
.organization .box_wrap .box1:nth-child(2) {right:0; top:70px}
.organization .box_wrap .box1:nth-child(3) {left:50%;transform: translate(-50%, 0); top:140px}
.organization .box_wrap .box1:nth-child(4) {left:0;  top:210px}
.organization .box_wrap .box1:nth-child(5) {right:0;  top:210px}
.organization .box_wrap .box1:nth-child(6) {left:0;  top:280px}
.organization .box_wrap .box1:nth-child(7) {right:0;  top:280px}
.organization .box_wrap .box1:nth-child(8) {left:50%; transform: translate(-50%, 0); top:350px}

.organization > ul {width:100%; display:flex; justify-content:space-between; margin-top:80px; position:relative; z-index:9;  }
.organization > ul > li {width:47%; max-width:300px; margin:0 auto;  text-align:center; box-sizing:border-box; background-color:#f9f9f9; border-radius:8px;  overflow:hidden }
.organization > ul > li div {background-color:#94ce21; color:#fff;  padding:12px 3%; width:100%; box-sizing:border-box;  font-weight:500; font-size:1.15em; }
.organization > ul > li > ul {padding:15px 3%; box-sizing:border-box; }
.organization > ul > li > ul > li { font-size:.97em; padding-bottom:2px; font-weight:400; color:#555; }

.y_line {width:1px; height:100%;  position:absolute; background-color:#999; display:inline-block}
.x_line {width:100%; height:1px;  position:absolute; background-color:#999; display:inline-block}

.map {width:100%; position:relative;  }
/* .map div {width:50%; height:100%; display:flex; justify-content:center; align-items:center;  background:rgba(255,255,255,.9); font-size:1em; line-height:1.5; position:absolute; right:0; top:0}
 */.map div {width:100%;    font-size:1em; line-height:1.5; }
.map div p {text-align:center}
.map div p img {margin-bottom:15px}
.map div.open_close {display:none}
.map span.btn {position:absolute; width:44px; line-height:44px; display:inline-block; cursor:pointer; background-color:#ddd; color:#fff; right:20px; top:20px; display:inline-block; text-align:center; font-size:23px; border-radius:50%;}
.map iframe {height:350px}
.map img.map_img {max-width:100%; border:1px solid #ddd; box-sizing:border-box}
.map span.subway {background-color:#173bad; display:inline-block; padding:1px 15px; margin-bottom:5px; border-radius:50px;  color:#ffff}


@media all and (max-width:1200px) {
			.about3   dl:nth-child(n+4) {width:100%;  }


}
@media all and (max-width:900px) {
 			.about1 .text_box {width:100%; margin-left:auto; line-height:1.4}
			.about1 .left_img {width:100%; position:relative; height:200px;  margin-bottom:30px   }

			.about2 section {background:url('/common/img/about2_bg.png') no-repeat center; background-size:cover;  width:calc(100% + 6%); margin-left:-3%;  padding:60px 4%;  height:600px; }
			.sub_con_wrap.about2 {padding-bottom:0}


			.about2 .swiper-pagination-bullet {font-size:1.2em; padding:0 10px }
			.about2 .text {margin-top:0; font-size:.97em}
			.about2 .text.flex_box div {padding:0 1%; width:50%; box-sizing:border-box;}
			.about2 .text.flex_box div h3 {margin-bottom:3px}
			.about2 .text.flex_box div:nth-child(n+3) {margin-top:20px}


			.about3 .con_wrap  {flex-wrap:wrap;  }
			.about3 .right_box { width:100%; order:1  }

			.about3 .gall_wrap { width:100%; order:2; margin-top:20px  }

			.history  h3 {width:100%; padding-left:50px; margin-bottom:20px; box-sizing:border-box; font-size:2em}
			.history > div.box_wrap {width:100% }
			.history > div > div.box p.year {font-size:1.5em}

			.history .line {  left:6px;}
			.history .dep2 {margin-top:0}
			.history h3.dep2 {margin-top:50px}

			.ci .flex_box {width:100%; }

			.organization .box_wrap .box1 { line-height:50px; width:140px; font-size:1.05em }
			.organization .box_wrap .box1:after {display:none}
			.organization .box_wrap .box1:nth-child(n+4) {  font-size:1em}

			.step {flex-wrap:wrap}
			.step li {width:calc(50% - 30px);  margin-right:30px}
			.step li:after { width:30px; }
			.step li img {width:50px;}
			.step li span {display:none}

			.step2 {flex-wrap:wrap; }
            .step2 li {width:calc(50% - 30px); margin-right:30px}
			.step2 li:after { width:30px; }


			.map div {width:100%;  background:rgba(255,255,255,1); font-size:.97em; line-height:1.3;  position:static; margin-top:20px;  }
			.map div img {width:170px}
 			.map iframe {height:250px}
			.map span.btn {display:none}
 


 


}


/***윤리강령*****/


.info_info1 .img_box_bg {background:url('/common/img/info1_bg_.png') no-repeat bottom; background-size:cover; background-color:#f1f1f1; width:100%; display:inline-block; padding:80px 350px 80px 40px; box-sizing:border-box; position:relative; border-radius:10px; }
.info_info1 .img_box_bg  .t1 span {vertical-align:10px; font-size:1.3em}
.info_info1 .img_box_bg  .t1 span:nth-child(2) {vertical-align:-10px; font-size:1.3em}
 .info_info1 ul.basic li {margin-bottom:15px}
 .info_info1 ul.basic li:last-child {margin-bottom:0}

.info_info2 {background-color:#fff;border:1px solid #ddd; width:100%; display:flex; box-sizing:border-box;}
.info_info2 .img_bg {width:33%; flex-shrink:0; background:url('/common/img/info_info2_img1.png') no-repeat center; background-size:cover;  display:inline-block}
.info_info2  ul {padding:30px; padding-right:0}
.info_info2  ul li { padding:2px 0;}
.info_info2 .border_box h3 {padding: 14px 10px;}
  


.info_info3 .img_box_bg {background:url('/common/img/info3_bg.png') no-repeat bottom; background-size:cover; background-color:#f1f1f1; width:100%; display:inline-block; padding:50px 350px 40px 40px; box-sizing:border-box; position:relative; border-radius:10px; }
.info_info3 .img_box_bg  .t1 span {vertical-align:10px; font-size:1.3em}
.info_info3 .img_box_bg  .t1 span:nth-child(2) {vertical-align:-10px; font-size:1.3em}
.info_info3 ul.basic li {margin-bottom:15px}
.info_info3 ul.basic li:last-child {margin-bottom:0}

.info_info3  h4 {font-size:1.2em}

.info3_list {width:100%; margin-bottom:-5px; display:flex; flex-wrap:wrap}
.info3_list li {display:flex; margin-bottom:10px; align-items:center; border:1px solid #f1f1f1; box-shadow: 5px 5px 10px rgb(0 0 0 / 6%); box-sizing:border-box; padding:15px; border-radius:10px; width:calc(50% - 7px) }
.info3_list li:nth-child(2n) {margin-left:auto}
.info3_list li:before {content:'1조'; background-color:#94ce21; width:60px;  border-radius:50px; text-align:center; color:#fff }
.info3_list li:nth-child(2):before {content:'2조';   }
.info3_list li:nth-child(3):before {content:'3조';   }
.info3_list li:nth-child(4):before {content:'4조';   }
.info3_list li:nth-child(5):before {content:'5조';   }
.info3_list li:nth-child(6):before {content:'6조';   }
.info3_list li:nth-child(7):before {content:'7조';   }
.info3_list li:nth-child(8):before {content:'8조';   }
.info3_list li:nth-child(9):before {content:'9조';   }
.info3_list li:nth-child(10):before {content:'10조';   }

.info3_list li span {width:calc(100% - 70px); margin-left:auto}


@media all and (max-width:900px) {
		.info_info1 .img_box_bg {  padding:60px 8%; position:relative}
		.info_info1 .img_box_bg .w_bg {width:100%; height:100%;  position:absolute; left:0; top:0}
		.info_info1 .img_box_bg p {position:relative; z-index:99}
		 .info_info1 ul.basic li {margin-bottom:5px}

		.info_info2 {flex-wrap:wrap}
		.info_info2 .img_bg {width:100%;  height:200px;  }
		.info_info2  ul {padding:4%}

		.info_info3 .img_box_bg { padding:60px 8%; position:relative}
		.info_info3 .img_box_bg .w_bg {width:100%; height:100%;  position:absolute; left:0; top:0}
		.info_info3 .img_box_bg p {position:relative; z-index:99}
		.info3_list li {width:100% }



}
/******사업안내******/



.business {  position:relative; line-height:0;  }
.business .bg_img {background-color:#fff; width:100%;  display:inline-block;  overflow:hidden;  z-index:99;  box-sizing:border-box;    }
 
.business .bg_img .bg_img_in {width:100%;   box-sizing:border-box; overflow:hidden  }
 
.business .content_wrap {box-sizing:border-box; width:90%; margin-left:5%; background-color:#fff; 
 position:relative; z-index:99; padding:60px 40px;  display:inline-block;  line-height:0;    border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,.12); margin-top:-100px;  }
.business .content_wrap .icon {width:100%; text-align:center;  margin-top:-40px; margin-bottom:35px; display:none}
.business .content_wrap .icon span {
width:90px; height:90px; margin:0 auto; 
background-color:#0799d3;  
display:inline-block;  color:#fff;
display:flex;  align-items:center; justify-content:center; 
font-size:35px; border-radius:50%; position:relative
}
.business .content_wrap .icon span:after {content:''; position:absolute; left:-6px; top:-6px; width:calc(100% + 12px); height:calc(100% + 12px); border:2px solid #0799d3; border-radius:50%; box-sizing:border-box   }

.business .content_wrap .flex_box {flex-wrap:wrap; align-items:flex-start; justify-content:space-between;   position:relative; z-index:99}
.business .content_wrap .flex_box > div {width:calc(50% - 20px); box-sizing:border-box; color:#555; line-height:1.5 }
.business .content_wrap .flex_box > div:nth-child(n+3) {margin-top:22px}
.business .content_wrap .flex_box > div h3 {color:#333;  margin-bottom:15px; font-size:1.35em; position:relative; width:100%; display:inline-block}		
.business .content_wrap .flex_box > div h3:after {content:''; width:100%; height:2px; background-color:#ddd; display:inline-block; bottom:0;  left:0; position:absolute}
.business .content_wrap .flex_box > div h3 span {border-bottom:2px solid #0799d3; display:inline-block; padding-bottom:4px;  position:relative; z-index:99}

 

  
@media all and (max-width:900px) {
 
	    .business .bg_img .bg_img_in {width:100%;    }
	    .business .bg_img .bg_img_in img {width:100%; margin-left:0 }

 		.business .content_wrap .icon {margin-bottom:15px}
 		.business .content_wrap {width:100%; margin-left:0; margin-top:0; box-shadow:none;  border-radius:0; padding:0;  }
		.business .content_wrap .flex_box  {margin-top:30px}
		.business .content_wrap .flex_box > div {width:100%}
		.business .content_wrap .flex_box > div:nth-child(n+2) {margin-top:15px}
		.business .content_wrap .flex_box > div h3 {font-size:1.2em}
}
  


/******후원신청*****/

.application ul {width:100%; display:flex; flex-wrap:wrap; border-top:1px solid #ddd; margin-top:10px}
.application ul li {width:100%; display:flex; align-items:center; padding:10px 0; box-sizing:border-box;   border-bottom:1px solid #ddd;  color:#333; line-height:1.5}
.application ul li.col-2 {width:50%; padding-right:10px}
.application ul li.col-2:nth-child(2n) {padding-right:0; padding-left:10px}

.application ul li h3 {font-size:1.1em; margin-bottom:0; font-weight:600; color:#333; width:150px; flex-shrink:0; line-height:1.1}
.application ul li h3 span {font-size:.9rem; color:#666; font-weight:400; }
.application ul li >  div {width:100%; display:flex; align-items:Center}
.application ul li >  div.flex_none {display:inline-block}
.application ul li >  div > div {width:100%}

.application ul li input {vertical-align:middle}
.application ul li select {height:37px; font-size:.95em; padding:0 5px; box-sizing:border-box; color:#333; border:1px solid #ddd;  border-radius:5px}
.application ul li a.s_btn {margin-left:5px}

.application ul li  input[type="text"] { 
    height: 37px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 10px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li  input[type="password"] { 
    height: 37px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 10px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li textarea { 
    height: 150px;
	width:100%;
    font-size: 1rem;
    border-radius: 5px;
     padding:10px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li div.tel select {width:30%; max-width:130px}
.application ul li div.tel input {width:30%; max-width:130px}


.application ul li div.email input[type="text"] {width:30%; max-width:300px; margin-right:5px}
.application ul li div.email input[type="text"]:nth-child(2) {margin-left:5px}

.application p.info_txt {color:#444; font-size:.97em}

p.total_box {font-size:1.3rem; text-align:right; width:100%; padding:20px 20px; box-sizing:border-box; background-color:#f9f9f9;}
p.total_box span {color:red; font-weight:600; font-size:1.3em}



@media screen and (max-width:800px) {
		.application ul li {flex-wrap:wrap; padding:13px 0}
		.application ul li.col-2 {width:100%; padding-right:0}
		.application ul li.col-2:nth-child(2n) {padding-right:0; padding-left:0}

		.application ul li h3 {width:100%; margin-bottom:10px }

		.application ul li >  div {width:100%; }

}

 pre.info_pre {width:100%;   border:1px solid #ddd; box-sizing:border-box; padding:15px; margin-top:10px; font-size:.97em; line-height:1.4; color:#444;  }
 pre.info_pre + div {background-color:#f9f9f9; font-size:1.05em; text-align:center; padding:10px; box-sizing:border-box; color:#444}

 
.info2_info3 table.basic th {font-size:1.15em; padding:11px 0}
.info2_info3 table.basic td {padding:13px}
.info2_info3 table.basic td b {font-size:1.1em}

.info2_info3 .step li {  border:2px solid #94ce21;    }
.info2_info3 .step li span {  background-color:#94ce21; }
 
@media screen and (max-width:900px) {
  .info2_info3 table.basic th {font-size:1.05em;  }
  .info2_info3 table.basic td b {font-size:1.05em}

}



/***감사 사랑의 손길*****/

ul.photo_list {width:100%; border-top:1px solid #ddd; }
ul.photo_list li {width:100%; display:flex; align-items:center; padding:15px 0; border-bottom:1px solid #ddd; }
ul.photo_list li > a {width:300px; flex-shrink:0; }
ul.photo_list li > a  p {width:100%; padding-bottom:80%;  background-size:cover !important; position:relative;  }
ul.photo_list li > a:hover  p:after  {width:100%; height:100%; position:absolute; content:'+'; left:0; top:0; background:rgba(0,0,0,.5); color:#fff; font-size:50px; display:flex; align-items:center; justify-content:center;  }

ul.photo_list li > div.text {display:flex;  align-items:center;  width:calc(100% - 350px); margin-left:auto; padding:30px 0; }
ul.photo_list li > div.text p {word-break:break-all}
ul.photo_list li > div.text  h3 {font-size:1.2em; display:block; margin-bottom:10px}
 

 @media screen and (max-width:900px) {
		ul.photo_list li {flex-wrap:wrap}
		ul.photo_list li > a {width:100%; }
		ul.photo_list li > a p {width:100%}
		ul.photo_list li > div.text {width:100%; padding:0; margin-top:15px;   }
ul.photo_list li > div.text  h3 {font-size:1.15em;   margin-bottom:5px}


}