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


/* 1. 본문 전체  */
	body{
		margin:0px;
		color: #52585c;
		height: 100%;
		padding: 0;
		height: 100%;
		background: #fff;
		font: 13px/1.4em '나눔고딕','NanumGothic','Malgun Gothic',sans-serif;
		/*@background-image=background-image:;*/background-image: none;/*@*/
		/*@background-image-position=background-position:;*/background-position: ;/*@*/
		/*@background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/
		/*@background-color=background-color:;*/background-color: ;/*@*/
	}

/* 2. 기본 링크 */
	a:link, a:visited { color : #777; text-decoration: none; }
	a:hover { color : #0066cc;	text-decoration: none;	}
	a:active{
		position: relative;
		top: 1px;
	}
/* 3. 이미지 */
	img { border-width: 0px; 
	}

/* 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 #777;
	font-weight:bold;
	color: #0066CC;
}

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

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

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

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

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


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

/* body 설정 */

/* container 설정 */
#container {
	width:/*@post-width:330=*/980px/*@*/;
	margin:10px auto;
	text-align: left;
	padding-bottom: 10px;
	overflow: hidden;
}

/* header 설정 */
#header{
	height:/*@title-height:1=*/321px/*@*/;
	width: 100%;
	overflow: hidden;
	
}

#header a{
	/*@title-color=color:;*/color: ;/*@*/
	}
.header_top {
height:/*@title-height:-40=padding-top:*/280px/*@*/;
background-image: url(images/headerTop.jpg);
background-repeat: no-repeat;
background-position: right;
background-color: #000000;
/*@title-background-color=background-color:;*/background-color: transparent;/*@*/
/*@title-background-image=background-image:;*/background-image: url("images/forest-547363.jpg");/*@*/
/*@title-background-image-position=background-position:;*/background-position: left top;/*@*/
/*@title-background-image-repeat=background-repeat:;*/background-repeat: no-repeat;/*@*/

}
.header_bottom{
	width:/*@post-width:40=*/690px/*@*/;
	overflow: hidden;
	vertical-align: top;
	padding: 11px 10px 0 0;
}
.header_title {float: left;
}
.header_title a, .header_title a:hover {
	font: /*@title-font-size=14px*/14px/*@*/ /*@title-font-family=Tahoma*/inherit/*@*/, Tahoma,"돋움", sans-serif;
	color: #aaa;

}
 #header .blog_info {
	
	font-size:11px;
	padding: 0 10px;;
}

/* Side 설정 */

 #side {
	float:left;
	width:270px;
	overflow:hidden;
	margin-left: 20px;
	_margin-left: 15px;
	text-align:left;
}
#side a, #side a:visited{
	-webkit-transition-duration:200ms;
	-moz-transition-duration:200ms;
	transition-duration:200ms;
	font-size: 13px;
}
#side a:hover{
	position:relative;
	color: #222;
	text-decoration: underline;
	
	}
.sidebar_module_outer{
	margin: 0 0 30px;

}

.sidebar_module_inner{
	padding: 10px;
	background: #fafafa;	
}
.sidebar_module_inner:hover{
	background: #f1f1f1;
}

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

/* 사이드 리스트 설정 */
.side_list {
	color:#777;
	word-break:break-all;
	padding-left:6px;
	padding-bottom:8px;
	margin: 10px;
	background:url("./images/bul.gif") no-repeat 0px 4px;
	}
/* 사이드 태그 설정 */
.side_tagbox { text-align: justify; word-break:break-all; line-height:20px; }
.side_tagbox a { letter-spacing:-1px; }
.side_rss{
	background: #fff;
	width: 270px;
}
.rss_icon{
	background-image: url(images/rss.jpg);
	width: 42px; height: 35px;
	float: left;
}
.rss_subtitle{
	color: #000;
	float: left;
	font-size: 15px;
	margin: 14px 0;
}
/* 태그 클라우드 스타일 */
.cloud1 {
	font-family:Tahoma;
	font-weight: bold;
	font-size :12px;
	color :#CC3300!important ;
	}

.cloud2 {
	font-family:돋움;
	font-weight: bold;
	font-size :11px;
	color :#FF6600!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{
	color:#999;
	background-color: #5B4F4A;
}
.side_tagbox a:visited {color:#777}

.side_category ul{
	margin: 0;
	padding-left:0;
	list-style: none;
}

.side_category ul li ul li ul li {
	padding-left: 30px;
} 
/* 검색폼 설정 */

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

}

.search_input {
	width:100px;
	height:18px;
	color:#999;
	font-size: 11px;
	padding-left: 4px;
	border: 0px;
	border-bottom: 1px solid #999999;
	position: relative;
	bottom: 7px;
}
.submit {
	width:18px;
	height:18px;
	cursor: pointer;
	}
	.search_input {
		background-color: transparent;
	}

	
/* 카운트 설정 */
.side_counter {
	font:11px/16px tahoma;
}

/* bgm player */
#uibgmplayer { margin:3px 0 8px 5px; width:181px;}

/* main 설정 */
 #contents {
	width:/*@post-width:40=*/690px/*@*/;
	float:left;
}
 #main {
	overflow:hidden;
	position: relative;
	z-index: auto;
}
 #mainShadow {
 	background:#fff;
 	border: 1px solid #ccc;
 	overflow: hidden;
 	padding-top: 8px;
 }
.mainInsideBox {

}
/*메뉴 설정 */
.blogmenu{
	font-size: 12px;
	margin: 0;
	float: left;
	/*@title-color=color:;*/color: ;/*@*/
}
.blogmenu ul {
	padding: 0;
	margin: 0;
}
.blogmenu li {
	float: left;
	list-style: none;
	margin: 0 8px;
}

/* 메인 영역 공통 설정 */
.articlebgtop {
	-webkit-transition-duration:500ms;
	-moz-transition-duration:500ms;
	transition-duration:500ms;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
	background: url(images/section_divider_crease_up.png) no-repeat center bottom;
}

.articlebgcolor{
}	


.articlebgbottom{
	
}
.list_box .articlebgtop{
	background-image: none;
}
/* 컨텐츠 내용 설정*/
.article {
	line-height: 180%;
	padding:50px 20px 20px;
	word-break:break-all;
	text-align: justify;
	clear: both;
	overflow: visible;
	border-top: 1px solid #e5e5e5;
	background: url(images/section_divider_crease_down.png) no-repeat center top;
	width:/*@post-width=*/650px/*@*/;
	/*@post-body-font-size=font-size:;*/font-size: 12px;/*@*/ /*@post-body-font-family=font-family:;*/font-family: dotum;/*@*/ /*@post-body-color=color:;*/color: ;/*@*/
	
	
	}

.article blockquote {
		border-left: 7px solid #ccc;
		margin: 10px 10px 10px 20px;
		padding-left: 10px;
		word-break:break-all;
		}

.article a:link, .article a:visited {
	color:#0066CC;
}
.imageblock a {	border-bottom-width: 0px; }


/* 날짜 설정*/
.date, .notice_date {
	font:10px Verdana;
	padding-left:5px;
	color: #777;
	text-align: center;
}
.date_monthday{
	font:10px Verdana;
	color: #d1556c;
}
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
	color: #999;
	}

.cnt {
	font:10px Tahoma;
	 }

/* 이름 설정*/
.name {
	color:#444;
	font-weight:bold;
	}
	.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;
	}

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

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

.reply_box {
	margin-top:10px;
	margin-left:40px;
	padding:10px;
	background: #eee;
}

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

.form_textarea {
	margin-top:4px;
	height:100px;
	width:99%;
	border:1px solid #ddd;
	overflow:visible;
	clear: both;
	background-color: #eeeeee;
}

.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: 40px;
	}

.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 {
color: #4a4a4a;
padding: 40px 60px 40px;
margin-bottom: 4px;
text-align: center;
font:/*@post-title-font-size=14px*/15px/*@*/ /*@post-title-font-family=돋움체*/inherit/*@*/;
font-weight:bold;
letter-spacing: 5px;
}

	.head_title a:link, .head_title a:visited {color:/*@post-title-color=#FFFFFF*/#4a4a4a/*@*/; text-decoration:none;
}

	.protected { padding-right:4px;}

	/* 페이지별 head 배경칼라 설정 */
.articleHead, .noticeHead {

}

	.localHead {
	color: #4a4a4a;
}
	.guestHead {
	color: #4a4a4a;
}
.info {	
	margin-top: 10px;
	font-size:11px;
	color:#777;
	text-align:center;
	padding-left: 10px;
}

.owner {
	margin-top: 10px;
	font-size:9px;
	color:#777;
	text-align: center;
}

	.info a:link, .info a:visited, .owner a:link, .owner a:visited {color:#777; text-decoration:none;}

/* 리스트 & 검색 결과 설정*/
.list_box {
background: url(images/section_divider_crease_down.png) no-repeat center top;
	border-top: 1px solid #e5e5e5;
	}

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

.list {
	color:#777;
	word-break:break-all;
	padding-bottom:4px;
	padding: 40px;
	font-size: 14px;
	border: 5px solid #fff;
	background: #fafafa;
	-webkit-transition-duration:500ms;
	-moz-transition-duration:500ms;
	transition-duration:500ms;
	
	}
.list:hover{
	background: #fff;	
}

	.list a:link, .list a:visited { color:#777; 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;}



/* 위치로그 설정 */
#location {
	margin: 10px;
}
.location_spot {
	color:#777;
	margin-top: 4px;
}
.location_info { color:#369; }
.location_info a:link, .location_info a:visited { color:#369; text-decoration:none;}



/* 방명록 설정*/
.guestbook_form_box {
	font:11px tahoma;
	color:#555;
	padding: 10px;
		}


/* 엔트리 설정*/
.tag_box {
	font-size:11px;
	color:#369;
	background:url('images/entry_tag.gif') no-repeat left 4px;
	padding-left: 40px;
	padding-top:3px;
	}
	.tag_box a:link, .tag_box a:visited { color:#369; text-decoration:none;}


/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
	color:#369;
	padding: 20px;
	}
	.tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#777; text-decoration:none;}
.sthm{
	color: #a3bc6a;
	font-weight: bold;
	font-size: 14px;
}
/* 트랙백 설정*/
.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;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 8px;
	}

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

.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 {
		color:#555;
		padding:30px;
		font-size:10px;
		padding-bottom:50px
		
		}
.cmt_box {
		border-top:1px solid #eee;
		padding:10px;
		}

/* 페이징 */
.paging{
	padding: 25px;
	text-align:center;
	}
.paging_border{
	display: inline-block;*zoom:1;*display: inline;
	border: 1px solid #ddd;
	width: 25px;
	height: 25px;
	margin: 2px;
	border-radius:4px;
	line-height: 25px;
}
.paging_border:hover {
	border: 2px solid #369;
	margin: 1px;
}
.paging .selected {
	display: inline-block;*zoom:1;*display: inline;
	border:1px solid #48daff;
	width: 23px;
	height: 23px;
}
.sidebar_title {
	color: #000;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 15px;
}
#side .blog_img {
	text-align: left;
	margin-top: 8px;
	margin-bottom: 2px;
	margin-left: -8px;
	max-width: 270px;
	*width: expression( this.scrollHeight > 269 ? "270px" : "auto" ); 
	overflow: hidden;
}
#side .blog_img img{
	width: 270px;
	
}
.top_menu {
	text-align: right;
	font-size:9px;
	color: #CCCCCC;
	text-transform: uppercase;
}

/* My Comment */
.top_menu a:link, .top_menu a:visited {
	color: #828282;
	font: bold 10px Tahoma, "굴림", sans-serif;
	padding-right: 4px;
	padding-left: 4px;
}
.f11 {
	font-size:11px;
	letter-spacing:-1px;
	}
.gray3 {
	color: #B4B4B4;
	}
.q_menu {
	width: 17px;
	float: left;
	margin-top: 40px;
}
#footer {
	font-size: 10px;
	margin-top: 10px;
	color: #999999;
	text-align: center;
	margin-bottom: 10px;
}

.s_search {
	float: right;
	margin: -1px;
}

.td_info {
	margin: 15px 0 0;
	padding-left: 4px;
	line-height: 200% ;
}
.notice {
	padding-left: 4px;
}

.secret {
	margin-top: -19px;
	position: absolute;
	margin-left: 540px;
}
#footer a {
	color: #999999;
	font-weight: bold;
}
#side .google {
	font:11px/16px tahoma;
	text-align: center;
	padding: 4px;
	word-spacing: -2px;
	background: #f5f5f5;
	margin-top: -4px;
}
#side .google a {
	color: #00CC00;
}
#main .google {
	text-align: center;
	margin-bottom: 20px;
	background: #FAFAFA;
	padding: 2px;
	margin-top: 20px;
}
#main .google a {
	color: #336699;
}
.google form {
	margin: 4px 0px 0px;
}
.google input {
	background: #CCCCCC;
	border-top: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #333333;
}
.google .submit {
	border-color: #666666;
	background: #555555;
}
.anniday {
	font-size: 10px;
	text-align: center;
	color: #666666;
}
.mail {
	text-align: center;
	margin-top: 4px;
}
.side_button {
	text-align: left;
}