@charset "utf-8";

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

/* 페이징 - 현재 페이지 */
    .selected  { font-weight:bold; color:#f30;}
    .no-more-prev span,
	.no-more-next span  { color:#ccc;}

/* 카테고리 - 이미지 버튼 */
    .ib                     		{ cursor:pointer;}
	
/* 카테고리 - 트리 셀 */
    .branch3                		{ cursor:pointer;}

/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  		{ font:0.75em Tahoma; letter-spacing:0;  color:#f30;}

/* 달력 월 표시 */
    .cal_month              	{ height:18px; font-weight:bold;}

/* 달력 요일 표시(th 영역) */
    .cal_week1              	{ height:18px;  font-weight:normal;}

/* 달력 일요일 표시(th 영역) */
    .cal_week2              	{ color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               	{}
    .cal_current_week		{ background-color:#eee;}

/* 달력 Day(td 영역) */
    .cal_day                		{ color:#999;  text-align:center;}

/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         	{ color:#f30 !important;}
    .cal_day_sunday a		{ color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               		{ color:#ccc;}

/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               		{ color:#ccc;}

/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               		{ color:#666;}

/* 달력 오늘 날짜 표시(td) */
    .cal_day4               		{ color:#000;  text-decoration:underline;}

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

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             		{ }
    .rp_admin               		{ }
    .rp_secret              		{ color:#333;}

/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          	{ }
    .guest_admin            	{ background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment 			{ background:url(images/iconSecret.gif) no-repeat;  font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
    .cap1                   		{ color:#999;  text-align:center;}

/* 그림 */
    .imageblock             	{ }

/* 왼쪽 */
    .left                   		{ }

/* 가운데 */
    .center                 		{ }

/* 오른쪽 */
    .right                  		{ }

/* 그림 2개 배치 */
    .dual                   		{}

/* 그림 3개 배치 */
    .triple                 		{}

/* 본문 - more / less */
    .moreless_fold          	{ background:url(images/ico_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           	{ background:url(images/ico_less.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          	{ }
    .moreless_bottom        	{ background:url(images/ico_less.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 						{ cursor: pointer; border-bottom: 1px dotted #ccc; }





/* +++++++++++++++++++++++++++++++++++++++++++++++++
	반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
*:lang(ko-kr) 								{ font-family: Arial, Helvetica, sans-serif, "Malgun Gothic", dotum, applegothic, sans-serif;}
*:lang(en-us) 								{ font-family: Arial, Helvetica, sans-serif;}

body											{ font-family: Arial, Helvetica; font-size:0.85em; line-height:1.5; padding:30px; margin:10px; color:#606060; background-color:#333;}
a:link											{ color:#f30; text-decoration:none;}
a:visited										{ color:#f60; text-decoration:none;}
a:hover										{ color:#f60;} 
a:active										{ color:#f30;}	

* 												{ padding:0; margin:0; border:0;}
input 											{ }	
.inputText									{ border:1px solid #bbb; background-color:#fff;  padding:3px 2px 1px 2px;}
textarea 									{ border:1px solid #bbb; background-color:#fff; padding:3px; font-size:1em; color:#666;}
button										{ cursor:pointer; font-family: Arial, Helvetica, "Lucida Sans", "Lucida Sans Unicode"; padding:1px 2px 0 2px;}
hr 												{ display:none;}
	
h1 											{ font-size:1.6em;}	
h2 											{ font-size:1.4em;}	
h3 											{ font-size:1.4em;}	
h4 											{ font-size:1.2em;}	
h5 											{ font-size:1em;}	
	
.date 										{ font:0.9em Arial;}	
.name 										{ font-size:1em;}
.cnt 											{ font:0.8em Arial; color:#f30;}		



/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#container 								{ width:900px; padding:20px; margin:0 auto; background-color:#fff; border:0px solid #eee;}
#container .containerInner 		{ }

#header 								{ background-color:#fff; } 
#menu									{ background-color:#eee; position:relative; padding-bottom:5px; height:30px;}

#body									{ width:900px; margin:0 auto; border-top:2px solid #eee; padding-top:10px;}
	#content 							{ width:580px; padding:0 20px 20px 20px; float:left;}
	#sidebar 							{ width:250px; float:right; background-color:#fff;}
	
/* ***** Header **************************************** */ 
#header h1								{ margin:30px 0 20px 20px;}
#header h1 a 							{ color:#333; text-decoration:none;}

/* ***** Menu **************************************** */
#menu .blogMenu ul 					{ float:left; padding:10px 0 0 10px;}
#menu .blogMenu li 					{ color:#333; display:inline; padding-left:15px; margin-right:10px;}
#menu .blogMenu a					{ color:#333; text-decoration:none; font-weight:bold;}

#menu .search 						{ text-align:right; padding:7px 10px 0 0; float:right;}
#menu .search input					{ width:150px; vertical-align:middle; margin-right:4px;}
#menu .search button 				{ background-color:#666; color:#fff; border:1px solid #333; vertical-align:middle; font:0.85em Tahoma; padding:2px; font-weight:bold;}


/* ***** Footer **************************************** */
#footer										{ clear:both; padding:20px; }
#footer .inner 								{ margin-top:30px; padding:20px; border-top:1px solid #ddd; text-align:center; color:#999;}
#footer a									{ color:#666;}
#footer .copyright						{ font:0.9em Verdana;}
 



/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

#content .group 								{ padding:10px 0 30px 0;}
#content .group h3 							{ padding-bottom : 5px; border-bottom:1px solid #ddd; margin-bottom:5px;}
#content .group .image						{ border:4px solid #ccc; padding:1px; background-color:#fff;}	
#content .group .vcard img				{ border:4px solid #ccc; padding:1px; background-color:#fff;}	

#content .result h3 strong 				{ }
#content .result h3 .cnt 					{ font-weight:bold;}	
#content .result ol 							{ list-style:none;	padding:0 5px;}
#content .result li 							{ padding:3px 0;}	
#content .result a:link 						{ color:#666;}
#content .result a:visited 					{ color:#666;}
#content .result a:hover 					{ color:#69c;}
#content .result a:active 					{ color:#666;}

#content .entry h2 							{ line-height:1.6em;}
#content .entry h2 a						{ color:#333;}
#content .entry .titleWrap 				{/* background:url(images/ico_post.png) 0 3px no-repeat; border-bottom:1px dashed #ccc; padding:0 0 5px 40px; margin-bottom:10px;*/ color:#ccc;}
#content .entry .titleWrap .admin a 	{ color:#999;}
#content .entry .titleWrap .category a	{ color:#999;}
#content .entry .titleWrap .date 		{ color:#999;}
#content .entry .titleWrap .name 		{ color:#999;}



.result li								{ border-bottom:1px solid #eee; padding-bottom:3px; margin-bottom:3px;}

/* Search Result - Post */
.searchList .name 						{ margin-right:10px;	}

/* Search Result - Comment */
.searchRplist .name 						{ color:#999;}

/* Search Result - Trackback */
.searchTblist .title 						{ color:#000;}
.searchTblist p	 							{ color:#999; }

/* noEntry - Local */
.localog .spot 								{ background:url(images/ico_indent.png) 0 5px no-repeat; padding:5px 0  5px 17px; }
.localog .info 								{ background:url(images/ico_list.png) 0 3px no-repeat; 	padding-left:12px;}	

/* noEntry - Tag */
.taglog ul									{ text-align:justify; }
.taglog li 									{ list-style:none; display:inline;}
.taglog a:hover							{ background-color:#eee; color:#000;	}
.taglog li .cloud1							{ background-color:#eee;	font-weight:bold;	color:#f30;	font-size:1.8em;}
.taglog li .cloud2							{ background-color:#eee; font-weight:bold;	color:#f60;	font-size:1.6em; }
.taglog li .cloud3							{ background-color:#eee;	font-weight:bold;	color:#333;	font-size:1.4em;	}
.taglog li .cloud4							{ background-color:#eee; 	font-weight:normal;	color:#666;	font-size:1.2em; }
.taglog li .cloud5							{ color:#999; font-size:1em;}

/* noEntry - Keyword */	
.keywords ul								{ list-style:none;	}
.keywords li 								{ padding-top:5px; }
.keywords a:link							{ color:#666; }
.keywords a:hover						{ color:#69c; }

/* noEntry - Guestbook */	
.guestWrite 							{ padding:10px; }
.guestWrite dl							{ border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px;}
.guestWrite dt							{ float:left; width:160px; padding-top:3px;}
.guestWrite .inputText 				{ width:250px; color:#999;}
.guestWrite label 						{ font-size:0.9em;}
.guestWrite textarea					{ width:300px; height:150px; overflow:visible;}
.guestWrite .btnComment			{ width:250px; color:#999; padding:3px; border:1px solid #999; background-color:#eee; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}

.guestList								{ padding:20px 10px;}
.guestList ol 							{ list-style:none;	padding:0 5px;	}
.guestList li 							{ list-style:none;	padding:10px 0; border-bottom:1px dashed #ccc;}	
.guestList li ul li 						{ padding:10px 0 10px 50px; background:url(images/ico_reply.png) 15px 5px no-repeat; border:none; }			
.guestList .vcard img 				{ float:left;	margin-right:5px;	}

.guestList .name 						{ color:#666; font-weight:bold;	text-decoration:underline;	margin-right:5px; }
.guestList .name a 					{ color:#666; text-decoration:underline;}
.guestList .date a						{ color:#999;}
.guestList p 							{ padding-top:3px; color:#999;}	
.guestList .reply						{ background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; margin-right:2px;}
.guestList .reply span 				{ }	
.guestList .modify						{ background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; }
.guestList .modify span				{ }	
	

/* entry - protected */
.entryProtected dl 						{ padding:20px;}
.entryProtected dt 						{ float:left;}
.entryProtected dd 						{ float:left;	}

/* entry - post */
.authorProfile 								{ padding:15px; margin-bottom:10px; border:1px solid #ddd; background-color:#f6f6f6; height:65px;	}
.authorProfile .image 					{ float:left;  margin-right:10px;}
.authorProfile .title 						{ font-weight:bold; }
.authorProfile .name 						{ color:#999; }	
.authorProfile .score						{ color:#999;}
.authorProfile p 							{ color:#999; }
.authorProfile .gotolist 					{ margin-top:5px;}

.tagTrail 									{ background:url(images/ico_tag.png) 0 5px no-repeat;  padding-left:20px; }
.tagTrail .tagText 						{ display:none;}
.tagTrail a 									{ color:#999;}

.actionTrail 									{ margin-bottom:10px;}
.actionTrail a								{ color:#666;}

.trackback h3 								{ display:none;}
.trackback .trackbackAdd 				{ background-color:#eee; padding:10px; color:#333; }	
.trackback ol 								{ list-style:none;	padding:0 5px;	}	
.trackback li 								{ list-style:none;	border-bottom:1px dashed #ccc; margin:5px 0;	padding:5px 0;}
.trackback p 								{ line-height:1.2em; color:#999;	font-size:0.9em;	margin-left:70px;	}	
.trackback .image 						{ float:left;	margin-right:10px;}
.trackback h4 								{ font-size:1em; font-weight:normal; text-decoration:underline;}
.trackback h4 a 							{ color:#666; }	
.trackback .delete 						{ background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; margin-left:4px;}
.trackback .delete span 				{ }	

.comment 									{ margin-top:20px; }
.comment h3 								{ background-color:#eee; padding:10px; color:#333; font-size:1em; border:0 !important; }		

.commentList								{ padding:10px;}
.commentList ol 							{ list-style:none;	padding:0 5px;	}
.commentList li 							{ list-style:none;	padding:10px 0; border-bottom:1px dashed #ccc;}	
.commentList li ul li 						{ padding:10px 0 10px 50px; background:url(images/ico_reply.png) 15px 10px no-repeat; border:none; }			
.commentList .vcard img 				{ float:left;	margin-right:5px;	}

.commentList .name 						{ color:#666; font-weight:bold;	text-decoration:underline;	margin-right:5px; }
.commentList .date a					{ color:#999;}
.commentList p 							{ padding-top:3px; color:#999;}	
.commentList .reply						{ background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; margin-right:2px;}
.commentList .reply span 				{ }	
.commentList .modify					{ background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; }
.commentList .modify span				{ }	
	
.commentWrite 							{ padding:20px; margin-top:20px;}
.commentWrite dl							{ border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px;}
.commentWrite dt							{ float:left; width:160px; padding-top:3px;}
.commentWrite .inputText 				{ width:200px; color:#999;}
.commentWrite label 					{ font-size:0.9em;}
.commentWrite textarea				{ width:280px; height:150px; overflow:visible;}
.commentWrite .btnComment			{ width:250px; color:#999; padding:3px; border:1px solid #999; background-color:#eee; font-weight:bold; font-family:dotum;}


.paging 									{ text-align:center; font:0.9em Verdana; }
.paging a									{ color:#666; padding:5px; }
.paging a:hover							{ background-color:#eee;}



/* Article Basic Style */
.article     									{ width:580px; overflow:hidden; padding-bottom:25px;}
.article  p  									{ margin:5px 0 10px 0;}
.article a:link          						{ color:#69c;  text-decoration:none;}
.article a:visited       					{ color:#69c;  text-decoration:none;}
.article a:hover         					{ color:#000;  text-decoration:underline;}
.article a:active        					{ color:#69c;  text-decoration:none;}
.article blockquote      					{ background:url(images/ico_blockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}
.article li              						{ margin-left:25px;}
.article h1              						{ font-size : 1.5em;}
.article h2              						{ font-size : 1.4em;}
.article h3              						{ font-size : 1.3em; margin-top:30px; border:none !important;}
.article h4              						{ font-size : 1.2em;}
.article h5              						{ font-size : 1.1em;}
.article h6              						{ font-size : 1em;}

.article dl 									{ padding:10px;}
.article dt              						{ font-weight:bold;}
.article dd              						{ margin-left:20px;  padding-bottom:10px;}




/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar common
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar { }
#sidebar h3 							{ font-size:1.2em; color:#222; font-weight:bold; padding:0 0 3px 2px; margin-bottom:7px; border-bottom:1px solid #ccc; clear:both;}	
#sidebar a							{ color:#666;}

#sidebar .box 							{ padding-left:3px;}
#sidebar li 								{ list-style:none;}	
#sidebar .module 						{ padding:10px;}
#sidebar .date							{ color:#333;}
#sidebar .name						{ color:#333;}

 
/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar module
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
.notice li ,
.recentPost li ,
.recentComment li ,
.recentTrackback li ,
.link li ,
.archive li 									{ }

 
.profile { padding:10px 30px 10px 30px; background-color:#fff;}
.profile li 	{ list-style:none;}
.profile .title 	{ padding-bottom:10px;}
.profile .title a { color:#000; font-weight:bold;}
	
.profile .image { border:4px solid #333;}
.profile .image img	{ width:182px;}
.profile .desc { line-height:1.2em; color:#999; padding:10px 0 0 0;}

.notice	{ background-color:#fff;}
.notice.module { margin-top:0 !important; padding:10px !important;}
.notice h3 { display:none;}
.notice li { background:url(images/bull_notice.gif) 0 center no-repeat; padding-left:40px;}

.category li ul li { border-top:1px solid #eee; padding-top:3px; margin-top:1px;}
.category li ul li a { color:#333 !important;}
.category li ul li ul { margin:0 0 10px 0;}
.category li ul li ul li { border:none; background:url(images/bull_paper.gif) 2px 4px no-repeat; padding-left:18px; }
.category li ul li ul li a { color:#999 !important; width:100px;}

.tagbox ul									{ text-align:justify; }
.tagbox li 									{ list-style:none; display:inline;}
.tagbox a:hover							{ color:#000;}
.tagbox li a.cloud1							{ color:#f30 !important; font-size:1.4em; font-weight:bold; background-color:#f5f5f5;}
.tagbox li a.cloud2 							{ color:#f60 !important; font-size:1.3em; font-weight:bold;}
.tagbox li a.cloud3							{ color:#333 !important; font-size:1.2em; font-weight:bold;}
.tagbox li a.cloud4							{ color:#666 !important; font-size:1.1em; font-weight:normal;}
.tagbox li a.cloud5							{ color:#999 !important; font-size:1em;}

.counter 									{ }
.counter .box								{ padding:10px;}
.counter dl 									{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:5px;}
.counter dt 								{ float:left; padding-left:5px;}
.counter dd 								{ text-align:right; font:0.8em Tahoma; font-weight:bold; color:#999; padding-right:5px;}
.counter .total dd 						{ color:#333;}

.bannerRss  						{ text-align:center;}
.adTextcube						{ text-align:center;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar2 Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */