@charset "utf-8";

/*********************************************************************
* 배경 이미지
*********************************************************************/
#bg {background:url(./images/hong.gif) right bottom no-repeat;}

/*********************************************************************
* 전체 레이아웃 크기 지정
*********************************************************************/
#container /* 전체 컨테이너 테이블 */
{
width:760px; 
/* 
Width 기준값
- 1152 이상 해상도 : 840px 이상
- 1024 해상도 : 760px 이하 
- 배포용 : 720px 
(단, 100% 이렇게 % 값으로 주면 테이블이 내용에 맞춰줘서 줄어들어버림. 주의할 것.) 
*/
border:0px solid red; /* 테이블 레이아웃 확인용. 1px를 넣으면 확인 가능함 */
padding:3px;
}

#containerbox /* #container의 round_div를 지켜주는 테이블 */
{
width:768px; 
/* 100% 해도 무방함 
(단, 1024 미만인 해상도에서는 둥근 테이블이 표시되지 않고 네모 테이블이 표시됨 둥근 테이블 표시할 공간이 사라지기 때문. )
px로 지정해줄 때는 #container 값보다 8px 크게 잡아줄 것. 
변경시 #ENTRYBOX의 width값도 580/660px 정도로 수정해줄 것
skin.html의 ID=ENTRYBOX STYLE=WIDTH:570PX도 같이 수정해줘야 함.
ID=ENTRYBOX의 WIDTH값을 빼면, 자동으로 그림이 줄어들어지지 않음.
배포용 : 728px */
border:0px solid blue; /* 테이블 레이아웃 확인용. 1px를 넣으면 확인 가능함 */
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
}

#ENTRYBOX
{
BACKGROUND: url(./images/patternDotted.png) white;
MARGIN-TOP: 5px; 
border:0px solid red;
}

#content
{
padding:5px;
border:0px solid red; /* 테이블 레이아웃 확인용 */
width:600px;
}

/*********************************************************************
*	TABLES Width Layout
*********************************************************************/
#tb_admin
{
width:30px;
height:100%;
background-color:#282828;
}

#tb_bgcolorbox
{
width:20px;
height:100%;
background-color:#fff;
}

#tb_blog /* 왼쪽 블로그 이미지, 카테고리를 표시해주는 테이블 (적정값:152px) */
{width:152px;
}

#content_line /* 왼쪽 블로그와 컨텐트 테이블을 분리시켜주는 테이블 값 고정 (경고:수정하지 말 것) 단, padding-top과 padding-bottom은 추가 가능함 */
{
width:6px;
background-image:url(./images/im_l_bg.gif);
background-repeat: repeat-y;
padding:3px;
border:0px solid red;
}

#tb_container 
{
padding-top:10px;
padding-left:10px;
padding-right:5px;
padding-bottom:5px;
/*margin:0px; /* IE만 적용됨 */
}

#tb_calendar
{
padding-top:10px;/* col에 넣으면 이 값은 적용이 되지 않음 */
padding-left:0px;
padding-right:0px;
margin:0px;
width:160px;
/* text-align:center; 오페라.모질라 계열에선 안됨 */
}

/*********************************************************************
*	Div
*********************************************************************/
.rtop, .rbottom{display:block; background: #FFFFFF;}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #F0F0F0;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

/*********************************************************************
*	TABLES
*********************************************************************/
.fixed {table-layout:fixed}
.none {font-size:1px; font-family:verdana; line-height:1%;}


/* 반드시 들어가야 하는 스타일 시작 */

/* 1. 본문 전체  */
	table, td, input, textarea {
		font:12px 바탕, Verdana, Tahoma;
		color:#555; 
		margin:0px;
		line-height:150%;
		word-break:break-all; 		
	}

	/* body 설정 */
body {
font:12px 바탕, Tahoma;
		color:#555; 
		margin:0px;
		line-height:150%;
		word-break:break-all; 		
	background:url("./images/bg.gif") repeat #3b3b3b;	
	}
/* 2. 기본 링크 */
	a:link, a:visited { color : #9C9C9C; text-decoration: none;}
	a:hover { color : #EF5900;	text-decoration: none;	}


/* 3. 이미지 */
	img { border-width: 0px; }
	
/* 4. 이미지 버튼 */
	.ib { cursor: pointer; }

/* 5. 입력 텍스트 */
	.text { border:1px solid #999; }

/* 6. 트리 테이블 */
	.branch2 {	}
	
/* 7. 트리 셀 */
	.branch3 { cursor: pointer;	height: 10px; 
	font:11px verdana;}

/* 18. 트리의 카테고리 옆 개수 스타일 */
	.c_cnt { font:9px tahoma; color : #999;}


#calendar
{
font-size:10px;
font-family:verdana;}

/* 8. 달력 월 표시 */
	.cal_month { font-size : 9px; font-family:verdana;font-weight:bold;color:#9c9c9c;} 

/* 9. 달력 요일 표시 */
	.cal_week1 { font-size : 9px; height:18px; font-family:verdana;font-weight:normal;color:#000;}

/* 10. 달력 일요일 표시 */
	.cal_week2 { color: #EF5900; font-size:10px; text-align: center; font-family:tahoma, verdana;font-weight:normal;}


/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1 {	color: #9C9C9C; font-size:10px; text-align:center; font-family:tahoma, verdana;}

/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2 {	color: #9C9C9C; font-size : 10px; text-align: center; font-family:tahoma, verdana;}

/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3 {	font-size : 10px; text-align: center; font-family:tahoma, verdana;color:#9C9C9C;}

/* 14. 달력 오늘 날짜 표시 */
	.cal_day4 {	font: 10px tahoma; text-align: center; color:#636363;}

/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click:link, a.cal_click:visited {	
	color : #777; 
	font-weight: normal;
	font: 10px tahoma;
	border:1px solid #eee; 
	background-color:#fff; 
	padding-left:2px;
	padding-top:0px;
	padding-right:3px;
	width:18px;
	height:12px; } 

	a.cal_click:hover {	color : #369; font-weight: normal;font-family:tahoma, verdana;} 

/* 16. 이미지 아래 캡션 스타일 */
	.cap1 {
	color: #666666;
	text-align: center;
	font: 11px "돋움", "돋움체";
}

/* 17. 키워드 스타일 */
	.key1 {	cursor: pointer; border-bottom: 1px dashed #ccc; }



/* 19. 최신글 옆 개수 스타일 */
	.ps_cnt { font:10px Tahoma;	color : #666; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
.input_kor {border:1px solid #cdcdcd;background-color:f7f5f7;width:100%;height:18px}
select,option,input, textarea {
	font-family:verdana, tahoma, 돋움, 굴림, seoul, arial;
	font-size:10px;
	color:#000000;	
	margin:0;
}




/* header 설정 */
#header {
	margin-left: 30px;
	}

#header .header_title{
	font-family:Tahoma;
	font-size:24px;
	line-height:32px;
	color:#999;
	font-weight:bold;
	}
.header_title A:link, .header_title A:visited { color:#999; text-decoration:none;}
.header_title A:hover { color:#ccc; text-decoration:none;}

 #header .blog_info {
	font-family:Dotum;
	font-size:11px;
	color:#999;
	text-align:left;
	margin-bottom: -14px;
	}

/* Side 설정 */

 #side {
	float:right;
	width:190px;
	overflow:hidden;
	margin-left: 20px;
	clear: both;
	}

/* 사이드 리스트 박스 설정 */
.side_list_box { 
	padding-left:6px;
	}

/* 사이드 리스트 설정 */
.side_list { 
	font:12px Dotum;
	color:#777;
	word-break:break-all;
	padding-left:6px;
	padding-bottom:8px;
	background:url("./images/bul.gif") no-repeat 0px 4px;
	}
	#side A:link, #side A:visited { color:#999; text-decoration:none;}
	#side A:hover { color:#ccc; text-decoration:underline;}


/* 사이드 태그 설정 */
.side_tagbox 
{
text-align: justify;
font:10px 굴림;
word-break:break-all; 
padding-top:4px; line-height:20px;
}
.side_tagbox a { letter-spacing:-1px; }	
/* 태그 클라우드 스타일 */
.cloud1 {
	font-family:Tahoma;
	font-weight: bold;
	font-size :12px;
	color :#996699!important ;
	}
	
.cloud2 {
	font-family:돋움;
	font-weight: bold;
	font-size :11px;
	color :#0099CC!important ;
	}

.cloud3 {
	font-family:돋움;
	font-size :11px;
	color :#0099CC!important ;
	}

.cloud4 {
	font-family:돋움;
	font-size :11px;
	color :#009966!important ;
	}
	
.cloud5 {
	font-family:돋움;
	font-size :11px;
	color :#999 !important ;
	}

.side_tagbox a:hover {
	background-color:#efefef;
	color:#999;
	font:11px 굴림;
	padding-top:5px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	}

.side_tagbox a:link
{
	color:#999;
	font:11px 굴림;
	line-height:160%;
}

.side_tagbox a:visited {color:#777;font:11px 굴림;}


/* 검색폼 설정 */

.search {
	width: 180px;
	margin:0px;
	text-align: center;
	}

.search_input {
	width:100px;
	height:21px;
border-left:1px solid #eee;
border-top:1px solid #eee;
border-bottom:1px solid #efefef;
border-right:1px solid #efefef;
PADDING-top: 3px; 
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin-top:0px;
COLOR: #9c9c9c;
font:normal 9pt verdana;
padding-left: 4px;
	}

.submit {
	border:1px solid #555555;
	background-color:#555555;
	font:7pt Verdana;
	color:#999;
	width:50px;	
	height:18px;
	}
.search_btn
{padding-top:0px;margin-top:1px;text-align:center;
vertical-align:top;}

/* 카운트 설정 */
#side_counter
{
font: 10px tahoma, verdana ;
padding-bottom:3px;
color:#070907;
text-align:center;
padding-right:10px;
}

.notice {
	padding-top:4px;
	padding-left: 4px;
	font:8pt "굴림";
	color:#777;
	height:14px;
}

.notice a:link, .article a:visited {
	font: 8pt 굴림;
}	

.recentEntries
{
	font:11px 굴림, tahoma, verdana;
	color: #696969;
	line-height:160%;
	
}

.recentComments, .recentTrackbacks {
	font:11px 굴림, tahoma, verdana;
	color: #696969;
	border-bottom:1px dotted #E2E2E2;
	padding-top:4px;
	height:32px;
}

.recentComments a:link a:visited {font: 10px 굴림;}

/* main 설정 */
 #main {
	float:left;
	width:680px;
	padding:0px 0px 30px 0px;
	overflow:hidden;
	}


/* 메인 영역 공통 설정 */

/* 컨텐츠 내용 설정*/
.article { 
    line-height:180%;
	padding:30px 10px; 
	word-break:break-all;
	text-align: justify;
	}

.article_date {
color:#eee; 
font-family:"Times New Roman","San Serif","Georgia"; font-weight:normal;font-style:italic; font-size:28px; 
float:left;
	letter-spacing:-2px;
	margin-bottom:-3px;
	padding-left:5px;
	text-align:left;
}
.article_top
{border-top:1px solid #F0F0F0;background-color:#fff;
}
.article_title
{
font: 14px 돋움체;
font-weight:bold;
color: #555;
padding-top:2px;
padding-bottom:10px;
padding-left:2px;
padding-right:5px;
float:left;
position:relative;
letter-spacing:-2px;
}

.article_desc 
{
font:12px 바탕, Tahoma;
color:#555; 
margin:0px;
PADDING:0px;
padding-bottom:10px;
line-height:150%;
word-break:break-all; 		
clear:both;
}
/*
.article_desc a:link, .article_desc a:visited {
	color:#800080;
	border-bottom: 1px dashed;
	font-family:verdana;
	font:bold 12px verdana;
LETTER-SPACING: 0px;
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; COLOR: #2a54aa; LETTER-SPACING: -1px; BACKGROUND-COLOR: white
}
 
미니위니 링크용 스타일시트

<SPAN class="ver10px bold" 
style="PADDING-RIGHT: 3px; PADDING-LEFT: 3px; COLOR: #2a54aa; LETTER-SPACING: -1px; BACKGROUND-COLOR: white"><SPAN 
style="LETTER-SPACING: 0px"><U><FONT color=#800080><A class=AutoLinkType_blue 
href="http://miniwini.com/miniwinis/common/coolcolor.co.kr" 
target=_blank>coolcolor.co.kr</A></FONT></U></SPAN></SPAN>
*/
.article_desc A:link, .article_desc A:visited {text-decoration:none;color:#2A61A4;border-bottom:2px solid #37AFCD; font-family:verdana;}

.article_desc blockquote {
BORDER-RIGHT: #d1d7dc 1px solid; 
PADDING-RIGHT: 10px; 
BORDER-TOP: #d1d7dc 1px solid; 
PADDING-LEFT: 10px; 
PADDING-BOTTOM: 3px; 
MARGIN: 10px; 
OVERFLOW: auto; 
BORDER-LEFT: #d1d7dc 1px solid; 
COLOR: #444444; 
PADDING-TOP: 3px; 
BORDER-BOTTOM: #d1d7dc 1px solid; 
BACKGROUND: #fafafa

/*		border-left: 7px double #ccc;
		margin: 10px 10px 10px 20px;
		padding-left: 10px;
*/
		word-break:break-all;	
		}	

.article a:link, .article a:visited {
	color:#0066CC;
	border-bottom: 1px dashed;
}	
.article a:hover{ text-decoration:none; }	
.imageblock a {	border-bottom-width: 0px; }






.SubjectLine {background-color:#CCCCCC}

/* 날짜 설정*/
.date, .notice_date { 
	font:10px Verdana; 
	letter-spacing:-1px;
	padding-right:10px;
	}

.cnt { 
	font:10px Tahoma; 
	 }

/* 이름 설정*/
.name {
	font:bold 12px Tahoma;
	color:#444;
	}
	.name a:link, .name a:visited { color:#444; text-decoration:none;}
	.name a:hover { color:#4990CC; text-decoration:none;}

/* 댓글 등 글내용 설정*/
.desc {
	padding-left:5px;
	word-break:break-all;
	color:#999999;
	font:8pt 돋움;
	padding-top:3px;
	}

.opt { 
	font:10px Verdana;
	color:#777;
	letter-spacing:-1px;
	}
	.opt a:link, .opt a:visited { color:#777; text-decoration:none;}
	.opt a:hover{ color:#D93343; text-decoration:none;}

/* 댓글 등 기본 박스 설정*/
.box {
	padding:10px;
	border-bottom:1px solid #e9e9e9;
	}

.reply_box {
	margin-top:10px;
	margin-left:40px;
	padding:10px;
	background-color:#f7f7f7;
	border:1px dashed #ddd;
	}	

/* 입력폼 설정 */
.form_input {
	margin-top:4px;
	padding:1px;
	height:18px;
	border:1px solid #ddd;
	font-size: 11px;
	}

.form_textarea {
	font:11px verdana;
	font-weight:normal;
	margin-top:4px;
	height:100px;
	width:100%;
	border:1px solid #ddd;
	overflow:visible;
	clear: both;
	}

.form_submit {
	font:11px tahoma;
	color:#444;
	margin-top:4px;
	border:1px solid #ddd;
	background-color:#f1f1f1;
	height:25px;
	width:100%;
	cursor: pointer;
	}


/* 태그 설정*/
.tag_cloud {
	font:13px Dotum;
	line-height:24px;
	word-break:break-all;
	margin: 20px;
	}	

.tag_cloud .cloud1 {
	background-color:#eee;
	font-weight:bold;
  	font-size : 20px;
	color : #657700;
    }
.tag_cloud .cloud2 {
	background-color:#eee;
	font-weight:bold;	
	font-size : 18px;
  	color : #5E7E7D;
    }
.tag_cloud .cloud3 {
	background-color:#eee;
	font-weight:bold;	
  	font-size : 16px;
  	color : #6B5E7E;
    }
.tag_cloud .cloud4 {
	background-color:#eee;
  	font-size : 14px;
  	color : #84604E;
    }
.tag_cloud .cloud5 {
	font-size : 12px;
  	color : #777;
    }	
.tag_cloud a:hover{
	background-color:#f5f5f5;
	color:#555;
    }	
.tag_cloud a:visited {color:#777}


/* title, info 설정, 관리자 */

.head_title {
	font:28px/32px "바탕";
	color:#333333;
	padding-left:10px;
	padding-top:30px;
	padding-bottom:8px;
	letter-spacing:-3px;
	word-spacing:4px;
	background:url('./images/head_bg.gif') repeat-x bottom left;
	}
	.head_title a:link, .head_title a:visited {color:#333333; text-decoration:none;}
	.head_title a:hover{color:#D93343; text-decoration:none;}

.sidebar_title {
width:95%;
height:15px;
border-left:1px solid #dfdfdf;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
background:white url(./images/bgTitleHeader.png) repeat-x;
PADDING-top: 0px; 
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin-top:4px;
COLOR: #9c9c9c;
font:bold 9px verdana;
text-align:center;
	cursor: pointer;
}

.sidebar_title_daisy {
	font: bold 10px Tahoma, "굴림";
	color: #888;
	cursor: pointer;
	margin-top: 8px;
	margin-bottom: 4px;
	text-transform: uppercase;
	padding: 2px 2px 2px 4px;
	text-align: left;
	border-bottom: 1px dashed #333333;
	background: #434343;
}

.info, .owner {
	font:11px/120% "돋움";
	color:#777;
	margin-top: 6px;
	margin-left: 16px;
	letter-spacing: -1px;
	}
	.info a:link, .info a:visited, .owner a:link, .owner a:visited {color:#777; text-decoration:none;}
	.info a:hover, .owner a:hover{color:#D93343; text-decoration:none;}


/* 리스트 & 검색 결과 설정*/
.list_box {
	padding:10px;
	}

.rplist_box {
	padding:10px;
	border-bottom:1px solid #eee;
	}

.list {
	color:#777;
	word-break:break-all;
	padding-left:10px;
	padding-bottom:4px;
	background:url('images/bullet2.gif') no-repeat 0px 6px;
	}
	.list a:link, .list a:visited { color:#777; text-decoration:none;}
	.list a:hover{ color:#D93343; text-decoration:none;}
	
.rplist {
	color:#777;
	padding-top:8px;
	padding-left:10px;
	word-break:break-all;
	}
	.rplist a:link, .rplist a:visited { color:#777; text-decoration:none;}
	.rplist a:hover{ color:#D93343; text-decoration:none;}


/* 위치로그 설정 */
.location_spot {
	color:#777;
}	
.location_info { color:#369; }	
.location_info a:link, .location_info a:visited { color:#369; text-decoration:none;}
.location_info a:hover{ color:#D93343; text-decoration:none;}


/* 방명록 설정*/
.guestbook_form_box { 
		font:11px tahoma;
		color:#555;
		padding:10px;
		padding-bottom:20px;
		border-bottom:1px solid #eee;
		}


/* 엔트리 설정*/
.tag_box {
	font :8pt Dotum;
	color:#369;
	background:url('images/entry_tag34.gif') no-repeat left;
	margin-left: 0px;
	text-align:left;
	}
	.tag_box a:link, .tag_box a:visited { color:#777; text-decoration:none;}
	.tag_box a:hover{ color:#D93343; text-decoration:none;}

/* 태그 라벨 */
.tag_wrap {width:230px;border:0px solid red;}

.tag_label {padding-left:5px;padding-right:5px;
font:bold 8px verdana;color:#9C9C9C;vertical-align:top;background-color:#fff;}
.tag {float:left;width:209px;}

.tag_border_TL {background:url('./images/tag_border_TL.png') no-repeat left bottom;	float:left;	width:13px;height:15px;	}
.tag_border_TH {	background:url('./images/tag_border_H.png') repeat-x bottom;	float:left;height:15px;	width:200px;text-align:left;}
.tag_border_TR {background:url('./images/tag_border_TR.png') no-repeat right bottom;	float:left;	width:10px;	height:15px;}

.tag_border_BL {background:url('./images/tag_border_BL.png') no-repeat left top;
float:left;
width:6px;height:3px;}
.tag_border_BH {	background:url('./images/tag_border_H.png') repeat-x top;	float:left;	width:211px;height:3px;margin-top:-3px;}
.tag_border_BR {background:url('./images/tag_border_BR.png') no-repeat right top;
	float:left;
	width:6px;height:3px;}

.tag_border_VR {background:url('./images/tag_border_V.png') repeat-y right;
	float:left;
	width:7px;height:30px;display:inline;}
.tag_border_VL {background:url('./images/tag_border_V.png') repeat-y left;float:left;width:7px;height:30px;display:inline;}

/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
	font:11px tahoma;
	color:#369;
	float: left;
	padding-top:45px;
	}
	.tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#777; text-decoration:none;}
	.tb_cmt_btn a:hover{ color:#D93343; text-decoration:none;}

/* 트랙백 설정*/
.tb_box {
	padding-left:6px;
	padding-right:6px;
	background-color:#FAFAFA;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}

.tb_address {
	font: 11px tahoma;
	color:#666;
	text-align:center;
	padding:12px;
	clear: both;
	background: #FAFAFA;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 8px;
	}

.tb_list_box {
	padding:10px;
	border-top:1px dashed #ccc;
	background-color:#FAFAFA;
	}

.tb_name {
	font:11px Tahoma;
	letter-spacing:0px;
	padding-left:10px;
	}

.tb_title {
	color:#444;
	font-weight:bold;
	}
	.tb_title a:link, .tb_title a:visited { color:#444; text-decoration:none;}
	.tb_title a:hover { color:#369; text-decoration:none;}

.cmt_form_box { 
		font:11px tahoma;
		color:#555;
		padding:10px;
		background-color:#FAFAFA;
		margin-bottom:20px;
        border-bottom:1px solid #eee;
		}
.cmt_box {
        border-top:1px solid #eee;
        padding:10px;
		background-color:#FAFAFA;
		}

/* 페이징 */
.page{
	font:bold 10px verdana;
	color:#CDCDCD;
	padding-top:25px;
	padding-bottom:5px;
	text-align:center;
	}
.page a:link, .page a:visited { color:#9C9C9C; text-decoration:none;border:0px solid #ccc;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;}
/* .pageing a:hover { color:#D93343; text-decoration:none;padding:3px;} */
.selected { color:black; text-decoration:none;border:1px solid #eee;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;background-color:#fff;}

/* Daisy 추가 */

#side .blog_img {
	text-align: center;
	margin-top: 8px;
}
.top_menu {
	margin-right: 225px;
	text-align: right;
}
.f11 {
	font-family:돋움,dotum;
	font-size:11px;
	letter-spacing:-1px;
	}
.gray3 {
	color: #777;
	}
.q_menu {
	width: 17px;
	float: left;
	margin-top: 40px;
}
#footer {
	font-size: 10px;
	margin-top: 10px;
	color: #999999;
}
.s_search {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}
.article_bottom {
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #eee;
	height: 16px;
	width:100%;
	margin-bottom: 0px;
}
.td_info {
	padding-left: 4px;
}


.secret {
	margin-top: -20px;
	position: absolute;
	margin-left: 450px;
}