@charset "utf-8";
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	background: url(images/img01.gif) repeat-y center;
	font-family: "Trebuchet MS", "맑은 고딕", dotum, Helvetica, sans-serif;
	color: #323232;
	margin: 0;
	padding: 0;
	font-size: 9px;
	}
	
form {
}
input.button {
	background: #763320 url(images/img07.gif) repeat-x;
	color: #FFFFFF;
}	

a { text-decoration: none; color: #D15803; }
a:hover { text-decoration: none; color: #827F4F; }

/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#CCC;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
	img						{ border:0; }
    .imageblock             { padding:5px;  margin:0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { margin-bottom:5px;}
	

/* 레이아웃 */

#page {
	width: 1160px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#content {
	float: right;
	width: 800px;
	background: url(images/img04.gif) no-repeat right top;
	padding-top: 35px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0;
}

#sidebar { float: left; width: 240px; padding: 20px 0 0 30px; background: url(images/img03.gif) no-repeat; color: #E3E3D4;}
/* Header */

#header {
	width: 1080px;
	height: 100px;
	background: url(images/img02.gif);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

#logo { float: left; }
<!-- #logo h1 { float: left; font: 15px "Trebuchet MS", dotum, sans-serif; font-weight:bold; color: #F3F3E9; margin: 0; padding-top: 25px;} -->
#logo h1 { float: left; font: 15px dotum; font-weight:bold;color: #F3F3E9; margin: 0; padding-top: 25px;}
#logo a { color: #F3F3E9;}
#logo a:hover { text-decoration:underline; }

#search { float: right; width: 200px; padding-top: 30px;}
#search input {	border: 1px solid #DEDED1; 	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;	}
#search input.text { padding: 11px; background: #FDFDFB url(images/img06.gif) repeat-x; }
#search input.button { background: #763320 url(images/img07.gif) repeat-x; color: #FFFFFF; }


/* Sidebar */
#sidebar h2 {font:15px Georgia, "Times New Roman", dotum, Times; font-weight: bold; color: #FFF; padding-left: 10px; margin: 10px 0 5px 0 }
#sidebar a { color: #FFF;}
#sidebar a:hover { color: #CCC; text-decoration: underline; }

#sidebar .cnt { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#CCC; }

#sidebar ul, #sidebar ol { margin: 0 0 20px 0; padding-left: 15px; list-style: none;}
#sidebar li { font:11.5px Georgia, "Times New Roman", sans-serif; line-height: 170%;}

#sidebar recent ul  { margin: 0 0 20px 0; padding-left: 15px; list-style: none; }
#sidebar .recent li { background:url(images/icon_recent.gif) no-repeat 0 50%; padding-left: 15px;  font:11.5px Georgia, "Times New Roman", sans-serif; line-height: 170%;}

/* Categories */

#sidebar .categories ul { padding-left:15px;  list-style:none;}
#sidebar .categories li a { display:block;}

/* 1 depth */
#sidebar .categories ul li ul { margin:0; padding-left:10px; list-style:none; }
#sidebar .categories ul li ul li {}

/* 2 depth */
#sidebar .categories ul li ul li ul  { padding:0; list-style:none; }
#sidebar .categories ul li ul li ul li a { padding-left:12px; background:url(images/bullet_category.gif) no-repeat 0 50%}

/* selected */
#sidebar .categories  .selected {
	font-weight:bold;
	}
#sidebar .categories  .selected ul li {
	font-weight:normal;
	}
	
#sidebar .tag_list	  { padding-right: 30px; }
#sidebar .tag_list ul { margin: 0 0 20px 0; padding-left: 20px; list-style:none;  }
#sidebar .tag_list li {  display: inline; }
.tag_list li .cloud1          { color:#fff;  font-weight:bold;  font-size:16px;}
.tag_list li .cloud2          { color:#fff;  font-weight:bold;  font-size:15px;}
.tag_list li .cloud3          { color:#fff;  font-weight:bold;  font-size:14px;}
.tag_list li .cloud4          { color:#fff;     font-size:13px;}
.tag_list li .cloud5          { font-size:12px;  color:#fff; }


#botton { padding-left: 10px; }
#botton img { border: 0; }


/* Content */

#content .post .taglog,
#content .post .keywords, 
#content .post .keylog,
#content .post .entryNotice, 
#content .post .entryProtected, 
#content .post .entryKeylog,
#content .post .entry                      {  margin-bottom:10px;}

#content .post h3   					   { font: 15px malgun, sans-serif; font-weight: bold; color: #D15803; margin: 15px 0 5px 0;}

#content .post .searchList ol, 
#content .post .searchRplist ol,
#content .post .searchTblist ol            { list-style:none;  padding:5px;  margin:0;}
#content .post .searchList li, 
#content .post .searchRplist li,
#content .post .searchTblist li			   { font-size: 12px; padding-bottom: 2px; margin-bottom:4px; }            
#content .post .searchTblist .contents	   { padding-bottom:2px;  margin: 5px 0;}			
#content .post .searchList .date, 
#content .post .searchRplist .date,
#content .post .searchTblist .date         { font-size:10px; color:#999; margin-right:10px; }
#content .post .searchList .cnt,
#content .post .searchRplist .name,
#content .post .searchRplist .cnt		   { font-size:10px;  color:#999;} 
#content .post .searchTblist .subject      { font-size:11px ; color:#f60; padding-left:8px;}

#content .post .taglog ul                  { margin:0; text-align:justify; }
#content .post .taglog li                  { display:inline;}
#content .post .taglog a:hover             { background-color:#eee;  color:#000;}
#content .post .taglog li .cloud1          { background-color:#eee;  color:#a2348f;  font-weight:bold;  font-size:16px;}
#content .post .taglog li .cloud2          { background-color:#eee;  color:#5a5194;  font-weight:bold;  font-size:15px;}
#content .post .taglog li .cloud3          { background-color:#eee;  color:#7870ab;  font-weight:bold;  font-size:14px;}
#content .post .taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
#content .post .taglog li .cloud5          { font-size:12px;  color:#999; }

#content .post .keywords ul                { margin:0; text-align:justify; }
#content .post .keywords li                { font-size: 11px; display:inline;}

#content .post .keylog ul                  { list-style:none; }
#content .post .keylog li				   { padding-bottom:2px;  margin-bottom:4px; }

#content .post 							   { font-size : 12px; text-align: justify; }
#content .post .titleWrap				   { padding-top: 10px; padding-bottom: 5px; }
#content .post .titleWrap .titleWrap2	   { border-top: 1px dotted #CCc; }
#content .post .titleWrap .titleWrap2 .category { background:url(images/icon_category.gif) no-repeat 0 80%; padding: 10px 0 0 15px; }
#content .post .titleWrap .titleWrap2 .category a { font: 11px dotum,Georgia, "Times New Roman", sans-serif ; color:#323232; }
#content .post .titleWrap .titleWrap2 .date,
#content .post .titleWrap .titleWrap2 .author      { font:10px Verdana, Helvetica, Arial, malgun, sans-serif;  color:#999; }
#content .post .titleWrap .admin    	   { margin: 10px 0; text-align:right; }

#content .post .entryProtected p.text      { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;}
#content .post .entryProtected input       { width:200px;}
#content .post .entryProtected .submit     { width:50px; padding-top:2px; height:20px; background-color:#ccc;}


#content .post .article			   		   { margin: 15px 0; line-height: 170%; }
#content .post .article a				   { color:#323232; border-bottom: 1px dotted #D15803; }
#content .post .article a:hover			   { color:#D15803; border-bottom: 1px dotted #D15803; }
.key1 									   { cursor: pointer; border-bottom: 1px dotted #008000; }

.moreless_fold 			   				   { padding-left:20px; background:url(images/bullet_plus.gif) no-repeat 0 50%;} 
.moreless_top  			   				   { padding-left:20px; background:url(images/bullet_minus.gif) no-repeat 0 50%; margin-bottom:.5em;}
.moreless_bottom 		   				   { display:none;}
blockquote								   { margin-left: 20px; padding-left: 8px; border-left: 2px solid #9E9D89;}

#content .post .entry .tagTrail			   { background:url(images/icon_tag.gif) 0 50% no-repeat; padding-left : 30px; font-size: 11px; }
#content .post .entry .actionTrail		   { font-size: 11px; text-align: right; padding: 5px 0; border-bottom:1px dotted #969696; }


/* trackback */
#content .post .entry .trackback		   { border-bottom :1px dotted #969696; }
#content .post .entry .trackback .tbadd	   { text-align:center; font-size: 11px; font-weight: bold; color: #999; letter-spacing: 1px; padding: 5px 0; }

#content .post .entry .trackback h4		   { font-size: 11px; margin: 0; padding: 10px 0 5px 0; border-top :1px dotted #969696;}
#content .post .entry .trackback ol		   { margin: 0 0 10px 0;  padding: 0 ; list-style:none; }
#content .post .entry .trackback li		   { color:#999; }
#content .post .entry .trackback p		   { font-size: 11px; text-align: justify; margin:3px 0 0 0; padding:3px 0 ;  }

/* comment */
#content .post .entry .comment .commentList { margin: 10px 0; } 
#content .post .entry .comment ol 			{ margin: 0 0 20px 0; padding: 0; list-style: none; border-bottom :1px dotted #969696; }
#content .post .entry .comment li 			{ padding-top: 5px; }
#content .post .entry .comment ul			{ margin: 0 0 10px 0; padding-left:15px; list-style: none; }

#content .post .entry .comment .name        {  }
#content .post .entry .comment .date 		{ font-size: 10px; color:#999;}
#content .post .entry .comment .control a.address       { background:url(images/iconUrl.gif) no-repeat 0 50%;  padding-left:30px;  padding-bottom:2px;  text-decoration:none;}
#content .post .entry .comment .control a.address span  { display:none;}
#content .post .entry .comment .control a.modify        { background:url(images/iconModify.gif) no-repeat 0 50%; padding-left: 50px;  padding-bottom:2px;  text-decoration:none;}
#content .post .entry .comment .control a.modify span   { display:none;}
#content .post .entry .comment .control a.write         { background:url(images/iconWrite.gif) no-repeat 0 50%;  padding-left: 50px; padding-bottom:2px;  text-decoration:none;}
#content .post .entry .comment .control a.write span    { display:none;}

#content .post .entry .comment p.rp 		{ border-left:3px solid #E6A055; margin: 8px 0; padding-left: 5px; }
#content .post .entry .comment p.rp2 		{ border-left:3px solid #bfba67; margin: 8px 0; padding-left: 5px;  }


/* comment & guest Write area */
#content .post fieldset 	{ padding:1em; border:1px solid #f0f0e6; letter-spacing:0;}
* html fieldset 							{/* \ Not Mac */position:relative; clear:both;margin-top:1.8em;padding:2em 1em 1em;/* */}

#content .post legend 		{font:1.2em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#999;}
* html fieldset legend 						{/* \ Not Mac */position:absolute;top:-.8em;left:.4em;/* */}

#content .post fieldset div {margin:.3em 0;}

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

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


/* guest book list */
#content .post .guestbook .commentList { margin: 10px 0; } 
#content .post .guestbook ol 			{ margin: 0 0 20px 0; padding: 0; list-style: none; }
#content .post .guestbook li 			{ padding-top: 5px; margin-bottom: 30px; }
#content .post .guestbook ul			{ margin: 0 0 10px 0; padding-left:15px; list-style: none; }

#content .post .guestbook .name        {  }
#content .post .guestbook .date 		{ font-size: 10px; color:#999;}
#content .post .guestbook .control a.address       { background:url(images/iconAddress.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
#content .post .guestbook .control a.address span  { display:none;}
#content .post .guestbook .control a.modify        { background:url(images/iconModify.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
#content .post .guestbook .control a.modify span   { display:none;}
#content .post .guestbook .control a.write         { background:url(images/iconWrite.gif) no-repeat;  padding-left:52px;  padding-bottom:2px;  text-decoration:none;}
#content .post .guestbook .control a.write span    { display:none;}

#content .post .guestbook p.rp 			{ border-left:3px solid #E6A055; margin: 8px 0; padding-left: 10px; }
#content .post .guestbook p.rp2 		{ border-left:3px solid #bfba67; margin: 8px 0; padding-left: 10px;  }


/* page error*/ 
#page-error 			 { font-weight: bold; padding : 200px 0; text-align: center; }


/* paging */
#paging           { padding:10px;  text-align:right;  font-size:9px;}
#paging .numbox   { padding-left:6px; margin-left:6px;  font:9px verdana;}
#paging .num      { padding-right:8px; margin-right:5px;}
.selected         { font-weight:bold; }


/* Footer */

#footer {
	width: 1080px;
	text-align: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}

#footer p {
	font-size: 10px;
}