﻿@charset "utf-8";


/* ------------------------------------------------------------------- */
/* 반드시 들어가야 하는 스타일 시작 */
/* ------------------------------------------------------------------- */

/* 본문 공통 */

body			{ margin:0; padding:0; font:.8em/1.6em Malgun Gothic, 맑은 고딕, 돋움, Dotum, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; color:#aaa; background-color:#333;}
a:link		{ color:#aaa; text-decoration:none;}
a:visited	{ color:#aaa; text-decoration:none;}
a:hover		{ color:#fff; /* font-weight:bold; */}
a:active		{ color:#aaa; text-decoration:none;}

/* 페이징 - 현재 페이지 */
.selected				{ font-weight:bold; color:#fff;}
/* 카테고리 - 이미지 버튼 */
.ib							{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3				{ cursor:pointer; font-size:1em;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt					{ font-size:.8em;  color:#fff;}
/* 달력 월 표시 */
.cal_month				{ font-size:.8em; height:18px;}
/* 달력 요일 표시(th 영역) */
.cal_week1			{ font-size:1em; height:18px;}
/* 달력 일요일 표시(th 영역) */
.cal_week2			{ font-size:1em; height:18px; color:#fff;}
/* 달력 Week(tr 영역)  */
.cal_week				{ }
.cal_current_week	{ background-color:#3f3f3f;}
/* 달력 Day(td 영역) */
.cal_day				{ font-size:.8em; color:#666; text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday	{ color:#fff !important;}
.cal_day_sunday a	{ color:#fff !important;}
/* 달력 지난 달 날짜 표시(td)   */
.cal_day1				{ color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2				{ color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3				{ color:#aaa;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4				{ color:#aaa; font-weight:bold; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link		{ color:#aaa; font-weight:bold;}
a.cal_click:visited	{ color:#aaa; font-weight:bold;}
a.cal_click:hover	{ color:#fff; font-weight:bold;}
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general			{ }
.rp_admin				{ }
.rp_secret				{ color:#fff;}
/* 종류별 코멘트 [##_guest_rep_class_##] */
.guest_general		{ }
.guest_admin			{ }
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment 	{ background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;}
/* 이미지 아래 캡션 스타일 */
.cap1						{ color:#999; text-align:center; font-size:.9em;}
/* 그림 */
.imageblock			{ margin:20px 0;}
/* 왼쪽 */
.left						{ }
/* 가운데 */
.center					{ }
/* 오른쪽 */
.right						{ }
/* 그림 2개 배치 */
.dual						{ margin-bottom:5px; }
/* 그림 3개 배치 */
.triple					{ margin-bottom:5px; }
/* 본문 - more / less */
.moreless_fold		{ background:url(images/iconMore.gif) top left no-repeat; padding-left:25px; color:#aaa; font-weight:bold; }
.moreless_top		{ background:url(images/iconLess.gif) top left no-repeat; padding-left:25px; color:#aaa; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{ background:url(images/iconLess.gif) top right no-repeat; padding-right:25px; color:#aaa; text-align:right; font-weight:bold; }
/* 키워드 */ 
.key1					{ cursor:pointer; border-bottom: 1px dotted #fff; }


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

hr						{ display:none;}
img					{ border:0;}
h1,h2,h3,h4		{ margin:0; padding:0;}
h1						{ font-size:24px;}
h2						{ font-size:20px;}
h3						{ font-size:14px;}
h4						{ font-size:1em;}
input					{ border-top:1px solid #222; border-left:1px solid #222; border-right:1px solid #444; border-bottom:1px solid #444;}
textarea			{ background-color:#444; border-top:1px solid #111; border-left:1px solid #111; border-right:2px solid #555; border-bottom:2px solid #555;}


/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container 		{ width:980px; margin:0 auto; padding-top:20px;}
#header 			{ width:100%; padding-bottom:20px; margin-bottom:25px; background:url(./images/line-1.gif) bottom repeat-x;}
#content 			{ width:100%; line-height:160%; overflow:hidden;}
#footer 				{ clear:both; }


/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header .title h2 a					{ color:#fff; font-size:19px; font-weight:bold; text-transform:uppercase; }
#header .title h2 a:hover		{ color:#666;}
#header .blogmenu			{ }
#header span				{ font-size:.9em; color:#666; margin-left:15px;}
#header span a				{ color:#666; font-weight:bold;}
#header span a:hover	{ color:#fff;  }

/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog, 
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{ margin-bottom:40px;}

#content .localog h3, 
#content .taglog h3, 
#content .guestbook h3,
#content .searchList h3, 
#content .searchRplist h3	{ padding-bottom:20px; color:#aaa; font-size:16px; font-weight:bold;}

.searchList ol, 
.searchRplist ol					{ list-style:none; padding:0; margin:0;}
.searchList li 						{ }
.searchRplist li					{ }
.searchList .date 				{ display:block; float:left; font-size:.9em; color:#fff;}
.searchList .author 				{ display:block; float:left; font-size:.9em; color:#fff; padding:0 15px 0 15px; }
.searchList .title 					{ display:block; float:left; }
.searchList .cnt					{ display:inline; color:#fff;} 
.searchRplist .date				{ font-size:.9em; color:#fff;}
.searchRplist .name			{ font-size:1em; color:#666; }


.localog .spot,
.localog .info				{ padding-left:20px; margin-top:3px;}
.localog a					{ color:#fff; font-weight:bold;}

.taglog ul					{ padding:0; margin:0; text-align:justify;}
.taglog li					{ display:inline;}
.taglog li a:hover		{ color:#fff;}
.taglog li .cloud1			{ color:#aaa; font-weight:bold; font-size:1em;}
.taglog li .cloud2			{ color:#aaa; font-weight:bold; font-size:1em;}
.taglog li .cloud3			{ color:#aaa; font-weight:bold; font-size:1em;}
.taglog li .cloud4			{ color:#aaa; font-size:1em;}
.taglog li .cloud5			{ font-size:1em; color:#666; }

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

.guestWrite					{ font-size:.8em;}
.guestWrite input			{ background-color:#333; width:150px; font-size:1em; color:#aaa;}
.guestWrite textarea		{ width:98%; padding:3px; font-size:1em; color:#aaa;}
.guestWrite .homepage   { width:300px; }
.guestWrite .submit			{ width:150px; background-color:#333; height:20px; font-size:.8em; color:#aaa;}
.guestWrite input.checkbox	{ width:15px; background-color:#333;  border:none; padding:0; margin:0;}

.guestList							{ width:100%; padding:20px 0 0 0;}
.guestList ol						{ padding:30px 0 0 0; margin:0; list-style:none;}
.guestList ol ul					{ margin:0; padding:0; list-style:none;}
.guestList ol li						{ margin:0; padding:0; overflow:hidden; list-style:none;}
.guestList ol li p					{ padding-top:5px; background:url(images/line-1.gif) top repeat-x; }
.guestList ol li ul li				{ padding:10px 0 0 60px; border:none; overflow:hidden;}
.guestList ol li .name			{ font-size:1em; font-weight:bold;}
.guestList ol li .date				{ font-size:.8em; color:#666; }
.guestList .control				{ font-size:.8em; color:#666;}
.guestList .control a			{ color:#666;}
.guestList .control a:hover	{ font-size:.8em; color:#fff;}



/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2								{ font-size:18px; font-weight:bold; padding-bottom:3px;}
.entryNotice h2 a, 
.entryProtected h2 a, 
.entry h2 a								{color:#fff;}
.titleWrap								{ font-size:.9em; padding-bottom:20px;}
.titleWrap .category a				{ color:#666;}
.titleWrap .category a:hover	{ color:#fff; }
.titleWrap .date						{ color:#666;}
.titleWrap .admin 					{ font-size:.9em; color:#666; padding-left:5px;}
.titleWrap .admin a					{ color:#666;}
.titleWrap .admin a:hover		{ color:#fff; }

.author1 			{text-align:right; font:bold 1em Malgun Gothic, 맑은 고딕, 돋움, Dotum, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;; margin-top:2em; padding-right:1em;}

.entryProtected p.text				{ padding-left:48px; background:url(images/imgProtected.gif) no-repeat ;}
.entryProtected input				{ width:200px; color:#aaa; }
.entryProtected .submit			{ font-size:.8em; width:50px; padding-top:2px; height:20px; color:#fff; background-color:#666;}

.article						{ font:1em/1.8em 맑은 고딕; width:100%; overflow:hidden; padding-bottom:20px;}
.article dt					{ text-decoration:underline;}
.article dd					{ margin-left:20px; padding-bottom:10px;}
.article blockquote		{ padding-left:28px; margin:10px 20px; background:url(images/iconBlockquote.gif) top left no-repeat;}
.article a 				{ text-decoration:none; color:#66788C;}

.tagTrail               		{ padding:0;}
.tagText						{ }

.actionTrail					{ clear:both;}
.actionTrail .cnt			{ color:#fff;}

.trackback						{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a					{ color:#aaa;}
.trackback h3					{ font-size:1em; color:#fff;  margin:5px 0 5px 0;}
.trackback h4					{ font-size:1em; font-weight:normal; margin:0; font-weight:bold;}
.trackback ol					{ margin:0;  padding:0; list-style:none;}
.trackback li					{ padding:5px 0 5px 0;}
.trackback .date				{ font-size:.8em; color:#666;}
.trackback p					{ font-size:1em; color:#666; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	{font-size:.8em; color:#666;}

.comment			{ background:url(./images/line-1.gif) top repeat-x; padding-top:20px; margin-top:20px; margin-bottom:4px; width:100%; overflow:hidden;} 
.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 .date	{ font-size:.8em; color:#666;}
.comment .name{ font-size:1em; font-weight:bold;}
.comment ol li	{ padding:10px 0;}
.comment li ul li	{ padding:5px 0 10px 40px; }

.comment .control				{ font-size:.8em; color:#666;}
.comment .control a			{ color:#666;}
.comment .control a:hover	{ color:#fff;}

.commentWrite						{ margin-top:20px; }
.commentWrite input				{ background-color:#333; width:150px; color:#aaa; }
.commentWrite textarea			{ width:98%; color:#aaa; padding:5px; top:5px; font:1em Malgun Gothic, 맑은 고딕, 돋움, Dotum, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; }
.commentWrite .homepage		{ width:300px; }
.commentWrite .submit			{ height:20px; width:150px; font-size:.8em; color:#aaa; background-color:#333;}
.commentWrite .checkbox		{ width:15px; border:none; padding:0; margin:0; background-color:#333;}

.paging					{ padding:10px 0;   text-align:center;  font-size:.9em;}
.paging .numbox	{ background:url(./images/line-2.gif) left repeat-y; padding-left:6px; margin-left:6px;  font-size:.9em;}
.paging .num			{ background:url(./images/line-2.gif) right repeat-y; padding-right:8px; margin-right:5px; font-size:.9em;}
.paging a:visited		{ color:#555; text-decoration:none;}
.paging a:hover		{ /* font-weight:bold; */ color:#fff;}



/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer          { text-align:center; font-size:.9em; padding:3em 0 3em 0;}
#searchForm  { margin-bottom:1em; font:1em Malgun Gothic, 맑은 고딕, 돋움, Dotum, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; color:#aaa;}
#searchForm .sInput { width:150px; height:20px; background-color:#333; font:1em Malgun Gothic, 맑은 고딕, 돋움, Dotum, 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif; color:#aaa;}


/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}
