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


/* 1. 본문 전체  */
	body, table, td, input, textarea {
		font:12px "verdana";
		color:#555; 
		line-height:150%;

	}
/* 2. 기본 링크 */
	a:link, a:visited { color : #000000; text-decoration: none; }
	a:hover { color : #369;	text-decoration: underline;	}

/* 3. 이미지 */
	img { border-width: 0px; }
	
/* 4. 이미지 버튼 */
	.ib { cursor: pointer; }

/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }

/* 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;
	border-bottom:1px solid #FF0C0C;
	font-weight:bold;
	color: #0066CC;
}

/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link, a.cal_click:visited {	color : #FF0C0C; font-weight: bold; }
	a.cal_click:hover {	color : #2C2F97; font-weight: bold;}

/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
	color: #666666;
	text-align: center;
	font: 11px "", "ü";
}

/* 17. 키워드 스타일 */
	.key1 {	cursor: pointer; border-bottom: 1px dashed #ccc; }

/* 18. 카테고리 옆 개수 스타일 */
	.c_cnt { font:9px Tahoma; color : #666; }

/* 19. 최신글 옆 개수 스타일 */
	.ps_cnt { font:10px Tahoma;	color : #FF0D0D; }


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


/* body  */
body {
	margin:15px;
	background-color: #ffffff;
	overflow-x:no; 
	overflow-y:auto;
     }

/* container  */
#container {
	height:50px auto 0px;
	text-align: left;
	padding: 5px;
    }

/* header  */
#header {
	padding-bottom: 6px;
	padding-left: 0px;
	font: bold 12px  georgia, "", sans-serif;
	color: #ffffff;

	}
.header_title a, .header_title a:hover {
	font: bold 22px  georgia, "", sans-serif;
	color: #ffffff;
}
 #header .blog_info {
	font-family:Dotum;
	font-size:11px;
	color:#999;
	text-align:left;
	padding-left: 2px;
	}

/* Side  */

 #side {
	float:right;
	width:180px;
	overflow:hidden;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 6px;
	margin-bottom: 10px;
	}

/* 사이드 리스트 박스 설정 */
.side_list_box { 
	padding-left:6px;
	}

/* 사이드 리스트 설정 */
.side_list { 
	font:10px Dotum;
	color:#777;
	word-break:break-all;
	padding-left:6px;
	padding-bottom:8px;
	}
	#side A:link, #side A:visited { color:#666666; text-decoration:none;}
	#side A:hover { text-decoration:underline;}


/* 사이드 태그 설정 */
.side_tagbox { text-align: justify; word-break:break-all; line-height:20px; }
.side_tagbox a { letter-spacing:-1px; }	
 
/* 태그 클라우드 스타일 */
.cloud1 {
	font-family:Tahoma;
	font-weight: bold;
	font-size :12px;
	color :#CC3300!important ;
	}
	
.cloud2 {
	font-family:;
	font-weight: bold;
	font-size :11px;
	color :#FF6600!important ;
	}

.cloud3 {
	font-family:;
	font-size :11px;
	color :#0099CC!important ;
	}

.cloud4 {
	font-family:;
	font-size :11px;
	color :#009966!important ;
	}
	
.cloud5 {
	font-family:;
	font-size :11px;
	color :#999 !important ;
	}
.side_tagbox a:hover{
	background-color:#5B4F4A;
	color:#999;
	}
.side_tagbox a:visited {color:#777}

/* 검색폼 설정 */

.search {
	width: 180px;
	margin:0px;
	text-align: center;
	}

.search_input {
	width:100px;
	height:16px;
	color:#000;
	font-size: 11px;
	padding-left: 4px;
	background: #FFF;
	border: 1px solid #777;
	}

.submit {
	border:1px solid #000;
	font:bold 7pt Verdana;
	color:#FFFFFF;
	width:50px;
	height:20px;
	background: #666;
	cursor: pointer;
	text-transform: uppercase;
	}

/* 카운트 설정 */
.side_counter {
	font:11px/18px "georgia", "tahoma";
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px dashed #FF0000;
	margin-top: 20px;
	background: #FFF;
	color: #666666;
	margin-bottom: 20px;
	text-align: center;
	}

/* content common */

#content h2 {    /* post title */
	background: url(images/title.gif) no-repeat top left;
	margin-top: 40px;
}

#content .tdc {
	float:right;
	position:relative;
	font: 12px Georgia, Serif;
	letter-spacing: -2px;
	font-style: italic;
	font-weight: 400;
	padding: 0 0 0 20px;
	color: #FF24AA;
}

#content .tdc a {
	font: 16px Arial, Tahoma, Sans-Serif;
	letter-spacing: -2px;
	font-style: italic;
	 font-weight: 400;
	color: #4600F7;
}
#content .tdc a:hover {
	color: #993333;
}

#content h2 a{    /* post title Link*/
	background: url(images/title.gif) no-repeat top left;
	font: 29px Lucida Grande, Trebuchet MS, Verdana, Arial,  , , gulim, sans-serif;
	color: #7e7e7e;
	font-weight: 400;
	letter-spacing:-3px;
	text-decoration:none;
	padding: 15px 15px 3px 50px;
	border-bottom: 2px solid #ffffff;	
}

#content h2 a:hover{    /* post title mouseover*/
	background: #ffffff url(images/title3.gif) no-repeat top left;
	padding: 15px 15px 3px 50px;
	text-decoration:none;
	color: #993333;
}
#content h3 {    /* tag, search, location, guestbook title */
	background: url(images/title2.gif) no-repeat top left;
	padding: 15px 15px 3px 50px;  
	font: 29px Lucida Grande, Trebuchet MS, Verdana, ,  , gulim, sans-serif;
	color: #7e7e7e;
	font-size: 29px;
	font-weight: 500;
	letter-spacing:-3px;
	text-decoration:none;
	margin:10px 0;
	border-bottom:1px solid #ddd;	
}

#content .admin {
	position: static;
	font 12px Arial, Tahoma, Sans-Serif;
	color: #bbb;
}

#content .admin a {
	color: #bbb;
}

#content ol, #content ul {
	padding-left:30px;
	margin-left:0;
}
#content .name {
	font-size:13px;
	color:#666;
	letter-spacing:-1px;
}
#content .cnt {
	font:12px Georgia, Serif;
	color:#666;
}
#content .date {
	font:12px Georgia, Serif;
	letter-spacing:-1px;
	padding-bottom: 50px;
	color:#666;
	margin-left:5px;
	margin-right:5px;
}
#content cite {
	font-size:12px;
	font-style:normal;
	color:#666;
}
/* tag  */
#content .tagcloud ul {
	padding:5px;
	text-align:justify;
}
#content .tagcloud li {
	display:inline;
}
#content .tagcloud a {
	letter-spacing:-1px;
}
#content .tagcloud li .cloud1 {
	background-color:#eee;
	font-weight:bold;
	font-size : 17px;
	color : #f30;
}
#content .tagcloud li .cloud2 {
	background-color:#eee;
	font-weight:bold;
	font-size : 16px;
	color : #f60;
}
#content .tagcloud li .cloud3 {
	background-color:#eee;
	font-weight:bold;
	font-size : 14px;
	color : #369;
}
#content .tagcloud li .cloud4 {
	background-color:#eee;
	font-size : 13px;
	color : #404040;
}
#content .tagcloud li .cloud5 {
	font-size : 12px;
	color : #999;
}
#content .tagcloud a:hover{
	background-color:#fff6f6;
	color:#993333;
}

/* search list, rplist */	
#content .list, .rplist{
	margin-bottom:50px;
}
#content .list .date, .rplist .date{
	padding-right:8px;
}

/* 날짜 설정*/
.date, .notice_date {
	font:10px Verdana;
	letter-spacing:-1px;
	padding-right:10px;
	color: #aaaaaa;
	margin-top: -21px;
	text-align: right;
	}
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
	color: #999;
	}

.cnt { 
	font:10px Tahoma; 
	 }

/* 이름 설정*/
.name {
	font:bold 11px "Tahoma", "georgia";
	color:#444;
	line-height:20px;
	}
	.name a:link, .name a:visited { color:#444; text-decoration:none;}
	.name a:hover { color:#4990CC; text-decoration:none;}

/* 댓글 등 글내용 설정*/
.desc {
	font:11px georgia, "";
	padding-left:10px;
	padding-top:5px;
	padding-bottom:2px;
	line-height:20px;
	word-break:break-all;
	}

.opt { 
	font:10px Verdana;
	color:#777;
	letter-spacing:-1px;
	}
	.opt a:link, .opt a:visited { color:#777; text-decoration:none;}
	.opt a:hover{ color:#D93343; text-decoration:none;}

/* 댓글 등 기본 박스 설정*/
.box {
	padding:10px;
	border-bottom:1px solid #e9e9e9;
	}




.reply_box {
	margin-top:10px;
	margin-left:40px;
	padding:10px;
	background-color:#f7f7f7;
	border:2px dashed #ccc;
	}	

/* 입력폼 설정 */
.form_input {
	margin-top:4px;
	padding:1px;
	height:18px;
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_textarea {
	font-weight:normal;
	margin-top:4px;
	height:100px;
	width:99%;
	border:2px dashed #aaa;
	overflow:visible;
	clear: both;
	}

.form_submit {
	font:11px tahoma;
	color:#444;
	margin-top:4px;
	border:1px solid #aaa;
	background-color:#f1f1f1;
	height:25px;
	width:100%;
	cursor: pointer;
	}


/* 태그 설정*/
.tag_cloud {
	font:13px Dotum;
	line-height:24px;
	word-break:break-all;
	margin: 10px;
	}	

.tag_cloud .cloud1 {
	background-color:#eee;
	font-weight:bold;
  	font-size : 20px;
	color : #657700;
    }
.tag_cloud .cloud2 {
	background-color:#eee;
	font-weight:bold;	
	font-size : 18px;
  	color : #5E7E7D;
    }
.tag_cloud .cloud3 {
	background-color:#eee;
	font-weight:bold;	
  	font-size : 16px;
  	color : #6B5E7E;
    }
.tag_cloud .cloud4 {
	background-color:#eee;
  	font-size : 14px;
  	color : #84604E;
    }
.tag_cloud .cloud5 {
	font-size : 12px;
  	color : #777;
    }	
.tag_cloud a:hover{
	background-color:#f5f5f5;
	color:#555;
    }	
.tag_cloud a:visited {color:#777}


/* title, info ,  */

.head_title {
	color:#000;
	word-spacing:4px;
	background:#eee;
	padding: 8px;
	margin-bottom: 0px;
	font: bold 12px tahoma, "", sans-serif;
	}
	.head_title a:link, .head_title a:visited {color:#000; text-decoration:none;}
	.head_title a:hover{color:#555; text-decoration:none;}
	
	.protected { padding-right:4px;}

	/*  head Į  */
	.articleHead {
	background:#eee ;
	}
	.tagHead {
	background:#eee ;
	}
	.noticeHead {
	background:#eee ;
	}
	.localHead {
	background:#eee ;
	}
	.guestHead {
	background:#eee ;
	}
	
	
.info, .owner {
	font:11px/130% "";
	color:#777;
	margin-left: 8px;
	padding-top: 7px;
	margin-top: 5px;
	}
	.info a:link, .info a:visited, .owner a:link, .owner a:visited {color:#777; text-decoration:none;}
	.info a:hover, .owner a:hover{color:#D93343; text-decoration:none;}

.owner {
	letter-spacing: -1px;
	margin-right: 8px;
	position: relative;
	z-index: 1;
	top: -24px;
	text-align: right;
}
/* 리스트 & 검색 결과 설정*/
.list_box {
	margin: 10px;
	}

.rplist_box {
	border-bottom:1px solid #eee;
	margin: 10px;
	}

.list {
	color:#777;
	word-break:break-all;
	padding-left:0px;
	padding-bottom:4px;
	}
	.list a:link, .list a:visited { color:#666; text-decoration:none;}
	.list a:hover{ color:#D93343; text-decoration:none;}
	
.rplist {
	color:#777;
	padding-top:8px;
	padding-left:10px;
	word-break:break-all;
	}
	.rplist a:link, .rplist a:visited { color:#777; text-decoration:none;}
	.rplist a:hover{ color:#D93343; text-decoration:none;}


/* 위치로그 설정 */
#location {
	margin: 10px;
}
.location_spot {
	color:#777;
	margin-top: 4px;
}	
.location_info { color:#369; }	
.location_info a:link, .location_info a:visited { color:#369; text-decoration:none;}
.location_info a:hover{ color:#D93343; text-decoration:none;}


/* 방명록 설정*/
.guestbook_form_box {
	font:11px tahoma;
	color:#555;
	border-bottom:1px solid #eee;
	padding: 10px;
		}

/* entry > notice */
.entry_notice {
	margin-bottom:30px;
	}
.entry_notice .article {
	padding:10px 0;
}
/* entry > protected  */
.entry_protected {
	margin-bottom:25px;
}
.entry_protected h2 {
	color:#369;
}
.entry_protected input {
	border:1px solid #999;
	font:10px Tahoma;
}
.entry_protected .submit {
	border:1px solid #bbb;
	background-color:#ddd;
}


/* entry article*/
.entry .article {
	color: #505050;
	text-decoration: none;
}

.entry .article blockquote {
	background: url(images/qu.gif) no-repeat top left;
	color: inherit;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.0em;
	margin: 10px 10px 10px 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
}

.entry .article a {
	font: 13px Trebuchet MS, Arial, Verdana, Tahoma, , sans-serif;
	color: #3d68d2;
	text-decoration: none;
}
.entry .article a:hover {
	color: #993333;
	text-decoration: none;
}
#content .entry .article ul{
	padding:10px 30px;
	list-style-type:disc;
}
#content .entry .article ol{
	padding:10px 30px;
	list-style-type:decimal;
}
/* entry top button*/
.entry .btn_top{
	text-align:right;
	float:right;
	clear: both;
	margin-top:3px;
}
/* entry tag */
.entry .tagbox{
	border:1px;
	padding:5px;
}
.entry .tagtext{
	font:9px Verdana, Sans-Serif;
	font-weight:bold;
	background-color:#993333;
	color:#fff;
	padding:1px 3px;
	margin-right:8px;
}

/* entry trackback, comment  Ʈ ڸƮڽ*/
.entry .tbrp_box {
	border-bottom:3px solid #f5f5f5;
	padding:7px 5px 1px 8px;
	font:12px Arial, Tahoma, Verdana, Sans-serif;
	text-align: right;
}
.entry .tbrp_box .cnt{
	font:10px verdana;
	color:#666;
}
/* entry trackback */
.entry .trackback {
	font: 12px Arial, Verdana, , gulim, dotum;
	line-height: 150%;
	color:#303030;
	background-color:#f5f5f5;
	padding:10px;
	margin-bottom:4px;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 6px;
}

.entry .trackback li:hover {
	background: #fff;
}

.entry .trackback a{
	font: 12px Arial, Trebucht MS, Verdana, ;
	color: #3d68d2;
	text-decoration: none;
}

.entry .trackback a:hover {
	color: #993333;
	text-decoration: none;
}
.entry .trackback .add {
	margin:10px;
	font:12px Verdana, Arial, Sans-Serif;
	color:#333;
}
.entry  .trackback li{
	border-top:1px dotted #ccc;
	padding:10px 0;
}
.entry .trackback h4{
	font:14px Arial, Tahoma, Sans-Serif;
	font-weight:normal;
	margin:0;
}
/* entry comment */
.entry .comment {
	background-color:#f5f5f5;
	margin: 10px 0 0 0;
	border: 1px solid #DDDDDD;
	font-size: 12px Arial, Verdana, , Sans-serif;
	padding: 12px 10px 12px 15px;
	-moz-border-radius: 6px;

}	
.entry .comment p{
	margin:5px;
	padding-top:5px;
	padding-bottom:10px;
}

.entry .comment a{
	font: 12px Arial, Verdana, ,  ;
	color: #3d68d2;
	text-decoration: none;
}

.entry .comment .name a{
	font: 12px Arial, Verdana, ,  ;
	color: #3d68d2;
	font-weight: 500;
	text-decoration: none;
}

.entry .comment a:hover {
	color: #993333;
	text-decoration: none;
}

.entry .comment ol li{
  color:#404040;
	font-size:12px;
	line-height: 155%;
	padding:15px 3px 10px 3px;
	background-color:#f5f5f5;
	list-style-position: outside;
}

.rty {
	color:#404040;
	font-size:12px;
	line-height: 155%;
	margin-bottom: 1px;
	padding:5px 1px 0px 3px;
	border: 1px solid #e9e9e9;
	-moz-border-radius: 6px;
	background-color:#f9f9f9;
}

.rty2 {
	padding:5px 1px 0 0;
}

.entry .comment .commentlist li {
	margin-right: 25px;
	border-bottom: 3px dashed #fff;
}

.entry .comment .commentlist li:hover {
	background-color: #fff;
}

.entry .comment .commentlist li ul li:hover {
	background-color:#f9f9f9;
}
.entry .comment blockquote {
 	color: inherit;
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.0em;
	border-left: 7px double #E8E8E0;
	margin: 5px 10px 5px 10px;
	padding-left: 10px;
	padding-right: 20px;
}
.entry .control a{
	font:9px tahoma;
	background:url("images/iconControl.gif") no-repeat center right;	
	padding-right:8px;
	color:#999;
	margin-left:5px;
}
.entry .control a:hover{
	background-color:#e4e2e2;
	color:#993333;
}

.comment .write {
	font: 12px Arial, Tahoma, Verdana, , Gulim, Apple Gothic, Sans-serif;
	margin-bottom:20px;
}

.comment .write h4{
	font:20px Tahoma, Sans-serif;
	letter-spacing: -1px;
	font-weight: 500;
}

.comment .write p{
	font: 12px Arial, Tahoma, Verdana, , Gulim, Apple Gothic, Sans-serif;
	padding:2px;
	margin:0;
}
.comment .write input{
	font: 12px Arial, Tahoma, Verdana, , Gulim, Apple Gothic, Sans-serif;
	border:1px inset #d7d7d7;
	width:150px;
}

.comment .write input:hover, .comment .write .homepage:hover, .comment .write .submit:hover, .comment .write textarea:hover{
  background : #f9f9f9;
}


.comment .write .homepage{
	font: 12px Arial, Tahoma, Verdana, , Gulim, Apple Gothic, Sans-serif;
	border:1px inset #d7d7d7;
	width:260px;
}
.comment .write .submit{
	font: 12px Arial, Tahoma, Verdana, , Gulim, Apple Gothic, Sans-serif;
	border:1px outset #aaa;
	background-color:#ddd;
	height:25px;
	width:98%;
	color:#333;
}
.comment .write label{
	font:10px Verdana;
}
.comment .write textarea{
	font: 12px Arial, Tahoma, Verdana, , Gulim, Apple Gothic, Sans-serif;
	width:98%;
	height:150px;
	border:1px inset #d7d7d7;	
	overflow:visible;
}
.comment .write .checkbox{
	border:none;
	padding:0;
	margin:0;
	width:25px;
}

/* 사이드바  */
.sidebar_title {
	font:bold 12px "", sans-serif, tahoma;
	color: #FF0000;
	cursor: pointer;
	margin-top: 8px;
	margin-bottom: 4px;
	text-transform: uppercase;
	padding: 2px;
	text-align: left;
	border-bottom: 1px dashed #777;
}
#side .blog_img {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 2px;
	width: 190px;
	overflow: hidden;
}

#side H3 {
	PADDING-LEFT: 10px; BACKGROUND: url(images/ico_sidebar01.gif) no-repeat left center; PADDING-BOTTOM: 2px; MARGIN: 10px 0px 0px; FONT: bold 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #373737; LETTER-SPACING: -1px


#header .top_menu {
	font: thin 12px Tahoma, "P", sans-serif;
	text-align: left;
	color: #000000;
	margin-left: 10px;
	text-transform: uppercase;
}
#header .top_menu a:link, .top_menu a:visited {
	color: #000000;
	font: thin 12px Tahoma, "P", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
#header .top_menu a:hover, {
	color: #000000;
	font: thin 12px Tahoma, "P", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.submenu {
	font: thin 1px Tahoma, "P", sans-serif;
	text-align: left;
	color: #ffffff;
	margin-top: 1px;
	margin-left: 5px;
	text-transform: uppercase;
}
.submenu a:link, .subtop_menu a:visited {
	color: #555;
	font: thin 12px Tahoma, "P", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.submenu a:hover, {
	color: #555;
	font: thin 12px Tahoma, "P", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}

.menu {
	text-align: center;
	font-size:9px;
	background:url(./images/menu.gif) 0 0 no-repeat;
	color: #CCCCCC;
	margin-bottom: 1px;
	text-transform: uppercase;
}
.menu a:link, .menu a:visited {
	color: #828282;
	font: bold 10px Tahoma, "", sans-serif;
	padding-right: 4px;
	padding-left: 4px;
}
.f11 {
	font-family:tahoma, "",dotum;
	font-size:11px;
	letter-spacing:0px;
	}
.gray3 {
	color: #B4B4B4;
	}
.q_menu {
	width: 17px;
	float: left;
	margin-top: 40px;
}

/* footer */
#footer {
	text-align:center;
}

code {
	display:block;
	padding:10px;
	width:570px;
	height:auto;
	overflow-x:auto;
	overflow-y:auto;
	color:#82786C;
	font: 11px "Courier New",Lucida Console,helvetica,sans-serif;
	line-height:1.4;
	white-space:pre;
	background-color:#F1F1F3;
	border:2px dotted #ccc;
}

.utube  {
	text-align:center;
	margin:0px;
	padding-top:20px;
	padding-bottom:32px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background:  url(images/video.jpg) top center no-repeat;
}


/*side .notice */

.side .notice { margin:5px 0; }
.side .notice h3, .sideinfoEtc .notice h3{@charset "utf-8";