@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
 html,body {
	margin: 0;
	padding: 0;
  background: url('./images/background.jpg') #00384d repeat-x;
  }

/* 1. 본문 전체  */
body {
	font: 12px 돋움,Dotum;
	color: #000000;
	margin: 0;
	text-align: justify;
	word-break:break-all;
  }

/* 2. 기본 링크 */
a:link, a:visited { color : #000000; text-decoration: none; }
a:hover { color : #0093c9;	text-decoration: none; }

/* 3. 이미지 */
IMG {border: none;}
	
/* 4. 이미지 버튼 */
.ib { cursor: pointer; }

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

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

/* 8. 달력 월 표시 */
.cal_month { font-size : 11px; height: 18px; }

/* 9. 달력 요일 표시 */
.cal_week1 { font-size : 11px; height:18px; }

/* 10. 달력 일요일 표시 */
.cal_week2 { color: #f30; font-size:12px; text-align: center; }

/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 {	color: #000; font-size:12px; text-align:center; }

/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 {	color: #000; font-size : 11px; text-align: center; }

/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 {	font-size : 11px; text-align: center; }

/* 14. 달력 오늘 날짜 표시 */
.cal_day4 {	text-align: center;	font-size: 11px; border-bottom:1px solid #000; font-weight:bold; }

/* 15. 달력 글쓴 날 링크 스타일 */
a.cal_click:link, a.cal_click:visited {	color : #000; font-weight: bold; }
a.cal_click:hover {	color : #369; font-weight: bold; }

/* 16. 이미지 아래 캡션 스타일 */
.cap1 {
	color: #0093c9;
	font-weight: bold;
	text-align: center;
	font: 12px 돋움,Dotum;
  }

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

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

/* 19. 최신글 옆 개수 스타일 */
.ps_cnt { font:11px 돋움,Dotum;	color : #AAAAAA; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

/* body 설정 */
 body {
	margin: 0;
  }

/* container 설정 */
#container {
	width: 100%;
	margin: 0 auto;
  padding-top: 35px; // 1280 이상 해상도는 62를 추천합니다.
  text-align: center;
  }

/* header 설정 */
#header_container {
  width: 950px;
  margin: 0 auto;
  text-align: center;
  }

#header_logo {
  float: left;
  color: white;
  font-size: 12px;
  text-align: left;
  font-family: Tahoma;
  }
  
#header_icon {
  float: right;
  text-align: right;
  padding-bottom: 10px;
  }

/* middle 설정 */
#middle_container {
  width: 950px;
  margin: 0 auto;
  text-align: center;
  }

#middle_left {
  float: left;
  width: 614px;
 	text-align: left;
  }
  
#middle_right {
  float: right;
  width: 336px;
  text-align: right;
  }
  
#middle_notice_left {
  float: left;
  }
  
#middle_notice_center {
  float: left;
  width: 507px;
  height: 35px;
  font-family: 돋움,Dotum;
  background: url('./images/middle_notice_bg.jpg') repeat;
  }
  
#middle_notice_right {
  float: right;
  }

/* main 설정 */
#main_container {
  width: 950px;
  margin: 0 auto;
  text-align: center;
  }

#main_contents {
  float: left;
  width: 740px;
  margin: 0 auto;
  padding-top: 10px;
  }

#main_side {
  float: right;
  width: 210px;
  text-align: right;
  padding-top: 10px;
  }

/* contents 설정 */
#contents_side_bg {
  width: 3px;
  background: url('./images/contents_side.jpg');
  }

#contents_main {
  width: 740px;
  margin: 0 auto;
  }
  
.contents_body {
  width: 700px;
  color: #000000;
  font-size: 12px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 8px;
  line-height: 18px;
  text-align: justify;
  padding-bottom: 2px;
  word-break: break-all;
  font-face: 돋움,Dotum;
  }
.contents_body A:link, .contents_body A:visited { color:#0093c9; text-decoration: none;}
.contents_body A:hover { color:#00719a; text-decoration: underline;}

/* title 설정 */
.title_bar {
  height: 3px;
  background: url('./images/title_bar.jpg') repeat-x;
  }
  
#title_left {
  float: left;
	color: #000000;
	font-size: 26px;
	font-family: 바탕;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	letter-spacing: -3px;
	}
	
#title_right {
  float: right;
	color: #cccccc;
	font-size: 12px;
	text-align: right;
	padding-top: 23px;
	padding-right: 10px;
	padding-bottom: 3px;
	font-family: 돋움,Dotum;
	}
#title_right A:link, #title_right A:visited { color:#000000; text-decoration:none;}
#title_right A:hover { color:#0093c9; text-decoration:none;}


.title_adminmenu {
  color: #cccccc;
  font-size: 12px;
  text-align: right;
  font-family: 돋움,Dotum;
  }
.title_adminmenu A:link, .title_adminmenu A:visited { color:#000000; text-decoration:none;}
.title_adminmenu A:hover { color:#0093c9; text-decoration:none;}  

/* side 설정 */
#side_header {
  cursor: pointer;
  margin-left: 10px;
  }

#side_mainimg {
  float: right;
  width: 194px;
  text-align: center;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_blognote {
  float: right;
  width: 194px;
  line-height: 18px;
  text-align: center;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }
  
#side_calendar {
  float: right;
  width: 194px;
  line-height: 20px;
  text-align: center;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_category {
  float: right;
  width: 194px;
  text-align: left;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_tag {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_post {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }
  
#side_comment {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_trackback {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_archive {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_link {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_bgm {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_info {
  float: right;
  width: 194px;
  text-align: center;
  line-height: 18px;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_info2 {
  float: right;
  width: 194px;
  text-align: center;
  border-color: #cccccc;
  border-left-width: 3px;
  border-right-width: 3px;
  border-left-style: solid;
  border-right-style: solid;
  background: white url('./images/side_bg.jpg') repeat-x;
  }

#side_memo {
  width: 174px;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  }

/* Side 설정 */
 #side {
	float:right;
	width:240px;
	overflow:hidden;
	margin-left: 20px;
	clear: both;
	}

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

/* 사이드 리스트 설정 */
.side_list { 
	font:12px Dotum;
	color:#000;
	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; word-break:break-all; 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:#5B4F4A;
	color:#999;
	}
.side_tagbox a:visited {color:#000}


/* 검색폼 설정 */

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

.search_input {
	width: 195px;
	height: 21px;
	color: #000000;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	font-size: 12px;
	padding-left: 4px;
	}

.submit {
  border: 0px;
	width: 55px;	
	height: 22px;
	}


/* 카운트 설정 */
.side_counter {
	font:11px/16px tahoma;
	padding: 8px;
	border: 1px solid #333333;
	margin-top: 20px;
	background: #434343;
	color: #666666;
	}


/* 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 blockquote {
		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 solid;
}	
.article a:hover{ text-decoration:none; }	
.imageblock a {	border-bottom-width: 0px; }


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

.cnt { 
	font:10px Tahoma; 
	 }

/* 이름 설정*/
.name {
	font:bold 12px 돋움,Dotum;
	color:#000000;
	}
	.name a:link, .name a:visited { color:#000000; text-decoration:none;}
	.name a:hover { color:#0093c9; text-decoration:none;}

/* 댓글 등 글내용 설정*/
.desc {
	padding-left:5px;
	line-height: 18px;
	word-break:break-all;
	}

.opt { 
	font:12px 돋움,Dotum;
	color:#CCCCCC;
	}
	.opt a:link, .opt a:visited { color:#000; text-decoration:none;}
	.opt a:hover{ color:#0093c9; text-decoration:none;}

/* 댓글 등 기본 박스 설정*/
.box {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 15px;
	text-align: justify;
	}

.reply_box {
	margin-top:10px;
	margin-left:40px;
	margin-bottom: 10px;
	padding:10px;
	background-color:#ffffff;
	border:1px solid #dddddd;
	}	

/* 입력폼 설정 */
.form_input {
	padding:1px;
	height:14px;
	margin-top:4px;
	font-size: 12px;
	padding-top: 1px;
	font-family: 돋움,Dotum;
	border:1px solid #dddddd;
	}

.form_textarea {
	clear: both;
	width: 685px;
	height: 100px;
	padding: 5px;
	font-size: 12px;
	margin-top: 4px;
  line-height: 18px;
	overflow: visible;
	font-weight: normal;
  font-family: 돋움,Dotum;
	border: 1px solid #dddddd;
	}

.form_textarea2 {
	clear: both;
	width: 670px;
	height: 100px;
	padding: 5px;
	font-size: 12px;
	margin-top: 4px;
  line-height: 18px;
	overflow: visible;
	font-weight: normal;
  font-family: 돋움,Dotum;
	border: 1px solid #dddddd;
	}

.form_submit {
	font:12px 돋움;
	color:#000000;
	margin-top:4px;
	text-align: center;
	border:1px solid #dddddd;
	background-color:#f1f1f1;
	height:40px;
	width:697px;
	cursor: pointer;
	}

.form_submit2 {
	font:12px 돋움;
	color:#000000;
	margin-top:4px;
	text-align: center;
	border:1px solid #dddddd;
	background-color:#f1f1f1;
	height:40px;
	width:682px;
	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 : #000;
    }	
.tag_cloud a:hover{
	background-color:#f5f5f5;
	color:#555;
    }	
.tag_cloud a:visited {color:#000}


/* 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:#0093c9; text-decoration:none;}

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


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

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

.list {
	color:#000;
	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:#000; text-decoration:none;}
	.list a:hover{ color:#0093c9; text-decoration:none;}
	
.rplist {
	color:#000;
	padding-top:8px;
	padding-left:10px;
	word-break:break-all;
	}
	.rplist a:link, .rplist a:visited { color:#000; text-decoration:none;}
	.rplist a:hover{ color:#0093c9; text-decoration:none;}


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


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


/* 엔트리 설정*/
.tag_box {
	font :12px 돋움,Dotum;
	color:#000000;
	background:url('./images/article_tag.gif') no-repeat left;
	float: left;
	text-align: left;
	padding-top: 1px;
	padding-left: 32px;
	}
	.tag_box a:link, .tag_box a:visited { color:#0093c9; text-decoration:none;}
	.tag_box a:hover{ color:#0093c9; text-decoration:none;}

/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
  width: 250px;
	font:12px 돋움,Dotum;
	color:#cccccc;
	text-align:right;
	padding-top: 1px;
	float: right;
	}
	.tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#000000; text-decoration:none;}
	.tb_cmt_btn a:hover{ color:#0093c9; 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 {
  width: 672px;
	font: 12px 돋움,Dotum;
	color:#000000;
	text-align:center;
	padding:14px;
	clear: both;
	background: #F9F9F9;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 8px;
	}

.tb_list_box {
  text-align: left;
	padding:10px;
	border-top:1px solid #cccccc;
	background-color:#F9F9F9;
	}

.tb_name {
	font:12px 돋움,Dotum;
	padding-left:10px;
	}
	.tb_name a:link, .tb_title a:visited { color:#000000; text-decoration:none;}
	.tb_name a:hover { color:#0093c9; text-decoration:none;}

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

.cmt_form_box { 
  width: 680px;
  font:12px 돋움,Dotum;
	color:#000000;
	padding:10px;
	background-color:#F9F9F9;
	margin-bottom:20px;
  border-bottom:1px solid #DDDDDD;
  text-align: justify;
	}
	
.cmt_box {
  border-top:1px solid #DDDDDD;
  background-color:#F9F9F9;
	}

/* 페이징 */
.paging{
	font:12px 돋움,Dotum;
	color:000000;
	padding-top:25px;
	padding-bottom:40px;
	text-align:center;
	}
.paging a:link, .paging a:visited { color:#000000; text-decoration:none;}
.paging a:hover { color:#0093c9; text-decoration:none;}


/* 추가 */
.sidebar_title {
	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 solid #333333;
	background: #434343;
}
#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: #000;
	}
.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: 13px;
	padding-bottom: 10px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	height: 16px;
	margin-bottom: 8px;
}
#blog_foot {
  text-align: center;
  color: #FFFFFF;
  padding: 20px;
  font-family: Verdana;
  font-size: 10px;
}
#blog_foot a:link, #blog_foot a:visited { color:#FFFFFF; text-decoration: none;}
#blog_foot a:hover{ color:#0093c9; text-decoration:none;}
.td_info {
	padding-left: 4px;
}
.notice {
	padding-left: 4px;
}
#recentComments, #recentTrackbacks {
	line-height: 130%;
}
.secret {
	margin-top: -20px;
	position: absolute;
	margin-left: 635px;
}

.secret2 {
	margin-top: -20px;
	position: absolute;
	margin-left: 620px;
}