@charset "utf-8";
/* CSS Document */
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body{ font: small/1.5 verdana; padding:50px 20px; margin:0; color:#666; letter-spacing:-1px;
		background-image:/*@background-image=url(./images/bg.gif)*/ url("./images/bg.gif") /*@*/;
		/*@background-image-position=background-position:;*/ background-position: ; /*@*/
		background-repeat:/*@background-image-repeat=repeat*/ repeat /*@*/;
		/*@background-color=background-color:;*/ background-color: ; /*@*/
}
/* 2. 기본 링크 */
a{ text-decoration:none;}
a:link { color:#666;}
a:visited {	color :#666;}
a:hover {	text-decoration:underline; color:#618cbf;}
a:active { color:#666;}	
/* 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:#000; text-align:center;}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color: #000; text-align:center;}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	 text-align:center;}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {	background-color:#112641; text-align:center; color:#fff;}
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click{ font-weight:bold; color:#fff;}
	a.cal_click:link { color:#fff; text-align:center;}
	a.cal_click:visited {	color:#fff;	 text-align:center;}
	a.cal_click:hover {	color : #fff;	 text-align:center;}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {	color: #876;	text-align: center;	}
/* 16. 키워드 스타일 */
	.key1 {	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font:0.75em Tahoma;	color:#618cbf; letter-spacing:0;}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font:0.75em Tahoma;	color:#618cbf; letter-spacing:0;}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/* 기본 스타일 */
h1, h2, h3, h4{ margin:0; padding:0;}
hr{display:none;}
/* 블로그의 레이아웃 */
.container{ width:/*@post-width:440=*/ 949px /*@*/;}
	.header{ width:/*@post-width:220=*/ 729px /*@*/; padding:/*@title-height:-42=padding-top:*/ 10px /*@*/ 10px 10px;
		/*@title-background-image=background-image:;*/ background-image: url("http://cfs.tistory.com/blog/style/template/image/title/12.jpg"); /*@*/
		/*@title-background-image-position=background-position:;*/ background-position: right top; /*@*/
		/*@title-background-image-repeat=background-repeat:;*/ background-repeat: no-repeat; /*@*/
		/*@title-background-color=background-color:;*/ background-color: transparent; /*@*/
		}
		.header h1{ float:left;}
		.header .rss{ text-align:right;}
	.Body{ margin-right:6px;}
	.Body .layoutMiddle{}
	.Body .layoutTop{}
	.Body .layoutBottom{}
		.mainBody{ float:left; width:/*@post-width:240=*/ 749px /*@*/; 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:10px;}						
			.blogmenu{ background-color:#6897cd; border-bottom:2px solid #5a86ba; padding:5px 5px 2px 10px;}
				.blogmenu .menu{ float:left; padding-top:5px;}
				.blogmenu .search	{ /*@post-width:10=margin-left:*/ margin-left: 519px /*@*/; text-align:right;}
			.contentBody{ width:/*@post-width:220=*/ 729px /*@*/; border-top:5px solid #deedfe;}	 
			.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; width:/*@post-width:25=*/ 534px /*@*/; margin:5px 0 5px 5px; padding:0;}
				.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; border:5px solid #deedfe; border-top:0; padding:5px; width:170px; overflow:hidden;}
		.sideinfoEtc{ float:left; margin:40px 0 0 6px; width:154px; padding:10px; background-color:#153258; overflow:hidden;}
	.footer{ width:740px; padding:20px; 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:85%; letter-spacing:-1px; padding-top:15px;}
.header .rss a{ color:#5a86ba;  background:url(./images/iconRss.gif) no-repeat right; padding:5px 17px 0 0;}
/* mainbody > blogmenu : 블로그 메뉴 + 검색 */
.blogmenu	.menu{ font-size:90%; color:#a3c6ef;} 
.blogmenu	.menu a{ color:#fff; padding:0 3px;}
.blogmenu .menu a:hover{ color:#000; text-decoration:none;}
.blogmenu .menu	.adminmenu a{ color:#a7c6ea;}
.blogmenu .menu .adminmenu a:hover{ color:#fff;}
.blogmenu .search input{ border:0; margin:0; padding:0;}
.blogmenu	.search .input{ width:130px; height:16px; padding:4px 4px 0 4px; background-color:#49698f; color:#ddd;}
.blogmenu	.search .btn{ height:20px; background-color:#2a3c52; color:#fff; font:85% dotum;}

/* mainBody > contentBody > sideinfo  기본스타일*/
.sideinfo {font:90% Verdana, dotum;}
.sideinfo .name{ color:#999;}
.sideinfo .date{ font:90% 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:5px 0 0 8px; line-height:120%;}

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

/* mainbody > contentBody > sideinfo > 블로그 이미지 */
.sideinfo .blogimage{ width:170px; overflow:hidden; margin-bottom:5px; text-align:center;}
/* mainbody > contentBody > sideinfo > 블로그 설명 */
.sideinfo .blogdesc{ color:#888;}	
/* mainbody > contentBody > sideinfo > 공지사항 */
.sideinfo .notice { border:5px solid #eee;	background-color:#eee;	margin:5px 0;}
.sideinfo .notice h3{display:none;}
.sideinfo .notice li{ background:url(images/iconNotice.gif) no-repeat; padding:2px 0 2px 30px;} 
/* mainbody > contentBody > sideinfo > 카테고리 리스트 스타일 */
.sideinfo .category h3{margin-bottom:5px;}
.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:#eee; padding:10px; margin-top:10px;}
/* mainbody > contentBody > sideinfo > 태터툴즈 로고 */
.sideinfo .poweredBy{ text-align:center; padding:5px;}
/* mainbody > contentBody > sideinfo > rss 구독 아이콘 */
.sideinfo .rss{ text-align:center; padding:5px;}

/* sideinfoEtc 기본스타일*/
.sideinfoEtc {font:90% Verdana, dotum; color:#91a3bb; opacity:0.5;} 
.sideinfoEtc a:link { color:#5e738e;}
.sideinfoEtc a:visited { color:#5e738e;}
.sideinfoEtc a:hover { color:#fff; text-decoration:none;}
.sideinfoEtc h3{ font:small dotum; font-weight:bold; text-decoration:underline; margin-bottom:5px; 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 8px; line-height:1em;}

/* sideinfoEtc > 태그 */
.sideinfoEtc .tag { background:none; display:inline; padding:0; text-align:justify;}
.sideinfoEtc .tag .cloud1 { font-weight:bold; font-size:140%; }
.sideinfoEtc .tag .cloud2 { font-weight:bold; font-size:130%;}
.sideinfoEtc .tag .cloud3 { font-weight:bold; font-size:120%;}
.sideinfoEtc .tag .cloud4 { font-size:110%;}
.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:#fff;}
/* mainbody > sideinfo > 링크 */
.sideinfoEtc .link{}


/* content 기본스타일*/
.content {font:90%/1.5 Verdana, dotum;}
.content h2{ font-size:100%;}
.content h3{ font-size:100%; color:#333; border-bottom:1px solid #ccc; margin:10px 5px; padding:5px 0;}
.content input{ border:1px solid #d1e0f2; color:#7688a6;}
.content textarea{ border:1px solid #d1e0f2; color:#7688a6; overflow:visible; height:150px;}
.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: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:#d1e0f2; color:#204d83;}	

/* content 방명록 기본 스타일 */
.content .guestbook p{padding:2px; margin:0;}
/* content 방명록 글쓰기 */
.content .guestbook .write { background-color:#f0f7ff; border:1px solid #d1e0f2; padding:10px; color:#7688a6; 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:95%; border:1px solid #afc5e0; background-color:#d1e0f2; padding-top:3px;}
/* content 방명록 리스트 */
.content .guestbook .list { color:#888; margin:10px 10px; width:540px; overflow:hidden;}
.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 14px; background:url(./images/iconFoot.gif) no-repeat 0 6px; 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:#f8fbff; border:1px solid #e2ecf8; margin-bottom:4px;}
.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:30px;}
/* content > entryNotice, entryProtected, entry 제목 + 정보 */
.content .titleinfo{ border:1px solid #d1e0f2; background-color:#f0f7ff; padding:8px 5px 8px 10px; margin-bottom:10px;  width:/*@post-width=*/ 509px /*@*/;  overflow:hidden; }
.content .titleinfo h2{ color:/*@post-title-color=#234d85*/ #234d85 /*@*/;}
.content .titleinfo h2 a{ display:inline; float:left; color:/*@post-title-color:#234d85*/#234d85/*@*/; /*@post-title-font-family=font-family:;*/ font-family: inherit; /*@*/ /*@post-title-font-size=font-size:;*/ font-size: inherit; /*@*/}
.content .titleinfo .name a{ float:left; display:inline; margin-left:5px; padding:2px 0 0 5px; border-left:1px solid #d1e0f2; color:#4a77ad;}
.content .titleinfo .date{ text-align:right; padding-top:2px; color:#6d99ce;}
.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:10px; width:/*@post-width=*/ 509px /*@*/; 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: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:#618cbf;}

/* content >entry >  트랙백+댓글 버튼 */
.content .entry .btnTrackbackComment {clear:both; border-top:1px solid #ddd; padding:8px 5px; margin:0 10px 0 0;}
/* content > entry > 트랙백받을 주소*/
.content .entry .trackback {margin:0 10px 10px 0; width:/*@post-width:10=*/ 519px /*@*/;  overflow:hidden;}
.content .entry .trackback h3{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#618cbf; 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:10=*/ 519px /*@*/; overflow:hidden;}
.content .entry .comment p{margin:0;}
.content .entry .comment { margin:0 10px 10px 0;}
.content .entry .comment h3{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px 8px 5px; color:#618cbf; 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:#f8fbff; border:1px 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 2px;}
.content .entry .list .control{/*@post-width:-150=margin-left:*/ margin-left: 359px /*@*/; text-align:right; padding-right:5px;}
.content .entry .listBody {clear:both;}

/* content > entry 댓글 쓰기 */
.content .entry .comment .write { background-color:#f0f7ff; border:1px solid #d1e0f2; padding:10px; color:#7688a6; margin:10px 5px;}
.content .entry .comment .write input{  width:30%; padding:4px 4px 0 4px; color:#666; font-size:95%;}
.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:95%; border:1px solid #afc5e0; background-color:#d1e0f2; 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:120% dotum; letter-spacing:-1px;}