@charset "utf-8";

/* Body  */
body
{	background-color: #333333;
	background-image: url(./images/bg.png);
	background-attachment: fixed;
	background-position: top; 
	padding: 20px 0px 20px 0px;
	border: 0px;
	color: #666666;
	font-size: 11px;
	font-family: "Tahoma", "dotum", "Arial"; }



/* container (including in header, content, footer) */
#container
{	background-color: #000000;
	background: url(./images/bg_top.png);
	background-attachment: fixed;
	background-position: top; 
	width: 930px;
	margin: 0px auto;
	border: 1px solid #0d0d0d;
	z-index: 1;}



/* Link & Font */
img							{border-width:0px;}

a:link						{color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a:visited					{color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a:active					{color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a:hover						{color: #00ffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}

.title						{font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.title:visited				{font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.title:active				{font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.title:link				{font-size: 18px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.title:hover				{font-size: 18px; font-weight: bold; color: #00cccc; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}

.rep_link					{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 120%;}
a.rep_link:link				{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 120%;}
a.rep_link:visited			{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 120%;}
a.rep_link:link				{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 120%;}
a.rep_link:hover			{font-size: 11px; color: #339999; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 120%;}

.rep_link2					{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 100%;}
a.rep_link2:link			{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 100%;}
a.rep_link2:visited			{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 100%;}
a.rep_link2:link			{font-size: 11px; color: #666666; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 100%;}
a.rep_link2:hover			{font-size: 11px; color: #339999; text-decoration: none; font-family: "돋움", "dotum", "Tahoma", "Arial"; line-height: 100%;}

.content_title				{font-size: 14px; font-weight: bold; color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.content_title:visited		{font-size: 14px; font-weight: bold; color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.content_title:link		{font-size: 14px; font-weight: bold; color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.content_title:hover		{font-size: 14px; font-weight: bold; color: #00cccc; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}

.sidebar_opener				{font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.sidebar_opener:link		{font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.sidebar_opener:visited	{font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.sidebar_opener:active		{font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.sidebar_opener:hover		{font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}

.tagbox						{font-size: 10px; font-weight: bold; color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.tagbox:link				{font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.tagbox:visited			{font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.tagbox:active				{font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
a.tagbox:hover				{font-size: 10px; font-weight: bold; color: #333333; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}

.cloud1						{font-size: 11px; color: #ff6600 !important; font-weight: normal; font-family: "Tahoma", "dotum", "Arial";}
.cloud2						{font-size: 11px; color: #0099CC !important; font-weight: normal; font-family: "Tahoma", "dotum", "Arial";}
.cloud3						{font-size: 11px; color: #999999 !important; font-weight: normal; font-family: "Tahoma", "dotum", "Arial";}
.cloud4						{font-size: 11px; color: #666666 !important; font-weight: normal; font-family: "Tahoma", "dotum", "Arial";}
.cloud5						{font-size: 11px; color: #333333 !important; font-weight: normal; font-family: "Tahoma", "dotum", "Arial";}

.sub_title					{font-size: 10px; color: #339999;  text-decoration: none; font-family: "Tahoma", "dotum", "Arial"; font-weight: bold; padding: 0px 0px 3px 0px;}
.rep_regdate				{font-size: 11px; color: #999999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial"; margin: 0px 5px 0px 0px;}
.rep_date					{font-size: 9px; color: #3a3a3a; text-decoration: none; font-family: "Tahoma", "dotum", "Arial"; }
.rep_name					{font-size: 9px; color: #444444; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
.rep_desc					{margin: 3px 0px 0px 0px;}
.list_count					{font-size: 10px; color: #999999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
.counter					{font-size: 10px; color: #339999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
.description				{font-size: 9px; color: #333333; text-decoration: none; font-family: "Tahoma", "dotum", "Arial";}
.description_line			{font-size: 10px; color: #999999; text-decoration: none; font-family: "Tahoma", "dotum", "Arial"; margin: 0px 6px 0px 3px;}
.article					{font-size: 11px; color: #444444; text-decoration: none;}


/* header */
#header						{position: relative; top: 0px; right: 0px; width:930px; height:40px; margin: 0px 0px 5px 0px; padding: 8px 5px 0px 15px; z-index:2;}
#title_line					{position: relative; top: -2px; left: 0px; font-size: 10px; z-index: 3;}
#title_sub					{position: relative; top: -1px; left: 0px; font-size: 11px; z-index: 3;}
#title_since				{position: relative; top: 0px; left: 0px; font-size: 9px; z-index: 3;}
#mbox						{position: absolute; top: 8px; right: 23px; width: 685px; height: 45px; float: right; z-index: 4;}

/* sidebar */
#sidebar					{position: relative; top: 0px; right: 0px; width: 930px; height: 20px; border: 0px solid #333333; z-index: 2; }
.more_container				{position: relative; top: 0px; right: 0px; width: 930px; height: 465px; padding: 0px 0px 0px 0px; z-index: 3;}
#box						{position: relative; top: 0px; right: 0px;width: 40px; height: 40px; margin: 0px 5px 0px 0px; float: right; z-index: 5;}
#box_blank					{position: relative; top: 0px; right: 0px;width: 38px; height: 38px; margin: 0px 5px 0px 0px; background-color: ; float: right;  border: 1px solid #222222; z-index: 5;}
#dbox_01					{position: absolute; top: 0px; right: 3px; width: 685px; height: 45px; float: right; z-index: 4;}
#tbox_01					{position: absolute; top: 45px; right: 3px; width: 685px; height: 45px; float: right; z-index: 4;}
#sbox_01					{position: absolute; top: 90px; right: 3px; width: 685px; height: 45px; float: right; z-index: 4;}
#about						{position: absolute; top: 6px; left: 15px; width: 230px; height: 0px; z-index: 4;}
#about_content				{position: absolute; top: 20px; left: 15px; width: 230px; height: 135px; font-family: "Tahoma", "dotum", "Arial"; font-size: 9px; color: #3a3a3a; line-height: 11px; z-index: 4;}
#link_container				{position: relative; left: 14px; width: 900px; height: 300px; margin: 0px 0px 10px 0px; border: 1px solid #333333; z-index: 3;}
#sidebar_update				{position: absolute; top: 3px; right: 30px;width: 70; z-index: 5;}
#sidebar_openbox			{position: absolute; top: 0px; right: 10px; z-index: 5;}
#sidebar_open a				{background-image: url(images/bg_open.gif);}
#sidebar_close a			{background-image: url(images/bg_close.gif);}
#sidebar_menubox			{position: absolute; top: 0px; left: 15px; margin: 6px 0px 0px 0px; float: left; z-index: 4;}
#sidebar_Tag				{position: relative; top: 0px; left: 10px; width: 11px; height: 16px; margin: 0px 0px 0px 0px; float: left; z-index: 4;}
#sidebar_Media				{position: relative; top: 0px; left: 15px; width: 11px; height: 16px; margin: 0px 0px 0px 10px; float: left; z-index: 4;}
#sidebar_Location			{position: relative; top: 0px; left: 15px; width: 11px; height: 16px; margin: 0px 0px 0px 10px; float: left; z-index: 4;}
#sidebar_Guestbook			{position: relative; top: 0px; left: 15px; width: 11px; height: 16px; margin: 0px 0px 0px 10px; float: left; z-index: 4;}
#tagbox						{position: absolute; top: 155px; left: 255px; width: 140px; text-align: justify;}
#archive					{position: absolute; top: 155px; left: 433px; width: 90px; text-align: justify;}
#bookmarks					{position: absolute; top: 155px; left: 522px; width: 125px; text-align: justify;}
#recentPost					{position: relative; text-align: justify; margin: 0px 0px 15px 0px; z-index: 5;}
#recentComment				{position: relative; text-align: justify; margin: 0px 0px 15px 0px; z-index: 5;}
#recentTrackback			{position: relative; text-align: justify; margin: 0px 0px 15px 0px; z-index: 5;}
#recent						{position: absolute; top: 155px; right:15px; width: 257px; margin: 0px 0px 20px 0px; z-index: 4;}

/* content */
#content					{position: relative; top: 0px; left: 15px; width: 900px; padding: 15px 0px 0px 0px; border: 0px solid #333333; z-index: 2;}
#article					{margin: 30px 0px 0px 0px; padding: 0px 0px 50px 0px; z-index: 4;}
#searchList					{margin: 15px 0px 15px 0px;}
#searchRplist				{margin: 15px 0px 15px 0px;}
#titleWrap					{position: relative: top: 0px; left: 15px;  border: 0px solid #333333;}
#trail						{margin: 30px 0px px 0px;}
#trackback					{margin: 30px 0px px 0px;}
#actiontrail				{position: absolute; right:0}
#tagtrail					{top: 0; left :0px;  margin: 0px 6px 0px 0px; }
#pw_box						{text-align: center; vertical-align: middle;}
#pw_submit					{position: absolute; top: 1; left:495px; vertical-align: middle;}
#pw_warning					{position: relative; top: 1; left:-25px;}
.pw_submit input.submit		{width: 46px; height: 18px; background: url(images/txt_submit.gif) no-repeat;	}
.clear {clear:both; }


/* category */
.category					{width: 900px; margin: 0px; float: left;}
.category ul				{margin: 0px; padding: 0px; display: inline; font-size: 10px; font-family: "Tahoma", "dotum", "Arial";}
.category li				{margin: 0px; padding: 0px; display: inline; font-size: 9px; color: #339999 font-family: "Tahoma", "dotum", "Arial";}
.category li a:link			{text-decoration: none; color: #666666;}
.category li a:visited		{text-decoration: none; color: #666666;}
.category li a:hover		{text-decoration: none; color: #00ffff;}
.c_cnt						{font: 8px Tahoma; color: #339999; padding: 0px 20px 0px 0px;}
.branch3					{font: 9px Tahoma; padding: 0px 20px 0px 0px; cursor:pointer; } 



/* calendar */
#calendar					{position: relative; top: 155px; left: 15px; width: 168px; padding: 6px 5px 9px 5px; border: 1px solid #333333;}
#calendar h3				{display: none;}
#calendar table caption		{text-align: left;}
#calendar .cal_month		{width: 162px; height: 18px; padding-left: 6px;}
#calendar .this-month,
#calendar .this-month a		{color: #3399999; font: bold 10px Tahoma, dotum;/* 달력 월 표시 */} 
#calendar .nav				{float: right; margin-top: 2px; color: #454545; font-size: 8px;}
#calendar .nav a span		{display: none;}
#calendar .nav a:hover		{text-decoration: none;}
#calendar .nav a.prev-month	{padding-left: 10px; background: url(images/bg_MonthPrev.gif) no-repeat 0px 2px;}
#calendar .nav a.next-month	{padding-left: 18px; background: url(images/bg_MonthNext.gif) no-repeat 0px 2px;}
#calendar table thead		{display: none;}
#calendar table tbody td,
#calendar table tbody td a	{color: #616161; font: 10px/15px Tahoma, dotum; text-align: center;}
#calendar table tbody td.cal_day_sunday	{color:#009999;}
#calendar table tbody td.cal_day4	{color:#eaeaea;}



/* posting link  */
a.cal_click:link,
a.cal_click:visited			{text-decoration: underline;}



/* search */
#searchBox					{position: relative; top: 165px; left: 15px; width: 178px; height: 18px; margin-bottom: 15px; padding-top: 3px; border: 1px solid #333333;}
#searchBox input			{vertical-align: top;}
#searchBox input.text		{width: 145px; height: 14px; padding-left: 5px; border :0px; color: #959494; font: 11px/13px Tahoma, dotum;}
#searchBox .submit			{position: relative; top: -25px; left: 160px; width: 12px; height: 12px; margin: 0px; background: url(images/bg_search.gif) no-repeat; vertical-align:middle;}



/* lacation */
#localog .spot				{padding-left:14px; background:url(images/bg_indentArrow_local.gif) no-repeat 0px 1px;}
#localog .info				{padding-left:9px; background:url(images/bg_indentArrow_localinfo.gif) no-repeat 0px 5px;}



/* guestbook */
#guestWrite .input label,
.commentWrite .input label	{display: none;}
input						{margin-bottom: 10px; vertical-align:middle;}
input.name, input.password,
input.homepage				{height: 13px; border: 1px solid #333333; background-color: transparent; color:#A5A5A5; font:11px/13px dotum;}
input.name					{width :130px; height: 16px; padding: 1px 0px 0px 41px; border: 1px solid #33333; background: transparent url(images/txt_name.gif) no-repeat 0px 0px;}
input.password				{width: 130px; height: 16px; margin-left: 6px; padding: 1px 0px 0px 69px; border: 1px solid #33333; background: transparent url(images/txt_password.gif) no-repeat 0px 0px;}
input.homepage				{width: 417px; height: 16px; margin-left: 6px; padding: 1px 0px 0px 66px; border: 1px solid #33333; background: transparent url(images/txt_homepage.gif) no-repeat 0px 0px;}
.comment					{margin-top: 16px;}
#guestWrite, .commentWrite	{width: 900px; border: 0px solid #333333;}
#guestWrite					{margin-top: 5px;}
.commentWrite				{margin-top: 19px;}
.head label					{display:block; margin-bottom:3px; color: #919191; font: 11px dotum, sans-serif; text-transform:lowercase;}
.head						{float: left;}
#guestList					{margin-top: 20px;}
#guestList li, .commentList li {width: 900px; word-break:break-all; word-wrap:break-word; overflow: hidden;}
#guestList .name, #guestList .name a, .commentList .name, .commentList .name a {color: #DBDBDB; font: 11px/20px dotum, sans-serif;}
#guestList .date, .commentList .date {color: #838383; font: 9px/20px tahoma;}
#guestList p, .commentList p {padding: 5px 0 11px 0; color: #919191; font: 12px/15px dotum, sans-serif;}
.controlbox					{margin: 30px 0px 10px 0px;}
.control					{float: right; color: #838383; font: 9px tahoma;}
input.text					{height:14px; border:1px solid #333333; background-color:transparent; color:#A5A5A5; font:11px/11px dotum;}
textarea					{width:/*@post-width:-12*/888px/*@*/; height:80px; padding:5px; border:1px solid #333333; background-color:transparent; color:#919191; font:11px dotum;}
.submit						{text-indent:-5000px; overflow:hidden; display: block; border: 0px; cursor:pointer;}
.reply_submit				{width:/*@post-width*/900px/*@*/; height:18px; margin-top:10px; text-align:right;}
.reply_submit input.submit	{float:right; width:46px; height:18px; background:url(images/txt_submit.gif) no-repeat;}
#replybox					{border: 0px solid #333333; width: 880px; padding: 10px 10px 10px 10px; margin: 0px 0px 20px 0px; background-color: #000000; float: right; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
#reply						{margin: 15px 0px 0px 0px;}



/* 페이지 */
#paging						{margin: 35px 0px 35px 0px; text-align:center;}
.numbox a					{padding: 0 4px;}



/* footer */
#footer						{position: relative; top: 0px; right: 0px; width: 900px; margin: 15px 0px 15px 0px; border: 0px solid #333333;  z-index: 2;}
#footmenu					{margin: 15px 0px 0px 0px; text-align:center; z-index: 2;}