@charset "utf-8";


/*-----------------------------------------------------------------------------------------------------------
기본
-----------------------------------------------------------------------------------------------------------*/
.btnDiv			{ clear:both; padding:10px 0}
.pageDiv		{ clear:both; overflow:hidden;  width:100%; text-align:center}

/*-----------------------------------------------------------------------------------------------------------
버튼
-----------------------------------------------------------------------------------------------------------*/
.btn_g1 			{ display:inline-block; padding:3px 5px; border:1px solid #598037; background-color:#6b9447;  font-size:11px; border-radius: 3px; vertical-align:middle}
	a.btn_g1,input.btn_g1,button.btn_g1						{ color:#fff;}
	a:hover.btn_g1,input:hover.btn_g1,button:hover.btn_g1	{ color:#fff; border:1px solid #598037; background:#77a153;}
	
.btn_r1 			{ display:inline-block; padding:3px 5px; border:1px solid #d20d08; background:#eb231d; font-size:11px; border-radius: 3px; vertical-align:middle}
	a.btn_r1,input.btn_r1,button.btn_r1						{ color:#fff;}
	a:hover.btn_r1,input:hover.btn_r1,button:hover.btn_r1	{ color:#fff; border:1px solid #d20d08; background:#f43530;}

.btn01 			{ display:inline-block; padding:3px 5px; border:1px solid #222; background:#555; font-size:11px; 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;}

.btn02 			{ display:inline-block; padding:10px 25px; border:1px solid #5a8009; background:#638c0b; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn02,input.btn02,button.btn02					{ color:#fff; font-size:1em}
	a:hover.btn02,input:hover.btn02,button:hover.btn02	{ color:#fff; border:1px solid #5a8009; background:#5a8009;}

.btn03 			{ display:inline-block; padding:15px 50px; border:1px solid #a0b05a; background:#a0b05a; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn03,input.btn03,button.btn03					{ color:#fff; font-size:1em; font-weight:500}
	a:hover.btn03,input:hover.btn03,button:hover.btn03	{ color:#fff; border:1px solid #95a54d; background:#95a54d;}

.btn04 			{ display:inline-block; padding:10px 15px; border:1px solid #b6091e; background:#c20f24; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn04,input.btn04,button.btn04					{ color:#fff; font-size:1em}
	a:hover.btn04,input:hover.btn04,button:hover.btn04	{ color:#fff; border:1px solid #b6091e; background:#ce1a2f;}


/*-----------------------------------------------------------------------------------------------------------
/*게시판
-----------------------------------------------------------------------------------------------------------*/

table, div { border-collapse: collapse; }
	table { border-collapse: collapse; border-spacing: 0; width:100%; }
	table {width:100%; background-color:#fff;}
	table [class*="tbl_"] {margin:0;}
	table thead th {vertical-align:middle;}


.tbl_auto table {table-layout:auto !important;}
.tbl_fixed table {table-layout:fixed !important;}
	[class*="tbl_"].te_center tbody th,
	[class*="tbl_"].te_center tbody td {text-align:center;} 
	[class*="tbl_"] .scroll {overflow-x:hidden; overflow-y:auto; height:248px; border-bottom:1px solid #e6e6e6; background-color:#f9f9f9; }
	[class*="tbl_"] {margin-bottom:10px;}

.tbl_bbs {border-top:2px solid #000;  margin-top:8px; clear:both}
	.tbl_bbs table {table-layout:fixed;}
	.tbl_bbs thead th {height:22px; padding:10px 0 10px; line-height:1.4em; background-color:#f9f9f9; color:#000; font-weight:400; border-bottom:1px solid #c3c3c3; 
	border-left:1px solid #e6e6e6;  text-align:center; background:#f2f2f2}
	.tbl_bbs thead th:first-child {border-left:0 none;}
	.tbl_bbs tbody th,.tbl_bbs tbody td {height:20px; padding:10px 10px 10px; }
	.tbl_bbs tbody td span{color:#C60;}
	.tbl_bbs tbody th {text-align:center; background-color: #f9f9f9; color:#000; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-weight:400 }
	.tbl_bbs tbody td {border:1px solid #e6e6e6; border-right:0 none;}
	.tbl_bbs tbody tr:first-child td {border-top:0 none;}

	.ie9 .tbl_bbs thead th {height:21px; padding-top:6px;}
	.ie9 .tbl_bbs tbody th,.ie9 .tbl_bbs tbody td {height:19px; padding-top:8px;}
	
	.tbl_bbs tbody td:first-child {border-left:0 none; }



/* 페이징 */
.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;}




/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/

#subP > h4,h4.h4_title	{ background:url(/image/common/btn_bullet.gif) no-repeat left; font-size:20px; color:#000; font-weight:400; 
padding-left:30px; text-align:left;}
#subP > h5,h5.h5_title	{ padding-left:20px; font-size:17px; font-weight:400; margin-left: 15px; background:url(/image/common/bu_3.gif) no-repeat 0 3px; color:#0867b3; clear:both}


.title_point {font-size:17px; font-weight:600; margin-left:20px; color:#C60; clear:both;}

.con		{ padding:0px 0 0 30px; line-height:150%;}
.con strong	{ font-weight:500; color: #cf4444}
.con a	{ color:#333}
	
	ol.bu1		{margin:5px 0 0 10px;}
	ol.bu1 li 	{line-height:180%;list-style: decimal !important }
	
	ul.bu2		{margin:10px 0 0 40px;}
	ul.bu2 li 	{line-height:160%;list-style-type:disc !important}
	ul.bu2 li strong	{ font-weight:400; color: #cf4444}
	
	
	ul.img	{ clear:both; margin-top:10px;}
	ul.img li		{ width:270px; float:left; margin-bottom:10px; text-align:left}
	ul.img li:last-child	{ width:260px}
	
	.con_img		{ clear:both; margin-top:30px;border-bottom:1px dotted #ccc; padding-bottom:20px }
	.con_img:after	{content:'';display:block;clear:both;height:0;visibility:hidden}
	.con_img p.img	{ width:240px; float:left;  text-align:center; margin:7px; margin-right:30px;}
	.con_img div.txt	{ float:left; width:680px; line-height:22px;}

	
/*-----------------------------------------------------------------------------------------------------------
사이트맵
-----------------------------------------------------------------------------------------------------------*/
/* 컨텐츠 영역_사이트맵 */
#contents_sitemap			{ }
	#contents_sitemap p.site	{width:200px; font-size:18px; color:#c60c23; letter-spacing:-1px; line-height:40px; text-align:center;font-family: 'Noto Sans KR' ; font-weight:normal;
	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; margin-left:50px}
	#contents_sitemap .cate_line:after{content:""; display:block;clear:both;}
	#contents_sitemap .cate_line .cate{float:left; width:200px; height:auto; margin:20px 40px 10px 0px;}
	#contents_sitemap .cate_line .cate ul{ margin:10px 0 15px 0}
	#contents_sitemap .cate_line .cate ul li{ padding:10px 10px 15px 20px;margin-top:3px;border-bottom:#f2f2f2 1px solid;}
	#contents_sitemap .cate_line .cate ul li a		{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li a:hover{color: #c60c23;}
	#contents_sitemap .cate_line .cate ul li.sub	{ padding-left:20px; padding:5px 10px 10px 20px;margin-top:3px;border-bottom: dotted 1px #999;}
	#contents_sitemap .cate_line .cate ul li.sub a	{ color:#666; letter-spacing:-1px;}
	#contents_sitemap .cate_line .cate ul li.sub a:hover{color: #c60c23;}

	.sc_title     	{clear:both; padding:5px 0 5px 10px; border:dotted 1px #999; font-weight:bold; background:#f3f3f3;}
	.sc_text      	{clear:both; margin:15px;}
	.sc_text ol li	{ list-style: decimal    !important; margin-bottom:5px }
	.sc_text ol type	{ font-weight:bold}
		.sc_text ul 	{}
		.sc_text li 	{ line-height:160%}
		.sc_text li span.bold{ background:#555; padding:2px 5px; color:#fff; margin-right:5px; border-radius: 3px}
		.sc_text li strong	 { font-weight:500; color:#000}


/*-----------------------------------------------------------------------------------------------------------
탭
-----------------------------------------------------------------------------------------------------------*/
.tab_menu			{overflow:hidden;width:100%; margin-top:20px; text-align:center}
	.tab_menu span			{display:inline-block;margin:0 3px 3px 3px;border-radius:26px}
	.tab_menu span.off		{display:inline-block; border:1px solid #e0d9b8; background:#fefae8; text-align:center; padding:15px 0; color:#444}
	.tab_menu a:hover span.off{border:1px solid #dcdcdc; background:#f76363; color:#fff; font-weight:400}
	.tab_menu span.on			{display:inline-block; border:1px solid #dcdcdc; border-bottom:none; background:#f76363; text-align:center; padding:15px 0; color:#fff; font-weight:600}
	
	.tab_menu span.w33		{ width:31%}
	.tab_menu span.w25		{ width:23%}
	.tab_menu span.w20		{ width:18.7%}
	.tab_menu span.w48		{ width:48%}
	.tab_menu span.h40		{ height:auto}
	

.tab_menu2			{overflow:hidden;width:100%; margin-top:20px;width:100%; border-bottom:#d6d6d6 1px solid;border-left:#d6d6d6 1px solid; height:51px; }
	.tab_menu2 li	{background:#f7f7f7; float:left; text-align:center; color:#555;  height:50px; line-height:50px;border:#d6d6d6 1px solid; border-left:none; margin-left:-1px; padding:0 20px }
	.tab_menu2 li:first-child{ margin-left:0;}
	.tab_menu2 li.selected	 {background:#fff;}
	.tab_menu2 a li 		 {color:#000;}
	.tab_menu2 a li.selected { color:#cf4444; font-weight:400}
	
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠
-----------------------------------------------------------------------------------------------------------*/
.box {clear:both; margin:10px 0;}
.box p.tt	{position:relative;background:url('/image/common/bg_pattern.png') repeat-x left center; text-align:left; padding:0 0 0 15px; }
.box p.tt span	{ background:#fff; padding:0 10px; color:#c44a29; font-weight:500; font-size:18px}
.box p.txt	{ line-height:150%; padding:20px 25px;}


/* ---------------------------------------------------정현 연습페이지---------------------------------------------------------*/
	
	
	
	
	.business_tt	{ width:320px; float:right; height:260px; background:url(/img/business/business_tt_bg.png) top right no-repeat #608be4 }
	.business_tt>h3.tt	{ color:#fff !important; padding:30px 0 0 30px !important; font-size:1.6em !important;
	font-weight:500; text-align:left !important; background:none !important}
	
	.business_tt>p.txt	{ color:#fff !important; padding:20px 30px !important; opacity:0.8; font-size:1em !important; font-weight:80;
	line-height:160%; text-align:left !important; background:none !important}
	
	.business_image	{ width:500px; float:left;}

	.business_sub1_box	{font-size:1.6em; font-weight:90; text-align:left; color:#608be4}





/* ---------------------------------------------------정현 연습페이지---------------------------------------------------------*/

.charter-wrap 			{padding:4px;background:url(/image/common/boxTop_bg.gif) repeat 0 0;border-radius:20px;}
.charter-wrap:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
.charter		{ padding:30px; background:#fff}
	.charter p.img		{ width:35%; float:left; margin:0 5%; margin-bottom:30px}
	.charter p.img img	{ width:300px; }
	.charter div.txt	{ float:left; width:52%; line-height:180%; padding-top:35px}
	.charter div.txt h4	{ font-size:24px; color:#000; width:100%; font-weight:bold; padding-bottom:10px}
.charter2		{ padding:80px; background:#fff}
	
	
/*-----------------------------------------------------------------------------------------------------------
컨텐츠
-----------------------------------------------------------------------------------------------------------*/


	.box-type {position:relative;text-align:center; margin-top:40px}	
	.char-thum {position:relative;width:100%;}
	.char-thum img {width:100%;}
	
	.char-tit {margin-top:30px;}
	.char-tit p.tit	{font-size:30px;line-height:40px;color:#116fb0;font-weight:500; letter-spacing:-1px;  text-align:center}
	.char-tit p.tit span	{font-size:30px;line-height:40px;color:#333;font-weight:300;}
	.box-type p.txt	{ line-height:160%; text-align:center}
	.box-type p.txt strong	{ font-weight:400; color: #cf4444}
	.char-tit:after {content:"";display:block;margin-left:auto;margin-right:auto;}
	.char-tit:after {width:60px;height:5px;background:#317ac2;margin-top:22px;margin-bottom:30px;}
 
 
	.chngSrvHead{position:relative; margin-top:20px}
		.chngSrvHead .txt{position:absolute; top:280px; left:0px; line-height:30px; background:rgba(0, 0, 0, .5); height:120px; width:100%}
		.chngSrvHead .txt p{margin:30px 0 0 40px;  font-size:20px; color:#fff;  }
		.chngSrvHead .txt p.type1{margin:5px 0 0 40px; font-size:14px;line-height:20px}



	.page_tit	{ background:url(/image/common/subtxt_bg.jpg) no-repeat; height:120px;text-align:center; padding-top:24px; }
	.page_tit2	{ background:url(/image/common/subtxt_bg2.jpg) no-repeat center bottom; height:160px;text-align:center; padding-top:24px; }
	h4.box_tt	{ color:#000; font-weight: normal; font-size:24px;font-family: 'Noto Sans KR'; clear:both}
	h4.box_tt span{ color:#f75747;font-weight: normal; font-size:24px;font-family: 'Noto Sans KR';}	
	

/* 절차, 단계 */
	.stepCon{position:relative;overflow:hidden;z-index:2}
	.stepCon ol::after{display:block;clear:both;content:''}
	.stepCon ol{width:100%;text-align:center}
	.stepCon ol > li{position:relative;float:left;margin:10px 0;padding-right:50px;width:15%;text-align:center;}
	.stepCon ol > li::after{position:absolute;top:50px;right:10px;width:21px;height:36px;content:'';background:url('/image/common/aw_pc.gif') no-repeat;}
	.stepCon ol.step1 > li > div{position:relative;padding:20px 5px 0 5px;min-height:100px;color:#333;background:#fff;border:1px solid #c4c4c4;z-index:2; }
	.stepCon ol > li > div span{display:block;}
	.stepCon ol > li > div .num{position:relative;margin-bottom:8px;padding-bottom:8px;color:#656565;text-align:center}
	.stepCon ol > li > div .num::after{position:absolute;bottom:0;left:50%;margin-left:-7px;;width:14px;height:2px;content:'';background:#c4c4c4}
	.stepCon ol > li > div .tit{font-size:16px;line-height:22px;font-weight:400;word-break: keep-all;text-align:center}
	.stepCon ol.mih > li > ul{min-height:80px}
	.stepCon ol > li > ul > li{width:100%;font-size:14px;text-align:center}
	.stepCon ol.step1 > li:first-child div{border:1px solid #3e4452}
	.stepCon ol > li:last-child::after{display:none; background:none}
	.stepCon ol.step1 > li:last-child div{color:#fff;background:#005fca;border:1px solid #005fca}
	.stepCon ol > li:last-child div .num{color:#fff}
	.stepCon ol.step1 > li:last-child > div .num::after{background:#fff}
	.stepCon ol.st4 > li:last-child::after{display:block}
	
	.stepCon ol.step1.li3 li{width:28% !important}
	.stepCon ol.step1.li4 li{width:18% !important}
	
/* 절차 */
	.vol_party_layout	{ margin:20px 0 0 30px}
		.vol_party_layout .vol_party_li		{ display: inline-block; float:left; padding-bottom:20px; position:relative}
		.vol_party_layout .vol_party_li:after   { position:absolute; top:70px; right:5px; content:''; background:url("/image/common/aw_pc.gif") no-repeat right; width:10px; height:16px}
		.vol_party_layout .vol_party_li_end		{ padding:0; margin:0; background:none  !important }
		.vol_party_layout .vol_party_box		{ display:table-cell; vertical-align:middle;  font-weight:500; border:2px solid #BDBDBD; text-align:center; border-radius:10%;background-color:#FFFFFF;  width:150px; height:150px; font-size:0.93em}
		.vol_party_layout .vol_party_li p.tt	{height:25px; color:#005bab; text-align:center; font-weight:600; letter-spacing:-1.5px; font-size:18px}
		.vol_party_layout .vol_party_li.w23 {width:23%}
		
		
/*법인소개*/
	.about3_txt1	{ padding-bottom:30px; border-bottom:1px solid #ededed; font-size:18px; color:#777; line-height:1.4;}
	.about3_txt2	{ margin-top:40px; padding:0 90px }
	.about3_txt3	{ clear:both; padding-top:30px; text-align:center; color:#000; font-size:16px; font-weight:bold}
		
	ul.bu4		{}
	ul.bu4 li 	{line-height:180%; position:relative; padding-left:35px; padding-bottom:15px}
	ul.bu4 li span.num	{ position:absolute; left:0; top:0; border-bottom:2px solid #f75024; padding-bottom:5px; color:#000; font-weight:bold; font-family:"나눔고딕"}
	
	
	.about_sub2	{ margin-top:30px; line-height:180%; background:url(/image/about/sub2_img_01.jpg) no-repeat right; background-position-y:60px;}
	.about_sub2 p.type1	{ font-weight:500; font-size:18px; color:#960; padding-bottom:5px}
	.about_sub2 p.type2	{ clear:both; padding-top:30px; text-align:right; color:#000; font-weight:600; font-size:20px; font-family:"나눔명조"}
	
	/* 연혁 */
	.historyDiv{}
		.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; color:#333;  font-weight:normal; background:url(/image/about/his_bg.gif) no-repeat; text-align:center; line-height:140px}
		.historyDiv li .hisTxt{width:580px; float:right; color:#777; overflow:hidden}
		.historyDiv li .hisTxt .txt{overflow:hidden; margin-top:30px}
		.historyDiv li .hisTxt .txt .month{width:120px; float:left; font-weight:normal; color:#555; padding-top:10px;}
		.historyDiv li .hisTxt .txt .history	{width:460px; float:left;  padding-top:10px;}
		.historyDiv li .hisTxt .txt .history p	{ padding-bottom:10px;word-break: keep-all;}
	



/* 조직도 */
	
	.about_org		{ height:400px; position:relative}
		.about_org:after{ position:absolute;top:58px;left:50%;margin-left:-0.5px;content:"";width:1px;height:100px;background:#ddd; display:inline-block }
		.about_org ul li.org1 p.txt1	{ width:250px; margin:0 auto 30px; background:#55add3; padding:20px 0; text-align:center; color:#000; border-radius:15px; color:#fff; font-weight:500; font-size:18px }
		.about_org ul li.org2		 	{position:relative; margin-bottom:100px}
		.about_org ul li.org2 p.txt2_1	{border:3px solid #a8bf39; padding:15px 0; text-align:center; background:#fff; position:absolute; top:0; left:0px;width:200px; border-radius:15px}
		.about_org ul li.org2 p.txt2_2	{border:3px solid #a8bf39; padding:15px 0; text-align:center; background:#fff; position:absolute; top:0; right:0px;width:200px; border-radius:15px}
		.about_org ul li.org2:after 	{position:absolute; top:27px; left:207px;content:"";width:405px;height:1px;background:#ddd;}
		.about_org ul li.org3 p.txt3	{ clear:both; border:3px solid #e6db30; padding:15px 0; text-align:center; margin:0 auto 15px; background:#fff; width:250px; border-radius:15px; z-index:1}
	
/*소식지*/
	.paper_all     { width:900px; clear:both; float:left;}
	.paper         { width:900px; clear:both; float:left;}
	.paper_all li  { clear:both; float:left;}
	.paper_line    {width:900px;  border-bottom:#CCCCCC 1px dotted;  padding-bottom:15px; margin-bottom:15px;}
	.paper_left    { width:260px; float:left; text-align:center;}
	.paper_center  { width:300px; float:left;}
	.paper_center li { width:300px; list-style:disc }
	.paper_right   { width:300px; float:left; line-height:160%; letter-spacing:-1px}
	.paper_title   { font-size:16px; font-weight:bold; color:#c60c23; margin-bottom:10px; margin-top:15px;} 


/*후원*/
	.support_sub1	{ margin-top:20px; border-top:2px solid #838d28;}
	ul.support_sub1 li	{ padding:15px 0; border-bottom:1px dashed #ddd; clear:both; width:100%; min-height:100px; box-sizing:border-box; position:relative}
	ul.support_sub1 li p.icon	{ position:absolute; top:10px; left:15px; width:120px; height:80px; text-align:center}
	ul.support_sub1 li p.icon img	{ width:75px}
	ul.support_sub1 li p.tt		{ font-weight:400; color:#F66; font-size:18px; padding:10px 0 10px 170px}
	ul.support_sub1 li p.stt	{ font-weight:400; color:#000; font-size:16px; margin:10px 0 10px 170px; position:relative; padding-left:15px}
	ul.support_sub1 li p.stt:before	{ position:absolute; content:'⦁'; top:3px; left:0; font-size:14px;}
	ul.support_sub1 li p.txt	{ padding-left:170px; font-size:14px; line-height:150%}
	
	ul.support_sub2		{ margin-top:20px}
	ul.support_sub2 li	{ width:33.333%; float:left; margin:15px 0;}
	ul.support_sub2 li div { width:200px; margin:0 auto;}
	ul.support_sub2 li div img  { margin-bottom:15px;}
	ul.support_sub2 li p.tt		{ clear:both; background:#FFC; border-radius:30px; padding:10px 0; text-align:center; font-size:16px; font-weight:400; color:#000; letter-spacing:-1px}
	ul.support_sub2 li p.txt	{ clear:both; padding:10px 0; line-height:150%; text-align:center}
	
	.support_step2 { background:url(/image/support/sub2_1_icon.gif) no-repeat top; height:180px; margin-top:20px}
	
	.step2 li { float:left; width:130px; margin:150px 0 0 67px; text-align:center;}
	.step2 li:first-child{ margin-left:50px;}