@charset "utf-8";

/*나눔명조*/
/*
 * Nanum Myeongjo (Korean) http://www.google.com/fonts/earlyaccess
   544,523  col-sm-6   모바일 지원 768px >1px
 */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 600;
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanummyeongjo/v4/NanumMyeongjo-Bold.ttf) format('truetype');
}
 
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TTJejuGamgyulR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_nine_@1.1/TTJejuGamgyulR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 .Fggl{ font-family: 'GongGothicLight';}

.ctt_admin { position:absolute; right:0;}

#ctt_con {padding:0; width:100%;}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}
.btn_wr{    position: absolute;    right: 0;}
.nowblank1{margin-bottom:0}
.nowblank2{padding-top:25px}


/*대괄호 싸기*/
.parenthesis { position: relative; width:100%; padding: 5px 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.parenthesis::before,.parenthesis::after { position: absolute; top: 0; content: ''; width: 20px; height: 100%; border-top: 10px solid darkorange; border-bottom: 10px solid darkorange; -webkit-box-sizing: border-box; box-sizing: border-box;}
.parenthesis::before { left: 0; border-left: 10px solid darkorange; border-radius: 1px 0 0 1px;}
.parenthesis::after { right: 0; border-right: 10px solid darkorange; border-radius: 0 1px 1px 0;}
 


/*조직도 */

	.organ {margin:auto; max-width:700px}
 
	.organ .ceo{padding: 20px; display: block; width: 150px; height: 150px; border-radius: 50%; background:#8b70b5!important; color: rgb(255, 255, 255); margin: 0px auto 20px;}
 
	.organ .gubun {position: relative; overflow:hidden}
	.organ .gubun:before { content: ""; position: absolute; border-left: 1px solid #999; margin-left: 49.9%; height:100% }
	.organ ul { display: -ms-flexbox!important; display: flex !important;  padding: 0;  margin:0px;  list-style: none;position: relative;}
	.organ ul.justify-content-between { -ms-flex-pack: justify !important;  justify-content: space-between !important; }
	.organ ul.justify-content-center { -ms-flex-pack: center !important;  justify-content: center !important; }
	.organ ul.justify-content-center li {width:30%}
 
	.organ ul li > span { display: block; border-radius:5px; text-align: center; font-size: 15px; box-shadow: 2px 1px 6px -2px rgba(0, 0, 0, .3); -webkit-transition: all linear .1s; -moz-transition: all linear .1s;  transition: all linear .1s;  padding: 5px;}
	.organ ul li > span > span { -webkit-line-clamp: 3; line-clamp: 3; line-height: 15px; max-height: 45px;  margin-bottom: 8px; display:block }

	/*.organ ul li span:hover {background-color:#f2dede;}        :not(:last-child)*/
	.organ ul li span strong{  font-size: 23px; display:block }

	.organ .htit1{color: #fff;  padding: 10px 0;  width: 55%;  margin: auto; position:relative; height:50px}
	.organ .htit1 strong{  font-size: 23px; display:block; position:absolute; z-index:2; width:100% }

	.organ ul.column-2 li {width:35%}
	.organ .gubun ul.column-2 li:before { content: ""; display: block; position: absolute; /* 우측용 width: 20%; left: 50%;*/  /* 좌우용*/ width: 40%; left: 30%; height: 10px;  border-top: 1px solid #999; top: 49.9%; z-index: -1;  }
	.organ ul.column-2.left-line li:before {  width: 20% }
	.organ ul.column-2.right-line li:before {  width: 20%; margin-left: 20% }


	.organ ul.column-2s li {width:30%}
	.organ ul.column-2s li:before { content: ""; display: block; position: absolute; /* 우측용 width: 20%; left: 50%;*/  /* 좌우용*/ width: 40%; left: 30%; height: 10px;  border-top: 1px solid #999; top: 49.9%; z-index: -1;  }
	.organ ul.column-2s.left-line li:before {  width: 20% }
	.organ ul.column-2s.right-line li:before {  width: 20%; margin-left: 20% }

	.biz2 {   padding-top: 30px;}
	.biz2s_first:before,	 .biz2s_last:before{}
	 .biz2s_first:before,	 .biz2s_last:before{ content: ""; position: absolute;top: -30px; left: 49.7%; width: 10px; height: 30px; border-left: 1px solid #999; }
	.organ .biz {position: relative;  padding-top:30px}
 


	.organ .biz:before { content: ""; position: absolute; top: 0; left:17.5%; width: 65%; border-top: 1px solid #999;}   
	.organ .biz ul.column-2 > li { position: relative; }
	.organ .biz ul.column-2 li:before { content: ""; position: absolute;top: -10px; left: 49.7%; width: 10px; height: 10px; border-left: 1px solid #999; }
	.organ .biz ul.column-2 > li:before {top: -30px; height: 30px;  }

	/*	.organ .biz:before { content: ""; position: absolute; top: 0; left:9%; width: 82%; border-top: 1px solid #999;}    //5개 
	.organ .biz ul.column-5 > li { position: relative; width: 18%}
	.organ .biz ul.column-5 li:before { content: ""; position: absolute;top: -10px; left: 49.7%; width: 10px; height: 10px; border-left: 1px solid #999; }
	.organ .biz ul.column-5 > li:before {top: -30px; height: 30px;  }
*/

	.organ ul.biz-member li:before {    border-left: 0 !important;}
	.organ .biz ul > li > ul{margin:10px 0}
	.organ .biz ul > li > ul > li { width:100%}
	.organ .biz ul li > span { border-radius:4px; padding: 7px 0; text-align:left}
	.organ .biz ul li span strong{  font-size: 18px;  text-align:center;    }
	.organ .biz ul.biz-content ~ ul li strong{ font-size: 15px;line-height: 1.2;}
	.bg-green{ background:#5EbF5E; color:#fff}
	.bg-paper{background:#5ebf8e; color:#fff}
	.bg-warning{ border:2px solid #5ebf8e !important; background:#f5f5f5 !important}
	.organ .biz ul.biz-member li {width:100%;background: #eee; padding:5px 0;}
	.organ .biz ul.biz-member li > table{ width: 100%;}
	.organ .biz ul.biz-member li > table td{padding:5px 2px; line-height:180%; color:#333; width:100%; text-align:center}
	/*.organ .biz ul.biz-member li > table td:first-child{text-align:right; padding-right:5px;}
	.organ .biz ul.biz-member li > table td:last-child{text-align:left; padding-left:5px}*/

	.haksim img{ width:116px;}
	.haksim li{ text-align:center}
	.haksim li div {display: block;    border-radius: 50px;    border: 3px solid #eee;    margin:10px;    padding: 15px;}
	.haksim li span, .haksim img, .haksim li p{  display:block; margin:auto;} 
	.pdleft{padding-left:20px}
	.pdright{padding-right:20px}


	@media screen and (max-width:767px){

		.organ .ceo{width: 110px; height: 110px; }

		.organ ul.justify-content-center li {width:50%}
		.organ ul.column-2:before {margin-left: 45%;width: 10%  }
		.organ ul.column-2.left-line:before {  width: 5%;}
		.organ ul.column-2.right-line:before {  width: 5%}
		.organ ul li > span{ font-size:12px; letter-spacing:-1px}
		.organ ul li span strong {  font-size: 17px;}
		.organ .biz ul li span strong{font-size:13px}
		.organ .biz ul li > span{padding:7px 0;}
		.organ .biz ul.biz-member li > table td:first-child {    width: 60%; padding-right: 3px;}
		.organ .htit1 strong{  font-size: 17px; }
		.organ .htit1{padding: 12px 0;} 
		.biz-member img {width:100%; max-width:128px}
	}
	@media screen and (min-width:767px){
		.organ .biz ul.biz-content li > span{padding-left:30px}
	}
	@media screen and (max-width:480px){
		.organ .htit1 strong{  font-size: 14px;  }
		.organ .htit1{padding: 15px 0;}
		.pdleft{padding-left:0px; display:block}
		.pdright{padding-right:0px; display:block}
		.tab4 > li{width:50%}
		.ctt_about .datad1{padding-left:0}
	}


 .ctt_service1 .flex-container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.ctt_service1 .flex-item { width: 16.6%; min-width: 143px; height: 180px;}
.ctt_service1 .flex-container .arrow { background: url('/img/arrow.png') no-repeat 130px 12px;}
.ctt_service1 .flex-item ul li { display: block; width: 90%; padding: 5px; margin: 5px 7% 5px 0; border: 1px solid #ccc; font-size: ;}
.ctt_service1 .flex-item ul li:first-child { height: 40px;  text-align:center;  vertical-align: middle; background:darkorange; color: #fff; font-weight: bold;}
.ctt_service1 .flex-item ul li:last-child { height: 110px; font-size: 0.95em; letter-spacing:-0.05em;}

 
/*미션 비전*/
.ctt_about4	 .uldisc li::marker {    color: steelblue;}
.trustdiv{ position:relative; overflow: hidden; height:auto}
.trustdiv::after {                content: "";                display: block;                clear: both;            }
 
.trustdiv b{font-weight:800; font-size:1.5em}
.trustdiv #td1{position:absolute; left:55px; top:125px;}
.trustdiv #td2{position:absolute; right:45px; top:125px;}
.trustdiv #td3{position:absolute; left:120px; top:200px;}
.trustdiv #td4{position:absolute; right:0px; top:200px; letter-spacing:-0.1em}
.trustdiv #td5{    margin:auto;    width: 290px; padding-left:15px}
.ctt_about4	 .uldot li {    padding: 2px 12px !important;}
.ctt_about4	 .uldot{ width:120%}
.alignr{ text-align:right; width:50%;}
.alignl{ text-align:left; width:50%;}
@media (max-width: 800px){
	.trustdiv #td1,.trustdiv #td2,.trustdiv #td3,.trustdiv #td4,.trustdiv #td5  {position:unset; padding:10px 15px; margin:0 0 20px;border: 3px solid #efefef;    width: 94%;    border-radius: 20px;}
 
	.trustdiv .title-small3{ font-size:20px !important}
	.trustdiv .title-xsmall5{ font-size:14px !important}
	.alignr, .alignl{ text-align:center;; width:100%;}
	.tdmblock{display:block}

}
/*오시는길 */
.slist dl,.slist dt,.slist dd{margin-bottom:0; }
/* 사업소개1*/
.table_td1{  text-align:center; font-weight:bold; width: 145px;}
.table_td2{ width:80%; padding-left:10px; }



			/*후원 타이틀*/
    .sup_title {width:100%; max-width:927px; height:160px; padding-top:10px; font-size: 42px; color:slategray; background: url('/img/sup_bg.png') no-repeat; margin:auto;}
	.sup_title .titlel {   font-weight: 500; font-family: 'TTJejuGamgyulR'; letter-spacing: -1px; text-shadow: 2px 2px 2px #fff;     margin: 0;
    line-height: 100%;} 
	.sup_title .titler {  font-weight: 500; font-family: 'TTJejuGamgyulR'; letter-spacing: -1px; text-shadow: 2px 2px 2px #fff;     margin: 0;
    line-height: 100%;}

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	

 
			/*후원 타이틀*/
    .sup_title {   padding-top:18px}
	.sup_title .titlel {   } 
	.sup_title .titler { }		
	}	
	
	
	/* 모바일 해상도 */
	@media all and (max-width:640px) {		
	
 
  	.sup_title { height:150px;  background: none !important;}
	.sup_title .titlel {  font-size: 40px;} 
	.sup_title .titler {   font-size: 40px;}	

	}
	@media all and (max-width:480px) {		
	
 
		.bgsteel {    padding:15px 20px;   }  /* 배경돌 */
 
 
	.sup_title { height:120px; }
	.sup_title .titlel {   font-size: 27px;} 
	.sup_title .titler {   font-size: 32px;}	
	}
		
/*후원 */
.sli1{display:block; background: #fafafa;  padding: 10px;  border-radius: 10px;  max-width: 140px;  font-size: 0.82em;  line-height: 120%;color:#333;margin:10px}