@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);

body {
	font-family: Ubuntu Condensed, Meiryo, "Nanum Barun Gothic", Dotum;
	font-size: 12px;
	color: #111;
	background-color: #eee;
	-webkit-text-size-adjust:none; /* chrome */
	-moz-text-size-adjust:none; /* firefox */
	}

a { 	
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

a:hover {
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

img { border: 0; }

h1 { margin: 0 auto; }
h1 img { }
		
/* ===================================================================
   Layout
=====================================================================*/
#header {
	width : 684px; 
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #000;
	}

#page {
	width : 680px; 
	margin: 0 auto;
	border: 2px solid #ccc;
	overflow: hidden;
	background: #fff;
	}
	
.content {
	margin: 10px 0;
	overflow: hidden;
	}

#footer {
	width : 684px; 
	margin: 0 auto;	
	padding: 0 0 10px 0;
	text-align: center;
	font: 0.8em 'Ubuntu Condensed', sans-serif;
	color: #999;
	}	
	
/* ===================================================================
   Contents
=====================================================================*/
.date { padding: 1px; font: 0.9em 'Ubuntu Condensed'; color: #333; }
.cnt, .name, .from, .delete { font: 1.0em 'Ubuntu Condensed'; color: #333;}
.name2 { font-weight: bold; color: #333; background: #eee;}
.control { font: 1.0em 'Ubuntu Condensed'; color: #eee;}

/* ===================================================================
   Header
=====================================================================*/
.blogmenu {
	margin: 8px 0;
	padding: 10px 0;
	border: 2px solid #ccc;
	text-align: center;
	background: #F2F2F2;
}

.blogmenu a.linkstyle {
  padding: 5px 10px;
  color: #000;
  font: 10px 'Ubuntu Condensed';
  letter-spacing: 1px;
  text-decoration: none;
}

.blogmenu a.linkstyle:hover {
  color: #fff;
  background: #000;
}

/* ===================================================================
    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: 180%;
	}
	
.content h2 {
	font-weight: normal;
	font-family: 'Ubuntu Condensed';
	text-align: left;
	}

/* ===================================================================
   Search List
=====================================================================*/
.searchList {
	width: 680px;
	overflow: hidden;
	}

.searchList h3 {
	font: 12px 'Ubuntu Condensed';
	letter-spacing: 3px;
	text-align: center;
	}

.searchList ol {
	margin: 0;
	padding: 0;
  list-style: none;
	border-top: 1px solid #ccc;
	}
.searchList ul {
	margin: 0;
	padding: 8px 0;
	display: block;
	border-top: 1px solid #ccc;
	}
.searchList li {
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
	}

.searchList a:hover {
	color: #ccc;
	padding-bottom: 2px;
	letter-spacing: 4px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}

.searchList .date {
	font-size: 11px;
	color: #999;
	padding: 5px 2px;
	margin: 0 20px;
	vertical-align: middle;
	display: inline-block;
	float: left;
}
.searchList .searchtitle {
	width: auto;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	float: left;
}
.searchList .cnt {
	font: 0.9em 'Ubuntu Condensed';
	margin-left: 6px;
	color: #999;
}

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

.key1 {
	cursor: help;
	}

.taglog  a { text-decoration: none; }
.taglog  a:hover { background: #eee; }

.taglog li .cloud1 {
	font: bold 1.3em 'Ubuntu Condensed';
	color:#000;
	}
.taglog li .cloud2 {
	font: bold 1.2em Ubuntu Condensed;
	color: #385478;
	}
.taglog li .cloud3 {
	font: normal 1.0em Ubuntu Condensed;
	color:#333;
	}
.taglog li .cloud4 {
	font: normal 0.9em Ubuntu Condensed;
	color:#666;
	}
.taglog li .cloud5 {
	font: normal 0.8em Ubuntu Condensed;
	color:#999;
	}


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

/* ===================================================================
   Article
=====================================================================*/
.entry h2.title {
	color: #333; 
	font: 13px Ubuntu Condensed, Meiryo, "Nanum Barun Gothic";
	font-weight: bold;
	text-align: center;
	margin-bottom: 2px;
	}
.entry h2 a {
	color: #000;
	}
.entry h2 a:hover {
	color: #333;
	text-decoration: overline;
	}

.posted { 
	color: #999;
	font: 1.0em 'Ubuntu Condensed';
	text-align: center;
	margin: 0; padding: 0;
	}
		
.admin {
	margin: 0; 
	padding: 4px 20px;
	font: 0.8em 'Ubuntu Condensed';
	text-align: right;
	}
.admin a {
	color: #666;
	}

.article_p input { width:140px; height:20px; color:#333; border:1px solid #000; vertical-align:middle;}
.article_p .submit2 { margin:0 auto;width:50px; height:24px; font:.9em 'Ubuntu Condensed'; color:#000; background:transparent; border:1px solid #000; cursor:pointer;}
	
.article {
	margin: 10px 0 0 0;
	padding: 10px 20px;
	text-align: justify;
	line-height: 180%;
	}

.article a {
	color: #000;
	padding-bottom:2px;
	}
	
.article a:hover {
	color: #000;
	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: decimal;
	}

.article .moreless_fold  { padding-left:20px; background:url(images/more.gif) 0 80% no-repeat ;} 
.article .moreless_top   { padding-left:20px; background:url(images/less.gif) 0 80% no-repeat ;}
.article .moreless_bottom   { display:none;}

.article blockquote {
	border-left: 4px solid #333;
	clear: both;
	color: #555;
	display: block;
	font: 1.0em Ubuntu Condensed, "Nanum Barun Gothic", Dotum, sans-serif;
	line-height: 180%;
	margin: 12px 16px;
	padding-left: 12px;
	}

.tagTrail { 
	padding-bottom: 2px;
	margin: 5px 0 15px 15px;
	background: url(./images/tag.png) no-repeat 2px;
	}

.tagText {	
	margin-left: 20px;
	font: 0.9em 'Calibri'; 
	}
	
.actionTrail {
	text-align: right;
	font: 0.8em 'Ubuntu Condensed';
	letter-spacing: 0.5px;
	padding: 0 20px;
	padding-top: 3px;
	margin-bottom: 40px;
	}
	
.actionTrail a {
	padding: 2px;
	color: #333;
	text-decoration: none;
	border: 1px solid #000;
	border-left: none;
	border-right: none;
	}
	
.actionTrail a:hover {
	font-weight: bold;
	}	
		
/* ===================================================================
   Comment - List
=====================================================================*/
.comment img {border: 0; }

.comment {padding: 10px 20px;}

.comment .name2 a {
	color: #333;
	background: #eee;
	padding: 2px;
	text-decoration: none; 
	}

.comment a:hover {
	color :#ccc;
	font-weight: bold;
	}

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

.comment ol li	{ 
	padding: 20px 0px;
	border-bottom: 1px dashed #000;	
	}
.comment ol li ul li {
	padding : 0; 
	border:0;
	}
.comment .rp { margin-bottom: 7px; }


/* ===================================================================
   Comment - Form
=====================================================================*/
.comment fieldset 	{ margin:0 auto; 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 "Nanum Barun Gothic" Sans-Serif; color:#333;}
* html fieldset legend  {/* \ Not Mac */position:absolute;top:-9px;left:20px;/* */}

.comment fieldset div {margin: 0 auto;}

.comment label 		{ padding-left: .2em; font:0.9em 'Ubuntu Condensed', Sans-Serif; color:#333; vertical-align:middle;}
.comment  label span	{ color:#999;}

.comment input		{ padding: 2px; font: 1.0em "Nanum Barun Gothic"; width: 135px; height: 18px; vertical-align: middle; color: #333; border: 1px solid #000; background: transparent;}
.comment textarea 	{ padding: 4px; font: 1.0em "Nanum Barun Gothic"; width: 99%; height: 120px; border:1px solid #000; color:#000; background: transparent;}
.comment .checkbox 	{ background: none; padding: 0; width: 12px; border: 0 none; outline: none;}
.comment .submit input  { margin-top: 1em; padding: 0.3em; width: 184px; height: 28px; font: 0.9em 'Ubuntu Condensed'; color: #000; background-color: transparent; border: 1px solid #000; cursor: pointer;}

/* ===================================================================
   Paging
=====================================================================*/
.paging {
	text-align: center;
	font: 10px 'Ubuntu Condensed';
	color: #000;
	margin-top: 14px;
	padding: 5px 20px;
	}

.paging .numbox { 
	padding-left: 4px; 
	margin-left: 6px; 
	}
		
.paging .num { 
	padding-right: 4px; 
	margin-right: 6px;
	}
		
.selected { 
	text-decoration: line-through; 
	}

/* ===================================================================
   footer
=====================================================================*/
.top { 
	text-align: center;
	padding-top: 4px;}

.top a { 
	color:#000; }

.top a:hover {
	color:#999; }

.clear {clear: both; }


/* 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 */


::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #fff; /*scrolling track color*/
    border: 5px solid #eee; /*background color*/
}       
::-webkit-scrollbar-thumb:vertical {
    background: #000; /*scrollbar color*/
    border: 3px solid #eee; /*background color*/
    border-top: 3px solid #eee; /*background color*/
    border-bottom: 3px solid #eee; /*background color*/
}
::-webkit-scrollbar-thumb:horizontal {
    background: #000; /*scrollbar color*/
    border: 3px solid #eee; /*background color*/
    border-left: 3px solid #eee; /*background color*/
    border-right: 3px solid #eee; /*background color*/
}

/* IE용 스크롤 바 */
html {scrollbar-3dLight-Color: #eee; scrollbar-arrow-color: #fff; scrollbar-base-color: #eee; scrollbar-Face-Color: #fff; scrollbar-Track-Color: #eee; scrollbar-DarkShadow-Color: #eee; scrollbar-Highlight-Color: #fff; scrollbar-Shadow-Color: #eee;}

#tt-body-notice .title {display:none;}
#tt-body-notice .paging {display: none;}

*:focus { outline:none;}

 *::selection {
   background: #666;
   color: #eee;
}
*::-moz-selection {
   background: #666;
   color: #eee;
}