@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{
	font-family:Dotum,돋움,'Lucida Grande', AppleGothic, sans-serif;
	font-size:75%;
	text-align:center;
	margin:0;
	padding:0;
	background:#FFFFFF;
	line-height:1.8em;
	color:#454545;
}
textarea, input {
	font-family:Dotum,돋움,Verdana,'Lucida Grande', AppleGothic, Sans-serif;
	font-size:12px;
	color:#666666;
	border:1px #eaeaea solid;
	padding:2px;
	margin:0;
}
input { width:100px; }
textarea { width:785px; }
label { margin-left:5px; }
.topsearch { width:160px; background:#aaaaaa; color:#333333; border:1px #999999 solid; }
.topsubmit { width:40px; background:#4d6680; font-family:Arial,'Lucida Grande',sans-serif; font-size:11px; color:#7f99b3; border:0; }
fieldset { border:0; margin:0; padding:0; }
/* 2. 기본 링크 */
	a:link { color:#6699cc; text-decoration:none; }
	a:visited { color:#6699cc; text-decoration:none; }
	a:hover { color:#99abff; text-decoration:underline; }
	a img{ border:0; }
/* 3. 이미지 */
	img {
		border-width: 0px;
	}
/* 4. 이미지 버튼 */
	.ib {
		cursor: pointer;
	}
/* 5. 입력 텍스트 */
	.text {
	border:1px solid #999;
	}
/* 6. 트리 테이블 */
	.branch2 {
	}
/* 7. 트리 셀 */
	.branch3 {
		cursor: pointer;
		height: 10px;
	}
/* 8. 달력 월 표시 */
	.cal_month {
		font-size : 11px;
		height: 18px;
	}
/* 9. 달력 요일 표시 */
	.cal_week1 {
		font-size : 11px;
		height:18px;
	}
/* 10. 달력 일요일 표시 */
	.cal_week2 {
		color: #f30;
		font-size:12px;
		text-align: center;
	}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {
		color: #000;
		font-size:12px;
		text-align:center;
	}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {
		color: #000;
		font-size : 11px;
		text-align: center;
	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {
		font-size : 11px;
		text-align: center;
	}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {
		text-align: center;
		font-size : 11px;
		background-color:#ccc;
		font-weight:bold;
	}
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link {
		font-weight: bold;
		color : #333;
	}
	a.cal_click:visited {
		font-weight: bold;
		color : #333;
	}
	a.cal_click:hover {
		font-weight: bold;
		color : #369;
	}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
		color: #876;
		text-align: center;
	}
/* 16. 키워드 스타일 */
	.key1 {
		cursor: pointer;
		border-bottom: 1px dotted #ccc;
	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt {
		font:9px Tahoma, 'Lucida Grande', sans-serif;
		color : #999;
	}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt {
		font:10px Verdana, 'Lucida Grande', sans-serif;
		color : #999;
	}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
p{
	margin:0;
	margin-bottom:1.3em;
}

h1,h2,h3,h4,h5,h6,form,fieldset {margin:0;padding:0;}

/* 폰트, 박스 스타일 */

blockquote {
	margin:0 10px;
	padding:0 15px;
	border-left:7px solid #EAEAEA;
	color: #666666;
}

blockquote p{
	margin:0;
	padding:0;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	color: #8E8E8E;
	font-style: normal;
}

pre {
	overflow:auto;
	margin:0 0 18px 0;
	padding:4px;
}
pre, code, kbr {font-family:'Lucida Console',Courier,monospace;}
code, kbr {padding:0 2px;}


/* 레이아웃 */

/* 기본적인 class */
.main { text-align:justify; width:850px; margin:0 auto; padding:0; clear:both; }
.submain { text-align:justify; width:850px; margin:0 auto; padding:0; clear:both; padding:15px 0; }
.left { width:550px; float:left; text-align:justify; }
.right { width:300px; float:right; text-align:right; }

.post .left { width:auto; }
.post .right { width:auto; }

/* 타이틀 */
#title { height:40px !important; padding-top:27px; background:#333333; clear:both; height /**/:67px; }
h1 { width:550px; float:left; padding-top:11px; font-size:13px; line-height:1.3; color:#aaaaaa; font-family:Verdana,'Lucida Grande',돋움,sans-serif; letter-spacing:-1px; font-weight:normal; }
h1 a:link { color:#aaaaaa; text-decoration:none; }
h1 a:visited { color:#aaaaaa; text-decoration:none; }
h1 a:hover { color:#cccccc; text-decoration:none; }
#title .search { float:right; width:300px; text-align:right; margin:0; padding:0; padding-top:10px; color:#aaaaaa; }

/* 위치 표시 */
#titlebar { background:#214273 url(images/i_title_blog.gif) top center no-repeat; margin:0; padding:0; height:150px; clear:both; } /* 특별히 지정되어있지 않은 경우 "blog" 배경을 깐다. */
#tt-body-location #titlebar { background:#4a2980 url(images/i_title_location.gif) top center no-repeat; }
#tt-body-tag #titlebar { background:#217327 url(images/i_title_tag.gif) top center no-repeat; }
#tt-body-keylog #titlebar { background:#666666 url(images/i_title_keyword.gif) top center no-repeat; }
#tt-body-guestbook #titlebar { background:#593715 url(images/i_title_guestbook.gif) top center no-repeat; }

/* 스포트라이트 여백 조정 */
#spotlight { padding:126px 0 0 65px; font-size:0.9em; line-height:120%; letter-spacing:-1px; color:#cccccc; }
#spotlight strong { font-weight:normal; }
#spotlight a:link { color:#cccccc; text-decoration:none; }
#spotlight a:visited { color:#cccccc; text-decoration:none; }
#spotlight a:hover { color:#cccccc; text-decoration:underline; }

/* 네비게이션 메뉴 */
#navigation { padding-top:9px; height:20px; color:#999999; line-height:120%; letter-spacing:-1px; }
#navigation a:link { color:#999999; text-decoration:none; }
#navigation a:visited { color:#999999; text-decoration:none; }
#navigation a:hover { color:#999999; text-decoration:underline; }

/* 위치 */
.location { background:#eaeaea; height:40px; clear:both; }
.location .left { font-size:0; line-height:0; }
.location .right { font-size:0.9em; letter-spacing:2px; line-height:120%; padding-top:15px; color:#999999; }
.location a:link { color:#999999; text-decoration:none; }
.location a:visited { color:#999999; text-decoration:none; }
.location a:hover { color:#999999; text-decoration:underline; }

/* 글 제목 */
h3 { font-weight:normal; font-size:2.7em; line-height:1.3; letter-spacing:-4px; color:#666666; padding:45px 0 45px 45px; padding-right:0; }
h3 a:link { color:#333333; text-decoration:none; }
h3 a:visited { color:#333333; text-decoration:none; }
h3 a:hover { color:#666666; text-decoration:none; }

/* 저작권 부분 */
.postinfo { margin:0; margin-bottom:15px; padding:0; color:#999999; background:#f0f0f0; padding:5px; font-family:Verdana,'Lucida Grande',sans-serif; font-size:0.85em; line-height:0.95em; }

/* ------------ 2. 글 (+입력창...) -------------- */

/* 본문 */
.post { float:left; overflow:hidden; padding: 0 0 0 15px; width /**/:625px; width:610px !important; font-family:verdana,'Lucida Grande',Gulim,굴림,AppleGothic,sans-serif; }
.post .btn_top { text-align:right; }
.post sup { font-family:Georgia, serif; }
.post a:link { color:#336699; text-decoration:none; }
.post a:visited { color:#336699; text-decoration:none; }
.post a:hover { color:#6699cc; text-decoration:underline; }

/* 본문 정보 */
.postetc { float:right; background:#f0f0f0; font-size:0.9em; letter-spacing:-1px; width:200px; line-height:1.3; color:#999999; margin-bottom:15px; }
.postetc h4 { font-size:12px; line-height:0; }
.postetc p { padding:15px; margin:0; }
.postetc ul { margin:0; padding:15px; list-style:none; }
.postetc li { list-style-image:none; }

.feedback { clear:both; padding:15px; padding-top:1px; margin-bottom:15px; background:#f0f0f0 url(images/b_feedback.gif) 0 0 no-repeat; } /* IE가 패딩을 이상하게 줍니다 -_- */
.feedback h4 { margin-top:35px; margin-bottom:15px; font-size:12px; line-height:0; }
.fbtitle { background:#f8f8f8; font-family:Arial,'Lucida Grande',Dotum,돋움,AppleGothic,sans-serif; font-size:11px; letter-spacing:0; padding:8px; margin-left:15px; border-top:1px #dedede solid; border-bottom:1px #dedede dotted; }
.feedback .fbtitle { border-top:1px #cccccc solid; border-bottom:1px #cccccc dotted; }
.fbcontent .fbtitle { margin-top:15px; overflow:hidden; }
.fbtitle a:link { color:#999999; text-decoration:none; }
.fbtitle a:visited { color:#999999; text-decoration:none; }
.fbtitle a:hover { color:#666666; text-decoration:none; }
.fbtitle strong { font-size:12px; color:#4d6680; }
.fbtitle strong a:link { color:#4d4480; text-decoration:none; }
.fbtitle strong a:visited { color:#4d6680; text-decoration:none; }
.fbtitle strong a:hover { color:#336699; text-decoration:underline; }
.fbcontent { font-family:돋움,sans-serif; font-size:11px; letter-spacing:-1px; margin:10px 0 10px 25px; line-height:1.4; overflow:hidden; }
.modify { margin-left:3px; padding-left:12px; background:url(images/i_delete.gif) left no-repeat; }
.reply { margin-left:3px; padding-left:12px; background:url(images/i_reply.gif) left no-repeat; }
.link { margin-left:3px; padding-left:13px; background:url(images/i_link.gif) left no-repeat; }
.homepage { width:250px; }
.checkbox { width:15px; border:0; background:none; }
.fbsubmit { text-align:right; margin-top:10px; }
.submit { width:160px; padding:7px; margin-left:10px; font-family:Verdana,'Lucida Grande',sans-serif; font-size:10px; background:#f7f7f7; }

/* ------------ 5. 위치로그 -------------- */
.spot {
	padding-left:30px;
	background:url("images/i_list.gif") no-repeat 10px 2px;
	margin-bottom:3px;
}	
.info {
	padding-left:15px;
	background:url("images/i_list2.gif") no-repeat 0 50%;
	margin-bottom:3px;
}

/* ------------ 6. 키워드 -------------- */
.submain ul { margin:0; margin-left:15px; padding:0; list-style-image:url(images/i_list.gif); }

/* ------------ 7. 태그 -------------- */
.submain .tagc { margin:0; list-style:none; list-style-image:none; }
.submain .tagc li { display:inline; list-style-image:none; letter-spacing:-1px; }
.submain .tagc li a { padding:3px; }
.submain .tagc li a.cloud1 { font-weight:bold; font-size:18px; color:#f30; }
.submain .tagc li a.cloud2 { font-weight:bold; font-size:16px; color:#f60; }
.submain .tagc li a.cloud3 { font-size:14px; color:#369; }
.submain .tagc li a.cloud4 { font-size:12px; color:#690; }
.submain .tagc li a.cloud5 { font-size:12px; color:#999; }
.submain .tagc li a:hover { text-decoration:none; background:#999999; color:#ffffff; }

/* ------------ 9. 페이징 -------------- */
.paging{ clear:both; text-align:center; font:10px Tahoma; margin-bottom:15px; }

/* ------------ 10. 블로그 정보 -------------- */
#info { background:#666666; color:#cccccc; padding-top:15px; }
#info a:link { color:#eaeaea; text-decoration:none; }
#info a:visited { color:#eaeaea; text-decoration:none; }
#info a:hover{ background-color:#FFFFFF; color:#666666; }
#info .location { background:#999999; }
#info dl { margin:15px 0; padding:0; width:850px; display:inline; }
#info dt { font-size:1.5em; line-height:1.8em; font-weight:normal; font-family:'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif; float:left; margin:10px 0; padding:0; width:630px; }
#info dd { margin-left:0; margin-right:220px; }
#info dd ul { margin:0; padding:0; list-style:none; list-style-image:none; display:inline; }
#info dd ul li { display:inline; padding:0 5px; font-size:11px; letter-spacing:-1px; }
#info dd ul li ul li { font-weight:bold; }
#info dd ul li ul li ul li { font-weight:normal; }
#info dd.img { margin-right:0; }
#info dd.img img { float:right; margin-right:0; margin-left:15px; }
/* 최근 글 테이블 */
#info table { clear:both; padding:0; margin-top:15px; border:none; width:100%; }
#info .recent_f { width /**/:250px; width:230px !important; }
#info th { background:#888888; padding:9px; margin:0; text-align:left; }
#info td { padding:9px; margin:0; vertical-align:top; letter-spacing:-1px; }
#info td ul { margin:0; padding:0; list-style-image:url(images/i_list.gif); }
#info td li { margin-left:15px; }

/* 아랫부분(태그, 링크) */
#info_bottom { background:#454545; color:#cccccc; font-size:0.9em; letter-spacing:-1px; text-align:justify; padding:15px 0; }
#info_bottom ul { list-style:none; list-style-image:none; margin:0; padding:0; display:inline; }
#info_bottom li { margin:0; padding:0 5px; display:inline; }
#info_bottom a:link { color:#eaeaea; text-decoration:none; }
#info_bottom a:visited { color:#eaeaea; text-decoration:none; }
#info_bottom a:hover{ background-color:#FFFFFF; color:#666666; }

/* 태그 클라우드 */
#info_bottom a.cloud1 { font-weight:bold; font-size:15px; color:#f30; }
#info_bottom a.cloud2 { font-weight:bold;	 font-size:14px; color:#f60; }
#info_bottom a.cloud3 { font-weight:bold;	 font-size:13px; color:#369; }
#info_bottom a.cloud4 { font-size:12px; color:#690; }
#info_bottom a.cloud5 { font-size:11px; color:#999; }

#footer { background:#333333; color:#cccccc; font-size:0.8em; font-family:Arial,'Lucida Grande',sans-serif; text-align:justify; padding:15px 0 10px 0; }
#footer p { margin-bottom:5px; }
#footer a:link { color:#cccccc; text-decoration:none; }
#footer a:visited { color:#cccccc; text-decoration:none; }
#footer a:hover { color:#cccccc; text-decoration:underline; }

/* 플러그인 스타일 */

/* footnote 플러그인 */
.footnotes .footnotes { margin:0; padding:15px; background:#fafafa; line-height:1.4; border:1px #f0f0f0 solid; color:#666666; }
.footnotes li { margin:0; margin-left:13px; font-size:0.9em; font-family:돋움,'Lucida Grande', sans-serif; letter-spacing:-1px; }