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

/* 본문 공통 */
body{
		font:0.75em/1.5 Gulim, tahoma, AppleGothic, Sans-serif;
		background-image:url(images/bg.gif);
		color:#666;
}
a:link          { color:#333;  text-decoration:none;}
a:visited       { color:#333;  text-decoration:none;}
a:hover         { color:#000;  text-decoration:underline;}
a:active        { color:#333;  text-decoration:none;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#f30;}
    .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; color:#999;}
	.no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; color:#999;}

/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30;}
/* 달력 월 표시 */
    .cal_month              { font:0.85em Verdana;  height:20px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { height:20px; font:0.95em Dotum, Arial, sans-serif;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { height:20px; font:0.95em Dotum, Arial, sans-serif;  color:#f30;}

/* 달력 Week(tr 영역)  */
    .cal_week               { height:16px; }
    .cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; 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:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/ico_admin.gif) 0 5px no-repeat;  padding-left:15px; }
    .rp_secret              { color:#999;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/ico_admin.gif) 0 5px no-repeat; padding-left:15px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/ico_secret.gif) no-repeat;  padding-left:10px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center; padding:0; margin:0;}
/* 그림 */
    .imageblock             { padding:3px; background-color:#fff;}
/* 왼쪽 */
    .left                   {}
/* 가운데 */
    .center                 {}
/* 오른쪽 */
    .right                  {}
/* 그림 2개 배치 */
    .dual                   {}
/* 그림 3개 배치 */
    .triple                 {} 

/* 본문 - more / less */
    .moreless_fold          { background:url(images/ico_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/ico_less.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/ico_less.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

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

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
*  { margin:0; padding:0; border:0;}
hr { display:none;}
.clear { clear:both;}

/* 레이아웃 */
#container               { width:1020px; margin:0 auto; padding-bottom:30px; }

#header                  {}
    #title               {height:100px; background:url(images/titlebg.jpg); text-align:center; color:#f3f3f3; font-weight:bold; font-size:1.3em; }
	#title h1 {color:#ffffff; margin:0; padding:0px 0 0 0; }
	#menu                {border:1px solid #fff; background:url(images/menu_bg.gif); }
	#htop				 { background:url(images/topbg.gif); height:50px; }
	#htop .logo {margin-left:15px;}

	
#body                 { background:#fff; padding:0 10px 10px 10px; clear:both; background:url(images/allbg.gif) repeat-y;}
	#content             { width:570px; float:left; padding:20px 5px 10px 5px; overflow:hidden;}
	
	#sidebar             { width:410px; margin-left:590px;}
    *html #sidebar       { width:400px; position:relative;}	
	#sidebar .module     { overflow:hidden; }

		#sidebar01       { width:180px; float:left;  padding:10px;  }
		#sidebar02       { width:180px;  padding:10px 0px 10px 20px; float:right; }
		*html #sidebar02 { width:180px;  float:right; position:absolute; top:0; left:205px;}		
		
#footer                  { background-color:#fff; padding:10px; border-top:1px solid #ddd; clear:both;}	


/* 배너를 위한 스타일 */
.adPostTop { text-align:center; margin:0 auto; padding:10px;}
.adPostBottom { text-align:center; margin:0 auto;  padding:10px;}
.adVertical{ text-align:center;}
.adSquare  {text-align:center;}
/* 블로그하던의 블로그 최근 포스트를 위한 스타일 */
#tnmPost   { margin:10px 0 20px 0;}





/* ******************** 블로그 상단 영역 (header) ******************** */
/* 블로그 제목의 배경 이미지 */
#title   { padding:30px 0 10px 10px;}

/*  블로그 제목의 위치와 폰트스타일 */
#title h1          { font-size:1.6em; font-family:tahoma, dotum, 돋움;}
#title a:link      { color:#fff;}
#title a:visited   { color:#fff;}
#title a:hover     { color:#e2e2e2;  text-decoration:none;}
#title a:active    { color:#fff;}

/* 블로그 메뉴 */
#menu           { height:30px; padding:0 0 3px 10px;}
#menu ul        { float:left; padding-top:10px;}
#menu li        { display:inline;}

#menu a         { font-weight:bold; padding:5px;}
#menu a:link    { color:#797979;}
#menu a:visited { color:#797979;}
#menu a:hover   { color:#a7a7a7; text-decoration:none;}
#menu a:active  { color:#797979;}

/* 검색 */
#searchBox           { text-align:right; padding-top:6px; margin-right:10px;}
#searchBox .keyword  { border:2px solid #777; background-color:#777; color:#ddd;}
#searchBox .submit   { background:url(images/btn_search.gif) no-repeat; width:40px; height:20px; text-indent:-5000px; border:0; cursor:pointer;}

/* ******************** 사이드바 공통 스타일 (sidebar) ******************** */
#sidebar ul          { list-style:none; overflow:hidden; margin:0  0 5px 0;}
#sidebar li          { list-style:none; background:url(images/bull.gif) 0 6px no-repeat; padding-left:8px;}
#sidebar .module     { margin-bottom:20px;}
#sidebar .module h3  { font-size:1em; padding:7px 0 0 5px; background:url(images/menubox.gif) no-repeat; color:#7e7e7e; width:180px; height:31px;}
#sidebar .module .info { line-height:0.9em; margin-bottom:2px}
#sidebar .cnt        { color:#55c1e0; font:0.9em tahoma;}
#sidebar .date       { color:#999; font:0.9em tahoma;}
#sidebar .name       { color:#999; font:1em dotum;}

/* 프로필 이미지 */
#blogImage      { border:5px #CCC solid; margin-bottom:15px; background:#3e3e3e; overflow:hidden;}
#blogImage		{width:170px;}

/* 블로그 설명 */
#sidebar #blogDesc   { color:#161616; line-height:1.2em; padding:5px;}

/* 아이디 */
#sidebar #userID     { color:#333; background:url(images/ico_profile.gif) no-repeat; padding:3px 0 0 20px; margin-top:3px; display:block;}

/* 공지사항 */
#sidebar #notice li  { background:url(images/ico_notice.gif) 5px 7px no-repeat; padding:3px 3px 0 20px;}

/* 관리자 메뉴 스타일 */
#sidebar #adminMenu  {text-align:right;}
#sidebar #adminMenu {margin-top:-15px; margin-right:20px;} 


/* 태그 목록 */
#sidebar #tagBox ul            { text-align:justify;}
#sidebar #tagBox li            { background:none;  display:inline; padding:0; margin:0;}
#sidebar #tagBox li a          { padding:2px;}
#sidebar #tagBox li .cloud1    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.4em;  color:#729ec4;}
#sidebar #tagBox li .cloud2    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.3em;  color:#78b8c9;}
#sidebar #tagBox li .cloud3    { background-color:#f2f2f2;  font-weight:bold;  font-size:1.2em;  color:#6dbab0;}
#sidebar #tagBox li .cloud4    { background-color:#f2f2f2;  font-size:1.1em;  color:#666;}
#sidebar #tagBox li .cloud5    { font-size:1em;  color:#888;}	
#sidebar #tagBox a:hover       { background-color:#ddd;  text-decoration:none;  color:#000;}

/* 달력 */
#sidebar #calendar      { }
#sidebar #calendar .box { padding:10px 0 0 0;}

/* 카운터 꾸미기 */
#sidebar #counter        { width:160px; background-color:#eee; font:0.9em Verdana; text-align:center; padding:10px;}
#sidebar #counter h3     { display:none;}

/* 구독하기 */
#sidebar #btnRSS   {}

/* ******************** 블로그 컨텐츠 영역 (content) ******************** */
/* 공통 - 검색결과, 지역로그, 태그, 방명록 */
.nonEntry               { margin:10px 15px 10px 5px;}
.nonEntry li            { list-style:none;}
.nonEntry h3            { font-size:1.2em; color:#000; border-bottom:1px solid #ccc; margin-bottom:10px; font-weight:bold;}
.nonEntry h3 strong     { color:#17a4cd; font-weight:bold;}
.nonEntry h3 strong.cnt { color:#55c1e0; font-weight:bold;}
.nonEntry ol            { padding:0 5px;}
.nonEntry .date         { font:0.9em verdana; margin-right:5px;}
.nonEntry .cnt          { font:0.9em verdana; color:#55c1e0;}

/* 검색 결과 리스트 */
#searchList         { padding-bottom:20px;}
#searchList li,
#searchRplist li    { border-bottom:1px dashed #ccc; padding:5px 0 3px 0;}
#searchRplist       { padding-bottom:30px;}
#searchRplist .name { color:#999;}

/* 지역로그 */
#localog           { background:url(images/bg_local.gif) right 30px no-repeat;}
#localog .spot     { background:url(images/ico_indent.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
#localog .info     { background:url(images/ico_list.gif) 0 5px no-repeat;  padding-left:15px;  margin-top:2px;}
#localog a         { color:#69c;}

/* 태그 */
#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { background-color:#eee;  color:#729ec4;  font-weight:bold;  font-size:16px;}
#taglog li .cloud2          { background-color:#eee;  color:#78b8c9;  font-weight:bold;  font-size:15px;}
#taglog li .cloud3          { background-color:#eee;  color:#6dbab0;  font-weight:bold;  font-size:14px;}
#taglog li .cloud4          { background-color:#eee;  color:#666;     font-size:13px;}
#taglog li .cloud5          { font-size:12px;  color:#999; }
#taglog a:hover             { background-color:#eee;  color:#000; text-decoration:none;}

/* 방명록 글쓰기 */
#guestWrite { margin:0 auto; width:480px; background-color:#f3f3f3; padding:20px 0;}
#guestWrite p { padding:2px 20px;}
#guestWrite label { font-size:0.9em; letter-spacing:-1px;}
#guestWrite .input_name { width:150px; border:1px solid #ccc;}
#guestWrite .input_password { width:150px; border:1px solid #ccc;}
#guestWrite .input_homepage { width:250px; border:1px solid #ccc;}
#guestWrite textarea   { width:430px; border:1px solid #ccc; padding:5px;}
#guestWrite .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:9px 10px 4px 10px; color:#666; font-weight:bold;}

/* 방명록 리스트 */
#guestList                  { padding-top:10px;}
#guestList ol,
#guestList ul               { margin:0; padding:0;  list-style:none;}
#guestList li               { border:5px solid #eee;  padding:10px;  margin-bottom:10px; }
#guestList li ul li         { margin-left:20px; background:url("images/ico_indent.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px; border:1px solid #eee;}
#guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;}
#guestList li .name         { font-size:1.2em; color:#69c;  font-weight:bold; }
#guestList li .name a       { font-size:1em; color:#69c;  font-weight:bold; background:url(images/ico_house.gif) right no-repeat; padding-right:10px;}
#guestList li ul li .name   { font-size:1em; color:#666;}
#guestList li ul li .name a { color:#666;}
#guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}
#guestList .control a.modify       { background:url(images/btn_modify.gif) no-repeat;  padding:0 0 2px 36px;  text-decoration:none;}
#guestList .control a.modify span  { display:none;}
#guestList .control a.reply        { background:url(images/btn_reply.gif) no-repeat;  padding:0 5px 2px 40px;  text-decoration:none;}
#guestList .control a.reply span   { display:none;}

/* ******************** 글영역 ******************** */
/* 글영역 레이아웃 */
.entry,
.entryNotice,
.entryProtected  { margin-bottom:50px;}
.entryHead       {}
.entryBody       {}
.entryFoot       {}

/* 본문의 제목영역 */
.entry h2,
.entryNotice h2,
.entryProtected h2           { font-size:1.2em;}
.entry .category a,
.entryNotice .category a,
.entryProtected .category a  { color:#999;}
.entry .date,
.entryNotice .date,
.entryProtected .date        { font:0.85em Verdana; color:#999; margin-left:5px;}
.titleInfo                   { border-bottom:1px dashed #ccc;}
.admin                       { text-align:right; font-size:0.9em; color:#999; padding-top:5px;}
.admin a                     { color:#999;}

/* 본문 영역 기본 스타일 */
.article     { width:570px; overflow:hidden; padding-bottom:30px;}
.article  p  { margin:5px 0 10px 0;}
.article a:link          { color:#69c;  text-decoration:none;}
.article a:visited       { color:#69c;  text-decoration:none;}
.article a:hover         { color:#000;  text-decoration:underline;}
.article a:active        { color:#69c;  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;}
.article h1              { font-size : 1.5em;}
.article h2              { font-size : 1.4em;}
.article h3              { font-size : 1.3em;}
.article h4              { font-size : 1.2em;}
.article h5              { font-size : 1.1em;}
.article h6              { font-size : 1em;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}

/* 본문의 태그 */
.tagTrail    { background:url(images/ico_tag.gif) center left no-repeat; padding:5px 5px 5px 35px; clear:both;}
.tagText     { display:none;}
.tagTrail a  { color:#999;}

/* 트랙백과 댓글 열기 */
.actionTrail { border-top:1px dashed #ccc; padding:10px 0;}
.actionTrail .cnt { color:#55c1e0;}

/* 트랙백 */
.trackback { background-color:#f6f6f6; padding:15px 10px; border-top:1px solid #e8e8e8; margin-bottom:10px;}
.trackback h3{ font-weight:normal; font:0.9em verdana; padding-bottom:5px;}
.trackback strong { font:1.2em dotum; font-weight:bold;}
.trackback ol {}
.trackback li { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; list-style:none;}
.trackback h4 { font-size:1em; font-weight:normal;}
.trackback h4 a { color:#000; text-decoration:underline;}
.trackback .from { font-size:0.9em; color:#666;}
.trackback a.delete      { background:url(images/btn_delete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}
.trackback .date { font:0.9em tahoma;}
.trackback p { font-size:0.9em; line-height:1.2em; color:#999;}

/* 댓글 */
.comment                  { background-color:#f6f6f6; padding:15px 10px; border-top:1px solid #e8e8e8;}
.comment h3               { font-size:1em; padding-bottom:5px;}
.comment strong           { font-weight:bold;}
.comment ol,
.comment ul               { margin:0; padding:0;  list-style:none;}
.comment li               { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; }
.comment li ul li         { border:none; margin-left:20px; background:url("images/ico_indent.gif") no-repeat 0 0; padding:0 0 0 15px;}
.comment li p             { }
.comment li .name         { font-size:1.1em; color:#69c;  font-weight:bold; }
.comment li .name a       { font-size:1em; color:#69c;  font-weight:bold; background:url(images/ico_house.gif) right no-repeat; padding-right:10px;}
.comment li ul li .name   { font-size:1em; color:#666;}
.comment li ul li .name a { color:#666;}
.comment li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}
.comment .control a.modify       { background:url(images/btn_modify.gif) no-repeat;  padding:0 0 2px 36px;  text-decoration:none;}
.comment .control a.modify span  { display:none;}
.comment .control a.reply        { background:url(images/btn_reply.gif) no-repeat;  padding:0 5px 2px 40px;  text-decoration:none;}
.comment .control a.reply span   { display:none;}

/* 댓글 쓰기 */
.commentWrite { margin-top:20px;}
.commentWrite p { padding:2px 5px;}
.commentWrite input { padding:2px;}
.commentWrite .input_name { width:150px; border:1px solid #ccc;}
.commentWrite .input_password { width:150px; border:1px solid #ccc;}
.commentWrite .input_homepage { width:250px; border:1px solid #ccc;}
.commentWrite .secretWrap         { float:right; position:relative; top:-23px; left:-10px;}
.commentWrite textarea   { width:95%; border:1px solid #ccc; padding:5px; position:relative; top:-20px;}
.commentWrite .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:9px 20px 4px 20px;  position:relative; top:-20px; color:#666;}
 
/* 보호글 */
.entryProtected input   { border:1px solid #ccc; padding:2px;}
.entryProtected .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:3px 10px 2px 10px;}

/* 페이징 */
#paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
#paging .numbox    { border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:0.95em verdana;} 
#paging .num       { border-right:1px solid #ccc; padding-right:8px; margin-right:5px;}
#paging #prevPage { background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:12px;}
#paging #nextPage { background:url(images/ico_next.gif) right 1px no-repeat; padding-right:12px;}


/* ******************** footer (블로그 메뉴와 카피라이트 영역) ******************** */
#footer              { padding:30px 0 20px 0; text-align:center; font:11px Verdana, dotum; color:#666;}
#footer a            { color:#666;}
#footer a:hover      { color:#333;}





/* ******************** 숨어있는 사이드바 공통 스타일 (sidebarEtc) ******************** */
#sidebarEtc
#sidebarEtc ul          { list-style:none; margin:5px 0;}
#sidebarEtc li          { list-style:none; }
#sidebarEtc a           { color:#fff;}
#sidebarEtc .module     { background:url(images/bg_sidebarEtc.png); padding:10px;}
#sidebarEtc .module h3  { font-size:1em; background:url(images/menubox.gif) no-repeat; padding:5px 0 5px 10px; color:#000; font-weight:normal;}
#sidebarEtc .module .info { line-height:0.9em; margin-bottom:5px}
#sidebarEtc .cnt          { color:#55c1e0; font:0.9em tahoma;}
#sidebarEtc .date         { color:#d5d2c7; font:0.9em tahoma;}
#sidebarEtc .name         { color:#d5d2c7; font:1em dotum;}
 
/* 태그 목록(sidebarEtc) */
#sidebarEtc #tagBox ul            { padding:5px 2px;	text-align:justify;}
#sidebarEtc #tagBox li            { background:none;  display:inline;}
#sidebarEtc #tagBox li .cloud1    { font-weight:bold;  font-size:1.6em;  color:#ff9;}
#sidebarEtc #tagBox li .cloud2    { font-weight:bold;  font-size:1.4em;  color:#ffc;}
#sidebarEtc #tagBox li .cloud3    { font-weight:bold;  font-size:1.2em;  color:#fff;}
#sidebarEtc #tagBox li .cloud4    { font-size:1em;  color:#fff;}
#sidebarEtc #tagBox li .cloud5    { font-size:1em;  color:#fff;}	
#sidebarEtc #tagBox a:hover       { background-color:#333;  text-decoration:none;  color:#fff;}

/* 카운터 */
#sidebarEtc #counter dl { margin-left:5px; color:#fff; font:1em Verdana;}
#sidebarEtc #counter dt { float:left; padding:3px;}
#sidebarEtc #counter dd {  padding:3px;}

/* 배너 */
#adTattertools,
#adEolin,
#btnRSS { text-align:center;}