@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{
font: 0.8em/1.5 dotum; color:#666;
background:/*@background-image=url(images/bg.jpg)*/url(images/bg.jpg)/*@*/ /*@background-image-position=top*/top/*@*/  /*@background-image-repeat=no-repeat*/repeat-x/*@*/ /*@background-color=white*/#b9b4ab/*@*/; margin-top:30px;

}
/* 2. 기본 링크 */
	a:link {text-decoration: none;	color:#333;	}
	a:visited {text-decoration: none;	color:#333; }
	a:hover {text-decoration: underline;	color:#000;	}
	a:active {text-decoration: none;	color:#333;	}
/* 3. 이미지 */
	img {border-width: 0px; }
/* 4. 이미지 버튼 */
	.ib {	cursor: pointer;	}
/* 5. 입력 텍스트 */
	.text {	border:1px solid #999;	background-color:#ddd;	height:18px;	}
/* 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:#b0aba1;	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:90% Tahoma;	color:#f30;	}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt {	font:10px Tahoma;	color:#999;	}



/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {display:none;}
h1, h2, h3, h4{margin:0; color:#222;}
h1{font-size:130%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:100%;}

ul, ol{
list-style:none;
margin:0;
padding:0;
}
input{ height:18px; border:1px solid #999; background-color:#fff; color:#333; margin:2px 0;}
/* 블로그의 레이아웃 */
.container{width:/*@post-width:280*/780px/*@*/; margin:0 auto;}
.header{ margin:10px 0; padding-top:/*@title-height:-68=padding-top:*/0px/*@*/}
	.header {float:right; text-align:center; }
		.header .bloginfo .image{float:center; margin:0 10px 10px 0;}
		.header .bloginfo .image img{width:100px; height:100px;}
	.header .search{ text-align:right;  margin-left:500px; padding-top:40px;}


.contentLayoutMiddle{ background:url(./images/layoutMiddle.gif)  repeat-y; clear:both;}
.contentLayoutTop{ background:url(./images/layoutTop.gif)  no-repeat top;}
.contentLayoutBottom{ background:url(./images/layoutBottom.gif)  no-repeat bottom;}
.content { margin:10px 0; width:/*@post-width:200*/700px/*@*/; padding:40px;}


.sideinfo{clear:both; width:750px; margin:0 auto; }
	.sideinfo .category{width:180px; margin-right:9px; float:left;}
	.sideinfo .recentPost{width:180px; margin-right:9px; float:left;}
	.sideinfo .calender{width:180px; margin-right:9px; padding:0; float:left;}
	.sideinfo .tag{width:180px; float:left;}

	.sideinfo .clear{clear:both;}


/*	.sideinfo .category{width:180px; margin-right:9px; float:left;}
	.sideinfo .recentPost{width:180px; margin-right:9px; float:left;}
	.sideinfo .recentComment{width:180px; margin-right:9px; float:left; overflow:hidden;}
	.sideinfo .recentTrackback{width:180px; float:left; overflow:hidden;}

	.sideinfo .clear{clear:both;}

	.sideinfo .tag{width:180px; margin-right:9px; float:left;}
	.sideinfo .link{width:180px; margin-right:9px; float:left;}
	.sideinfo .calender{width:180px; margin-right:9px; padding:0; float:left;}
	.sideinfo .archive{width:180px;  float:left;}
*/
.footer{ clear:both;margin:0  auto; }

/* header */
.header {
		/*@title-background-color=:;*/ /*@*/
		/*@title-background-image=:;*/ /*@*/
		/*@title-background-image-position=:;*/ /*@*/
		/*@title-background-image-repeat=:;*/ /*@*/
}
.header .title{ margin-top:10px;}
.header .title h1 a{/*@title-font-size=:;*/ /*@*/ /*@title-font-family=:;*/ /*@*/ color:/*@title-color=#000*/#000/*@*/;}
.header .menu{ color:#777;}
.header .menu a{ color:#444;}
.header .menu .adminmenu a{ color:#666;}
.header .search .input{background-color:#968f82; color:#fff;}
.header .search .btn{background-color:#968f82;  color:#ccc; height:22px; font-size:0.75em;}


/* content 공통 */
.content {}
.content .date {font:80% Verdana;}
.content .name{ color:#999;}
.content .cnt{ color:#f60;}
.content .list, .content .rpList, .content .tag, .content .local, .content .guest, .content .notice, .content .protected, .content .entry{margin-bottom:50px;}
.content h3{border-bottom:1px solid #ccc; margin-bottom:5px;}
/* 검색 결과 리스트 */
.content .list li, .rpList li{ border-bottom:1px solid #eee; padding:3px 5px;}

/* 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 a{ text-decoration:none; font-family:dotum;}
.content .tag ul{ margin:0; padding:0;}
.content .tag li{ display:inline; padding:0; text-align:justify;}
.content .tag li .cloud1 { font-weight:bold; font-size:145%; color:#333; background-color:#eee; }
.content .tag li .cloud2 { font-weight:bold; font-size:135%; color:#333; background-color:#eee; }
.content .tag li .cloud3 { font-weight:bold; font-size:125%; color:#666;}
.content .tag li .cloud4 { font-size:115%; color:#666;}
.content .tag li .cloud5 { font-size:100%; color:#999;}
.content .tag li a:hover{ background-color:#eee; color:#000;}

/* content 방명록 기본 스타일 */
.content .guestbook p{padding:2px; margin:0;}
/* content 방명록 글쓰기 */
.content .guestbook .write { background-color:#f5f5f5; border:1px solid #eee8e2; padding:10px; color:#666; margin:10px 5px;}
.content .guestbook .write input{ width:30%; padding:4px 4px 0 4px; color:#666; font-size:95%;}
.content .guestbook .write .homepage{ width:70%;}
.content .guestbook .write textarea{ width:95%; padding:5px;}
.content .guestbook .write .btn{ width:97%; color:#333; border:1px solid #ccc; background-color:#ddd;  height:26px;}
/* content 방명록 리스트 */
.content .guestbook .list { color:#888; margin:10px 10px;}
.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; 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:#f5f5f5; border:1px solid #eee; margin-bottom:4px;}
.content .guestbook .list .name{ font-size:100%; letter-spacing:0; float:left; padding-right:3px;}
.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 .titleinfo { border-bottom:1px solid #ccc; padding-bottom:3px; width:/*@post-width:200*/700px/*@*/; overflow:hidden;}
.content .titleinfo h2{ float:left;}
.content .titleinfo h2 a{ /*@post-title-font-size=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/ color:/*@post-title-color=#222*/#222/*@*/;}
.content .titleinfo .name{float:left; border-left:1px solid #ddd; margin:3px 0 0 5px; padding-left:5px;}
.content .titleinfo .name a{ color:#999;}
.content .titleinfo .date{text-align:right; padding-top:10px;}

.content .admin{ clear:both;}

/* content > entryNotice, entryProtected, entry 본문 */
.content .article{ width:/*@post-width:200*/700px/*@*/; overflow:hidden; letter-spacing:0; margin-top:10px; /*@post-body-font-size=:;*/ /*@*/ /*@post-body-font-family=:;*/ /*@*/ /*@post-body-color=:;*/ /*@*/ }
.content .article ul{ margin-left:30px; padding:10px 0; }
.content .article ol{ margin-left:30px; padding:10px 0; }
.content .article ul li { list-style-type:disc; padding:2px 0;}
.content .article ol li { list-style-type:decimal; padding:2px 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:10px;}
.content .entry .tag a:hover{ color:#f30;}

/* content >entry >  트랙백+댓글 버튼 */
.content .entry .btnTrackbackComment {clear:both; border-top:1px solid #ddd; padding:8px 5px; margin:0;}
/* content > entry > 트랙백받을 주소*/
.content .entry .trackback {margin:0 0 10px 0;}
.content .entry .trackback h3{font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8;}
.content .entry .trackback .address{letter-spacing:0; font-family:Verdana; color:#666;}
/* 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; border-top:1px solid #ddd; padding:8px 0 5px 12px;}
.content .entry .trackback .list .date{ color:#999;}
.content .entry .trackback .list .listBody { color:#999; padding:2px 0;}
/* content > entry > 댓글 타이틀*/
.content .entry .comment{width:/*@post-width:200*/700px/*@*/; overflow:hidden;}
.content .entry .comment p{margin:0;}
.content .entry .comment {margin:0 0 10px 0;}
.content .entry .comment h3{font-size:90%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#f60; font-weight:normal; margin:0 0 1px 0; background-color:#f8f8f8;}
.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{ background:url(images/iconComment.gif) no-repeat 5px 10px; border-top:1px solid #ddd; padding:8px 0 5px 20px; margin-bottom:4px;}
.content .entry .comment .list li ul li{ background:url(images/iconReComment.gif) no-repeat 5px 5px; padding:8px 0 5px 30px; margin:10px 2px;  background-color:#f5f5f5; border:1px solid #eee;}
.content .entry .comment .name a{ font-size:110%; color:#000;}

/* content > entry  댓글+트랙백 공통 스타일 */
.content .entry .list .name{ float:left;}
.content .entry .list .date{ float:left; padding:5px 2px 0 2px;}
.content .entry .list .control{ margin-left:400px; text-align:right; padding-right:5px;}
.content .entry .listBody {clear:both;}

/* content > entry 댓글 쓰기 */
.content .entry .comment .write { background-color:#f5f5f5; border:1px solid #eee; padding:10px; color:#666; margin:10px 5px;}
.content .entry .comment .write input{ width:30%;}
.content .entry .comment .write .homepage{ width:50%; display:inline;}
.content .entry .comment .write textarea{ width:95%;}
.content .entry .comment .write .checkbox{ border:0; width:20px;}
.content .entry .comment .write .btn{  width:97%; color:#333; border:1px solid #ccc; background-color:#ddd;  height:26px;}

.content .paging{ clear:both; text-align:center; margin:50px 0; font:80% Verdana; background-color:#fff;}


/* 사이드바 공통 스타일 */
.sideinfo a:link{color:#333;}
.sideinfo h3{font:90% dotum; font-weight:normal; color:#222; background:url(images/bgSideinfo.gif) no-repeat; padding:6px 5px; height:22px; margin-top:5px;}

.sideinfo .cnt{font:80% Verdana; color:#f30;}
.sideinfo .date{font:90% Verdana; color:#666;}
.sideinfo .name{font:90% dotum; color:#666;}
.sideinfo ul{margin:0 5px 0 5px;}
.sideinfo li{ line-height:120%;}

/* 공지사항  */
.sideinfo .notice {
text-align:center;
}
.sideinfo .notice li {
background:url(images/iconNotice.gif) no-repeat 0 50%;
padding-left:38px;
display:inline;
}
.sideinfo .notice li a{
	font-size:12px;
	letter-spacing:-1px;
	color:#333;
}


/* 사이드바 태그 */
.sideinfo .tag a{ text-decoration:none; font-family:dotum;}
.sideinfo .tag { display:inline; padding:0; text-align:justify;}
.sideinfo .tag .cloud1 { font-weight:bold; font-size:130%; color:#222; background-color:#b0aba1; }
.sideinfo .tag .cloud2 { font-weight:bold; font-size:120%; color:#333; background-color:#b0aba1; }
.sideinfo .tag .cloud3 { font-weight:bold; font-size:110%; color:#555;}
.sideinfo .tag .cloud4 { font-size:100%; color:#666;}
.sideinfo .tag .cloud5 { font-size:90%; color:#666;}
.sideinfo .tag a:hover{ background-color:#a09b91; color:#000;}
.sideinfo .tag li{ background:none; display:inline; padding:0;}


.sideinfo .calender{font:100% Verdana;}
.sideinfo .archive{font-family: Verdana;}
.sideinfo .archive ul{ padding: 0 20px 0 10px; }
.sideinfo .archive .cnt{ padding-left:5px;}

.footer{text-align:center; padding-top:20px;}
.footer .counter{clear:both; width:/*@post-width:280*/780px/*@*/; text-align:center;  font-family:Verdana; font-size:90%; margin:5px;}
.footer .botton{margin:30px 0 10px 0;text-align:center;}