@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:12px  Dotum, AppleGothic;
		background:url(./images/bg.gif) repeat-x top left #f0f0f0;
		color:#666;
		margin:0; padding:0;
}
a:link          { color:#555;     text-decoration:none;}
a:visited       { color:#999;     text-decoration:none;}
a:hover         { color:#9eb147;  text-decoration:underline;}
a:active        { color:#666;     text-decoration:none;}


/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:10px Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#9eb147;}

/* 달력 월 표시 */
    .cal_month              { font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:11px Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:11px Dotum, Arial, sans-serif;  color:#9eb147; }

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#fff;}
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:11px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#9eb147 !important;}
    .cal_day_sunday a       { color:#9eb147 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#9eb147;  font-weight:bold;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { padding:5px;  margin:5px 0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/more.gif) no-repeat left center;  padding-left:20px; color:#888;}
    .moreless_top           { background:url(images/less.gif) no-repeat left center;  padding-left:20px; color:#888;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/less.gif) no-repeat left center;  padding-left:20px; color:#888; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.8em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}


.clear			{ clear:both; }

/* 블로그 레이아웃 */
/* 130 + 8 + 130 + 8 + (( main : 764 + margin : 36) = 800) =  1076 */

#wrap			{ width:1112px; margin:0 auto;}
#left_widget	{ float:left; width:124px; margin-right:8px; margin-top:54px; overflow:hidden; }
#container		{ float:left; width: 836px;  }
#right_widget	{ float:left; width:124px; margin-left:8px; margin-top:54px; overflow:hidden; }

#owner_menu		{ float:right; margin-bottom:26px; }

#main_wrap		{ background-color:white; margin-bottom:30px; }
#main			{ padding:18px; padding-left:6px; padding-right:6px; }

#menu			{ padding-top:4px; margin-bottom:16px; padding-left:12px; padding-right:12px; }

#blog_toolbar		{ margin-bottom:2px;  padding-left:8px; padding-right:8px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #f0f0f0; display:none; background-color:#fbfbfb; }
#toolbar_button		{ background:url(./images/toolbar_button_bg.gif) no-repeat center top; padding-top:6px; text-align:center; }

#content		{  padding-left:12px; padding-right:12px; }

#green_wrap		{ margin-top:10px; height:56px; margin-bottom:20px; background:url(./images/green_bg_center.gif) repeat-x left top; }


/* main bg */
	.main_l		{ background:url(./images/bg_l.gif) repeat-y left top; width:100%; height:100%; }
	.main_r		{ background:url(./images/bg_r.gif) repeat-y right top; width:100%; height:100%; }
	.main_t		{ background:url(./images/bg_t.gif) repeat-x left top; width:100%; height:100%; }
	.main_b		{ background:url(./images/bg_b.gif) repeat-x left bottom; width:100%; height:100%; }
	.main_lt	{ background:url(./images/bg_lt.gif) no-repeat left top; width:100%; height:100%; }
	.main_rt	{ background:url(./images/bg_rt.gif) no-repeat right top;  width:100%; height:100%;}
	.main_lb	{ background:url(./images/bg_lb.gif) no-repeat left bottom; width:100%; height:100%; }
	.main_rb	{ background:url(./images/bg_rb.gif) no-repeat right bottom; width:100%; height:100%; }

/* menu */
	#menu	#menu_title	{ float:left; letter-spacing:1px; padding-top:4px; }
		#menu #menu_title a { color:#818181; font-weight:bold;  }
		#menu #menu_title a:hover { color:#9eb147; text-decoration:none; }

	#menu	#menu_text	{ float:right; font-size:11px;  }
		#menu #menu_text a { color:#a7a7a7; }
			#menu	#menu_text	ul			{ list-style:none; margin:0; padding:0;  }
			#menu	#menu_text	ul	li		{ float:left; height:17px; padding-top:5px; padding-right:2px; }
			#menu   #menu_text .sep			{ margin-left:4px; margin-right:4px; }
		
		#menu	#menu_text a:hover			{ text-decoration:none; color:#9eb147; }

	#tt-body-entry #menu_blog a,
	#tt-body-page #menu_blog a,
	#tt-body-location #menu_locallog a,
	#tt-body-tag #menu_taglog a,
	#tt-body-keylog #menu_keylog a,	
	#tt-body-medialog #menu_medialog a,
	#tt-body-guestbook #menu_guestbook a,
		{ padding-bottom:2px; border-bottom:2px solid #cccccc; font-weight:bold; }


/* green_wrap */
	#green_wrap .green_bg_left	{ background:url(./images/green_bg_left.gif) no-repeat left top; width:100%; height:100%; }
	#green_wrap .green_bg_right { background:url(./images/green_bg_right.gif) no-repeat right top; width:100%; height:100%; }

	#green_wrap #green			{ padding:14px; padding-top:18px;  }

	#green_wrap #green #green_sayicon { float:left; width:14px; height:20px; background:url(./images/sayicon.gif) no-repeat 0px 5px; }
	#green_wrap #green #green_say	 { float:left; color:white; padding-top:6px; font-size:11px; font-weight:bold; letter-spacing:1px;  margin-left:8px; filter:DropShadow(Color="#9eac5d",OffX="1",OffY="1",Positive="1");  }
	#green_wrap #green #green_search { float:right; }
		#green_wrap #green #green_search	.searchBG { float:left; background:url(./images/searchRange.gif) no-repeat; padding:2px; padding-left:4px; width:92px; }
			#green_wrap #green #green_search	.searchBG input { border:0; font-size:11px; width:90px; color:#777; margin-bottom:4px; }
		#green_wrap #green #green_search	.searchButton	{ float:left;  }
				#green_wrap #green #green_search	.searchButton input	{ border:0;  }

/* entry */
	.entry						{ margin-bottom:30px; }
	.entry .titleWrap			{ border-bottom:1px solid #afc07a; padding-bottom:6px; }
	.entry .titleWrap h2		{ font-size:13px; font-weight:bold; color:#000000; letter-spacing:2px; margin-top:4px; }
	.entry .titleWrap .subTitle	{ color:#cfcbcb; font:10px Tahoma; }
	.entry .titleWrap .subTitle a { color:#9eb147; font:bold 11px Dotum; margin-right:4px; }

	.entry .admin				{ text-align:center; padding-top:10px; padding-bottom:8px; border-bottom:1px solid #eee; }
	.entry	.article			{ color:#7f7f7f; line-height:20px;  margin-top:10px; overflow:hidden; }
		.entry .article	a		{ color:#9eb147; }
		.entry .article .key1	{ color:#555; cursor: help; border-bottom: 1px dotted #ccc; text-decoration:none; }
	
	.entry .article	blockquote	{ background:url(./images/block.gif) no-repeat top left; margin-left:10px; margin-right:15px; padding:0; padding-left:28px; }

	.entry .tagTrail			{ font-size:11px; font-weight:bold; margin-top:18px; }
		.entry .tagTrail	a	{ color:#8a8b84; }
	.entry .tagTrail .tagText	{ color:#afc061; }

	.entry .actionTrail				{ color:#676767; font-size:11px; margin-top:10px; padding-top:6px; padding-bottom:4px; border-top:1px solid #eee; border-bottom:1px solid #eee; }
		.entry .actionTrail a		{ color:#676767; }
		.entry .actionTrail .cnt	{ color:#74a72c; }
		.entry .actionTrail	.sep	{ color:#efefef; margin-left:5px; margin-right:5px; }

	.entry .notice_article			{ padding-bottom:10px; border-bottom:1px solid #eee; }

	.entry .protected_article		{ color:#7f7f7f; line-height:18px;  }
		.entry .protected_article label				{ cursor: pointer; font-weight:bold; }
	.entry .protected				{ margin:0; padding:0; padding-bottom:20px; border-bottom:1px solid #eee; }
		.entry .protected	input		{ width:140px; border:1px solid #e9e9e9; background:url(./images/input.gif) repeat-x; color:#888; font-size:11px; padding:4px; padding-bottom:2px; }
		.entry .protected   .submit		{ background:#eee; width:40px; height:22px; }

	.entry .trackback				{ padding-bottom:10px;  background:url(./images/guestList_bg.gif) repeat-x bottom left;  }
		.entry .trackback h2		{ color:#afc061; font-size:12px; font-weight:bold; padding-left:10px; }
		.entry .trackback h3		{ color:#888888; font-weight:normal; font-size:11px; text-align:center; padding-top:14px; padding-bottom:10px; background:url(./images/trackback_address_bg.gif) no-repeat center top; }
		.entry .trackback h4	a	{ color:#808080; font-weight:normal; }
		.entry .trackback .sep		{ color:#cbcbcb; }

		.entry .trackback p			{ margin-top:5px; margin-bottom:5px; font-size:11px; color:#888; }

		.entry .trackback ol		{ list-style:none; margin:0; padding:0; }
		.entry .trackback ol li		{ border-top:1px solid #f5f5f5; margin-top:8px; padding-top:14px;  padding-left:10px; padding-right:10px; }
	
	.entry .comment					{}
		.entry .comment	h3			{ color:#afc061; font-size:12px; font-weight:bold; padding-left:10px; margin-top:20px; margin-bottom:10px; }
		
		.entry .comment .main_comment	{padding-left:10px; padding-right:10px; }
		.entry .comment ol			{ list-style:none; margin:0; padding:0;   }
		.entry .comment ol li		{ margin-top:5px; padding-top:10px; border-top:1px solid #f5f5f5; /*background:#f8f8f8;*/  }

		.entry .comment ul			{ list-style:none; margin:0; padding:0; }
		.entry .comment ul li		{  margin:0; padding:0; margin-bottom:3px; padding-top:10px; padding-bottom:5px; /*background-color:#eee;*/ background-color:#fafafa; padding-left:10px; padding-right:10px;}

		.entry .comment .name_wrap		{ float:left; }
			.entry .comment .name_wrap .name { color:#a7a7a7; font-weight:bold; }
			.entry .comment .name_wrap .name a { color:#4b4b4b; }

			.entry .comment .name_wrap .date	{ color:#c0c0c0; font-size:11px; }

		.entry .comment .control_wrap	{ float:right; }
		.entry .comment p				{ margin-top:8px; margin-bottom:8px; font-size:11px; color:#858584;  }

		.entry .commentWrite				{ border:1px solid #f0f0f0; padding:10px; padding-top:0; margin-top:10px; }
		.entry .commentWrite input			{ width:200px; border:1px solid #e9e9e9; background:url(./images/input.gif) repeat-x; color:#888; font-size:11px; padding:4px; padding-bottom:2px; }
		.entry .commentWrite textarea		{ border:1px solid #e9e9e9; background:url(./images/input.gif) repeat-x; color:#888; font-size:11px; padding:4px; width:420px; }
		
		.entry .commentWrite .secretWrap	{ text-align:left; }
		.entry .commentWrite .secretWrap label { cursor:pointer; }
			.entry .commentWrite .secretWrap input { border:0; background:none; width:14px; }

		.entry .commentWrite .button		{ background:#eee; width:100px; }
/* paging */
	.paging		{  text-align:center; font:bold 12px Dotum; margin-bottom:5px; }
	.paging .selected { color:#9eb147; border-bottom:1px solid #8dbc4b; }

	.paging	a:link,
	.paging	a:visited	{ color:#9f9f9f; }
	.paging	a:hover	{ text-decoration:none; border-bottom:1px solid #8dbc4b; }

	.paging .numbox a { margin-left:8px; }

	.paging .prev { width:10px; background:url(./images/prev.gif) no-repeat center top; }
	.paging .next { width:10px; margin-left:8px; background:url(./images/next.gif) no-repeat center top; }

	.paging .no-more-prev	{ background:url(./images/no_prev.gif) no-repeat center top; }
	.paging .no-more-next	{ background:url(./images/no_next.gif) no-repeat center top; }

/* subFormTitle */

.subFormTitle	{ font-size:12px; font-weight:bold; background:url(./images/smallRectangle.gif) no-repeat 3px 4px; margin-bottom:10px; padding-left:12px;}

/* taglog */

	.taglog			{ padding:10px; padding-bottom:6px; margin-bottom:5px; border-left:1px solid #eee;  border-top:1px solid #eee; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
	.taglog	ul		{ list-style:none; margin:0; padding:0; }
	.taglog ul li	{ display:inline; margin-right:8px; }

	.taglog .cloud5		{ color : #afafaf;  font :11px  Gulim, Tahoma, Arial, sans-serif;}	
	.taglog .cloud4		{ color : #606060;  font :12px  Gulim, Tahoma, Arial, sans-serif;}
	.taglog .cloud3		{ color : #7b7679;  font :12px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
	.taglog .cloud2		{ color : #7b7679;  font :12px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold; background-color:#f9f9f9; }	
	.taglog .cloud1		{ color : #afc061;	font :12px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}

/* keylog */
	
	.keylog		{ padding:10px; padding-bottom:6px; margin-bottom:5px;  border-left:1px solid #eee;   border-top:1px solid #eee; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
	.keylog	ul		{ list-style:disc inside; color:#ddd; margin:0; padding:0; }
	.keylog	ul li	{ margin-right:8px; }


/* locallog */
	.locallog			{ padding:10px; padding-bottom:2px; line-height:20px; margin-bottom:5px;  border-left:1px solid #eee;   border-top:1px solid #eee; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
	.locallog	.spot	{ color:#737373; height:16px; padding-left:12px; padding-top:2px; background: url(./images/icon_globe.gif) no-repeat 0 5px;}
	.locallog	.info	{ color:#737373; padding-left:15px; height:18px; background: url(./images/paper.gif) no-repeat 0 3px; padding-bottom:4px;}

/* guestbook */
	.guestbook						{ margin-top:6px; }
		.guestbook	.guestWrite		{ border:1px solid #e3e3e3; background:url(./images/white.gif) repeat-x top left #fcfcfc; padding:10px; }
		.guestbook	.guestWrite	p	{ margin:0; padding:0; padding-bottom:10px; }
		.guestbook	.guestWrite input		    { width:200px; border:1px solid #e0e0e0; background-color:#fff;; color:#888; font-size:11px; padding:4px; padding-bottom:2px; }
		.guestbook	.guestWrite textarea		{ border:1px solid #e0e0e0; background-color:#fff; color:#888; font-size:11px; padding:4px; width:420px; }
		.guestbook	.guestWrite .button		{ background:#eee; width:80px; }
		.guestbook	.guestWrite label		{ color:#858584; font-size:11px; }
		
		.guestbook .sep				{ color:#bbb; margin-left:4px; margin-right:4px; }

		.guestbook .guestList		{ color:#656464; background:url(./images/guestList_bg.gif) repeat-x top left; margin-top:20px; padding-top:20px; }
		.guestbook ol				{ list-style:none; margin:0; padding:0;  font-size:11px; }
		.guestbook ol	li			{ border:1px solid #e3e3e3; margin-bottom:20px; }
		.guestbook ol	li  .title_wrap {  border-bottom:1px solid #f4f4f4; }
		.guestbook ol	li	.name_wrap	{ float:left; padding:10px;}
			.guestbook ol li .name		{ color:#5c5c5c; }
			.guestbook ol li .name	a	{ font-weight:bold; }

			.guestbook ol li .date		{ color:#bcbcbc; }
		.guestbook ol	li  .control_wrap { float:right; padding:10px; }
			.guestbook	ol	li	.control_wrap a { color:#757575; }

		.guestbook ol	li	p			{ padding-left:10px; padding-right:10px; }
		
		.guestbook ul					{ list-style:none; margin:0; padding:0; background:url(./images/guestbookLi2BG.gif) repeat-x left -2px; }
		.guestbook ul li				{ border:0; border-top:1px solid #f2f2f2; margin-bottom:0px;  }
			.guestbook ul li	p			{ float:left; padding:10px; padding-left:14px; margin-left:4px; background:url(./images/guestbookLiBG.gif) no-repeat left 8px; }


/* list */

	.list_wrap							{ background:url(./images/list_bg_b.gif) repeat-x left bottom #fafafa; margin-bottom:24px;  }
		.list_bg_lt						{ background:url(./images/list_bg_lt.gif) no-repeat top left; width:100%; height:100%; }
		.list_bg_rt						{ background:url(./images/list_bg_rt.gif) no-repeat top right; width:100%; height:100%; }
		.list_bg_lb						{ background:url(./images/list_bg_lb.gif) no-repeat bottom left; width:100%; height:100%; }
		.list_bg_rb						{ background:url(./images/list_bg_rb.gif) no-repeat bottom right; width:100%; height:100%; }

	.list								{ padding:10px; }
		.list	h3						{ font-weight:normal; font-size:12px; color:#777; }

		.list	ol						{ list-style:none; margin:0; padding:0; }
		.list	ol	li					{ background:url(./images/list_line.gif) repeat-x top left; padding-top:10px; margin-top:8px; color:#949393; }

		.list	a						{ color:#949393; }
		.list   .date					{ color:#a6a6a6; }
		.list	.sep					{ color:#ddd; margin-left:5px; margin-right:5px; }
		.list   .cnt					{ color:#9eb147; }
		.list	.name					{ color:#666; }

/* toolbar */

	#toolbar_border						{ padding:15px; border-left:3px solid #eaeaea; border:3px solid #eaeaea; background:url(./images/white.gif) repeat-x top left #fefefe; }
		#toolbar_border	.logo			{ text-align:center; }

	.blogItem							{ float:left; width:18%; margin-right:1%; }
		.blogItem	h2					{ font-size:10px; color:#555; font-family:Verdana; letter-spacing:1px; margin-bottom:15px; }
		.blogItem	ul					{ list-style:none; margin:0; padding:0;  }
			.blogItem ul li				{ margin-top:6px; font-size:11px; }
			.blogItem ul li	a			{ color:#888; }

	.blogItem	.cnt					{ color:#9eb147; }
	.blogItem	.category				{ margin-top:10px; font-size:11px; }
	
	.blogItem2							{ margin-top:10px; padding-top:10px; }
	.blogItem2	h2						{ font-size:10px; color:#555; font-family:Verdana; letter-spacing:1px; margin-bottom:10px; }
	.blogItem2	.cnt					{ color:#9eb147; margin-left:2px; }

		.blogItem2	ul					{ list-style:none; margin:0; padding:0; margin-top:5px; }
		.blogItem2	ul li				{ display:inline; margin-right:6px; font-size:11px; }
		.blogItem2	ul li	a			{ color:#888; }		
	
		.blogItem2 .cloud5		{ color : #afafaf;  font :11px  Gulim, Tahoma, Arial, sans-serif;}	
		.blogItem2 .cloud4		{ color : #606060;  font :11px  Gulim, Tahoma, Arial, sans-serif;}
		.blogItem2 .cloud3		{ color : #7b7679;  font :11px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}
		.blogItem2 .cloud2		{ color : #7b7679;  font :11px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold; background-color:#f9f9f9; }	
		.blogItem2 .cloud1		{ color : #afc061;	font :11px  Gulim, Tahoma, Arial, sans-serif; font-weight:bold;}