@charset "utf-8";

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

/* 페이징 - 현재 페이지 */
    .selected 				{ font-weight:bold; color:#f30;}
    .no-more-prev,
	.no-more-next 		{ color:#ccc;}
	
/* 카테고리 - 이미지 버튼 */
    .ib                     	{ }
		
/* 카테고리 - 트리 셀 */
    .branch3                	{ }
	
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  	{ font:0.75em Tahoma; letter-spacing:0; color:#f30;}
	
/* 달력 월 표시 */
    .cal_month              { height:20px; font-weight:bold; letter-spacing:0;}

/* 달력 요일 표시(th 영역) */
    .cal_week1              { height:20px;}

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

/* 달력 Week(tr 영역)  */
    .cal_week               { }
    .cal_current_week	{ }

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

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

/* 달력 지난 달 날짜 표시(td) ------------------------> 사용되고 있지 않은것 같음   */
    .cal_day1               	{ }

/* 달력 다음 달 날짜 표시(td) ------------------------> 사용되고 있지 않은것 같음   */
    .cal_day2               	{ }

/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               	{ }

/* 달력 오늘 날짜 표시(td) */
    .cal_day4               	{ color:#000; font-weight:bold; background-color:#eee;}


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

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             	{ }
    .rp_admin               	{ } /* 클래스명이 제대로 사용되고 있지 않은것 같음 */
    .rp_secret              	{ }

/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { } /* 클래스명이 제대로 사용되고 있지 않은것 같음 

/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment 		{ }

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

/* 그림 */
    .imageblock             { }

/* 왼쪽 */
    .left                   	{ }

/* 가운데 */
    .center                 	{ }

/* 오른쪽 */
    .right                  	{ }

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

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

/* 본문 - more / less */
    .moreless_fold          { color:#000; font-weight:bold;}
    .moreless_top          { color:#000; font-weight:bold;}
    .moreless_body        { background-color:#f5f5f5;}   /*  클래스명이 moreless-content로 바뀐듯 */
    .moreless_bottom     { color:#999; font-weight:bold; text-align:right; }

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


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

body							{ font: 0.9em "Malgun Gothic"; line-height:1.5; color:#555; padding:30px;}
a:link							{ color:#555; text-decoration:none;}
a:visited						{ color:#555; text-decoration:none;}
a:hover							{ color:#000; text-decoration:underline;} 
a:active						{ color:#555;}	

#rr								{ width:798px; color:gray; padding-bottom:10px;} /* 트랙백 및 댓글 */
#r								{ width:840px; color:gray;} /* 크기조절 */
#r b							{ display:block;height:1px;overflow:hidden;border-color:#dcdcdc;}
#r #r1							{ margin:0px 5px 0px 5px;background:#dcdcdc;}
#r #r2							{ border-left:solid 2px;border-right:solid 2px;margin:0px 3px 0px 3px;background:#f9ffff; border-color:#dcdcdc;}  
#r #r3							{ margin:0px 2px 0px 2px;background:#f9ffff; border-color:#dcdcdc;}
#r #r4							{ height:2px; margin:0px 1px 0px 1px;background:#f9ffff; border-color:#dcdcdc;} /* 놀이조절 */
#r #r3, #r #r4, #r #r5			{ border-left:solid 1px;border-right:solid 1px;background:#f9ffff; border-color:#dcdcdc;z-index:100;}  

* 							{ padding:0; margin:0; border:0;}
button						{ cursor:pointer; font-family:"Lucida Sans", "Lucida Sans Unicode"; padding:1px 2px 0 2px;}
textarea 					{ font: 1em "Malgun Gothic", dotum; border:1px solid #bbb; background-color:#fff; padding:3px;}
input 						{ font: 1em "Malgun Gothic", dotum; }	
.textField					{ border:1px solid #bbb; padding:3px 2px 1px 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:1.1em;}	
h6 							{ font-size:1em;}	


.date, .name 				{ font:1em Tahoma;}	
.cnt, .acnt 				{ font:0.9em Tahoma; color:#f30;}	


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#container 					{ width:840px; margin:0 auto; background-color:#fff;}
	#header 				{ } 
	#menu					{ background:#f9ffff; height:35px;}
	#hocate					{ height:45px; padding:0 0 0 15;}
	#body					{ padding-top:10px;}
		#content 			{ width:800px; padding:20px; float:right;}
	#footer					{ clear:both; padding:20px;}
	
#sidebar 					{ width:795px; padding:20px; float:left;}

/* ***** Header **************************************** */ 
#header h1					{ padding:30px 20px 20px 20px; letter-spacing:-0.1em;}
#header h1 a 				{ color:#000; text-decoration:none; }

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

#menu .search 				{ float:right; padding:7px 10px 0 0; }
#menu .search input			{ width:150px; vertical-align:middle; margin-right:4px; border:1px solid #ddd;}
#menu .search button		{ width:55px; height:21px; vertical-align:middle; background:url(images/btn_search.gif) no-repeat;}
#menu .search button span	{ display:none;}
.searchList .searchList ol	{margin-left:20px;} 

/* ***** Footer **************************************** */
#footer .inner 				{ margin-top:30px; padding:20px; border-top:1px solid #ddd; text-align:center;}
#footer .copyright			{ font:0.9em Verdana;}
.test						{ border: 2px solid #ddd;background:#ddd;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#content .group 						{ padding:0 0 50px 0;}
#content .group h3 						{ padding-bottom : 5px; border-bottom:1px solid #ddd; margin-bottom:10px;}

#content .result h3 strong 				{ color:#000;}
#content .result h3 .cnt 				{ font-weight:bold;}	
#content .result ol 					{ padding-left:25px;}
#content .result li 					{ border-bottom:1px solid #eee; padding:3px 0;}	
#content .result .date					{ margin-right:5px; color:#000;}
#content .result .name					{ margin-right:5px;}
#content .result p 						{ color:#999;}

#content .noEntry ol,
#content .noEntry ul,
#content .noEntry li					{ list-style:none;}

#content .entry .titleWrap 				{ color:#ccc; margin-bottom:10px;}
#content .entry .art_title 				{ color:#ccc; font-size:2em;}
#content .entry .titleWrap h2 			{ letter-spacing:-0.1em;}
#content .entry .titleWrap h2 a			{ color:#000;}
#content .entry .titleWrap .category a	{ color:#999;}
#content .entry .titleWrap .date 		{ color:#999;}
#content .entry .titleWrap .name 		{ color:#999;}
#content .entry .author .text			{ color:#999; font-size:1.2em;}

#content .writeForm dl					{ border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;}
#content .writeForm dt					{ float:left; width:150px; padding-top:3px;}
#content .writeForm .textField 			{ width:250px; color:#999;}
#content .writeForm label 				{ font-size:0.9em;}
#content .writeForm textarea			{ width:500px; height:150px; overflow:visible;}
#content .writeForm .btnComment			{ width:250px; padding:3px; border:1px solid #999; background-color:#eee; font-weight:bold;}

#content .commentList	 				{ list-style:none;}
#content .commentList ol 				{ list-style:none;}
#content .commentList ol ul li			{ list-style:none; border:2px solid #eee; background-color:#f4ffff; }
#content .commentList ol ul li:hover	{ list-style:none; border:2px solid #ff9dff; background-color:#fff; }
#content .commentList ol li				{ list-style:none; border:2px solid #eee; background-color:#f4ffff;	padding:5px 5px 0px; margin-bottom:10px;}	
#content .commentList ol li:hover		{ list-style:none; border:2px solid #ff9dff; background-color:#fff;	padding:5px 5px 0px; margin-bottom:10px;}		
#content .commentList .name 			{ color:#000; font-weight:bold; margin-right:5px;}
#content .commentList .name a			{ color:#000;}
#content .commentList .date a			{ color:#999;}

#content .commentList .reply, #content .commentList .modify			{ background-color:#fff; border:1px solid #ccc; font:0.9em Tahoma; padding:2px 0 0 1px; color:#999; margin-right:2px;}

/* noEntry - Localog */
.localog .spot 								{ background:url(images/ico_indent.gif) 0 5px no-repeat; padding:5px 0  5px 17px; color:#999;}
.localog .info 								{ background:url(images/ico_list.gif) 0 5px no-repeat; padding-left:12px; border-bottom:1px solid #eee;}	

/* noEntry - Taglog */
.taglog ul									{ text-align:justify; }
.taglog li 									{ display:inline; font-weight:bold; }
.taglog li .cloud1							{ color:#f30; font-size:1.6em;}
.taglog li .cloud2							{ color:#f60; font-size:1.5em;}
.taglog li .cloud3							{ color:#333; font-size:1.4em;}
.taglog li .cloud4							{ color:#666; font-size:1.3em;}
.taglog li .cloud5							{ color:#999; font-size:1.2em;}

/* noEntry - Keyword */	
.keyword ul 								{ padding-left:20px;}

/* noEntry - Guestbook */	
.guestbook .writeForm						{ margin-bottom:30px;}
.guestbook .commentList						{}	

/* entry - protected */
.entryProtected dl 							{}
.entryProtected dt 							{ float:left; padding:2px 5px 0 0;}
.entryProtected dd 							{ float:left;	}
.entryProtected input 						{ vertical-align:middle; margin-right:4px;}
.entryProtected button	 					{ vertical-align:middle; background-color:#fff; border:1px solid #ccc; font:0.85em Tahoma; padding:2px; font-weight:bold;}

/* entry - post */
.tagTrail 									{ background:url(images/ico_tag.gif) 0 5px no-repeat;  padding-left:20px; margin-bottom:20px;}
.tagTrail span		 						{ display:none;}

.communication								{ padding-left:10px;}


.trackbackAdd								 { padding:10px; color:#000;}	
.trackback ol								 { list-style:none;}	
.trackback h4								 { padding: 0 5px; background-color: #f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; color:#000;}
.trackback h5								 { padding: 0 5px; color:#000;}

.trackback .delete							{ background-color:#fff; border:1px solid #ccc; font:0.75em Tahoma; padding:2px 0 0 1px; color:#999; margin-left:4px;}
.trackback li {
	list-style: none;
	margin-left: 5px;
}
.trackback li p {
	padding: 10px;
	color: #333;
	font: 400 12px/1.6 "NanumGothic bold","나눔고딕 bold", NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Arial, Sans-serif;
}
.trackback li .trbt {
	display: block;
	float: right;
	margin: 1px 5px 0 0;
}
trbutton { cursor:pointer; font-family:"Lucida Sans", "Lucida Sans Unicode"; padding:1px 2px 0 2px; font:0.9em;}


.comment 									{ margin-top:0px; }
.comment h3 								{ padding:10px; color:#000; !important; }		
.comment .commentList						{ padding:0 10px;}
.comment .writeForm							{ margin-top:30px; padding-left:10px;}

.paging 									{ text-align:center;}
.paging a									{ padding:5px;}
.paging a:hover								{ background-color:#eee;}


/* Article Basic Style */
.article     								{ width:800px; overflow:hidden; padding-bottom:20px; color:#3c3c3c;}
.article  p  								{ margin:5px 0 10px 0;}
.article a:link          					{ color:#0078ff;  text-decoration:none;}
.article a:visited       					{ color:#0078ff;  text-decoration:none;}
.article a:hover         					{ color:#0000ff;  text-decoration:none; background-color:#beefff;}
.article a:active        					{ color:#0078ff;  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              					{ }
.article dd              					{ margin-left:20px;  padding-bottom:10px;}

.spacebar									{border-bottom:2px solid #d2d2d2;}

.article table {
	text-align: center;
	border-collapse: collapse;
	margin: 5px;
	text-align: center;
}
.article tr { background: #fff; }
.article tr.altrow { background: #F5F5F5; }
.article th,
.article td {
	text-align: left;
	border-width: 1px;
	border-style: solid;
}
.article th {
	color: #963;
	background: #eee;
	padding: .2em .2em;
	border-color: #f8f8f8 #ddd #bbb;
	text-align: center;
}
.article td {
	border-color: #e8e8e8;
	padding: .3em .3em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar h3									{ font-size:1.2em; margin-bottom:7px; border-bottom:1px solid #ccc; color:#000;}	

#sidebar .box 								{ padding-left:3px;}
#sidebar li 								{ list-style:none;}	
#sidebar .module 							{ padding-top:20px;}
#sidebar .date								{ color:#000;}
#sidebar .name								{ color:#000;}
#sidebar .cntlist							{display:inline;}


/* Sidebar module */
.blogImage img								{}

.blogDesc 									{ padding:10px;}

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

.category li ul li 							{ padding-top:5px; }
.category li ul li a 						{ color:#000;}
.category li ul li ul 						{ padding:0 0 5px 0;}
.category li ul li ul li 					{ background:url(images/bull_paper.gif) 2px 8px no-repeat; padding-left:18px; }
.category li ul li ul li a 					{ color:#999;}

.recentComment li, .recentTrackback li		{}
.recentPost 								{ padding-bottom:5px;}
.recentPost ul li, .recentComment ul li, .recentTrackback ul li	{border-bottom:1px solid #eee; margin-bottom:5px;}

.recentPost a, .recentComment a, .recentTrackback a:hover, .archive a:hover, .link a:hover { text-decoration:none;}
.recentPost ul li:hover, .recentComment ul li:hover, .recentTrackback ul li:hover, .archive ul li:hover, .link ul li:hover	{border-bottom:1px solid #eee; margin-bottom:5px;background-color:#beefff;}

.tagbox ul									{ text-align:justify; }
.tagbox li 									{ display:inline;}
.tagbox li a.cloud1							{ color:#f30; font-size:1.4em; font-weight:bold;}
.tagbox li a.cloud2 						{ color:#f60; font-size:1.3em; font-weight:bold;}
.tagbox li a.cloud3							{ color:#333; font-size:1.2em; font-weight:bold;}
.tagbox li a.cloud4							{ color:#666; font-size:1.1em;}
.tagbox li a.cloud5							{ color:#999; font-size:1em;}



.archive, .clear							{clear:both;}
.archive ul									{padding-bottom:5px;margin:0px;}
.archive ul li, .link ul li					{display:inline;}

.box .name, .box .date, .box .cnt, .box .acnt {float: right; padding-right: 5px;}

.cainner 									{ margin-top:20px;}	
.cntbox	 									{ float:left;width:180px;}
.cntname									{ float:left;padding-right:10px;}
.cntnum										{ text-align:right;padding-right:10px;}
.cntcen										{ border-bottom: 1px solid #ccc;margin-bottom:10px;}
.countcen									{ float:left;}
.countrig									{ float:right;}


.mixview									{ width:800px;}
.mixarea									{ float:left;width:400px;z-index:2000;}
.daumarea									{ float:left;width:400px;z-index:1000;}

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

.rssfeed .rsscont							{ width:155px;float:left;text-align:center;margin-bottom:10px;}
.rssfeed .rsscont a							{ text-decoration:none;}