@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.btnDiv			{ clear:both; padding:10px 0}
.pageDiv		{ clear:both; overflow:hidden;  width:100%; text-align:center}
.page_number	{  padding:20px 0; text-align:center; clear:both;}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/


.btnGry		{display:inline-block; background:#666; color:#fff; width:100px; height:40px; text-align:center;  
			font-weight:300; vertical-align:middle}
	
.btn01 			{ display:inline-block; padding:5px 10px; border:1px solid #222; background:#555; font-size:13px; border-radius: 3px; vertical-align:middle; }
	a.btn01,input.btn01,button.btn01					{ color:#fff;}
	a:hover.btn01,input:hover.btn01,button:hover.btn01	{ color:#fff; border:1px solid #222; background:#777;}
			
.srchBt		{display:inline-block; width:79px; height:33px; background:#009953; line-height:33px; text-align:center; vertical-align:middle }
.srchBt span{padding-left:20px; background:url('/SW_bbs/img/srch_icon.png') no-repeat 0 center; background-size:35%;color:#fff; line-height:32px;}

.btn_Gry 			{ display:inline-block; padding:7px 25px; border:1px solid #222; background:#555; font-size:16px; border-radius: 3px; vertical-align:middle;}
	a.btn_Gry,input.btn_Gry,button.btn_Gry					{ color:#fff;}
	a:hover.btn_Gry,input:hover.btn_Gry,button:hover.btn_Gry	{ color:#333; border:1px solid #222; background:#fff;}

.btn_Pot 			{ display:inline-block; padding:7px 25px; border:1px solid #f66d4b; background:#f66d4b; font-size:16px; border-radius: 3px; vertical-align:middle;}
	a.btn_Pot,input.btn_Pot,button.btn_Pot					{ color:#fff;}
	a:hover.btn_Pot,input:hover.btn_Pot,button:hover.btn_Pot{ color:#f66d4b; border:1px solid #f66d4b; background:#fff;}
	
.btn_down 		{ display:inline-block; padding:10px 35px 10px 10px; border:1px solid #333; font-size:13px;  vertical-align:middle; background:#555; position:relative}
.btn_down:after	{ position:absolute; background:url(/img/common/com_img.png) no-repeat; content:""; top:8px; right:10px; width:17px; height:17px; background-position:-126px -52px }
	a.btn_down,input.btn_down,button.btn_down					{ color:#fff !important;}
	a:hover.btn_down,input:hover.btn_down,button:hover.btn_down { color:#fff !important; border:1px solid #333;}
	

/* 컨텐츠버튼 */
.point-btn,.base-btn{display:inline-block;font-size:16px;letter-spacing:-0.02em;padding-right:20px;vertical-align:baseline;transition:background .3s; margin-bottom:5px; border-radius:30px}
.point-btn span,.base-btn span {display:block;padding:14px 20px;line-height:1;transition:all .3s;color:#fff}
.point-btn span.link,.base-btn span.link{background:url(/img/common/ico_link02.png) no-repeat 95% 50%;padding-right:40px;}
.point-btn:hover span.link,.point-btn:focus span.link,.base-btn:hover span.link,.base-btn:focus span.link {background-position:100% 50%;}

.point-btn {background:#f66d4b;border:1px solid #f66d4b;color:#fff !important;}
.point-btn:hover span.link, .point-btn:focus span.link {background:#fff;color:#f66d4b !important; border-radius:30px}

.base-btn {background:#555;border:3px solid #555;color:#fff !important;}
.base-btn:hover span.link, .base-btn:focus span.link {background:#fff;color:#555 !important; border-radius:30px}

	
/*-----------------------------------------------------------------------------------------------------------
/*게시판
-----------------------------------------------------------------------------------------------------------*/

	.tb1		{ width:100%; border-collapse:collapse;	border-spacing:0; border-top:2px solid #000; margin:10px 0; border-left:1px solid #ccc; }
	.tb1 th,
	.tb1 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle; }
	.tb1 thead th			{ font-weight:400; background: #f3f3f3; }
	.tb1 tbody th			{ background-color:#fafafa; font-weight:500; text-align:center; }
	.tb1 td					{ background-color:#fff; font-weight:300; }
	.tb1 tbody th:last-child,.tb1 tbody td:last-child	{ border-right:0 }
	.td_pc_none				{ display:none; }
	.td_pc_block			{  }
	.th_pc_none				{ display:none; }
	.span_pc_none			{ display:none !important; }
	.span_pc_block			{ display:inline; }
	
	.tb2		{ width:100%; border-collapse:collapse;	border-spacing:0;border-top:2px solid #000; margin:10px 0; }
	.tb2 th,
	.tb2 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle;}
	.tb2 thead th	{ font-weight:400; background: #f3f3f3}
	.tb2 tbody th	{ background-color:#fafafa; font-weight:400; border-right:1px solid #ccc;  text-align:center; }
	/*.tb2 tbody th.type1	{ background-color:#e5f1f6; font-weight:400;  text-align:center;  }*/
	.tb2 thead th:last-child,.tb2 tbody th:last-child,.tb2 tbody td:last-child	{ border-right:0 }
	.tb2 td			{ background-color:#fff; font-weight:300; text-align:left }

/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	.tb2 tbody th	{ background: #e58086; color: #fff    }
		
}
/*테이블 속 테이블*/
 	/*.tb3		{ width:98%; border-collapse:5px;	border-spacing:0; margin: 0 1%  }
	.tb3 th,
	.tb3 td		{ border-right:1px solid #ccc; border-bottom:1px dashed #ccc; padding: 8px 8px;  line-height:160%;  vertical-align:middle;}
	.tb3 thead th	{ font-weight:400; background: #f3f3f3}
	.tb3 tbody th	{ background: #e58086;  font-weight:400;   text-align:center;border-radius: 50px; border:4px solid #fff;   }
	.tb3 tbody th.type1	{   font-weight:400;  text-align:center;color: #fff  }
	.tb3 tbody tr:last-child th,.tb3 tbody tr:last-child td	{  border-bottom:0px }
	.tb3 td			{ background-color:#fff; font-weight:300; text-align:left }*/

	.tb5		{ width:100%; border-collapse:collapse;	border-spacing:0;  }
	.tb5 th,
	.tb5 td		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 8px; line-height:160%;  vertical-align:middle;}
	.tb5 thead th	{ font-weight:400; background: #f3f3f3}
	.tb5 tbody th	{ background-color:#fafafa; font-weight:400; border-right:1px solid #ccc;  text-align:center; }
	.tb5 tbody tr:last-child th,.tb5 tbody tr:last-child td	{  border-bottom:0px }
	.tb5 td		{ background-color:#fff; font-weight:300; text-align:left }

/*시성 테이블*/
.tb3		{  width:98%; border-collapse:collapse; border-collapse:5px;padding: 5px;	border-spacing:0;/*border-top:2px solid #000;*/ margin: 0px 0 0 2% ; }
	.tb3 th,
	.tb3 td		{/* border-right:1px solid #ccc; *//*border-bottom:1px dashed #ccc; */padding: 12px 7px; /* line-height:160%; */margin: 2px; /*vertical-align:middle;*/}
 	
	.tb3 thead th	{ font-weight:400; background: #1ca086; color: #fff ;border-radius: 50px;/*border-bottom: 10px solid #fff*/}
	.tb3 tbody th	{   font-weight:400; color: #1ca086 ;border-bottom:1px dashed #ccc; /*width: 30px;height: 20px; border-radius: 50px;  */text-align:center;/*border-radius: 50px;  border:4px solid #fff; *//* border:4px solid #fff;*/ }
/*	.tb3 tbody th.type1	{   font-weight:400;  text-align:center;color: #fff  }*/
	/*.tb3 tbody tr:last-child th,.tb3 tbody tr:last-child td	{  border-bottom:0px }*/
	.tb3 td			{ border-bottom:1px dashed #ccc; font-weight:300;font-size: 16px; text-align:left } 

/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	.tb5		{ width:96%; padding: 2%;  	}
	.tb5 th{   padding: 5px 8px;border-radius: 40px; margin: 5px 0;border-bottom:0px dashed #ccc; }
	.tb5 td		{   padding: 10px 8px; border-bottom:0px solid #ccc; }
	.tb5 tbody th.type1	{ background: #fafafa; color: #333    }
		
}

/*세로선없는 테이블형태*/
	.tb4		{  width:100%; border-collapse:collapse; border-spacing:0; border-top:1px solid #ddd;  }
	.tb4 th,
	.tb4 td		{ border-bottom:1px solid #ddd; padding:30px 11px; line-height:170%;  vertical-align:top; font-weight:300;  text-align:left;color: #666; }
	.tb4 th.dt,.tb4 td.dt		{ border-bottom:1px dashed #ddd;  }
	.tb4 tbody th	{   font-weight:500;  text-align:center; color: #000 }
	.tb4 td span.type1	{ background-color:#fff;border:1px solid #ddd; padding:5px 8px;display: inline-block; border-radius: 40px;    font-size:15px;min-width: 100px;text-align: center;margin: 4px;font-weight:500; color: #333}
	.tb4 td img{vertical-align:middle;}
	.tb4 th.bd_r,
	.tb4 td.bd_r{ border-right:0px solid #ccc !important; }


	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	.tb4 tbody th		{  border-bottom:0px dashed #ddd; background: #f9f9f9;padding:10px 11px ;   }
	.tb4 tbody th.tal			{ text-align:center !important;  }
		
}


	.tal			{ text-align:left !important; }
	.tac			{ text-align:center !important; text-indent:0 !important; }
	.bd_r			{ border-right:1px solid #ccc  }
	.col_5			{ width:20%}
	.table_m,.board_m	{ display:none}	
	.ovf		    	{ overflow: hidden}

 
 

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
		
		/* table_style */
		.tb1 thead tr							{ display:none; }
		.tb1 tbody th							{ border-right:1px solid #f2f2f2; }
		.tbody_th								{ border-top:2px solid #222; text-align:left; }
		.tb1 tbody .responsive_tr				{ border-bottom:3px solid #f00 !important; }
		.tb1 td									{ text-align:left; }
		.tb1 td	br				{display:none !important;}
		.tb1 td, table.tb1 th	{ padding:8px 5px; }
		.col_5					{ width:25%}
		.bd_no_pc				{display:none !important;}	
		
		.table_pc,.board_pc	{ display:none}
		.table_m,.board_m	{ display: block}
		.table_m img{ width:95%; text-align:center}
		
		.tac				{ text-align:left  ; }
		
		.srchBt2		{width:50px; }
		
		/* 모바일 해상도 */	
		/* Force table to not be like tables anymore */
		.no-more-tables table, 
		.no-more-tables thead, 
		.no-more-tables tbody, 
		.no-more-tables th, 
		.no-more-tables td, 
		.no-more-tables tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		.no-more-tables thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
 
	
		.no-more-tables tr { border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;}
		.no-more-tables th { border-right:none; }
		.no-more-tables td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 30%; 
			white-space: normal;
			text-align:left; font-weight:400; 
			
		}
	
		.no-more-tables td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */		
			left: 6px;
			width: 22%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: 400;
			border-right: 1px solid #eee;
			color:#000
		}
	
		/*
		Label the data
		*/
		.no-more-tables td:before { content: attr(data-title); }
		
		
		
		.no-more-tables2 table, 
		.no-more-tables2 thead, 
		.no-more-tables2 tbody, 
		.no-more-tables2 th, 
		.no-more-tables2 td, 
		.no-more-tables2 tr { 
			display: block; 
		}
	
		/* Hide table headers (but not display: none;, for accessibility) */
		.no-more-tables2 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		.no-more-tables2 tbody th { 
			border-right: 0px solid #ccc;
		}
		.no-more-tables2 tr { /*border-top: 1px solid #ccc; *//* border-bottom: 1px solid #ccc;*/}
		.no-more-tables2 th { border-right:none; }
		.no-more-tables2 td { 
			/* Behave  like a "row" */
			border: none;
			padding-bottom:10px;
			border-bottom: 1px solid #ddd; 
			position: relative;
			/*padding-left: 28%; */
			white-space: normal;
			text-align:center!important; font-weight:400; 
			
		}
 
		/*
		Label the data
		*/
	/*	.no-more-tables2 td:before { content: attr(data-title); }*/
		
		.bd_r	{border-right: 1px solid #fff !important;}
		
		.ovf	{overflow-x:scroll;padding-bottom:15px; position:relative; padding-top:60px;}
		.ovf:after{width:100%; height:60px; position:absolute; left:0px;  top:0; display:block; content:"";background:#eceff1; z-index:-1}
		.ovf:before{width:360px;height:30px; position:absolute;left:10px; top:15px;font-size:15px; letter-spacing:-0.05em; color:#555; display:block; content:"← 좌우로 스크롤 하시면 자세히 보실 수 있습니다  →"; box-sizing:border-box; line-height:30px;}
		.ovf table	{width:620px !important}
		
	}
	
	/* paging */
	.paging {display:inline-block; vertical-align:middle; padding:25px 0; width:100%; overflow:hidden; text-align:center; font-size:0;}
		.paging a {display:inline-block; vertical-align:middle; margin:2px; padding:0px 6px; min-width:10px; height:22px; font-size:13px; color:#b7b7b7; 
			letter-spacing:-1px; 
			line-height:22px; text-align:center;
			border:#fff solid 1px;
			background:#fff;}
		.paging a:hover {color:#e1708e;}
		.paging a.on {color:#e1708e; border:#e1708e solid 1px; background:#fff;}
		.paging a.focus {color:#fff; border:#e1708e solid 1px; background:#e1708e;}
		.paging a.focus:hover {color:#fff; border:#be1e2d solid 1px; background:#be1e2d;}
	
	/* 리스트검색 */
	.listSrch{border:1px solid #ddd; background:#f7f7f7; text-align:center; padding:15px 0;}
		.listSrch select{width:90px;}
		.listSrch select.type2{width:360px;}
		.listSrch input{width:360px;}
		.listSrch strong{color:#333; margin-right:6px}
		.listSrch .btnGry{height:auto; width:auto; padding:8px 20px 7px; line-height:18px; color:#FFF !important}
	

	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.listSrch{padding:12px 0;}
			.listSrch select{width:20%;}
			.listSrch input{width:30%;}
			.listSrch select.type2{width:60%;}
			.listSrch strong{font-size:13px}
			.listSrch .btnGry{font-size:13px; padding:8px 2% 7px;}
	
	}
/*-----------------------------------------------------------------------------------------------------------
/*산하시설
-----------------------------------------------------------------------------------------------------------*/
ul.bd_img{position:relative; float: left; width: 23.5%;margin-right: 2%;}
ul.bd_img:last-child{margin-right:0%;}

ul.bd_img li{border: 1px solid #ddd; margin-bottom: 3px; line-height: 40px;font-weight: 400;color: #333;text-align: center;padding: 0px;}

 
.ci_box_list{width:91.5%; /*margin: 30px auto 0;*/ position:relative;text-align: left;display: inline-block;border: 1px solid #eee;padding: 20px 3%; }
.ci_box_st{float: left;width: 34%; border: 1px solid #ddd; background: url(/img/about/logo_bg.jpg);padding: 30px 0;text-align: center;display: inline-block}
.ci_box_st_txt{float: right;width: 60%;   padding: 20px;text-align: left;display: inline-block}
 
 	/* 테블릿 가로 해상도 */
	@media all and (max-width:980px) {
 ul.bd_img{ width: 48%;margin-right: 2%;}
		.ci_box_st{float: left;width: 96%; border: 1px solid #ddd; background: url(/img/about/logo_bg.jpg);padding:30px 2%;text-align: center;display: inline-block}
		.ci_box_st_txt{float: left;width: 96%;   padding: 2%;text-align:justify;display: inline-block}
		.ci_box_st_txt br{display: none}
 
 
 }
 	/* 테블릿 가로 해상도 */
	@media all and (max-width:480px) {
 
	ul.bd_img{  width: 100%;margin-right: 0%;}
 
 
 }
/*-----------------------------------------------------------------------------------------------------------
/*사업
-----------------------------------------------------------------------------------------------------------*/

/*	.business_box		{ width:100%; border-collapse:collapse;	border-spacing:0; display:inline-block;}
	.business_box th		{ padding:15px 8px;  background:url(/img/business/ic.png) no-repeat left 17px;padding-left: 30px;  color:#000;font-size: 19px;   font-weight:500;text-align: left;vertical-align: top}
	.business_box td		{  line-height:180%; font-weight:300;   }
 
	.business_box td span.type1		{ padding:2px 20px!important; color:#48402f;  background-color:#faeee8;border-radius: 30px;display:inline-block;margin: 10px 0 5px;font-size: 16px; font-weight:400;}
 */

/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/
.slash{font-size: 10px;padding: 0 10px}

h4.h4_title	{ clear:both; margin-bottom:20px; font-size:21px;   letter-spacing:-1px; padding:0px 0 0 28px; color:#000; line-height:26px; position:relative;font-family: 'S-CoreDream-5Medium';}
h4.h4_title:before {position:absolute;top:4px;left:0; content:"";display:block; color:#f66d4b;/*z-index:10; */background:url(/img/common/tt.png) no-repeat;width: 17px; height: 17px }

h4.h4_title span	{  font-size:24px; font-weight: 500; letter-spacing:-1px;  color:#bd3d3e; line-height:24px; }

h5.h5_title		{ position:relative;padding-left:26px; margin-left:10px; color:#f66d4b; clear:both; font-weight: 400; font-size:18px;}
h5.h5_title:before	{ position:absolute; content:''; background:url(/img/common/com_img.png) no-repeat; background-position: -54px -19px ;  width:20px; height:20px; top:4px; left:0;}
h5.h5_title2	{padding-left:20px; margin-left:10px; color:#000; clear:both; font-weight: 400; font-size:18px;}


	div.con		{ padding:10px 0 0 15px; line-height:160%; }
	div.s_con	{ padding:10px 0 0 25px; line-height:160%; font-size:13px}
	div.con_box			{ padding:20px; line-height:200%; border:#efefef solid 1px;  border-radius:12px;}

	div.con_box3			{position:relative; padding:25px 40px; line-height:180%; border:#efefef solid 3px; color: #333;font-weight: 400; }
	div.con_box3:before	{ position:absolute; content:''; border-left:#e58086 solid 3px; border-top:#e58086 solid 3px;  width:20px; height:20px; top:-3px; left:-3px;}
	div.con_box3:after	{ position:absolute; content:''; border-right:#e58086 solid 3px; border-bottom:#e58086 solid 3px;  width:20px; height:20px; bottom:-3px; right:-3px;}
	/*div.con_box ol li	{ line-height:180%; list-style:decimal; }*/

	
	ul.img			{ clear:both; margin-top:20px;display: inline-block;/*display: table*/}
	ul.img li		{ position: relative;display: table-cell;display: inline-block;float: left;/*margin-bottom:10px;*/ margin-right:1.5%; text-align:center; box-sizing:border-box; /*line-height:20px*/}
	ul.img li:last-child    { margin-right:0px }
	ul.img li img			{ width:100%; border-radius:20px}	
	ul.img li.w-3			{  width:32.3%; }	
	ul.img li.w-2			{  width:49%;}	
	ul.img li span.txt{position:absolute; content:''; background:rgba(0, 0, 0, 0.6);  width:auto; height:25px; bottom:0px;  right:0px; color: #fff;padding: 5px 20px;border-radius:10px 0 20px 0;font-size: 16px;}
		
/*	.con_img	{ clear:both; margin:15px 0 0 0;}
	.con_img:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
	.con_img p.img		{ width:265px; float:left; margin:10px 0; }
	.con_img p.img img	{ width:265px; }
	.con_img div.txt	{ float:left; float:left; width:935px;}*/
	
	
	.point_txt		{ font-size:24px; text-align:center; padding:10px 0 20px; color:#000; font-weight:400 }
	.tt_txt			{ font-size:30px; padding:30px 0 20px 0; letter-spacing:-2px;  font-weight:normal; 
	color:#222; line-height:150%}
	.stt_txt	{ font-size:18px; padding-bottom:10px; line-height:140%}
	
	ol.bu1		{margin:5px 0 0 10px;}
	ol.bu1 li 	{line-height:170%;list-style: decimal !important }
	
	ul.bu1		{margin:5px 0 0 10px;}
	ul.bu1 li 	{line-height:170%;}
	
	ul.bu2		{margin:5px 0 0 30px;}
	ul.bu2 li 	{line-height:170%;list-style-type:disc !important;text-align: left}
	ul.bu2 li strong		{ font-weight:400; color:#000}
	ul.bu2 li strong.type1	{ font-weight:400; color:#ed601b !important}
	
	ul.bu3		{ margin-left:5px}
	ul.bu3 li 	{line-height:150%; background:url(/img/common/bu_3.gif) no-repeat 0 8px; padding-left:15px}
	ul.bu3 li ul li{ margin-left:5px; line-height:160%; list-style-type:none; background:url(/img/common/bu_4.gif) no-repeat 0 8px; padding-left:10px}
	ul.bu3 li strong	{ font-weight:400; color:#ed601b}
	
	
	.gap 		{height:10px;clear:both;display:block;}
	.f_point	{ color:#ed601b}	
	
	
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {	
				
		.sub_page_txt	{ clear:both; margin-top:20px}
	}

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	
		h5.h5_title3	 {text-align:center }
		h5.h5_title3 span{margin-right:0px; font-size:1em; line-height:140%;}

		ul.img	{ clear:both; margin-top:10px;}
		ul.img li		{ display: block}
		ul.img li img	{ width:100%;}
		ul.img li.w-3			{  width:100%; height: auto; margin-bottom:3px}	
		
		div.img img	{ width:100%}
		 
				
		.con_img p.img		{ width:100%; clear:both; margin-bottom:5px;}
		.con_img p.img img	{ width:100%;}
		.con_img div.txt{ clear:both; width:100%;}
		
		.img_pc		{ display:none}	
		.mw100		{ width:100%}
		
			div.con_box3			{ padding:15px 10px;  text-align: center }
		
	}

	/* 모바일 해상도 */
	@media all and (max-width:640px) {	
		
		.con_img img	{ width:100%;}
		
		ul.img	{ clear:both; margin-top:10px;}
		ul.img li		{ }
		ul.img li img	{ width:100%;}
		
		div.pimg{ display:none}
		ul.mimg	{ clear:both; margin-top:0px; display: block; margin-bottom:10px; text-align:center; box-sizing:border-box}
		ul.mimg li		{ margin:1% 0; width:49.5%; float:left;}
		ul.mimg li img	{ width:100%;}
		
	}

		

	.box-type {position:relative;text-align:center; margin-top:10px; position:relative}	
	.box-type:after {content:"";display:block;position: absolute;width:29px;height:85px;background:url(/img/common/dpt_char_spr.png) no-repeat;z-index:10;top:0; left:48.5%}
	
	.char-tit {}
	.char-tit p.tit	{font-size:30px;line-height:40px;color:#116fb0;font-weight:500; letter-spacing:-1px; padding-top:85px}
	.char-tit p.tit span	{font-size:30px;line-height:40px;color:#333;font-weight:300;}
	.char-tit p.tit2		{font-size:30px;line-height:40px;color:#000;font-weight:500; letter-spacing:-1px; padding-top:85px}
	.char-tit p.tit2 span.point	{font-size:30px;line-height:40px;color:#3eb134;font-weight:500;}
	.char-tit p.tit2 span.point2{font-size:30px;line-height:40px;color:#ea2d6b;font-weight:500;}
	.box-type p.txt	{ line-height:160%; padding-top:15px; position:relative; padding-bottom:25px}
	.box-type p.txt span.point	{ color:#000; font-weight:500}
	.box-type p.txt:after	{content:"";position: absolute; height:4px; background:url(/img/common/boxTop_bg.gif); width:100%; bottom:0; left:0;}
 
	
	@media only screen and (max-width:768px){
		.char-tit {font-size:23px;line-height:1.4;margin-top:5px;}
		.char-tit .e-tit {font-size:14px;}
		.char-tit:after {margin-top:15px;margin-bottom:15px;}
		.box-type p.txt br	{ display:none;}
	}
	@media only screen and (max-width:699px){
		.char-tit {font-size:18px}
		.char-tit .e-tit {font-size:12px;}
	}
	@media only screen and (max-width:549px){
		.char-thum:after, .char-tit:after {display:none;}
		.char-tit {margin-bottom:10px;}
	
	}


/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap			{ }
	#contents_sitemap p.site	{width:100%; font-size:18px; font-weight:500; color:#f66d4b; letter-spacing:-1px; line-height:60px; text-align:center;
	border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
	box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
	background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
	background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
	
	#contents_sitemap .cate_line{margin-bottom:20px;*zoom:1}
	#contents_sitemap .cate_line:after{content:""; display:block;clear:both;}
	#contents_sitemap .cate_line .cate{display:inline-block;vertical-align:top; width:21%; height:auto; margin:20px 1.8%;}
	#contents_sitemap .cate_line .cate ul{ margin:10px 0 15px 0}
	#contents_sitemap .cate_line .cate ul li{ padding:5px 0 10px 0;margin:3px 0 0 30px;border-bottom:#f2f2f2 1px solid;list-style-type:disc !important}
	#contents_sitemap .cate_line .cate ul li a		{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a:hover{color: #f66d4b;}
	#contents_sitemap .cate_line .cate ul li.sub{ padding:5px 0 10px 20px;margin:0 0 0 30px; background:#f3f3f3;list-style-type:none !important; position:relative}
	#contents_sitemap .cate_line .cate ul li.sub:before	{ position: absolute; content:'-'; top:0; left:5px;}

	.sc_title     	{clear:both; padding:5px 0 5px 10px; border:dotted 1px #999; font-weight:bold; background:#f3f3f3;}
	.sc_text      	{clear:both; margin:5px 0 0 20px; line-height:200%}
	.sc_text ul li ol li	{ list-style: decimal    !important }
	.sc_text ul 	{ margin:5px 0 0 0px}
	.sc_text li 	{ line-height:160%; margin-bottom:5px;}

					 
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {				
		#contents_sitemap .cate_line .cate{float:left; width:22%; height:auto; margin:20px 3% 10px 0px;}
		#contents_sitemap .cate_line ul li br{ display:none}
		
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
		#contents_sitemap .cate_line .cate{width:100%; height:auto; margin:20px 0 10px 0px; clear:both}
	}
	


/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/
/*.tab_menu			{overflow:hidden;width:100%; margin:1px 0; border: 1px #ddd solid;}
.tab_menu:after 	{ content: ""; display: block; clear: both;}
	.tab_menu li		{_display:inline;float:left;border-left: 1px #ddd solid; background:#f3f3f3; text-align:center; box-sizing:border-box; background:#fff; height:45px; vertical-align:middle}
	.tab_menu li:first-child { border-left: none; }
	.tab_menu li a		{display:block; padding:15px 0; color:#444}
	.tab_menu li a:hover		{ background:#193390; color:#fff;}
	.tab_menu li.on		{ background:#193390; border:1px solid #193390; transition:all 0.15s ease-out;-webkit-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out;}
	.tab_menu li.on a	{ color:#fff;}
	
	.tab_menu span.w-2		{ width:48%}
	.tab_menu span.w-3		{ width:31%}
	.tab_menu span.w-4		{ width:23%}
	.tab_menu span.w-5		{ width:18.7%}
	
	*/
			
	/* 모바일 해상도 */
	/*@media all and (max-width:800px) {	
		
		.tab_menu { border:none}
		.tab_menu li:first-child { border-left: 1px #ddd solid; }
		.tab_menu { margin-bottom:2px}
		.tab_menu li	{ border:1px solid #ddd; margin:1px}
			.tab_menu span.w-4,.tab_menu span.w-5,.tab_menu span.w-3,.tab_menu span.w-2	
			{ width:48%}
		.tab_menu span br			{ display:block}
		
	
	}*/
	
	
	#tabs	{ overflow: hidden; width: 80%;margin: 0 10% 40px;/* margin-top:10px; */padding: 0; list-style: none;text-align:center	}
	#tabs	{ display:inline-block;}
	#tabs li{  position: relative; float: left; box-sizing:border-box; border:1px solid #ddd;/* border-left:none; */padding:15px 0; transition: all 0.6s; border-radius:30px;margin: 0.5%; }
 #tabs li:first-child	{/*border-left:1px solid #ddd;*//* border-radius:30px 0 0 30px*/}
/*	#tabs li:last-child		{border-radius:0 30px 30px 0}*/
	#tabs li#current,#tabs li.on { background:#168477;}
	#tabs li#current a,#tabs li.on a { color:#FFF !important;/*font-size: 18px; */ }
	#tabs li a { font-weight: 400/*letter-spacing:-1px*/}
	#tabs li:hover a{color:#fff !important;}
	#tabs li:hover{ background:#168477;}
	
	#content	{background: #fff;height: auto;position: relative;z-index: 2;}
	
	#tabs li.w-6	{ width:14.25%}
	#tabs li.w-5	{ width:20%}
	#tabs li.w-4	{ width:25%}
	#tabs li.w-3	{ width:33%}
	#tabs li.w-2	{ width:49%}
	#tabs li.w-1	{ width:100%}

	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
	
				
		#tabs {/*border-left:1px solid #ddd;*/}
		#tabs:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
		#tabs li:first-child	{/*border-left:0px solid #ddd; */border-radius:0}
		#tabs li:nth-child(3),#tabs li:nth-child(4),#tabs li:nth-child(5),#tabs li:nth-child(6)
		,#tabs li:nth-child(7),#tabs li:nth-child(8)	{ border-top:0px}
		#tabs li:last-child		{border-radius:0}
		#tabs li{}
		#tabs li.w-6,
		#tabs li.w-5,
		#tabs li.w-4,
		#tabs li.w-3	{ width:50%}
		
	}
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-사업안내
-----------------------------------------------------------------------------------------------------------*/

/* 절차, 단계 */
/*	.stepCon{position:relative;overflow:hidden;}
	.stepCon ol::after{display:block;clear:both;content:''}
	.stepCon ol{width:100%;text-align:center}
	.stepCon ol > li{position:relative;float:left;padding-right:50px;text-align:center;}
	.stepCon ol > li:after{position:absolute;top:70px;right:10px;width:21px;height:36px;content:'';background:url('/img/common/arrow_right.gif') no-repeat;}
	.stepCon ol.step1 > li > div{position:relative;padding:20px 5px 0 5px;min-height:100px;color:#333;background:#fff;z-index:2}
	.stepCon ol > li > div span{display:block;}
	.stepCon ol > li > div .num{position:relative;padding-bottom:12px;color:#656565; font-size:13px; height:25px; box-sizing:border-box}
	.stepCon ol > li > div .tit{font-size:16px;line-height:22px;font-weight:bold;word-break: keep-all; padding:15px 0; border:5px solid  #cfeeec; border-radius:50px}
	.stepCon ol > li > div .tit2{font-size:16px;line-height:22px;font-weight:bold;word-break: keep-all; padding:15px 0; border:5px solid #d7e1f2; border-radius:50px}
	.stepCon ol > li > ul > li{width:100%;font-size:14px}
	.stepCon ol > li:last-child:after{display:none; background:none}
	.stepCon ol > li:last-child div .tit{color:#fff;background:#44bcb4;border:5px solid #44bcb4}
	
	.stepCon ol > li.w-5	{ width:14%}
	.stepCon ol > li.w-6	{ width:10%}
	.stepCon ol > li.w-4	{ width:18%}
	.stepCon ol > li.w-3	{ width:27%}*/
	
			
	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
/*
		.stepCon ol		{ padding:0; margin:0;}
		.stepCon ol > li{margin:3px 0;padding-right:30px;}
		.stepCon ol > li:after{top:60px; right:0px;}
		.stepCon ol.step1 > li > div{min-height:80px;}
		.stepCon ol > li > div .tit {padding:5px 0;}
		.stepCon ol > li > div .tit2{padding:5px 0;}
					
		.stepCon ol > li.w-5,
		.stepCon ol > li.w-6,
		.stepCon ol > li.w-4	{ width:40%}
		.stepCon ol > li.w-3	{ width:25%}*/
		
	}	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠- 오시는길
-----------------------------------------------------------------------------------------------------------*/
 
	.locaTx{text-align: center; font-size:16px;border: 1px solid #ddd; padding:30px 20px; color:#2a6364;background: #fafafa}
	.locaTx span.ic{padding: 0 10px;}
 

	
	.mapArea{margin-top:35px;}
	.locaInfoArea{margin-top:35px; position:relative;}
 
	.locaInfoArea .infoRow{width: 87%;padding:40px 0 70px 12%;; border-top:1px dashed #ddd;display: inline-block}
	.locaInfoArea .infoRow:first-child	{border-top:none;}
	.locaInfoArea .infoRow .infoTitle	{font-size:21px; color:#252525; font-weight:400; padding-bottom:15px;}
	.locaInfoArea .infoRow .infoTitle span	{font-size:21px; color:#d03463; font-weight:500; padding-bottom:15px;}
	.locaInfoArea .infoRow ul 		{ width: 100%;display: inline-block;margin-bottom: 20px;}
	.locaInfoArea .infoRow ul li		{  color:#252525; line-height:180%; position:relative; padding-left:15px; margin-left:10px; } 
	.locaInfoArea .infoRow ul li .point	{ color:#FF3300; font-weight:400;padding-bottom: 10px;display: inline-block}
	
	.locaInfoArea .infoRow.row01{background: url("/img/about/loca03.png") no-repeat 0 40px; background-size: 90px 90px;}
	.locaInfoArea .infoRow.row02{background: url("/img/about/loca02.png") no-repeat 0 40px; background-size: 90px 90px;}
/*	.locaInfoArea .infoRow.row03{background: url("/img/about/loca03.png") no-repeat 0 40px; background-size: 90px 90px;}*/

/*	.locaInfoArea .infoRow ul li>ul	{ padding-left:10px;}
	.locaInfoArea .infoRow ul li>ul>li{ background:url(/img/common/dot.gif) no-repeat 0 7px; padding-left:15px; padding-bottom:5px;}*/

	.locaInfoArea .infoRow ul li.tt	{float: left;width: 14%;font-weight:400;display: inline-block; background:url(/img/about/dot.gif) no-repeat 0 10px; padding-left:10px;}
	.locaInfoArea .infoRow ul li.st	{ float: right;width: 78%;display: inline-block}
	.locaInfoArea .infoRow ul li.st:before	{ position:absolute; content:'-'; top:0; left:0;}

.locaInfoArea .infoRow ul li span.num{background: #eee; border-radius: 50%; display: inline-block;padding: 5px; width: 20px; height: 20px; font-weight:500;font-size: 14px;line-height: 20px;text-align: center;margin: 2px;}

	/* 모바일 해상도 */
	@media all and (max-width:800px) {		
			
	
	
		
		.locaInfoArea{margin-top:10px;}
		.locaInfoArea:after	{ position:absolute; content:'';background:none; height:0px; width:0px; top:0px; right:0 }
		.locaInfoArea .infoRow{padding:50px 0; }
		.locaInfoArea .infoRow.row01{background: none}
		.locaInfoArea .infoRow.row01 ul li{margin-top:15px;}		
		.locaInfoArea .infoRow.row02{background:none}
		.locaInfoArea .infoRow ul li.tt	{ width: 100%; }
	.locaInfoArea .infoRow ul li.st	{ float: left;width: 100%; }

	}	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠 -  후원 
-----------------------------------------------------------------------------------------------------------*/	
ul.sup_box{width: 100%;position: relative;/*display: inline-block;*/display: table;}
ul.sup_box li{float: left;width: 21.7%;display: table-cell;margin-right: 2%;border: 1px solid #ddd; border-radius: 10px;min-height: 180px;text-align: center;word-break:keep-all;padding: 30px 1.5% ;}
ul.sup_box li img{position: relative; border-radius:50%;width: 90px; height: 90px;padding: 10px; background: #f7f7f7; }
/*ul.sup_box li img:before {position:absolute;top:0px;left:50%; content:"";display:block; border-radius:50%;width: 90px; height: 90px; background: #fafafa; }*/
ul.sup_box li:nth-child(1){ width: 38.7%; /*background: #fefdf1  */}
ul.sup_box li:nth-child(2){ width: 25.7%; /*background: #f2fbfe*/}
ul.sup_box li:nth-child(3){ /*background: #fafcf1*/}
ul.sup_box li span{width: 100%; height: 30px;line-height: 30px; display: block; color: #000;font-weight: 400;font-size: 21px;padding: 15px 0}
ul.sup_box li:last-child{  margin-right:0%;}


/* 모바일 해상도 */
	@media all and (max-width:980px) {
ul.sup_box li:nth-child(1),
ul.sup_box li:nth-child(2),
ul.sup_box li:nth-child(3){  width:100%;margin: 2px 0;padding: 30px 0% ;}		
		
}	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠 - 왼쪽이미지&오른쪽 문구 스타일 (후원에 사용)
-----------------------------------------------------------------------------------------------------------*/
	.title_box{width:45%;position: relative;display: inline-block;margin:20px 2%;vertical-align: top}
	ul.title_box_tt {float: left;width: 60px; height: 60px; padding:20px; /* background: #f5f5f5;*/border-radius:50%;text-align: center;font-size: 18px; font-weight: 400;color: #000;line-height: 19px;vertical-align: top;border: 1px dashed #ddd}
 
	ul.title_box_list{float: right; width: 75%; margin-top: 10px; }
	ul.title_box_list li.tt{font-size: 18px; font-weight: 500;color: #000;line-height: 24px;padding-bottom: 10px;}
	ul.title_box_list li{ text-align: left;  line-height: 150%;font-size: 16px;word-break: keep-all}

/* 모바일 해상도 */
	@media all and (max-width:980px) {	
		.title_box{width:100%; margin: 0%;}
		ul.title_box_tt { float: none; position: relative;margin: 10px auto }
		ul.title_box_list{float: left; width: auto;  width: 100%; }
			ul.title_box_list li.tt{text-align: center}
		ul.title_box_list li{ text-align: center}
}	

/*-----------------------------------------------------------------------------------------------------------
컨텐츠_단계(자원봉사안내)
-----------------------------------------------------------------------------------------------------------*/

	
	.step_layout	{ overflow:hidden; margin-bottom:8px;}
	ol.step_layout	{ margin:0; padding:0; width: 100%; }
	ol.step_layout li	 {position: relative; text-align:center; font-weight:bold; float:left;   margin-right:3.8%; /* width: 136px;height: 136px;*/ padding: 5px;border-radius: 50%;background: #f5f5f5}
	ol.step_layout li:last-child	 {   margin-right:0%;}
 
	ol.step_layout li:after		{ position:absolute;top:36%;right:-25%;  content:"";display:block;width:32px;height:32px; border-radius: 50%;  background:url("/img/common/ico_link02.png") no-repeat 50% 50% #ddd ;z-index: 1}
	ol.step_layout li:last-child:before,.step_layout li:last-child:after		{ display: none}
	ol.step_layout li img		{ display: inline-block;padding:5px}
  
	ol.step_layout li span.step		{  color:#1a6d53; font-size:13px; font-weight: 400;letter-spacing:0px;padding: 10px 0 0px;display: inline-block}
	ol.step_layout li span.tt	{ text-align:center;   letter-spacing:-0.7px; color:#000; font-size:16px;font-weight: 400;display: inline-block;}

 ol.step_layout li.w5t{ width: 156px;height: 156px; margin:0 2.5%; }
ol.step_layout li.w6t{ width: 142px;height: 142px;}
 
	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	 ol.step_layout li.w5t{ width: 95%;height: auto; margin:2px 2.5%; border-radius:  0%;  }
ol.step_layout li.w6t{ width: 95%;height: auto;  margin:2px 2.5%;border-radius:  0%; }

/*		ol.step_layout li	 {float: left; border: 1px solid #ddd;  width: 43%;margin-right:2%;margin-bottom: 5px; height: auto;border-radius: 5px;display: inline-block}
		ol.step_layout li:nth-child(even)	 { margin-right:0%;}*/
/*		.step_layout li:first-child	 { border-left: 1px solid #ddd}

		.step_layout li:after		{ display: none}
 		.step_layout li span.tt br	{ display: none}*/
		
 
		
	}	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠_자원봉사 활동 분야
-----------------------------------------------------------------------------------------------------------*/
.sup_work_box{width: 100%;position: relative;display: inline-block}
ul.sup_work{position: relative;float: left;border: 1px solid #ddd;/*border-top: 1px solid #999;*/padding:10px 1.3%;width: 21.2%;margin:0 0.3% 5px;/*display: inline-block;*/text-align: center;  }
ul.sup_work li:nth-child(1){height: 30px;  padding-bottom: 15px;border-bottom: 1px dashed #ddd;font-size: 17px;margin: 0 3%;/*color: #000;font-weight: 500;*/text-align: center}
ul.sup_work li:nth-child(2){min-height: 30px;padding-top: 15px;letter-spacing: -0.8px;font-size: 16px;}
ul.sup_work li span{padding: 5px 5%; width: 75%;background: #79bf43;border-radius: 40px;color: #fff;font-weight: 400; display: inline-block; }
ul.sup_work:nth-child(2) li span,ul.sup_work:nth-child(4) li span,ul.sup_work:nth-child(5) li span,
ul.sup_work:nth-child(7) li span{ background: #3eb0a7;  }

	/* 모바일 해상도 */
	@media all and (max-width:980px) {	
	ul.sup_work{ width: 45.2%;   }
		
	}	
	/* 모바일 해상도 */
	@media all and (max-width:580px) {	
	ul.sup_work{ width: 97.2%;   }
		
	}	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠_조직도
-----------------------------------------------------------------------------------------------------------*/
 
	.about_org{ min-height:330px;width:100%; position:relative;display: inline-block;}
	.about_org:before	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:413px;background:#d1d1d1; z-index:-1}
	
	.about_org ul li.org1	 		{ position:relative; width:100%;display: inline-block;margin-top:50px}
 
/*	.about_org ul li.org1 p 		{ width:100%;  }*/
	.about_org ul li.org1 p.type1	{ width:150px; height: 105px; margin:0 auto 40px; border:2px solid #066; background: #063; padding:45px 0 0; text-align:center; color:#fff; border-radius:50%; box-shadow:5px 5px 0 #eee; font-size:21px; font-weight:400}
 
	
	.about_org ul li.org2 				{position:relative;  clear:both; width:90%;margin:0 5%; display: inline-block;}
	.about_org ul li.org2:after		{ position:absolute;top:30px;left:100px;content:"";display:block;width:70%;height:1px;background:#d1d1d1; z-index:-1}
	.about_org ul li.org2 ul li 		{ width:33.3%; float:left;  }
	.about_org ul li.org2 ul li p.type1		{ width:200px; margin:0 auto;  border:2px solid #f66d4b; background:#fff; padding:20px 0; text-align:center; color:#000; border-radius:20px; box-shadow:5px 5px 0 #eee}
	.about_org ul li.org2 ul li p.type2	{ width:200px; margin:0 auto 40px; border:2px solid #0c7bc2; background:#0c7bc2; padding:20px 0; text-align:center; color:#fff; border-radius:20px; box-shadow:5px 5px 0 #eee;font-size:19px;font-weight:400}
	
	.about_org ul li.org3	 		{ position:relative; display: inline-block;width:100%; }
	
	/*.about_org ul li.org3 p 		{ width:100%;  }*/
	.about_org ul li.org3 p.type3_1	{ width:200px; margin:0 auto 40px; border:2px solid #0c7bc2; background: #fff; padding:20px 0; text-align:center; color:#000; border-radius:20px; box-shadow:5px 5px 0 #eee; font-size:18px; font-weight:400}


	.about_org ul li.org4	 			{ position:relative;clear:both; margin-top:20px; width:80%;margin:20px auto;}
	.about_org ul li.org4:after			{ position:absolute;top:-18px;left:151px;content:"";display:block;width:608px;height:1px;background:#d1d1d1; z-index:-1}
	.about_org ul li.org4 ul li 		{ width:33.3%; float:left}
	.about_org ul li.org4 ul li div.type1	{ width:80%; margin:10px auto; border:1px solid #a0b05a; background: #a0b05a; padding:20px 0 ; text-align:center;border-radius: 0px; box-shadow:5px 5px 0 #eee; letter-spacing:-1px; position:relative; color:#fff}
	.about_org ul li.org4 ul li div.type1:after{ position:absolute;top:-29px;left:50%;content:"";display:block;width:1px;height:27px;background:#d1d1d1; z-index:-1}
	.about_org ul li.org4 ul li div.type2	{ width:80%; margin:10px auto; border:1px solid #ddd; background:#fff; padding:20px 0; text-align:center;   letter-spacing:-1px; position:relative}
/*	.about_org ul li.org4 ul li div.type3	{ width:200px; margin:10px auto; border:1px solid #8dc21f; background:#fff; padding:20px 0; text-align:center;border-radius:20px; box-shadow:5px 5px 0 #eee; letter-spacing:-1px; position:relative}
	*/
	
 
 
		
	/* 테블릿 가로 해상도 */
	@media all and (max-width:980px) {
	
		
 
 
		/*조직도*/
/*	 
	.about_org:after	{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:413px;background:#d1d1d1; z-index:  1}*/.about_org:before	{  z-index:0}
		
		.about_org ul li.org1 	 		{ position:relative; margin-top:20px}
	/*	.about_org ul li.org1 ul:after		{ width:0px;height:0px;}*/
		.about_org ul li.org1 p.type1 		{ width:120px; height: 95px;  padding:25px 0 0;   }
		/*.about_org ul li.org2 ul li 		{ width:33.3%; float:left;  }*/
		
		.about_org ul li.org2 				{ clear:both; width:100%;margin: 0px;}
		.about_org ul li.org2 ul li p.type1		{ width:90%;  }
	.about_org ul li.org2 ul li p.type2	{ width:90%;}
		
		.about_org ul li.org3	 		{ position:relative; margin-top: 0px}
		/*.about_org ul li.org3:after		{ width:0px;height:0px;}*/
		.about_org ul li.org3 p.type3_1		{ width:80%; float:none}
		
			.about_org ul li.org4	 		{ position:relative; margin-top: 0px}
		.about_org ul li.org4 ul li 		{ width:100%;  }
/*		.about_org ul li.org1 ul li p.type1,
		.about_org ul li.org1 ul li p.type1_2,
		.about_org ul li.org2 p.type2,*/
		/*.about_org ul li.org3 ul li p.type3,
		.about_org ul li.org3 ul li p.type3_2,
		.about_org ul li.org3 ul li p.type3_3      { width:80%}*/
		
		
	}
 
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-공통페이지
-----------------------------------------------------------------------------------------------------------*/

	
/*	.box {display:block; vertical-align:middle; background:#fff; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.06);}
	.box.bg1 {border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
		box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
		background:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
		background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
	.box.auto {overflow:auto;}
	.box_wrap {display:inline-block; vertical-align:middle; width:100%; position:relative}*/

	

	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소개
-----------------------------------------------------------------------------------------------------------*/

	
	/* 연혁 */
	.historyDiv{ border-top:2px solid #000}
		.historyDiv li{border-bottom:1px solid #ddd; overflow:hidden; padding:50px 0;}
		.historyDiv li.end{border-bottom:0px solid #ddd;}
		.historyDiv li .year{width:156px; float:left; text-align:right; font-size:30px;font-weight: 900; color:#333; background:url(/img/about/his_bg.gif) no-repeat; text-align:center; line-height:140px; margin-left:40px}
 

		.historyDiv li .hisTxt{width:800px; float:right; color:#777; overflow:hidden}
		.historyDiv li .hisTxt .txt{overflow:hidden; margin-top:30px}
		.historyDiv li .hisTxt .txt .month{width:20%; float:left;  color:#27796e;font-weight: 400; padding-top:10px;}
		.historyDiv li .hisTxt .txt .history	{width:80%; float:left;  padding-top:10px;}
		.historyDiv li .hisTxt .txt .history p	{ padding-bottom:10px;word-break: keep-all;}
	
	
		
 
	
	
	/*시설안내*/
	.place_tt	{float: left;display:inline-block; width:35%; /*font-size:18px;*/ font-weight:600; /*padding:30px 0;*/ color:#2677be; text-align:center}
	.place_txt	{float: right;display:inline-block; width:65%;}
	
	
 
	/* 프로그램안내 */
	/*.place_box	{ display:inline-block; width:100%; font-size:18px; font-weight:normal;  padding:5px 0; color:#2677be; text-align:center}*/
 
	
		
	/* 테블릿 가로 해상도 */
	@media all and (max-width:980px) {
	
		
		
		.historyDiv		{ clear:both; margin-top:20px}
			.historyDiv li	{padding:30px 5%; width:90%;}
			.historyDiv li .year{width:156px; margin:0 auto; float:none;}
			.historyDiv li .hisTxt{width:100%; float:none;}
			.historyDiv li .hisTxt .txt{margin-top:15px; line-height:22px}
			.historyDiv li .hisTxt .txt.mt30{margin-top:25px !important}
			.historyDiv li .hisTxt .txt .month{width:25%;}
			.historyDiv li .hisTxt .txt .history{width:75%;}
			
			
		/* 미션비전 */
 
		
	/*	.about_sub3_tt			  { margin:50px auto 20px}*/
 
 
		
		
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:980px) {		
			
	.place_tt	{ width:100%;  }
	.place_txt	{  width:100%;}
		
		/*소개 */		
/*		.historyDiv		{ clear:both; margin-top:20px}
		.historyDiv li	{padding:30px 5%; width:90%;}
		.historyDiv li .year{width:156px; margin:0 auto; float:none;}
		.historyDiv li .hisTxt{width:100%; float:none;}
		.historyDiv li .hisTxt .txt{margin-top:15px; line-height:22px}
		.historyDiv li .hisTxt .txt.mt30{margin-top:25px !important}
		.historyDiv li .hisTxt .txt .month{width:25%;}
		.historyDiv li .hisTxt .txt .history{width:100%;}*/
		
		
 
	}	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠- 금정 미션비전
-----------------------------------------------------------------------------------------------------------*/
	/* 미션비전 */
	.mv_box	{ position:relative;text-align: center; }
	.mv_box:before	{ position:absolute; content:''; background:url(/img/about/mission_bg2.png) no-repeat center bottom; width:100%; top:335px; left:0; height:400px; z-index:-1}
	.mv_box1	{margin-top: 50px;/*padding-bottom: 100px;*/ /*height:280px; */position:relative; /*background:url(/img/about/vi_01.png) no-repeat center top;*/text-align: center; padding: 65px 0;background: url(/img/about/bg.png) no-repeat center top }
	.mv_box1 p {    margin-top:10px;padding-bottom: 30px;   text-align: center}
	.mv_box1 p span.t1 {font-size:36px; color:#055ffd;    font-family: 'TTTtangsbudaejjigaeB';}
	.mv_box1 p span.t2 {font-size:36px; color:#00b4fe;    font-family: 'TTTtangsbudaejjigaeB';}
	.mv_box1 p span.t3 {font-size:36px; color:#fc00ab;   font-family: 'TTTtangsbudaejjigaeB';}
	.mv_box1 p span.t4 {font-size:36px; color:#fc5edb;    font-family: 'TTTtangsbudaejjigaeB';}


/*	.mv_box1 span {font-size:21px;line-height: 28px; color:#fff; font-weight:500; margin-top:10px;  text-align: center; }*/
	.mv_box1 ul{width: 60%;margin: 0 auto; text-align: center}
	.mv_box1 ul li{width: 40%;height: 200px; display: inline-block;border-radius: 50%;padding: 30px 0;color: #000; border:5px solid #4b9546;  }
	.mv_box1 ul li span{display: block; }


	.mv_box2	{margin-top: 0px;  position:relative;margin: 0 auto;  text-align: center; }
	.mv_box2 p {font-size:30px; color:#000;   margin-top:10px; padding-bottom: 50px; text-align: center; font-family: 'SBAggroB';}
	.mv_box2 ul{width: 100%;margin: 0 auto; text-align: center}
	.mv_box2 ul li{width: 18%;margin: 0 0.5%; display: inline-block;border-radius: 120px;padding: 70px 0;color: #000; font-size: 21px;  font-family: 'TTTtangsbudaejjigaeB';  box-shadow:3px 3px 1px #eee; }
	.mv_box2 ul li span{display: block;/*border-top: 1px dashed #fff;*/padding-top: 10px;width: 80%;margin:  0px 10% 0; }
	.mv_box2 ul li:nth-child(1){background: #4b9546;  background: #fecd92;color:#a95c00 }
	.mv_box2 ul li:nth-child(2){background: #46956d;  background: #b9e9ff;color:#155c7d;margin-top: 80px}
	.mv_box2 ul li:nth-child(3){background: #469494;  background: #b8e7e1;color:#117165}
	.mv_box2 ul li:nth-child(4){background: #46956d;  background: #f9b8e3;color:#8e1b67;margin-top:80px}
	.mv_box2 ul li:nth-child(5){background: #4b9546;background: #f4b1ff;color:#740b85 }
 
	/* 테블릿 가로 해상도 */
	@media all and (max-width:502px) {
		.mv_box1	{background-size: cover }
 .mv_box2 ul li{width: 98%;margin-top:  5px!important;padding: 30px 0; }
		
	.mv_box2 p {  margin-top:30px; padding-bottom: 10px; }	
		
}
.vi_bx	{ width: 100%; margin:  0px auto 120px; text-align:center; display: inline-block; } 
.vi_bx ul li:before{    
	position: absolute;
    content: "";
    top:-20px;
    left:-20px;
    width:270px;
	height:270px; 
	border-radius:50%;
	/*border:7px solid #5d9604;*/background:url(/img/about/mission_bg3.png) #5d9604;   transform: rotate(45deg); box-shadow:3px 3px 1px rgba(0, 0, 0, 0.1);  z-index: -1
 	} 
.vi_bx ul li:nth-child(2):before{    
	position: absolute;
    content: "";
    top:-20px;
    left:-20px;
    width:270px;
	height:270px; 
	border-radius:50% ;
	/*border:7px solid #0989bf;*/background:url(/img/about/mission_bg3.png) #146e67; /*opacity: 0.6;*/ transform: rotate(45deg); box-shadow:3px 3px 1px rgba(0, 0, 0, 0.1);z-index: -1
 	} 
.vi_bx ul li p{ margin: 0 auto; clear:both; margin-bottom:10px;  font-size:24px;   letter-spacing:-1px; color:#222; line-height:35px; position:relative ;font-family: 'TTTtangsbudaejjigaeB';text-align: center; /*border-radius: 30px; */opacity: 1; }
.vi_bx ul li	{position: relative; width:180px;height:180px; padding:50px  25px 0; /*margin:20px 3% 0 3%;*/  border-radius:50%;  text-align:center;  display: inline-block; font-weight:400; font-size:17px;  color:#000;opacity: 1;background: #fff;/*border : 1px dashed #eee;*/box-shadow:3px 3px 1px rgba(0, 0, 0, 0.1);}
 

/* 모바일 해상도  */
	@media all and (max-width:980px) {		
 .vi_bx	{  margin: 0px auto ;padding-top: 40px; background-size:100%} 
.vi_bx ul li:before{    
 
    left: 0px;
 	width:240px;
	height:240px; 
	 box-shadow:3px 3px 1px rgba(0, 0, 0, 0.0);
	 
 	} 
.vi_bx ul li:nth-child(2):before{    
 
    left: 0px;
 width:240px;
	height:240px;   box-shadow:3px 3px 1px rgba(0, 0, 0, 0.0);
 
 	} 
.vi_bx ul li p{   font-size:24px;   line-height:30px;color: #fff  }
.vi_bx ul li	{ padding: 40px 27px 0 23px; margin: 0px 2% ; background:none ;color: #fff; z-index: 1;box-shadow:3px 3px 1px rgba(0, 0, 0, 0.0);  }
 
	}
 
 
/*-----------------------------------------------------------------------------------------------------------
후원/자원봉사
-----------------------------------------------------------------------------------------------------------*/
	
	.huwon-type2{ margin:20px 0;}
	.huwon-type2 ul li	{ width:31%; float:left; height:250px; box-sizing:border-box; margin:0 0 15px 2.3%; border-radius:30px;
	text-align:center; position:relative;
	border:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; 
	box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
		background:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
		background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%); transition: all 0.6s}
	.huwon-type2 ul li:last-child  { margin-right:0;}
	.huwon-type2 ul li:hover{ border:1px solid #f66d4b}
	.huwon-type2 ul li img	{ padding-top:30px}
	.huwon-type2 ul li p.txt{}
	.huwon-type2 ul li p.point	{ color:#000; font-weight:400; font-size:22px; letter-spacing:-1px; padding:15px 0 10px; transition: all 0.6s}
	.huwon-type2 ul li p.point:hover	{color:#f66d4b;}
	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
	.huwon-type2 ul li	{ width:100%; float: none; box-sizing:border-box; margin:0 0 15px 0;}
	
	

	}
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠
-----------------------------------------------------------------------------------------------------------*/

	
	.vol_party_layout	{ overflow:hidden; margin-bottom:8px;}
	ol.vol_party_layout	{ margin:0; padding:0}
		.vol_party_layout .vol_party_li		{ display:table; text-align:center; font-weight:bold; float:left; background:url("/img/common/arrow_right.gif") no-repeat 98% center; padding:0 3% 0 0; margin-bottom:3%; }
		.vol_party_layout .vol_party_li img		{ padding-bottom:10px}
		.vol_party_layout .vol_party_end		{ padding:0; margin:0; background:none  !important }
		.vol_party_layout .vol_party_box		{ display:inline-table; vertical-align:middle; padding:15px 5px;width:80%}
		.vol_party_layout .vol_party_li p.tt	{ text-align:center; font-weight:400; letter-spacing:-1.5px; color:#fff; font-size:18px;}
		.vol_party_layout .vol_party_li p.tt span	{ text-align:center; letter-spacing:-1.5px; color:#fff; font-size:14px;}
		
		.vol_party_layout .w-5	{width:17.45%}
		.vol_party_layout .w-4	{width:22.75%}
		.vol_party_layout .w-3	{width:30.75%}
		.vol_party_layout .h60	{ height:40px}
		.vol_party_layout .h30	{ height:35px}
		
		
		
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
	
	
	}	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.vol_party_layout .vol_party_li		{float:none; margin:0 0 10px 0; padding:0 0 20px 0; background:url("/img/common/arrow_bottom.gif") no-repeat center bottom; }
		.vol_party_layout .vol_party_inbox		{ padding:0;}
		.vol_party_layout .vol_party_li	 		{ height:60px;}
		.vol_party_layout .vol_party_li p.tt	{ padding:0; letter-spacing:0px;}
	
		.vol_party_layout .w-5,
		.vol_party_layout .w-4,
		.vol_party_layout .w-3	{width:100%}
		
	}	
	
	
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-일정보기
-----------------------------------------------------------------------------------------------------------*/


	table.schedule_table{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
	table.schedule_table thead tr th{width:102px; height:39px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; font-size:14px; text-align:center;}
	table.schedule_table thead tr th.sun{color:#d25656}
	table.schedule_table thead tr th.sat{color:#1f60b7}
	table.schedule_table thead tr th{border-right:1px solid #e0dede}
	table.schedule_table thead tr th:first-child{width:100px; border-left:1px solid #e0dede}
	table.schedule_table thead tr th span{display:block; height:39px; line-height:39px;}
	
	table.schedule_table tbody tr td{min-height:109px; border-top:1px solid #e0dede; border-right:1px solid #e0dede; vertical-align:top; }
	table.schedule_table tbody tr:first-child td{border-top:0px;}
	table.schedule_table tbody tr td:first-child{border-left:1px solid #e0dede}
	table.schedule_table tbody tr td div{overflow:hidden; width:82px; padding:10px;} /* height:89px; */ 
	table.schedule_table tbody tr td:first-child div{}
	table.schedule_table tbody tr td div span{display:block; font-size:11px; color:#333; font-weight:bold; margin-bottom:5px; text-align:left;}
	table.schedule_table tbody tr td.sun div span {font-size:11px; color:#d25656}
	table.schedule_table tbody tr td.sat div span {font-size:11px; color:#1f60b7}
	table.schedule_table tbody tr td.pre_mon div span a,
	table.schedule_table tbody tr td.next_mon div span a{font-size:11px; color:#aaa}
	
	table.schedule_table tbody tr td.schedule{background:#f2f2f2;}
	table.schedule_table tbody tr td.schedule div a.schedule_title{display:block; height:20px; line-height:15px; padding-left:10px; background:url("../../img/bullet.gif") 0 center no-repeat; color:#333; text-align:left;}
	table.schedule_table tbody tr td.schedule div a.schedule_title:hover{font-weight:bold; letter-spacing:-1px; text-decoration:underline;}
	table.schedule_table tbody tr td.schedule div a.more{display:inline-block; *display:inline; zoom:1; height:15px; line-height:15px; padding-left:5px; background:url("../img/more_skyblue.png") 0 0 no-repeat; margin-top:5px;}
	table.schedule_table tbody tr td.schedule div a.more span{display:block; line-height:15px; padding-right:5px; background:url("../img/more_skyblue.png") right -15px no-repeat; color:#fff; text-align:center; font-weight:normal; margin:0;}
	table.schedule_table tbody tr td.today{background:#88bc3f}
	table.schedule_table tbody tr td.today div span a{color:#fff;}
	table.schedule_table tbody tr td.today div a.schedule_title{ color:#fff;}
	table.schedule_table tbody tr td.today div a.more{background:url("../img/more_white.png") 0 0 no-repeat;}
	table.schedule_table tbody tr td.today div a.more span{background:url("../img/more_white.png") right -15px no-repeat; color:#1f60b7;}

	table.schedule_mobile {display:none;}
	
	/* 스케쥴게시판 list페이지 */
	.schedule_top{padding:30px 0; text-align:center;}
		.schedule_top a{display:inline-block; zoom:1; width:32px; height:32px; background:url(/img/common/com_img.png) no-repeat;}
		.schedule_top a.pre_mon{margin-right:45px; background-position:-3px -90px }
		.schedule_top a.next_mon{margin-left:45px; background-position:-35px -90px}
		.schedule_top span{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; color:#f66d4b; font-weight:bold; 
		font-size:30px; vertical-align:top}
		.schedule_top p{padding-top:10px; color:#666}
		.schedule_top p em{font-style:normal; font-weight:bold;}
		
		
		
	.pop_wrap{/*position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;*/}
		.pop_wrap .pop{/*position:absolute; top:50%; left:50%; z-index:250;*/ width:350px; min-height:188px; padding-bottom:65px; border:2px solid #bf0000; background:#fff}
		.pop_wrap .pop .pop_title{height:50px; border-bottom:1px solid #ddd; text-align:center;}
		.pop_wrap .pop strong{display:block; height:40px; line-height:40px; color:#bf0000; font-size:20px; font-weight:bold; padding-top:10px}
		.pop_wrap .pop strong span{font-weight: bold; font-size:18px; text-align:center;font-family:'NanumSquareR', dotum,"돋움",sans-serif;  }
		.pop_wrap .pop .pop_con{padding:0; background:#f4f7fa; }
		.pop_wrap .pop .pop_con ul{border-bottom:1px solid #ccd5e0; min-height:130px;}
		.pop_wrap .pop .pop_con ul li:first-child{border-top:0px;}
		
		.pop_wrap .pop .pop_con ul.schedule_write{padding:10px 0;} /* 일정작성 */
		.pop_wrap .pop .pop_con ul.schedule_write li{position:relative; padding:15px 0;}
		.pop_wrap .pop .pop_con ul.schedule_write li span.tt{ float:left;color:#000; font-size:14px; border-right:1px solid #ccd5e0; padding-right:20px}
		.pop_wrap .pop .pop_con ul.schedule_write li span{display:block; font-size:14px;float:left; padding-left:15px}
		.pop_wrap .pop .pop_con ul.schedule_write li textarea{width:268px; height:180px; border:1px solid #ccd5e0; padding:0; color:#666; font-size:12px;}
		.pop_wrap .pop .pop_con ul.schedule_write li:last-child {padding-bottom:0;}
		
		.pop_wrap .pop .pop_con .pop_bt{position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
		.pop_wrap .pop .pop_con .pop_bt a{width:60px; border:1px solid #222; background:#000; color:#fff; padding:3px 10px; font-size:12px}
		.pop_wrap .bg_trans{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
		
		
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		
		table.schedule_mobile{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
		table.schedule_mobile th{height:30px; padding:0 15px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; text-align:center;}
		table.schedule_mobile td{height:30px; width:100%; border-bottom:1px solid #e0dede; color:#0f3d7c; padding:10px;}
		table.schedule_mobile td.schedule{background:#fbfbfb;}
		table.schedule_mobile td.schedule a{display:block;}
		table.schedule_mobile td.today{background:#88bc3f;}
		table.schedule_mobile td.today a{display:block;color:#fff;}
		
		table.schedule_mobile {display:block;}
		table.schedule_table  {display:none;}
		
	}	
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠-소식지
-----------------------------------------------------------------------------------------------------------*/

	
	/*소식지*/
	.paper_all     { width:100%; clear:both; min-height:220px; border:1px solid #ddd; margin-bottom:10px; padding:30px; box-sizing:border-box}
	.paper_all:after {content:'';display:block;clear:both;height:0;visibility:hidden}
	.paper_all li  { clear:both;}
	.paper_left    { width:30%; float:left; text-align:center;}
	.paper_center  { width:25%; float:left;}
	.paper_center li { clear:both; background:url(/img/common/dot.png) no-repeat 0 10px; padding-left:15px; line-height:25px;}
	.paper_right   { width:40%; float:right; line-height:160%; letter-spacing:-1px;}
	.paper_right ul{ border-left:1px solid #ddd; padding-left:15px; line-height:160%}
	.paper_title   { font-size:1.4em; font-weight:400; color:#009953; margin-bottom:10px; margin-top:15px; padding-left:20px} 
	.btn_pager_mobile  { display:none}
	
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		.paper_all     { width:100%; clear:both; height: auto}
		.paper_left    { width:100%; float: none; text-align:center;}
		.paper_center  { width:100%; float:none;}
		.paper_right   { display:none}
		.paper_title   { text-align:center; padding-left:0} 
		.btn_pager_mobile  { display: block}
		.btn_pager_pc  { display:none}
	
	}

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-신청폼
-----------------------------------------------------------------------------------------------------------*/
div.ok_box			{ padding:20px; /*line-height:200%;*/ border:#efefef solid 1px; background: #f9f9f9 ;font-size: 16px ;word-break: break-all  }
div.ok_box ul li	{font-size: 16px;word-break: break-all }
 
.tb_support {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
     
	border: 1px solid #ccc; 
 
    margin: 10px 0;
}
.tb_support_top {
 
	border-top: 2px solid #000;
 
}
.tb_support th,
.tb_support td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 15px;
    line-height: 180%;
    vertical-align: middle;
	word-break: break-all;
	font-size: 16px;
}

.tb_support thead th {
    font-weight: 500; 
    background: #f6f6fa;
}

.tb_support tbody th {
    background-color: #fafafa;
    font-weight: 500;
    border-right: 1px solid #ccc;
    /*padding-left: 10px;*/
    text-align: center;
}

.tb_support tbody th.type1 {
    background-color: #e5f1f6;
    font-weight: 400;
    text-align: center;
}

.tb_support thead th:last-child,
.tb_support tbody th:last-child,
.tb_support tbody td:last-child {
    border-right: 0
}

.tb_support td {
    background-color: #fff;
    font-weight: 300;
	color: #555555!important;
	
}


/*.tb_support2 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
     
	border: 0px solid #ccc; 
 
  
}

.tb_support2 th,
.tb_support2 td {border: 0px solid #ccc; 
    vertical-align: middle;
	word-break: break-all;
	font-size: 16px;
}
*/
/* 모바일 해상도 */
@media all and (max-width:980px) {
div.ok_box	{padding: 15px ;  height:140px; overflow:auto; line-height:180%;font-size: 15px; }
 
div.ok_box ul li	{font-size: 15px; }
	
/*신청폼*/
.tb_support {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
     
	border: 1px solid #ccc; 
 
    margin: 10px 0;
}
.tb_support_top {
 
	border-top: 2px solid #000;
 
}
.tb_support th,
.tb_support td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    line-height: 16px;
    vertical-align: middle;
	word-break: break-all;
	font-size: 15px;text-align: center;
}

.tb_support thead th {
    font-weight: 500;
    background: #f6f6fa;
}

.tb_support tbody th {
    background-color: #fafafa;
    font-weight: 500;
 
    border-right: 1px solid #ccc;
    /*padding-left: 10px;*/
    text-align: center;
}

.tb_support tbody th.type1 {
    background-color: #e5f1f6;
    font-weight: 400;
    text-align: center;
}

.tb_support thead th:last-child,
.tb_support tbody th:last-child,
.tb_support tbody td:last-child {
    border-right: 0
}

.tb_support td {
    background-color: #fff;
    font-weight: 300;
 
}
 
/*.tb_support2 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	border: 0px solid #ccc; 
}

.tb_support2 th,
.tb_support2 td {border: 0px solid #ccc; 
    vertical-align: middle;
	word-break: break-all;
	font-size: 16px;
	text-align: left;
	padding: 3px 0px;
}*/
}

/*-----------------------------------------------------------------------------------------------------------
컨텐츠-뉴스레터
-----------------------------------------------------------------------------------------------------------*/
	h3.h3_title3			{ clear:both; margin-bottom:10px; font-size:36px;  text-align: center;  color:#643a39; line-height:24px; position:relative; font-family: 'ELAND_Nice_M';}
	h3.h3_title3:before 	{position:absolute;top:50px;left:50%; transform: translateX(-50%);content:""; height:4px; width:50px; border-radius:20px; background:#0bac79} 
/*
	h4.h4_title			{ clear:both; margin-bottom:15px; font-size:24px; font-weight: 600; letter-spacing:-1px; padding-left:18px; color:#000; line-height:24px; font-family: 'Noto Sans KR';position:relative}
	h4.h4_title:before 	{position:absolute;top:2px;left:0;content:""; height:22px; width:7px; border-radius:20px; background:#da2720}
*/
div.con_box2		{ padding:20px 10px;  border:#f3f3f3 solid 1px;  border-radius:22px;background:url(/img/common/box_bg.jpg) no-repeat center top #f7f7f7;   }
 
	div.con_box2 ul.bu2	{line-height:220%; }
	/* 뉴스레터 신청하기 */
.point-btn2 {display:inline-block;font-size:15px;letter-spacing:-0.02em;padding-right:20px;vertical-align:baseline;transition:background .3s; margin-bottom:5px}
.point-btn2 span  {display:block;padding:14px 30px;line-height:1;transition:all .3s;color:#fff}
.point-btn2 span.link {background:url(/img/common/ico_link02.png) no-repeat 95% 50%;padding-right:40px;}
.point-btn2:hover span.link,.point-btn2:focus span.link {background-position:100% 50%;}

.point-btn2 {background:#0bac79;border:1px solid #0bac79;color:#fff !important; border-radius:0px}
.point-btn2:hover, .point-btn2:focus {background:#be160d;}