﻿@charset "utf-8";
/* CSS Document */

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
body        { font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif; color:#333; }
/* 2. 기본 링크 */
a           { color:#666; text-decoration:none; }
a:link      { color:#333; text-decoration:none; }
a:visited   { color:#333; text-decoration:none; }
a:hover     { color:#f60; text-decoration:underline; }
a:active    { color:#666; text-decoration:none; }
/* 3. 이미지 버튼 */
	.ib                { cursor: pointer; }
/* 4. 입력 텍스트 */
	.text              { }
/* 5. 트리 테이블 */
	.branch2           { }
/* 6. 트리 셀 */
	.branch3           { cursor:pointer; height:10px; }
/* 7. 달력 표시 */
	.calendar          { font:0.95em Dotum, Arial, sans-serif; }
/* 8. 달력 월 표시 */
	.cal_month         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; font-weight:bold; }
/* 9. 달력 요일 표시 */
	.cal_week1         { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal; }
/* 10. 달력 일요일 표시 */
	.cal_week2         { font:0.95em Dotum, Arial, sans-serif; color:#f30; }
/* 11. 달력 지난 달 날짜 표시 */
	.cal_day1          { color:#ccc; text-align:center; }
/* 12. 달력 다음 달 날짜 표시 */
	.cal_day2          { color:#ccc; text-align:center; }
/* 13. 달력 이번 달 날짜 표시 */
	.cal_day3          { color:#666; text-align:center; }
/* 14. 달력 오늘 날짜 표시 */
	.cal_day4          { color:#000; text-decoration:underline; text-align:center; }
/* 15. 달력 글쓴 날 링크 스타일 */
	a.cal_click        { color:#333; font-weight:bold; text-align:center; }
	a.cal_click:link   { color:#333; font-weight:bold; text-align:center; }
	a.cal_click:visited { color:#333; font-weight:bold; text-align:center; }
	a.cal_click:hover  { color:#f30; font-weight:bold; text-align:center; }
/* 16. 이미지 아래 캡션 스타일 */
	.cap1              { color: #876; text-align: center; }
/* 17. 키워드 스타일 */
	.key1              { }
/* 18. 카테고리 옆 개수 스타일 */
	.c_cnt             { font:0.75em Tahoma; color:#f30; letter-spacing:0; }
/* 19. 최신글 옆 개수 스타일 */
	.ps_cnt            { font:0.75em Tahoma; color:#f30; letter-spacing:0; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

/* 기본 스타일 */
hr              { display:none; }
img             { border:0; }
h1, h2, h3, h4  { margin:0; padding:0; }
h1              { font-size:1.8em; }
h2              { font-size:1.4em; }
h3              { font-size:1.2em; }
h4              { font-size:1em; }
input           { border:1px solid #aaa; }
textarea        { border:1px solid #aaa; }

/* 블로그 레이아웃 */
#container     { width:830px; border:1px solid #bbb; margin:0px auto; padding:10px; background-color:#fff; }
#header        { margin-left:10px; font-family:돋움,tahoma,verdana; font-size:10pt; font-weight:bold:bold }
#sidebar       { float:left; width:190px; padding:10px }
#content       { float:left; width:620px; overflow:hidden; padding:0px 0px 10px 0px; }
#footer        { clear:both; padding:20px 0 0 0; }

/* ***** Header ***** */
#header a              { padding:3px 0px; }
#header h1 a:link      { color:#298BAB; text-decoration:none; }
#header h1 a:visited   { color:#298BAB; text-decoration:none; }
#header h1 a:hover     { color:#CCCCCC; text-decoration:underline; }
#header .blogMenu      { padding:0 10px 0 20px; margin:5px 0 10px 0; text-align:right; background-color:#eee; }
#header .blogMenu a    { padding:3px 7px 1px 7px; border:1px solid #999; color:#333; text-decoration:none; background-color:#fff; }
#header .blogMenu ul   { margin:0; padding:0; list-style:none; }
#header .blogMenu li   { display:inline; margin-left:3px; padding-left:7px; }

/* ***** sidebar ***** */
.sidebar                       { background-color:#eee; border:1px solid #D5CCE6; }
#sidebar                       { }
#sidebar ul                    { padding:0; margin:0; list-style:none; }
#sidebar li                    { padding-left:7px; }
#sidebar h3                    { font-size:1em; font-weight:bold; color:#7870ab; padding-top:20px; border-bottom:1px solid #D5CCE6; margin-bottom:5px; }

#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f60; }
#sidebar .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#888; }
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif; color:#888; }

#sidebar .blogImage img        { width:190px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
#sidebar .blogDesc             { color:#888; padding-top:6px; font-size:0.9em; line-height:1.2em; letter-spacing:-1px; }
#sidebar .userID               { color:#888; text-align:right; padding-right:10px; letter-spacing:-1px; }

#sidebar .notice               { margin:10px 0; padding:0; }
#sidebar .notice li            { border-bottom:1px dotted #D5CCE6; margin:0 0 2px 0; padding:0 0 1px 0; background:none; }
#sidebar .notice a:link,
#sidebar .notice a:visited     { padding:1px 0 5px 27px; }
#sidebar .notice a:hover       { padding:0 0 5px 27px; text-decoration:none; color:#f60; }

#sidebar .adminMenu            { padding:8px 5px 6px 5px; background-color:#eee; margin:5px 0 10px 0; }
#sidebar .adminMenu li         { background:none; display:inline; width:100px; }
#sidebar .adminMenu a          { padding:3px 20px 1px 20px; border:1px solid #999; color:#333; text-decoration:none; background-color:#fff; }

#sidebar .search               { text-align:center; }
#sidebar .search input         { width:130px; height:16px; }
#sidebar .search .submit       { width:50px; height:20px; padding-top:2px; background-color:#fff; border:1px solid #999;}

#sidebar .category li          { background:none; }
#sidebar .category li ul li    { padding-left:10px; }
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px; }
#sidebar .category li ul li ul li a{ color:#999; }

#sidebar .tagbox ul            { padding:5px 2px; text-align:justify; }
#sidebar .tagbox li            { background:none; display:inline; }
#sidebar .tagbox a             { letter-spacing:-1px; }
#sidebar .tagbox li .cloud1    { background-color:#ddd; font-weight:bold; font-size:16px; color:#a2348f; }
#sidebar .tagbox li .cloud2    { background-color:#ddd; font-weight:bold; font-size:15px; color:#5a5194; }
#sidebar .tagbox li .cloud3    { background-color:#ddd; font-weight:bold; font-size:14px; color:#7870ab; }
#sidebar .tagbox li .cloud4    { background-color:#ddd; font-size:13px; color:#666; }
#sidebar .tagbox li .cloud5    { font-size:12px; color:#888; }
#sidebar .tagbox a:hover       { background-color:#ddd; text-decoration:none; color:#000;}

#sidebar .recentComment        { width:190px; overflow:hidden; }
#sidebar .recentComment .info_wrap { margin-bottom:3px; color:#999; display:block; }
#sidebar .recentTrackback      { width:190px; overflow:hidden; }
#sidebar .recentTrackback .info_wrap { margin-bottom:3px; color:#999; display:block; }

#sidebar .archive li           { font-family:verdana; }
#sidebar .calendar td          { font-family:verdana; }

#sidebar .counter              { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; padding:5px 0; margin:10px 0; text-align:center; letter-spacing:0; background-color:#dde; border:1px solid #D5CCE6;}
#sidebar .counter li           { background:none; display:inline; padding:0 5px; }
#sidebar .counter li.total     { display:block; color:#000; }

#sidebar .rssLink              { text-align:center; padding:5px; }

/* ***** content ***** */
#content .tagLog, 
#content .locationLog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry             { background-color:#f6f6f6; border:1px solid #D5CCE6; padding:10px 10px 10px 10px; margin:0px 10px 10px 10px; }
#content .searchList, 
#content .searchRplist      { background-color:#f6f6f6; border:1px solid #D5CCE6; padding:10px 10px 10px 10px; margin:0px 10px 10px 10px; }
#content .guestbook         { padding:10px; }
#content .locationLog h3, 
#content .tagLog h3, 
#content .guestbook h3, 
#content .searchList h3, 
#content .searchRplist h3   { border-bottom:1px solid #ccc; margin-bottom:10px; color:#222; }

/* entry */
.entryNotice h2, 
.entryProtected h2, 
.entry h2                         { font-size:1.2em; line-height:1.2em; }
.entryNotice hr, 
.entryProtected hr, 
.entry hr                         { display:block; color:#D5CCE6; height:1px; }

.entryProtected p.text            { padding-left:50px; }
.entryProtected input             { width:200px; }
.entryProtected .submit           { width:50px; padding-top:2px; height:20px; background-color:#fff; }
.entryProtected .admin            { text-align:right; }

.article                          { width:540px; margin:5px 5px 0 5px; overflow:hidden; }
.article a:link                   { color:#5a5194; text-decoration:none; }
.article a:visited                { color:#5a5194; text-decoration:none; }
.article a:hover                  { color:#7870ab; text-decoration:underline; }
.article a:active                 { color:#5a5194; text-decoration:none; }
.article dt                       { text-decoration:underline; }
.article dd                       { margin-left:20px; padding-bottom:10px; }
.article blockquote               { padding-left:25px; margin:10px 20px; }
.article .author                  { text-align:right; color:#888; padding:20px 20px; }
.article .author .text            { font:90% Verdana, Arial, Helvetica, sans-serif; }

.moreless_fold span, 
.moreless_top span, 
.moreless_bottom span             { color:#7870ab; text-decoration:underline; }

.trackback                        { border:1px solid #ddd;  background-color:#f5f5f5; padding:10px; margin-bottom:4px; width:540px; overflow:hidden; }
.trackback a                      { color:#000; }
.trackback h3                     { font:11px Verdana; color:#333;  border-bottom:1px solid #f5f5f5; margin:5px 5px 10px 5px; }
.trackback h4                     { font:12px Verdana; font-weight:normal;  margin:0; }
.trackback ol                     { margin:0; padding:0; list-style:none; }
.trackback li                     { border-top:1px dotted #ccc;  padding:5px; }
.trackback p                      { font:0.95em Dotum, Arial, sans-serif;  color:#999; margin:3px 0 0 0; padding:0; letter-spacing:-1px }
.trackback a.delete               { padding-left:8px; text-decoration:none; }
.trackback a.delete span          { display:none; }
.trackback .date                  { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777; }

.comment                          { border:1px solid #ddd;  background-color:#eee; padding:5px; margin-top:14px; width:570px; overflow:hidden; }
.comment a:link                   { color:#296FAB; text-decoration:none; }
.comment a:visited                { color:#296FAB; text-decoration:none; }
.comment a:active                 { color:#296FAB; text-decoration:none; }
.comment a:hover                  { color:#18284E; text-decoration:underline; }
.comment p                        { margin:3px 0 0 0; padding:0; }
.comment h3                       { display:none; }
.comment ol,
.comment ul                       { margin:0; padding:0; list-style:none; }
.comment li p                     { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; }
.comment ol li                    { padding:10px 5px; }
.comment li ul li                 { background-color:#dedede; border:1px solid #D5CCE6; margin-left:30px; padding-left:15px; width:500px; overflow:hidden; }
.comment .date                    { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#777; }
.comment .name                    { font-weight:bold; }

.commentWrite                     { }
.commentWrite input               { vertical-align: middle; font-size: 12px; }
.commentWrite textarea            { width: 100%; height: 100px; margin-top: 3px; font-size: 12px; font-family: 돋움,sans-serif; }
.commentWrite hr                  { display:block; height: 1px; color:#ccc; }
.commentWrite .name               { width: 100px; }
.commentWrite .password           { width: 80px; }
.commentWrite .homepage           { width: 280px; }
.commentWrite .checkbox           { border:none; padding:0; margin:0; width:25px; vertical-align: middle; }
.commentWrite .submit             { margin: -17px 0px 0pt 0pt; color: rgb(51, 51, 51); text-align: right; }

.tagLog h2                  { font-size:1.2em; line-height:1.2em; }
.tagLog hr                  { display:block; color:#ccc; }
.tagLog ul                  { padding:5px; margin:0; text-align:justify; }
.tagLog li                  { display:inline; }
.tagLog a:hover             { background-color:#eee; color:#000; }
.tagLog li .cloud1          { background-color:#eee; color:#a2348f; font-weight:bold; font-size:16px; }
.tagLog li .cloud2          { background-color:#eee; color:#5a5194; font-weight:bold; font-size:15px; }
.tagLog li .cloud3          { background-color:#eee; color:#7870ab; font-weight:bold; font-size:14px; }
.tagLog li .cloud4          { background-color:#eee; color:#666666; font-size:13px;}
.tagLog li .cloud5          { font-size:12px; color:#999; }

.locationLog .spot          { padding-left:20px; margin-top:5px; }
.locationLog .info          { padding-left:15px; margin-top:2px; }
.locationLog a:link         { color:#5a5194; }
.locationLog a:visited      { color:#5a5194; }
.locationLog a:hover        { color:#7870ab; text-decoration:underline; }

.searchList ol, 
.searchRplist ol            { list-style:none; padding:5px; margin:0; }
.searchList li, 
.searchRplist li            { border-bottom:1px solid #eee; padding-bottom:2px; margin-bottom:4px; }
.searchList hr, 
.searchRplist hr              { display:block; height: 1px; color:#ccc; }
.searchList .date, 
.searchRplist .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; margin-right:10px; }
.searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#f60; } 
.searchRplist .name         { font:0.9em Dotum, Arial, sans-serif; color:#999; padding-left:8px; }

.guestbook p                { padding:2px 0; margin:0; }

.guestWrite                 { padding:10px; background-color:#f5f5f5; border:1px solid #ddd; }
.guestWrite input           { vertical-align: middle; font-size: 12px; }
.guestWrite textarea        { width: 100%; height: 100px; margin-top: 3px; font-size: 12px; font-family: 돋움,sans-serif; }
.guestWrite hr              { display:block; height: 1px; color:#ccc; }
.guestWrite .name           { width: 100px; }
.guestWrite .password       { width: 80px; }
.guestWrite .homepage       { width: 280px; }
.guestWrite .checkbox       { border:none; padding:0; margin:0; width:25px; vertical-align: middle; }
.guestWrite .submit         { margin: -17px 0px 0pt 0pt; color: rgb(51, 51, 51); text-align: right; }

.guestList                  { padding:10px 0 0 0; }
.guestList a:link           { color:#296FAB; text-decoration:none; }
.guestList a:visited        { color:#296FAB; text-decoration:none; }
.guestList a:active         { color:#296FAB; text-decoration:none; }
.guestList a:hover          { color:#18284E; text-decoration:underline; }
.guestList ol,
.guestList ul               { margin:0; padding:0; list-style:none; }
.guestList li p             { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; }
.guestList ol li            { background-color:#f6f6f6; border:1px solid #D5CCE6; padding:10px; margin-bottom:10px; width:580px; overflow:hidden; }
.guestList li ul li         { background-color:#eee; border:1px solid #D5CCE6; margin-left:30px; padding-left:15px; width:520px; overflow:hidden; }
.guestList li .name         { color:#666; font-weight:bold; }
.guestList li .date         { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif; }
.guestList .control a.modify       { padding:0 0 2px 53px; text-decoration:none; }
.guestList .control a.modify span  { display:none; }
.guestList .control a.write        { padding:0 5px 2px 53px; text-decoration:none; }
.guestList .control a.write span   { display:none; }

.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; }

.titleWrap               { border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:10px; }
.titleWrap .category a   { font:1em Dotum, Arial, sans-serif; color:#888; margin-right:6px; }
.titleWrap .date         { font:0.9em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#888; }

.tagTrail                { padding:5px 5px 5px 40px; clear:both; }
.tagText                 { display:none; }

.actionTrail             { border-top:1px dotted #ccc;  padding:7px 5px;  clear:both;}
.actionTrail .cnt        { color:#f60;}

/* ***** footer ***** */
#footer          { text-align:center; padding:10px 10px 10px 10px; font:11px Verdana, dotum; color:#666; }
#footer a        { color:#666; }
#footer a:hover  { color:#333; }