@charset "utf-8";


/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

/* 본문 공통 */
*	{ margin:0; padding:0; word-wrap:break-word;}
body			{ margin:0; padding:0; font:12px verdana;color:#999;letter-spacing:-1px;
background-image:url(./images/blue_flower.gif);background-attachment:fixed;background-repeat:no-repeat;background-position:right bottom;
}
a:link {text-decoration:none;color:#666;}
a:visited {text-decoration:none;color:#666;}
a:hover {text-decoration:none;color:#FFB3D9;}
a:active {text-decoration:none;color:#FFB3D9;}

/* 페이징 - 현재 페이지 */
.selected				{ font-weight:bold; color:#699;}
/* 카테고리 - 이미지 버튼 */
.ib							{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3				{ cursor:pointer; font:12px verdana;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt					{ font:12px verdana;  color:#699;}
/* 달력 월 표시 */
	.cal_month {
		font-family:verdana;
		font-size : 9px;
		height: 10px;
		margin-bottom:3px;
	}
/* 달력 요일 표시 */
	.cal_week1 {
		font-family:verdana;
		font-size : 10px;
		font-weight:normal;
		height:10px;
	}
/* 달력 일요일 표시 */
	.cal_week2 {
		font-family:verdana;
		color: #f30;
		font-weight:normal;
		font-size: 10px;
		text-align: center;
	}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {
		font-family:verdana;
		color: #000;
		font-size:9px;
		text-align:center;
	}
/* 달력 다음 달 날짜 표시 */
	.cal_day2 {
		font-family:verdana;
		color: #000;
		font-size : 9px;
		text-align: center;
	}
/* 달력 이번 달 날짜 표시 */
	.cal_day3 {
		font-family:verdana;
		font-size : 9px;
		text-align: center;
	}
/* 달력 오늘 날짜 표시 */
	.cal_day4 { text-indent:-999em; cursor:help;
		color:#F3ACB4;
		font-family:verdana;
		text-align: center;
		font-size : 9px;
		background: url(./images/cal-today.gif) 9px 3px no-repeat;
		font-weight:bold;
	}
	.cal_day4:hover{color:#000; text-indent:0em; }
/* 달력 글쓴 날 링크 스타일 */
	a.cal_click:link {
		font-family:verdana;
		font-weight: bold;
		color : #333;
	}
	a.cal_click:visited {
		font-family:verdana;
		font-weight: bold;
		color : #333;
	}
	a.cal_click:hover {
		font-family:verdana;
		font-weight: bold;
		color : #2804F7;
	}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general img.gr		{ display:none; }
.rp_admin				{ }
.rp_secret				{ color:#699;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general img.gr		{ display:none; }
.guest_admin			{ }
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ background:url(images/iconSecret.gif) 2px 6px no-repeat; padding-left:15px; font-weight:normal;}
/* 이미지 아래 캡션 스타일 */
.cap1						{ color:#999; text-align:center;}
/* 그림 */
.imageblock, .text img			{ border:0px; padding:0px; margin:5px 0 10px 0px;}
/* 왼쪽 */
.left						{ }
/* 가운데 */
.center					{ }
/* 오른쪽 */
.right						{ }
/* 그림 2개 배치 */
.dual						{ background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
.triple					{ background-color:#fff; margin-bottom:5px;}
/* 본문 - more / less */
.moreless_fold		{ margin-top:10px; background:url(images/iconMore.gif) 0 -2px no-repeat; padding-left:25px; color:#666; font-weight:bold; }
.moreless_top		{ margin-top:10px; background:url(images/iconLess.gif) 0 -2px no-repeat; padding-left:25px; color:#666; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{ background:url(images/iconLess.gif) 100% -2px no-repeat; padding-right:25px; color:#666; text-align:right; font-weight:bold; }
/* 키워드 */ 
.key1					{ cursor:pointer; border-bottom: 1px dotted #699; }


/* ------------------------------------------------------------------- */
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능  */
/* ------------------------------------------------------------------- */

hr						{ display:none;}
img					{ border:0;}
h1,h2,h3,h4		{ margin:0; padding:0;}
h1						{ font-size:24px;}
h2						{ font-size:20px;}
h3						{ font-size:14px;}
h4						{ font-size:12px;}
input					{ border:1px solid #999;}
textarea			{ border:1px solid #999;}


/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container 		{ width:1040px; margin:0px 0 0 30px;}
#header 			{ width:1040px; height:270px; /* padding-bottom:25px; margin-bottom:25px; */ background-image:url(./images/blue_fish.gif);background-repeat:no-repeat;background-position:left top;}
#sidebar 			{ float:left; width:180px; padding:0 20px 40px 0; margin-right:30px; background:url(./images/middle-border.gif) right top no-repeat; font:12px verdana;color:#999;letter-spacing:-1px;}
#content 			{ float:right; width:800px; line-height:160%; overflow:hidden;}
#footer 				{ }


/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header .title h2 					{ font:30px 돋움;color:#333;letter-spacing:-4px; 
text-shadow:0px 0px 1px #ccc;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#cccccc, Positive=true);
display:inline-block; zoom:1;
}
#header .title h2 a:hover		{ }
	#top {padding-top:140px;padding-left:300px;}
		#topmenu {padding-top:20px;}

/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */
#sidebar .modul, #sidebar .category		{ margin-bottom:15px; }
#sidebar .modul ul		{ padding:1px 0 0 5px; margin:0; list-style:none;}
#sidebar li			{ padding-bottom:2px;}
#sidebar h3		{ padding:20px 0 3px 0; margin-bottom:6px; font:12px verdana; color:#699; font-weight:bold; background:url(images/sidebar-border.jpg) bottom no-repeat;}
#sidebar .cnt		{ font:12px verdana; color:#699;}
#sidebar .date	{ font:12px verdana; color:#999;}
#sidebar .name	{ font:12px verdana; color:#999;}
.branch3 div:hover { color:#FFB3D9 !important; }

/* 검색 폼 */
.search-box { padding:0; margin:0; }
.search-box .search {border:1px solid #ccc;font:11px verdana;color:#999;letter-spacing:-1px; padding-top:2px; }
.search-box .submit {border:1px solid #ccc; background-color: #fff; cursor:pointer; padding-top:0px; width:16px; height:18px; }

#sidebar .tagbox ul { list-style:none; text-align:justify;}
#sidebar .tagbox li { display:inline; }
#sidebar .tagbox a:hover{ color:#555 !important; }
#sidebar .cloud1 { font-size :15px; color:#B82929 !important ; }
#sidebar .cloud2 { font-size :14px; color:#F7B648 !important ; }
#sidebar .cloud3 { font-size :12px; color:#94A420 !important ; }
#sidebar .cloud4 { font-size :12px; color:#72B8F8 !important ; }
#sidebar .cloud5 { font-size :12px; color:#999999 !important ; }

#sidebar .archive		{ font:12px Verdana;}

#sidebar .calendar		{ }

#sidebar .link ul			{ }
#sidebar .link li			{ }

#sidebar .botton			{ }

#sidebar .counter		{ font:12px verdana; display:inline;}
#sidebar .counter li	{ display:inline;}

#sidebar_banner {padding:5px;text-align:center;}
#sidebar .rss		{ font:12px verdana;}



/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{ margin-bottom:40px;}

#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,
#content .searchList h3, 
#content .searchRplist h3	{ padding-bottom:20px; color:#666; font:16px dotum, verdana; font-weight:bold;}

.searchList ol, 
.searchRplist ol					{ list-style:none; padding:0; margin:0; line-height:180%; }
.searchList li, 
.searchRplist li					{ font-size:12px; }
.searchList li a:visited, 
.searchRplist li a:visited	{ padding-left:12px; background:url('images/valid.gif') bottom left no-repeat;}
.searchList .date, 
.searchRplist .date				{ font:12px Verdana; }
.searchList .cnt					{ font:12px Verdana; color:#699;} 
.searchRplist .name			{ font:12px Verdana; color:#999; }

.localog .spot,
.localog .info				{ padding-left:20px; margin-top:3px;}
.localog a:link, .localog a:visited	{ color:#699; font-weight:bold;}
.localog a:hover					{ color:#FFB3D9; }

.taglog ul					{ padding:0; margin:0; text-align:justify;}
.taglog li					{ display:inline;}
.taglog li a:hover		{ color:#FFB3D9; }
.taglog li .cloud1			{ color:#B82929; font-weight:bold; font-size:15px;}
.taglog li .cloud2			{ color:#F7B648; font-weight:bold; font-size:14px;}
.taglog li .cloud3			{ color:#94A420; font-weight:bold; font-size:13px;}
.taglog li .cloud4			{ color:#72B8F8; font-size:12px;}
.taglog li .cloud5			{ color:#999999; }

.guestbook p					{ padding:0px 0; margin:0;}

.guestWrite					{ font:12px verdana; width:350px;margin:10px auto 0; }
.guestWrite label						{ letter-spacing:0px; }
.guestWrite input			{ /* width:150px; font:12px verdana; color:#666; */ }
.guestWrite input.checkbox	{ width:15px; background-color:#fff;  border:none; padding:0; margin:0;}
.guestWrite p.guest_form label		{ display:none; }
.guestWrite input.inputName {font:12px verdana;color:#999;letter-spacing:-1px;width:248px;height:15px;border:1px solid #ccc;background-image:url(./images/name.gif);background-repeat:no-repeat;background-position:right;margin-bottom:5px;}
.guestWrite input.inputPassword {font:12px verdana;color:#999;letter-spacing:-1px;width:248px;height:15px;border:1px solid #ccc;background-image:url(./images/pass.gif);background-repeat:no-repeat;background-position:right;margin-bottom:5px;}
.guestWrite input.inputHomepage {font:12px verdana;color:#999;letter-spacing:-1px;width:248px;height:15px;border:1px solid #ccc;background-image:url(./images/home.gif);background-repeat:no-repeat;background-position:right;margin-bottom:5px;}

.guestWrite textarea		{ /* width:98%; padding:3px; font:12px verdana; color:#666; */ 
font:12px verdana;color:#999;letter-spacing:-1px;width:248px;height:150px;border:1px solid #ccc;background-image:url(./images/baby.gif);background-repeat:no-repeat;background-position:right bottom;
}
/*
.guestWrite .submit			{ width:150px; background-color:#999; height:20px; font:12px verdana; color:#fff;}
*/

.guestList							{ width:100%; padding:0px 0 0 0; _padding-top:5px; }
.guestList ol						{ padding:30px 0 0 0; margin:0; list-style:none;}
.guestList ol ul					{ margin:0; padding:0; list-style:none;}
.guestList ol li						{ margin:0; padding:0; overflow:hidden; list-style:none;}
.guestList ol li p					{ padding-top:5px; background:url(images/2.gif)  repeat-x; }
.guestList ol li ul li				{ padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li .name			{ font:12px verdana; font-weight:normal;}
.guestList ol li .date				{ font:12px verdana; color:#D6D8B6; }
.guestList .control				{ font:12px verdana; color:#999;}
.guestList .control a			{ color:#999;}
.guestList .control a:hover	{ font:12px verdana; color:#699;}



/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2								{ font:16px dotum, verdana; font-weight:bold; padding-bottom:3px; }
.entry h2 { background:url(images/icon7.gif) no-repeat ;padding-left:50px; }
.titleWrap								{ font:12px Verdana; padding-bottom:20px;}
.titleWrap .category a				{ font:12px Verdana, dotum; color:#999;}
.titleWrap .category a:hover	{ color:#699; font-weight:bold;}
.titleWrap .date						{ color:#999;}
.titleWrap .admin 					{ font:12px Verdana; color:#999; padding-left:5px;}
.titleWrap .admin a					{ color:#999;}
.titleWrap .admin a:hover		{ color:#699; font-weight:bold;}

.entryProtected p.text				{ padding-left:60px;padding-bottom:5px;background:url(images/gpen02.gif) no-repeat;}
.entryProtected input				{ width:140px; color:#666; border:1px solid #CCCCCC; padding-top:2px; }
.entryProtected .submit			{ font:12px Verdana; width:50px; padding-top:2px; height:19px;_height:20px; color:#666; background-color:#fff; border:1px solid #CCCCCC; cursor:pointer; }

.text						{ width:100%; overflow:hidden; padding-bottom:20px; font-size:12px; line-height:160%; color:#777; letter-spacing:0px; }
.text dt					{ text-decoration:underline;}
.text dd					{ margin-left:20px; padding-bottom:10px;}
.text blockquote		{ padding-left:28px; margin:10px 20px; background:url(images/iconBlockquote.gif) top left no-repeat;}

.text a:link {text-decoration:none;color:#72B8F8;}
.text a:visited {text-decoration:none;color:#408080;}
.text a:hover {text-decoration:none;color:#FFB3D9;}
.text a:active {text-decoration:none;color:#72B8F8;}
.text ol, .text ul {list-style-position:inside !important;}

div.another_category	{ color:#9b958f !important; /* border:none !important; background:url('images/bg-b5.png') top left repeat;  border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; */ }
div.another_category h4 { /* border:none !important; */ }
div.another_category *	{ color:#9b958f !important;}
div.another_category h4,
div.another_category h4 a,
div.another_category a	{ color:#543 !important;}
div.another_category th a.current	{ text-decoration:line-through !important; border-bottom:none !important; font-weight:normal !important; padding-left:12px; background:url('images/valid-another-category.gif') bottom left no-repeat; }

/* 테이블 예제, seevaa님 작성 */
.text table caption	{ margin-bottom:5px; font-weight:bold; text-align:left;}
.text table.normalTable	{ border-collapse:collapse; clear:both; width:100%; border:1px solid #ccc; background:url('images/bg-30.png') top left repeat;}
.text table.normalTable tr th	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background:url('images/bg-30.png') top left repeat;}
.text table.normalTable tr td	{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px;}
.text table.normalTable tr:hover { background:url('images/bg-30.png') top left repeat;}

.text table.Table01	{ border-collapse:collapse; clear:both; width:100%; border-top:3px solid #888; border-bottom:3px solid #888;}
.text table.Table01 tr th	{ border-bottom:3px solid #888; padding:5px;}
.text table.Table01 tr td	{ border-bottom:1px solid #888; padding:3px;}
.text table.Table01 tr:hover { background:url('images/bg-30.png') top left repeat;}

.tagTrail               		{ padding:0;}
.tagText						{ }

.actionTrail					{  font-size:12px; clear:both; letter-spacing:0px; }
.actionTrail .cnt			{ color:#FF712D; font-weight:bold; }
.actionTrail:hover .cnt			{ color:#699;}

.trackback						{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a					{ color:#666;}
.trackback h3					{ font:12px Verdana; color:#699;  margin:5px 0 5px 0;}
.trackback h4					{ font:12px Verdana; font-weight:normal; margin:0; }
.trackback ol					{ margin:0;  padding:0; list-style:none;}
.trackback li					{ padding:5px 0 5px 0;}
.trackback .date				{ font:12px Verdana; color:#D6D8B6;}
.trackback p					{ font-size:12px; margin:3px 0 0 0; padding:0; letter-spacing: -1px;}
.trackback a.delete span	{font:12px Verdana; color:#999;}

.comment			{ background:url(images/) 0px 10px repeat-x; padding-top:0px; margin-bottom:4px; width:100%; overflow:hidden;}
commentList		{ padding-top:5px; }
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ padding-top:10px; font-size:1.1em; text-align:center; font-weight:normal; }
.comment ol,
.comment ul		{ margin:0;  padding:0; list-style:none;}
.comment .date a.address	{ font:12px Verdana; color:#D6D8B6;}
.comment .name{ font:12px verdana; font-weight:normal;}
.comment ol li	{ padding:10px 0;}
.comment li ul li	{ padding:5px 0 10px 40px; }

.comment .control				{ font:12px Verdana; color:#999;}
.comment .control a			{ color:#999;}
.comment .control a:hover	{ color:#699;}

.commentWrite						{ font:12px verdana; margin-top:20px; }
.commentWrite label						{ letter-spacing:0px; }
.commentWrite input				{ /* font:14px verdana; width:150px; color:#666; */ }
.commentWrite p { padding:0; margin:0; }
.commentWrite input.checkbox	{ width:15px; background-color:#fff;  border:none; padding:0; margin:0;}
.commentWrite p.comment_form label		{ display:none; }
.commentWrite input.inputName {font:12px verdana;color:#999;letter-spacing:-1px;width:288px;height:15px;border:1px solid #ccc;background-image:url(./images/name.gif);background-repeat:no-repeat;background-position:right;margin-bottom:5px;}
.commentWrite input.inputPassword {font:12px verdana;color:#999;letter-spacing:-1px;width:288px;height:15px;border:1px solid #ccc;background-image:url(./images/pass.gif);background-repeat:no-repeat;background-position:right;margin-bottom:5px;}
.commentWrite input.inputHomepage {font:12px verdana;color:#999;letter-spacing:-1px;width:288px;height:15px;border:1px solid #ccc;background-image:url(./images/home.gif);background-repeat:no-repeat;background-position:right;margin-bottom:5px;}

.commentWrite textarea			{ /* font:12px verdana; width:98%; color:#666; padding:5px; top:5px; */ 
font:14px verdana;color:#999;letter-spacing:-1px;width:288px;height:160px;border:1px solid #ccc;background-image:url(./images/baby.gif);background-repeat:no-repeat;background-position:right bottom;
}
/*
.commentWrite .submit			{ height:20px; width:150px; font:12px verdana; color:#fff; background-color:#999;}
*/

.paging					{ padding:10px 0; text-align:left;  font:12px verdana; color:#FF99CC;}
.paging .numbox	{ border-left:1px solid #FFE6F2; padding-left:6px; margin-left:6px;  font:12px verdana;}
.paging .num			{ border-right:1px solid #FFE6F2; padding-right:8px; margin-right:5px; font:12px verdana;}
.paging a:link, .paging a:visited		{ color:#FF99CC; text-decoration:none;}
.paging a:hover		{ font-weight:normal; color:#699;}



/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer          { text-align:left; font:12px Verdana; padding:10px 0 40px 0;}
#footer .counter	{ float:left; margin:0 10px 0 0; padding-left:4px; background:url("images/barcode_line.gif") top left repeat-y;}	
#footer .counter .barcode	{ font:12px/90% Trebuchet MS; padding-top:16px; background:url("images/barcode.gif") top left repeat-x; letter-spacing:0px; }

/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */
.tistoryProfileLayerTrigger { background:url('images/icon-profile.png') top left no-repeat !important; height:15px !important; width:10px !important; _background:none; _width:30px;}
.imageblock *			{ border:none !important;}
.postImg2, #entry245Comment .commentInfo { display:none;}
