@charset "utf-8";

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

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

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

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

/* 달력 월 표시 */
    .cal_month              { height:20px; font-weight:bold; letter-spacing:0;}

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

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

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

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

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

/* 달력 지난 달 날짜 표시(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:#E1771E; 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_content   { border:1px dotted #111; padding:20px; }
    .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", NanumGothic,verdana, applegothic, sans-serif;}
*:lang(en-us) 				{ font-family: verdana, helvetica, sans-serif;}

body						{ font: 0.9em "Malgun Gothic"; line-height:1.5; color:#555; background-color:#fff; padding:0 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;}	

* 							{ 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; 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:#E1771E;}	

table th {
	text-align: left;
	border: 1px solid #d1d1d1;
	padding: .4em .8em;
	background: #ddd ;
	font-weight: bold;
}

table td {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	padding: 10px;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

#container 					{ width:900px; padding:20px 0; background-color:#fff; margin:0 auto; }
	#header 				{ overflow:hidden; padding:10px 10px; } 
	#menu					{ background-color:#fff; height:35px; overflow:hidden; }
	#body					{ padding-top:5px;}
		#content 			{ width:630px; padding:0 1px 0 1px; float:left; overflow:hidden; }
		/*#sidebar-120 		{ width:165px; padding:0 0 0 15px; float:left; overflow:hidden; }*/
		#sidebar 			{ width:250px; padding:0px; float:right; overflow:hidden; }
	#footer					{clear:both; padding:20px  0px; }

/* ***** Header **************************************** */ 
#header h1				{  }
#header h1 a 			{ margin-left:5px; color:#000; text-decoration:none; padding:40px 10px; display:block; background: url(images/ktitle.gif) no-repeat;}
#header span { }
/* ***** Menu **************************************** */
#menu .blogMenu {width:100%; height: 60px; background: url(images/navigation.png)  repeat-x; padding:0px 0 0px 0;  }
#menu .blogMenu ul 		{ float:left; padding:7px 0 0 0;}
#menu .blogMenu li 		{ display:inline; padding:0 0px;}
#menu .blogMenu a		{ color:#fff; text-decoration:none; font-weight:bold;padding:13px 15px 13px 15px;}

#menu .blogMenu ul li a:hover, #menu .blogMenu ul li a:active { 
	background: url(images/navigation-hover.png); _background: url(images/navigation.png); 
	color: #FFFFFF;
	}

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

/* ***** Footer **************************************** */
#footer .inner 			{ margin-top:5px; padding:5px 10px 5px 5px; border-top:1px solid #ddd; text-align:center; background: url(images/navigation.png) repeat-x; color:#ccc; 
}
#footer .inner a { color:#fff; }
#footer .copyright		{ font:0.9em Verdana;}
 

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
	
/* Daum View */
div.blogger-news-widget {display:inline;float:left;clear:left;width:410px !important;overflow:hidden;padding:10px 0 10px 0px;}
div.blogger-news-widget embed {float:left;}
div.mixup_widget {display:inline;float:right;clear:right;width:400px !important;}
.ad250 {margin-bottom: 15px;}

/* 글더보기에 날짜 보이지 않게하기 */
div.another_category td {display:none;} 

#content .group 			{ padding:0 0 20px 0;}
#content .group h2			{ padding-top : 5px; /*border-top: 2px solid #333;*/ margin-bottom:10px;}
#content .group h3 			{ padding-top : 5px; /*border-top: 1px solid #333;*/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; padding: 5px 0 ; border-top: 2px solid #333; border-bottom:1px solid #ccc;}
#content .entry .titleWrap h1			{ font-size:1.4em; font-weight:bold; text-align: center; padding-right:5px;}
#content .entry .titleWrap h1 a			{ color:#A41600;}
#content .entry .titleWrap .category a	{ color:#999;}
#content .entry .titleWrap .date 		{ color:#999;}
#content .entry .titleWrap .name 		{ color:#999;}

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

#content .commentList ol 				{ list-style:none;}
#content .commentList li 				{ list-style:none;	padding:10px 0; border-bottom:1px dashed #ccc;}	
#content .commentList li ul li 			{ padding-left:45px; background:url(images/ico_reply.gif) 15px 10px no-repeat; border:none;}			
#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.75em 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:#E1771E; font-size:1.6em;}
.taglog li .cloud2						{ color:#E1771E; 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 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-bottom:10px;}

.trackback h3 							{display:none; }
.trackback .trackbackAdd 				{ background-color:#F0F8FF; padding:10px; color:#333; font-size:1em; border:0 !important;}	
.trackback ol 							{ list-style:none;}	
.trackback li 							{ list-style:none;	border-bottom:1px dashed #ccc; margin:5px;	padding:5px;}
.trackback p 							{ line-height:1.2em; color:#999;	font-size:0.9em; padding-top:3px;}	
.trackback h4 							{ font-size:1em; font-weight:normal; }
.trackback h4 a 						{ 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;}

.comment 								{ margin-top:20px; }
.comment h3 							{ background-color:#F0F8FF; padding:13px 0 13px 10px; color:#333; font-size:1em; border:0 !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:630px; overflow:hidden;padding-bottom:20px;}
.article  p  								{ margin:2px 0 18px 0; text-align:justify;line-height:170%;}
.article a:link          					{ color:#A41600;  text-decoration:none;}
.article a:visited       					{ color:#E1771E;  text-decoration:none;}
.article a:hover         					{ color:#f30;  text-decoration:underline;}
.article a:active        					{ color:#E1771E;  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;margin-bottom:10px;}
.article ul ul                                                     {margin-left: 10px;}
.article h1              						{ font-size : 1.4em;border-bottom:1px solid #FFBE53;}
.article h2              						{ font-size : 1.3em;margin-top:10px;background-color:#5AA9D2; color:#FFFFFF;padding: 5px 10px 5px 15px;/*border-bottom:1px solid #FFBE53;*/}
.article h3              						{ font-size : 1.2em;margin-top:8px;padding-left:5px;color:#A41600;border-bottom:1px solid #FFBE53;/*border-bottom:1px solid #FFBE53;*/}
.article h4              						{ font-size : 1.1em;margin-top:8px;padding-left:5px;color:#A41600;border-bottom:1px solid #FFBE53;}
.article h5              						{ font-size : 1.1em;margin-left:5px;}
.article h6              						{ font-size : 1em;margin-left:5px;}

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


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar Part 와 Sidebar2 Part 공통 적용
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar-120 h3, #sidebar h3 			{ font-size:0.95em; padding:5px 0; margin:0 0 10px 0; border-top:2px solid #333; border-bottom: 1px solid #ccc; color:#000;}	
#sidebar-120 .box, #sidebar .box 			{ padding-left:3px; margin-bottom:20px;}
#sidebar-120 li, #sidebar li 				{ list-style:none;}	
#sidebar-120 .module, #sidebar .module 		{ }
#sidebar-120 .date, #sidebar .date			{ color:#000;}
#sidebar-120 .name, #sidebar .name		{ color:#000;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar Part (#sidebar)
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Sidebar module */
.blogImage img			{ width:200px;}

.blogDesc 				{font-size:0.9em; padding:10px;}

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

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

.recentComment li, .recentPost li,
.recentTrackback li 		{font-size:0.85em; padding-bottom:3px;}

.tagbox ul					{text-align:justify; }
.tagbox li 					{ display:inline;}
.tagbox li a.cloud1		{ color:#E1771E; font-size:0.9em; font-weight:bold;}
.tagbox li a.cloud2 		{ color:#E1771E; font-size:0.9em; font-weight:bold;}
.tagbox li a.cloud3		{ color:#333; font-size:0.8em; font-weight:bold;}
.tagbox li a.cloud4		{ color:#666; font-size:0.8em;}
.tagbox li a.cloud5		{ color:#999; font-size:0.8em;}

.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;}
.bannerTistory			{ text-align:center;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Sidebar2 Part (#sidebar-120)
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#sidebar-120 .blogImage img			{ width:120px;}
#sidebar-120 .blogDesc 				{ padding:5px;}

/* Jeong Chan Myeong(dece24@gmail.com) */

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./images/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#333;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(./images/buttonGreen.gif); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#333;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(./images/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#333;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(./images/buttonRed.gif); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#333;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(./images/buttonBlue.gif); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#333;}

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}