@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* ------------------------------------------------------------------- */
/* BBCode Helper */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* BBCode Helper */
/* ------------------------------------------------------------------- */
.emoticonborder	{ border-top:dotted 1px #f2f2f2; width:768px; #width:790px; _width:767px; border-color: #cbcbcb; padding: 3px; margin: 4px 0 -4px 4px; #margin: 4px 0 -4px 1px; height: 21px;}
.emoticonborder2 { border-top:dotted 1px #f2f2f2; width:768px; #width:790px; _width:767px; border-color: #cbcbcb; padding: 3px; margin: 4px 0 -4px 9px; #margin: 4px 0 -4px 1px; height: 21px;} 
.emoticons { cursor:pointer; float: left; margin:2px 2px 1px 0; } 
.emoticonspace { float: left; margin-right:0px; } 
.emoticonusage { cursor:pointer; float: right; } 
a.rollover img { border-width:0px; display:block; } 
a.rollover img.rollover { display:none; } 
a.rollover:hover { position:relative; background-color:transparent !important;} 
a.rollover:hover img { display:none; } 
a.rollover:hover img.rollover { display:block; }  


/* ===================================================================
   Common
=====================================================================*/
body {
		margin: 0px;
		font:12px/1.5 Malgun Gothic, AppleGothic, Arial, Helvetica, sans-serif;
		color: #333;
		background: url(images/bg.gif) repeat-x #464646;
}

a:link          { color:#999;     text-decoration:none;}
a:visited       { color:#999;     text-decoration:none;}
a:hover         { color:#ff0000;     text-decoration:underline;}
a:active        { color:#999;     text-decoration:none;}
img				{ border:none;}

.blog_bg	{background: url(images/blog_bg.gif) no-repeat center top}

/* ===================================================================
   Blog Layout
=====================================================================*/
#topline {
	width:100%;
	height:20px;
	color:#959595;
	text-align:center;
	padding-top:50px;
	margin-bottom:16px;
	background: url(images/blog_bg2.jpg) repeat-x center 0 #000;
}

#title {
	width:820px;
	margin:0 auto;
	padding-bottom:50px;
	.padding-bottom:0px;
	.margin-bottom:-10px;
}

#menu {
	width:800px;
	margin:0px auto;
	padding:10px;
	background:#CCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ff0000;
	border-right-color: #bbb;
	border-left-color: #bbb;
}

#submenu {
	width:816px;
	height:20px;
	margin:0px auto;
	padding:6px 2px 0 2px;
	text-align:center;
	background-color:#ebebeb;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width:1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style:solid;
	border-right-color: #bbb;
	border-left-color: #bbb;
	border-bottom-color:#d0d0d0;
}

#page {
	width:820px;
	margin:0px auto;
	background: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #bbb;
	border-left-color: #bbb;
}
.google_ad {margin-left:-10px; .margin-left:0px;}


#content {
	padding:6px 20px 20px 20px;
	#padding:6px 10px 20px 10px;
	background: url(images/page_bg.gif) no-repeat;
}

#footer {
	text-align: center;
    color: #999;
	clear: both;
	font-family: Malgun Gothic, AppleGothic, Arial, Helvetica, sans-serif;
	font-size: 90%;
	cursor:default;
}


/* ===================================================================
   Top Line
=====================================================================*/
#topline a				{ color:#959595; text-decoration:none;}
#topline a:hover		{ color:#CCC; text-decoration:none;}
#topline .topcenter		{ width:820px; margin:0 auto;}
#topline .topleft		{ float:left; width:580px; margin-top:4px; font:11px Arial, Helvetica, sans-serif; text-align:left;}
#topline .topright		{ float:right; width:220px; margin-top:4px; font:11px Arial, Helvetica, sans-serif; text-align:right;}
#topline .blog_desc		{ color:#999; font-weight:bold; font:11px Malgun Gothic, AppleGothic, Arial, Helvetica, sans-serif;}


/* ===================================================================
   Tilte
=====================================================================*/
#title .blog_title		{ float:left; width:520px; color:#FFF;}
#title .blog_search		{ float:right; width:250px; text-align:right; margin-top:18px;}


/* ===================================================================
   Menu
=====================================================================*/
#menu a					{ margin: 0 3px; text-decoration:none; color:#000;}
#menu a:hover			{ color:#ff0000; text-decoration:none;}
#menu .blogMenu      	{ text-align:left;}
#menu .blogMenu ul 		{ margin:0;  padding:0;  list-style:none;}
#menu .blogMenu li   	{ display:inline;  margin-left:3px;  padding-left:7px;}
#menu li.tab_meta 		{ background:none;}
#menu .moreMenuBox 		{ position:absolute; z-index:11; background-color:#ccc; border:1px solid #c5c5c5; padding:5px 10px; margin-left:202px; top:168px; }
#menu .moreMenuBox ul	{ margin:2px; padding:2px; list-style:none;}
#menu .moreMenuBox1 	{ position:absolute; z-index:11; background-color:#ccc; border:1px solid #c5c5c5; padding:5px 10px; margin-left:286px; top:168px; }
#menu .moreMenuBox1 ul	{ margin:2px; padding:2px; list-style:none;}
#menu .moreMenuBox2 	{ position:absolute; z-index:11; background-color:#ccc; border:1px solid #c5c5c5; padding:5px 10px; margin-left:536px; top:168px; }
#menu .moreMenuBox2 ul	{ margin:2px; padding:2px; list-style:none;}

/* ===================================================================
   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;
	}


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


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


/* ===================================================================
   Article
=====================================================================*/
.entry .title {
	height:30px;
	margin:60px auto;
	}
	
.posted {
	width:720px;
	.width:740px;
	text-align:right;
	}
	
.posted a {	color: #666; }
.posted a:hover { text-decoration: underline; }	
			
.admin {
	width:720px;
	.width:740px;
	margin: 0; 
	font-size: 0.9em;
	text-align: right;
	}
	
.article {
	margin: 5px 0 19px 0;
	text-align: justify;
	font-size: 1.0em;
	}

.article img				{border: 1px solid #CCC; padding: 5px;	margin: 2px; }
.article img:hover			{background-color: #E6E6E6;}

img[class="no"]	{border:0px; padding:0px; margin:0px;}

.article .cap1  { font-size: 1.0em; margin:0 ; color: #999; text-align: center;}
.article .dual  { margin-bottom:5px; } /* 그림 2개 */
.article .triple { margin-bottom:5px; } /* 그림 3개 */

.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 {
	background:url(images/quote.gif) 0 0 no-repeat;
	clear: both;
	color: #555;
	display: block;
	margin: 12px 16px;
	padding: 14px 16px;
		}

.tagTrail {
	margin: -2px 0 4px 0;
	font-size: 0.95em;
	padding-right: 30px;
	background:url(images/bullet_tag.gif) 694px 50% no-repeat;
	#background:url(images/bullet_tag.gif) 714px 50% no-repeat;
	}

.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;
	}

div.mixup_widget	{display:inline; float:left; width:420px !important; margin-left:150px;}
div.daum_view		{margin-top:-280px; .margin-top:-300px; padding-left:570px; width:80px; float:left;}
div.google_adsense	{float:left; width:200px !important; margin-left:15px; _margin-left:8px;}
div.allblog			{float:right;}

/* ===================================================================
   Trackback
=====================================================================*/
.trackback .tbadd {
	font-size: 0.85em;
	font-weight: bold;
	text-align: center;
	}
.trackback ol {
	margin: 5px 0;
	padding: 0;
	list-style: inside;
	}
.trackback li {
	padding-bottom: 3px; 
	}
a.delete {
	text-decoration : none; 
	font-size: 1.2em;
	}


/* ===================================================================
   Comment - List
=====================================================================*/
.comment { font-size: 1.0em; }
.comment img {border: 0; }

.comment a {
	text-decoration:none; 
	}
.comment a:hover {
	color :#ff0000	;
	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 8px 8px 42px; margin:7px 0 10px 0;	
	list-style: none; 
	background:url(images/iconIndentArrow_local.gif) 18px 50% no-repeat;
	background-color: #eee;
	} /* 댓댓글 전체를 감싸는 부분의 스타일 */

.comment ol li	{ 
	padding: 5px 0 0 0;
	border-bottom: 1px solid #eee;	
	}
	
.comment ol li ul li {
	padding-top : 0; 
	border:0;
	}
.comment .rp 		{ margin-bottom: 7px; }
.comment .name2 a,
.comment .name2		{ font-weight:bold; font-size:14px; color:#333; text-decoration:none;}
.comment .date,
.comment .control	{ font-size:11px; color:#999; text-decoration:none;}


/* ===================================================================
   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; vertical-align:middle;color:#666;border:1px solid #ddd; background:#f2f2f2; }
.comment input:hover	{padding:2px .5em;width: 300px; vertical-align:middle;color:#666;border:1px solid #666; background:#E1E1E1; }
.comment input:focus	{padding:2px .5em;width: 300px; vertical-align:middle;color:#666;border:1px solid #f00; background:#FFF; }
.comment textarea 		{padding:2px .5em;width:760px;#width:782px;_width:758px; height:100px;border:1px solid #ddd;color:#666; overflow:hieedn; background:#f2f2f2 url(images/textarea_bg1.gif) center no-repeat;;}
.comment textarea:hover 		{padding:2px .5em;width:760px;#width:782px;_width:758px; height:100px;border:1px solid #666;color:#666; overflow:hieedn; background:#E1E1E1 url(images/textarea_bg2.gif) center no-repeat;}
.comment textarea:focus 		{padding:2px .5em;width:760px;#width:782px;_width:758px; height:100px;border:1px solid #f00;color:#666; overflow:hieedn; background:#fff url(images/textarea_bg.gif) 0 -24px no-repeat;}

.comment .checkbox 	{background:none;padding:0;width:12px;border:0 none;}
.comment .submit		{cursor:default;}
.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:10px verdana;	
	padding: 20px 0;
	cursor:default;
	}

.paging .numbox { 
	padding-left:6px; 
	margin-left:6px;  
	}
		
.paging .num { 
	padding-right:8px; 
	margin-right:5px;
	}
		
.selected { 
	font-weight:bold;
	font-size: 12px; 
	}


/* ===================================================================
   Footer
=====================================================================*/
#footer a:link,
#footer a:visited {
    color:#999;
	text-decoration: none;
	}

#footer a:hover,
#footer a:active {
	color:#999;
	text-decoration: underline;
	}

#footer-contents {
	background:#333;
	width: 752px;
	text-align: left;
	margin: auto;
	padding: 35px;
	}

#footer-contents[dir=rtl] {
	text-align: right;
	}
	
.copyright	{width:600px; float:left;}
.ccc		{width:90px; float:right; margin-top:40px}

.clear {
	clear:both;
	}

.sidetitle { 
	font-size: 1.1em;
	font-weight: bold;
	}
	
.sidebox {
	float: left;
	width: 140px;
	margin:0 5px 20px 5px;
	#display:none;
	}
	
.sidebox ul {
	margin: 0;
	padding: 0; 
	list-style:none;
	}

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

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

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

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

ul.tagcloud li .cloud5 {
	font: normal 0.9em Malgun Gothic, AppleGothic;
	color:#999;
	}
	
#footer-divider hr { display: none; }
#footer-divider { clear: both;}