@charset "utf-8";

body {
	font: 12px 'tahoma', 'Trebuchet MS', sans-serif;
	color:#333;
	background: #FFFFFF;
	}

a { 
	color: #666;
	text-decoration:none;
	}
a:active { 
	text-decoration:none;
	}
a:hover {
	color: #0099CC;
	background-color: #eee;
	}

img { border : 0; }
	
/* ===================================================================
   Layout
=====================================================================*/
#header {
	width : 700px; 
	margin:0 auto;
	padding: 70px 0 20px 0;
	}

#page {
	width : 700px; 
	margin: 0 auto;
	background: #FFF;	 
	border: 0px solid #eee;
	padding: 0 20px;
	}
	
.content {
	margin: 20px 0;
	}

#footer {
	width : 550px; 
	margin: 25px auto;	
	text-align:center;
	font: 0.9em 'Malgun Gothic', 'Trebuchet MS', sans-serif;
	color: #999;
	}	
	
/* ===================================================================
   Contents
=====================================================================*/
.date, .cnt, .name, .from, .delete { font: 0.9em Trebuchet MS, tahoma; color: #777;}
.name2 { font:bold 0.95em Trebuchet MS, tahoma; color:#9c6;}

/* ===================================================================
   Header
=====================================================================*/
.blogtitle{
	margin:0px;
	padding:0px;
	text-align:center;
	font:bold 30px Times new roman, trebuchet MS, tahoma;
	color: #333;
	text-decoration: none;
}

.blogtitle a {
	color: #333;
	text-decoration: none;
}
.blogtitle a:hover{
	color: #333;
	background-color: #fff;
	text-decoration: none;
}

.blogmenu {
	margin: 10px 0px;
	padding:10px 0px;
	text-align:center;
	border-top:1px dotted #CCCCCC;
}

.blogmenu a.linkstyle {
  padding: 5px 10px;
  color: #9c6;
  font: 12px trebuchet MS, tahoma;
  text-decoration: none;
}

.blogmenu a.linkstyle:hover {
  color: #693;
  background-color: #fff;
  text-decoration: none;
}

.blogmenu a.linkstyle:active {
  text-decoration: none;
}

.blogmenu a.boardstyle {
  padding: 5px 10px;
  color: #0b87ce;
  font: 12px trebuchet MS, tahoma;
  text-decoration: none;
}

.blogmenu a.boardstyle:hover {
  color: #005688;
  background-color: #fff;
  text-decoration: none;
}

.blogmenu a.boardstyle:active {
  text-decoration: none;
}


/* ===================================================================
   Search
=====================================================================*/
.search { 
	border: 2px solid #eee;
	background: #eee;
	padding: 2px;
	margin-bottom: 2px;
	width:150px;  
	height:13px;
	font: 0.9em 'Malgun Gothic', 'Trebuchet MS', sans-serif;
	color:#999;
	}

/* ===================================================================
    top, bottom background
======================================================================*/
#top {
	background:url("images/top.gif") repeat-y;	
	height: 30px
	}
#bottom {
	background:url("images/bottom.gif") repeat-y bottom;	
	height: 30px;
	}

/* ===================================================================
   Contents
=====================================================================*/
.content {
	line-height: 170%;
	}
	
.content h2 {
	font: 25px segoe script, trebuchet MS;
	font-weight: normal; 
	}

/* ===================================================================
   Search List
=====================================================================*/

.searchList h3 {
	font-weight: normal;
	}

.searchList ul, .searchList ol {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	list-style:none;
	}
.searchList li {
	padding: 0;
	}

.searchList a:hover {
	color: #0099CC;
	background-color: #eee;
	text-decoration: none;
	}

/* ===================================================================
   Local Log
=====================================================================*/
.localog .spot { 
	background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  
	padding-left:20px;  
	margin-top:5px;
	}
.localog .info  { 
	background:url(images/iconIndentArrow_localinfo.gif) 0 50% no-repeat;
	padding:3px 6px 3px 8px;
	margin-top:2px;
	}

/* ===================================================================
   Keywords
=====================================================================*/
.taglog ul, .keywords ul { 
	padding:10px; 
	margin:0; 
	text-align:justify;
	}
.taglog li, .keywords li { 
	display:inline;
	}

.taglog  a { text-decoration:none; }
.taglog li .cloud1 {
	font: bold 1.3em 'Malgun Gothic', 'Trebuchet MS', tahoma;
	color:#FF3399;
	}
.taglog li .cloud2 {
	font: bold 1.2em 'Malgun Gothic', 'Trebuchet MS', tahoma;
	color: #0099CC;
	}
.taglog li .cloud3 {
	font: normal 1.0em 'Malgun Gothic', 'Trebuchet MS', tahoma;
	color:#669933;
	}
.taglog li .cloud4 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS', tahoma;
	color:#333;
	}
.taglog li .cloud5 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS';
	color:#666;
	}


/* ===================================================================
   Page Error
=====================================================================*/
#page-error { 
	font : bold 1.3em tahoma, sans-serif;
	text-align:center;
	padding: 80px;
	}

/* ===================================================================
   Article
=====================================================================*/
.title {
	color: #333; 
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing:-1px;
	margin: 20px 40px;
	padding: 0px;
	}
.entry h2 a{
	color: #333;
	text-decoration:none;
	}
.entry h2 a:hover {
	color: #333;
	text-decoration:underline;
	}

.posted { 
	margin: 0 0 5px 0; 
	}
		
.admin {
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}
	
.article {
	margin: 50px 0 0 0;
	text-align: justify;
	font-size: 1.0em;
	}

.article a {
	color: #336699;
	text-decoration:none;
	}
	
.article a:hover {
	color: #0099CC;
	background-color: #eee;
	text-decoration: none;
	}
	
.article img { border: 0;}
.article .cap1  { font: 1.0em trebuchet MS, tahoma; margin:3px ; color: #999; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.article li {
	list-style: circle;
	}

.article .moreless_fold  { padding-left:18px; background:url(images/btn_open.gif) 0 50% no-repeat ;} 
.article .moreless_top    { padding-left:20px; background:url(images/btn_close.gif) 0 50% no-repeat ;}
.article .moreless_bottom   { display:none;}

.article blockquote {
	border-left: 4px solid #ccc;
	clear: both;
	color: #555;
	display: block;
	font: italic 1.0em Verdana,serif;
	margin: 12px 16px;
	padding-left: 12px;
	}

.tagTrail { 
	margin: 5px 0 15px 0;
	}

.tagText {	
	font: bold 0.9em 'Trebuchet MS'; 
	color: #000;
	}
	
.actionTrail {
	text-align:right;
	font-size: 0.9em;
	padding-bottom: 3px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 15px;
	}
	
.actionTrail a {
	font:12px trebuchet MS, tahoma;
	color:#333;
	text-decoration:none;
	}	
	
/* ===================================================================
   Trackback
=====================================================================*/
.trackback .tbadd {
	font:bold 0.85em trebuchet MS, tahoma;
	text-align: center;
	}
.trackback ol {
	margin: 5px 0;
	padding: 0;
	list-style: inside;
	}
.trackback li {
	padding-bottom: 3px; 
	}
		
/* ===================================================================
   Comment - List
=====================================================================*/
.comment img {border: 0; }

.comment .name2 a,
.comment .name2 a:hover {
	color:#9c6;	
	text-decoration:none;
	}
.comment a {
	color: #666;
	text-decoration:none; 
	}
.comment a:hover {
	color :#0064CD	;
	text-decoration: underline;
	}

.comment .commentList  { 
	padding:0;
	}
	
.comment ol     { 
	padding:0; 
	margin:0;	
	list-style: none; 
	border-top: 1px solid #eee;		
	} /* 댓글 전체를 감싸는 부분의 스타일 */
	
.comment ul	{ 
	padding:8px; margin:10px 0 0 30px;	
	list-style: none; 
	background-color: #faf9f8;
	border: 1px dashed #eee;
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 15px 0;
	border-bottom: 1px solid #eee;	
	}
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}
.comment .rp { margin-bottom: 7px; }


/* ===================================================================
   Comment - Form
=====================================================================*/

.comment fieldset 	{ margin:10px 0 0 0; border:0; letter-spacing:0;}
* html fieldset 		{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

.comment legend 	  {font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin:.3em 0;}

.comment label 		{padding-left:.2em;font:0.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#666;vertical-align:middle;}
.comment label span	{color:#999;}

.comment input		{padding:2px .5em;width: 300px; font:1.0em Gulim, AppleGothic,Sans-Serif;vertical-align:middle;color:#666;border:1px solid #ddd; }
.comment textarea 	{padding:2px .5em;width:100%;height:100px;border:1px solid #ddd;font:1.0em Gulim,,AppleGothic, Sans-Serif;color:#666; overflow:hieedn;}
.comment .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.comment .submit input {margin-top:1em;padding:.3em;width:100px;height:25px;font-size:.9em;color:#666;cursor:pointer;}

/* ======================================
	Content - Paging 
=========================================*/
.paging {
	text-align:center;
	font:9px verdana;	
	margin: 20px 0;
	}

.paging .numbox { 
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num { 
	padding-right:8px; 
	margin-right:5px;
	}
		
.selected { 
	font-weight:bold; 
	}
	
/* ======================================
	Sidebar - from Tistory Gallery skin
=========================================*/

#sidebar_close {display:none;}

#sidebar { 
	color:#8b8a8a; 
	line-height: 170%;
	}

.open_close	{
	font: bold 1.0em 'Trebuchet MS', Sans-serif; 
	text-align:center;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	padding: 4px;
	margin-bottom: 10px ;
	}
	
.open_close a	{ color:#8b8a8a;}
.open_close img	{margin:0 0 0 2px;}

.sidebox, .sidebox2 {
	text-align:justify;
	margin: 15px 0;
	}

.sidetitle {
	color: #693; 
	font:bold 12px 'Trebuchet MS', tahoma, sans-serif; 
	}
	
/* sidebox ul, li style */
.sidebox ul, .sidebox2 ul {
	margin:0; 
	padding:0;
	display:inline;
	}

.sidebox li {
	background:url(images/icon_sidebar.gif) 0 50% no-repeat;
	padding-left: 5px;
	margin-right: 7px;
	display:inline;
	font-size: 0.98em;
	}
	
.sidebox li a {color:#848484;}
.sidebox ul li ul { padding:0 0 0 5px; margin:0; }
.sidebox ul li ul li { font-weight: bold; } /* 덜 세세한 카테고리 -.-; */
.sidebox ul li ul li ul { padding:0 0 0 5px; margin:0; } 
.sidebox ul li ul li ul li {font-weight: normal; } /* 가장 세세한 카테고리 */

.c_cnt { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#999;}

/* sidebox tag cloud */
.sidebox2 ul.tagcloud li	{
	list-style:none;
	display:inline; 
	background:none; 
	}

.sidebox2 ul.tagcloud li .cloud1 {
	font: bold 1.0em tahoma, trebuchet MS;
	color: #FF3399
	}
	
.sidebox2 ul.tagcloud li .cloud2 {
	font: bold 1.0em tahoma, trebuchet MS;
	color: #0099CC;
	}

.sidebox2 ul.tagcloud li .cloud3 {
	font: bold 0.9em tahoma, trebuchet MS;
	color:#693;
	}

.sidebox2 ul.tagcloud li .cloud4 {
	font: normal 0.9em tahoma, trebuchet MS;
	color:#333;
	}

.sidebox2 ul.tagcloud li .cloud5 {
	font: normal 0.9em tahoma, trebuchet MS;
	color:#666;
	}

.clear {clear: both; }

/* calendar */
	.cal_month { font-size : 11px; height: 18px; } /* 달력의 년월일, 이전달, 다음달을 표시하는 스타일 */
	.cal_week1 { font-size : 11px; height:18px;} /* 달력의 요일명을 표시하는 스타일 */
	.cal_week2 { font-size:11px; } /* 일요일 요일명을 표시하는 스타일 */
	
	.cal_week { } /* 달력의 주(Week) 단위를 표시하는 스타일 */
	.cal_current_week { background-color:#f2f2f2; } /* 달력의 현재 주(Current Week)를 표시하는 스타일 */
	.cal_day {} /* 현재 달을 포함하는 전체 날짜(Day)의 스타일 전체 */
	..cal_day_sunday { } /* 현재 달을 포함하는 전체 날짜의 일요일 스타일 */
	 
	.cal_day1 {	color: #fff; font-size:11px; text-align: center;} /* 해당 달력에서 이전달 날짜를 표시하는 스타일 */
	.cal_day2 {	color: #000; font-size : 11px;  text-align: center;} /* 해당 달력에서 다음달 날짜를 표시하는 스타일 */
	.cal_day3 {	font-size : 11px;} /* 현재 달력의 이번달 날짜를 표시하는 스타일 */
	
	.cal_day4 {
		text-align: center;
		font-size: 11px;
		text-decoration:underline;
		color: #4284B0;
		} /* 오늘 날짜를 표시하는 스타일 */
		
	a.cal_click:link, a.cal_click:visited {	color : #777; }
	a.cal_click:hover {	color: #4284B0; } /* 글을 작성한 날의 링크 스타일 */

/* IE 버그 */
*:first-child+html .rss_feed .rss			{position:relative; top:1px;}
* html .rss_feed .rss						{position:relative; top:1px;}
* html .rss_feed							{padding:2px 0 0 0;}

*:first-child+html .tag .article_post		{padding:7px 15px 21px 15px;}
* html .tag .article_post					{padding:7px 15px 21px 15px;}

* html .ib	{height:18px;}
*:first-child+html	.ib	{height:18px;}/* CSS Document */