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

/*  0. setting for more/less    */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:70px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:70px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:70px; color:#999; text-align:right;}


/* 1. 본문 전체  */
body, table, td, input, textarea {
	font:12px/140% Tahoma, "굴림", sans-serif;
	color:#555; 
	margin:0px;
}
/* 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; }

/* 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: #777; font-size:12px; text-align:center; }

/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color: #777; font-size : 11px; text-align: center; }

/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	color: #777; font-size : 11px; text-align: center; }

/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {
	text-align: center;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #87A7BE;
}
	#sidebar .cal_day4 a.cal_click:link, #sidebar .cal_day4 a.cal_click:visited{
	color: #FFFFFF;
}

/* 15. 달력 글쓴 날 링크 스타일 */
	#sidebar a.cal_click:link, #sidebar a.cal_click:visited {
	color : #777;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}
	#sidebar a.cal_click:hover {
	font-weight: bold;
	background: #F4F7F9;
 }
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
	color: #609392;
	text-align: center;
	font: 11px "돋움", "돋움체";
	margin: 4px;
}

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

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

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


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

/* body 설정 */
body {
	background: #FFFFFF url(images/bg.jpg) repeat-x;
}

/* container 설정 */
#container {
	width:1000px;
	margin:40px auto 8px;
	text-align: left;
	height: 25px;
    }

/* header 설정 */
#header {
	width: 75%;
	padding-left: 6px;
}
h1, h2, h3, h4 {
	margin: 0px;
}
.blog_title {
}
.blog_title h1{
	font: italic bold 20px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#header .blog_title a {
	color: #FFFFFF;
}
.blog_info {
	color:#AFC5CF;
	font: normal 11px Dotum;
	float: left;
	margin: 2px 2px 4px;
}

/* 블로그 메뉴 설정 */
.top_menu {
	font-size:9px;
	float: right;
	height: 26px;
	z-index: 2;
	white-space: nowrap;
	position: relative;
	padding-top: 2px;
}
.top_menu a:link, .top_menu a:visited {
	color: #DCE8ED;
	font: bold 11px Verdana;
	letter-spacing: -1px;
	background: #5488a2 url(images/bg_menu_default.gif) repeat-x left top;
	padding: 3px 12px 4px;
	border-top: 1px solid #bed3dd;
	border-right: 1px solid #bed3dd;
	border-left: 1px solid #bed3dd;
}
*html .top_menu a:link, *html .top_menu a:visited  {  padding-bottom:5px;}
*:first-child+html .top_menu a:link, *:first-child+html .top_menu a:visited  {  padding-bottom:5px;}

.top_menu a:hover {
	text-decoration: none;
	color: #FFFFCC;
}
.top_menu ul {
	margin-top: 2px;
}
.top_menu li {
	display: inline;
	height : 26px;
}

/* 블로그 메뉴 Body Id 기능 추가 */
#tt-body-page .blog a:link, #tt-body-page .blog a:visited,
#tt-body-location .location a:link, #tt-body-location .location a:visited,
#tt-body-tag .tag a:link, #tt-body-tag .tag a:visited,
#tt-body-media .media a:link, #tt-body-media .media a:visited,
#tt-body-guestbook .guestbook a:link, #tt-body-guestbook .guestbook a:visited,
#tt-body-keylog .keylog a:link, #tt-body-keylog .keylog a:visited
{
	color: #055B7C;
	background: #FFFFFF url(images/bg_menu_active.gif) repeat-x left top;
	border-bottom: 4px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-bottom: 8px;
}

/* 관리 메뉴 설정 */
#sidebar .admin_menu {
	font-size:9px;
	height: 20px;
	text-align: center;
}
#sidebar .admin_menu a:link, #sidebar .admin_menu a:visited {
	color: #DCE8ED;
	font: 11px "돋움", "돋움체";
	height : 25px;
	padding-right: 4px;
	padding-left: 4px;
}
#sidebar .admin_menu a:hover {
	text-decoration: none;
	color: #FFFFCC;
}
#sidebar .admin_menu ul {
	margin-top: 4px;
	margin-right: 4px;
}
#sidebar .admin_menu li {
	display: inline;
}
/* Side 설정 */
#sidebar {
	float:right;
	width:22%;
	overflow:hidden;
	clear: both;
}
#sidebar ul {
	list-style: none;
}
#sidebar A:link, #sidebar A:visited { color:#666666; text-decoration:none;}
#sidebar A:hover { color:#FF6699; text-decoration:underline;}

#sidebar h3 {
	font: bold 10px Verdana;
	color: #5F7C94;
	cursor: pointer;
	margin-top: 8px;
	margin-bottom: 4px;
	padding: 2px;
	text-align: left;
	background: #E6EBEF;
}
#sidebar .blog_img {
	text-align: center;
	margin-bottom: 2px;
}
#sidebar .blog_img img {
	border: 4px solid #BED3DD;
}

/* 사이드 리스트 설정 */
.side_list, .notice { 
	word-break:break-all;
	padding-left:2px;
}
/* 최신글, 최신트랙백 info */
.recentInfo {
	font: 11px "돋움";
	color: #7AA4B8;
}

/* 사이드 태그 설정 */
.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 {
	color :#0099CC!important;
	font: bold 11px "돋움";
}

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

/* 검색폼 설정 */
form {
	margin: 0px;
}
.s_search {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}
.search {
	width: 180px;
	margin:0px;
	text-align: center;
}
.search_input {
	width:100px;
	height:18px;
	color:#337291;
	font-size: 11px;
	padding-left: 4px;
	background: #FFFFFF;
	border-top: 1px solid #346E86;
	border-right: 1px solid #E6EBEF;
	border-bottom: 1px solid #E6EBEF;
	border-left: 1px solid #346E86;
}
.submit {
	border:1px solid #889FB3;
	font:bold 7pt Verdana;
	color:#FFFFFF;
	width:50px;
	height:19px;
	background: #87A7BE;
	cursor: pointer;
	text-transform: uppercase;
}
/* 보관함 */
#sidebar .archive li {
	display: inline;
	list-style: circle;
	padding-left: 8px;
	margin-left: 2px;
	background: url(images/bul.gif) no-repeat left center;
	font-size: 11px;
}
/* 링크 */
#sidebar .link li {
	list-style: circle;
	padding-left: 8px;
	margin-left: 2px;
	background: url(images/bul.gif) no-repeat left center;
}

/* 카운트 설정 */
.side_counter {
	font:11px/16px tahoma;
	color: #5F7C94;
	text-align: right;
	background: #E6EBEF;
	border: 1px dashed #C4CFD9;
	padding: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 배너 및 rss버튼 박스 설정 */
.side_button {
	text-align: center;
	margin-bottom: 8px;
	margin-top: 20px;
}

/* 컨텐츠 설정 */
 #content {
	float:left;
	width:73%;
	background: #FFFFFF;
	border: 4px solid #e9eef1;
	padding: 10px;
	clear: left;
	margin-top: -6px;
}

/* 전체 리스트 공통 설정 */
ul, li, p {
	margin: 0px;
	padding: 0px;
}

/* 컨텐츠 내용 설정*/
.article {
	line-height:180%;
	padding: 20px 10px;
	word-break:break-all;
	text-align: justify;
	clear: both;
	margin-top: 4px;
	overflow: hidden;
}
.article p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.article ul, .article li {
	margin-left: 10px;
}
.article blockquote {
	border-left: 7px double #ccc;
	margin: 10px 10px 10px 20px;
	padding-left: 10px;
	word-break:break-all;	
}	
.article a:link, .article a:visited {
	color:#0066CC;
}	
.article a:hover{ 
	color:#FF0000;
	text-decoration:underline;
}	
.article_bottom {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 16px;
	margin-bottom: 8px;
}
/* 날짜 설정*/
.date, .notice_date {
	font:bold 11px Tahoma;
	color: #7AA4B8;
	text-align: right;
}
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
	color: #7AA4B8;
}
.cnt { 
	font:10px Tahoma; 
}

/* 이름 설정*/
.name {
	font:bold 12px Tahoma;
	color:#444;
}
.name a:link, .name a:visited { color:#444; text-decoration:none;}
.name a:hover { color:#4990CC; text-decoration:none;}
.name img {
	vertical-align: middle;
}
/* 댓글 등 글내용 설정*/
.desc {
	padding-left:5px;
	word-break:break-all;
}

.opt { 
	font:normal 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:#F9FBFB;
	border:1px dashed #D3E0E4;
	}	

/* 입력폼 설정 */
.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:120px;
	width:99%;
	border:1px solid #ddd;
	overflow:visible;
	clear: both;
}
.form_submit {
	font:bold 11px tahoma;
	color:#FFFFFF;
	margin-top:4px;
	height:25px;
	width:99%;
	cursor: pointer;
	background: #87A7BE;
	border: 1px solid #889FB3;
}

/* 태그 설정*/
.tag_cloud {
	font:13px Dotum;
	line-height:24px;
	text-align: justify;
	margin: 20px;
	}	
.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
}
.tag_cloud li {
	display: inline;
}

/* title, info 설정, 관리자 */
.head_title {
	color:#000000;
	padding: 2px 0px 0px 12px;
	font: bold 14px "돋움";
	background: url(images/content_seq_t.gif) no-repeat left top;

	border-bottom:1px solid #eee;
}
.head_title a:link, .head_title a:visited {color:#000; text-decoration:none;}
.head_title a:hover{
	text-decoration:none;
	color: #CC0000;
}

/* 포스팅 head 설정 */
.articleHead {
	background: url(images/content_seq.gif) no-repeat;
	border-bottom: none;
}
/* 
따로 설정 가능.tagHead, .noticeHead, .localHead, .guestHead, .mediaHead {  
}
*/
.info {
	font:11px "돋움";
	color:#999;
	background: url(images/content_seq.gif) no-repeat left bottom;
	height: 20px;
	margin: 0px 4px 6px 0px;
	padding: 6px 0px 0px 12px;
	border-bottom: 1px dashed #DAD5C7;
}
.owner {
	color:#777;
	font:11px "돋움";
	color:#777;
	letter-spacing: -1px;
	text-align: right;
	margin-right: 8px;
}
.info a:link, .info a:visited {color:#339900; text-decoration:none;}
.owner a:link, .owner a:visited {color:#666; text-decoration:none;}
.info a:hover, .owner a:hover{color:#D93343; text-decoration:none;}

/* 리스트 & 검색 결과 설정*/
.list_box {
	margin: 10px;
}

.rplist_box {
	margin: 10px;
}

.list {
	color:#777;
	word-break:break-all;
	padding-left:10px;
	padding-bottom:4px;
	background:url(images/bul.gif) no-repeat 0px 6px;
}
.list a:link, .list a:visited { color:#777; text-decoration:none;}
.list a:hover{ color:#D93343; text-decoration:none;}
	
.rplist {
	color:#777;
	word-break:break-all;
	border-bottom:1px solid #eee;
	margin-bottom: 10px;
	padding: 8px;
}
.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:#006666; }	
.location_info a:link, .location_info a:visited { color:#006666; text-decoration:none;}
.location_info a:hover{ color:#339933; text-decoration:none;}


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

/* 엔트리 설정*/
.tag_box {
	font :8pt Dotum;
	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:#A95671; 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: #F9FBFB;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 8px;
}
.tb_list_box {
	padding:10px;
	border-top:1px dashed #ccc;
}
.tb_name {
	font:11px Tahoma;
	letter-spacing:0px;
	color: #5F7C94;
}
.tb_name a:link, .tb_name a:visited {
	color:#5F7C94;
	text-decoration:none;
	font: bold 11px "돋움", "돋움체";
}
.tb_name a:hover { color:#FF6699; text-decoration:none;}
.tb_title {
	color:#444;
	font-weight:bold;
	font-size: 12px;
}
.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:#555;
	padding:10px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
	background: #F9FBFB;
}
.cmt_box {
		border-top:1px solid #eee;
}
.secret {
	margin-top: -19px;
	position: absolute;
	margin-left: 540px;
}

/* 코멘트, 트랙백, 방명록의 리스트 설정 */
.cmt_box ul, .box ul, .tb_list_box ul, .list_box ul, .rplist_box ul {
	list-style: none;
}

/* 페이징 */
.paging{
	font:11px Tahoma;
	color:#777;
	padding-top:8px;
	text-align:center;
	padding-bottom: 8px;
}
.paging a:link, .paging a:visited { color:#666666; text-decoration:none;}
.paging a:hover { color:#D93343; text-decoration:none;}
.paging .selected {
	color:#006699;
	text-decoration:none;
	font-weight: bold;
}
/* 푸터 설정 */
#footer {
	font-size: 10px;
	color: #87A7BE;
	text-align: center;
	clear: left;
	width: 73%;
	padding: 10px;
}
#footer a {
	color: #87A7BE;
	font-weight: bold;
}