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

/* 1. 본문 전체  */
body{ font: small/1.1 verdana; Gulim; float:left; padding:0px 5px; margin:10px; letter-spacing:-1px;
		background-image:/*@background-image=url(./images/b-g.gif)*/ url("./images/b-g.gif") /*@*/;
		/*@background-image-position=background-position:;*/ background-position: ; /*@*/
		background-repeat:/*@background-image-repeat=repeat*/ repeat /*@*/;
		/*@background-color=background-color:;*/ background-color:#ffffff; /*@*/
}

/* 2. 기본 링크 */
a{ text-decoration:none;}
a:link { color:#6A6A6A;}
a:visited { color :#6A6A6A;}
a:hover {	text-decoration:no-underline; color:#1EA8AA;}
a:active { color:#FD9125;}	

/* 3. 이미지 (제목 타이틀) */
img{ border:0;}
/* 4. 이미지 버튼 */
	.ib {	cursor: pointer;}
/* 5. 입력 텍스트 */
	.text {	border:1px solid #999;}
/* 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;}
/* 10. 달력 일요일 표시 */
	.cal_week2 {color: #2b8af8; text-align:center;}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {	color:#3B74BD; text-align:center;}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color: #3B74BD; text-align:center;}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	text-align:center;}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {	background-color:#fff; text-align:center; color:#FFC002;}
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click{ font-weight:bold; color:#FF5252;}
	a.cal_click:link { color:#B33A3A; text-align:center;}
	a.cal_click:visited { color:#B33A3A;	 text-align:center;}
	a.cal_click:hover { color : #B33A3A;	 text-align:center;}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {padding:0px 0px 0px 0px; color: #799CB6; text-align: center; margin:0;}

/* 그림 */
    .imageblock           { border:0px solid #FFC002;  padding:5px;  margin:0px 0px 0px 0px;}

/* 16. 키워드 스타일 */
	.key1 {	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font:0.8em Tahoma;	color:#FB8025; letter-spacing:0;}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font:0.8em Tahoma; color:#FB8025; letter-spacing:0;}

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

/* 기본 스타일 */
h1, h2, h3, h4{ margin:0; padding:0;}
hr{display:none;}

/* 블로그의 레이아웃 */

.container{ float:center; width:/*@post-width:440=*/ 990px /*@*/;}

.header{ width:/*@post-width:20=*/ 812px /*@*/; padding:/*@title-height:-42=padding-top:*/ 3px 0px 0px 0px;
		/*@title-background-image=background-image:;*/ background-image: none; /*@*/
		/*@title-background-image-position=background-position:;*/ background-position: ; /*@*/
		/*@title-background-image-repeat=background-repeat:;*/ background-repeat: no-repeat; /*@*/
		/*@title-background-color=background-color:#000000;*/ background-color:#ffffff; transparent; /*@*/
		}
		.header h1{ float:left;}
		.header .rss{ text-align:right;}
	.Body{ margin-right:0px;}
	.Body .layoutMiddle{}
	.Body .layoutTop{}
	.Body .layoutBottom{}

	.mainBody{ float:left; width:/*@post-width:0=*/ 812px /*@*/; background-color:#fff; padding:0; margin:0;}
	.mainBody .layoutMiddle{ background:url(./images/layoutMiddle.gif) repeat-y;}
	.mainBody .layoutTop{background:url(./images/layoutTop.gif) no-repeat top;}
	.mainBody .layoutBottom{background:url(./images/layoutBottom.gif) no-repeat bottom; padding:0px;}

/* 홈과 방명록 있는 메뉴의 레이아웃 크기와 패딩 색깔 등 */
		.blogmenu{ background-color:#94C8C9; border-bottom:10px solid #94C8C9; padding:10px 1px 0px 14px;}
		.blogmenu .menu{ float:left; padding-top:0px;}
		.blogmenu .search	{ /*@post-width:10=margin-left:*/ margin-left: 490px /*@*/; text-align:right;}

		.contentBody{  width:/*@post-width:20=*/ 812px /*@*/; border-top:0px solid #F7C600;}	 
		.contentBody .layoutMiddle{ border:0px solid #DCDCDC; padding:0; margin:0; background:none;}
		.contentBody .layoutTop{ padding:0; margin:0px; background:none;}
		.contentBody .layoutBottom{ padding:0; margin:0; background:none;}

/* 본문 전체의 박스 경계 크기와 색깔 */
		.content {border:1px solid #94C8C9; float:left; width:/*@post-width:2=*/ 640px /*@*/; margin:0px 10px 0px 0px; padding:0px;}
		.content .layoutMiddle{background:none; padding:10px; margin:0px;}
		.content .layoutTop{background:none; padding:0px; margin:0;}
		.content .layoutBottom{background:none; padding:0; margin:0;}			

/* 왼쪽 사이드바의 배경색 크기 등 */
		.sideinfo{background-color:#ffffff; float:right; border:0px solid #ffffff; border-top:10px; margin:5px 0px 0px 0px; padding:0px; width:155px; overflow:hidden;}


/* 오른쪽 사이드바의 배경색 크기 등 */
                  .sideinfoEtc{ float:right; border:0px solid #ffffff; margin:0px 0px 0px 0px; width:150px; padding:0px; background-color:#ffffff; overflow:hidden;}

	         .footer{ width:740px; padding:5px; text-align:center; clear:both;}

/* header : 블로그 제목 + 구독하기 버튼 */
		.header h1 { font-size:/*@title-font-size=medium*/ medium /*@*/; font-weight:bold; /*@title-font-family=font-family:;*/ font-family: inherit; /*@*/}
		.header h1 a:link { color:/*@title-color=*/ #99afc6 /*@*/;}
		.header h1 a:visited { color:/*@title-color=*/ #99afc6 /*@*/;}
		.header h1 a:hover { color:/*@title-color=*/ #fff /*@*/; text-decoration:none;}
		.header .rss{ font-size:80%; letter-spacing:-1px; padding-top:0px;}
		.header .rss a{ color:#5a86ba;  background:url(./images/iconRss.gif) no-repeat right; padding:1px 20px 0 0;}

/* mainbody > blogmenu : 블로그 메뉴 + 검색 */
		.blogmenu	.menu{ font-size:93%; color:#77899E;} 
		.blogmenu	.menu a{ color:#ffffff; padding:0 0px;}
		.blogmenu .menu a:hover{ color:#000000; text-decoration:none;}
		.blogmenu .menu .adminmenu a{ color:#282929;}
		.blogmenu .menu .adminmenu a:hover{ color:#fff;}
		.blogmenu .search input{ border:0; margin:0; padding:0;}
		.blogmenu	.search .input{ width:136px; height:17px; padding:0px 0px 0px 2px; background-color:#ffffff; color:#464746;}
		.blogmenu	.search .btn{ height:17px; background-color:#00BB00; color:#fff; font:80% dotum;}

/* mainBody > contentBody > sideinfo  기본스타일*/
.sideinfo {font:90% Verdana, dotum;}
.sideinfo .name{ color:#999;}
.sideinfo .date{ font:84% Tahoma; color:#999; letter-spacing:0;}
.sideinfo .cnt{ font:80% Tahoma; color:#618cbf; letter-spacing:0;}
.sideinfo ul{ margin:0; padding:0; list-style:none;}
.sideinfo li{ background:url(./images/bull.gif) no-repeat 0 7px; padding:7px 0 0 0px; line-height:120%;}

/* mainbody > contentBody > sideinfo 타이틀을 이미지로 대체 */
.sideinfo h3{ margin-top:10px; font:100% dotum; color:#444647; text-decoration:underline; font-weight:bold;}

/* mainbody > contentBody > sideinfo > 블로그 이미지 */
.sideinfo .blogimage{ width:160px; overflow:hidden; margin-bottom:5px; text-align:center;}

/* mainbody > contentBody > sideinfo > 블로그 설명 */
.sideinfo .blogdesc{ color:#888;}	

/* mainbody > contentBody > sideinfo > 공지사항 */
.sideinfo .notice { border:0px solid #FFFFFF;	background-color:#ffffff;	margin:2px 0;}
.sideinfo .notice h3{display:none;}
.sideinfo .notice li{ background:url(images/iconNotice.gif) no-repeat; padding:0px 0 2px 30px;} 

/* mainbody > contentBody > sideinfo > 카테고리 리스트 스타일 */
.sideinfo .category h2{margin-bottom:5px;}
.sideinfo .category li{ background-image:none; padding-bottom:11px;}
.sideinfo .category li ul li ul li{ margin-left:5px; padding-left:7px; border-left:1px dotted #E6F4F9;}

/* 최근에 달린 댓글 */
.sideinfo .recentComment{ width:155px; overflow:hidden;}

/* mainbody > contentBody > sideinfo > 카운터 */
.sideinfo .counter{ font:99% Tahoma; letter-spacing:0; text-align:center; border:0px solid #FFE7DD; background-color:#E6F4F9 padding:2px; margin-top:2px;}

/* mainbody > contentBody > sideinfo > 태터툴즈 로고 */
.sideinfo .poweredBy{ text-align:center; padding:5px;}

/* mainbody > contentBody > sideinfo > rss 구독 아이콘 */
.sideinfo .rss{ text-align:center; padding:5px;}

/* sideinfoEtc 기본스타일*/
.sideinfoEtc {font:93% Verdana, Gulim; color:#91a3bb; opacity:0.5;} 
.sideinfoEtc a:link { color:#305A91;}
.sideinfoEtc a:visited { color:#5e738e;}
.sideinfoEtc a:hover { color:#F4AC10; text-decoration:none;}
.sideinfoEtc h3{ font:small dotum; font-weight:bold; text-decoration:underline; margin-bottom:15px; margin-top:10px;}
.sideinfoEtc ul{ margin:0; padding:0; list-style:none;}
.sideinfoEtc li{ background:url(./images/bull.gif) no-repeat 0 3px; padding:0 0 5px 5px; line-height:1em;}

/* sideinfoEtc > 태그 */
.sideinfoEtc .tag { background:none; display:inline; padding:0; text-align:justify;}
.sideinfoEtc .tag .cloud1 { font-weight:bold; font-size:115%; }
.sideinfoEtc .tag .cloud2 { font-weight:bold; font-size:110%;}
.sideinfoEtc .tag .cloud3 { font-weight:bold; font-size:105%;}
.sideinfoEtc .tag .cloud4 { font-size:105%;}
.sideinfoEtc .tag .cloud5 { font-size:100%;}	
.sideinfoEtc .tag a:hover{ background-color:#112641; color:#fff;}	

/* mainbody > sideinfo > 글보관함 */
.sideinfoEtc .archive{ font-family: Verdana; letter-spacing:0;}
.sideinfoEtc .archive .cnt{ font:70% Verdana;}

/* mainbody > sideinfo > 달력 */
.sideinfoEtc .calender{ font:90% Verdana;}
.sideinfoEtc .calender a{ color:#FF5252;}

/* mainbody > sideinfo > 링크 */
.sideinfoEtc .link{}

/* content 기본스타일*/
.content {font:92%/1.5 Verdana, Gulim;}
.content h2{ font-size:95%;}
.content h3{ font-size:95%; color:#333; border-bottom:0px solid #ccc; margin:10px 5px; padding:2px 0;}
.content input{ border:1px solid #d1e0f2; color:#7688a6;}
.content textarea{ border:0px solid #d1e0f2; color:#7688a6; overflow:visible; height:10px;}
.content .name{font-size:95%;}
.content .date{font:80% Tahoma;  color:#999; letter-spacing:0;}
.content .cnt {font:75% Tahoma; letter-spacing:0; color:#618cbf;}

/* 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 .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:#618cbf;}

/* content 태그 */
.content .tag a{ color:#406ea5; 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:110%; }
.content .tag li .cloud2 { font-weight:bold; font-size:105%;}
.content .tag li .cloud3 { font-weight:bold; font-size:110%;}
.content .tag li .cloud4 { font-size:110%;}
.content .tag li .cloud5 { font-size:105% }	
.content .tag li a:hover{ background-color:#d1e0f2; color:#204d83;}	

/* content 방명록 기본 스타일 */
.content .guestbook p{padding:2px; margin:0;}

/* content 방명록 글쓰기 */
.content .guestbook .write { width:500px; background-color:#F3F8F9; border:1px solid #F3F8F9; padding:1px; color:#ccc; margin:10px 10px;}
.content .guestbook .write input{ width:40%; padding:1px 1px 1px 1px; color:#AE92B9; font-size:100%;}
.content .guestbook .write .homepage{ width:40%;}
.content .guestbook .write textarea{ width:100%; height:100px; padding:5px;}
.content .guestbook .write .btn{border:0px solid #fff; background-color:#F3F8F9; padding-top:6px;}

/* content 방명록 리스트 */
.content .guestbook .list { color:#888; margin:5px 5px; width:580px; overflow:hidden;}
.content .guestbook .list ul{ margin:0; padding:10px; list-style:none;} 
.content .guestbook .list ol{ margin:0; padding:10px; list-style:none;} 
.content .guestbook .list li{ padding:10px 10px 10px 14px; background:url(./images/iconFoot.gif) no-repeat -5px 6px; border-bottom:1px solid #F9E5E5;}
.content .guestbook .list li ul li{ padding-left:33px; background:url(./images/iconDepth.gif) no-repeat 10px 12px; background-color:#fffffa; border:0px solid #AE92B9; margin-bottom:2px;}
.content .guestbook .list .name{ font-size:95%; 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 .entry, .content .entryNotice, .content .entryProtected {margin-bottom:0px;}

/* content > entryNotice, entryProtected, entry 제목 + 정보 */

.content .titleinfo{font-size:90%; font-color:#C9DAE4; border-left:5px solid #F1F1F1; background-color:#F8F8FE; padding:12px 12px 12px 5px; margin-bottom:20px;  width:/*@post-width=*/ 600px /*@*/;  overflow:hidden; }

.content .titleinfo h3{font-size:95%; color:/*@post-title-color=#279CBE*/ #279CBE /*@*/;}
.content .titleinfo h1 a{font-size:100%; display:inline; float:left; color:/@post-title-color:#279CBE /#234d85/*@*/; /*@post-title-font-family=font-family:;*/ font-family: inherit; /*@*/ /@post-title-font-size=font-size:12px;/ font-size: inherit; /*@*/}
.content .titleinfo .name a{font-size:115%; float:left; display:inline; margin-left:333px; padding:0px 0 0 3px; border-left:0px solid #FB4D4D; color:#019780;}
.content .titleinfo .date{ text-align:right; padding-top:2px; color:#1680FF;}
.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{ border:11x solid #d1e0f2; margin:11px; width:/*@post-width=*/ 600px /*@*/; overflow:hidden; letter-spacing:0; /*@post-body-color=color:;*/ color: ; /*@*/ /*@post-body-font-family=font-family:;*/ font-family: inherit; /*@*/ /*@post-body-font-size=font-size:;*/ font-size: inherit; /*@*/}
.content .article ul{ margin-left:20px; padding:0;}
.content .article ol{ margin-left:20px; padding:0;}
.content .article a{ color:#618cbf;}
.content .article blockquote{ margin:0px 0 0px 0px; border-left:4px double #ded2c6; padding-left:0px;}

/* 작성자 */
.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:left; padding-right:10px; margin-bottom:0px;}
.content .entry .tag a:hover{ color:#618cbf;}

/* content >entry >  트랙백+댓글 버튼 */
.content .entry .btnTrackbackComment {clear:both; border-top:1px solid #ddd; padding:5px 8px 5px; margin:10px 10px 0 0;}

/* content > entry > 트랙백받을 주소*/
.content .entry .trackback {margin:0px 0px 0px 0; width:/*@post-width:10=*/ 100% /*@*/;  overflow:hidden;}
.content .entry .trackback h3{border-top:1px solid #ddd; border-bottom:0px solid #ddd; padding:10px 8px 5px 5px; color:#98B1D0; 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:550px; /*@post-width:10=*/ 90% /*@*/; overflow:hidden; padding:0px 0px 20px 0px;}
.content .entry .comment p{margin:0;}
.content .entry .comment { margin:0 10px 10px 0;}
.content .entry .comment h3{width:100%; border-top:0px solid #F3F0EF; border-bottom:0px solid #ddd; padding:10px 5px 8px 5px; color:#5FA8FF; font-weight:normal; margin:0 0 1px 0; background-color:#fff;}
.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 25px; 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:#FDFCFE; border:0px solid #e2ecf8;}
.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 10px;}
.content .entry .list .control{/*@post-width:-150=margin-left:*/ margin-left:50px /*@*/; text-align:right; padding-right:5px;}
.content .entry .listBody {clear:both;}

/* content > entry 댓글 쓰기 */
.content .entry .comment .write { background-color:#EEF3E9; border:2px solid #EEF3E9; padding:0px; color:#008392; margin:10px 5px;}
.content .entry .comment .write input{ width:30%; padding:4px 4px 4px 4px; color:#666; font-size:100%;}
.content .entry .comment .write .homepage{ width:50%; display:inline;}
.content .entry .comment .write textarea{border:5; width:100%; height:100px;}
.content .entry .comment .write .checkbox{ border:1; width:35px;}
.content .entry .comment .write .btn{ width:70%; border:0px solid #afc5e0; background-color:#BDD371; padding-top:3px;}
.content .paging{ clear:both; text-align:center; margin:50px 0; font:80% Verdana;}

/* footer */
.footer{ font:80% Verdana; letter-spacing:0; color:#6887a7;}
.footer a:link{color:#85a2c1;}
.footer a:visited{color:#85a2c1;}
.footer a:hover{color:#fff;}
.footer .menu{ font:110% dotum; letter-spacing:-1px;}