@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:0.75em/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
		background:url(images/bg_com.gif) repeat-x #000;
		color:#666;
		margin:0; padding:0;
		b
}
a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:red;  text-decoration:underline;}
a:active        { color:red;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
    .selected               { text-align:center;   font-weight:bold;  color:#f30;} 
	.no-more                { color:#ccc;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma;  color:#bbb;}

/* 달력 월 표시 */
    .cal_month              { font:0.9em Verdana;  height:23px; font-weight:bold; color:black !important; letter-spacing:normal;}
    .cal_month a { color:black !important;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:1em dotum; color:#black;  }
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:1em dotum;  color:#f30;  }

/* 달력 Week(tr 영역)  */
    .cal_week               {  height:10px;}
    .cal_current_week       { background-color:#eee;}
	
/* 달력 Day(td 영역) */
    .cal_day                { font:0.85em Verdana;  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:#aaa;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#333;  font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#ccc;  font-weight:bold;}
    a.cal_click:visited     { color:#ccc;  font-weight:bold;}
    a.cal_click:hover       { color:white;  font-weight:bold;}
	
/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { }	
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { }
	
/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}	
/* 그림 */
    .imageblock             {  padding:0;  margin:5px 0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}
	
/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;} 

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

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

/* 공통영역 */
 * 				{ margin: 0; padding: 0; }
hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
input           { border:1px solid #999;}
textarea        { border:1px solid #999;}
ol, ul, li { list-style:none;}

/* 블로그 레이아웃 */

#container { width:1068px; margin:0 auto;}
#top		{ height:201px;}
#content_bg { background:url(images/content_bg_bg.gif) repeat-y; padding:20px 0;}
.hh			{ clear:both;}
#content    { width:705px; float:left;background-color:#FFFFFF; padding:20px;}
#sidebar    { width:300px; float:right; background-color:#FFFFFF; padding:10px 10px 10px 0;}
#bottom		{ clear:both; margin:20px 0 10px 0; padding:10px; text-align: center;}

/* 탑메뉴 */
.logo a	{ width:478px; height:0; padding:152px 0 0 0; display:block; overflow: hidden; background:url(images/logo_h1.gif) no-repeat; float:left;}

.blogmemu { width:571px; float:right; padding:128px 0 0 0; height:23px; } 
.blogmemu  li { margin:0; padding:0; height:23px; list-style:none; overflow:hidden; float:left;display:block }
.blogmemu li a	{float:left; padding:23px 1px 0 1px; overflow:hidden; height:0px !important;}
.bl01 a {background:url(images/admin_but.gif)no-repeat; width:78px;}
.bl02 a {background: url(images/write_but.gif)no-repeat; width:78px;}
.bl03 a {background: url(images/rss_but.gif)no-repeat; width:78px;}

#top .top_blank { height:49px; clear:both;}

/* ***** content ***** */ 

#content .titleWrap				 { clear:both; }
#content .titleWrap	 h2,
#content .titleWrap	 h3 				{ fone: 1.2em bold; border-bottom:solid 3px #000000; color:#000000;}
#content .titleWrap .category a  { font:0.9em dotum; letter-spacing:-1px; color:#999; }
#content .titleWrap .date 		 { font:0.8em tahoma; margin-left:5px; color:#aaa; letter-spacing:normal;}
#content .titleWrap .admin 		 { padding:5px 0; margin:2px 0; font:0.9em dotum;color:#666;}
#content .titleWrap .admin a	 { color:#444; font:1em dotum;}

#content .entry					 { margin:0 0 40px 0; padding:0; }
#content .entry h1,
#content .entry h4, 
#content .entry h5, 
#content .entry h6 				 { border-bottom:1px solid #ccc;  margin-bottom:3px; padding-bottom:1px;  color:#222; font:1.1em "굴림"; font-weight:bold;}


#content .article 				 { font-family:"굴림";  padding:20px 10px 15px 10px; margin-bottom:5px;}
#content .entry .tagTrail 		 { margin:15px 5px 0 0; padding-left:32px; height:auto; background:url(images/entryTag.gif) 0 1px no-repeat;  clear:both; letter-spacing:normal; font:1em dotum;}
#content .entry .tagTrail span   { display:none; }
#content .entry .tagTrail a		 { color:#aaa;}
#content .entry .actionTrail  	 { color:#909090; padding: 6px 0 0 0; border-top:1px dashed #c4c4c4;  margin-top:15px; height:18px; clear:both;}
#content .entry .actionTrail a	 {color:black;}
#content .entry .actionTrail .cnt{ font-weight:bold; color:#ff4f4f;}

.btnTB 							 { background:url(images/btnBg.gif); height:21px; display:block; width:95px; text-align:center; float:left; overflow:hidden; padding-top:5px; margin-right:3px;}
.btnComment						 { background:url(images/btnBg.gif); height:21px; display:block; width:95px; text-align:center; float:left; overflow:hidden; padding-top:5px; }

#content .guestList 			 {margin:0 0 40px 0;}

#content .article h2, 
#content .article h3 			 { color:#222; font:1.1em "굴림"; font-weight:bold;}

#content .article p 		 { padding-bottom:10px;}
#content .article ol, 
#content .article ul  	 	 { margin:10px 0; padding:0 0 0 30px;}
#content .article ol li  	 { list-style:decimal outside; margin:0; padding:0;}
#content .article ul li  	 { list-style:circle outside; margin:0; padding:0;}
#content .article dt 		 { font-weight:bold;}
#content .article dd 		 { margin-left:10px;}
#content .article BLOCKQUOTE { margin:10px 0 10px 20px; padding-left:6px; border-left:3px solid #eee;}
#content .article p 		 { margin-bottom:15px;}

.author 					 { display:block; color:#777;  font:0.9em dotum;  padding-top:4px; border-bottom:1px solid #ddd; padding-left:3px; padding-bottom:2px; }
.author .owner 				 { height:0; padding:11px 0 0 0; width:35px;   float:left; margin:1px 3px 0 0; overflow:hidden;}
.author.inbox 				 { color:#ccc;}
.admin						 { letter-spacing:-1px; padding-left:10px;}

.categoryBtn 			{  padding-top:5px; height:16px;}
a.categoryBtn			{color:#777 !important; }
.author .date 			{ padding-top:5px; height:16px; padding-left:4px; font:10px tahoma;}
.author .ownerBtn		{ font:11px dotum; padding-top:5px; padding-left:4px; height:16px;}
.author .ownerBtn span 	{ font:10px tahoma;}

.guestbook .commentWrite,
.localog .article, 
.taglog .article,
.taglog .tagbox 		{ border-bottom:1px solid #e6e6e6;background:url(images/titlebg2.gif) top repeat-x;  margin-bottom:5px;}
.notice h3 				{ display:none;}
 
/* 코멘트 */
.commentWrite 				{ padding:8px 0;}
.commentWrite label 		{ display:none;}
.commentWrite input, 
.commentWrite textarea				{ width:600px; border:3px solid #e1e1e1; margin:1px 0; padding-left:60px; padding-top:3px; color:#808080; font:1em gulim; height:15px; }
.commentWrite textarea  			{  background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px;height:70px; }

.commentWrite input.name 			{ background:url(images/bgName.gif) 0 0 no-repeat;}
.commentWrite input.home 			{ background:url(images/bgHome.gif) 0 0 no-repeat; font:0.8em tahoma;}
.commentWrite input.pass 			{ background:url(images/bgPass.gif) 0 0 no-repeat; }
.commentWrite p 					{ border:1px solid white;}
.commentWrite .submit 				{ border:0; padding:0; margin:0; width:325px; height:28px; margin-top:4px;}
.commentWrite .secretWrap .checkbox { border:0; padding:0; margin:0; position:absolute; width:20px; height:20px; margin:124px 0 0 328px;}
.commentWrite .secretWrap label 	{ font:0.8em tahoma; letter-spacing:normal; display:block; position:absolute;  margin:128px 0 0 348px; cursor:pointer;}


.comment 				  { position:relative; clear:both; width:100%}
.comment h3				  { display:none;}
.commentList 			  { background:#fefefe; border-top:1px solid #eee; margin-top:4px;}
.commentList li			  { overflow:hidden;  margin-top:6px; border-bottom:1px solid #f4f4f4; padding:5px 0 0 10px;}
.commentList li .date	  { font:0.8em tahoma; letter-spacing:normal; color:#ccc; padding-bottom:4px; display:block;}
.commentList li .name     { float:left; font-weight:bold; margin-right:7px;  color:black;}
.commentList li .name a   { color:black;}
.commentList li .name img { vertical-align:middle;}
.commentList li p		  { clear:left; padding-top:4px; padding-bottom:3px; overflow:hidden;}
.commentList li ul		  { margin:0 0 0 -10px; padding:0 !important;}
.commentList li ul li	  { border-bottom:none; margin-top:1px; padding-left:30px; width:auto;  background:url(images/bgReply.gif) 4px 3px no-repeat #f9f9f9;}
.commentList li a		  { color:black !important;}

.commentList li .control		  { float:right; margin-right:5px;}
.commentList li .control a 		  { display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:left; margin-top:2px; margin-right:3px;}
.commentList li .control .address { background:url(images/iconAdd.gif); width:23px; }
.commentList li .control .modify  { background:url(images/iconModify.gif); width:24px;}
.commentList li .control .write   { background:url(images/iconReply.gif); width:28px; }

.guestbook .commentWrite		  { border-bottom:1px solid #e6e6e6; background:url(images/titlebg2.gif) top repeat-x; margin-bottom:5px;}

.trackback 				{ padding-bottom:3px;}
.trackback h3			{ margin-top:6px; border:1px solid #e6e6e6 !important; background:#ededed;  padding:8px 10px !important; display:block; font:0.8em tahoma !important; color:#888 !important; letter-spacing:normal;}
.trackback h3 span 		{ border:0 !important; font-weight:normal;}
.trackback li 			{ margin:5px 0; border-top:1px solid #e6e6e6;  padding:10px 0 8px 0; width:100%; overflow:hidden;} 
.trackback li h4 		{ font:0.8em gulim; border-bottom:none !important; letter-spacing:normal; font-weight:bold;}
.trackback li p 		{ clear:left; color:#aaa; padding-top:7px; margin-top:4px; padding-bottom:3px; font:0.9em dotum; border-top:1px dashed #ccc;}
.trackback li .date		{ font:0.8em tahoma; letter-spacing:normal; color:#ccc;}
.trackback li .delete   { display:block; height:0; padding:9px 0 0 0; overflow:hidden; float:right; margin-top:-33px;  background:url(images/iconDelete.gif); width:22px;}
.trackback li a			{ color:black !important;}

/* 공지 */
.entryNotice			{ margin-bottom:40px;}

/* 비밀글 */
.entryProtected			{ margin-bottom:50px;}
.entryProtected p.text  { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px; margin-bottom:10px;}
.entryProtected input   { width:200px;}
.entryProtected .submit { width:50px; padding-top:2px; height:20px; background-color:#ccc;}


/* 태그로그 */
.taglog .tagbox			{ padding:10px 0 30px 0;}
.taglog .tagbox .cloud1, .sidebarCenter .tagbox a.cloud1:visited {font-size:14px; color:#ff6600;}
.taglog .tagbox .cloud2, .sidebarCenter .tagbox a.cloud2:visited {font-size:13px; color:#ff9900;}
.taglog .tagbox .cloud3, .sidebarCenter .tagbox a.cloud3:visited {font-size:12px; color:#669900;}
.taglog .tagbox .cloud4, .sidebarCenter .tagbox a.cloud4:visited {font-size:12px; color:#0099CC;}
.taglog .tagbox .cloud5, .sidebarCenter .tagbox a.cloud5:visited {font-size:11px; color:#999;}
.taglog .tagbox li	    { display:inline; margin-right:5px;}
.taglog .tagbox a:hover { text-decoration:underline; }	

/* 위치로그 */
.localog				    { padding-bottom:20px;}
.localog .spot              { background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
.localog .info              { background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px; font-weight:bold;}
.localog a:link             { color:#ff6600;}
.localog a:visited          { color:#ff6600;}
.localog a:hover            { color:#ff6600;  text-decoration:underline;}

/* 검색 리스트 */
.searchList h3 a,
.searchRplist h3 a			{ font:1.2em bold;}
.searchList ol, 
.searchRplist ol            { list-style:none;  padding:15px 5px 5px 5px; background:url(images/titlebg2.gif) repeat-x; margin:0; margin-bottom:30px; }
.searchList li, 
.searchRplist li            { border-bottom:1px solid #eee;  padding-bottom:2px;  margin-bottom:4px; letter-spacing:normal;}
.searchList .date, 
.searchRplist .date         { font:0.8em tahoma;  margin-right:10px; }
.searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;} 
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

/* 페이징 */
#paging 			{ text-align:center; font:9px Verdana; font-weight: bold; letter-spacing:normal; padding-bottom:40px;}
.number 		    { margin:0px; padding:0px 2px 0px 3px; font:9px Verdana; font-weight: bold;}
a.number:link, 
a.number:visited    { background:#b7b7b7; color:#fff;}
a.number:hover 	    {background:#f180ba; text-decoration:none;}


/* 사이드바 */

.blogimage img { width:150px; float:left; border:6px solid #f2f2f2; margin-bottom:15px; margin-right:5px}

#sidebar h3			{ width:300px; height:0; padding:19px 0 0 0; margin:0 0 10px 0 !important; padding-bottom:0 ; border-bottom:0 !important; overflow:hidden;}


 .category h3			{ background:url(images/barCategory.gif) !important; }
 .recentPost h3 		{ background:url(images/barRecentPost.gif);}
 .recentComment h3		{ background:url(images/barRecentComment.gif);}
 .recentTrackback h3   { background:url(images/barRecentTrackback.gif);}
 .link h3 				{ background:url(images/barLink.gif);}
 .calender h3 			{ background:url(images/barCalendar.gif);}
 .tagbox h3 			{ background:url(images/barTagcloud1.gif);}
 


#sidebar ul			{ margin:0 2px 15px 2px;}
#sidebar li			{
	line-height:120%;
	padding-bottom:4px;
	/* [disabled]padding-left:4px; */
	margin-bottom:4px;
	border-bottom:1px solid #e8dee4;
}
#sidebar li .cnt 		{ color:#bbb; font:70% tahoma;}
#sidebar li .name		{ color:#999;}
#sidebar li .date		{ color:#999; font:70% Verdana;}
#sidebar li a:hover 	{ color:red; text-decoration:none;}



#sidebar .calender,
#sidebar .category,
#sidebar .calender,
#sidebar .link,
#sidebar .notice,
#sidebar .search,
#sidebar .banners       { margin-bottom:13px;}

#sidebar .title		 { font:12px gulim; font-weight:bold;  display:block; color:black;} 
#sidebar .blogdesc 	 { padding:6px 0 15px 0; color:#999;}
#sidebar .blogimage img { width:150px; float:left; border:6px solid #f2f2f2; margin-bottom:15px; margin-right:5px;}

#sidebar .banners 		 { border-top:1px solid #ddd; padding:10px;}
#sidebar .banners img   { display:block; margin:4px auto; margin-bottom:10px;}

/* 태그 클라우드 */
.sideinfo .tagbox 			{ margin-top:-1px;}
.sideinfo .tagbox li		{ margin:0 3px -1px 0; display:inline; border:none;}
.sideinfo .tagbox a:hover 	{ text-decoration:underline; }  
.sideinfo .tagbox .cloud1, .sideinfo .tagbox a.cloud1:visited {font-size:14px; color:#ff6600;}
.sideinfo .tagbox .cloud2, .sideinfo .tagbox a.cloud2:visited {font-size:13px; color:#ff9900;}
.sideinfo .tagbox .cloud3, .sideinfo .tagbox a.cloud3:visited {font-size:12px; color:#669900;}
.sideinfo .tagbox .cloud4, .sideinfo .tagbox a.cloud4:visited {font-size:12px; color:#0099CC;}
.sideinfo .tagbox .cloud5, .sideinfo .tagbox a.cloud5:visited {font-size:11px; color:#999;}


#sidebar .notice h3		{ display:none; clear:both}
#sidebar .notice	 		{ border-top:1px solid #ddd; padding-top:4px; clear:both;}
#sidebar .notice li 		{ background:url(images/iconNotice2.gif) 0 4px no-repeat; padding-left:12px; }

/* 사이드바 태그 */
#sidebar .tag a			{ text-decoration:none; font-family:dotum;}
#sidebar .tag 				{ display:inline; padding:0; text-align:justify;}
#sidebar .tag .cloud1 		{ font-weight:bold; font-size:130%; color:#222; background-color:#b0aba1; }
#sidebar .tag .cloud2 		{ font-weight:bold; font-size:120%; color:#333; background-color:#b0aba1; }
#sidebar .tag .cloud3 		{ font-weight:bold; font-size:110%; color:#555;}
#sidebar .tag .cloud4		{ font-size:100%; color:#666;}
#sidebar .tag .cloud5		{ font-size:90%; color:#666;}	
#sidebar .tag a:hover		{ background-color:#a09b91; color:#000;}	
#sidebar .tag li			{ background:none; display:inline; padding:0;}


#sidebar .calender			{font:100% Verdana;}
#sidebar .calender h3 		{ display:none;}
#sidebar .calender 		{ background:url(images/barCalendarBg.gif) no-repeat; padding:20px 4px 17px 4px; }

#sidebar .archive			{font-family: Verdana;}
#sidebar .archive ul		{ padding: 0 20px 0 10px; }
#sidebar .archive .cnt		{ padding-left:5px;}
#treeComponent  * 			{ width:auto !important;}

.counter 						{ border-top:1px solid #e2e2e2;}
.counter li						{ border:none;} 
.counter li.total 				{ background:url(images/counterTotal.gif) 0 4px no-repeat; text-align: left; font:15px Arial; color:black; font-weight:bold; padding:8px 2px 0 36px;}
.counter li.detail 				{ height:21px; padding-top:4px;}
.counter li.detail .today 		{ display:block; float:left; width:53px; padding-left:36px; background:url(images/counterToday.gif) no-repeat 0 4px;}
.counter li.detail .yesterday   { float:right; display:block; width:52px; padding:0 50px 0 46px; background:url(images/counterYesterday.gif) no-repeat 0 4px;}