@charset "utf-8";

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

/* 페이징 - 현재 페이지 */
    .no-more-prev,
    .no-more-next 		{ }

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

/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt { font:0.75em Verdana; font-weight:bold; letter-spacing:-1px; color:#f60;}

/* 달력 월 표시 */
    .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           { font-size:0.9em; color:#aaa; text-align:center;}
    .galleryCaption { font-size:0.9em !important;
                      color:#aaa !important;
                      font-family: Dotum, AppleGothic, Serif !important;
                      text-align:center !important;
                      margin-top:12px !important;}

/* 그림 */
    .imageblock             { }

/* 왼쪽 */
    .left                   	{ }

/* 가운데 */
    .center                 	{ }

/* 오른쪽 */
    .right                  	{ }

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

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

/* 본문 - more / less */
    .moreless_fold          { font-size:1em; color:#69c;}
    .moreless_top          { font-size:1em; color:#69c;}
    .moreless_body        { background-color:#f5f5f5;}   /*  클래스명이 moreless-content로 바뀐듯 */
    .moreless_bottom     { font-size:1em; color:#69c; padding-top:10px;}

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


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

body { font-size: 0.75em; 
       font-family: "Malgun Gothic", Dotum, AppleGothic, Serif; line-height:1.5; 
       /*padding:30px;*/ 
       padding:10px 30px 30px 30px;
       margin:10px; 
       color:#555; 
       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;}
button		{ cursor:pointer; font-family:"Lucida Sans", "Lucida Sans Unicode"; padding:1px 2px 0 2px;}
textarea 		{ font: 1em "Malgun Gothic", dotum; border:1px solid #ccc; background-color:#fff; padding:3px;}
input 		{ font: 1em "Malgun Gothic", dotum; }	
.textField	{ background-color:#fff; padding:2px;}

hr 								{ display:none;}
			
h5 							{ font-size:1.1em;}	
h6 							{ font-size:1em;}	

.date 						{ font:0.9em Verdana;}	
.name 						{ font-size:1em;}
.cnt 						{ font:0.9em Verdana; color:#f60;}		


/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Layout
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#container 					{ width:850px; padding:20px; margin:0 auto; background-color:#fff;}
	#header 				{ padding:30px 20px 20px 20px;} 
	#menu					{ height:35px; background:url(images/btn_search.gif) 774px #eee no-repeat;}
	#body					{ padding-top:10px;}
		#content 			{ width:560px; padding:20px; float:left; text-align:justify;}
		#sidebar 			{ width:230px; padding:10px; float:right;}
	#footer					{ clear:both; padding:20px; }

/* ***** Header **************************************** */ 
#header h1				{ color:#333; font-size:1.2em;}
#header h1 a 				{ font-family:"Malgun Gothic"; color:#333; text-decoration:none; }

/* ***** Menu **************************************** */
#menu .blogMenu ul                   { float:left; padding:8px 0 0 10px;}
#menu .blogMenu li                   { color:#333; display:inline; padding:0 15px;}
#menu .blogMenu a:link, a:visited                   { color:#999; text-decoration:none;}
#menu .blogMenu a:hover                             { color:#333; text-decoration:none;}

#menu .search              { float:right; padding:7px 47px 0px 0px;}
#menu .search .searchField  { width:150px; height:17px; margin-right:5px; padding:2px;}

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

/* +++++++++++++++++++++++++++++++++++++++++++++++++
	Content Part
    +++++++++++++++++++++++++++++++++++++++++++++++++ */
#content .group 		{ padding:0 0 50px 0;}
#content .group h3 	{ font-size:1.2em; color:#333; padding-bottom:4px; border-bottom:1px solid #ddd; margin-bottom:0px;}

#content .result h4 { font-size:1.25em; color:#333; padding-bottom:3px; border-bottom:1px solid #ddd;}
#content .result h4 .cnt 				{ font-weight:bold;}
#content .result ol 				{ list-style:none;}
#content .result li 				{ font-size:0.98em; border-bottom:1px solid #eee; padding:5px 0 5px 0;}	
#content .result .date						{ font-size:0.97em; margin-right:5px; color:#aaa;}
#content .result .name						{ margin-right:5px;}
#content .result a 						{ color:#666;}

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

#content .entry .titleWrap 	{ color:#ccc;}
#content .entry .titleWrap h2 { font-size:1.25em;                                 
                                border-bottom:1px solid #ddd;
                                padding-bottom:3px;
                                margin-bottom:4px;
                                letter-spacing:0em;
                                }
#content .entry .titleWrap h2 a		{ color:#333;}
#content .entry .titleWrap .category a	{ font-size:1.03em; color:#aaa;}
#content .entry .titleWrap .date 		{ font-size:0.95em; color:#aaa;}
#content .entry .titleWrap .name 		{ font-size:1.03em; color:#aaa;}

#content .writeForm dl { font-size:1em; 
                         color:#aaa;
                         border-bottom:1px solid #eee;
                         padding:4px 0 4px 0;
                         }
#content .writeForm dt   { float:left; width:160px;}
#content .writeForm .textField 	{ border:1px solid #ccc; width:250px; height:17px; color:#aaa;}
#content .writeForm .textarea	{ border:1px solid #ccc; overflow:visible;}
#content .writeForm .submit	         { float:left; width:160px;}
#content .writeForm .btnComment { width:250px;
                                  height:30px;
                                  padding-bottom:2px;
                                  margin-top:1px;
                                  margin-bottom:1px;
                                  border:1px solid #ccc;
                                  background-color:#fff;
                                  font-family:tahoma;
                                  color:#aaa;
                                  }

#content .commentList p  {text-align:justify;}
#content .commentList a:link          					{ color:#555; text-decoration:none;}
#content .commentList a:visited       					{ color:#555; text-decoration:none;}
#content .commentList a:hover         					{ color:#555; text-decoration:none;}
#content .commentList a:active        					{ color:#555; text-decoration:none;}
#content .commentList ol 		{ font-size:1.12em; list-style:none; margin-bottom:-4px;}
#content .commentList li 		{ list-style:none; padding-bottom:10px; margin-top:10px; border-bottom:1px dashed #ccc;}	
#content .commentList li ul li 	{ padding-bottom:0px; padding-left:45px; background:url(images/ico_reply.gif) 15px 10px no-repeat; border:none;}			
#content .commentList .name    { font-size:1.0em; 
                                 color:#333;
                                 font-weight:bold;
                                 margin-right:5px;
                                 padding-bottom:-0.2em;
                                 background:url(images/ico_name.gif) 0 center no-repeat; padding-left:15px;
                                 }
#content .commentList .rpname    { font-size:1.0em; 
                                 color:#333;
                                 font-weight:bold;
                                 margin-right:5px;
                                 padding-bottom:-0.2em;
                                 }

#content .commentList .name a			{ font-size:0.95em; color:#333; font-weight:bold;}
#content .commentList .rpname a			{ font-size:0.95em; color:#333; font-weight:bold;}
#content .commentList .date 			{ font-size:0.85em; color:#aaa;}

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

/* noEntry - Localog */
.localog .spot 	{ background:url(images/ico_indent.gif) 0 5px no-repeat; padding:5px 0  5px 17px; color:#aaa;}
.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;}
.taglog li .cloud1							{ color:#666 !important;}
.taglog li .cloud2							{ color:#666 !important;}
.taglog li .cloud3							{ color:#666 !important;}
.taglog li .cloud4							{ color:#666 !important;}
.taglog li .cloud5							{ color:#aaa !important;}

/* 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 { font-size:1em; 
            background:url(images/ico_tag.gif) 0 6px no-repeat;
            padding-left:18px;
            margin-top:10px;
            text-align:left;
            color:#aaa;
            }
.tagTrail a       { color:#aaa;}

.communication            { font-size:1.05em; margin-top:3px; margin-left:-2px;}
.communication a          { color:#666;}
.communication .cnt       { font:0.9em Verdana; color:#666;}

.trackback h3                { display:none;}
.trackback .trackbackAdd     { margin-top:9px;
                               padding-top:5px; 
                               padding-bottom:6px;
                               font:0.9em Verdana;
                               border-top:1px solid #eee;
                               border-bottom:1px solid #eee;
                               color:#aaa;
                               }
.trackback .trackbackUrl     { cursor:pointer;}
.trackback ol                { list-style:none;}
.trackback p                 { line-height:1.3em;
                               color:#666;
                               font-size:1.03em;
                               padding-bottom:14px;
                               margin-top:5px;
                               text-align:justify;
                               border-bottom:1px dashed #ccc;
                               }	
.trackback h4                        { margin-top:8px; font-size:1.1em; margin-bottom:-4px; background:url(images/ico_list.gif) 2px 6px no-repeat; padding-left:13px;}
.trackback h4 a                      { color:#333;}	
/*.trackback .delete { background-color:#fff;
                     border:1px solid #ccc;
                     font:0.8em Tahoma;
                     padding:0px;
                     color:#999;
                     margin-left:1px;
                     margin-bottom:1px;
                     }*/ 

.trackback .delete { font:0.9em Verdana; color:#aaa; cursor: pointer;}

.trackback ol li .title { font:0.85em Verdana; color:#aaa; font-weight:normal;}
.trackback ol li .from  { font:0.9em Verdana; color:#aaa; font-weight:normal;}
.trackback ol li .name  { font-size:1.03em; color:#aaa;}
.trackback ol li .date  { font-size:0.95em; color:#aaa;}

.comment    { margin-top:0px;}
.comment p  { text-align:justify;}	
.comment .commentList					{ }
.comment .writeForm					{ margin-top:4px;}

.paging 							{ text-align:center; font:0.8em Verdana;}
.paging a							{ color:#aaa; padding:2px;}
.paging a:hover						{ }
.paging .selected 				{ font-weight:bold; color:#f60;}

/* Article Basic Style */
.article     		{ font-size:1.1em; overflow:hidden; padding-bottom:10px; margin-top:15px;}
.article p  						{ margin:5px 0 10px 0; text-align:justify;}
.article a:link          					{ color:#69c; text-decoration:none;}
.article a:visited       					{ color:#69c; text-decoration:none;}
.article a:hover         					{ color:#69c; text-decoration:none;}
.article a:active        					{ color:#69c; text-decoration:none;}
.article .cap1                   { font-size:0.9em; color:#aaa; text-align:center;}
.article .imageblock img         { border:1px solid #ddd; padding:1px;}
.article .imageblock *           { margin: 0px;}


.article blockquote { background:url(images/ico_blockquote.gif) top left no-repeat; padding-left:25px; margin:10px 25px 0 0;}
.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 	{ font-size:1.13em; padding:0 0 4px 3px; margin-bottom:4px; border-bottom:1px solid #ddd; color:#333;}	
#sidebar a			{ color:#555;}

#sidebar .box 			{ font-size:1.1em; padding-left:3px;}
#sidebar li 			{ list-style:none;}	
#sidebar .module 		{ padding:10px;}
#sidebar .info                  { table-layout:fixed; width:200px; margin-top:-4px;}
#sidebar .overflow              { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#sidebar .date			{ font-size:0.8em; color:#aaa;}
#sidebar .name			{ font-size:0.9em; color:#aaa;}
#sidebar .recentComment li 	        { list-style:none; line-height:130%;}
#sidebar .recentComment .desc a	        { margin-top:0px; color:#555;}
#sidebar .recentTrackback li 	        { list-style:none; line-height:130%;}
#sidebar .recentTrackback .desc 	{ margin-top:-1px;}

/* Sidebar module */
.blogImage img			{ border:1px solid #ddd; padding:1px; width:190px;}
.blogDesc 			{ font-size:0.9em; color:#aaa; text-align:justify; margin:0 auto; width:195px; padding:10px 0 0 0;}

.notice li 		{ background:url(images/ico_notice.gif) 0 center no-repeat; padding-left:28px;}

.category li ul li ul li .c_cnt { font:0.75em Verdana; font-weight:bold; letter-spacing:-1px; color:#f60;}
.category li ul li .c_cnt { font:0.75em Verdana; font-weight:bold; letter-spacing:-1px; color:#f60;}
.category li 		{ font-size:0.95em; padding-top:0px;}
.category li ul li 		{ font-size:1em; padding-top:2px; background:url(images/bull_paper.gif) 2px 6px no-repeat; padding-left:18px;}
.category li ul li a 		{ font-size:1em; color:#555 !important;}
.category li ul li ul 		{ font-size:1em; padding:0px;}
.category li ul li ul li 	{ font-size:1em; background:url(images/bull_paper.gif) 2px 6px no-repeat; padding-left:18px;}
.category li ul li ul li a 	{ font-size:1em; color:#555 !important;}

.recentComment li,
.recentTrackback li   { padding-bottom:3px;} 
.recentPost .c_cnt { font:0.7em Verdana; font-weight:bold; letter-spacing:-1px; color:#f60; padding-left:2px;}

.tagbox ul					{ }
.tagbox li 					{ display:inline; font-size:1em;}
.tagbox li a.cloud1		{ color:#555 !important;}
.tagbox li a.cloud2 		{ color:#555 !important;}
.tagbox li a.cloud3		{ color:#777 !important;}
.tagbox li a.cloud4		{ color:#999 !important;}
.tagbox li a.cloud5		{ color:#bbb !important;}

.counter 				{ }
.counter .box			{ }
.counter dl { border-bottom:1px solid #eee; padding-bottom:5px; margin-bottom:5px;}
.counter dt { float:left;}
.counter dd { text-align:right; font:0.75em Verdana; font-weight:bold; letter-spacing:0px; color:#ccc; padding:5px 5px 0 0;}
.counter .total dd 		{ font:0.75em Verdana; font-weight:bold; letter-spacing:0px; color:#f60;}

.bannerRss ul 		{ text-align:center;}

.archive select { margin-top:4px;
                  margin-left:2px;
                  width:200px;
                  background:#f6f6f6;
                  border-top:1px solid #eee;
	          border-right:1px solid #eee;
	          border-bottom:1px solid #eee;
	          border-left:1px solid #eee;
                  font:0.9em "Malgun Gothic", Dotum, AppleGothic, Serif;
                  color:#999;
                  }

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