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

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:2em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}

/* 1. 본문 전체  */
body {
	font: 12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
	color : #666666;
	background:url(images/bg.gif) repeat-x top left #FFF;
}
td, input, textarea {
	font: 12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
	color : #666666;
}
/* 2. 기본 링크 */
	a:link {
		text-decoration: none;
		color : #333333;
	}
	a:visited {
		text-decoration: none;	
		color : #333333;
	}
	a:hover {
		text-decoration: underline;	
		color : #666666;
	}
	a:active {
		text-decoration: none;	
		color : #666666;
	}	
/* 3. 이미지 */
	img {
		border-width: 0px;
	}
/* 4. 이미지 버튼 */
	.ib {
		cursor: pointer;
	}
/* 5. 입력 텍스트 */
	.text {
	border:1px solid #999999;
	}
/* 6. 트리 테이블 */
	.branch2 {
	}
/* 7. 트리 셀 */
	.branch3 {
		cursor: pointer;
		height: 10px;
	}
/* 8. 달력 월 표시 */
	.cal_month {
		font-size : 11px;
		height: 20px;
	}
/* 9. 달력 요일 표시 */
	.cal_week1 {
		font-size : 11px; 	
		height:18px;
	}
/* 10. 달력 일요일 표시 */
	.cal_week2 {
		color: #ff3300;
		font-size : 11px; 	
		text-align: center;
	}
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {
		color: #000000;
		font-size:11px; 
		text-align:center;
	}
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {
		color: #000000;
		font-size : 11px; 	
		text-align: center;
	}
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {
		font-size : 11px; 	
		text-align: center;
	}
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {
		text-align: center;
		font-size : 11px; 		
                   background-color:#9cc;		
		font-weight: bold;
                  color: #666666;
	}
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link {
		font-weight: bold;
		color : #000000;
	}
	a.cal_click:visited {
		font-weight: bold;
		color : #000000;
	}
	a.cal_click:hover {
		font-weight: bold;
		color : #000000;
	}
/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
		color: #999;
		text-align: right;
	}
/* 16. 키워드 스타일 */
	.key1 {
		cursor: pointer;
		border-bottom: 1px dotted #cccccc;
	}
/* 16. 카테고리 옆 개수 스타일 */
	.c_cnt {
		font:9px Tahoma;
		color : #6666FF;
	}
/* 17. 최신글 옆 개수 스타일 */
	.ps_cnt {
		font:10px Tahoma;
		color : #6666FF;
	}

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
body {
	background-color:#FFFFFF;
	padding:0px 0;
	}
hr {
display:none;
}	
/* Structured */
#container {
	width:860px;	
	margin:0 auto; 
	padding:10px;  
	background-color:#FFFFFF;
}
#content {
	float:left;
	width:650px;
	overflow:hidden;
	margin-top:0px;
}
#header {
	padding:0 10px 0 20px;
	margin-bottom:8px;
	min-height:90px;
	background:url(images/top.jpg) repeat-x top left;
	height: 285px;
}
#sidebar {
	width:190px;
	margin-left:660px;
	margin-top:0px;
}
#footer {
	clear:both;
}
/* header */
#header a              { color:#333;  padding:0 3px;}

#header h1             { float: left; padding: 10em 0 0.3em 0;}
#header .blogMenu      { text-align:right; padding: 21.5em 0 0.3em 0;}

#header h1 a           { font-family:Verdana;  font-weight:bold;}
#header h1 a:hover     { color:#777;  text-decoration:none;}

#header .blogMenu ul   { margin:0;  padding:0;  list-style:none;}
#header .blogMenu li   { display:inline;  background:url(images/bullBar.gif) no-repeat;  margin-left:3px;  padding-left:7px;}
#header li.tab_localog { background:none;}


/* sidebar common*/
#sidebar ul{
	margin:0;
	padding:0;
	list-style:none;	
	}
#sidebar .name {
	font:11px dotum;
	color:#999999;
}
#sidebar .date {
	font-size:10px;
	font-family:Verdana;
	color:#999999;	
}	
#sidebar .cnt {
	font :10px Tahoma;
	color:#333333;
}
#sidebar h3 {
	font:11px dotum;
	padding:10px 0px 3px 0;
	margin:0;
	color:#0054A6;
	border-bottom:1px solid #CCCCCC;
}	
#sidebar a {
	color:#666666;
}	
#sidebar .box {
	padding:8px;
}
#sidebar .calendar{
         font-family:Verdana;}

/* admin menu */
#sidebar .owner {
	font-size:11px;
	text-align:center;
}
/* blog info (desc, image) */

#sidebar .blogimg {
	width:190px;
	overflow:hidden;
	text-align:center;
	margin-bottom:3px;
}
#sidebar .bloginfo {
	text-align:center;
	font: 11px dotum, 돋움, Arial, sans-serif;
	letter-spacing:-1px;
}
#sidebar .bloginfo img{
	padding:5px;
}
#sidebar .userID               { color:#888;  background:url(images/iconBy.gif) 3px 0 no-repeat;  padding-left:22px;  letter-spacing:-1px;}
/* notice list */
#sidebar .notice               { margin:10px 0;  padding:0;}
#sidebar .notice li            { border-bottom:1px dotted #ddd;  margin:0 0 2px 0; padding:0 0 1px 0; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited     { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:1px 0 5px 27px;}
#sidebar .notice a:hover       { background:url(images/iconNotice_on.gif) 0 0 no-repeat;  padding:0 0 5px 27px; text-decoration:none; color:#0054A6;}
/* search */
#sidebar .search {
	text-align:center;
	padding:5px 0;
}
#sidebar .search input{
	width:143px;
}
#sidebar .search .submit{
	border:1px solid #777777;
	background-color:#777777;
	font:10px Tahoma;	
         color:#FFFFFF;
	width:37px;	
}
/* category, category_list*/
#sidebar .category .box li ul li ul li{
	list-style-image:none;
	padding-left:10px;
	margin-left:7px;
	border-left:1px dotted #999999;
}
#sidebar .category .box a{
	font-size:12px;
	color:#333333;
}
/* tag cloud*/
#sidebar .tagbox ul {
	padding:5px;
	text-align: justify;
  }
#sidebar .tagbox a {
	letter-spacing:-1px;
	}	
#sidebar .tagbox li .cloud1 {
	background-color:#eee;
	font-weight:bold;
  font-size : 16px;
  color : #a2348f;
  }
#sidebar .tagbox li .cloud2 {
	background-color:#eee;
	font-weight:bold;	
  font-size : 15px;
  color : #5a5194;
  }
#sidebar .tagbox li .cloud3 {
	background-color:#eee;
	font-weight:bold;	
  font-size : 14px;
  color : #7870ab;
  }
#sidebar .tagbox li .cloud4 {
	background-color:#eee;
  font-size : 13px;
  color : #666666;
  }
#sidebar .tagbox li .cloud5 {
  font-size : 12px;
  color : #999999;
  }	
#sidebar .tagbox a:hover{
	background-color:#eee;
	text-decoration:none;
  color:#000000;
  }	
/* recent posts, recent comment, recent trackback, archive, link */
#sidebar .listbox {
	padding:5px 0;
}
#sidebar .listbox ul {
	padding:5px 0;
	margin-left:3px;
}
#sidebar .listbox li {
	background:url(images/bul.gif) no-repeat 0 5px;
	line-height:16px;
	padding-left:8px;
}	
/* counter */
#sidebar .counter {
	background-color:#eee;
	padding:5px 0;
	text-align:center;
	font:10px verdana;
}
#sidebar .ad{
	text-align:center;
	padding:5px 0;
	margin-top:7px;
}

/* content common */
#content .titleinfo{
border-bottom:1px solid #DDDDDD;
padding-bottom:2px;
}
#content h2 {    /* post title */
	font-size:18px;
	padding-top:5px;
	margin:0;
}
#content h2 a:hover{    /* post title mouseover*/
	text-decoration:none;
	color:#000000;
}
#content h3 {    /* tag, search, location, guestbook title */
	font-size:14px;
	color:#333;
	margin:10px 0;
	border-bottom:5px solid #DDDDDD;	
	padding-bottom:5px;
}
#content ol, #content ul {
	list-style:none;
	padding:0;		
	margin:0;
}
#content .name {
	font-size:13px;
	color:333333;
}
#content .date {
	font:11px 돋움;	
	color:#999999;	
}
#content cite {
	font-size:12px;
	font-style:normal;
	color:#666666;
}
/* tag  */
#content .tagcloud{
	border:20px solid #EEEEEE;
	padding:20px;
	margin-bottom:10px;
}
#content .tagcloud ul {
	padding:5px;
	text-align:justify;		
  }
#content .tagcloud li {
	display:inline; 
	}		
#content .tagcloud a:hover{
	background-color:#EEEEEE;
  color:#000000;
  }		
#content .tagcloud li .cloud1 {
	background-color:#EEEEEE;
	font-weight:bold;
  font-size : 16px;
  color : #a2348f;
  }
#content .tagcloud li .cloud2 {
	background-color:#EEEEEE;
	font-weight:bold;	
  font-size : 15px;
  color : #5a5194;
  }
#content .tagcloud li .cloud3 {
	background-color:#EEEEEE;
	font-weight:bold;	
  font-size : 14px;
  color : #7870ab;
  }
#content .tagcloud li .cloud4 {
	background-color:#EEEEEE;
  font-size : 13px;
  color : #666666;
  }
#content .tagcloud li .cloud5 {
  font-size : 12px;
  color : #999999;
  }	

/* search list, rplist */	
#content .list, .rplist{
	margin-bottom:10px;
	border:20px solid #EEEEEE;
	padding:20px;
}
#content .rplist{
	color:#999999;
	font-size:11px;
}
#content .list .date, .rplist .date{
	padding-right:8px;
}
/* location */
.location{
	border:20px solid #EEEEEE;
	padding:20px;
	margin-bottom:10px;
}
.location .spot {
	padding-left:30px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 2px;
	margin-bottom:3px;
	}	
.location .info {
	padding-left:15px;
	background:url("images/iconIndentArrow_localinfo.gif") no-repeat 0 50%;
	margin-bottom:3px;
	}	
.location a{
color:#a2348f;
}
.location a:hover{
color:#333333;
}
/* guestbook > write */
.guestbook {
	border:20px solid #eee;
	padding:20px;
	margin-bottom:10px;
}
.guestbook .write {
	margin-bottom:20px;
}
.guestbook .write p{
	padding:2px;
	margin:0;
}
.guestbook .write input{
	border:1px solid #999;
	height:18px;
	width:200px;
}
.guestbook .write .homepage{
	height:18px;
	width:400px;
}
.guestbook .write .submit{
	border:1px solid #aaa;
	background-color:#ddd;
	height:25px;
	width:98%;
	color:#333333;
}
.guestbook .write label{
	font:10px Verdana;
}
.guestbook .write textarea{
	width:98%;
	height:150px;
	border:1px solid #E2E2E2;	
	overflow:visible;
}
/* guestbook > list */
.guestbook p{
	padding:5px 0;
	margin:0;
}
.guestbook .clist{
	border:0;
}
.guestbook .clist ol li{
	padding:10px 10px 10px 15px;
	background:url("images/iconGuestbook.gif") no-repeat 0 12px;	
}
.guestbook .clist li ul li{
	padding-left:30px;
	margin-left:20px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
	background-color:#f5f5f5;
}
.guestbook .clist .guest_admin span,
.guestbook .clist .guest_admin a,
.guestbook .clist .guest_admin p{
	color:#a2348f !important;
}
.guestbook .clist .guest_secret p{
	color:#FF7F7F !important;
}
.guestbook .clist li .name{
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
.guestbook .control a{
	font:11px dotum;
	color:#777777;
	letter-spacing:-1px;
}
.guestbook .control a:hover{
	color:#000000;
}



.entry {
	border:7px solid #EEEEEE;
	padding:20px;
	margin-bottom:10px;
}
/* entry > notice */
.entry_notice {
	border:20px solid #EEEEEE;
	padding:20px;
	margin-bottom:10px;
	}
.entry_ .article {
	padding:10px 0;
}	
/* entry > protected  */
.entry_protected {
	border:20px solid #EEEEEE;
	padding:20px;
	margin-bottom:10px;
	}
.entry_protected h2 {
	color:#EEEEEE;
	background:url(images/icon_protected.gif) no-repeat center left;
	padding-left:20px;
}
.entry_protected input {
	border:1px solid #E2E2E2;
	font:11px Tahoma;
}
.entry_protected .submit {
	border:1px solid #BBBBBB;
	background-color:#DDDDDD;
}

/* entry article*/
.entry .article {
	padding:10px 0;
	overflow:hidden;	
}
.entry .admin{
font:11px dotum, 돋움, Arial, sans-serif;
color:#999;
}
.entry .article blockquote {
	border-left: 7px double #CCCCCC;
	margin: 10px 10px 10px 20px;
	padding-left: 10px;
}	
.entry .article a{
	color:#333333;
	border-bottom:1px dotted #999999;
}	
#content .entry .article ul{
	padding:10px 30px;
	list-style-type:disc;
}	
#content .entry .article ol{
	padding:10px 30px;
	list-style-type:decimal;
}		
.entry .article a:hover{
	color:#333333;
	text-decoration:none;
}	

.entry .name a{
	color:#888888;
}
.entry .date{
	color:#888888;
}

/* entry top button*/
.entry .btn_top{
	text-align:right;
	float:right;
	clear: both;
	margin-top:3px;
}
/* entry tag */
.entry .tagbox{
	padding:5px 5px 5px 20px;
	background:url(images/entry_tag.gif) center left no-repeat;
	
}

/* entry trackback, comment  */
.entry .tbrp_box {
	border-top:1px dotted #CCCCCC;
	padding:7px 8px;
	font:11px verdana;
}
.entry .tbrp_box .cnt{
	color:#0054A6;
}
/* entry trackback */
.entry .trackback {
	border-top:1px solid #DDDDDD;
	font-family:verdana, dotum;
	background-color:#f5f5f5;
	padding:10px;
	margin-bottom:4px;
}	
.entry .trackback .add {
	margin:5px;
	font:11px Verdana;
	color:#333333;
}	
.entry  .trackback li{
	border-top:1px dotted #cccccc;
	padding:10px 0;
}
.entry .trackback h4{
	font:12px Verdana;
	font-weight:normal;
	margin:0;
}
/* entry comment */
.entry .commentlist {
	border-top:1px solid #DDDDDD;
	background-color:#f5f5f5;
	padding:10px;
}
.entry .commentlist .name{
	color:#222222;
	font-weight:bold;
}
.entry .commentlist .name a{
	color:#222222;
	font-weight:bold;
	text-decoration:underline;
}
.entry .commentlist p{
	margin:0;
}	
.entry .commentlist ol li{
	padding:15px 10px 0 15px;
	background:url("images/iconGuestbook.gif") no-repeat 0 15px;		
}
.entry .commentlist li ul li{
	padding:15px 10px 0 25px;
	background:url("images/iconIndentArrow_local.gif") no-repeat 10px 12px;
	background-color:#f5f5f5;
}
.entry .commentlist p{
color:#666666;
}
.entry .commentlist .rp_admin span,
.entry .commentlist .rp_admin a,
.entry .commentlist .rp_admin p{
	color:#333333 !important;
}
.entry .commentlist .rp_secret p{
	color:#FF7F7F !important;
}
.entry .control{
	font:11px dotum;
	color:#777777;
	letter-spacing:-1px;
}
.entry .control a{
	font:11px dotum;
	color:#777777;
	letter-spacing:-1px;
}
.entry .control a:hover{
	color:#000000;
}
.comment .write {
	margin:20px 0;
}
.comment .write p{
	padding:2px;
	margin:0;
}
.comment .write input{
	border:1px solid #E2E2E2;
	width:150px;
}
.comment .write .homepage{
	width:260px;
}
.comment .write .submit{
	border:1px solid #E8E8E8;
	background-color:#E8E8E8;
	height:25px;
	width:545px;
	color:#666666;
}
.comment .write label{
	font:11px dotum;
}
.comment .write textarea{
	width:541px;
	height:100px;
	border:1px solid #E2E2E2;	
	overflow:visible;
}
.comment .write .checkbox{
	border:none;
	padding:0;
	margin:0;
	width:25px;
	}

/* paging */
.paging
{
	padding-top:10px;
	text-align:center;
	font:10px Tahoma #;
}
.paging a:hover   
{ 
	padding-top:10px;
	text-align:center;
	font:10px Tahoma #666;
}
/* footer */
#footer {
	text-align:center;
	padding:10px 10px 10px 10px;
	font:11px Verdana, dotum;
	color:#666666;
}
#footer a{
color:#666666;
}
#footer a:hover{
color:#333333;
}
