@charset "utf-8";
/* CSS Document */
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{ font: small/1.5 verdana;
	background:url(./images/bg.gif) 0 0 repeat;

			padding:0; margin:0; color:#666; letter-spacing:-1px;}
/* 2. 기본 링크 */
a{ text-decoration:none;}
a:link { color:#666;}
a:visited {	color :#666;}
a:hover {	text-decoration:underline; color:#f60;}
a:active { color:#666;}
/* 3. 이미지 */
img{ border:0;}
/* 4. 이미지 버튼 */
	.ib {	cursor: pointer;}
/* 5. 입력 텍스트 */
	.text {}
/* 6. 트리 테이블 */
	.branch2 {	}
/* 7. 트리 셀 */
	.branch3 { cursor:pointer; height:10px;}
/* 8. 달력 월 표시 */
	.cal_month { height:18px; text-align:center; color:#e1cdbd;}
/* 9. 달력 요일 표시 */
	.cal_week1 {height:18px; text-align:center; color:#ded9d9;}
/* 10. 달력 일요일 표시 */
	.cal_week2 {color: #ff845e; text-align:center;}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {	color:#000; text-align:center;}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color: #000; text-align:center;}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	 text-align:center; color:#d3cccc;}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {	background-color:#a64b76; text-align:center; color:#fff;}
/* 15. 달력 글쓴 날 링크 스타일 */
	.cal_day3 a{ font-weight:bold; color:#fff;}
	.cal_day3 a:link { color:#fff; text-align:center;}
	.cal_day3 a:visited {	color:#fff;	 text-align:center;}
	.cal_day3 a:hover {	color : red;	 text-align:center;}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {	color: #888;	text-align: center;	}
/* 16. 키워드 스타일 */
	.key1 {	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font:0.75em Tahoma;	color:#f30; letter-spacing:0;}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font:0.75em Tahoma;	color:#f30; letter-spacing:0;}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/* 기본 스타일 */
h1, h2, h3, h4{ margin:0; padding:0;}
hr{display:none;}
/* 블로그의 레이아웃 */
.container{ width:881px; background:url(images/bg_top.jpg) no-repeat;}
	.header{ width:784px; padding:10px 10px 10px; height:30px;





	}
		.header h1{ float:left;}
		.header .rss{ text-align:right;}
	.Body{ margin-right:6px;}
	.Body .layoutMiddle{}
	.Body .layoutTop{}
	.Body .layoutBottom{}
		.mainBody{ float:left; width:779px; padding:0 0 0 23px; margin:0;  background:url(./images/layoutBg.gif);}
		.mainBody .layoutMiddle{ }
		.mainBody .layoutTop{}
		.mainBody .layoutBottom{}
			.blogmenu{ padding:0; height:39px; background:url(images/bg_top.jpg) 0 -70px; margin:0 0 0 -23px;}
				.blogmenu .menu{ float:left; padding:15px 0 0 215px;}
				.blogmenu .search	{ text-align:right;}
			.contentBody{}
			.contentBody .layoutMiddle{ padding:0; margin:0; background:none;}
			.contentBody .layoutTop{ padding:0; margin:0; background:none;}
			.contentBody .layoutBottom{ padding:0; margin:0; background:none;}
				.content { float:right; margin:0; padding:16px;  width:555px; }
				.content .layoutMiddle{background:none; padding:0; margin:0;}
				.content .layoutTop{background:none; padding:0; margin:0;}
				.content .layoutBottom{background:none; padding:0; margin:0;}
				.sideinfo{ float:left; width:175px; overflow:hidden;}
	.footer{ width:540px; padding:20px 20px 20px 240px; text-align:center; clear:both;}

/* header : 블로그 제목 + 구독하기 버튼 */
.header { padding:40px 10px 0px 220px;}

.header h1 { font-size:medium; font-weight:bold;  }
.header h1 a:link { color:#fff;}
.header h1 a:visited { color:#fff;}
.header h1 a:hover { color:#f30; text-decoration:none;}
.header .rss{ display:none;}
/* mainbody > blogmenu : 블로그 메뉴 + 검색 */
.blogmenu	.menu{ font-size:90%; color:#fff;  width:392px; height:29px; overflow:hidden;}
.blogmenu	.menu a{ color:#fff; padding:0 3px;}
.blogmenu .menu a:hover{ color:#fff; text-decoration: underline;}
.blogmenu .menu	.adminmenu a{ color:#ffbdac;}
.blogmenu .menu .adminmenu a:hover{ color:#fff;}

.blogmenu .search input{ border:0; margin:13px 0 0 0; padding:0; }
.blogmenu	.search .input{ width:100px; height:16px; padding:4px 0 0 4px; background-color:#772c4f; border:2px solid #a65a7d; color:white; }
.blogmenu	.search .btn{ width:30px; height:20px; background:url(./images/btnSearch.gif) no-repeat; text-indent:-500px; }

/* mainBody > contentBody > sideinfo  기본스타일*/
.sideinfo {font:90% Verdana, dotum;}
.sideinfo .name{ color:#a28e98;}
.sideinfo .date{ font:90% Tahoma; color:#a28e98; letter-spacing:0;}
.sideinfo .cnt{ font:80% Tahoma; color:#f30; letter-spacing:0;}
.sideinfo ul{ margin:0; padding:0; list-style:none;}
.sideinfo li{ background:url(./images/bull.gif) no-repeat 0 7px; padding:5px 0 0 8px; line-height:120%;}

.sideinfo a:link, .sideinfo a:visited {color:#c5bdbd;}
.sideinfo a:hover {color:white;}

/* mainbody > contentBody > sideinfo 타이틀을 이미지로 대체 */
.sideinfo h3{ margin-top:15px;}
.sideinfo .category h3{ background:url(./images/barCategory.gif) no-repeat; text-indent:-500px;}
.sideinfo .recentPost h3{ background:url(./images/barRecentPost.gif) no-repeat; text-indent:-500px;}
.sideinfo .recentComment h3{ background:url(./images/barRecentComment.gif) no-repeat; text-indent:-500px;}
.sideinfo .recentTrackback h3{ background:url(./images/barRecentTrackback.gif) no-repeat; text-indent:-500px;}

.sideinfo .notice h3{ background:url(images/barNotice.gif) no-repeat; text-indent:-500px;}
.sideinfo .tag h3{ background:url(images/barTag.gif) no-repeat; text-indent:-500px; margin:15px 0 5px 0;}
.sideinfo .archive h3{ background:url(images/barArchive.gif) no-repeat; text-indent:-500px;}
.sideinfo .calender h3{ background:url(images/barCalender.gif) no-repeat; text-indent:-500px;}
.sideinfo .link h3{ background:url(images/barLink.gif) no-repeat; text-indent:-500px;}

/* mainbody > contentBody > sideinfo > 블로그 이미지 */
.sideinfo .blogimage{ width:163px; overflow:hidden; margin-bottom:5px; text-align:center; border:6px solid white;}
/* mainbody > contentBody > sideinfo > 블로그 설명 */
.sideinfo .blogdesc{ color:white;}
/* mainbody > contentBody > sideinfo > 공지사항 */
.sideinfo .notice { 	margin:5px 0;}
.sideinfo .notice h3{display:none;}
.sideinfo .notice li{ background:url(images/iconNotice.gif) 0 4px no-repeat; padding:2px 0 2px 37px;}
/* mainbody > contentBody > sideinfo > 카테고리 리스트 스타일 */
.sideinfo .category li{ background-image:none; padding-bottom:1px;}
.sideinfo .category li ul li ul li{ margin-left:5px; padding-left:7px; border-left:1px dotted #bbb;}
/* 최근에 달린 댓글 */
.sideinfo .recentComment{ width:170px; overflow:hidden;}

/* mainbody > contentBody > sideinfo > 카운터 */
.sideinfo .counter{ font:90% Tahoma; letter-spacing:0; text-align:center; background-color:#9d466f; padding:10px; margin-top:10px; color:white;}
/* mainbody > contentBody > sideinfo > 태터툴즈 로고 */
.sideinfo .poweredBy{ text-align:center; padding:5px;}
/* mainbody > contentBody > sideinfo > rss 구독 아이콘 */
.sideinfo .rss{ text-align:center; padding:5px;}

/* sideinfo > 태그 */
.sideinfo .tag { background:none; display:inline; padding:0; text-align:justify;}
.sideinfo .tag .cloud1 { font-weight:bold; font-size:140%; }
.sideinfo .tag .cloud2 { font-weight:bold; font-size:130%;}
.sideinfo .tag .cloud3 { font-weight:bold; font-size:120%;}
.sideinfo .tag .cloud4 { font-size:110%;}
.sideinfo .tag .cloud5 { font-size:100%;}
.sideinfo .tag a:hover{ background-color:#a64b76; color:#fff;}


/* content 기본스타일*/
.content {font:90%/1.5 Verdana, dotum;}
.content h2{ font-size:100%; color:#654c36;}
.content h3{ font-size:100%; color:#333; border-bottom:1px solid #ccc; margin:10px 5px; padding:5px 0;}
.content input{ border:1px solid #e2e2e2; color:#666;}
.content textarea{ border:1px solid #e2e2e2; color:#666; overflow:visible; height:100px; padding:6px;}
.content .name{font-size:95%;}
.content .date{font:80% Tahoma;  color:#999; letter-spacing:0;}
.content .cnt {font:75% Tahoma; letter-spacing:0; color:#f30;}
/* content 검색 리스트 */
.content .searchList{ margin-bottom:30px;}
.content .searchList .date{padding-right:7px;}
.content .searchList ol{ list-style:none; margin:0; padding:0;}
.content .searchList li{ margin:0 10px; border-bottom:1px solid #eee; padding:2px 0;}
/* content 검색 댓글 리스트 */
.content .searchReplyList{ margin-bottom:30px;}
.content .searchReplyList .date{padding-right:7px;}
.content .searchReplyList .name {color:#999;}
.content .searchReplyList ol{ list-style:none; margin:0; padding:0;}
.content .searchReplyList li{ margin:0 10px; border-bottom:1px solid #eee; padding:2px 0;}
/* content 위치로그 */
.content .local {margin-bottom:50px;}
.content .local .spot {	padding:5px 0 2px 20px; background:url("./images/iconDepth.gif") no-repeat 10px 5px; border-bottom:1px solid #eee; margin:0 10px;}
.content .local .info {	padding:5px 0 2px 10px; background:url("./images/bullTri.gif") no-repeat 0 50%; border-bottom:1px solid #eee;}
.content .local a{ color:#f60;}
/* content 태그 */
.content .tag{margin-bottom:50px;}
.content .tag a{ color:#4f2f3e; padding:0 2px; text-decoration:none; font-family:dotum;}
.content .tag ul{ margin:10px; padding:0;}
.content .tag li{ display:inline; padding:0; text-align:justify;}
.content .tag li .cloud1 { font-weight:bold; font-size:155%; }
.content .tag li .cloud2 { font-weight:bold; font-size:145%;}
.content .tag li .cloud3 { font-weight:bold; font-size:135%;}
.content .tag li .cloud4 { font-size:125%;}
.content .tag li .cloud5 { font-size:115% }
.content .tag li a:hover{ background-color:#eee8e2; color:#6c5b4d;}

/* content 방명록 기본 스타일 */
.content .guestbook p{padding:2px; margin:0;}
/* content 방명록 글쓰기 */
.content .guestbook .write { background-color:#f8f9f9; color:#999; margin:0; padding:15px 5px 5px 5px;}
.content .guestbook .write input{ width:40%;}
.content .guestbook .write .homepage{ width:40%; display:inline;}
.content .guestbook .write textarea{ width:96%;}
.content .guestbook .write .checkbox{ border:0; width:20px;}
.content .guestbook .write .btn{ width:98%; color:#494f4c; border:1px solid #e2e2e2; background-color:#d5d9d7; font-size:90%;}


/* content 방명록 리스트 */
.content .guestbook .list { color:#888; margin:0;}
.content .guestbook .list ul{ margin:0; padding:0; list-style:none;}
.content .guestbook .list ol{ margin:0; padding:0; list-style:none;}
.content .guestbook .list li{	padding:10px 10px 10px 10px; border-bottom:1px solid #eee;}
.content .guestbook .list li ul li{ padding-left:23px; background:url(./images/iconDepth.gif) no-repeat 10px 12px; background-color:#f8f9f9; border:1px solid #dbdbdb; margin:4px 0 ;}
.content .guestbook .list .name{ font-size:100%; letter-spacing:0; float:left; padding-right:3px; font-weight:bold;}
.content .guestbook .list .date{ float:left; padding:3px 2px 0 2px;}
.content .guestbook .list .control{ margin-left:400px; text-align:right; padding-right:5px;}
.content .guestbook .listBody {clear:both;}

.content .guestbook .name a{ color:#000;}
.content .guestbook .date{ font:80% Tahoma; color:#999; letter-spacing:0;}

/* content > entryNotice, entryProtected, entry 기본 스타일 */
.content .entry {margin:15px 0 40px 0;}
/* content > entryNotice, entryProtected, entry 제목 + 정보 */
.content .titleinfo{margin-bottom:20px;}
.content .titleinfo h2 { border-bottom:1px solid #bac3c5; margin-bottom:3px;    }
.content .titleinfo h2 a {  color:#2d3132; font-size:larger; border-bottom:2px solid #000; }
.content .titleinfo h2 a:hover {  color:#a82d66; text-decoration:none; }
.content .titleinfo .name{ float:left; display:inline; padding:0 5px 0 0;}
.content .titleinfo .date{  padding:4px 0 0 0;}
.content .titleinfo .admin{ font-size:95%; border-top:1px solid #ccc; padding-top:5px; margin-top:5px; text-align:right;}

/* content > entryNotice, entryProtected, entry 본문 */
.content .article{ margin:0 0 20px 0; overflow:hidden; width:555px; letter-spacing:0;   font-family:굴림:;  }
.content .article ul{ margin-left:20px; padding:0;}
.content .article ol{ margin-left:20px; padding:0;}
.content .article a{ color:#f60;}
.content .article blockquote{ margin:10px 0 10px 30px; border-left:4px double #ded2c6; padding-left:10px;}

/* 작성자 */
.author                  { text-align:right; color:#888; padding:20px 20px;}
.author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}


/* content > entry >  태그 */
.content .entry .tag{ clear:both; text-align:right; padding-right:10px; margin-bottom:20px;}
.content .entry .tag a:hover{ color:#f30;}

/* content >entry >  트랙백+댓글 버튼 */
.content .entry .btnTrackbackComment {clear:both; border-top:1px solid #ccc; border-bottom:1px dashed #ccc; padding:3px 5px; margin:0;}
/* content > entry > 트랙백받을 주소*/
.content .entry .trackback {margin:0; width:541px; padding:7px; overflow:hidden; background-color:#f8f9f9; }
.content .entry .trackback h3{  padding:3px 5px 5px 5px; color:#666; font-weight:normal; margin:0 ;  border:0; border-bottom:1px solid #ccc; margin:0 -7px -7px  -7px;}
.content .entry .trackback .address{letter-spacing:0; font-family:Verdana; color:#666; font-size:x-small; }
/* content > entry > 트랙백 리스트 */
.content .entry .trackback h4{ font-size:100%; font-weight:normal; display:inline; margin:0;}
.content .entry .trackback h4 a{color:#000; padding:0 2px;}
.content .entry .trackback .list ol{margin:0; padding:0; list-style:none;}
.content .entry .trackback .list li{ background:url(./images/bullTri.gif) no-repeat 5px 12px; margin:6px 0 0 0; padding:8px 0 5px 12px; border-bottom:1px dashed #c6c7c7; }
.content .entry .trackback .list .date{ color:#999;}
.content .entry .trackback .list .listBody { color:#999; padding:0; letter-spacing:normal;}
/* content > entry > 댓글 타이틀*/
.content .entry .comment{width:541px; overflow:hidden; background-color:#f8f9f9; padding:0 7px 7px 7px;}
.content .entry .comment p{margin:0;}
.content .entry .comment {margin:0 0 10px 0;}
.content .entry .comment h3{ display:none;}
.content .entry .comment .address{letter-spacing:0; font-family:dotum; color:#666;}
/* content > entry > 댓글 리스트 */
.content .entry .comment .list ol{margin:0; padding:0; list-style:none;}
.content .entry .comment .list ul{list-style:none;}
.content .entry .comment .list li{  border-bottom:1px dashed #c6c7c7; padding:6px 5px; margin-bottom:4px; }
.content .entry .comment .list li ul {margin:0 0 0 15px; padding:0;}
.content .entry .comment .list li ul li{ padding:5px; margin:7px 2px;   border:1px solid #dfdfde; background:#f3f3f3;}
.content .entry .comment .list li ul li .name { background-image:none;  padding:0 2px 0 4px;}
.content .entry .comment .name a{ font-size:110%; color:#000;}

/* content > entry  댓글+트랙백 공통 스타일 */
.content .entry .list .name{background:url(./images/iconComment.gif) left bottom no-repeat; float:left; font-weight:bold; height:19px; padding:0 2px 0 16px; color:#000;}
.content .entry .list .name a { margin:10px 0 0 0;}
.content .entry .list .name img { float:left; display:inline;}
.content .entry .list .date{ float:left; display:inline; padding: 3px 7px 0 7px;}
.content .entry .list .control{ padding:0 5px 0 440px;}
.content .entry .listBody {clear:both; padding:1px 0 5px 7px; }

.content .entry .trackback .list .control {padding:0 5px 0 505px;}
.content .entry .trackback .list .name { background:none; padding:0 2px;}

/* content > entry 댓글 쓰기 */
.content .entry .comment .write { background-color:#f8f9f9; color:#999; margin:20px 0 0 0;}
.content .entry .comment .write input{ width:40%;}
.content .entry .comment .write .homepage{ width:40%; display:inline;}
.content .entry .comment .write textarea{ width:96%;}
.content .entry .comment .write .checkbox{ border:0; width:20px;}
.content .entry .comment .write .btn{ width:98%; color:#494f4c; border:1px solid #e2e2e2; background-color:#d5d9d7; font-size:90%;}

.content .paging{ clear:both; text-align:center; margin:50px 0; font:80% Verdana; background-color:#fff;}

/* footer */
.footer{ font:80% Verdana; letter-spacing:0; color:#c5bdbd;}
.footer a:link, .footer a:visited{   letter-spacing:0; color:#c5bdbd;}
.footer a:hover {   letter-spacing:0; color:#fff;}
.footer .menu{ font:120% dotum; color:#c5bdbd; letter-spacing:-1px;}