@charset "utf-8";


/* 본문 공통 */

body		{ padding:0; margin:0; font:12px dotum arial, verdana; color:#777C80; background:#fafafa; }
a:link		{ color:#777C80; text-decoration:none;}
a:visited	{ color:#777C80; text-decoration:none;}
a:hover		{ color:#fff; font-weight:none;; background:#51a7c8 }
a:active	{ color:#fff; font-weight:none; background:#51a7c8  }


/* 페이징 - 현재 페이지 */
.selected	{ font-weight:bold; color:#7aa; background:none; text-decoration:underline;}
.selected:hover { background:#fafafa; }
.selected a:hover { background:#fafafa; }

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

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

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

/* 이미지 아래 캡션 스타일 */
.cap1			{ color:#999; 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_fold span { background:#51a7c8; color:#fff; padding:0 3px; }
.moreless_top		{   color:#666; font-weight:bold;  }
.moreless_top span { background:#51a7c8; color:#fff; padding:0 3px; }
.moreless_body		{ }
.moreless_bottom	{   color:#666; font-weight:bold;  }
.moreless_bottom span { background:#51a7c8; color:#fff; padding:0 3px; }

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


hr					{ display:none;}
img					{ border:0;}
h1, h2, h3, h4		{ margin:0;  padding:0;}
h1					{ font-size:2em;}
h2					{ font-size:1.4em;}
h3					{ font-size:1.2em;}
h4					{ font-size:1em;}
input				{ border:1px solid #aaa;}
textarea			{ border:1px solid #aaa;}


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

#wrapper { width:900px; margin:0 auto }

#header {  width:100%; margin:20px 0 10px 0; text-align:center;   }
#middle { width:900px; overflow:hidden; margin:0 0 10px 0; border-bottom:1px solid #ccc; border-top:1px solid #e7e7e7}
#content { float:left; width:700px; }
#side { float:left; width:180px; margin:0 0 0 20px; }


#footer { width:100%; overflow:hidden; font:10px arial; color:#999; margin:0 0 50px 0; }
#footer p { float:left ; text-align:left; }
#footer span { float:right; display:block; text-align:right }



/* side */

ul,li { padding:0; margin:0; list-style:none; }

#side { padding:10px 0 0 0; }
#side h3 { padding:0 0 5px 0; margin:0; }
#side a:hover{ color:#51a7c8; background:none;}

.category, .search, .recentPost, .recentComment { margin:0 0 20px 0;  }
.category a, .search a, .recentPost a, .recentComment a {  font:normal 11px dotum, 돋움, verdana;}

.recentPost ul, .recentComment ul {}
.recentPost ul li, .recentComment ul li { padding:6px 0; text-indent:10px; border-bottom:1px solid #ddd; word-break:break-all}

.recentPost li:hover, .recentComment li:hover { background:#f2f2f2}

.category  {   }
.category ul { }
.category ul li {  padding:3px 0 3px 0; text-align:left;  text-indent:10px }
.category ul li ul {  margin:9px 0 0 0; padding:0 0; border-top:1px solid #ddd; }
.category ul li ul li { padding:6px 0 8px 0; margin:0 ; border-bottom:1px solid #ddd;   }
.category ul li ul li:hover { background:#f2f2f2}


.search { }
.search input { border:1px solid #e0e0e0; background:#fafafa; margin:0; padding:2px; font:12px 돋움, dotum verdana; width:95%; height:14px; color:#777}




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

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


#content .taglog h3,
#content .guestbook h3		{  color:#666; font-family:dotum; font-weight:bold; font-size:13pt;}
#content .searchRplist h3,
#content .searchList h3		{ padding:15px 0; color:#63b4cd; font:bold 14px dotum verdana ; }


.searchList ol,
.searchRplist ol			{ padding:0 0 0 15px; margin:0 0 0 0 ; list-style:circle; }
.searchList li,
.searchRplist li			{ line-height:100%; padding:6px 0 8px 0;   list-style:circle;border-bottom:1px dotted #ccc; margin-bottom:4px;}
.searchList .date,
.searchRplist .date			{ font-size:7pt; margin-left:10px; }
.searchList .cnt			{ font-size:7pt; color:#7aa;}
.searchRplist .name			{ font-size:9pt; color:#999; padding-left:8px;}

.taglog					{  padding:10px 0;   }
.taglog ul				{ padding:0px; margin:0; text-align:justify;  }
.taglog li				{ display:inline; line-height:180% ; padding:0 8px 0 0; }
.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:#999; font-size:9pt;  }
.taglog li a:hover		{ color:#63b4cd; background:#fff;}

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

.guestbook {margin:10px 0 0 0;}

.guestWrite				{ font:12px dotum verdana; margin:0 0 20px 0;}

.guestWrite p {  padding:2px 0; margin:0; }
.guestWrite p label  { font:10px verdana }

.guestWrite input       { font:12px dotum verdana;  width:150px; padding-left:2px; color:#666;}
.guestWrite textarea	{ font:12px dotum  verdana; width:97%; padding:5px; color:#666;}
.guestWrite .homepage   { width:300px; color:#666;}
.guestWrite .submit		{ width:150px; height:20px; background-color:#aaa; font:7pt verdana; color:#fff;}
.guestWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.guestList					{ width:100%;   line-height:150%;  }
.guestList ol				{  list-style:none; padding:0; margin:0; }
.guestList ol ul			{ margin:0; padding:0; list-style:none; }
.guestList ol li			{   overflow:hidden; padding:10px 0; margin:0 ; border-bottom:1px solid #ddd }
.guestList ol li p			{  padding:5px 0; }
.guestList ol li ul li		{ margin:10px 0 0 50px; border:none; overflow:hidden; background:#eee; padding:3px 5px}
.guestList ol li .name		{ color:#666; font-weight:bold;}
.guestList ol li .date		{ font-size:7pt; color:#999; }
.guestList .control			{ font-size:7pt; color:#999;}
.guestList .control a		{ color:#999;}
.guestList .control a:hover	{ font-size:7pt; color:#63b4cd; background:#fff; }



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



.entry { border-bottom:1px solid #ddd    }

.entryNotice h2,
.entryProtected h2,
.entry h2						{   font:24px dotum; font-weight:bold;  }
.titleWrap						{  font:8pt verdana, dotum; color:#999; padding:15px 0 }

.titleWrap h2   {  color:#63B4CD; font:bold 15px verdana, dotum, 돋움;  padding:0 0 3px 0; line-height:16px;}
.titleWrap h2 a { color:#63B4CD;  }
.titleWrap h2 a:hover { color:#fff; background:#51a7c8  }


.titleWrap .category a			{ font:bold 11px dotum, dotum, verdana; color:#AECDCA; }
.titleWrap .category a:hover	{  color:#fff;   background:#AECDCA; text-decoration:underline;}
.titleWrap .date				{ font:10px verdana; color:#AECDCA;}
.titleWrap .admin 				{ font:10px verdana;  padding-left:5px;}
.titleWrap .admin a				{ color:#AECDCA;}

.titleWrap span a:hover{ background:#AECDCA; color:#fff; }

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

.article					{ margin:15px 0 25px 0; width:100%; line-height:20px;  text-align:left;  }
.article a:link,
.article a:visited			{ color:#7aa; border-bottom:1px dotted #7aa;}
.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               {  margin:20px 0; font:11px dotum; line-height:130%; }
.tagTrail img { vertical-align:middle; }
.tagTrail a {  ;font:11px dotum;}
.tagTrail a:visited {  ;font:11px dotum;}
.tagText				{ }

.actionTrail			{ clear:both; font-weight:bold;   }
.actionTrail .cnt		{ color:#7aa;}

.tagLabel  {}

.comment		{  overflow:hidden;   }
.comment p		{ margin:3px 0 0 0; padding:5px 0;  }
.comment h3		{ display:none;}
.comment ol,
.comment ul			{ margin:0;  padding:0; list-style:none;}
.comment .date		{ font:7pt Verdana; color:#999;}
.comment .name		{ font-weight:bold;}
.comment ol li		{ padding:10px 5px;}
.comment li ul li	{ margin:5px 10px 10px 40px; padding:3px;  background:#eee}

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ font:7pt Verdana; color:#999;}

.commentWrite					{  margin-top:10px; font:7pt verdana;}
.commentWrite p {  padding:2px 0; margin:0; }
.commentWrite p label  { font:10px verdana }
.commentWrite input				{ font:12pxt dotum;   width:100px; color:#666;}
.commentWrite textarea			{ font:12px dotum verdana ; width:97%; height:100px; color:#666; padding:5px; top:5px; }
.commentWrite .homepage			{ width:300px;}
.commentWrite .submit			{ height:20px; width:150px; background-color:#aaa; font:7pt verdana; color:#fff;}
.commentWrite .checkbox			{ width:25px; border:none; padding:0; margin:0; }

.paging					{ text-align:center; padding:15px 0; font:normal 12px verdana; }
.paging .numbox			{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px; font:normal   verdana; }
.paging .num			{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:normal   verdana; }
.paging a:visited		{ color:#999; text-decoration:none;}
.paging a:hover			{ text-decoration:none;color:#fff;}





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

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