@charset "utf-8";

*{margin:0;padding:0;font-family:"돋움",Dotum,Helvetica,sans-serif; font:12px/1.25; }
body,input,textarea,select,option,th,td{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-size:1em}
ul,ol,li{list-style:none}
img,fieldset{border:0 padding:0px;margin:0px;}

.blind{position:absolute;overflow:hidden;left:0;top:-5000px}
hr{display:none}
table	{border-collapse:collapse; border:0px;}

input{	padding : 0px; margin: 0 0 0 0; padding:3px; border: 1px solid #CCCCCC; 
	      color:#8c8c8c;font-size:14px; }
				
textarea	{	width:100%;	height:300px;   border: 1px solid #f5f5f5;  color:#8c8c8c;font-size:14px; }	
				
				
				

/* 객체 규칙
from         { padding : 0px; margint: 0 0 0 0; display:inline  }
SELECT        { FONT-FAMILY: Tahoma, "돋움", Seoul, Dotum; FONT-SIZE: 9pt; BACKGROUND: #FFFFFF }
TEXTAREA      { FONT-FAMILY: Tahoma, "돋움", Seoul, Dotum; FONT-SIZE: 9pt; LINE-HEIGHT: 160% }
INPUT         { FONT-FAMILY: Tahoma, "돋움", Seoul, Dotum; FONT-SIZE: 10pt }
 */
/*----서브에 공통 부분 시작----*/

#wrap{ margin:0 auto; width:1014px;}
/*각페이지 이미지와 본문구분 칼라선*/
#section_line01{ border-bottom: 3px solid #478300;}
#section_line02{ border-bottom: 3px solid #4a7acf;}
#section_line03{ border-bottom: 3px solid #0eb5c5;}
#section_line04{ border-bottom: 3px solid #936bce;}
#section_line05{ border-bottom: 3px solid #719a4a;}
#section_line06{ border-bottom: 3px solid #ea9a3b;}
#section_line07{ border-bottom: 3px solid #db8256;}
#section_sitemap{ border-bottom: 3px solid #598527;}

/*sub_img*/
#sub_img01{ height:141px; background:url(../01_sub/img/visual01.jpg); margin:20px 0px ;}
#sub_img02{ height:141px; background:url(../02_sub/img/visual02.jpg); margin:20px 0px ;}
#sub_img03{ height:141px; background:url(../03_sub/img/visual03.jpg); margin:20px 0px ;}
#sub_img04{ height:141px; background:url(../04_sub/img/visual04.jpg); margin:20px 0px ;}
#sub_img05{ height:141px; background:url(../05_sub/img/visual05.jpg); margin:20px 0px ;}
#sub_img06{ height:141px; background:url(../06_sub/img/visual06.jpg); margin:20px 0px ;}
#sub_img07{ height:141px; background:url(../07_int/img/visual07.jpg); margin:20px 0px ;}


#content {float:right; width:717px;}
#footer{clear:both;}

/*----서브에 공통 부분 끝----*/

/* 활성화 텍스트 스타일*/
.txt1			{ COLOR: #38ab6f; font-size:13px; font-weight: bold; text-decoration: none;}
.txt2			{ COLOR: #4a7acf; text-decoration: none;}
.txt3			{ COLOR: #0eb5c5; font-weight: bold; text-decoration: none;} 
.txt4			{ COLOR: #936bce; font-weight: bold; text-decoration: none;} 
.txt4_bg	{ COLOR: #936bce; font-weight: bold; text-decoration: none; background:#efecf3;} 
.txt5			{ COLOR: #719a4;  text-decoration: none;}
.txt6			{ COLOR: #ea9a3b; text-decoration: none;}
.txt7			{
	COLOR: #6465BF;
	text-decoration: none;
	font-family: "돋움", Dotum, Helvetica, sans-serif;
}
.txt_bold	{font-weight: bold;}
.txt_bold_center	{font-weight: bold; text-align:center;}
.txt_left	{ text-align: left;}

/* margin */
#margin_top20 {margin-top:20px;}
.padding_left20 {padding-left:20px;}


/* 줄간격 규칙 */
.leading_01  { LINE-HEIGHT: 16pt }
.leading_02  { LINE-HEIGHT: 18pt }
.leading_01e { LINE-HEIGHT: 12pt}
.leading_02e { LINE-HEIGHT: 16pt }


/* table  */

.table01{border-top: 2px solid #8959d2; border-bottom: 2px solid #8959d2; width: 717px;  text-align: left; }
.table01 td  { font-weight: bold; padding-left:15px;  padding-top:7px; padding-bottom:7px; border-bottom: 1px solid #d2cadf; }
.table01 th {  text-align: left; padding-left:15px; border-bottom: 1px solid #d2cadf;  background:#f1f1f1; COLOR: #936bce;}
  
.table02{border-top: 1px solid #d4d4d4; border-bottom: 2px solid #7c99ce; width: 717px;  text-align: left; }
.table02 td  { padding-left:15px;  padding:10px 20px; border-bottom: 1px solid #e3e9f5; }
.table02 th {  text-align: left; padding-left:15px; border-bottom: 1px solid #e3e9f5;  background:#f1f1f1; color: #7c99ce;}
.table02 caption {border-top: 2px solid #7c99ce; padding:7px; background:#f1f1f1; color: #393939;}


.table03{border-top: 2px solid #bcbcbc; border-bottom: 2px solid #bcbcbc; width: 717px;  text-align: left; }
.table03 td  { padding-left:15px; padding-right:15px; padding-top:7px; padding-bottom:7px; border-bottom: 1px solid #d2cadf; }
.table03 th {  text-align: left; padding:5px 15px;;   background:#f1f1f1; }
.table03 textarea{	width:87%;	height:40px; border: 1px solid #c4cad1; color:#8c8c8c;font-size:12px; }	

.table04{border-top: 0px; border-bottom: 0px; }
.table04 td  { font-weight: normal; padding-left:0px;  padding-top:0px; padding-bottom:0px; border-bottom: 0px; }
  


/*게시판 */

.board{margin-top:20px; width:100%;border-top: 1px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; text-align: left; }
.board a{ color:#000;}
.board td  {padding:10px; text-align:center;  border-bottom: 1px solid #f0f0f0; }
.board th { padding:10px;
            border-left: 1px solid #e0e0e0;  
						border-right: 1px solid #e0e0e0;
            border-bottom: 2px solid #e0e0e0;  background:#f7f7f7; color: #858585;}
.board_search{ border: 1px solid #e0e0e0;   padding:7px; background:#f7f7f7; text-align:center;}			
						
						
.board_write{margin-top:20px; width:100%;border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; text-align: left; 
line-height:20px;}
.board_write td  { padding:10px;border-bottom: 1px solid #f0f0f0; }
.board_write th { padding-left:25px; text-align:left;
            border-bottom: 1px solid #e0e0e0;  background:#f7f7f7; color: #858585;}
.board_write .text{margin:10px 0px; padding:20px; border:1px solid #e0e0e0; background:#fafafa;}

/* board 정렬 */
.bt_align {margin:0 auto; width:128px; padding-top:10px;margin-bottom:30px;} /* 버튼 정렬*/ 
.bt_align li{float:left;  padding:5px; }
.tbimg_padding img{padding-left:10px; padding-top:20px;}

						

/* paginate */

.paginate{padding:20px 0;line-height:normal;text-align:center}
.paginate a,
.paginate strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:0px 12px;border-left:0px solid #656565;border-right:0px solid #656565;background-color:#fff;font:normal 12px/12px 돋움, Dotum;color:#666;text-decoration:none;vertical-align:top}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{}
.paginate strong{font-weight:bold}
.paginate .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus{color:#323232;background-color:#fff}

.paginate .first{display:inline-block; width:18px; height:11px; margin:0 2px 0; padding:0 !important; border-left:0; background:url(/images/board/bg_board_default.gif) no-repeat -4px -5px; }
.paginate .prev{display:inline-block; width:14px; height:11px; margin:0 2px 0px; padding:0 !important; border-left:0; background:url(/images/board/bg_board_default.gif) no-repeat -24px -5px; }
.paginate .next{display:inline-block; width:14px; height:11px; margin:0 2px 0; padding:0 !important; border-right:0;background:url(/images/board/bg_board_default.gif) no-repeat -43px -5px; }
.paginate .end{display:inline-block; width:18px; height:11px; margin:0 2px 0px; padding:0 !important; border-right:0;background:url(/images/board/bg_board_default.gif) no-repeat -59px -5px; }

.paginate a.bl0{border-left:0; }
.paginate a.br0{border-right:0; }
.paginate .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}


/*  scheduler */
.scheduler caption {
padding:15px; color: #393939; font-weight:bold; letter-spacing:2px; font-size:14px;}
 .scheduler{
 border-top: 2px solid #7c99ce; 
 border-bottom: 2px solid #7c99ce; 
 width: 100%;  text-align: left; }
.scheduler td  { 
 border-left: 1px solid #d4d4d4; 
 border-right: 1px solid #d4d4d4;
 border-bottom: 1px solid #d4d4d4;
 vertical-align:top;
 }
.scheduler th {
 border-left: 1px solid #d4d4d4; 
 border-right: 1px solid #d4d4d4;
 border-bottom: 1px solid #d4d4d4; 
 background:#f1f1f1; color: #7c99ce; padding:10px;}
.scheduler .no { 
border-bottom: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
text-align:center;width:20px;background:#f7f6f6;}
.scheduler .no_text { margin:7px; position:relative; text-align:left; color:#828282;}

.sd_list caption {border-top: 1px solid #7c99ce; padding:7px; background:#f1f1f1; color: #393939; font-weight:bold;}
.sd_list{margin-top:20px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #7c99ce; width: 717px;  text-align: left; }
.sd_list td  {
	border-bottom: 1px solid #e3e9f5;
	border-right: 1px solid #e3e9f5;
	border-left: 1px solid #e3e9f5;	
	padding-left:15px;
	padding:10px 20px; 
	}
.sd_list th {  
	border-bottom: 1px solid #e3e9f5;
	border-right: 1px solid #e3e9f5;
	border-left: 1px solid #e3e9f5;
	padding-left:15px;
	padding:10px 20px; 
  text-align: left; border-bottom: 1px solid #e3e9f5; 
  background:#f1f1f1; color: #7c99ce;}

/*  scheduler 끝 */
 
/* form /input */
.form100 {width: 100px;}
.form150 {width: 150px;}
.form200 {width: 250px;}
.form300 {width: 300px;}
.formall {width:100%;}

/* bt 정렬 */
.bt_algin {margin:0 auto; width:220px; padding-top:10px;margin-bottom:30px;} /* 버튼 정렬*/ 
.bt_algin li{ float:left;  padding:5px; }

/* box */
.box{ margin-top:10px; padding:10px; border: solid 1px #d7cde6; background:#f7f2ff; }
.box01{ margin-top:10px; margin-bottom:10px; padding:10px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; width: 697px; background:#f9f9f9;}
.box02{ margin-top:10px; margin-bottom:10px; padding:10px;  border: 2px solid #e1d9ed; width: 695px; background:#f8f5fc; line-height:24px; height:35px;}

/* box */
.bt01 {
  font-family: arial;
  color: #8455c9 !important;
	font-weight:bold;
  font-size: 12px;
  padding: 5px 5px;
  border: 1px solid #D0D0D0;
  background: #F1F1F1;
	text-align:center;
	width:200px;
	margin-left:10px;
}
.bt01:hover {
  color: #14396A;
  background: #fdfdfd;
}

/*--------------------------------sub01------------------------------------------------------------------------*/
/* #a_sub01_01*/
#a_sub01_01 {margin-top:20px; width:717px; height:300px; ;}
#a_sub01_01 .con01{ float:left;}
#a_sub01_01 .con02{ float:left;}
#a_sub01_01 .con03{ float:right; padding-top:15px;width:717px; text-align:justify;line-height:25px; letter-spacing:1px; }

#a_sub01_02{ height:300px;width:717px;}
#a_sub01_02 .con01{ float:left; padding-right:20px; width:410px; text-align:justify;line-height:30px;}
#a_sub01_02 .con02{ float:right;}

/* #a_sub02_01*/
#a_sub02_01 {margin-top:20px; width:717px; height:300px;}
#a_sub02_01 .con01{ float:left;}
#a_sub02_01 .con02{ float:left;}
#a_sub02_01 .con03{ float:left; padding-left:20px; width:535px; text-align:justify;line-height::30px;}

#a_sub02_02{ height:300px;width:717px;}
#a_sub02_02 .con01{ float:left; padding-right:20px; width:530px; text-align:justify;line-height:19px;letter-spacing:-1px;}
#a_sub02_02 .con02{ float:right;}

/* #a_sub03_01*/
#a_sub03_01 {margin-top:20px; width:717px; height:550px;}
#a_sub03_01 .con01{ float:left; }
#a_sub03_01 .con02{ float:left; padding-left:20px;}
#a_sub03_01 .con03{ float:right; padding-left:20px; width:481px; text-align:justify;line-height:19px;}


/* #a_sub04_01*/
#a_sub04_01 {margin-top:30px; margin-bottom:100px;width:717px;}
#a_sub04_01 li{float:left; }


#a_sub04_02 td{padding:3px 0px 0px 3px;}
#a_sub04_02.history { }
.line{border-bottom: 1px solid #d6d6d6;}
.history{margin-ytp:20px;}

/*--------------------------sub02------------------------------------------------------------------------*/



#b_sub03_01 .doctor01{float:left; }
#b_sub03_01 .doctor02{float:right;}
#b_sub03_01 .doctor03{float:left; margin-top:20px;}


#b_sub03_02 {float:left; margin-top:40px;}









/*--------------------------sub03------------------------------------------------------------------------*/
/* #c_sub02_01 봉사*/

#c_sub02_01{  margin-top:20px;  height:150px; margin-botttom:20px;}
#c_sub02_01 .con01{ float:left; padding-right:20px;}
#c_sub02_01 .con02{ float:left;}
#c_sub02_01 .text{ float:left;  padding-top:12px; width:530px;line-height:21px; }

#c_sub02_02{  margin-top:20px;  margin-botttom:20px;}

#c_sub02_02 .con01{ float:left; padding-right:20px; height:250px; }
#c_sub02_02 .con02{ float:left; }

#c_sub02_02 .text{ float:left; width:530px;  padding-top:12px; padding-top:12px;  padding-bottom:20px; line-height:21px; }

 #c_sub03_02 .table01{ border-bottom:solid 2px #4b9bcf; width: 717px; border-top:solid 2px #4b9bcf;text-align: left; line-height:22pt;}
 
 /* 자원봉사 신청 테이블*/
  #c_sub03_02{margin-bottom: 250px;}
  #c_sub03_02 table{margin-top: 40px; margin-left:60px;}
 #c_sub03_02  td { height:23px; padding:5px; padding-left:20px; }
 #c_sub03_02  th { width:60px; height:40px; text-align: left;  padding-left:20px;  }
#c_sub03_02 td input.confirm{width:60px; height: 60px; background: #0eb5c5; color:#fff;}
#c_sub03_02 td textarea{width: 400px; height: 200px; border: 1px solid #ccc;}
#c_sub03_02 .confirm_list{width: 700px;border-top: 2px solid #0eb5c5; border-bottom: 2px solid #0eb5c5;}
#c_sub03_02 .confirm_list th{background:#f3fafb; padding-right: 10px; border-bottom: 1px solid #ccc;}
#c_sub03_02 .confirm_list td{padding-right:30px; border-bottom: 1px solid #ccc;}
#c_sub03_02 .okall{width: 50px; height: 20px; margin-top: 20px; margin-left: 40%;}

/*---------------------------sub04------------------------------------------------------------------------*/

#d_sub02_01{ float:left; width:717px;}

#d_sub02_01 .con01{margin-top:20px;}
#d_sub02_01 .text{ padding-left:10px; padding-top:12px;  padding-bottom:20px; line-height:21px}

#d_sub02_01 .text02 li{ border-bottom: solid 1px #ececec; line-height:24px; padding-left:17px ;}
#d_sub02_01 .text02 {padding-bottom:20px; }

#d_sub02_02 .con01{ padding-bottom:10px ;}

#d_sub02_03 .con01{ padding-top: 20px;padding-bottom:10px ;}
#d_sub02_03 .text{padding-bottom:20px;}


#d_sub03_02  {float:left; margin-top:30px; width:717px;}/* 후원신청의 롤어버 버튼*/
#d_sub03_02 li{float:left; }

#d_sub03_03 .con01{ float:left; padding-top:20px;}
#d_sub03_03 .con02{ float:left; padding-top:20px;}
#d_sub03_03 .con03{ float:left; padding-top:20px;}

#d_sub04_02 .con01{ padding-top:20px;}
#d_sub04_02 li{ line-height:22px; }
#d_sub04_02 .box02{ height:100px;}


/*#d_sub04_02 .con01{ padding-top:20px;}
#d_sub04_02 li{ line-height:22px;}
#d_sub04_02 .box02{text-align:center; height:100px;}
#d_sub04_02 .bt01{float:left;}
#d_sub04_02 .bt_group {margin:0 auto; width:480px; padding-top:10px;}
*/


#d_sub04_01 .table01{margin-top:20px;}
#d_sub04_01 .bt{margin-top:10px; text-align:center;}


.sitemap{}
/*.sitemap a:hover, a:link, a:visited {text-decoration:none; color:#787878;}*/
.sttable th{padding:10px;}
.sttable td{line-height:30px; text-align:left; padding-left:35px; vertical-align:top;}

