@charset "utf-8";

/* 반드시 들어가야하는 스타일 */

/* 본문 공통 스타일 */
body { font: 0.75em/1.5 Tahoma, Verdana, AppleGothic, sans-serif; background: #fff url(./images/background_sky.jpg) repeat-x top center; color: #003355; padding: 0; margin: 0; }

/* 전체 링크 스타일 */
a:link {color: #003399; text-decoration: none;}
a:visited {color: #003399; text-decoration: none;}
a:hover {color: #990000; text-decoration: underline;}
a:active {color: #003399; text-decoration: none;}

/* 텍스트큐브 기본 스타일 들어가기 */

/* 페이징 스타일 */
.selected {color: #003399; background: #eee; font-weight: bold;}
.no-more-prev {color: #003366;}
.no-more-next {color: #660000;}

/* 카테고리 - 이미지 버튼 */
.ib {cursor : pointer;}

/* 카테고리 - 트리 셀 */
.branch3 {cursor: pointer;}

/* 카테고리 - 옆 개수 */
.c_cnt {color: #660000;}

/* 달력 - 월 표시 */
.cal_month {font:0.95em Verdana, Helvetica, Arial, Tahoma, sans-serif;  height:18px; font-weight:bold;}

/* 달력 - 요일 표시 (th 영역) */
.cal_week1 {font:0.95em Tahoma, Arial, sans-serif;  height:18px;  font-weight:normal;}

/* 달력 - 일요일 표시 (th 영역) */
.cal_week2 {font:0.95em Tahoma, Arial, sans-serif;  color:#660000;}

/* 달력 - week (tr 영역) */
.cal_week {background-color: transparent;}
.cal_current_week {background-color: #ccddee;}

/* 달력 - Day 영역 (td 영역) */
.cal_day {font:0.95em Verdana, Helvetica, Arial, Tahoma, sans-serif;  color:#000;  text-align:center;}

/* 달력 - Day, 일요일 표시 (td 영역) */
.cal_day_sunday {color:#660000 !important;}
.cal_day_sunday a {color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
.cal_day1 { color:#333;}

/* 달력 다음 달 날짜 표시(td)   */
.cal_day2 { color:#000033;}

/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color:#003399;}

/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color:#000033;  text-decoration:underline;}

/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color:#3366cc;  font-weight:bold;}
a.cal_click:visited { color:#3366cc;  font-weight:bold;}
a.cal_click:hover { color:#003399;  font-weight:bold;}

/* 종류별 코맨트 [##_rp_rep_class_##] */
.rp_general {color: #003366;}
.rp_admin {background: url(images/iconAdmin.gif) no-repeat; color: #660000; padding-left: 20px; }
.rp_secret {color: #f30; font-weight: bold; }

/* 종류별 코맨트 [##_guest_rep_class_##] */
.guest_general {color: #003366;}
.guest_admin {background: url(images/iconAdmin.gif) no-repeat; color: #660000; padding-left: 20px;}

/* 비밀댓글 (로그아웃시 비밀글 표현) */
.hiddenComment {background: url(images/iconSecret.gif) no-repeat; color: #f30; font-weight: normal; padding-left: 20px;}

/* 이미지 아래 캡션 스타일 */
.cap1 { color:#003366;  text-align:center;}

/* 그림 */
.imageblock { }

/* 왼쪽 */
.left { }

/* 가운데 */
.center { }

/* 오른쪽 */
.right { }

/* 그림 2개 배치 */
.dual { background-color:#bbccdd; margin-bottom:5px;}

/* 그림 3개 배치 */
.triple { background-color:#bbccdd; margin-bottom:5px;}

/* 본문 - more / less */
.moreless_fold { background:url(images/icon_more.gif) top left no-repeat;  padding-left:30px; color:#003399;}
.moreless_top { background:url(images/icon_less.gif) top left no-repeat;  padding-left:30px; color:#003399;}
.moreless_body { }
.moreless_bottom { background:url(images/icon_less.gif) top right no-repeat;  padding-right:30px; color:#990000; text-align:right;}

/* 키워드 */ 
.key1 { cursor: pointer; border-bottom: 1px dotted #003366; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */


hr {display: none;}
img {border: 0;}
h1, h2, h3, h4 {margin: 0;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
input {border: 1px solid #6699cc; background: #bbccdd;}
textarea {border: 1px solid #6699cc; background: #bbccdd; }

/* 레이아웃 */

#container {width: 890px; margin: 0 auto; padding: 0;}
#sidebar {width: 200px; float: right; margin: 0; padding: 0;}
#content_warp {width: 670px; float: left; margin: 0; padding: 0;}
#header {margin-bottom: 10px; }



/* ***** blog_sideMenu ***** */
.blog_side_menu {width: 110%; background: #003366; border-bottom: 1px solid #336699; margin-bottom: 10px; }
.menu_tab {padding: 5px; font-size: 1.15em; color: #fff; text-align: right;}

.menu_tab .blog_menu_tab {margin: 0 10px;}
.menu_tab .blog_menu_tab a {color: #ccddee; font-weight: bold; padding-right: 10px;}
.menu_tab .admin_tab {margin: 0 10px; }
.menu_tab .admin_tab a {color: #fff; font-weight: bold; padding-right: 10px;}
.menu_tab .rss_tab { margin: 0 10px; }
.menu_tab .rss_tab a {color: #f90; font-weight: bold; padding-right: 10px;}



/* ***** header ***** */
#header h1 {padding: 150px 0 10px 0; font-weight: bold;}
#header h1 a {color: #003366;}
#header h1 a:hover {color: #336699;}



/* ***** 레이아웃 태두리 배경 ***** */
.content_bg_border {border: 1px solid #6699cc; background: #ccddee url(./images/content_background_tc.jpg) no-repeat right top;}
.sidebar_bg_border {border: 1px solid #6699cc; background: transparent;}



/* ***** content ***** */
.content_body {border-bottom: 1px dashed #336699; padding: 10px; margin-bottom: 50px; }

.search_list, 
.search_reply_list, 
.local_log, 
.tag_log, 
.guestbook, 
.entry_notice, 
.entry_protected, 
.entry_article {border-bottom: 1px dashed #6699cc; padding-bottom: 10px; margin-bottom: 30px; }

.search_list h3, 
.search_reply_list h3, 
.local_log h3, 
.tag_log h3, 
.guestbook h3 { font-size: 1.2em; margin-bottom: 15px; color: #000033; }

.search_list ol, 
.search_reply_list ol {list-style: none; padding: 5px; margin: 0;}

.search_list li, 
.search_reply_list li {padding-bottom: 3px;}

.search_list .date, 
.search_reply_list .date {color: #000033; font: 0.95em Verdana, Helvetica, Arial, Tahoma, sans-serif;  margin-right:10px; }
.search_list .cnt {color: #660000; font: 0.75em Verdana, Helvetica, Arial, Tahoma, sans-serif;  margin-right:10px; }
.search_reply_list .name {color: #000; font: 0.95em Verdana, Helvetica, Arial, Tahoma, sans-serif;  margin-right:10px; }

.local_log .local_spot {background: url(images/local_spot.gif) 5px 0 no-repeat; padding-left: 25px; color: #000033; margin-top: 5px; }
.local_log .local_info {background: url(images/local_info.gif) 5px 0 no-repeat; padding-left: 25px; margin-top: 2px;}
.local_log a {color: #003399;}

.tag_log ul {padding: 5px; margin: 0; text-align:justify;}
.tag_log li {display: inline;}
.tag_log li a:hover {color: #eee; background: #003366;}
.tag_log li .cloud1 {background: #fff; color: #003399; font-weight: bold; font-size: 1.8em;}
.tag_log li .cloud2 {background: #fff; color: #003366; font-weight: bold; font-size: 1.6em;}
.tag_log li .cloud3 {background: #eee; color: #336699; font-weight: bold; font-size: 1.4em;}
.tag_log li .cloud4 {background: #eee; color: #3366cc; font-size: 1.1em;}
.tag_log li .cloud5 {color: #6699cc; font-size: 1em;}

.guestbook p {padding: 2px 0; margin: 0;}
.guestbook_write {border-bottom: 1px solid #6699cc; padding-bottom: 10px; margin-bottom: 15px;}
.guestbook_write input {width: 200px; color: #000033; }
.guestbook_write textarea {width: 400px; padding: 5px; color: #000033; }
.guestbook_write label {color: #000033; font: 0.95em Tahoma, Arial, sans-serif;}
.guestbook_write .submit {width: 400px; height: 30px; background: #eee; color: #336699; font: 1.3em Tahoma, Arial, sans-serif;}

.guestbook_list {padding: 10px 0 0 0;}
.guestbook_list ol, 
.guestbook_list ul {margin: 0; padding: 0; list-style: none; }
.guestbook_list li p { margin: 10px 0; }
.guestbook_list li p a {font-weight: bold;}
.guestbook_list ol li { background: url("images/icon_reply.gif") no-repeat 10px 10px; color: #333; padding: 10px 10px 10px 30px; margin-bottom: 10px; }
.guestbook_list li ul li {background: #bbccdd url("images/icon_reply.gif") no-repeat 10px 10px; color: #000; text-align: right; padding: 10px 10px 10px 30px; margin-bottom: 10px; }

.guestbook_list li .guest_nick {margin: 10px 0; padding: 5px 0;}
.guestbook_list li .name {font-size: 1.1em; font-weight: bold; color: #003366; margin-right: 10px;}
.guestbook_list li .name a {color: #3366cc; background: url(images/icon_home.gif) no-repeat right; padding-right: 25px;}
.guestbook_list li .name a:hover {color: #003399;}
.guestbook_list li .date {color: #003366; font: 0.95em Tahoma, Helvetica, Arial, Tahoma, sans-serif;}

.guestbook_list li a.modify {color: #990000;}
.guestbook_list li a.modify span {margin-left: 5px;}
.guestbook_list li a.write {color: #003399;}
.guestbook_list li a.write span {margin-left: 5px;}
.guestbook_list li .control {margin: 10px 0; font-weight: bold; }

/** entry **/

.article_info {border: 1px solid #bbccdd; padding: 5px; margin-bottom: 30px; }
.article_info .posted_nick {color: #000; font-weight: bold; font-family: tahoma, verdana, arial, Tahoma, sans-serif; }
.article_info .date {color: #003366; font: 0.95em tahoma, verdana, Tahoma, arial, sans-serif;}
.article_info .category {color: #660000; font-family: tahoma, verdana, Tahoma, arial, sans-serif; }
.article_info span {padding: 0 5px;}
.article_info a {color: #990000;}

.entry_notice h2, 
.entry_protected h2, 
.entry_article h2 {font-size: 1.3em; line-height: 1.2em; margin: 20px 0;}

.content_body .entry_notice h2 a, 
.content_body .entry_protected h2 a, 
.content_body .entry_article h2 a { color: #003399; font-weight: bold; }

.entry_protected p.text {color: #660000; padding: 5px 0;}
.entry_protected input {width: 200px; color: #000033;}
.entry_protected .submit {width: 60px; height: 20px; background: #eee; color: #336699; }

/* 포스트 수정메뉴 */
.entry_article .article_modify {border: 1px solid #6699cc; padding: 5px; margin: 10px 0;}
.entry_article .article_modify a {color: #990000;}

/* 포스트 본문 스타일 */
.article_text {padding: 10px 0; margin: 5px 0 10px 0; overflow: hidden;}
.article_text a {font-family: tahoma, verdana, arial, sans-serif; font-weight: bold;}
.article_text blockquote {background: #bbccdd url(images/blockquote.gif) no-repeat top left; padding-left: 25px; margin: 10px 20px; }
.article_text dt {text-decoration: underline;}
.article_text dd {margin-left:20px;  padding-bottom:10px;}

.tag_trail {margin: 20px 0;}
.tag_text {color: #000; background: #bbccdd; padding: 5px;}
.tag_trail a {font-family: tahoma, Tahoma, verdana, arial, sans-serif; }

.trail_menu {background: #bbccdd; border-bottom: 1px solid #6699cc; padding: 5px; margin: 10px 0;}
.button_top {margin: 0 10px;}
.button_top a {font-weight: bold; font-size: 1.2em;}
.action_trail {color: #003366;}
.action_trail .cnt {color: #660000; font-size: 0.95em;}
.action_trail a {font-weight: bold; color: #003399;}

.trackback_box {border: 1px solid #6699cc; background: #bbccdd; margin-bottom: 20px; }
.trackback_box a {color: #003399;}
.trackback_box h3 {font: 1em verdana; color: #003366; margin: 10px 10px 20px 10px;}
.trackgack_box h4 {font: 1.15em verdana; font-weight: normal; margin: 0; }
.trackback_box ol {margin: 0; padding: 0; list-style: none;}
.trackback_box li {padding: 10px; border-bottom: 1px dashed #6699cc;}
.trackback_box .from {color: #333;}
.trackback_box .name {color: #000; font-weight: bold; padding: 0 5px;}
.trackback_box .date {color: #003366; font-size: 0.9em;}
.trackback_box p {font: 0.95em Tahoma, arial, sans-serif; color: #333; margin: 5px 0 0 0; padding: 0; letter-spacing: -1px;}

.trackback_box a.delete {color: #990000; font-weight: bold;}
.trackback_box a.delete span {margin: 0 10px;}

.comment_box {border: 1px solid #6699cc; margin-bottom: 15px; }
.comment_box h3 {color: #000033; font: 1.4em tahoma, verdana, Tahoma, arial, sans-serif; margin: 10px 15px;}
.comment_box p {margin: 3px 0 0 0; padding: 0;}

.comment_list {border-bottom: 1px dashed #6699cc; padding:10px 0; margin-bottom: 20px;}
.comment_list ol, 
.comment_list ul {margin: 0; padding: 0; list-style: none;}
.comment_list .date {color: #003366; font: 0.95em Tahoma, Helvetica, Arial, Tahoma, sans-serif;}
.comment_list .name {font-size: 1.1em; font-weight: bold; color: #003366; margin-right: 10px;}
.comment_list .name a {color: #3366cc; background: url(images/icon_home.gif) no-repeat right; padding-right: 25px;}
.comment_list .name a:hover {color: #003399;}
.comment_list .comment_nick {margin: 10px 0; padding: 5px 0;}
.comment_list ol li {color: #333; background: url("images/icon_reply.gif") no-repeat 10px 10px; padding: 10px 10px 10px 30px; margin-bottom: 10px; }
.comment_list li ul li {color: #000; background: #bbccdd url("images/icon_reply.gif") no-repeat 10px 10px; text-align: right; padding: 10px 10px 10px 30px; margin-bottom: 10px; }
.comment_list p {margin: 10px 0;}
.comment_list p a {font-weight: bold;}
.comment_list .control {margin: 10px 0; font-weight: bold;}
.comment_list a.address {color: #000;}
.comment_list a.address span {margin-left: 5px;}
.comment_list a.modify {color: #990000;}
.comment_list a.modify span {margin-left: 5px;}
.comment_list a.write {color: #003399;}
.comment_list a.write span {margin-left: 5px;}

.comment_write {border-bottom: 1px dashed #6699cc; padding: 10px; margin-bottom: 15px;}
.comment_write input {width: 200px; color: #000033; }
.comment_write textarea {width: 400px; padding: 5px; color: #000033; }
.comment_write label {color: #000033; font: 0.95em Tahoma, Arial, sans-serif;}
.comment_write .button {width: 400px; height: 30px; background: #eee; color: #336699; font: 1.3em Tahoma, Arial, sans-serif;}
.comment_write .secretWarp {position:relative; top:-23px; left:-10px;}
.comment_write .checkbox {border:none; padding:0;	margin:0; width:25px;}           

.paging {padding: 5px; margin: 10px 0; text-align: center; font-size: 1em;}
.paging .number_box { border-left:1px solid #bbccdd; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
.paging .number {border-right:1px solid #bbccdd; padding-right:8px; margin-right:5px;}
.paging a {font-weight: bold; font-family: verdana, arial, tahoma, Tahoma, sans-serif;}


/* content_footer */
.content_footer {border-bottom: 1px dashed #336699; padding: 10px; margin-bottom: 50px; }
.content_footer ul { margin: 0; padding: 0; list-style: none; }
.content_footer .cnt {color: #660000;}

.content_footer .blog_menu_foot {margin-bottom: 30px; font-size: 1.15em; text-align: right;}
.content_footer .blog_menu_foot li {display: inline; margin-right: 10px;}
.content_footer .blog_menu_foot li a {color: #003399; font-weight: bold;}
.content_footer .blog_menu_foot li a.top_link {color: #660000; font-size: 1.3em; margin-right: 15px;}
.content_footer .blog_menu_foot li a.admin {color: #660000; }
.content_footer .blog_menu_foot li a.post_write {color: #ff9900; }

/* content_powered */
.content_powered {border-bottom: 1px dashed #6699cc; padding: 10px; margin-bottom: 50px; text-align: right;}
.content_powered .powered_links ul {margin: 0; padding: 0; list-style: none;}
.content_powered .powered_links {margin: 10px 5px;}
.content_powered .powered_image {margin: 10px 5px;}
.content_powered a {font-weight: bold; font: 1em tahoma, verdana, Tahoma, arial, sans-serif; }
.content_powered span {margin-left: 10px;}



/* ***** sidebar ***** */
.sidebar_padding {padding: 15px 10px;}
#sidebar ul {margin: 0; padding: 0; list-style: none;}
#sidebar h3 {color: #000033; font-size: 1.2em; font-weight: bold; margin: 5px 0;}
#sidebar .name {color: #000;}
#sidebar .date {color: #003366;}
#sidebar .cnt {color: #660000;}

#sidebar .search {text-align: center; margin-bottom: 30px;}
#sidebar .search input {width: 130px; height: 16px; background: #bbccdd; color: #000033; margin-bottom: 5px;}
#sidebar .search .submit {width: 55px; height: 20px; background: #eee; color: #336699;}

#sidebar .blog_profile {margin-bottom: 30px;}
#sidebar .blog_image {width: 150px; overflow: hidden; margin-bottom: 10px;}
#sidebar .blog_image img {padding-bottom: 5px;}
#sidebar .blog_desc {color: #333; font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px; margin-bottom: 10px; }
#sidebar .user_nickname {color: #000; font-weight: bold; font-size: 1.1em; letter-spacing: -1px;}

#sidebar .notice_list {border-bottom: 1px dashed #6699cc; margin-bottom: 30px;}
#sidebar .notice_list a {color: #000066;}
#sidebar .notice_list ul {padding: 5px 0;}
#sidebar .notice_list li {background: url(images/bul_notice.gif) no-repeat 0 5px; padding-left: 15px; }

#sidebar .category {margin-bottom: 30px;}
#sidebar .category li {background: url(images/bul_category1.gif) no-repeat 0 5px; padding: 0 0 0 15px;}
#sidebar .category li ul li {background: url(images/bul_category1.gif) no-repeat 0 5px; padding: 0 0 0 15px;}
#sidebar .category li ul li a {color: #003399;}
#sidebar .category li ul li ul li {background: url(images/bul_category2.gif) no-repeat 0 5px; padding: 0 0 0 15px;}
#sidebar .category li ul li ul li a {color: #3366cc; }

#sidebar .recent_list {margin-bottom: 30px;}
#sidebar .recent_list a {color: #003399;}
#sidebar .recent_list ul {padding: 5px 0;}
#sidebar .recent_list li {background: url(images/bul_list.gif) no-repeat 0 5px; padding-left: 15px; margin-bottom: 10px;}

#sidebar .tagbox {text-align: justify; margin-bottom: 30px;}
#sidebar .tagbox ul {padding: 5px 0px; text-align: justify;}
#sidebar .tagbox li {background: none; display: inline;}
#sidebar .tagbox li a {letter-spacing: -1px;}
#sidebar .tagbox li .cloud1 {background: #eee; color: #003399; font-weight: bold; font-size: 1.8em;}
#sidebar .tagbox li .cloud2 {background: #eee; color: #003366; font-weight: bold; font-size: 1.6em;}
#sidebar .tagbox li .cloud3 {background: #eee; color: #336699; font-weight: bold; font-size: 1.4em;}
#sidebar .tagbox li .cloud4 {background: #fff; color: #3366cc; font-size: 1.1em;}
#sidebar .tagbox li .cloud5 {color: #6699cc; font-size: 1em; }

#sidebar .archive_list {margin-bottom: 30px;}
#sidebar .archive_list ul {padding: 5px 0;}
#sidebar .archive_list li {background: url(images/bul_list.gif) no-repeat 0 5px; padding-left: 15px; }
#sidebar .archive_list a {color: #003399;}

#sidebar .link_list {margin-bottom: 30px;}
#sidebar .link_list ul {padding: 5px 0;}
#sidebar .link_list li {background: url(images/bul_list.gif) no-repeat 0 5px; padding-left: 15px; margin-bottom: 5px;}
#sidebar .link_list a {color: #003399;}

#sidebar .counter {font: 1em Verdana, Helvetica, Arial, Tahoma, sans-serif; letter-spacing: 0; margin-bottom: 30px;}
#sidebar .counter ul {padding: 5px 0;}
#sidebar .counter li {background: url(images/bul_list.gif) no-repeat 0 5px; padding-left: 15px;}
#sidebar .counter .total {color: #990000;}
#sidebar .counter .today {color: #003399;}
#sidebar .counter .yesterday {color:#000;}

#sidebar .calendar {margin-bottom: 30px; font: 1.1em tahoma, verdana, Tahoma, arial, sans-serif;}

