@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";

/* CSS Document */
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
.div_content{color:#444; margin:0 auto 17px auto;}
.div_title{PADDING: 1px 0 0 0; MARGIN:2px 0px 0px 0px; font-size: 20px; COLOR: #252525;}
.div_data{BORDER-BOTTOM: #252525 2px solid; TEXT-ALIGN: right; PADDING-BOTTOM: 10px; MARGIN: 1px 0px 7px; FONT: 12px Arial, Sans-serif; COLOR: #666;}
.div_p{margin:0 0 20px 0;}
.div_box{padding:10px; background:#eee; border:1px dotted #ccc; margin:5px 0;}
.div_box a{padding:2px; margin:0;}
.div_photo2{float:left; width:344px; margin:0 1px 0 0;}

/*center정렬*/
.con_table{width:100%; border:1px solid #d2d2d2;margin:0; padding:0; border-collapse:collapse;}
.con_table thead th{text-align:center; border:1px solid #d2d2d2; background:#d2d2d2; padding:3px;}
.con_table tbody th{border:1px solid #d2d2d2; text-align:center;padding:3px; background:#eee;}
.con_table tbody td{border:1px solid #d2d2d2; text-align:center;padding:3px;}

/*left정렬*/
.con_table2{width:100%; border:1px solid #d2d2d2;margin:0; padding:0; border-collapse:collapse;}
.con_table2 tbody th{border:1px solid #d2d2d2; text-align:center;padding:3px; background:#eee;}
.con_table2 tbody td{border:1px solid #d2d2d2; text-align:left;padding:3px 3px 3px 10px;}


.table_content{border:0px dashed #aaa; background:#fff; color:#222;}
.table_content td{padding:2px 9px 8px 12px;}
body{ font-size: 10pt; color:#444; font-family:Nanum Gothic,'돋움',Dotum, sans-serif; background:url(./images/bg_all.gif) left 0 repeat-x; line-height:22px; margin:0 auto 0 auto; padding:0; }
/*  background:url(./images/bg1.gif); */
/* 2. 기본 링크 */
a{ text-decoration:none; cursor:pointer;}
a:link { color:#444;}
a:visited {	color :#444;}
a:hover {color:#239ae8;}
a:active { color:#444;}	
/* 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;}
/* 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;}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {background-color:#ddd; text-align:center; color:#fff; font-weight:bold;}
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click{ font-weight:bold; color:#fff;}
	a.cal_click:link { color:#000; text-align:center;}
	a.cal_click:visited {	color:#000;	 text-align:center;}
	a.cal_click:hover {	color : red;	 text-align:center;}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {	color: #876;	text-align: center;	}
/* 16. 키워드 스타일 */
	.key1 {	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt { font-size:11px; color:#31a3ee; letter-spacing:0;}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt { font-size:11px; color:#31a3ee; letter-spacing:0;}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/* 기본 스타일 */
h1, h2, h3, h4{ margin:0; padding:0;border:0;}
hr{display:none;}
div, ul, li, dl, dt, dd{list-style:none; margin:0; padding:0;}
/* 블로그의 레이아웃 */
.container{position:relative; top:10px; left:0; z-index:2; margin:0 auto 0 auto; width:1000px; text-align:center; overflow:hidden; padding:0;}
                .header{ width:/*@post-width:220*/1000px/*@*/; }
		.header h1{float:left;}
		.header .rss{ text-align:right; }
	.Body{}
	.Body .layoutMiddle{}
	.Body .layoutTop{}
	.Body .layoutBottom{}
		.mainBody{ float:left; width:/*@post-width:240*/1000px/*@*/; margin:0; text-align:left; }
		.mainBody .layoutMiddle{ }
		.mainBody .layoutTop{}
		.mainBody .layoutBottom{ padding:0;}						
		.blogmenu{position:relative; text-align:left; margin:0px 0 0 0; overflow:hidden;}
				
                   .blogmenu .logo{text-align:left; margin:10px 0 10px 0;}
		.blogmenu .search {position:absolute; left:380px; top:52px; height:27px; text-align:left; border:4px solid #d0d0d0;}
.blogmenu .search img{vertical-align:top;}
		.blogmenu .menu{width:100%; padding:7px 10px; margin:0; overflow:hidden; text-align:right;}
.blogmenu .car{position:absolute; right:15px; top:0px;}

                  .blogmenu .menu img{float:left; vertical-align:top; padding:0; margin:0;}

			.contentBody{width:/*@post-width:220*/1000px/*@*/; padding:10px 0 0 0px;}	 
			.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:760px; margin:0px 0 5px 5px;}
				.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; margin:0 5px 0 0; width:205px; overflow:hidden;}
	.footer{ width:/*@post-width:200*/1000px/*@*/; padding:30px; text-align:center; clear:both;background:#fff;}

/* header : 블로그 제목 + 구독하기 버튼 */
.header h1 { font-size:/*@title-font-size=medium*/medium/*@*/; font-weight:bold; /*@title-font-family=:;*/ /*@*/;
		/*@title-background-image=:;*/ /*@*/
		/*@title-background-image-position=:;*/ /*@*/
		/*@title-background-image-repeat=:;*/ /*@*/
}
.header h1 a:link { color:/*@title-color=#000*/#000/*@*/;}
.header h1 a:visited { color:/*@title-color=#000*/#000/*@*/;}
.header h1 a:hover { color:#f30; text-decoration:none;}
.header .rss{ font-size:11px;  padding-top:15px;}
.header .rss a{ color:#888;  background:url(./images/iconRss.gif) no-repeat right; padding:5px 17px 0 0;}
/* mainbody > blogmenu : 블로그 메뉴 + 검색 */
.blogmenu	.menu{ font-size:11px; color:#f96; font-weight:bold;}
.blogmenu	.menu a{ color:#fff; *float:right; display:inline-block; padding:5px 9px 5px 6px;}
.blogmenu .menu a:hover{ color:#3dffff; text-decoration:none;}
.blogmenu .menu	.adminmenu a{ color:#aab3d2;}
.blogmenu .menu .adminmenu a:hover{ color:#000;}
.blogmenu	.search .input{font-size:12px; width:250px; height:16px; padding:2px 4px 2px 4px; background-color:#fff; vertical-align:middle; border:0;}
.blogmenu	.search .btn{ width:30px; height:28px; font-size:11px; background:url(./images/btn_s2.gif) no-repeat; text-indent:-500px; vertical-align:middle; border:0;}

/* mainBody > contentBody > sideinfo  기본스타일*/
.sideinfo {font-size:12px;}
.sideinfo .name{ color:#999;}
.sideinfo .date{ font-size:11px; color:#999; letter-spacing:0;}
.sideinfo .cnt{ font-size:11px; color:#31A3EE; letter-spacing:0;}
.sideinfo ul{ margin:0; padding:0; list-style:none;}
.sideinfo li{line-height:20px;}

/* mainbody > contentBody > sideinfo 타이틀을 이미지로 대체 */
.sideinfo h3{ margin-top:15px; }
.sideinfo .category h3{ text-indent:-500px;}
.sideinfo .recentPost h3{color:#111; background:;}
.sideinfo .recentComment h3{color:#111; background:;}
.sideinfo .recentTrackback h3{color:#111; background:;}

.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;}
.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:190px; overflow:hidden; margin-bottom:5px; text-align:center; padding:15px 0 0 0;}
/* mainbody > contentBody > sideinfo > 블로그 설명 */
.sideinfo .blogdesc{font-size:11px; color:#666;}	
/* mainbody > contentBody > sideinfo > 공지사항 */
.sideinfo .notice {font-size:11px; 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{margin:0 0 10px 0;}
.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 .calender .calender{font-size:11px; color:#888;}
.sideinfo .calender .calender a{font-size:11px; font-weight:normal; color:#239ae8;}

.sideinfo .recentPost {}
.sideinfo .recentPost ul li{list-style:none; }
.sideinfo .recentPost ul li a{font-size:12px; color:#666; }
.sideinfo .recentPost ul li a:hover{color:#31a3ee;}
.sideinfo .recentPost ul li img{vertical-align:middle;}

/* 최근에 달린 댓글 */
.sideinfo .recentComment{}
.sideinfo .recentComment ul li{list-style:none;  }
.sideinfo .recentComment ul li a{display:block; color:#666;}
.sideinfo .recentComment ul li a:hover{color:#31a3ee;}

/* mainbody > contentBody > sideinfo > 카운터 */
.sideinfo .counter{font-size:30px; font-weight:bold; color:#1b97e9 !important; letter-spacing:0; text-align:center; color:#666; padding:10px; margin:10px 0;}

/* 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:15px; color:#fff; background:#f2b4c0;}
.sideinfo .tag .cloud2 { font-weight:bold; font-size:13px;}
.sideinfo .tag .cloud3 { font-weight:bold; font-size:13px;}
.sideinfo .tag .cloud4 { font-size:12px;}
.sideinfo .tag .cloud5 { font-size:12px;}	
.sideinfo .tag a{color:#777;}
.sideinfo .tag a:hover{ background-color:#aaa; color:#fff;}	


/* content 기본스타일*/

.content h2{ font-size:14px; color:#654c36;}
.content h3{ font-size:12px; color:#333; border-bottom:1px solid #ccc; margin:10px 5px; padding:5px 0;}
.content input{ border:1px solid #ded8d2; color:#444;}
.content textarea{ border:1px solid #ded8d2; color:#444; overflow:visible; height:80px;}
.content .name{font-size:12px;}
.content .date{font-size:11px;  color:#999; letter-spacing:0;}
.content .cnt {font-size:11px; letter-spacing:0; color:#f30;}
/* content 검색 리스트 */
.content .searchList{ margin-bottom:30px;}
.content .searchList h3{color:#222; font-size:16px; padding:7px 0 5px 5px;}
.content .searchList .date_t{float:left; padding:0 0 0 5px; }
.content .searchList .date_t img{padding:0 2px 0 0; vertical-align:middle;}
.content .searchList .date{float:right; width: 70px; text-align:right; padding-right:10px; }
.content .searchList ol{ list-style:none; margin:0; padding:0;}
.content .searchList li{margin:5px 10px; height:17px; 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:#6c5b4d; padding:0 2px; text-decoration:none;}
.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:12px;}
.content .tag li .cloud5 { font-size:12px; }	
.content .tag li a:hover{ background-color:#eee8e2; color:#6c5b4d;}	

/* content 방명록 기본 스타일 */
.content .guestbook h3 {color:#222; font-size:16px; padding:7px 0 5px 5px;}
.content .guestbook p{padding:2px; margin:0;}
/* content 방명록 글쓰기 */
.content .guestbook .write { background-color:#eee; border:0px dashed #888; padding:10px; color:#444; margin:10px 5px;}
.content .guestbook .write input{ width:30%; padding:4px 4px 0 4px; color:#444; font-size:95%;}
.content .guestbook .write .homepage{ width:70%;}
.content .guestbook .write textarea{ width:98%; padding:5px;}
.content .guestbook .write .btn{ width:100%; color:#fff; border:0px solid #cdbba8; padding:4px 0 1px 0; color:#fff; background-color:#999;}
/* content 방명록 리스트 */
.content .guestbook .list { color:#888; margin:10px 10px; width:740px;  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:#f7f4f2; border:1px solid #f1edea; margin-bottom:4px;}
.content .guestbook .list .name{ font-size:12px; 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-size:11px; color:#444; letter-spacing:0;}

/* content > entryNotice, entryProtected, entry 기본 스타일 */
.content .entry {margin-bottom:30px;}
/* content > entryNotice, entryProtected, entry 제목 + 정보 */
.content .titleinfo {padding:15px 5px 8px 0; margin:0 0 30px 0px; width:/*@post-width*/740px/*@*/;  border-bottom:1px solid #ddd; overflow:hidden;}
.content .titleinfo h2 a{color:#000; font-size:18px; margin:0 0 0 5px; display:inline; float:left; /*@post-title-font-size=:;*/ /*@*/ /*@post-title-font-family=:;*/ /*@*/ /*@post-title-color=:;*/ /*@*/;}
.content .titleinfo .name{ float:left; display:inline; margin-left:5px; padding:4px 0 4px 5px; border-left:1px solid #ccc; vertical-align:middle; font-size:11px;}
.content .titleinfo .date{ text-align:right; padding-top:2px; margin-right:5px;}
.content .titleinfo .admin{font-size:11px; padding-top:5px; margin-top:9px; text-align:right; margin-right:5px;}

/* content > entryNotice, entryProtected, entry 본문 */
.content .article{ margin:10px; width:/*@post-width*/740px/*@*/; overflow:hidden; /*@post-body-font-size=:;*/ /*@*/ /*@post-body-font-family=:;*/ /*@*/ /*@post-body-color=:;*/ /*@*/ letter-spacing:0;}
.content .article ul{ margin-left:20px; padding:0;}
.content .article ol{ margin-left:20px; padding:0;}
.content .article a{ color:#0691ec;}
.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-size:11px;}

/* 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 auto;}
/* content > entry > 트랙백받을 주소*/
.content .entry .trackback {margin:0 auto 10px auto; width:/*@post-width:10*/740px/*@*/;  overflow:hidden;}
.content .entry .trackback h3{ 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; color:#666;}
/* content > entry > 트랙백 리스트 */
.content .entry .trackback h4{ font-size:12px; 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*/740px/*@*/; overflow:hidden;}
.content .entry .comment p{margin:0;}
.content .entry .comment {margin:0 auto 10px auto;}
.content .entry .comment h3{ 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;  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{ color:#666; 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:#f7f4f2; border:1px solid #f1edea;}
.content .entry .comment .name a{ font-size:12px; 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:-140=margin-left:*/margin-left:400px/*@*/; text-align:right; padding-right:5px;}
.content .entry .listBody {clear:both;}

/* content > entry 댓글 쓰기 */
.content .entry .comment .write { background-color:#eee; border:0px dashed #888; padding:10px; color:#444; 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:99%;}
.content .entry .comment .write .checkbox{ border:0; width:20px;}
.content .entry .comment .write .btn{font-size:11px; font-weight:bold; width:100%; padding:4px 0 1px 0; color:#fff; border:0px solid #cdbba8; background-color:#666;}

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

/* footer */
.footer{font-size:11px; letter-spacing:0;}
.footer .menu{ font-size:11px; color:#aaa; letter-spacing:0px;}