@charset "utf-8";


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

/* 본문 공통 */

body	{ padding:0; margin:0; font-family: verdana, helvetica, Sans Serif; font-size:11px; color:#333; background-color:#FFF; }
a:link	{color:#666; text-decoration:none;}
a:active	{color:#666; text-decoration:none;}
a:visited	{ color:#333; text-decoration:none;}
a:hover	{ color:#999;}


/* 페이징 - 현재 페이지 */
.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:#6482B9;}

/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general	{ }
.guest_admin	{ }
.guest_secret	{ color:#6482B9;}

/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.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-weight:bold; }
.moreless_top	{ color:#666; font-weight:bold; }
.moreless_body	{ }
.moreless_bottom	{ color:#666; 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			{ color:#cccccc; font-size:10px; font-weight:normal; letter-spacing:0; padding-bottom:0; padding-top:37px;}
h4			{ }
h5			{ }
input			{ border:1px solid #cccccc;}
textarea			{ border:1px solid #cccccc;}



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

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


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

#header h2		{ font-size:16px; color:#666;font-weight:bold;}
#header h2 a 		{ color:#666666;}
#header h2 a:hover 		{ color:#999999;}
#header span		{ font-size:9px; color:#999999;}
#header span a		{ font-size:9px; color:#999999;}
#header span a:hover	{ color:#cccccc;}

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

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


.taglog			{ margin-bottom:30px;}
.taglog ul			{ padding:0px; margin:0; text-align:justify;}
.taglog li			{ display:inline; line-height:1.8em;}
.taglog li .cloud1		{ color:#999999; font :11px verdana; letter-spacing:0; text-transform:lowercase;}
.taglog li .cloud2		{ color:#999999; font :10px verdana; letter-spacing:0; text-transform:lowercase;}
.taglog li .cloud3		{ color:#999999; font :10px verdana; letter-spacing:0; text-transform:lowercase;}
.taglog li .cloud4		{ color:#999999; font :10px verdana; letter-spacing:0; text-transform:lowercase;}
.taglog li .cloud5		{ color:#999999; font :10px verdana; letter-spacing:0; text-transform:lowercase;}
.taglog li a:hover		{ background-color:#506EA5; color:#fff; }

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

.guestWrite		{ color:#C5C5C5; font:9pt/150% wooriDotum90C1;}
.guestWrite input       		{ font:9pt/150% wooriDotum90C1; width:150px; padding-left:2px; color:#ccc;}
.guestWrite textarea		{ font:9pt/150% wooriDotum90C1; width:485px; padding:6px 6px 6px 6px; color:#ccc;}
.guestWrite .homepage   	{ width:300px; color:#999999; margin-bottom:1px;}
.guestWrite .submit		{ width:60px; height:16px; background-color:#ccc; border:1px solid #CCCCCC; font:8pt Verdana; color:#fff;}
.guestWrite .checkbox		{ width:25px; border:medium none; padding:0; margin:0; }

.guestList			{ line-height:160%; width:500px; padding:40px 0 0 0; font:9pt/150% wooriDotum90C1;}
.guestList ol		{ border-left:0px solid #aaa; margin:0 0 30px 0; padding:0 0 10px 0;  list-style:none; font:8pt ;}
.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:10px wooriDotum90C1; color:#6e6e6e; font-weight:bold;}
.guestList ol li .name a:link	{ color:#666666;}
.guestList ol li .name a:visited	{ color:#666666;}
.guestList ol li .name a:hover 	{ color:#999999;}
.guestList ol li .date		{ font-size:9px ; color:#999; letter-spacing:1px;}
.guestList .control		{ font-size:9px ; color:#C5C5C5;}
.guestList .control a		{ color#C5C5C5;}
.guestList .control a:hover	{ font-size:9px ; color:#FFFFFF;}


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

.entryNotice h2, 
.entryProtected h2, 
.entry h2			{ font-size:11px; padding-top:37px; }
.entry h5			{ font-size:11px; padding-top:37px;}
.titleWrap			{ padding-bottom:1px; padding-top:10px; line-height:140%; font-size:10px;   color:#666;}
.titleWrap .category a		{ color:#666;}
.titleWrap .category a:hover	{ color:#999;}
.titleWrap .date		{ font-size:8px; color:#999; letter-spacing: 1px;}
.titleWrap .admin 		{ font-size:8px; color:#CCC; padding-left:5px;}
.titleWrap .admin a		{ font-size:8px; color:#999;}
.titleWrap .admin a:hover	{ color:#CCC;}
.titleWrap .title		{ color#666666; font-size:10px; font-weight:bold; letter-spacing:0;}
.titleWrap .title a 		{ color:#666666;}
.titleWrap .title a:hover	{ color:#999999;}

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

.article			{ width:100%; margin-bottom:10px;  font:9pt wooriDotum90C1, Verdana;} 
.article a:link, .article a:visited	{ color:#999; border-bottom:1px dotted #cccccc;}
.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:10px;}
.tagText			{ color:#666; font-size:10px;}

.actionTrail			{ clear:both; color:#666; font-size:10px wooriDotum90C1; padding:0; text-transform:lowercase;}
.actionTrail .text 		{ padding:0;}
.actionTrail .cnt		{ color:#EB3232; font-size:10px wooriDotum90C1; padding:0;}
.actionTrail .tag 		{ color:#666666; font-weight:bold; padding:0;}

.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		{ margin:0; font-weight:bold;}
.trackback ol		{ margin:0;  padding:0; list-style:none outside 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 scroll 0 0 transparent; padding-top:10px; width:100%; overflow:hidden; margin-bottom:4px;} 
.comment p		{ margin:3px 0 0 0; padding:0; font:9pt/150% wooriDotum90C1;}
.comment h3		{ display:none;}
.comment ol,
.comment ul		{ margin:0;  padding:0; list-style:none; }
.comment .date		{ font-size:9px; color:#999; letter-spacing:1px;}
.comment .name		{ font-size:11px Verdana; color:#6e6e6e; font-weight:bold;}
.comment .name a:link	{ color:#666666;}
.comment .name a:visited	{ color:#666666;}
.comment .name a:hover	{ color:#999999;}

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


.comment .control a.address span, .comment .control a.modify	{color:#C5C5C5; font:9px;}
.comment .control a.modify:hover 	{color:#ffffff; font:9px;}
.comment .control a.write		{color:#C5C5C5; font:9px;}
.comment .control a.write:hover 		{color:#ffffff; font:9px;}


.commentWrite		{ font:9pt wooriDotum90C1; color:#666666;}
.commentWrite input		{ font:9pt wooriDotum90C1; width:150px; color:#999; border:1px solid #cccccc; margin-top:1px;}
.commentWrite textarea	{ font:9pt/150% wooriDotum90C1; width:485px; color:#999; border:1px solid #cccccc; height:80px; margin-top:1px; padding:6px;}
.commentWrite .homepage	{ width:300px;}
.commentWrite .submit	{ width:60px; height:16px; background-color:#ccc; border:1px solid #CCCCCC; font:8pt Verdana; color:#fff;}
.commentWrite .checkbox	{ width:25px; border:medium none; padding:0; margin:0; }

.paging			{ padding:60px 0 20px; text-align:center; font-size:9px; color:#666666;}
.paging .numbox		{ padding-left:6px; margin-left:6px;  font-size:9px;}
.paging .num		{ padding-right:8px; margin-right:5px; font-size:9px;}
.paging a:visited		{ color:#666666; text-decoration:none;}
.paging a:hover		{ color:#999999;}




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

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


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

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