@charset "utf-8";


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

/* 본문 공통 */

body		{ padding:0; margin:0; font-family:verdana, Malgun Gothic, dotum, gulim; font-size:11px; color:#666; background-color:#fff; }
a:link		{ color:#666; text-decoration:none;}
a:visited		{ color:#666; text-decoration:none;}
a:hover		{ color:#999;}
a:active		{ color:#666; text-decoration:none;}


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

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


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

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1		{ color:#666; 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	{ color:#666; font-size:10px; font-weight:bold; }
.moreless_top	{ color:#666; font-size:10px; font-weight:bold; }
.moreless_body	{ }
.moreless_bottom	{ color:#666; font-size:10px; font-weight:bold; }

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


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

hr			{ display:none;}
img			{ border:0;}
h1, h2, h3, h4, h5		{ margin:0;  padding:0;}
h1			{ font-size:24px;}
h2			{ }
h3			{ }
h4			{ }
h5			{ }
input			{ border:1px solid #ccc;}
textarea			{ border:1px solid #aaa;}



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

#header 			{ width:100%; clear:both; position:fixed; height:100px; top:0; left:0; z-index:10000; background-color:#fff; border-bottom:1px solid #eee;}
#header-content, #content	{width:540px; margin:0 auto; z-index:1; position:relative; clear:both;}
#header .title		{ float:left; width:200px; text-align:left; margin-top:38px;}
#header .nav		{ float:left; width:325px; text-align:right; margin-top:80px; }
#container 		{ width:500px; margin:0 auto; z-index:1; position:relative; clear:both;}
#content 			{ padding-top:100px; line-height:160%; overflow:hidden;}


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

#header h2		{ font-size:15px; color:#f8f8f8;}
#header span		{ font-size:9px; color:#999;}
#header span a		{ font-size:9px; color:#999;}
#header span a:hover	{ color:#666;}

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

#content .localog h3, 
#content .taglog h3,
#content .guestbook h3	{ padding-top:37px; padding-bottom:32px; color:#666; font-size:11px;}


.taglog			{ margin-bottom:30px;}
.taglog ul			{ padding:0px; margin:0; text-align:justify;}
.taglog li			{ display:inline;}
.taglog li .cloud1		{ color:#666; font-weight:bold; font-size:9pt; }
.taglog li .cloud2		{ color:#666; font-weight:bold; font-size:9pt; }
.taglog li .cloud3		{ color:#666; font-weight:bold; font-size:9pt; }
.taglog li .cloud4		{ color:#666; font-size:9pt; }
.taglog li .cloud5		{ color:#666; font-size:9pt; }
.taglog li a:hover		{ color:#999;}

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

.guestWrite		{ font-size:9px; color:#c5c5c5;}
.guestWrite input 		{ font-size:11px;  width:150px; padding-left:2px; color:#ccc;}
.guestWrite textarea		{ font-size:11px;  width:485px; padding:6px 6px 6px 6px; color:#ccc;}
.guestWrite .homepage	{ width:300px; color:#999;}
.guestWrite .submit		{ width:100px; height:20px; background-color:#ccc; font:8pt Verdana; color:#fff;}
.guestWrite .checkbox		{ width:25px; border:none; padding:0; margin:0; }

.guestList			{ width:500px; padding:40px 0 0 0;}
.guestList ol		{ border-left:0px solid #aaa; margin:0 0 30px 0; padding:0 0 10px 0; list-style:none;}
.guestList ol ul		{ margin:0; padding:0; list-style:none;}
.guestList ol li		{ padding-left:0px; overflow:hidden;}
.guestList ol li p		{ border-top:0px dotted #ccc; }
.guestList ol li ul li		{ padding:10px 0 0 20px; border:none; overflow:hidden;}
.guestList ol li .name		{ font-size:11px; color:#6e6e6e; font-weight:bold;}
.guestList ol li .name a:link	{ color:#6e6e6e; font-weight:bold;}
.guestList ol li .name a:visited 	{ color:#6e6e6e; font-weight:bold;}
.guestList ol li .name a:hover 	{ color:#6e6e6e; font-weight:bold; background-color:#72b5c1; color:#fff;}
.guestList ol li .date		{ font-size:9px; color:#999;}
.guestList .control		{ font-size:9px; color:#999;}
.guestList .control a		{ color:#999;}
.guestList .control a:hover	{ font-size:9px; color:#999;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2			{ padding-top:37px; font-size:9px; }
.entry h5			{ padding-top:40px;  font-size:9px;}
.titleWrap			{ padding-bottom:1px; padding-top:40px; color:#666;  }
.titleWrap .category a		{ color:#666; }
.titleWrap .category a:hover	{ color:#666; }
.titleWrap .date		{ font-size:8px; color:#999; letter-spacing:1px;}
.titleWrap .admin 		{ font-size:9px; color:#999; padding-left: 5px; padding-left:5px;}
.titleWrap .admin a		{ font-size:9px; color:#999;}
.titleWrap .admin a:hover	{ color:#ccc;}
.titleWrap .title		{ letter-spacing:1px; font-weight:bold; font-size:9px; color:#666;}
.titleWrap .title A		{ color:#999; }
.titleWrap .title A:hover	{ color:#999; }



.entryProtected		{ }
.warning	 		{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:4px;}
.entryProtected input		{ width:140px; color:#999; border:1px solid #ccc;}
.entryProtected .submit	{ font:7pt Verdana; width:50px; height:20px; color:#fff;  background-color:#aaa;}

.article			{ width:100%; padding: 3px 0 0 0;} 
.article a:link, .article a:visited	{ color:#999; border-bottom:1px dotted #999;}
.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;}


.tagTrail             		{ padding:0px 5px 0px 0px; color:#666; font-size:9px;}
.tagText			{ color:#666; font-size:9px; }



.actionTrail			{ clear:both; color:#666; font-size:10px; text-transform:lowercase;}
.actionTrail .cnt		{ font-size:9px; color:#666; text-transform:lowercase;}
.actionTrail .tag		{ font-size:8px; color:#999; font-weight:bold; }

.trackback			{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a		{ color:#999;}
.trackback h3		{ font-size:8pt; color:#666;  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:5px;}
.trackback .date		{ font:7pt Verdana; color:#666;}
.trackback p		{ color:#666; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{ font:7pt Verdana; color:#999;}

.comment			{ background:url(images/comment.gif) no-repeat; padding-top:10px; width:100%; overflow:hidden;} 
.comment p		{ margin:3px 0 0 0; padding:0;}
.comment h3		{ display:none;}
.comment ol,
.comment ul		{ margin:0;  padding:0; list-style:none;}
.comment .date		{ font-size:9px; color:#999;}
.comment .name		{ font-size:11px; color:#6e6e6e; font-weight:bold; }
.comment .name a:link	{ color:#6e6e6e; font-weight:bold;}
.comment .name a:visited	{ color:#6e6e6e; font-weight:bold;}

.comment ol li		{ padding:10px 0px;}
.comment li ul li		{ padding:10px 10px 10px 20px; }


.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ font-size:10px; color:#999;}

.commentWrite		{ font-size:9px;}
.commentWrite input		{ font-size:11px; width:150px; color:#999; border:0px solid #ccc;}
.commentWrite textarea	{ font-size:11px; width:485px; color:#999; border:1px solid #ccc; padding: 6px 6px 6px 6px;}
.commentWrite .homepage	{ width:300px;}
.commentWrite .submit	{ height:20px; width:100px; background-color:#ccc; font:8pt Verdana; color:#FFF;}
.commentWrite .checkbox	{ width:25px; border:none; padding:0; margin:0; }

.paging			{ padding:30px 0px 20px 0px; text-align:center; font-size:9px;}
.paging .numbox		{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font-size:9px;}
.paging .num		{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font-size:9px;}
.paging a:visited		{ color:#666; text-decoration:none;}
.paging a:hover		{ color:#999;}




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

#footer			{ line-height:130%; padding:0px 0px 50px 0px; font-size:10px; text-align: center;}															


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

.imageblock *		{ border:none !important;}
#mediaLogLimit		{ display:none !important;}
div .box			{ width: 95%; height: auto; margin: 0; border: 1px dotted #fff; padding: 8px;}



