@charset "utf-8";


/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

/* 본문 공통 */


body { background-color:#ECECEC; padding:0; margin:0; font-family:verdana, gulim, dotum; font-size:11px; color:#848484; }
a:link { color:#848484; text-decoration:none;}
a:visited { color:#848484; text-decoration:none;}
a:hover { color:#8DCDE1; }
a:active { color:#848484; text-decoration:none;}
a,img,input {outline: none;selector-dummy:expression(this.hideFocus=true);}

/* 페이징 - 현재 페이지 */
.selected{font-weight:bold; color:#8DCDE1;}

/* 카테고리 - 이미지 버튼 */
.ib { cursor:pointer; }
/* 카테고리 - 트리 셀 */
.branch3 { cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font-size:9px; color:#7aa; font-weight:normal; }

/* 달력 월 표시 */
.cal_month	 { font:11px verdana; height:18px; font-weight:bold; text-align:left; }
/* 달력 요일 표시(th 영역) */
.cal_week1 { font:12px dotum; height:18px; font-weight:normal; }
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font:12px dotum; height:18px; font-weight:normal; color:#7aa; }
/* 달력 Week(tr 영역)  */
.cal_week { }
.cal_current_week { background-color:#eee;}
/* 달력 Day(td 영역) */
.cal_day { font:9px verdana; color:#777; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday { color:#7aa !important;}
.cal_day_sunday a { color:#7aa !important;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color:#888;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color:#888; font-weight:bold; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color:#888; font-weight:bold;}
a.cal_click:visited { color:#888; font-weight:bold;}
a.cal_click:hover { color:#7aa; font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general { }
.rp_admin { }
.rp_secret { color:#848484;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general { }
.guest_admin { }

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment { color:#7F99C1; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1 { color:#777; text-align:center;}
/* 그림 */
.imageblock { border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.left { }
/* 가운데 */
.center { }
/* 오른쪽 */
.right { }
/* 그림 2개 배치 */
.dual { margin-bottom:5px;}
/* 그림 3개 배치 */
.triple { margin-bottom:5px;}

/* 본문 - more / less */
.moreless_fold	{ font:10px verdana; color:#888; font-weight:bold; top left no-repeat; }
.moreless_top	{ font:10px verdana; color:#888; font-weight:bold; top left no-repeat; }
.moreless_body	{ }
.moreless_bottom	{ font:10px verdana; color:#888; font-weight:bold; top right no-repeat; }

/* 키워드 */ 
.key1 { cursor:pointer; border-bottom: 1px dotted #7aa; }


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

hr { display:none;}
img { border:0;}
h1, h2, h3, h4 { margin:0;  padding:0;}
h1 { font-size:20px;}
h2 { font-size:20px;}
h3 { font-size:16px;}
h4 { font-size:12px;}
h5 { font-size:10px; color:#777; }
input { border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; }
textarea { background-color:#fff; border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;}



/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container       { margin:0; padding:0; }
#header 	 { margin:0; padding:10px;width:800px;}
#sidebar	 { float:left; width:220px; padding:15px 0px 0px 0px; }
#content 	 { float:left; width:800px; padding:15px; overflow:hidden; line-height:120%;}
#footer {
 width : 800px;
 margin: 25px auto; 
 text-align: right;
 font: 10px  verdana, tahoma ;
 color: #848484;
 } 

#base-table	{background-color:#ECECEC; width:100%; margin:0; padding:0;}
#base-table td.con	{vertical-align:top;}

#base-table	.tr-1	{height:10px;}
#base-table	.td-middle {width:100%;}
#base-table	.td-middle {width:830px; }

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header h2		{ padding:20px 0px 0px 4px; }
#header h2 a		{ color:#8DCDE1; }	{ font:20px; verdana; font-weight:bold; text-transform:uppercase; }
#header h2 a:hover		{ color:#8DCDE1;}
#header span		{ padding-left:5px; font:9px verdana; color:#777; line-height:120%;}
#header span a		{ font:9px verdana; color:#777; }
#header span a:hover	{ color:#8DCDE1; }


/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */


#sidebar ul		{ padding:0; margin:0; list-style:none;}
#sidebar li			{ padding-bottom:2px; list-style:none;}
#sidebar h3		{ padding-top:5px; padding-bottom:5px; font-size:11px;}
#sidebar h3 a:hover		{ cursor:pointer;}
#sidebar h3 span:hover	{ color:#F3BC7C; }
#sidebar .cnt		{ font-size:9px; color:#F5AEB3; font-weight:normal; }
#sidebar .name		{ color:#aaa;}
#sidebar .date		{ font-size:9px; color:#aaa; font-weight:normal;}

#recentPost a		{ font:10px verdana, dotum; padding-bottom:10px; line-height:120%;}
#recentPost a.hover		{ }
#recentComment,		{ font:11px verdana, dotum; padding-bottom:10px;}
#recentTrackback,
#calendar			{ padding-bottom:10px;}
#archive			{ font:9px verdana, dotum; padding-bottom:10px;}
#category,			
#link			{ font:10px verdana, dotum; padding-bottom:10px; line-height:120%;}

/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist	{ padding-bottom:40px;}


#content .localog h3, 
#content .taglog h3,		{ font:11px verdana; margin-bottom:20px; font-weight:bold; }
#content .guestbook h3,	{ font:11px verdana; margin-bottom:20px; font-weight:bold; }	
#content .searchRplist h3,
#content .searchList h3	{ padding-bottom:20px; font:11px verdana; }


.searchList ol,
.searchRplist ol		{ list-style:none; padding:0px; margin:0;}
.searchList li		{ font-size:11px; verdana; } 
.searchRplist li		{ line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date, 
.searchRplist .date		{ font-size:9px; }
.searchList .cnt		{ font-size:10px; color:#7aa;} 
.searchRplist .name	                { font-size:11px; verdana; color:#777; padding-left:8px;}

.taglog			{ margin-bottom:50px;}
.taglog ul			{ padding:0px; margin:0; text-align:justify;}
.taglog li			{ display:inline;}
.taglog li .cloud1		{ color:#888; font-size:11px;}
.taglog li .cloud2		{ color:#888; font-size:11px;}
.taglog li .cloud3		{ color:#888; font-size:11px;}
.taglog li .cloud4		{ color:#888; font-size:11px; }
.taglog li .cloud5		{ color:#777; font-size:11px; }
.taglog li a:hover	{ color:#fff; background-color:#8DCDE1;}

.guestbook p			{ padding:2px 0; margin:0;}

.guestWrite		{ font:9px verdana; }
.guestWrite input		{ background-color:#fff; font:11px verdana;  width:150px; color:#7F99C1;}
.guestWrite textarea		{ font:11px verdana; width:550px; height:80px; padding:5px; color:#7F99C1;}
.guestWrite .homepage   	{ width:300px; color:#7F99C1;}
.guestWrite .submit			{ width:70px; height:20px; font:9px verdana; color:#777;}
.guestWrite input.checkbox		{ width:15px;  background-color:#fff;  border:none; padding:0; margin:0; }

.guestList			{ width:550px; padding:40px 0px 0px 0px;}
.guestList ol		{ font:11px verdana; padding:10px 0px 10px 0px; margin:0; list-style:none; line-height:180%;}
.guestList ol ul		{ margin:0; padding:0; list-style:none;}
.guestList ol li		{ overflow:hidden;}
.guestList ol li p		{ padding-top:8px; background:url(images/2.gif)  repeat-x; }
.guestList ol li ul li		{ padding:5px 0 0 30px; border:none; overflow:hidden;}
.guestList ol li .name		{ font:11px verdana; color:#8DCDE1; font-weight:bold;}
.guestList ol li .name a	{ font:11px verdana; color:#8DCDE1; font-weight:bold;}
.guestList ol li .name a:hover	{ color:#fff; background-color:#8DCDE1;}
.guestList ol li .date		{ font-size:9px; color:#777;}
.guestList .control		{ font-size:9px; color:#777;}
.guestList .control a		{ color:#777;}
.guestList .control a:hover	{ font-size:9px; color:#8DCDE1;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */
.entryNotice h2, 
.entryProtected h2, 
.entry h2			{ font:11px verdana; }
.entry h2 .category		{ font:11px verdana; }
.titleWrap			{ font:10px verdana, dotum; color:#777; padding-bottom:10px; }
.titleWrap .category a		{ color:#777; font:10px verdana, dotum; }
.titleWrap .category a:hover	{ color:#F3BC7C; font:10px verdana, dotum; }
.titleWrap .date		{ }
.titleWrap .admin 		{ }
.titleWrap .admin a		{ color:#777;}
.titleWrap .admin a:hover	{ color:#F3BC7C; }
.category			{ font:10px verdana; font-weight:bold; padding-bottom:5px;}
.category .category		{ color:#ccc; verdana;}
.category .admin		{ font:9px verdana, dotum; padding-left:5px;}
.date2                                       { font:9px verdana; }
.entryProtected		{ margin-bottom:15px;}
.warning			{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input		{ width:140px; color:#888; background-color:#eee; }
.entryProtected .submit	{ font:9px Verdana; width:50px; height:20px; color:#888;  background-color:#eee;}

.article			{ width:100%; margin-bottom:15px; } 
.article a:link, 
.article a:visited		{ color:#8DCDE1; border-bottom:1px dotted #8DCDE1;}
.article dt			{ text-decoration:underline;}
.article dd			{ margin-left:20px; padding-bottom:10px;}
.article blockquote		{ background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:28px; margin:10px 20px;}
.article img		{ border:none;}


.tagTrail			{ padding:0px 0px 6px 0px; font:11px Verdana; color:#777;}
.tagText			{ font:10px Verdana; color:#857070;}

.actionTrail			{ padding:0px 0px 20px 0px; font:10px Verdana; color:#777;}
.actionTrail .cnt		{ color:#8DCDE1;}

.trackback			{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a		{ color:#888;}
.trackback h3		{ font-size:9px; color:#777; font-weight:normal; margin:0px 5px 10px 0px;}
.trackback h4		{ font-weight:normal; margin:0; font-weight:bold;}
.trackback ol		{ margin:0;  padding:0; list-style:none;}
.trackback li		{ padding:7px 0;}
.trackback .date		{ font:9px Verdana; color:#777;}
.trackback p		{ color:#777; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font:9px Verdana; color:#777;}

.comment			{ margin-bottom:4px;  width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
.comment ol,
.comment ul		{ font:11px verdana; margin:0;  padding:0; list-style:none; line-height:120%;}
.comment .date		{ font:9px Verdana; color:#777;}
.comment .name		{ font:11px verdana; color:#8DCDE1; font-weight:bold;}
.comment .name a		{ font:11px verdana; color:#8DCDE1; font-weight:bold;}
.comment .name a:hover	{ color:#fff; background-color:#8DCDE1; }
.comment ol li		{ padding:10px 0;}
.comment ol li p		{ padding-top:8px; background:url(images/2.gif)  repeat-x; }
.comment li ul li		{ padding:8px 0 0 30px; }

.comment .control a.address span,
.comment .control a.modify	     { font:9px Verdana; color:#777;}
.comment .control a.modify:hover    { font:9px Verdana; color:#8DCDE1;}
.comment .control a.write	     { font:9px Verdana; color:#777;}
.comment .control a.write:hover	     { font:9px Verdana; color:#8DCDE1;}

.commentWrite		{ margin-top:20px; font:9px verdana;}
.commentWrite input		{ background-color:#fff; font:11px verdana; width:120px; color:#7F99C1; }
.commentWrite textarea	{ font:11px verdana; width:550px; height:80px; color:#7F99C1; padding:5px; top:5px;}
.commentWrite .homepage	{ font:11px verdana; width:300px; color:#7F99C1; }
.commentWrite .submit	{ height:20px; width:70px; font:9px verdana; color:#777; }
.commentWrite input.checkbox	{ width:15px;  background-color:#fff; border:none; padding:0; margin:0; }

.paging	            { margin:10px 0px 30px 0px; text-align:center;  font:9px verdana;}
.paging .numbox    { padding-left:6px; margin-left:6px;  font:9px verdana;}
.paging .num         { padding-right:8px; margin-right:5px; font:9px verdana;}
.paging a:visited    { color:#777; text-decoration:none;}
.paging a:hover     { color:#8DCDE1;}


/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer                      { text-align:right; line-height:130%; padding:10px 10px 40px 10px; font-size:9px;}
#footer .search          { padding-bottom:8px;}
#footer .search input  { background-color:#eee; width:130px; height:16px; color:#888; font:12px verdana; }
#footer .counter         { }																	

/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}