﻿@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:0.75em/1.5 Dotum, Verdana, AppleGothic, Sans-serif;		
		color:#333;
		padding:0;
		margin:0;
        background:url(images/bg_cat.gif) repeat;
}
a:link          { color:#007236;     text-decoration:none;}
a:visited       { color:#007236;     text-decoration:none;}
a:hover         { color:#000;  text-decoration:underline;}
a:active        { color:#007236;     text-decoration:none;}

/* 페이징 - 현재 페이지 */
    .selected               { font-weight:bold;  color:#f30;}
    .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; padding-left:6px; color:#999;}
	.no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; padding-right:6px; 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.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               { }
    .cal_current_week       { }

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  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:#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/iconAdmin.gif) no-repeat;  padding-left:20px;}
    .rp_secret              { color:#f30;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
	
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#666;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
    .imageblock             { padding:5px;  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; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.2em;}
h2              { font-size: 2.0em;font-family:batang;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
h5              { font-size: 2.0em;font-family:batang;}
input           { border:1px solid #aaa;}
textarea        { border:1px solid #aaa;}

.cnt { font:0.85em Verdana, Arial, Helvetica, sans-serif;}
.date{ font:0.85em Verdana;color:#8e8e8e;}
.name { color:#333;}

/* 블로그 레이아웃 */
#container {width:855px;padding-top:15px;padding-bottom:15px;position:relative;left: 50%;margin-left:-415px;}
#wrap_body { float:left; width:600px;background-color:#ffffff;border:1px solid #e6e6e6;text-align:left;}
	#header { text-align:left;width:560px;margin-bottom:5px;padding:25px 20px 10px 20px;background:url(images/bg_head.gif) no-repeat left top;height:125px;}
	#blogMenu {float:right;width:300px;padding-left:10px;padding-top:20px;}		
	#blogImage { float:left;}
	#blogImage img { width:250px; height:120px;margin-bottom:5px;}

	#content { padding:0;clear:both;}
	#footer {padding:0;clear:both;}

#sideimg {width:220px;height:60px;padding:10px 12px 10px 12px;float:right;background:url(images/bg_sidebar_top.gif) no-repeat left top;margin-top:52px;}	
#sidebar { width:220px;padding:10px 12px 10px 12px;float:right;background:url(images/bg_sidebar.gif) repeat-y;text-align:left;}

#background {width:100%; height:850px;visibility:visible; background:url(images/bg_main_cat.gif) no-repeat top center;}
#background_top {width:100%; height:100px;visibility:visible; background:url(images/bg_main_cat2.gif) repeat-x  top;}

/* header */
#blogMenu ul {padding:0 0 0 0;margin:5px 0 0 0;}
#blogMenu li { display:inline; height:40px;}
#blogMenu a.tab_localog { background:url(images/tab_local.gif) no-repeat;  padding:5px 0 3px 61px;  text-decoration:none;}
#blogMenu a.tab_localog span { display:none;}
#blogMenu a.tab_taglog { background:url(images/tab_tag.gif) no-repeat;  padding:5px 0 3px 61px;  text-decoration:none;}
#blogMenu a.tab_taglog span { display:none;}
#blogMenu a.tab_media { background:url(images/tab_media.gif) no-repeat;  padding:5px 0 3px 61px;  text-decoration:none;}
#blogMenu a.tab_media span { display:none;}
#blogMenu a.tab_guestbook { background:url(images/tab_guestbook.gif) no-repeat;  padding:5px 0 3px 73px;  text-decoration:none;}
#blogMenu a.tab_guestbook span { display:none;}




h1 { color:#000000!important;font-weight:bold;}
#blogDesc { margin:0 0 0 0;}




/* content */
.entry,
.entryProtected,
.entryNotice { padding:15px 25px 15px 25px;margin:0 0 0 0;border-top:dotted 2px #e6e6e6;clear:both;}
h2 a{ padding-top:0; color:#598527!important; font-weight:bold;margin-top:0;}

h5 { padding:10px 0px 0px 0px; color:#598527!important; font-weight:bold;margin:0px 0px 0px 0px;}


.entryInfo { padding:0 0 0 0; margin:0 0 0 0;clear:both; text-align:right;}


.article { padding:20px 0 0 0;clear:both;}



.non_article { padding:15px 25px 15px 30px;margin:0 0 0 0;border-top:dotted 2px #e6e6e6;clear:both;}
.non_article h3{ padding-top:5px;}
.non_article ul,
.non_article ol{ list-style:none; padding:10px 0 0 5px; margin:0;}
.non_article li { padding-bottom:2px;}



 
/* search result */
#searchRplist { padding-top:7px;}

/* local */ 
#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;}
#localog a{ text-decoration:underline;}

/* tag */
#taglog ul                  { padding:5px; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { color:#c00; font-size:1.6em;  font-weight:bold;}
#taglog li .cloud2          { color:#f00; font-size:1.4em;  font-weight:bold;}
#taglog li .cloud3          { color:#000; font-size:1.2em;  font-weight:bold;}
#taglog li .cloud4          { color:#333;}
#taglog li .cloud5          { color:#666;}


/* guestbook */
.guestWrite                 { padding:0;}
.guestWrite p               { padding:1px 0; margin:0;} 
.guestWrite input           { width:150px; background-color:#FFFFED; border:1px solid #F2CC45; padding-left:3px;}
.guestWrite textarea        { width:537px;  padding:5px; background-color:#FFFFED; border:1px solid #F2CC45; font:1em dotum;}
.guestWrite .homepage       { width:300px; font:1em Verdana;}
.guestWrite .submit         { width:549px;  background-color:#FFE151; border-color:#E7BE2C; color:#598527; font-weight:bold !important; font:1em Verdana;}

.guestList                  { padding:0 0 0 0;}
.guestList ol,
.guestList ul               { margin:0; padding:0;  list-style:none;}
.guestList li p             { border-top:1px dotted #ccc; padding:0; margin:0;}
.guestList ol li            { margin:20px 0 ;  width:540px; overflow:hidden;}
.guestList li ul li         { padding-top:10px; margin-left:10px;  background:url("images/ico_indent_arrow.gif") no-repeat 20px 6px;  padding-left:40px;  border:none;  width:480px; overflow:hidden;}
.guestList li .name         { color:#333;  font-weight:bold;}
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;}

.guestList .control a.modify       { background:url(images/ico_comment_modify.gif) no-repeat 5px 0;  padding:0 0 2px 65px;  text-decoration:none;}
.guestList .control a.modify span  { display:none;}
.guestList .control a.write        { background:url(images/ico_comment_reply.gif) no-repeat 5px 0;  padding:0 5px 2px 60px;  text-decoration:none;}
.guestList .control a.write span   { display:none;}



/* entryProtected */ 
.entryProtected .article { padding:20px 0 0 0;}
*html .entryProtected .article { background-position: 20px 20px;}
*:first-child+html .entryProtected .article { background-position: 20px 20px;}

.entryProtected .in_password{ border:1px solid #E7BE2C; width:143px; height:18px; padding:3px 2px 0 2px;background-color:#FFFDE5;}
.entryProtected .submit { border:1px solid #E7BE2C;background-color:#FFEB9F; width:41px; height:23px; color:#7D4900;  padding:3px 2px 0 2px;}
*html .entryProtected .submit{ height:23px;}
*:first-child+html .entryProtected .submit{ height:23px;}


/* entry */
.author .text { font:1em Verdana;}
.tagTrail { margin-top:20px;}
.tagTrail .text { font:1em Verdana; font-weight:bold;}
.actionTrail .text2 { font:1em Verdana; font-weight:bold;color:#333333!important;}
.actionTrail .cnt { color:#FF8300;}

.trackback { padding-left:0px;}
.trackback h3 { background-color:#598527; color:#FFE151; font:0.95em Verdana; padding:5px; font-weight:normal;}
.trackback h3 .text { font-weight:bold;}
.trackback ol { list-style:none; padding:10px; margin:0; width:500px; overflow:hidden;}
.trackback li { margin-bottom:10px;}
.trackback h4 { font:1em Verdana, Arial, Helvetica, sans-serif;}
.trackback h4 a { text-decoration:underline;}
.trackback p { padding:5px 0; margin:0; font:1em/1.2em dotum; color:#666;}
.trackback .delete { background:url(images/ico_Delete.gif) no-repeat; padding-left:15px;}
.trackback .delete span  { display:none;}

.comment {padding-left:0px;}
.comment h3 { background-color:#FFE151; color:#598527; font:0.95em Verdana; padding:5px; font-weight:bold; margin-top:5px;}
.comment p                        { margin:3px 0 0 0; padding:0;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;  width:530px; overflow:hidden;}
.comment .name                    { font-weight:bold;}
.comment ol li                    { padding:15px 5px;}
.comment li ul li                 { background:url("images/ico_indent_arrow.gif") no-repeat 10px 10px; padding:15px 10px 5px 30px;}
.comment .control a.address       { background:url(images/ico_comment_address.gif) no-repeat;  padding-left:60px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/ico_comment_modify.gif) no-repeat;  padding-left:60px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/ico_comment_reply.gif) no-repeat;  padding-left:60px;  padding-bottom:2px;  text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite                 { padding-top:15px;}
.commentWrite p               { padding:1px 0 0 0; margin:0;} 
.commentWrite input           { width:150px; background-color:#FFFFED; border:1px solid #F2CC45; padding-left:3px;}
.commentWrite textarea        { width:537px;  padding:5px; background-color:#FFFFED; border:1px solid #F2CC45; font:1em dotum;position:relative; top:-15px; }
.commentWrite .homepage       { width:300px; font:1em Verdana;}
.commentWrite .submit         { width:549px;  background-color:#FFE151; border-color:#E7BE2C; color:#598527; font-weight:bold !important; font:1em Verdana; position:relative; top:-15px;}
.commentWrite .secretWrap         { float:right; position:relative; top:-20px; left:-25px;}
.commentWrite .checkbox           {	border:none; padding:0;	margin:0; width:25px; background:none;}

.article { width:550px; overflow:hidden;}
.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { background:url(images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}




/* paging */
#paging           { padding-top:10px;  text-align:center;  font-size:0.95em; color:#666;}
#paging .numbox   { border-left:1px solid #999; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
#paging .num      { border-right:1px solid #999; padding-right:8px; margin-right:5px;}
#paging #prev_page { background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:6px;}
#paging #next_page { background:url(images/ico_next.gif) right 1px no-repeat; padding-right:6px;}


/* sidebar */
#sidebar ul{ list-style:none; padding: 0 0 0 8px; margin:0 0 0 0;}
#sidebar li { padding: 0 0 7px 0; margin:0 0 0 0;line-height:110%;}
#sidebar h3 { background:url(images/ico_sidebar.gif) no-repeat left; padding:10px 0 5px 19px; color:#f25722; font-size:1em ; font-weight:bold; margin-top:10px; }
#sidebar h3 a{color:#f25722;!important; }
#sidebar a { color:#333;}
#sidebar .name { color:#8e8e8e;font-size:0.9em;}
#sidebar .date { color:#8e8e8e;font-size:0.9em;}
#sidebar .cnt { color:#598527;}


#searchBox {}
#searchBox .in_search{ border:1px solid #acd373; width:160px; height:18px; padding:3px 2px 0 2px;background-color:#edf9c8;}
#searchBox .submit { border:1px solid #acd373;background-color:#edf9c8; width:41px; height:23px; color:#3f6618;  padding:3px 2px 0 2px;}
*html #searchBox .submit{ height:23px;}
*:first-child+html #searchBox .submit{ height:23px;}


#notice ul { padding:5px 0 0 0;}
#notice li { background:url(images/bull.gif) no-repeat left; padding:4px 0 2px 44px;}




#sidebar #tagbox ul            { text-align:justify;padding-right:5px;}
#sidebar #tagbox li            { background:none;  display:inline;}
#sidebar #tagbox a             { letter-spacing:-1px;}	
#sidebar #tagbox li .cloud1    { font-weight:bold;  font-size:16px;  color:#c00;}
#sidebar #tagbox li .cloud2    { font-weight:bold;  font-size:15px;  color:#f00;}
#sidebar #tagbox li .cloud3    { font-weight:bold;  font-size:14px;  color:#333;}
#sidebar #tagbox li .cloud4    { font-size:13px;  color:#444;}
#sidebar #tagbox li .cloud5    { font-size:12px;  color:#555;}	
#sidebar #tagbox a:hover       {  text-decoration:underline; color:#598527!important;}



*html #counter dl { padding-top:10px;}
*:first-child+html #counter dl { padding-top:12px;}


#adTistory { text-align:center; margin-top:20px;}
#btnRSS { margin-top:5px; text-align:center;}


/* ***** footer ***** */
#footer          { width:580px; text-align:center;  padding:25px 10px 15px 10px;  font:11px Verdana, dotum;	color:#444444;background:url(images/bg_foot.gif) no-repeat right bottom;}
#footer a        { color:#666;}
#footer a:hover  { color:#333;}

#footer .footMenu{padding-bottom:15px;}
#footer .gray{ font-weight:bold;color:#818181;padding-right:15px;}
#footer .orange { font-weight:bold;color:#FF8300;padding-right:15px;}
#footer .purple { font-weight:bold;color:#598527;}

