@charset "utf-8";

/*  @font-face{font-family:우리신문; src:url(images/wooriSinmoon.eot)}
  @font-face{font-family:우리새봄; src:url(images/wooriSaebom.eot)}
*/


/* 기본 세팅 */
* {
  margin:0; 
  padding:0; 
  border:0; 
  /* 폰트 선택(먼저 적은 서체를 기준으로 없으면 다음것으로 인식) */
  font-family: Malgun Gothic, Gulim, Dotum, 맑은 고딕, 굴림, 돋움, AppleGothic, sans-serif; 
  /* 폰트 사이즈(기본사이즈) */
  font-size: 12px; 
  /* 전체의 줄간격 */
  line-height: 1.0; 
  /* 단어 간격 */
  word-spacing: normal; 
  /* 글자 간격 */
  letter-spacing: normal; 
  /* 기본 글자 색깔 */
  color: #777; 
}

/* 기본 링크시 컬러 및 꾸미기 */
a:link { color: #2f4f4f; text-decoration: none; }
a:hover { color: #397373; text-decoration: none; /*border-bottom: 1px dotted #f36162; */}
a:visited { color: #888; text-decoration: none; }

body {
}

.hidden { display: none; }

#header { background: #fff url('') repeat-x; }
#container { background: #fff url('') no-repeat; }

/* 컨테이너 위치 제어 */
#contents { width: 745px; margin:0 15px 0 0; float: left; overflow: hidden; }
#sidebar { width: 200px; float: right; overflow: hidden; padding: 0 0 20px 0; }
/*
만약 사이드바의 위치를 변경한다면 위의 #contents와 #sidebar를 아래 두줄과 변경
#contents { width: 745px; float: right; }
#sidebar { width: 200px; margin:0 15px 0 0; float: left; }
*/

#copyright { background: #333 url('./images/copyright_ground.gif') repeat; padding: 20px 0 30px 0; border-top: 1px solid #222; }
#copyright #owner #blogImage { float: left; }
#copyright #owner #blogImage img { border: 2px solid #444; }
#copyright #owner #blogCopyright { float: left; padding: 0 0 0 10px; }
#copyright #owner #blogCopyright #blogDesc { color: #bbb; padding: 9px 0 4px 0; }
#copyright #owner #blogCopyright #_info {  }

/* 사이즈 조절(정렬조정) */
#header    .position,
#container .position,
#copyright .position { width: 960px; margin: 0 auto; }

/* 헤더(상단 타이틀) */
#header { background: url('') no-repeat; } /*상단 타이틀 배경을 넣을경우 url 안에 주소를 넣어주세요. */
#header .title { overflow: hidden; height: 250px; text-align: center; }

/* 헤더(메뉴) */
#header #nav { background: #fff url('./images/header_nav-ground.gif') repeat-x; margin: 0 0 10px 0; }
#header #nav .blog { width: 745px; height: 30px; text-align: center; float: left; margin: 0 15px 0 0; background: #fff url('./images/header_nav-ground_left.gif') no-repeat; }
#header #nav .post { width: 200px; height: 30px; text-align: center; float: left; background: #fff url('./images/header_nav-ground_right.gif') no-repeat; }
#header #nav .left { float: left; }


/* 사이드 바 */
#sidebar .box { border: 3px solid #bbb; margin: 0 0 10px 0; }

  /* 사이드바 꾸미기 */
  #menucategory .box .list { border: 2px solid #fff; background: url('./images/sidebar_category-ground.gif') repeat-x; padding: 12px 8px; }
  #menucategory .box .category div { cursor: hand; }
  #tagcloud .title, 
  #newarticle .title, 
  #recentcomment .title, 
  #recenttrackback .title { height: 24px; border-bottom: 1px solid #f7f7f7; text-align: right; } /* 각 사이드바 크기고정, 버튼 위치 */
  #tagcloud .title .bt, 
  #newarticle .title .bt, 
  #recentcomment .title .bt, 
  #recenttrackback .title .bt { padding: 4px 2px 0 0; } /* 펼침버튼 위치 조정 */
  #tagcloud .list { padding: 10px; }
  #newarticle .list, 
  #recentcomment .list, 
  #recenttrackback .list { padding: 6px } /* 뿌려지는 부분 공간 조절 */
  #tagcloud .list ul { text-align: justify; }
  #tagcloud .list li { line-height: 20px; vertical-align: middle; display:inline; }
  #tagcloud .list li .cloud1 { background-color:#708090; color:#fff; font-size:14px; }
  #tagcloud .list li .cloud2 { background-color:#EBECFA; color:#8A8A8A; font-weight:bold; font-size:13px; }
  #tagcloud .list li .cloud3 { color:#7683E6; font-size:12px; }
  #tagcloud .list li .cloud4 { color:#5C5C5C; font-size:12px; }
  #tagcloud .list li .cloud5 { color:#A1A1A1; font-size:12px; }
  #tagcloud .list li { display: inline; }
  #tagcloud .title { background: #fff url('./images/sidebar_tag.gif') no-repeat; }
  #newarticle .title { background: #fff url('./images/sidebar_article.gif') no-repeat; }
  #recentcomment .title { background: #fff url('./images/sidebar_comment.gif') no-repeat; }
  #recenttrackback .title { background: #fff url('./images/sidebar_trackback.gif') no-repeat; }
  #sidebar ol {  }
  #sidebar #newarticle li, 
  #sidebar #recentcomment li, 
  #sidebar #recenttrackback li { padding: 0 5px 5px 6px; background: url('./images/sidebar_icon-articlelist.gif') no-repeat; line-height: 16px; }
  #sidebar .subject {  } /* 제목 부분 서체, 컬러 */
  #sidebar .count { font: 9px tahoma, verdana; color: #bbb; } /* 덧글 수 부분 서체, 컬러 */
  #sidebar .name { font-size: 11px; color: #999; } /* 이름 부분 서체, 컬러 */
  #sidebar .date { font-size: 10px; color: #aaa; } /* 날짜 부분 서체, 컬러 */
  #sidebar #newarticle a:hover, 
  #sidebar #recentcomment a:hover, 
  #sidebar #recenttrackback a:hover { border-bottom: 1px dotted #6b63b2; }


/* 컨텐츠영역 */
#contents {  }
#contents .box img {  }
#contents .boxouter {  }
#contents .boxouter .box { border: 1px solid #e5e5e5; margin: 0 0 8px 0; } /* 박스 테두리 */
/* 페이지 : 태그 클라우드 */
#contents .tag .title { height: 98px; background: url('./images/print_title-tag.gif') no-repeat; border-bottom: 2px solid #2e8b57; }
#contents .tag .print { padding: 15px; }
#contents .tag .print ul { text-align:justify; }
#contents .tag .print li { line-height: 26px; vertical-align: middle; display:inline; }
#contents .tag .print li .cloud1 { background-color:#228b22; color:#fff; font-size:16px; }
#contents .tag .print li .cloud2 { background-color:#EBECFA; color:#8A8A8A; font-weight:bold; font-size:14px; }
#contents .tag .print li .cloud3 { color:#6b8e23; font-size:12px; }
#contents .tag .print li .cloud4 { color:#5C5C5C; font-size:12px; }
#contents .tag .print li .cloud5 { color:#A1A1A1; font-size:12px; }
/* 페이지 : 지역 기록 */
#contents .local .title { height: 98px; background: url('./images/print_title-location.gif') no-repeat; border-bottom: 2px solid #f5a26b; }
#contents .local .print { padding: 15px; }
/* 페이지 : 방명록 */
#contents .guestbook .title { height: 98px; background: url('./images/print_title-guestbook.gif') no-repeat; border-bottom: 2px solid #da70d6; }
#contents .guestbook .print { padding: 15px; }
#contents .guestbook .print .comment { border: 1px solid #ddd; }
#contents .guestbook .print .comment .view { padding: 5px; }
#contents .guestbook .print .comment .view .chk { padding: 5px; margin: 5px 0; border-bottom: 1px dashed #cfcfcf; }
#contents .guestbook .print .comment .view .name { color: #444; font-size: 13px; }
#contents .guestbook .print .comment .view .name a { font-size: 13px; font-weight: bold; }
#contents .guestbook .print .comment .view .date { color: #bbb; font: 9px tahoma, verdana; }
#contents .guestbook .print .comment .view .text { color: #888; padding: 5px 0 10px 0; line-height: 140%; }
#contents .guestbook .print .comment .view .button a { padding: 0 5px 0 0; font: 9px tahoma, verdana; }
#contents .guestbook .print .comment .view .rep { border-top: 1px solid #eee; }
#contents .guestbook .print .comment .view .repbox { background: url('./images/comment_icon-re.gif') no-repeat; }
#contents .guestbook .print .comment .view .repbox_area { padding: 10px; margin: 5px 0 5px 50px; border: 1px solid #ddd; background: #f7f7f7; }
#contents .guestbook .print .comment .write { padding: 15px; border-bottom: 1px solid #eee; background: #fafafa; }
#contents .guestbook .print .comment .write input { border: 1px solid #ccc; }
#contents .guestbook .print .comment .write b { font: 9px tahoma, verdana; }
#contents .guestbook .print .comment .write .subtitle { padding: 0 0 5px 0; }
#contents .guestbook .print .comment .write .name input, 
#contents .guestbook .print .comment .write .password input, 
#contents .guestbook .print .comment .write .homepage input { padding: 3px; }
#contents .guestbook .print .comment .write textarea { border: 1px solid #ccc; width: 99%; }
#contents .guestbook .print .comment .write .button { padding: 5px 0 0 0; }
#contents .guestbook .print .comment .write .button input { padding: 4px 5px 3px 5px; }
/* 페이지 : 검색결과(글,댓글) */
#contents .searchresult .title { padding: 20px 0 20px 15px; font-size: 13px; border-bottom: 2px solid #4682b4; /*border-top: 1px solid #000; */}
#contents .searchresult .title .word { font-size: 16px; color: #222; font-weight: bold; } /* 검색어 */
#contents .searchresult .title .count { font-size: 13px; color: #222; } /* 개수 */
#contents .searchresult .print { padding: 15px 20px; }
#contents .searchresult .print ol { list-style: none; }
#contents .searchresult .print li { list-style: none; line-height: 200%; } /* 목록 간격 */
#contents .searchresult .print .subject { font-size: 14px; } /* 제목 */
#contents .searchresult .print .name { font-size: 14px; color: #999; } /* 이름 */
#contents .searchresult .print .count { font: 9px tahoma, verdana; color: #bbb; } /* 개수 */
#contents .searchresult .print .date { font-size: 10px; color: #aaa; } /* 날짜 */
/* 페이지 : 본문 */
#contents .article .title { padding: 15px 0; border-bottom: 1px solid #e8e8e8; }
#contents .article .title .information { padding: 0 0 0 15px; }
#contents .article .title .information .category { color: #999; } /* 카테고리 크기, 색깔 */
#contents .article .title .information .date { font: 9px tahoma, verdana; color: #bbb; } /* 날짜 크기, 색깔 */
#contents .article .title .subject { padding: 2px 0 0 15px; }
#contents .article .title .subject a { font-weight: bold; }
#contents .article .title .subject a:link { font-size: 17px; color: #444; } /* 제목 글자 크기+링크 기본 컬러 */
#contents .article .title .subject a:hover { font-size: 17px; color: #222; } /* 제목 글자 크기+링크 마우스 오버 컬러 */
#contents .article .title .subject a:visited { font-size: 17px; color: #666; } /* 제목 글자 크기+링크 방문 후 컬러 */
#contents .article .admin { background: #fcfcfc; border-bottom: 1px dashed #eee;  padding: 15px; }
#contents .article .print { padding: 15px; }
#contents .article .print .author { height: 50px; background: url('./images/signature.gif') no-repeat; background-position: top right; } /* 서명 */
#contents .article .print .postarticle * { color: #303030; line-height: 160%; } /* 본문 줄간격 조절 */
#contents .article .print .postarticle img { border: 4px solid #ddd; margin: 6px; } /* 이미지가 나올경우 기본으로 꾸미는 옵션 */
#contents .article .print .tagbox { padding: 11px 0 11px 90px; background: url('./images/article_postedtag.gif') no-repeat; border-bottom: 1px dashed #ddd; }
#contents .article .print .control { padding: 10px 0 10px 10px; background: #f7f7f7; border-top: 1px solid #fff; border-bottom: 1px solid #dedede; font: 9px tahoma, verdana; }
#contents .article .print .trackback .address { margin-top: 10px; padding: 10px; border: 1px solid #ddd; }
#contents .article .print .trackback .container { margin-top: 5px; padding: 5px; border: 1px solid #ddd; background: #f7f7f7; }
#contents .article .print .trackback .container .trackback_rp { padding: 5px 10px 10px 10px; border-bottom: 1px solid #ddd; }
#contents .article .print .trackback .container .trackback_rp .from { font: 9px tahoma, verdana; color: #bbb; }
#contents .article .print .trackback .container .trackback_rp .date { font: 9px tahoma, verdana; color: #bbb; }
#contents .article .print .trackback .container .trackback_rp .name { color: #666; }
#contents .article .print .trackback .container .trackback_rp .delete {  }
#contents .article .print .trackback .container .trackback_rp .information {  }
#contents .article .print .trackback .container .trackback_rp .text { padding: 3px 0 0 0; line-height: 140%; }
#contents .article .print .trackback .container .trackback_rp .text .subject { font-size: 13px; font-weight: bold; }
#contents .article .print .comment { margin-top: 10px; border: 1px solid #ddd; }
#contents .article .print .comment .view { padding: 5px; }
#contents .article .print .comment .view .chk { padding: 5px; margin: 5px 0; border-bottom: 1px dashed #cfcfcf; }
#contents .article .print .comment .view .name { color: #444; }
#contents .article .print .comment .view .date { color: #bbb; font: 9px tahoma, verdana; }
#contents .article .print .comment .view .text { color: #666; padding: 5px 0 10px 0; line-height: 140%; }
#contents .article .print .comment .view .button a { padding: 0 5px 0 0; font: 9px tahoma, verdana; }
#contents .article .print .comment .view .rep { border-top: 1px solid #eee; }
#contents .article .print .comment .view .repbox { background: url('./images/comment_icon-re.gif') no-repeat; }
#contents .article .print .comment .view .repbox_area { padding: 10px; margin: 5px 0 5px 50px; border: 1px solid #ddd; background: #f7f7f7; }
#contents .article .print .comment .write { padding: 15px; border-top: 1px solid #eee; background: #fafafa; }
#contents .article .print .comment .write input { border: 1px solid #ccc; }
#contents .article .print .comment .write b { font: 9px tahoma, verdana; }
#contents .article .print .comment .write .subtitle { padding: 0 0 5px 0; }
#contents .article .print .comment .write .name input, 
#contents .article .print .comment .write .password input, 
#contents .article .print .comment .write .homepage input { padding: 3px; }
#contents .article .print .comment .write textarea { border: 1px solid #ccc; width: 99%; }
#contents .article .print .comment .write .button { padding: 5px 0 0 0; }
#contents .article .print .comment .write .button input { padding: 4px 5px 3px 5px; }
/* 페이지 : 하단 페이지 넘버링 */
#contents #pager { text-align: center; padding: 12px 0 25px 0; }
#contents #pager .numbox { border: 1px solid #eee; padding: 4px 7px; }

/* 전체 단락 끊기 */
.clearboth { clear: both }