@CHARSET "EUC-KR";

/*
	기본설정
	---------------------------------------------------------------
*/
/* mac hide \*/
 html, body {
	/*height:100%;*/
}
/* end hide*/


* html #SiteWrap {
	/*height:100%;*/	/* IE only */
	width:950px;
	text-align: left;
}


#SiteWrap{
	width:950px;
	text-align: left;
	/*min-height: 100%;*/
	
}


/*
	Header
	---------------------------------------------------------------
*/				

#Header{
	width:950px;
	text-align:left;
}

#TopMenu{	
	
}
	
	#TopStep1{
		height: 21px;
		padding: 0px 12px 0 0;
	}		
				
		#TopStep1 #TSubLinkBox{
	 		height: 21px;
			padding: 0px 0px 0px 0px;
			float: right;
		}
		#TSubLinkBox li{
				float: left;

				list-style: none;
				background: url(/image/top_center.gif) repeat-x 0 0;
				padding: 0px 0px 0px 0;
				}
			#TSubLinkBox li p{
				padding:0 0 0px 0;
			}
			#TSubLinkBox li img{
				vertical-align:bottom;
				padding:0px 0 0px 0;
			}

	#TopStep2{
		padding: 0px 2px 0px 22px;
		clear:both;
		height:42px;
	}
			#TopStep2 #TM_Logo{
				width: 418px;
				float: left;	
			}
			#TM_Logo li img{
					vertical-align:bottom;
				}
					
			#TopStep2 #TM_Menu{
				width: 510px;
				float: left;
				padding:2px 0px 0 0px;
			}
				#TM_Menu li{
					float: left;
					list-style: none;
				}
				#TM_Menu li img{
					vertical-align:bottom;
				}
	
	#TopStep3{
		height: 69px;
		background: url(/Images/Main/top_menu_bg.gif) no-repeat 0 0;
		clear:both;
	}
				
			#TopStep3 #TM_Search01{
				width: 525px;
				height:23px;
				float: left;
				text-align: left;
				padding:9px 0 0 15px;
			}
			
			
			#TopStep3 #TM_Search02{
				float: left;
				padding-top: 11px;
				width: 403px;
				height:23px;
				text-align: left;
			}
				#TM_Search02 ul{
					text-align:right;
					list-style: none;
				}
				#TM_Search02 li{
					float: left;
					list-style: none;
					color:#ffffff;
					padding:0px 0 0 7px;
					height:23px;
				
				}
				#TM_Search02 li a {
					color:#ffffff;					
				}


/* 협회소개 SubTop */

#SubTop01{
	height:42px;
	background: url(/Images/Ksrpd/s_top_bg.gif) no-repeat 0 0;
	padding:8px 0 0 5px;
	clear:both;
}
		#SM_Menu{	
		}
		#SM_Menu li{
					float: left;
					list-style: none;	
		}
		#SM_Menu li img{
					vertical-align:bottom;
		}	
		#SM_Search{
				float:right;
				width:272px;
				padding:4px 0px 0 0px;								
		}
		
			
/* 정책정보 SubTop */

#SubTop02{
	height:42px;
	background: url(/Images/Ksrpd/s_top_bg.gif) no-repeat 0 0;
	padding:8px 0 0 10px;
	clear:both;
}

/* 전자도서관 SubTop */

#SubTop04{
	height:42px;
	background: url(/Images/Ksrpd/s_top_bg.gif) no-repeat 0 0;
	padding:8px 0 0 5px;
	clear:both;
}
	
/* 두드림 SubTop */

#SubTop05{
	height:42px;
	background: url(/Images/Ksrpd/s_top_bg.gif) no-repeat 0 0;
	padding:8px 0 0 5px;
	clear:both;
}
/* 회원가입/마이페이지 SubTop */

#SubTop06{
	height:42px;
	background: url(/Images/Ksrpd/s_top_bg.gif) no-repeat 0 0;
	padding:8px 0 0 5px;
	clear:both;
}
		#SM_Menu{	
		}
		#SM_Menu li{
					float: left;
					list-style: none;	
		}
		#SM_Menu li img{
					vertical-align:bottom;
		}	
		#SM_Search{
				float:right;
				width:272px;
				padding:4px 0px 0 0px;								
		}
		
/* 사이트맵 SubTop */

#SubTop07{
	height:42px;
	background: url(/Images/Ksrpd/s_top_bg.gif) no-repeat 0 0;
	padding:8px 0 0 5px;
	clear:both;
}
		#SM_Menu{	
		}
		#SM_Menu li{
					float: left;
					list-style: none;	
		}
		#SM_Menu li img{
					vertical-align:bottom;
		}	
		#SM_Search{
				float:right;
				width:272px;
				padding:4px 0px 0 0px;								
		}
/*
	DocumentLayer
	---------------------------------------------------------------
*/				
/* DocCenter  total: 950 ( 200 + 10 + 740 )*/
#Body{

}
/* 	clear:both;
	text-align:left; */


/* 메인 LeftMenuLayer */
	#LeftMenu{
		float: left;
		width: 200px;
		clear:both;
		
	}
/* 협회소개 SubLeft01 */

	#SubLeft01{
		float: left;
		width:200px;
		padding: 0px 0px 0px 0px;
	}
		
		#SubLeft01 li{
			width:168px;
			list-style:none;
			padding: 0px 0px 0px 22px;
			background: url(/Images/Ksrpd/sub_leftmenu_bg.gif) repeat-y;
			margin:0px;
		}
		#SubLeft01 li img{
			vertical-align:bottom;
		}
	#SubLeft01 #smenu,#SubLeft01 #smenu1, #SubLeft01 #smenu2, #SubLeft01 #smenu3, #SubLeft01 #smenu4{
		width:147px;
		clear:both;
		float: left;
		background-color: #A3D8F1;
		padding: 2px 0px 2px 0px;
		border-bottom:1px solid #2DA0D1;
	}
	#SubLeft01 #smenu li, #SubLeft01 #smenu1 li, #SubLeft01 #smenu2 li, #SubLeft01 #smenu3 li, #SubLeft01 #smenu4 li{
		float: left;
		background: url(/Images/Ksrpd/ico_dot.gif) no-repeat 13px 5px;
		padding: 0px 0px 0px 21px;
		margin:0;
		width:134px;
		color:#227FBE;
	}
	#SubLeft01 #smenu li a, #SubLeft01 #smenu1 li a, #SubLeft01 #smenu2 li a, #SubLeft01 #smenu3 li a, #SubLeft01  #smenu4 li  a{
		color:#227FBE;
	}

	#SubLeft01 #smenu1_1, #SubLeft01 #smenu1_2, #SubLeft01 #smenu1_3, #SubLeft01 #smenu1_4, #SubLeft01 #smenu1_5{
		width:110px;
		clear:both;
		float: left;
		background-color: #A3D8F1;
		padding: 2px 0px 2px 0px;
	
	}
	#SubLeft01 #smenu1_1 li, #SubLeft01 #smenu1_2 li, #SubLeft01 #smenu1_3 li, #SubLeft01 #smenu3_4 li,#SubLeft01 #smenu1_5 li{
		float: left;
		background: url(/Images/Ksrpd/ico_bg.gif) repeat-y;
		padding: 0px 0px 0px 0px;
		margin:0;
		width:105px;
		color:#227FBE;
	}
	
	#SubLeft01 #smenu1_1 li a, #SubLeft01 #smenu1_2 li a, #SubLeft01 #smenu1_3 li a,#SubLeft01 #smenu1_4 li a,#SubLeft01 #smenu1_5 li a{
		color:#227FBE;
	}

	#SubLeft01 #smenu1_1, #SubLeft01 #smenu1_2, #SubLeft01 #smenu1_3, #SubLeft01 #smenu1_4, #SubLeft01 #smenu1_5{
		width:110px;
		clear:both;
		float: left;
		background-color: #A3D8F1;
		padding: 2px 0px 2px 0px;
	
	}
	#SubLeft01 #smenu3_1 li, #SubLeft01 #smenu3_2 li, #SubLeft01 #smenu3_3 li, #SubLeft01 #smenu3_4 li,#SubLeft01 #smenu3_5 li{
		float: left;
		background: url(/Images/Ksrpd/ico_bg.gif) repeat-y;
		padding: 0px 0px 0px 0px;
		margin:0;
		width:105px;
		color:#227FBE;
	}
	
	#SubLeft01 #smenu3_1 li a, #SubLeft01 #smenu3_2 li a, #SubLeft01 #smenu3_3 li a,#SubLeft01 #smenu3_4 li a,#SubLeft01 #smenu3_5 li a{
		color:#227FBE;
	}

 	#SubLeftBox01{
		float: left;
		width: 190px;
		background-color:#F2FBFF;
		margin:5px 0 0 0;
		height:180px;
	}


/* 정책정보 SubLeft02 */

	#SubLeft02{
		float: left;
		width:200px;
	}
		
		#SubLeft02 li{
			width:169px;
			list-style:none;
			padding: 0px 0px 0px 21px;
			background: url(/Images/Info/sub_leftmenu_bg.gif) repeat-y;
			margin:0px;
		}
		#SubLeft02 li img{
			vertical-align:bottom;
		}
	#SubLeft02 #smenu2{
		width:147px;
		clear:both;
		float: left;
		background-color:#A3D8F1;
		padding: 2px 0px 2px 0px;
		border-bottom:1px solid #3797D0;
	}
	#SubLeft02 #smenu2 li{
		float: left;
		background: url(/Images/Info/ico_dot.gif) no-repeat 13px 5px;
		padding: 0px 0px 0px 21px;
		margin:0;
		width:134px;
		color:#2A7CC8;
	}
	#SubLeft02 #smenu2 li a{
		color:#2A7CC8;
	}
	#SubLeftBox02{
		float: left;
		width: 190px;
		background-color:#EDF5FD;
		margin:5px 0 0 0;
		height:120px;
	}

/* 전자도서관 SubLeft04 */

	#SubLeft04{
		float: left;
		width:200px;
	}
		
		#SubLeft04 li{
			width:169px;
			list-style:none;
			padding: 0px 0px 0px 21px;
			background: url(/Images/Library/sub_leftmenu_bg.gif) repeat-y;
			margin:0px;
		}
		#SubLeft04 li img{
			vertical-align:bottom;
		}
	#SubLeftBox04{
		float: left;
		width: 190px;
		background-color:#EDF5FF;
		margin:5px 0 0 0;
		height:135px;
	}


/* 두드림 SubLeft05 */

	#SubLeft05{
		width:200px;
	}
		
		#SubLeft05 li{
			width:169px;
			list-style:none;
			padding: 0px 0px 0px 21px;
			background: url(/Images/DDF/sub_leftmenu_bg.gif) repeat-y;
			margin-left:0px;
		}
		#SubLeft05 li img{
			vertical-align:bottom;
		}
	#SubLeft05 #smenu{
		width:147px;
		clear:both;
		float: left;
		background-color: #A3D8F1;
		padding: 2px 0px 2px 0px;
		border-bottom:1px solid #2DA0D1;
	}
	#SubLeft05 #smenu li{
		float: left;
		background: url(/Images/Ksrpd/ico_dot.gif) no-repeat 13px 5px;
		padding: 0px 0px 0px 21px;
		margin:0;
		width:134px;
		color:#227FBE;
	}
	#SubLeft05 #smenu li a{
		color:#227FBE;
	}
	#SubLeftBox05{
		float: left;
		width: 190px;
		background-color:#F1FCFD;
		margin:5px 0 0 0;
		height:120px;
	}

/* 회원가입/마이페이지/사이트맵/공지사항/퀴즈설문 SubLeft06 */

#SubLeft06{
		float: left;
		width:200px;
	}		
		#SubLeft06 li{
			width:169px;
			list-style:none;
			padding: 0px 0px 0px 21px;
			background: url(/Images/Member/sub_leftmenu_bg.gif) repeat-y;
			margin:0px;
			color:#FFFFFF;
		}
		#SubLeft06 li img{
			vertical-align:bottom;
		}
	#SubLeftBox06{
		float: left;
		width: 190px;
		background-color:#F2FBFF;
		margin:5px 0 0 0;
		height:240px;
	}

/* 통합검색 SubLeft07 */

#SubLeft07{
		float: left;
		width:200px;
		background: url(/Images/Ksrpd/sub_leftmenu_bg.gif) repeat-y;
	}		
		#SubLeft07 li{
			width:154px;
			list-style:none;
			padding: 7px 0px 0px 45px;
			background: url(/Images/Search/sub_leftmenu_bg02.gif) no-repeat 23px 0px;
			margin-left:0px;
			color:#FFFFFF;
			font-weight:bold;
			font-size:10pt;
			font-family:굴림;
			height:25px;
		}
		#SubLeft07 li img{
			vertical-align:bottom;
		}
		#SubLeft07  li a{
		color:#ffffff;
		font-size:10pt;
		font-family:굴림;
		font-weight:bold;
		}
	
	
/* 
	 Document  
		- 본문 왼쪽으로 10px space  ( total: 950px = 740 + 10) 
*/
#DocumentLayer{
	float:left;
	width:740px;
	padding-left:10px;
	
}
		
		#PageTitle{
			height: 40px;
			font-weight:bold;
			font-size:11pt; 
			padding: 5px 0px 0px 14px;
			background: url(/Images/Common/Oth/spage_tbg01.gif) no-repeat;
		}
	
		#PageBox{
			width:730px;
			text-align:left;
			margin:0 auto;
		}


/*
	Footer
	---------------------------------------------------------------
*/					
#Footer{
	text-align: left;
	clear: both;
	color: #404040;
	height:100px;
}
	#FSLink{
		height:20px;
		padding-top:10px;
		text-align:center;
		border-top: 1px solid #E0E0E0;
		margin-bottom:5px;
		color: #707070;
		
	}
	#FSLink a:link, #FSLink a:visited{
		text-decoration: none;
		font-weight: bold;
	}
	#FSLink a:hover{
		text-decoration: underline;
		font-weight: bold;
	}

	#Footer .fLogo{
		float: left;
		padding: 0px 0  0 0px;
		width: 200px;
	}
	#Footer .copyRight{
		float: left;
		padding-left: 10px;
		text-align:center;
		width: 620px;
		line-height:15px;
	}

	#Footer .count{
			float: left;
			padding-left: 5px;
			width: 100px;
		}