@charset "utf-8";

/* ===================================================================
   basic
=====================================================================*/
html {
	height:100%;
}
body {
	margin:20px;
	background-color: #E4E4E4;
	font-family: 'Malgun Gothic', 'ธผภบ ฐํต๑',Verdana, AppleGothic, Sans-serif;
	font-size: 11px;
	line-height: 160%;
	color: #4c4c4c;
    background:#e4e4e4;
    }

a {	text-decoration: none;}
a:link {color: #8FABBE;}
a:visited {	color: #8FABBE;}
a:active {color: #8FABBE;}
a:hover {text-decoration: underline;color: #006699;	}    

img { border : 0; }

h4 { font:20px verdana; font-weight:bold; text-transform:uppercase;}	

h1 {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 3px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #494949;
	}

h1 a {
	text-decoration:none;
	}
h1 a:hover {color:red;	text-decoration:none;	}    
    
h2 {
	margin-top: 30px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #494949;
	}
h3 {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 40px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC;
	letter-spacing: 1px;
	}
           

	
.boxClear {	clear:both;}
 	
/* ===================================================================
   Layout
=====================================================================*/
#boxWrapper {
	width:630px;
	margin: 0 auto;
	padding: 0px;
}


#boxTop {}
#boxTop span.title { float:left; }
#boxTop span.menu { float:right; }
#boxTop span.menu a { font-size:9px }a .menu {font-size:9px}


#page {
	border: 1px solid #CCCCCC;
	background-color: #ffffff;
	margin:0;
	padding:0;
	word-break:break-all;
	}
	
.content {
	padding: 10px 10px 10px 10px;
	}
br {
	letter-spacing: 0;
    }
.textbody {}
.articletitle {
	text-align:center;
	margin : 20px 0 0 0;
    }
#footer {
	width : 600px; 
	margin: 25px auto;	
	text-align:center;
	font: 0.9em 'Malgun Gothic', 'Trebuchet MS', sans-serif;
	color: #999;
	}	
/* ===================================================================
   Main - Contents
=====================================================================*/
 #comments {
	border-top: 1px dotted #CCCCCC;
	margin-top:0px;
	background-color: #fcfcfc;
}#comments .posted {
	text-align: left;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: none;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
}#comments blockquote {
	margin: 15px 0px 15px 30px;
	color: #555555;
}
/* ===================================================================
   Contents
=====================================================================*/
.date, .cnt, .name, .from, .delete { font-size: 0.9em; color: #999;}
.date2 { font-size: 8.5px; color: #999;}
.name2 { font: 7px; color:#666;}


/* ===================================================================
   Header
=====================================================================*/
.blogmenu a.linkstyle:link {
   font: verdana;
   color: gray;
   text-decoration: none;
}

.blogmenu a.linkstyle:visited {
  color:red;
 text-decoration: none;
}

.blogmenu a.linkstyle:hover {
  color:black;
 text-decoration: none;
}

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

#blogmenu { float:left; padding:0 0 0 0; vertical-align:bottom;}

/* ===================================================================
   Search
=====================================================================*/
#searchBar
	{ float:right; padding:0 0 0 0; }
#searchBar input
{ 
	width:80px;
	height:12px;
	vertical-align:middle;
	margin-right:4px;
	border : 1px solid #cecece;
	color:#000000;
	font-size:8.5px;
}
#searchBar button
	{ width:60px; height:16px; vertical-align:middle; border:1px solid #cecece;}
#searchTxt
	{font-size:8pt; color:#aeaeae; vertical-align:top;}
/* ===================================================================
    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-weight: normal; 
	}

.content .textbody a {
}
.content .textbody .cloud1 {
	font-weight:bold;
	font-size : 20px;
	color : #FFFF99;
	background-color:#DFDDD6;
	line-height: 40px;
	margin:10px;
}
.content .textbody .cloud2 {
	font-weight:bold;	
	font-size : 15px;
	color :  #B5D97E;
	line-height: 40px;
	margin:10px;
}
.content .textbody .cloud3 {
	font-weight:bold;	
	font-size : 14px;
	color : #CAA9DE;
	border-bottom:1px dashed #FEB3BE;
	line-height: 40px;
	margin:10px;
}
.content .textbody .cloud4 {
	font-size : 13px;
	color : #78D2E6;
	border-bottom:1px dotted #E9ECE9;
	line-height: 40px;
	margin:10px;
}
.content .textbody .cloud5 {
	letter-spacing: 0.2em;
	font-size : 12px;
	color :#F1B7D8;
	border-bottom:1px dashed #CAA9DE;
	line-height: 40px;
	margin:10px;
}

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

.searchList h3 {
	font-weight:bold;
	}

.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';
	color:#0099CC;
	}
.taglog li .cloud2 {
	font: bold 1.2em 'Malgun Gothic', 'Trebuchet MS';
	color: #FFCCFF;
	}
.taglog li .cloud3 {
	font: normal 1.0em 'Malgun Gothic', 'Trebuchet MS';
	color:#333;
	}
.taglog li .cloud4 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS';
	color:#666;
	}
.taglog li .cloud5 {
	font: normal 0.9em 'Malgun Gothic', 'Trebuchet MS';
	color:#999;
	}


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

/* ===================================================================
   Article
=====================================================================*/
   
.title a {
	color: #eledf3;
	}	
    
.title a:hover {
	color: #006699;
	}	 
    
.entry h2.title {
	color: #333; 
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing:-1px;
	margin-bottom: 0;
	}
.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: 5px 0 19px 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-size: 1.0em; 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 { 
	text-align:center;
	}

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

.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; 
	} /* ?“๊? ?„์ฒด๋ฅ?๊ฐ์‹ธ??๋ถ€๋ถ„์˜ ?คํ???*/
	
.comment ul	{ 
	padding:0;	
	list-style: none; 
	border-top: 1px dotted #999;
	} /* ?“๋Œ“๊ธ€ ?„์ฒด๋ฅ?๊ฐ์‹ธ??๋ถ€๋ถ„์˜ ?คํ???*/

.comment ol li	{ 
	padding:0;
	border-bottom: 1px dotted #999;
	}
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}
.comment .rp { margin-bottom: 1px; }


/* ===================================================================
   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.95em;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:150px;height:25px;font-size:.95em;text-transform:uppercase;color:#666;cursor:pointer;}
textarea.commentbox {
	width:500px;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font: 11px 'Malgun Gothic', 'ธผภบ ฐํต๑',verdana, arial, sans-serif,'Lucida Grande', 'Trebuchet MS';
	border : 1px solid #cccccc;
	color:#7a7a7a;
}


/* ======================================
	Content - Paging 
=========================================*/
#paging {
	width:100%;
	border-top: 1px dotted #CCCCCC;
	margin:0 0 0 0;
	background-color: #fcfcfc;
	text-align: center;
}

.paging {
	text-align:center;
	font:8px 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%;
	}

/*--------------- bottom ---------------*/
#boxBtm {}
#boxBtm .menu { float:left;}
#boxBtm .menu a { font-size:9px; }
#boxBtm .menu .count {
	margin : 0 0 0 0;
	font-family: 'Malgun Gothic', 'ธผภบ ฐํต๑',Verdana,Gothic,Sans-serif;
	font-size: 10px;
	color:#999999;
}
#boxBtm .search { float:right;}
#boxBtm .search a { font-size:9px; }

/*--------------- bottom extra ---------------*/
#boxExt1 { width:120px;}
#boxExt2 { width:160px;}
#boxExt3 { width:100px;}
#boxExt4 { width:100px;}
#boxExt5 { width:100px;}
#boxExt6 { width:200px;}

#boxExtn {
	border-top: 1px solid #D0D0D0;
	background-color: #E4E4E4;
}
.lineDottedBtm {
	border-bottom:1px dotted #D0D0D0;
}
.lineSolidBtm {
	border-bottom:1px solid #D0D0D0;
}
#boxExtn div {
	background-color:#E4E4E4;
	margin:1px 1px 3px 1px;
	padding:0;
	float:left;
}
#boxExtn div ul {
	padding:0px;
	margin:0;
}
#boxExtn div ul li {
	list-style-type:none;
}
#boxExtn div ul li table tr td{
	word-break:break-all;
}


.open_close{
           	font: bold 1.0em 'Trebuchet MS', Sans-serif; 
	text-align:right;
	}
	
.open_close a	{ color:#8b8a8a;}
.open_close img	{margin:0 0 0 2px;}

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

.sidetitle {
	color: #333333; 
	font:bold 0.9em 'Trebuchet MS', 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:#ddd;}

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

.sidebox2 ul.tagcloud li .cloud1 {
	font: bold 1.0em 'Malgun Gothic', gulim;
	color:#0099CC;
	}
	
.sidebox2 ul.tagcloud li .cloud2 {
	font: bold 1.0em 'Malgun Gothic', gulim;
	color: #FFCCFF;
	}

.sidebox2 ul.tagcloud li .cloud3 {
	font: normal 0.9em 'Malgun Gothic', gulim;
	color:#333;
	}

.sidebox2 ul.tagcloud li .cloud4 {
	font: normal 0.9em 'Malgun Gothic', gulim;
	color:#666;
	}

.sidebox2 ul.tagcloud li .cloud5 {
	font: normal 0.9em 'Malgun Gothic', gulim;
	color:#999;
	}

.clear {clear: both; }

/* calendar */
	.cal_month { font-size : 9px; height: 18px; } /* ?ฌ๋ ฅ???„์›”?? ?ด์ „?? ?ค์Œ?ฌ์„ ?œ์‹œ?˜๋Š” ?คํ???*/
	.cal_week1 { font-size : 9px; height:18px;} /* ?ฌ๋ ฅ???”์ผ๋ช…์„ ?œ์‹œ?˜๋Š” ?คํ???*/
	.cal_week2 { font-size:9px; } /* ?ผ์š”???”์ผ๋ช…์„ ?œ์‹œ?˜๋Š” ?คํ???*/
	
	.cal_week { } /* ?ฌ๋ ฅ??์ฃ?Week) ?จ์œ„๋ฅ??œ์‹œ?˜๋Š” ?คํ???*/
	.cal_current_week { background-color:#e4e4e4; } /* ?ฌ๋ ฅ???„์žฌ ์ฃ?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: red;
		} /* ?ค๋Š˜ ? ์งœ๋ฅ??œ์‹œ?˜๋Š” ?คํ???*/
		
	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						{pohghghsition: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 */