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

/* 본문 공통 */
body{
		font:0.75em/1.6 나눔고딕, 맑은고딕, verdana; color:#333;

		/*background-image:url(images/bg.jpg);*/


}

a:link          { color:#333;     text-decoration:none;}
a:visited       { color:#333;     text-decoration:none;}
a:hover         { color:#ff0000;  text-decoration:underline;}
a:active        { color:#ff0000;     text-decoration:none;}

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

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

/* 달력 월 표시 */
    .cal_month              { font:0.9em Verdana;  height:18px; font-weight:bold; letter-spacing:normal;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:1em "나눔고딕"; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:1em "나눔고딕";  color:#f20; }

/* 달력 Week(tr 영역)  */
    .cal_week               {  height:10px;}
    .cal_current_week       { background-color:#f2f2f2;}
	
/* 달력 Day(td 영역) */
    .cal_day                { font:0.85em Verdana;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f20 !important;}
    .cal_day_sunday a        { color:#f20 !important;}
		
/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { }
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { }
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { }
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#09c;  font-weight:bold;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { font-weight:bold;}
    a.cal_click:visited     { font-weight:bold;}
    a.cal_click:hover       { font-weight:bold;}
	
/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { }
    .rp_secret              { color:#ff0000; }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { }	
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { }
	
/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#bbb;  text-align:center;}	
/* 그림 */
    .imageblock             {  padding:0;  margin:10px 0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { 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 #ddd;}
textarea        { border:1px solid #ddd;}
ol, ul, li { list-style:none;}

/* 블로그 레이아웃 */
body { margin-bottom:0px; }
#header { }

#ContainerTop {width:956px; margin:0 auto; background:url(images/bg2.gif) bottom;}
#container { width:956px; margin:0 auto; background:url(images/bg2.gif); padding-top:25px;}
	#content {position:relative; width:540px; overflow:hidden; padding:0 15px 0 15px; float:left; background:white; float:left;}
	#sideinfo { float:right; width:381px; display:block; position:relative; }
	#sideinfo .sideinfo.top { margin:0px 9px 0 9px; background:#e9e9e9; padding:5px; border:1px }
	#sideinfo .sideinfo.left   { width:197px; padding:0 4px 0 8px; float:left;}
	#sideinfo .sideinfo.right { width:157px; padding:0 8px 0 4px; float:right;}
#containerBottom {width:956px; margin:0 auto; }




/* 상단 타이틀 이미지 */
#ContainerTop h1 { width:250px; }
#ContainerTop h1 a { display:block; width:207px; height:80px; background:url("images/sparkho_blog.gif") left top no-repeat;
margin:10px 0 0 14px;
}
#ContainerTop h1 a:hover { background:url("images/sparkho_blog.gif") left top no-repeat;}
#ContainerTop h1 a span { display:none;}

#containerBottom {
background:url(images/bg2.gif) bottom;
height:6px;}

/*.topDeco { 
background:url(images/bg4.png);
height:15px;
position:absolute;
top:0; 
width:100%;}*/


/* ***** Header ******/
#header .title { width:453px; margin:5px 0 0 -11px; padding:14px 0 0 12px; background:none; z-index:100;}
#header .title span { padding:5px 0 0 0; display:block; font:1em "맑은 고딕"; letter-spacing:-1px;}
#header .menu { position : relative;}
#header .menu ul   {display:none;}
#header h2 { font:1em "맑은 고딕"; letter-spacing:-1px; padding:10px 0 5px 0; font-weight:bold; }
#header h2 a { padding-right:6px; }
#header .desc {height:30px; width:300px; color:#aaa; font:1.0em "맑은 고딕"; margin-bottom:20px;}
#header { padding:0 9px;}
#header .bloginfo { float:left; width:180px; height:180px; overflow:hidden; display:block; background:black; margin-right:10px; }
#header .bloginfo img { min-width:180px; }



/* ***** content ***** */ 
#content .titleWrap h2, #content .titleWrap h3,
#content .guestbook h2, #content .guestbook h3,
#content .taglog h2, #content .taglog h3,
#content .localog h2, #content .localog h3,
#content .searchRplist h3,

#content .searchList h2, #content .searchList h3, 
html #content .titleWrap h2, html #content .titleWrap h3 { 
width:540px; 
border-bottom:2px solid #bbbbbb; 
padding:0px 0px 5px 0px;
font:1.3em "맑은 고딕";
font-weight:bold;
}

#content .titleWrap h2 a { 
color:#666;
}
#content .titleWrap h2 a:hover { text-decoration:none;}

#content .titleWrap { clear:both;}
/*#content .titleWrap .category a { font:12px Verdana; }*/
#content .titleWrap .date { font:0.8em tahoma; margin:0 0 0 5px; color:#aaa; letter-spacing:normal;}
#content .titleWrap .admin {  padding:5px 0; margin:2px 0; font:0.9em "맑은 고딕";color:#666;}
#content .titleWrap .admin a{ color:#444; font:1em "맑은 고딕";}



#content .entry { margin:0 0 20px 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 { 
background:url(images/titlebg.gif) repeat-x;
letter-spacing:normal;
font-size:1.1em;
line-height:22px;
width:540px; 
overflow:hidden; 
padding:15px 0px 20px 0px;
}


/* 태그 글자 부분 */
#content .entry .tagTrail { margin:15px 5px 0 0; padding-left:32px; height:auto; background:url(images/entryTag.gif) top left no-repeat;  clear:both; letter-spacing:normal; font-size:0.95em;}
#content .entry .tagTrail span { display:none; }
#content .entry .tagTrail a{ color:#5a5a5a;}


/* 트랙백 코멘트 글자 부분 */
#content .entry .actionTrail {
font:0.8em tahoma;
font-weight:bold;
letter-spacing:normal;
padding: 6px 0 7px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-top:10px;
clear:both;
}
#content .entry .actionTrail a {
color:#5a5a5a;
}


#content .article h2, #content .article h3 { border-bottom:1px solid #ccc;  margin-bottom:3px; padding-bottom:1px;  color:#222; font:1.1em "맑은 고딕"; font-weight:bold;}
#content .article ol, #content .article ul {
padding:10px 5px 5px 0px;
}
#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:0 0 0 10px;}
#content .article BLOCKQUOTE { margin:10px 20px; padding-left:28px; background:url("images/iconBlockquote.gif") top left no-repeat; }

.author {
display:block;
font:11px verdana;
color:#5a5a5a;
padding-top:5px;
text-align:right;
}

/* 코멘트 */
.comment { font-size:1.0em;
line-height:20px; }
.comment h3 { 
  display:none;
  }
.comment ol li { margin-top:6px; border:1px solid #ddd; padding:10px 10px 8px 10px;}
.comment li .date { font:0.8em tahoma; letter-spacing:normal; color:#999;}
.comment li .name { font-weight:bold; margin-right:7px; }
.comment li p { padding-top:5px; padding-bottom:5px; overflow:hidden;}
.comment li ul { margin:0; padding:0 !important;}
.comment li ul li { background:none; border:none; background-color:#f5f5f5; margin:5px 0px 0px 40px; }
.comment li ul li p { padding-top:5px; padding-bottom:5px; }
.comment .control		{ font:9px tahoma; color:#999;}
.comment .control a		{ color:#999;}
.comment .control a:hover	{ color:#ff0000; text-decoration:none;}

.commentWrite {
  padding:10px;
  border:1px solid #ddd;
  letter-spacing:0;
  margin-top:10px;}
.commentWrite label { display:none;}
.commentWrite input { width:265px; border:1px solid #ddd; margin:1px 0; padding-left:60px; padding-top:3px; color:#808080; font:1em gulim; height:15px; }
.commentWrite input.checkbox { width:20px; border:none; }
.commentWrite textarea  { height:70px; background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px; width:496px; color:#808080; font:1em gulim ;}
.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;}


/* gusetbook page */
.guestbook p { 
  padding:0;
  margin:0;
  }
.guestWrite { 
  padding:10px;
  border:1px solid #eee;
  letter-spacing:0;
  margin-top:20px;
  }
.guestWrite label { display:none;}
.guestWrite input { width:265px; border:1px solid #ddd; margin:1px 0; padding-left:60px; padding-top:3px; color:#808080; font:1em gulim; height:15px;}
.guestWrite input.checkbox { width:20px; border:none;}
.guestWrite textarea  { height:70px; background:url(images/bgComment.gif) 0 0 no-repeat #ffffff; padding:22px 9px 9px 9px; width:496px; color:#808080; font:1em gulim ;}
.guestWrite input.name { background:url(images/bgName.gif) 0 0 no-repeat;}
.guestWrite input.home { background:url(images/bgHome.gif) 0 0 no-repeat; font:0.8em tahoma;}
.guestWrite input.pass { background:url(images/bgPass.gif) 0 0 no-repeat; }
.guestWrite p { border:1px solid white;}
.guestWrite .submit { border:0; padding:0; margin:0; width:325px; height:28px; margin-top:4px;}

.guestList                  { padding-bottom:20px;}
.guestList ol		    { padding:0px;}
.guestList ol,
.guestList ul               { list-style:none; margin:0px; padding:0px; margin-top:10px;}
.guestList ol li            { border:5px solid #eee;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
.guestList li ul li         { margin:10px 0 0 20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px; border:none;  overflow:hidden;}
.guestList li ul li p { padding-top:5px; padding-bottom:5px; }
.guestList li .name         { font:12px verdana; font-weight:bold; }
.guestList li .date         { font:9px Tahoma; color:#999; }
.guestList li p             { margin-top:5px; padding-bottom:5px;}
.guestList .control		{ font:9px tahoma; color:#999;}
.guestList .control a		{ color:#999;}
.guestList .control a:hover	{ color:#ff0000; text-decoration:none;}


/* 트랙백 리스트 */
.trackback { border-bottom:1px dashed #ccc; 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:#5a5a5a !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-size:1em; border-bottom:none !important; letter-spacing:normal; font-weight:bold;}
.trackback li p {clear:left; padding-top:7px; margin-top:4px; padding-bottom:3px; font-size:0.9em; border-top:1px dashed #555;}
.trackback li .date { font:0.8em tahoma; letter-spacing:normal; color:#999;}
.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;}


/* 공지 */
.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; }


/* 태그로그 */
.taglog ul					{ padding:10px 0 30px 0; margin:0; text-align:justify;}
.taglog li					{ display:inline; margin-right:5px;}
.taglog li a:hover		{ color:#ff7d29; text-decoration:none; }
.taglog li .cloud1			{ color:#ff6600; font-weight:bold; font-size:16px;}
.taglog li .cloud2			{ color:#ff9900; font-weight:bold; font-size:15px;}
.taglog li .cloud3			{ color:#669900; font-weight:bold; font-size:14px;}
.taglog li .cloud4			{ color:#0099cc; font-size:13px;}
.taglog li .cloud5			{ color:#333; font-size:12px;}


/* 위치로그 */
.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; border-bottom:1px solid #eee; }
.localog a                  { color:#ff7d29; }
.localog a:hover            { color:#ff7d29; }


/* 검색 리스트 */
.searchList ol, 
.searchRplist ol            { list-style:none;  padding:15px 5px 5px 5px; background:url(images/titlebg.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:#5a5a5a;} 
.searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}


/* 사이드바 공통 스타일 */
.sideinfo {
  font-size:1.0em;
  }
.sidebarBox {
  padding-top:10px;
  }


/* 오른쪽 소제목 */
.sideinfo .right_subtitle {
  font:10px verdana;
  color:#333;
  font-weight:bold;
  text-decoration:underline;
  padding-bottom:10px;
  cursor:pointer;
  }

/* 오른쪽 소제목 아래 내용 */
.sideinfo ul{margin:0 2px 15px 0px;}
.sideinfo li { line-height:120%; padding-bottom:3px; margin-bottom:3px; }
.sideinfo li .cnt { color:#777; font:70% tahoma;}
.sideinfo li .name { color:#777;}
.sideinfo li .date { color:#777; font:70% Verdana;}
.sideinfo li a:hover { color:#ff0000; text-decoration:none;}

.sideinfo.top h3{width:350px; height:0; padding:13px 0 0 0; margin:0 0 6px 0 !important;}
.sideinfo.top ul { margin:0 0 0 3px; }
.sideinfo.top li { background:none; padding:1px 0; border:none;}

.sideinfo .calender,
.sideinfo .category,
.sideinfo .calender,
.sideinfo .link,
.sideinfo .notice,
.sideinfo .search,
.sideinfo .banners { margin-bottom:13px;}
.sideinfo .banners { border-top:1px solid #4c4c4c; padding:0; text-align:left;}
.sideinfo .banners img { display:block; margin:5px 0 0 0; }


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

/* 하단 배너  */
.sideinfo .search { text-align:center;}
.sideinfo input {
  width:140px;
  padding-left:45px;
  border:3px solid #ccc;
  padding-top:3px; color:#626262;
  font-size:1em;
  height:15px; background:url(images/bgSearch.gif);
  margin-top:10px;
  }
.sideinfo .search .submit { 
  display:none;
  }

/* 공지사항  */ 
.notice li { background:url(images/iconNotice2.gif) no-repeat 0 0; padding-left:16px; }
.notice li a{ font-size:1.0em; }

/* 카테고리 */
/*#category,
#category ul,
#category li { padding:0;}
#category li a { display:block; padding:3px 0;}
#category li a:hover { color:#ff7d29; display:block; padding:3px 0;}
#category .selected	{ font-weight:bold;}
#category .selected	ul li{ font-weight:normal;}*/


/* 페이징 */
#paging { text-align:center; font:11px Verdana; font-weight: bold; letter-spacing:normal; padding:10px 0 30px 0;}
.number { margin:0px; padding:0px 2px 0px 3px; font:10px Verdana; font-weight: bold;}
a.number:link, a.number:visited  { color:#5a5a5a;}
a.number:hover {color:#ff0000; text-decoration:none;}
.keypage { 
  font:10px Verdana;
  padding:0 20px 0 20px;
  }

/* ***** footer ***** */
#footer { 
clear:both;
text-align:center;
position:relative; 
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin:0px 15px 0 15px; 
padding:10px 0;
width:540px;
font:10px tahoma;
color:#5a5a5a;}

#footer a, a:hover {
  color:#5a5a5a;
  }

.menu {
  clear:both;
  padding-bottom:5px;
  border:none;
  }

.copyright {margin-top:0px; color:#5a5a5a; font:10px tahoma; letter-spacing:normal; clear:both; padding:4px 0 6px 7px;}
.copyright a:link, .copyright a:visited, .copyright a:hover { color:#5a5a5a !important;}
.copyright { margin:0 400px 0 0; padding-bottom:10px; text-align:center; position:relative;}

.counter {  color:#5a5a5a; font:0.9em tahoma; letter-spacing:normal; clear:both; }
.counter .total { color:#333; margin:0 0 0 10px;}


/* sparkho 추가 */
/* 상단 메뉴 */
#menubar {
width:540px;
/*margin:0 auto;*/
}

ul#menu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	font-size:12px;
	font-weight:bold;
	text-transform:lowercase;
	background:transparent url("images/bg_menu.jpg") repeat-x top left;
	font-family:"Trebuchet MS",Helvetica,Arial,Verdana,sans-serif;
	border-bottom:1px solid #cdcdcd;
	border-top:1px solid #333;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	padding:12px 20px 0 20px;
	height:24px;

}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	background:transparent url("images/bg_menu_over.jpg") no-repeat top right;	
}


/* 테이블 작성시 코드 */
.article table.normalTable { border-collapse:collapse; clear:both; width:100%; border:1px solid #ccc; }
.article table.normalTable tr th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; background:#eee;}
.article table.normalTable tr td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:3px;}
.article table.normalTable tr:hover { background:#eee;}