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

/* 1. 본문 전체  */
body, td, input, textarea {font: 12px/1.6 Dotum, Verdana, AppleGothic, Sans-serif; color: #44473E;}

/* 2. 기본 링크 */
a:link {text-decoration: none; color: #666;}
a:visited {text-decoration: none; color: #666;}
a:hover {text-decoration: none; color: #ff6600;}
a:active {text-decoration: none; color: #000;}

/* 3. 이미지 */
img {border-width: 0;}

/* 4. 이미지 버튼 */
.ib {cursor: pointer;}

/* 5. 입력 텍스트 */
.text {border: 1px solid #999;}

/* 6. 트리 테이블 */
.branch2 {}

/* 7. 트리 셀 */
.branch3 {cursor: pointer; height: 10px;}

/* 8. 달력 월 표시 */
.cal_month {font-size: 11px; height: 18px;}

/* 9. 달력 요일 표시 */
.cal_week1 {font-size: 11px; height: 18px;}

/* 10. 달력 일요일 표시 */
.cal_week2 {color: #f30; font-size: 12px; text-align: center;}

/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 {color: #000; font-size: 12px; text-align: center;}

/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 {color: #000; font-size: 11px; text-align: center;}

/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 {font-size: 11px; text-align: center;}

/* 14. 달력 오늘 날짜 표시 */
.cal_day4 {text-align: center; font-size: 11px; background-color: #ccc; font-weight: bold;}

/* 15. 달력 글쓴 날 링크 스타일 */
a.cal_click:link {font-weight: bold; color: #333;}
a.cal_click:visited {font-weight: bold; color: #333;}
a.cal_click:hover {font-weight: bold; color: #369;}

/* 16. 이미지 아래 캡션 스타일 */
.cap1 {color: #876; text-align: center;}

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

/* 16. 카테고리 옆 개수 스타일 */
.c_cnt {font: 9px Tahoma; color: #999;}

/* 17. 최신글 옆 개수 스타일 */
.ps_cnt {font: 10px Tahoma; color: #999;}



/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

body {background: url("images/back.gif"); padding: 0; margin: 0;}
hr {display: none;}


/* structured 레이아웃 */

#container {width: 1010px; margin: 0 auto; padding: 0;}
#content {width: 700px; min-height: 600px; padding: 30px; background: url("images/bg_content_bottom.gif") repeat-x bottom #DEE2D4; float: left; margin-top: -20px; overflow: hidden;}
#sidebar {background: #212C29; width: 180px; margin-right: 20px; margin-left: auto; margin-top: 0; padding: 10px; color: #999;}
#footer {clear: both;}



/* header 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 헤드 */

#header {margin-top: 0; margin-bottom: 0; height: 110px; padding: 0; background: url("images/bg_head_title.gif") no-repeat top right;}
#header h1 {/*title */  width: 180px; margin-right: 10px; font-size: 12px; float: right; padding: 32px 10px 15px 10px; text-align: CENTER;}
#header a {color: #fff;}
#header .box {width: 700px;}
#header .logo {background: url("images/head_logo.gif") no-repeat; width: 240px; height: 70px; float: left; margin: 0; margin-top: 20px;}
#header .sidemenu {background: url("images/bg_sidemenu.gif") no-repeat; width: 372px; height: 30px; float: right; margin-top: 60px; line-height: 30px; text-align: right; font-family: tahoma; font-weight: bold;}
#header .sidemenu a {text-decoration: none; color: #9FA69C; padding-right: 30px;}
#header .sidemenu a:hover {color: #ff6600;}



/* sidebar common 사이드바 사이드바 사이드바 사이드바 사이드바 사이드바 사이드바 사이드바 사이드바 사이드바 사이드바 */

#sidebar a:hover {color: #fff;}
#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar .name {font: 11px dotum; color: #4F6E62;}
#sidebar .date {font-size: 12px; color: #4F6E62;}
#sidebar .cnt {font: 10px Tahoma; color: #4F6E62;}
#sidebar h3 {background: url("images/bg_sidebar_h3.gif") no-repeat bottom; font: 12px Tahoma; padding: 3px 5px; margin: 0;}
#sidebar h3 a {color: #807448;}
#sidebar h3 a:hover {color: #ff6600; text-decoration: none;}
#sidebar a {color: #849988;}
#sidebar .box {padding: 8px;}

/* admin menu */
#sidebar .owner {font-size: 12px; text-align: center;}

/* blog info (desc, image) */
#sidebar .blogimg {width: 200px; overflow: hidden; text-align: center;}
#sidebar .bloginfo {text-align: center;}
#sidebar .bloginfo img {padding: 5px;}

/* notice list */
#sidebar .notice {padding: 5px 10px; background-color: #212C29; margin: 5px 0;}
#sidebar .notice li {background: url(images/iconNotice.gif) no-repeat 0 50%; padding-left: 38px;}
#sidebar .notice li a {font-size: 12px; letter-spacing: -1px; color: #849988;}

/* search */
#sidebar .search {text-align: center; padding: 5px 0;}
#sidebar .search input {color: #eee; width: 120px; background-color: #202020; border: 1px solid #000;}
#sidebar .search .submit {border: 1px solid #000; background-color: #202020; font: 10px Verdana; color: #999; width: 50px;}

/* category, category_list*/
#sidebar .category .box li ul li ul li {list-style-image: none; padding-left: 10px; margin-left: 7px; border-left: 1px dotted #999;}
#sidebar .category .box a {font-size: 12px; color: #333;}

/* tag cloud*/
#sidebar .tagbox ul {line-height: 16px; padding: 5px; text-align: justify;}
#sidebar .tagbox a {letter-spacing: -1px;}
#sidebar .tagbox li .cloud1 {font-weight: bold; font-size: 12px; color: #E77500;}
#sidebar .tagbox li .cloud2 {font-weight: bold; font-size: 12px; color: #f60;}
#sidebar .tagbox li .cloud3 {font-weight: bold; font-size: 12px; color: #0079A5;}
#sidebar .tagbox li .cloud4 {font-size: 13px; color: #529A00;}
#sidebar .tagbox li .cloud5 {font-size: 12px; color: #849988;}
#sidebar .tagbox  li a:hover {color: #fff;}

/* recent posts, recent comment, recent trackback, archive, link */
#sidebar .listbox {padding: 5px 0;}
#sidebar .listbox ul {padding: 5px 0; margin-left: 3px;}
#sidebar .listbox li {background: url(images/bul.gif) no-repeat 0 5px; line-height: 16px; padding-left: 8px;}

/* counter */
#sidebar .counter {background-color: #202020; padding: 5px 0; text-align: center; font: 10px verdana;}
#sidebar .ad {text-align: center; padding: 5px 0;}



/* content common  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠  컨텐츠 */

#content h2 {/* post title */ font-size: 16px; padding-top: 10px; margin: 0;}
#content h2 a {color: #424539; border-bottom: 3px double #A3A44E;}
#content h2 a:hover {/* post title mouseover*/ text-decoration: none; color: #ff6600; background: url(images/iconTitleLink.gif) no-repeat top right; padding-right: 15px;}
#content h3 {/* tag, search, location, guestbook title */ font-size: 14px; color: #424539; margin: 10px 0; border-bottom: 1px dotted #424539; padding-bottom: 5px;}
#content ol, #content ul {list-style: none; padding: 0; margin: 0;}
#content .name {font-size: 12px; color: #666; letter-spacing: -1px;}
#content .cnt {font: 10px Verdana; color: #666;}
#content .date {font: 10px Verdana; letter-spacing: -1px; color: #666;}
#content cite {font-size: 12px; font-style: normal; color: #666;}

/* tag  */
#content .tagcloud ul {height: 600px; padding: 5px; text-align: justify;}
#content .tagcloud li {display: inline;}
#content .tagcloud a:hover {background-color: #cce5ff; color: #000;}
#content .tagcloud li .cloud1 {background-color: #CFD6C9; font-weight: bold; font-size: 16px; color: #f30;}
#content .tagcloud li .cloud2 {background-color: #CFD6C9; font-weight: bold; font-size: 15px; color: #f60;}
#content .tagcloud li .cloud3 {background-color: #CFD6C9; font-weight: bold; font-size: 14px; color: #369;}
#content .tagcloud li .cloud4 {background-color: #CFD6C9; font-size: 13px; color: #690;}
#content .tagcloud li .cloud5 {font-size: 12px; color: #666;}

/* search list, rplist */	
#content .list, .rplist {margin-bottom: 50px;}
#content .list .date, .rplist .date {padding-right: 8px;}

/* location */
.location {height: 600px;}
.location .spot {padding-left: 30px; background: url("images/iconIndentArrow_local.gif") no-repeat 10px 2px; margin-bottom: 3px;}
.location .info {padding-left: 15px; background: url("images/iconIndentArrow_localinfo.gif") no-repeat 0 50%; margin-bottom: 3px;}

/* guestbook > write */
.guestbook .write {margin-bottom: 20px;}
.guestbook .write p {padding: 2px; margin: 0;}
.guestbook .write input {border: 1px solid #999; height: 18px; width: 200px;}
.guestbook .write .homepage {height: 18px; width: 400px;}
.guestbook .write .submit {border: 1px solid #aaa; background-color: #CFD6C9; height: 25px; width: 98%; color: #333;}
.guestbook .write label {font: 10px Verdana;}
.guestbook .write textarea {width: 98%; height: 100px; border: 1px solid #aaa; overflow: visible;}

/* guestbook > list */
.guestbook p {padding: 5px 0; margin: 0;}
.guestbook .list ol li {padding: 10px 10px 10px 25px; background: url("images/iconGuestbook.gif") no-repeat 0 12px;}
.guestbook .list li ul li {padding-left: 30px; margin-left: 20px; background: url("images/iconIndentArrow_local.gif") no-repeat 10px 12px; background-color: #CFD6C9;}
.guestbook .list .name a {font-size: 12px; font-weight: bold; color: #666; padding-right: 12px; background: url("images/icon_homepage.gif") no-repeat center right;}
.guestbook .control a {font: 9px tahoma; background: url("images/iconControl.gif") no-repeat center right; padding-right: 10px; color: #999; margin-right: 5px;}
.guestbook .control a:hover {background-color: #ddd; color: #333;}

/* entry > notice */
.entry_notice {margin-bottom: 30px;}
.entry_notice .article {padding: 10px 0;}

/* entry > protected  */
.entry_protected {border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.entry_protected h2 {color: #369;}
.entry_protected input {border: 1px solid #999; font: 10px Tahoma;}
.entry_protected .submit {border: 1px solid #bbb; background-color: #ddd;}

/* entry article*/
.entry .article {padding: 10px 0;}
.entry .article blockquote {border-left: 7px double #ccc; margin: 10px 10px 10px 20px; padding-left: 10px;}
.entry .article a {color: #369;}
#content .entry .article ul {padding: 10px 30px; list-style-type: disc;}
#content .entry .article ol {padding: 10px 30px; list-style-type: decimal;}
.entry .article a:hover {color: #369; text-decoration: none;}

/* entry top button*/
.entry .btn_top {text-align: right; float: right; clear: both; margin-top: 5px;margin-right: 3px;}

/* entry tag */
.entry .tagbox {padding: 5px;}
.entry .tagtext {font: 9px verdana; font-weight: bold; background-color: #aaa; color: #fff; padding: 1px 3px; margin-right: 8px;}

/* entry trackback, comment  */
.entry .tbrp_box {background-color: #CFD6C9; padding: 0; font: 11px verdana;}
.entry .tbrp_box .cnt {vertical-align: 50%; font: 10px verdana; color: #666;}

/* entry trackback */
.entry .trackback {font-family: verdana, dotum; background-color: #D7DDD0; padding-left: 20px; border: 1px dotted #ACB6AB; margin-bottom: 4px;}
.entry .trackback .add {margin: 5px; font: 11px Verdana; color: #333;}
.entry  .trackback li {border-top: 1px dotted #ccc; padding: 10px 0;}
.entry .trackback h4 {font: 12px Verdana; font-weight: normal; margin: 0;}

/* entry comment */
.entry .comment {background-color: #D7DDD0; padding: 10px;}
.entry .comment p {margin: 0;}
.entry .comment ol li {padding: 15px 10px 0 25px; background: url("images/iconGuestbook.gif") no-repeat 0 15px;}
.entry .comment li ul li {padding: 15px 10px 0 25px; background: url("images/iconIndentArrow_local.gif") no-repeat 10px 12px; background-color: #CFD6C9;}
.entry .control a {font: 9px tahoma; background: url("images/iconControl.gif") no-repeat center right; padding-right: 8px; color: #999; margin-left: 5px;}
.entry .control a:hover {background-color: #ddd; color: #333;}
.comment .write {margin-bottom: 20px;}
.comment .write p {padding: 2px; margin: 0;}
.comment .write input {border: 1px solid #999; width: 150px;}
.comment .write .homepage {width: 260px;}
.comment .write .submit {border: 1px solid #aaa; background-color: #D7DDD0; height: 25px; width: 98%; color: #333;}
.comment .write label {font: 10px Verdana;}
.comment .write textarea {width: 98%; height: 100px; border: 1px solid #aaa; overflow: visible;}
.comment .write .checkbox {border: none; padding: 0; margin: 0; width: 25px;}

/* paging */
.paging {padding: 20px 0 20px 0; text-align: center; font: 10px Tahoma;}

/* footer */
#footer {text-align: center; padding: 20px 10px 10px 10px; font: 11px Verdana, dotum; color: #aaa;}
#footer a {COLOR: #ccc; text-decoration: none;}
#footer a:hover {COLOR: #ff6600; text-decoration: none;}