@charset "utf-8";

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

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

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

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

/* 달력 월 표시 */
    .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          { font-weight:bold; background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px;}
    .moreless_top           { font-weight:bold; background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { pading-bottom:15px;}
	 /*.moreless_bottom        { font-weight:bold; background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#000; text-align:right;} */
    .moreless_bottom      { display: none;}

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


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

body							{ background: url(images/b6.jpg) center 20px no-repeat; font:0.75em 굴림, gulim, gulim; line-height:150%; color:#333; background-color:#fff; padding:30px;}
a:link							{ color:#333; text-decoration:none;}
a:visited						{ color:#333; text-decoration:none;}
a:hover						    { text-decoration:none; color:#d8442c;}
a:active						{ color:#555;}	
a:img                           { border:none;} 

* 								{ padding:0; margin:0; border:0;}
button						{ cursor:pointer; font-family:"Lucida Sans", "Lucida Sans Unicode"; padding:1px 2px 0 2px;}
textarea 					{ font: 1em 굴림, gulim, dotum; border:1px solid #bbb; background-color:#fff; padding:3px;}
input 							{ font: 1em 굴림, gulim, dotum; }	
.textField					{ border:1px solid #bbb; background-color:#fff; 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 						{ font:0.9em Tahoma;}	
.name 						{ font-size:1em;}
.cnt 							{ font:0.8em Tahoma; color:#586375;}
.cnt1 							{ padding-left: 110px; font-weight:normal; font-size:1em; color:#666;}
.cnt2 							{ font-size:1em; color:#333;}
.cnt3							{ font:1em Tahoma; color:#586375; font-weight:bold;}



/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#container 					{ width:860px; padding:15px 25px 25px 25px; margin:0 auto; background-color:#fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}
	#menu					{ background-color:#757575; height:35px; margin-top:25px;}
	#body					{ }
		#content 			{ width:580px; padding:25px 0 20px 30px; float:right;}
		#sidebar 			{ width:230px; padding:0 10 10 0px; float:left;}
	#footer					{ clear:both; padding:20px; }

/* ***** Header **************************************** */ 
#header h1 { text-indent: -999em;} 
#header h1 a { display:block; height:190px; background:url("images/head11.jpg") no-repeat;}
#header h1 a:hover	{ background:url("images/200412.jpg") no-repeat;}
#header h1 a:active, 
#header h1 a:focus{ outline:none;}

/* ***** Menu **************************************** */
#menu .blogMenu ul 		{ float:left; padding:10px 0 0 0px;}
#menu .blogMenu li 		{ display:inline; padding:0 15px;}
#menu .blogMenu a		{ color:#fff;}

#menu .search 			{ float:right; padding:7px 10px 0 0; }
#menu .search input 	{ width:150px; vertical-align:middle; margin-right:4px;}
#menu .search button 	{ width:18px; height:18px; vertical-align:middle; background:url(images/btn_search.gif) no-repeat;}
#menu .search button span { display:none;}

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

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#content .group 								{ padding:0 0 50px 0;}
#content .group h3 							{ font: 1.3em dotum; color:#5C5F56; font-weight:bold; padding-bottom : 5px; border-bottom:3px solid #7b7b7b; margin-bottom:10px;}

#content .result h3 strong 				{ color:#5C5F56;}
#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 li a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
#content .result .date						{ margin-right:5px; color:#666;}
#content .result .name						{ margin-right:5px; color:#586375;}
#content .result p 							{ color:#999;}

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

#content .entry .titleWrap 				{ color:#ccc;}
#content .entry .titleWrap h2 			{ font: 1.3em dotum; font-weight:bold;}
#content .entry .titleWrap h2 a			{ color:#4e4e4e;}
#content .entry .titleWrap h2 a:hover	{ text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
#content .entry .titleWrap .category a	{ color:#586375;}
#content .entry .titleWrap .category a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
#content .entry .titleWrap .date 		{ color:#999;}
#content .entry .titleWrap .name 		{ color:#757575;}
#content .entry .titleWrap .name1 		{ color:#586375;}


#content .writeForm dl						{ border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;}
#content .writeForm dt						{ float:left; width:300px; padding-bottom:5px; margin-bottom:5px;}
#content .writeForm dt1						{ float:left; width:150px; padding-bottom:5px; margin-bottom:5px;}
#content .writeForm .textField 			{ width:150px; color:#999;}
#content .writeForm label 					{ font-size:1em;}
#content .writeForm textarea				{ width:98%; height:200px; overflow:visible;}
#content .writeForm .btnComment		{ width:72px; height:20px; vertical-align:middle; background:url(images/btn_writeok.gif) no-repeat; padding:2px;}

#content .commentList ol 					{ list-style:none;}
#content .commentList li 					{ list-style:none; margin-top:15px; padding:10px; border:1px solid #ccc;}	
#content .commentList ul 				{ margin-top:10px; padding-top:10px; border-top:1px solid #ccc;;}			
#content .commentList .name 			{ color:#333; font-weight:bold; margin-right:2px;}
#content .commentList .name a			{ text-decoration:none; color:#586375;}
#content .commentList .name a:hover		{ text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
#content .commentList .date a			{ color:#999; margin-right:5px;}
#content .commentList .date a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}

#content .commentList .reply	,
#content .commentList .modify			{ color:#333; margin-right:2px;}

/* noEntry - Localog */
.localog .spot 								{ padding:5px 0  5px 10px; color:#586375;}
.localog .info 								{ background:url(images/ico_list.gif) 2px 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 */	
.keywords li 								{ padding-top:5px;}

/* 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 dd1 						{ float:right;	}
.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/tag.gif) 0 1px no-repeat;  padding-left:40px; margin-bottom:20px;}
.tagTrail a		 						{ color:#586375;}
.tagTrail a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}

.communication							{ padding:0 0 5px 7px;}

.trackback h3 								{ display:none;}
.trackback .trackbackAdd 				{ background-color:#757575; padding:7px; color:#fff; }	
.trackback ol 								{ list-style:none;}	
.trackback li 								{ list-style:none;	border-bottom:1px solid #ccc; padding:10px 5px;}
.trackback p 								{ line-height:1.3em; color:#666;	font-size:1em; padding-top:3px;}	
.trackback h6 								{ font-weight:normal; }
.trackback h6 a 							{ color:#586375;}
.trackback h6 a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
.trackback .delete 						{color:#333; margin-left:4px;}

.comment 									{ margin-top:15px; }
.comment a     					{ color:#000; text-decoration:none;}
.comment a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
.comment h3 								{ background-color:#eee; padding:10px; color:#333; font-size:1em; border:0 !important; }		
.comment .commentList					{ padding:0;}
.comment .writeForm					{ margin-top:30px;}
.comment blockquote      { font-size:12px; color:#333; background:url(images/iconBlockquote1.gif) 10px 5px no-repeat;  padding:10px 0 0 35px;  margin-left:5px;}

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


/* Article Basic Style */
.article     									{ clear:both; width:580px; overflow:hidden; padding-bottom:20px;}
.article  p  									{ margin:20px 0 10px 0;}
.article a:link      						{ color:#369; border-bottom:2px solid #37afcd;}
.article a:visited      						{ color:#000; text-decoration:underline;}
.article a:hover						    { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29} 
.article .imageblock a{ text-decoration: none; border:0px;}


.article blockquote      					{ background:url(images/iconBlockquote1.gif) top left no-repeat;  padding-left:10px;  margin:10px 10px;}
.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;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar h3 			{ background:url(images/quotes4.jpg) no-repeat;  padding:10px 0 3px 29px; font: 1.1em dotum; color:#4e4e4e; font-weight:bold; margin-bottom:7px;}	
#sidebar h3 a			{ cursor:pointer; color:#4e4e4e; }	
#sidebar h3 a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
#sidebar .box 			{ }
#sidebar .box1 			{ margin-bottom:1px;}
#sidebar li 			{ list-style:none;}	
#sidebar li a:hover { text-decoration:none; color:#d8442c; border-bottom:2px solid #e78b29}
#sidebar .module 		{  padding-top:25px;}
#sidebar .date			{ color:#000;}
#sidebar .name		{ color:#586375;}


/* Sidebar module */
.blogImage img			{ border:4px solid #333; width:220px; padding:1px;}

.blogDesc 				{ padding:10px;}

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

.category li ul li 			{ border-bottom:1px solid #eee; background:url(images/li_dark.gif) 0px 2px no-repeat; padding:0 0 3px 18px;}
.category li ul li a 		{ color:#333;}
.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;}

.link li,
.recentComment li,
.recentPost li,
.recentTrackback li 		{ border-bottom:1px solid #eee; padding-bottom:3px;}

.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;}

.counter 					{ }
.counter dl 					{ border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;}
.counter dt 				{ float:left;}
.counter dd 				{ text-align:right; padding:2px 5px 0 0;}
.counter .total dd 		{ color:#000; font-weight:bold;}

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

.margarin-post { border-bottom: 1px solid #eee; padding-bottom: 3px; }

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