@charset "utf-8";

/* 기본 스타일 */
body { margin: 0; padding: 0; background: url(./images/bg_body.jpg) 0 0 repeat-x; }

/* 기본적인 스타일 */
button { border: none; cursor: pointer; }
img { border: none; }
br { letter-spacing: 0; }
h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { list-style-type: none; margin: 0; padding: 0; }

a { text-decoration: none; color: #007747; }
a, input, textarea { cursor: pointer; }

.b { border: 1px solid #ff0000; }
.clear { clear: both; }
.cnt { color: #fd5617; font-size: 11px; font: normal 11px "돋움",Dotum; letter-spacing: -1px; }
.c_cnt { color: #fd5617; font-size: 11px; font: normal 11px "돋움",Dotum; letter-spacing: -1px; }

/* 이미지 캡션 스타일 */
.cap1 { color:#999;  text-align:center; }

/* Float 버그 */
.clear { height: 0; clear: both; line-height: 0; margin: 0; padding: 0; }

/* 컨테이너 for 헤더 */
.containerforheader { background: url(./images/bg_header.jpg) 0 0 no-repeat; overflow: hidden; }

	/* 컨테이너 for 푸터 */
	.containerforfooter { background: url(./images/bg_footer_repeat.jpg) bottom left repeat-x; overflow: hidden; }

		/* 헤더 */
		.header { height: 127px; width: 980px; margin-left: 46px; position: relative; margin-bottom: 38px; }

			/* 블로그 제목 */
			.header h1 { width: 195px; height: 51px; position: absolute; top: 33px; }
			.header h1 a { width: 195px; height: 51px; display: block; }
				.header h1 span { display: none; }
			.header h2 { display: none; }
			
			/* 블로그 메뉴 */
			.header .blogmenu { position: absolute; top: 98px; }
				.header .blogmenu li { display: block; float: left; width: 77px; height: 29px; margin-right: 6px; }
					.header .blogmenu li a { display: block; width: 77px; height: 29px; }
					.header .blogmenu li a:hover { background-position: -77px 0; }
					.header .blogmenu li span { display: none; }
					.header .blogmenu .home a { background: url(./images/btn_menu01.gif) 0 0 no-repeat; }
					.header .blogmenu .photo a { background: url(./images/btn_menu02.gif) 0 0 no-repeat; }
					.header .blogmenu .local a { background: url(./images/btn_menu03.gif) 0 0 no-repeat; }
					.header .blogmenu .tag a { background: url(./images/btn_menu04.gif) 0 0 no-repeat; }
					.header .blogmenu .guestbook a { background: url(./images/btn_menu05.gif) 0 0 no-repeat; }

			/* 검색박스 */
			.header .search { position: absolute; top: 85px; right: 10px; }
				.header .search .text { border: 1px solid #3d7a3d; background: url(./images/bg_text.gif) 0 0 no-repeat; padding: 5px 2px 3px 6px; width: 150px; }
				.header .search .button { border: none; background: url(./images/btn_find.gif) 0 0 no-repeat; text-indent: -20000px; width: 50px; height: 25px; }

		/* 실제 블로그 전체를 감싸는 랩 */
		.wrap { width: 980px; margin-left: 46px; overflow: hidden; }

			/* 컨텐츠 랩 */
			.contents { width: 680px; float: left; }

				/* 방명록 */
				.contents .guestbook {  }
					.contents .guestbook h3 { font-size: 15px; font-weight: bold; font-family: "돋움", Dotum; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #999; letter-spacing: -1px; }
						
						/* 방명록 쓰기 */
						.contents .guestbook .guestWrite { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #999; }
						.contents .guestbook .guestWrite .guestWrite { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
							.contents .guestbook .guestWrite p { margin: 5px 0; }
							.contents .guestbook .guestWrite label { font-size: 12px; letter-spacing: -1px; }
							.contents .guestbook .guestWrite .text { border: 1px solid #aaa; background-color: #f7f7f7; color: #000; font-size: 14px; font-family: "돋움",Dotum; letter-spacing: -1px; padding: 2px 5px; }
							.contents .guestbook .guestWrite .textarea { border: 1px solid #aaa; background-color: #f7f7f7; color: #000; font-size: 14px; font-family: "돋움",Dotum; letter-spacing: -1px; padding: 10px; width: 500px; }
							.contents .guestbook .guestWrite .button {  }

						/* 방명록 글 리스트 */
						.contents .guestbook .guestList { font: normal 13px/20px "굴림",Gulim; }

							/* 글쓴이 */
							.contents .guestbook .guestList .name { font-weight: bold; }
								.contents .guestbook .guestList .name a { font-weight: bold; }
								.contents .guestbook .guestList .name a:hover { text-decoration: underline; color: #ff0000; }

							.contents .guestbook .guestList ol { margin: 0; padding: 0; }
								.contents .guestbook .guestList ol li { border-bottom: 1px dashed #999; margin-bottom: 10px; padding-bottom: 10px; }
									.contents .guestbook .guestList ol ul { background-color: #f6f6f6; padding: 7px 7px 7px 20px; }
										.contents .guestbook .guestList ol ul li { border-bottom: none; margin: 0; padding: 0; }

				/* 태터데스크 */
				.contents #TD_content { font: normal 13px/22px "굴림",Gulim; }

				/* 엔트리 */
				.contents .entry {  }

					/* 태그로그 */
					.contents .taglog { font-family: "돋움",Dotum; line-height: 25px; }
						.contents .taglog h3 { border-bottom: 1px dashed #999; margin-bottom: 10px; padding-bottom: 10px; }
						.contents .taglog .tag_li { display: inline; }

						.contents .taglog .tag_li .cloud1 { font-size: 12px; color: #00633b; font-size: 13px; font-weight: bold; }
						.contents .taglog .tag_li .cloud2 { font-size: 12px; color: #04794a; font-size: 13px; }
						.contents .taglog .tag_li .cloud3 { font-size: 12px; color: #098f59; background-color: #f7f7f7; }
						.contents .taglog .tag_li .cloud4 { font-size: 12px; color: #0ab26e; font-weight: bold; }
						.contents .taglog .tag_li .cloud5 { font-size: 12px; color: #16d387; font-size: 11px; }

						.contents .taglog .tag_li a:hover { color: #fff; background-color: #000; }

					/* 포스트 제목 박스 */
					.contents .titleWrap { margin-bottom: 15px; }
						.contents .titleWrap h2 { font: bold 15px "돋움",Dotum; background: url(./images/icon_write.gif) 0 0 no-repeat; padding-left: 21px; height: 18px; letter-spacing: -1px; margin-bottom: 8px; }
							.contents .titleWrap h2 a { color: #000; text-decoration: none; }
							.contents .titleWrap h2 a:hover { color: #555; text-decoration: underline; }
						.contents .titleWrap .title_data { background-color: #f1f1f1; color: #000; letter-spacing: -1px; font: normal 11px "돋움",Dotum; height: 21px; clear: both; padding: 3px 0 0 8px; }
							.contents .titleWrap .title_data a { color: #000; text-decoration: none; letter-spacing: -1px; }
							.contents .titleWrap .title_data .time { letter-spacing: 0; }
							.contents .titleWrap .title_data .bar { color: #a7a7a7; margin: 0 3px; }
							.contents .titleWrap .title_data img { margin-right: 3px; }
							.contents .titleWrap .title_data .img_talk { margin-top: -3px; }
							.contents .titleWrap .title_data .cate { padding-top: -3px; }
							.contents .titleWrap .title_data .time { padding-top: -3px; }
							.contents .titleWrap .title_data .author { padding-top: -3px; }
						.contents .titleWrap .admin { font-size: 12px; }

					/* 아티클 */
					.contents .entry .article { font: normal 13px/20px "굴림",Gulim; color: #000; text-align: justify; clear: both; }

					/* 검색결과 */
					.contents .searchList { font-size: 12px; }
						.contents .searchList h3 { margin-bottom: 10px; padding: 10px; border-bottom: 1px solid #999; }
						.contents .searchList ol { margin-bottom: 20px; }
							.contents .searchList ol li { margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #eee; }
								.contents .searchList ol li a {  }
								.contents .searchList ol li a:hover { text-decoration: underline; }

					/* 페이징 */
					.paging { font-size: 11px; margin-bottom: 14px; }
					.paging .numbox { margin-left: 4px; }
						.paging a { border: 1px solid #ccc; padding: 4px 8px; background-color: #fafafa; }
						.paging a:hover { border: 1px solid #2D6A9B; background-color: #f1f2f2; }
						.paging .selected { font-weight: bold; color: #ff0000; }
							.paging .selected a { border: none; }

					/* 태그트레일 */
					.contents .entry .tagTrail { font: normal 13px "굴림",Gulim; border-bottom: 1px solid #cfcfcf; padding-bottom: 15px; margin-bottom: 15px; line-height: 22px; }

					/* 액션트레일 */
					.contents .entry .actionTrail { margin-bottom: 30px; }
						.contents .entry .actionTrail a { font: normal 13px "굴림",Gulim; letter-spacing: -1px; color: #000; }
						.contents .entry .actionTrail .cnt { font-weight: bold; letter-spacing: 0; }

					/* 포스트 하단 코멘트 */
					.contents .comment {  }

						/* 코멘트 리스트 */
						.contents .comment .commentList { font: normal 13px/20px "굴림",Gulim; }
							.contents .comment .commentList  .name { font-weight: bold; }
								.contents .comment .commentList  .name a { font-weight: bold; }
								.contents .comment .commentList  .name a:hover { text-decoration: underline; color: #ff0000; }

							.contents .comment .commentList  ol { margin: 0; padding: 0; }
								.contents .comment .commentList  ol li { border-bottom: 1px dashed #999; margin-bottom: 10px; padding-bottom: 10px; }
									.contents .comment .commentList  ol ul { background-color: #f6f6f6; padding: 7px 7px 7px 20px; }
										.contents .comment .commentList  ol ul li { border-bottom: none; margin: 0; padding: 0; }

						/* 코멘트 작성하기 */
						.contents .comment .commentWrite { margin-bottom: 15px; }
							.contents .comment .commentWrite p { margin: 5px 0; }
							.contents .comment .commentWrite label { font-size: 12px; letter-spacing: -1px; }
							.contents .comment .commentWrite .homepage { border: 1px solid #aaa; background-color: #f7f7f7; color: #000; font-size: 14px; font-family: "돋움",Dotum; letter-spacing: -1px; padding: 2px 5px; }
							.contents .comment .commentWrite .text { border: 1px solid #aaa; background-color: #f7f7f7; color: #000; font-size: 14px; font-family: "돋움",Dotum; letter-spacing: -1px; padding: 2px 5px; }
							.contents .comment .commentWrite .textarea { border: 1px solid #aaa; background-color: #f7f7f7; color: #000; font-size: 14px; font-family: "돋움",Dotum; letter-spacing: -1px; padding: 10px; width: 500px; }
							.contents .comment .commentWrite .button {  }

			/* 사이드 바 */
			.sidebar { border: 4px solid #eaeaea; width: 219px; float: right; font: normal 12px/23px "굴림",Gulim; color: #000; padding: 18px; }
				.sidebar h3 { margin-bottom: 12px; }

				/* 프로필 박스 */
				.sidebar .blogImage { margin-bottom: 13px; }

					/* 프로필 이미지 */
					.sidebar .blogImage img { border: 6px solid #eaeaea; width: 208px; }

					/* 프로필 서머리 */
					.sidebar .blogImage .blogDesc { color: #3a3a3a; font: normal 11px/15px "돋움",Dotum; letter-spacing: -1px; }
						.sidebar .blogImage .blogDesc .userID { display: block; }

				/* 관리자 메뉴 */
				.sidebar .adminMenu { overflow: hidden; margin-bottom: 15px; }
					.sidebar .adminMenu li { display: block; height: 28px; float: left; width: 105px; }
					.sidebar .adminMenu a { display: block; border: 1px solid #bbb; height: 26px; width: 105px; text-align: center; }
					.sidebar .adminMenu a:hover { border: 1px solid #999; }
					.sidebar .adminMenu .tab_admin { margin-right: 7px; }
					.sidebar .adminMenu .tab_write {  }

				/* 카테고리 */
				.sidebar .category { clear: both; margin-bottom: 22px; }
					.sidebar .category h3 { text-indent: -20000px; background: url(./images/bg_category.gif) 0 0 no-repeat; width: 220px; height: 29px; }
					.sidebar .category ul {  }
						.sidebar .category ul li {  }
							.sidebar .category ul li a { display: none; text-decoration: none; }
							.sidebar .category ul li a:hover { text-decoration: underline; }
							.sidebar .category ul li ul {  }
								.sidebar .category ul li ul li { border-bottom: 1px solid #cfcfcf; margin-bottom: 8px; }
									.sidebar .category ul li ul li a { display: block; background: url(./images/icon_fold.gif) 6px 5px no-repeat; color: #000; font: normal 13px "굴림",Gulim; padding-left: 26px; height: 19px; padding-top: 5px; }
									.sidebar .category ul li ul li ul {  }
										.sidebar .category ul li ul li ul li { border: none; margin: 0; }
											.sidebar .category ul li ul li ul li a { display: block; background: url(./images/bullet_category.gif) 16px 7px no-repeat; color: #5d5d5d; font: normal 12px "굴림",Gulim; padding-left: 27px; height: 19px; padding-top: 3px; }
												.sidebar .category ul li ul li ul li span {  }

				/* 최근 올라온 글 */
				.sidebar .recentPost { margin-bottom: 27px; }
					.sidebar .recentPost h3 { text-indent: -20000px; background: url(./images/bg_latestpost.gif) 0 0 no-repeat; width: 220px; height: 29px; }
					.sidebar .recentPost a { color: #000; text-decoration: none; }
					.sidebar .recentPost a:hover { text-decoration: underline; }
					.sidebar .recentPost li { display: block; background: url(./images/bullet_category.gif) 16px 7px no-repeat; color: #5d5d5d; font: normal 12px "굴림",Gulim; padding-left: 27px; height: 19px; padding-top: 3px; }

				/* 최근에 달린 댓글 */
				.sidebar .recentComment {  }
					.sidebar .recentComment h3 { text-indent: -20000px; background: url(./images/bg_latest_comment.gif) 0 0 no-repeat; width: 220px; height: 29px; }
					.sidebar .recentComment a { color: #000; }
					.sidebar .recentComment a:hover { text-decoration: underline; }
					.sidebar .recentComment .name { font: normal 11px "돋움",Dotum; letter-spacing: -1px; color: #919191; }
					.sidebar .recentComment li { display: block; background: url(./images/bullet_category.gif) 16px 7px no-repeat; color: #5d5d5d; font: normal 12px "굴림",Gulim; padding-left: 27px; height: 19px; padding-top: 3px; }

			/* 푸터 */
			.footer { height: 159px; clear: both; background: url(./images/bg_footer.jpg) 2px 55px no-repeat; position: relative; }
				.footer .copy { display: none; }
				.footer .rss { display: block; width: 41px; height: 12px; background: url(./images/btn_rss.gif) 0 0 no-repeat; position: absolute; bottom: 66px; right: 25px; }
					.footer .rss span { display: none; }

				/* 카운터 */
				.footer .counter { position: absolute; text-align: right; width: 500px; height: 24px; top: 76px; right: 100px; font: normal 18px arial; letter-spacing: -1px; }
					.footer .counter .yesterday { /* background: url(./images/bg_yesterday.gif) 0 5px no-repeat; */ padding-left: 10px; color: #d9b200; margin-right: 3px; }
					.footer .counter .today { /* background: url(./images/bg_today.gif) 0 5px no-repeat; */ padding-left: 10px; color: #b0bb1d; margin-right: 3px; }
					.footer .counter .total { /* background: url(./images/bg_total.gif) 0 5px no-repeat; */ padding-left: 10px; color: #fff; margin-right: 3px; }