@charset "utf-8";
/*공통*/
* { font-family: '나눔고딕'; font-size: 13px; letter-spacing: -1px; }
ul, li { padding: 0; margin:0; list-style: none;}
h1, h2, h3 { margin: 0; padding: 0; }

body {
	background-color:white !important;
}

.gubun {
	font-family: 나눔고딕,Nanumgothic,gulim,Dotum,AppleGothic,sans-serif;
	font-size: 17px;
	line-height: 100%;
	color:#000000;
	letter-spacing:-2px;
	font-weight:bold;
	border-left: 7px solid #7573b6;
	padding-left: 8px;
	margin-top: 0;
	}

.paging {
	text-align: center;	
}	
.is-new { color: red; }

/*레이아웃*/
#wrapper {
	margin: 25px auto;
	width: 986px;	
	text-align: left;
}
#top {
	background: url(../images/top_menu.jpg) no-repeat 0 0;
	height: 75px;
	margin: 0 0 25px 0; 
	position:relative;
}
#contentBody { width: 685px; float: left; margin: 18px; *Display:inline;}
#contentBody *{line-height:1.7}
#banners { float: right; padding:0 20px; border-left: 1px solid #e8e8e8; width:223px;}
#footer { margin: 0 auto; width: 986px; background-color:#f5f5f5; clear: both;}
#textAd { 
	margin: -10px 0 10px 10px;
	padding:0;
}
/*top*/

#top div.topWrapper {
	width: 987px;
	margin: 0 auto;	
	padding: 0;
	position: absolute;
}
#top div.topWrapper h1 {
	float: left;
	margin:0;
	padding:0;
	width: 130px; 
}
#top div.menu { padding: 40px 0 0 40px; float: left; height: 35px; }
#top div.menu li.menus { position: relative; float: left; height: 35px; }
#top div.menu li.menus a {  
	color: #e8e8e8; 
	margin-right: 45px; 
	font-size: 15px;	
	font-weight: bold;
}
#top div.menu li.menus a:hover { color: #fff; }
#top div.menu ul.submenu { 
	position: absolute; 
	top: 26px;
	left:0;
	background-color: #E9E7E8;
	width: 100px;
	z-index: 100;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 0;
}
#top div.menu ul.submenu li { margin-top: 5px; padding: 3px;  }
#top div.menu ul.submenu li a { color: #8a52ab; font-size: 13px;padding: 10px; margin-right: 0px; }
#top div.menu ul.submenu li a:hover { color: #410304; font-size: 1.1em; }


#top div.outLinks {
	 position: absolute;
	 top:-19px;
	 right:17px;
}
#top div.outLinks ul li { 
	float: left; 
	display: block;
	line-height: 13px;
	padding: 0 5px;
	font-size: 12px;
	border-right: 1px solid #8a0300;
}
#top div.outLinks ul li a { color: #8a0300; }
#top div.outLinks ul li a { color: #8a0300; }
#top div.searchBox { 
	position: absolute; 
	right:35px; 
	top: 0; 
	margin-top: 31px; 
	color: #fff;
}
*html #top div.searchBox { padding-right: 20px; }
#top div.searchBox .btn_search { 
	border: 0; 
	background: none repeat scroll 0 0 transparent; 
	color: #E8E8E8;
	font-size: 13px;
	height: 20px;
	padding: 0;
	cursor: pointer;
}/*배너들*/
#banners div { margin-bottom: 25px; }

 /*후원과 가입 배너 */
 .hoowon  {
 	border-top: 3px solid #bbb;
 	padding-top: 7px;
 }
 .join {
	border-top: 3px solid #bbb;
 	padding-top: 7px;
 }
 .hoowon h3, .join h3 {
 	color: #222;
 	margin-bottom: 10px;
 	font-size: 1.2em;
 } 
 /* 본문 안의 후원,가입배너*/
#contentBody .hoowon,
#contentBody .join {
	float: left;
	width: 330px;
	margin-right: 10px;
}
 p { margin: 0;}
img, .btn{border:none;}
select, input, textarea	{
	color:#555555;
	border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='image')?'':'1px solid #d7d7d7' );
	font-size: 14px;
}

a.blank { background: url(/images/blank.gif) no-repeat right 3px; padding-right: 12px;}

.f-table { background-color:#F5F5F5; height:35px; padding:5px 16px 5px 10px; text-align:right; vertical-align:absmiddle; border-bottom:1px solid #ebebeb;}
.w-table { height:35px; padding:5px 10px 5px 10px; text-align:left; vertical-align:absmiddle; border-bottom:1px solid #ebebeb;}
.w-table25 { height:20px; padding:5px 10px 5px 10px; text-align:left; vertical-align:absmiddle; border-bottom:1px solid #ebebeb;}
.st-table { background-color:#F5F5F5; height:35px; padding:5px 5px 5px 10px; text-align:left; vertical-align:absmiddle; border-bottom:1px solid #ebebeb;}

.f12 {
	font-size: 12px;
	line-height: 150%;
	color:#636363;
	letter-spacing:-1px;
}
.f13 {
	padding: 0 50px;
	font-size: 13px;
	line-height: 170%;
	color:#636363;
	letter-spacing:-1px;
}
.f14 {
	font-size: 14px;
	line-height: 150%;
	padding-right: 6px;
}

td .title { 
	font-size: 13px;
	font-weight: normal;
	padding-left: 10px;
}

.news_text {
	font-size: 11pt; 
	line-height: 24px; 
	text-align:justify; 
}
.news_text p { margin: 20px 0;}
.news_text blockquote { background: url('/images/bg-blockquote.gif') no-repeat 0 0; margin: 0; }
.news_text blockquote p { padding: 0 30px; }
/*소책자, 사진, 자료를 감싸는 div*/
#index_bottom{
	float: left;
	height:250px;
	padding-left: 10px;
}


/*Footer*/
#footer { 
	backgroud-color: #000; 
	border: 6px solid #f1f1f1;
	position: relative;
	color: #a0a0a0;
}
#footer .bx_info ul { margin: 10px 0; }
#footer .bx_info ul li { display: inline; padding: 0 20px;  font-size: 0.9em; }
#footer .bx_info div.down { 
	background-image: url('../images/bullet_plus.jpg');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px; 	
	position: absolute;
	top: 43px;
	right: 10px;
	cursor: pointer;
}
#footer .bx_cate{ padding:7px;background-color:#f5f5f5; clear:both; overflow:hidden; display: none;}
#footer .bx_cate .bx{border:1px solid #ebebeb; background-color:#fff; overflow:hidden; clear:both;}
*html #footer .bx_cate .bx { height: 110px;}
#footer .bx_cate .bx dl{float:left;}
*html #footer .bx_cate .bx dl { margin: 16px 0;}
#footer .bx_cate .bx dt { margin:0 5px 0 30px; font-size:12px; font-weight:800; color:#666; line-height:1.5em;}
#footer .bx_cate .bx dd {margin:0 5px 0 30px; font-size:11.5px; font-weight:200; color:#a0a0a0; line-height:1.5em;}
#footer .bx_cate .bx dd a {color: #5c5c5c;}
#footer .bx_cate .bx dd a:hover { text-decoration: underline;}



/*링크*/ 

a:link { color:#535353; text-decoration:none; }
a:visited { color:#6E4987; text-decoration:none; }
a:active { color:#535353; }
a:hover { color:#6699cc; }
.box {  border:1px solid #d1cfcf; padding:10px 10px 10px 10px;}
.bold { font-weight:bold; }
.cobalt { color:#406e7c; }
.kobalt { color:#FB874C; }
.graytext1 { color:#323232; }
.graytext2 { color:#646464; }

/*sidebar list*/
div.Category {
	border: 6px solid #e0e0e0;
	padding: 10px;	
}
ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: 0px;
	font-size: 12px;
}
div.Category h3 { border-bottom: 1px solid #c6e4f6; padding-bottom: 5px; }
div.Category ul li { 
	background:url("/images/i_BltSqureCyan.gif") no-repeat scroll left 12px transparent;
	padding: 5px 0 0 10px;
}
#sidebar div img { display: block;  }
#sidebar  ul li div img { display: block; vertical-align: top;}

li.categoryFirst a {
	color: #469DD1;
	font-weight: bold;
	height: 20px;
}
li.categoryLast a {
	display: block;
}
li.categoryList a:hover,
li.categoryLast a:hover {
	font-weight: bold;
}