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

/* 1. 본문 전체  */
body, table, td, input, textarea {
	font:12px/140% Tahoma, Arial, sans-serif;
	color:#555555; 
	margin:0px;
}
/* 2. 기본 링크 */
	a:link, a:visited { color : #000000; text-decoration: none; }
	a:hover { color : #FF6600;	text-decoration: underline;}

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

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

/* 6. 트리 테이블 */
	.branch2 {	}
	
/* 7. 트리 셀 */
	#imp0 {
	height : 20px;
}
	.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: #FF6600;
}
	.cal_day4 a.cal_click:link, .cal_day4 a.cal_click:visited{
	color: #FFFFFF;
}

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

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

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

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


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
@font-face {font-family:"맑은고딕";font-style:normal;font-weight:normal;src:url(http://cfs.tistory.com/custom/blog/17/173655/skin/images/gothic-kcy1019_.eot);} 
@font-face {font-family:994268_10;font-style:normal;font-weight:normal;src:url(http://cfs.tistory.com/custom/blog/17/173655/skin/images/994268_10.eot);} 

/* body 설정 */
body {
	background: #FFFFFF;
}

/* container 설정 */
#container {
	width:1000px;
	margin: 20px auto 20px;
	position: relative;
    }

/* header 설정 */
#header {
	margin-bottom: 10px;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
.blog_title {
	font: bold 16px "맑은 고딕", "돋움", tahoma;
	margin: 0px;
	padding: 0px;
	background: url(./images/bg_top.gif) no-repeat right bottom;
	height: 103px;
}
.blog_title h1 {
	color: #FFFFFF;
	margin-bottom: 8px;
	margin-top: 20px;
}
#header .blog_title a {
	color: #5B6A84;
}
.blog_info {
	color: #79879F;
	font: normal 11px Dotum;
	padding-left: 4px;
	margin-top: -4px;
	display: none;
}
/* 블로그 메뉴 설정 */
.top_menu {
	font-size:10px;
	white-space: nowrap;
	color: #FFFFFF;
	background: url(images/bg_bm.gif) no-repeat left top;
	height: 38px;
	overflow: hidden;
	vertical-align: middle;
}
.top_menu a:link, .top_menu a:visited {
	text-transform: uppercase;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 4px;
	padding-left: 4px;
}
.top_menu a:hover {
	color: #BA4251;
	text-decoration: none;
}
.top_menu ul {
}
.top_menu li {
	display: inline;
	text-transform: none;
}

/* 블로그 메뉴 Body Id 기능 추가 */
/*#tt-body-page .blog a:link, #tt-body-page .blog a:visited,
#tt-body-category .blog a:link, #tt-body-category .blog a:visited,
#tt-body-article .article a:link, #tt-body-article .article a:visited,
#tt-body-entry .entry a:link, #tt-body-entry .entry a:visited,
*/#tt-body-location .location a:link, #tt-body-location .location a:visited,
#tt-body-tags .tag a:link, #tt-body-tags .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
{
}

/* 관리 메뉴 설정 */
.admin_menu {
	font-size:9px;
	height: 20px;
	text-align: center;
}
.admin_menu a:link, .admin_menu a:visited {
	color: #999999;
	font: 11px "돋움", "돋움체";
	height : 25px;
	padding-right: 2px;
	padding-left: 2px;
}
.admin_menu a:hover {
	text-decoration: none;

	color: #FF6699;
}
.admin_menu ul {
	margin-top: 4px;
	margin-right: 4px;
}
.admin_menu li {
	display: inline;
}
/* Side 설정 */
#sidebar {
	width:190px;
	position: relative;
	left: -600px;
	top: 0px;
	float: left;
	line-height: 140%;
}
#sidebar2 {
	width:190px;
	float: left;
	position: relative;
	left: 20px;
	top: 0px;
	overflow: hidden;
	z-index: 1;
	line-height: 130%;
}

#sidebar ul, #sidebar2 ul {
	list-style: none;
}

#sidebar A:link, #sidebar A:visited { color:#666666; text-decoration:none;}
#sidebar A:hover { color:#FF6B21; text-decoration:underline;}

#sidebar h3, #sidebar2 h3 {
	color: #333333;
	text-align: left;
	text-transform: uppercase;
	background: url(images/bg_sTitle.gif) no-repeat left top;
	height: 27px;
	padding-left: 13px;
	margin: 0px 0px 8px;
	font: bold 12px/27px Tahoma, "굴림";
}
#sidebar .blog_img, #sidebar2 .blog_img {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #E7E4E0;
	overflow: hidden;
	height: 110px;
	width: 188px;
	margin-bottom: 8px;
}
#sidebar .blog_img img, #sidebar2 .blog_img img {
	background: #FFFFFF;
}
/* */
#sidebar2 A:link, #sidebar2 A:visited { color:#888888; text-decoration:none;}
#sidebar2 A:hover { color:#009999; text-decoration:underline;}


/* 사이드 리스트 설정 */
.side_list, .notice {
	padding-left:2px;
	margin-bottom: 12px;
	margin-right: 4px;
	margin-left: 4px;
	position: relative;
}
/* 최신글, 최신트랙백 info */
.recentInfo {
	font: 11px "돋움";
	color: #9A846B;
	margin-bottom: 3px;
	margin-top: 3px;
}

/* 사이드 태그 설정 */
.side_tagbox { text-align: justify; word-break:break-all; line-height:140%; }
.side_tagbox a { letter-spacing:-1px; }	
.side_tagbox a:hover{
	background-color:#E7E7E7;
}

/* 태그 클라우드 스타일 */
.cloud1 {
	font-weight: bold;
	font-size :13px;
	color :#FF0000!important ;
}
.cloud2 {
	color :#FFFFFF!important;
	background: #F88E5C;
	padding: 1px;
	font-size: 12px;
	font-weight: bold;
}
.cloud3 {
	font: bold 12px "돋움";
	color :#009900!important ;
}
.cloud4 {
	color :#0086DD!important;
	font: bold 11px "돋움";
}
.cloud5 {
	font-family:돋움;
	font-size :11px;
	color :#888888!important ;
}
/* 검색폼 설정 */
form {
	margin: 0px;
}
.s_search {
	text-align: center;
	left: 0px;
	float: right;
	margin-top: -30px;
	z-index: auto;
	padding-right: 12px;
}
.search {
	width: 180px;
	margin:0px;
	text-align: center;
}
.search_input {
	width:120px;
	height:17px;
	font-size: 11px;
	background: #F5F2EB;
	padding: 0px 0px 0px 2px;
	color: #FD5616;
	border: 1px solid #8B7152;
	position: relative;
}
.submit {
	color:#F8F1E0;
	width:46px;
	height:18px;
	background: #675541;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #B6A694;
	font: bold 11px/17px "돋움", "돋움체";
	position: relative;
}
/* 보관함 */
#sidebar .archive li, #sidebar2 .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;
	line-height: 130%;
	margin-right: 2px;
}
/* 링크 */
#sidebar .link li, #sidebar2 .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: #999999;
	padding: 8px;
	background: #FFFFFF;
	border: 3px solid #E7E4E0;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 배너 및 rss버튼 박스 설정 */
.side_button {
	text-align: center;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-top: 4px;
}
.side_button img {
	margin: 8px 2px;
}
/* 컨텐츠 설정 */
 #content {
	overflow: hidden;
	width: 560px;
	padding: 20px;
	background: #FFFFFF url(images/outline_contMd.gif) repeat-y left top;
	position: relative;
	left: 200px;
	top: 0px;
	float: left;
}

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

/* 컨텐츠 내용 설정*/
.article {
	word-break:break-all;
	text-align: justify;
	clear: both;
	overflow: hidden;
	font: 12px/22px Tahoma, Arial, sans-serif;
	padding: 10px;
}
.article p {
	margin-top: 0px;
	margin-bottom: 22px
}
.article ul, .article ol {
	margin-left: 10px;
}
.article li {
	margin-left: 10px;
}
.article blockquote {
	border-left: 7px double #ccc;
	margin: 10px 10px 22px 20px;
	padding-left: 10px;
	word-break:break-all;	
}	
.article a:link, .article a:visited {
	color:#0066CC;
	border-bottom: 1px dashed #0066CC;
}	
.article a:hover{
	color:#FF0000;
	text-decoration: none;
	border-bottom: 1px solid #FF0000;
}	
.article_bottom {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	height: 16px;
	margin-bottom: 8px;
	clear: both;
}
/* 날짜 설정*/
.date, .notice_date {
	font:11px Tahoma;
	color: #90775B;
	text-align: right;
}
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
	color: #999999;
	font-weight: normal;
}
.cnt { 
	font:10px Tahoma; 
}

/* 이름 설정*/
.name {
	font: bold 12px "맑은 고딕", Tahoma, "굴림";
	color:#90775B;
	margin-bottom: 3px;
}
.name a:link, .name a:visited { color:#9A846B; text-decoration:none;}
.name a:hover { color:#FF6666; text-decoration:none;}
.name img {
	vertical-align: middle;
}
/* 댓글 등 글내용 설정*/
.desc {
	padding-left:5px;
	word-break:break-all;
	font-family: Tahoma;
	font-weight: normal;
	
}

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

/* 댓글 등 기본 박스 설정*/
.box {
	padding:10px;
	border-bottom:1px solid #e9e9e9;
}
.reply_box {
	padding:10px;
	border:1px dashed #EAEAEA;
	background: #F5F5F5;
	margin: 10px 0px 0px 40px;
	position: relative;
	}	

/* 입력폼 설정 */
.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:80px;
	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: #999999;
	border: 1px solid #FFFFFF;
}

/* 태그 설정*/
.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;
}

/* 프롤로그 설정 */
.mt_post h2 {
	font: bold 12px "돋움";
}

/* title, info 설정, 관리자 */
.head_title {
	color:#000000;
	padding: 2px 2px 2px 14px;
	font: bold 16px "맑은 고딕", "돋움";
	margin: 0px;
	display: block;
	border-bottom: 1px solid #C2C2C2;
	background: url(images/bl_post.gif) no-repeat left center;
}
.head_title a:link, .head_title a:visited {color:#000000; text-decoration:none;}
.head_title a:hover{
	text-decoration:none;
	color: #FF6666;
}

/* 포스팅 head 설정 */
.articleHead {
}
/* 
따로 설정 가능.tagHead, .noticeHead, .localHead, .guestHead, .mediaHead {  
}
*/
.info {
	font:11px "돋움";
	color:#999;
	height: 12px;
	margin: 0px 4px 20px 0px;
	padding: 4px 2px 2px;


	border-left: 3px solid #640|679;
}
.owner {
	color:#777;
	font:11px "돋움";
	color:#777;
	letter-spacing: -1px;
	text-align: right;
	margin-right: 8px;
	margin-top: 8px;
}
.info a:link, .info a:visited {color:#888888; text-decoration:none;}
.owner a:link, .owner a:visited {color:#888; text-decoration:none;}
.info a:hover, .owner a:hover{
	color:#66CC00;
}

/* 리스트 & 검색 결과 설정*/
.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:#9A846B; text-decoration:none;}
.location_info a:hover{ color:#339933; text-decoration:none;}


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

/* 엔트리 설정*/
.tag_box {
	font :11px "돋움", "돋움체", Tahoma;
	background:url(images/entry_tag.gif) no-repeat 4px;
	float: left;
	padding-left: 38px;
	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;
	white-space: nowrap;
}
.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: #F7F7F7;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 8px;
	position: relative;
}
.tb_list_box {
	padding:10px;
	border-top:1px dashed #ccc;
}
.tb_name {
	font:11px Tahoma;
	letter-spacing:0px;
	color: #90775B;
}
.tb_name a:link, .tb_name a:visited {
	color:#90775B;
	text-decoration:none;
	font: bold 11px "돋움", "돋움체";
}
.tb_name a:hover { color:#0099CC; text-decoration:none;}
.tb_title {
	color:#444;
	font-weight:bold;
	font-size: 12px;
}
.tb_title a:link, .tb_title a:visited { color:#90775B; text-decoration:none;}
.tb_title a:hover { color:#FF6666; text-decoration:none;}

.tb_list_box p {
	font: 11px "돋움", "돋움체";
	color: #777777;
}
/* 코멘트(댓글/방명록 설정*/
.cmt_form_box {
	font:10px tahoma;
	color:#555;
	padding:10px;
	margin-bottom:20px;
	border-bottom:1px solid #eee;
	background: #F7F7F7;
}
.cmt_box {
		border-top:1px solid #eee;
}
.secret {
}

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

/* 페이징 */
.paging{
	color:#777;
	padding-top:8px;
	text-align:center;
	padding-bottom: 8px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.paging a:link, .paging a:visited {
	color:#888888;
	text-decoration:none;
	padding-right: 4px;
	padding-left: 4px;
}
.paging a:hover { color:#009999; text-decoration:none;}
.paging .selected {
	color:#009900;
	text-decoration:none;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
}
/* 푸터 설정 */
#footer {
	font-size: 10px;
	color: #999999;
	text-align: center;
	clear: left;
	width: 580px;
	padding: 10px;
	float: left;
	left: 200px;
	position: relative;
}

#footer a {
	color: #999999;
	font-weight: bold;
}

.tatter_birthday {
	text-align: center;
}
/* 이올린 설정 */
.EolinBmVote {
	margin-right: 0px;
	padding-right: 0px;
	float: right;
	clear: both;
}
.EolinBmVote, .EolinBmVote a:link, .EolinBmVote a:visited  {
	color: #777;
	font: 11px "돋움";
	margin-top: 10px;
	clear: both;
	margin-bottom: 10px;
	border: none;
}
.EolinBmVote a:hover {
	color: #FF6600;
}
/* 구글 애드센스 설정 */ 
.google {
	text-align: center;
	margin-bottom: 10px;
	padding: 4px;
	margin-top: 10px;
	background-color: #FAFAFA;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	clear: both;
}
.ggContents {
	height: 52px;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	background: #fafafa no-repeat left center;
	padding-top: 8px;
	padding-bottom: 8px;
	clear: both;
}
.ggContents_top {
	width: 200px;
	float: right;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px dashed #CCCCCC;
	background: #FFFFFF;
	margin-bottom: 10px;
	height: 200px;
	font-size: 12px;
}
.ggSearch_top {
	width: 200px;
	float: right;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px dashed #CCCCCC;
	background: #FFFFFF;
	margin-bottom: 10px;
}
.google a {
	color: #000;
}

/* 기념일 설정 */
#loveDate {
	font-size: 10px;
	color: #7AA4B8;
	text-align: right;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

/* 이메일 이미지 설정 */
.mail {
	text-align: center;
	margin-top: 4px;
}
/* 구글 검색 */
.google_search {
	float: left;
	margin-top: 20px;
}
.google_search .search_input {
	background: #FAFAFA;
	border-color: #CACACA #EEEEEE #EEEEEE #CACACA;
}
.google_search .submit {
	margin-left: 2px;
	background: #D7D7D7;
	border-color: #B7B7B7;
	color: #999999;
}
.list_box .google_search, .rplist_box .google_search {
	margin-top: 10px;
	text-align: center;
	float: none;
}
.tatter_birthday {
	text-align: center;
}
.me2day_daily_digest {
	padding-left: 8px;
	padding-right: 30px;
	vertical-align: middle;
	line-height: 24px;
	margin-bottom: 30px;
	background: url(images/bg_me2day.gif) no-repeat 6px 94px;
	padding-top: 200px;
}
.me2day_daily_digest li {
	list-style: circle;
}
.me2day_daily_digest .datetime {
	font: 10pt "돋움", "돋움체";
}
.me2day_daily_digest .datetime a {
	color: #999999;
}
.me2_tags {
	background: url(images/bg_me2day_tag.gif) no-repeat left center;
	padding-left: 28px;
	margin-left: 8px;
	font: 11px "돋움", "돋움체";
	margin-right: 8px;
}
.moreless_fold span {
	font-weight: bold;
	color: #6699CC;
	border-bottom: 1px dashed #009999;
}
.imageblock a:link, .imageblock a:visited, .imageblock a:hover {
	border: none;
} 
.top_menu ul {
	height: 38px;
	padding-left: 20px;
}
.top_menu a img {
	padding: 11px 8px;
}
.outLine_top {
	background: url(images/outline_contTop.gif) no-repeat;
	margin: -20px -20px 0px;
	height: 5px;
}
.outLine_bott {
	background: url(images/outline_contBott.gif) no-repeat left bottom;
	margin: 0px -20px -20px;
	height: 5px;
}
#sidebar .banner, #sidebar2 .banner {
	margin: 10px -10px;
	text-align: center;
}
.side_list li {
	background: url(images/bl_sideList.gif) no-repeat left 6px;
	padding-left: 8px;
}