@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 #777;
	font-weight:bold;
	color: #0066CC;
}

/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link, a.cal_click:visited {	color : #777; font-weight: bold; }
	a.cal_click:hover {	color : #369; 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 : #B4B4B4; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

/* body 설정 */
body {
	margin:20px;
	background-color: #f2f2f2;
	}

/* container 설정 */
#container {
	height:30px auto 0px;
	text-align: left;
	padding: 5px;
    }

/* header 설정 */
#header {
	padding-bottom: 0px;
	padding-left: 0px;
	}
.header_title a, .header_title a:hover {
	font: bold 22px  georgia, "돋움", sans-serif;
	color: #000000;
}
 #header .blog_info {
	font-family:Dotum;
	font-size:11px;
	color:#999;
	text-align:left;	
	padding-left: 5px; /*margin-top: -18px;블로그설명위치 변경*/
	}

/* Side 설정 */

 #side {
	float:right;
	width:200px;
	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 {
	ime-mode:active;
	width:100px;
	height:16px;
	color:#000;
	font-size: 11px;
	padding-left: 4px;
	background: #ccc;
	border: 1px solid #ddd;
	}

.submit {
	border:1px solid #aaa;
	font:bold 7pt Verdana;
	color:#ccc;
	width:50px;
	height:20px;
	background: #555;
	cursor: pointer;
	text-transform: uppercase;
	}


/* 카운트 설정 */
.side_box {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px dashed #aaa;
	margin-top: 20px;
	background: #FFF;
	color: #666666;
	margin-bottom: 20px;
	text-align: center;
	}

.side_counter {
	font:11px/16px "georgia", "tahoma";
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 0px dashed #aaa;
	margin-top: 0px;
	color: #666666;
	margin-bottom: 0px;
	text-align: center;
	}

/* bgm player */
#uibgmplayer { margin:3px 0 8px 5px; width:181px;}

/* main 설정 */
 #contents {
	float:left;

 }
 #main {
	overflow:hidden;
	border: 0px solid #fff;
	background:#FFF;
	position: relative;
	z-index: auto;
	}
 #mainShadow {
	background: #F0F0F0;
	}
.mainInsideBox {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	border: 1px solid #FFF;
	border:0 !important;
}

/* 메인 영역 공통 설정 */

/* 컨텐츠 내용 설정*/
.article {
	font:12px "georgia";
	line-height:160%;
	padding:20px 10px;
	word-break:break-all;
	text-align: justify;
	clear: both;
	margin-top: 4px;
	overflow: hidden;
	}

.article blockquote {
		border-left: 7px dashed #EAEAEA;	/* double */
		margin: 10px 10px 10px 20px;
		padding-left: 10px;
		word-break:break-all;	
		}	

.article a:link, .article a:visited {
	color:#0066CC;
	border-bottom: 1px dashed;
}	
.article a:hover{ 
	color:#FF0000;
	text-decoration:none; }	
.imageblock a {	border-bottom-width: 0px; }


/* 날짜 설정*/
.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-left:5px solid #ddd;
}	

/* 입력폼 설정 */
.form_input {
	margin-top:4px;
	padding:1px;
	height:18px;
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_textarea {
	ime-mode:active;
	font-weight:normal;
	margin-top:4px;
	padding-left: 4px;
	height:100px;
	width:98%;
	border:5px solid #eeeeee;
	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 16px 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;
		}


/* 엔트리 설정*/
.tag_box {
	font :8pt Dotum;
	color:#369;
	background:url('images/entry_tag.gif') no-repeat left;
	float: left;
	padding-left: 32px;
	padding-top: 2px;
	}
	.tag_box a:link, .tag_box a:visited { color:#369; text-decoration:none;}
	.tag_box a:hover{ color:#D93343; text-decoration:none;}

/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
	font:11px tahoma;
	color:#369;
	text-align:right;
	float: right;
	}
	.tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#777; text-decoration:none;}
	.tb_cmt_btn a:hover{ color:#D93343; text-decoration:none;}

/* 트랙백 설정*/
.tb_box {
	padding-left:6px;
	padding-right:6px;
	background-color:#FAFAFA;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}

.tb_address {
	font: 11px tahoma;
	color:#666;
	text-align:center;
	padding:12px;
	clear: both;
	background: #FAFAFA;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 8px;
	}

.tb_list_box {
	padding:10px;
	border-top:1px dashed #ccc;
	background-color:#FAFAFA;
	}

.tb_name {
	font:11px Tahoma;
	letter-spacing:0px;
	padding-left:10px;
	}

.tb_title {
	color:#444;
	font-weight:bold;
	}
	.tb_title a:link, .tb_title a:visited { color:#444; text-decoration:none;}
	.tb_title a:hover { color:#369; text-decoration:none;}

.cmt_form_box { 
		font:11px tahoma;
		color:#333;
		padding:10px;
		background-color:#FFF;
		margin-bottom:15px;
        border-bottom:1px solid #eee;
		}
.cmt_box {
        border-top:1px solid #eee;
        padding:10px;
		/*background-color:#FAFAFA;*/
		}

/* 페이징 */
.paging{
	font:11px georgia, Tahoma;
	color:#222;
	padding-top:20px;
	padding-bottom:5px;
	text-align:center;
	}
.paging a:link, .paging a:visited { color:#777; text-decoration:none;}
.paging a:hover { color:#D93343; text-decoration:underline;}


/* 사이드바 수정 추가 */
.sidebar_title {
	font:bold 12px "돋움", sans-serif, tahoma;
	color: #333;
	margin-top: 8px;
	margin-bottom: 2px;
	text-transform: uppercase;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
}
#side .blog_img {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 2px;
	width: 190px;
	overflow: hidden;
}


.top_menu {
	font: thin 12px Tahoma, "둗움", sans-serif;
	text-align: left;
	color: #FFFFFF;
	padding-left: 10px;
	text-transform: uppercase;
}
.top_menu a:link, .top_menu a:visited {
	color: #ffffff;
	font: thin 12px Tahoma, "둗움", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.top_menu a:hover, {
	color: #ffffff;
	font: thin 12px Tahoma, "둗움", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.subtop_menu {
	font: thin 12px Tahoma, "둗움", sans-serif;
	text-align: left;
	color: #555;
	margin-top: 1px;
	margin-left: 5px;
	text-transform: uppercase;
}
.subtop_menu a:link, .subtop_menu a:visited {
	color: #555;
	font: thin 12px Tahoma, "둗움", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.subtop_menu a:hover, {
	color: #555;
	font: thin 12px Tahoma, "둗움", sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}

/* 카테고리 가로로 만들기 .category { display:none;}*/
.sublist  { border:0 !important;}
.sublist ul, .sublist li { list-style:none; margin:0; padding:0; display:inline;}
.sublist li {padding:0 0 0 5px;}
.sublist li ul { padding:0; margin:0;}
.sublist li ul li {padding:0 0 0 0px;}
.sublist li ul li ul {padding:0; margin:0;}
.sublist li ul li ul li {padding:0 0 0 5px;}
.sublist .c_cnt { font:0.8em tahoma; font-weight:normal; letter-spacing:normal;}


.menu {
	text-align: center;
	font-size:9px;
	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 {
	font-family: verdana, georgia;
	font-size: 11px;
	margin-top: 10px;
	color: #666;
	text-align: center;
	margin-bottom: 10px;
}
#footer a {
	color: #555;
	font-weight: bold;
}
.s_search {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	text-align: right;
}
.article_bottom {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 16px;
	margin-bottom: 8px;
}
.td_info {
	padding: 5px;
	background:#f7f7f7;
}
.notice {
	padding: 4px;
}
#recentComments, #recentTrackbacks {
	line-height: 130%;
}
.secret {
	margin-top: -19px;
	position: absolute;
	margin-left: 380px;
}
.side_button {
	text-align: center;
}

