﻿@charset "utf-8";

/* 기본 설정 */

* {
	margin: 0px;
	padding: 0px;
	border:0px;
}

body {
	background-color: #FFFFFF;
	font:12px Dotum;
	color:#545454;
}

a {
	text-decoration:none;
	color:#545454;
}

a:hover {
	text-decoration:none;
	color:#FF0078;
}

.clear { clear:both; height:0; font-size:0; }


/* layout */

#container { width: 972px; margin:0 auto; }

#wrap		 {}

#header	{ background:#2FD164; width:100%; height:25px; background:url(./images/bg_header.gif) no-repeat; }
	#header_bg_left { background:url(./images/bg_header_left.gif) no-repeat left top; width:100%; height:100%;}
	#header_bg_right { background:url(./images/bg_header_right.gif) no-repeat right top; width:100%; height:100%; }
	
	#header_data { padding-left:12px; padding-right:12px; padding-top: 3px; padding-bottom:0; color:#ffffff; height:17px; }
		#left_header_text { float:left; }
		#right_header_text { float:right; }

	#header_data .point { color:#FF0078; font-weight:bold; }
		#header_data a:hover .point { text-decoration:none; }

	#header_data a { color:#ffffff; }

#poseter {}

#menu	 { width:100%; height:32px; background: url(./images/bg_menu.gif) repeat-x; }
	#menu_bg_left { width:100%; height:100%; background:url(./images/bg_menu_left.gif) no-repeat left top; }
	#menu_bg_right { width:100%; height:100%; background:url(./images/bg_menu_right.gif) no-repeat right top; }

	#left_menu_text { float:left; padding-top:8px; padding-left:12px; }
		#left_menu_text ul { list-style:none; font-weight:bold; color:#ffffff; }
		#left_menu_text ul li { display:inline; padding-right:5px; letter-spacing:-1px; }

		#left_menu_text a { color:#ffffff; }
		#left_menu_text a:hover { color:#FF0078; text-decoration:none; }

	#right_menu_text { float:right; padding-top:4px;  padding-right:12px; }

#right_sidebar { width:280px; padding-left:10px; padding-right:10px; float:left; padding-top:15px; }

#content		{ width:660px; float:left; padding-left:10px; }

#footer { clear:both; background:url(./images/bg_footer.gif) repeat-x top left #E8E8E8; height:40px; text-align:center; padding-top:22px; padding-bottom:14px; }

/* sidebar */


/* change tag 컬러값 바꿈 tagCloudItem5 의 color를 바꾸면 됨. bold/normal 선택 가능*/
.tagCloudItem0,
.tagCloudItem1,
.tagCloudItem2,
.tagCloudItem3,
.tagCloudItem4,
.tagCloudItem5 { color: darkgray; font-size:12px; }



.box { background:#F2F2F2; margin-top:4px; }
.box_lt { background:url(./images/box_lt.gif) no-repeat top left; width:100%; height:100%; }
.box_rt { background:url(./images/box_rt.gif) no-repeat top right; width:100%; height:100%; }
.box_lb { background:url(./images/box_lb.gif) no-repeat bottom left; width:100%; height:100%; }
.box_rb { background:url(./images/box_rb.gif) no-repeat bottom right; width:100%; height:100%; }

.box_data { padding:10px; padding-bottom:4px; }
.box_full { padding:10px; }

.box2 { background:#FFFFFF; margin-top:4px; }
.box2_lt { background:url(./images/box2_lt.gif) no-repeat top left; width:100%; height:100%; }
.box2_rt { background:url(./images/box2_rt.gif) no-repeat top right; width:100%; height:100%; }
.box2_lb { background:url(./images/box2_lb.gif) no-repeat bottom left; width:100%; height:100%; }
.box2_rb { background:url(./images/box2_rb.gif) no-repeat bottom right; width:100%; height:100%; }

.box2_data { padding:10px; padding-bottom:4px; }


.sidebar	{ margin-bottom:12px; word-break:break-all; overflow:hidden;}
	.sidebar ul { list-style:none;}
	.sidebar ul li { background:url(./images/bg_li1.gif) no-repeat 0px 12px; padding-top:10px;  padding-left:10px; font-size:11px; }

		   
		   /* change 공지사항 글자는 아래 color 코드를 바꾸면 됨 */
		.sidebar ul li a { color: #53868B; font-weight:bold; } 	   /* change 공지사항 수정시, 항상 표시되는 글자 색 color*/
 
		.sidebar ul li a:hover { color: #36648B; text-decoration:none; } /* change 공지사항 수정시, 마우스 오버시 변하는 글자 색 color*/



	.sidebar ol { list-style:none; padding-top:10px; line-height:18px; }
	.sidebar ol li { display:inline; }



	.sidebar ul li.bloglist { background:none; padding:0; padding-bottom:4px; overflow:hidden; word-break:break-all; }

		   
		   /* change 새로 등록된 블로그의 글자는 아래 color 코드를 바꾸면 됨 . mouse over시 컬러는 공지사항과 동일하게 설정됨*/
			/* .sidebar ul li.bloglist a  의 color는 평상시 블로그의 글자 컬러 , 그리고 글자는 font-weight로 normal, bold 선택 */
		.sidebar ul li.bloglist a { color: darkpink; font-weight:bold; }




.title_left	{ float:left; }
#more_blog	{ float:right; text-align:right; padding-top:4px; }

/* search */

#search		 { background:url(./images/bg_search.gif) no-repeat center; height:48px; margin-top:8px; padding-right:14px; padding-top:25px; text-align:center; margin-bottom:10px; }
	#keyword { border:1px solid #C1C1C1; width:360px; height:14px; padding-top:2px; padding-left:2px; padding-right:2px; }


/* post */

#posts			{ width:630px; }

#posts .desc		{ margin-top:4px; margin-bottom:2px; font-size:11px; line-height:15px; color:#aaa; }

.posts_data     {  border-top:1px solid #D7D7D7; padding-top:12px; margin-top:10px; }


/* change  새로쓴글 공간 확보, margine-bottom, padding-bottom 숫자 조정 */

.postContainer	{ margin-left:10px; margin-right:10px; padding-bottom:7px; margin-bottom:7px;  color:#8B8B8B;  background:url(./images/bg_dot.gif) repeat-x left bottom;}
	.postContainer .bar2 { margin-right:4px; }

.titleContainer { margin:0; padding:0; margin-bottom:0px; }		/* change  새로쓴글 공간 확보, margine-bottom 조정 */
.titleContainer	a { font-weight:bold;  color:#8B8B8B; }

.post_author   	  { font-size:11px; }
.post_blogname	  { font-size:11px; font-weight:bold; }  /* change  bold */
.post_excerpt	  { color:#999; }

.post_tags { padding-top:4px; font-size:11px; line-height:18px; }	/* change  새로쓴글 공간 확보, margine-bottom 조정 */
	.post_tags a { color:#8B8B8B; }

.titleContainer	a.post_title { color:#cead4a; }

/* feed */

#feeds			{}

.feeds_data { border-top:1px solid #D7D7D7; padding-top:14px; margin-top:10px; }

.feedContainer	{ margin-left:10px; margin-right:10px; padding-bottom:14px; margin-bottom:14px;  color:#8B8B8B;  background:url(./images/bg_dot.gif) repeat-x left bottom;}
	.feedContainer .bar2 { margin-right:4px; }

.feedlist_logo	{ float:left; width:80px; height:80px; margin-right:10px; border:1px solid #ddd; }

.feedsTitle { padding-bottom:6px; }
	.feedsTitle .feedlist_title { font-weight:bold;}
	.feedsTitle .feedlist_blogURL { font-size:11px; }

.feedlist_more { clear:both; text-align:right; }

/* paging */

#paging { word-spacing:0.1em; font:11px Verdana;  font-weight:bold; text-align:center;  width:100%; margin-top:15px; height:40px; display:inline; float:left; }

#paging .num { border-left:1px solid #ddd; padding:3px 2px 1px 4px; }
#paging a.num { text-decoration:none; text-align:center; padding:3px 2px 1px 7px; }

#paging a.hightlight {
	color:#A1B1C9;
}

/* main hot */

#meta_issue { margin-bottom:20px; width:630px; }
#meta_focus { margin-bottom:5px; }

.thumbnail { float:left; padding-right:10px; }
.data	   { float:left;}
	.data .title { font-weight:bold; }
	.data .desc  { padding-top:6px; line-height:20px; color:#858585; }

.m		   { width:310px; float:left; margin-bottom:10px; }
	.m .thumbnail { padding-right:0; margin-right:4px; }
	.m .title { font-weight:bold; margin-bottom:4px; padding-left:4px; margin-top:15px; }
	.m .desc { color:#666666; line-height:16px; padding-right:8px; }
	.m .info { color:#999999; font-size:11px; padding-bottom:4px; }



/* change 메타보드 글자 색 바꾸기  기존값 .m2 .title a   color:#8B8B8B;,   .m2 .title a:hover   color:#FF0078;   */
/* change  .m2 .title a 의 color 값은 메타보드 제목의 평상시 글자색*/ 
/* change  .m2 .title a:hover  는 마우스 오버시 글자식 */
/* change  .m2 .desc 메타보드 아래 글자의 색 */

#meta_board { padding-top:14px; margin-top: }

.m2		   { background:url(./images/bg_li1.gif) no-repeat 0px 2px; margin-bottom:12px; padding-left:10px; }
	.m2 .title { font-weight:bold; margin-bottom:4px; }
		.m2 .title a { color:#FF7F50; }					/* 메타보드 제목의 평상시 글자색*/ 
		.m2 .title a:hover { color: #CD3333; }			/* 마우스 오버 될 경우 글자변화 */
	.m2 .desc  { color:#000000; line-height:18px; }



/* change   블로그 소개 글자 속성   */
/* change  .m3 .title a 의 color 값은 메타보드 제목의 평상시 글자색*/ 
/* change  .m3 .title a:hover  는 마우스 오버시 글자식 */
/* change  .m3 .desc 블로그 소개에서 상세 정보 글자의 색 */

#meta_introduce {}
.m3		  { margin-bottom:10px; }
	.m3	 .title { font-weight:bold; margin-bottom:6px; } 
		.m3 .title a { color: #14148C; }					 /* 소개되는 블로그 제목의 평상시 글자색*/ 
		.m3 .title a:hover { color: #A0A0C8; }			 /* 마우스 오버 될 경우 글자변화 */
	.m3	 .desc	{ color: #557DE1; line-height:18px; }     /* 블로그 소개에서 상세 정보 부분 */

#meta_introduce .box_full { padding-bottom:0px; }




/* issue_trackback */

#issue_trackback { margin-top:10px; }
	#issue_trackback ul li { background:none; padding:0; padding-top:3px; padding-bottom:3px; }

	#issue_trackback .box2_data { padding-left:20px; background:url(./images/icon_issue.gif) no-repeat 6px 10px; }
		#issue_trackback .title {}
			#issue_trackback .title a { color:#000000; }
			#issue_trackback .title a:hover { color:#FF0078; }
		#issue_trackback .desc  { padding-top:6px; color:#AEAEAE; line-height:16px; }
		#issue_trackback .author { padding-top:6px; font-size:11px; color:#000000; }

