﻿@charset "utf-8";
	body, table, td, input, textarea {
		font:12px "돋움";
		color:#666; 
		line-height:150%;
}

a:link		{ color:#999; text-decoration:none;}
a:visited	         { color:#999; text-decoration:none;}
a:hover		{ color:#999; font-decoration:none;}
a:active	         { color:#999; text-decoration:none;}
.georgia		{ font:9pt georgia; color:#666; }
.tahoma		{ font:9pt tahoma; color:#666; }


/* 페이징 - 현재 페이지 */
.selected	{ font-weight:bold; color:hotpink;}

/* 카테고리 - 이미지 버튼 */
.ib			{ cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3	{ cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt		{ font:7pt tahoma; color:#ccc;}

/* 달력 월 표시 */
.cal_month	{ font:7pt tahoma; color:#999; height:18px; font-weight:bold; text-align:right;}
/* 달력 요일 표시(th 영역) */
.cal_week1	{ font:8pt dotum; color:#999; height:18px; font-weight:normal; text-align:center;}
/* 달력 일요일 표시(th 영역) */
.cal_week2	{ font:8pt dotum; height:18px; font-weight:normal; color:#daa8aa; text-align:center;}
/* 달력 Week(tr 영역)  */
.cal_week		{ background-color:#fff;}
.cal_current_week	{ background-color:#fff;}
/* 달력 Day(td 영역) */
.cal_day		{ font:7pt tahoma; color:#bbb; text-align:center; height:15px;}
/* 달력 Day, 일요일 (td 영역)  */
.cal_day_sunday	{ color:#daa8aa !important;}
.cal_day_sunday a	{ color:#daa8aa !important;}

/* 달력 지난 달 날짜 표시(td)   */
.cal_day1	{ color:#999;}
/* 달력 다음 달 날짜 표시(td)   */
.cal_day2	{ color:#999;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3	{ color:#999;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4	{ color:#999; background-color:#f6f8ba}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link		{font:7pt tahoma; color:#77aaaa;}
a.cal_click:visited	{font:7pt tahoma; color:#77aaaa;}
a.cal_click:hover		{font:7pt tahoma; color:#000;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general		{ }
.rp_admin		         { }
.rp_secret		{ color:#7aa;}
/* 종류별 코멘트 [##_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;}
/* 그림 */
.imageblock		{ border:0px; padding:0px; margin:0px;}
/* 왼쪽 */
.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:#666; font-weight:bold; }
.moreless_top		{ background:url(images/iconLess.gif) top left no-repeat; padding-left:25px; color:#666; font-weight:bold; }
.moreless_body		{ }
.moreless_bottom	{ background:url(images/iconLess.gif) top right no-repeat; padding-right:25px; color:#666; text-align:right; font-weight:bold; }

/* 키워드 */ 
.key1		{ cursor:pointer; border-bottom: 1px dotted #ccc; }


/* ------------------------------------------------------------------- */
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능  */
/* ------------------------------------------------------------------- */

hr					{ display:none;}
img					{ border:0;}
h1, h2, h3, h4		                  { margin:0;  padding:0;}
h1					{ font-size:2em;}
h2					{ font-size:1.4em;}
h3					{ font-size:9px;}
h4					{ font-size:1em;}
input				         { border:1px solid #ddd;}
textarea			                  { border:1px solid #ddd;}



/* ------------------------------------------------------------------- */
/* 블로그 레이아웃 */
/* ------------------------------------------------------------------- */

#container 			{ padding-top:20px; margin:0; width:900px; }
#left				{ float:left; width:250px; padding-right:20px; padding-bottom:20px;}
#header 			         { text-align:right; width:250px; padding-top:40px; padding-bottom:20px;}
#sidebar			         { text-align:right; width:250px; text-align:right;}
#content 			         { float:right; width:630px; padding-bottom:40px; line-height:160%; overflow:hidden;}

/* ------------------------------------------------------------------- */
/* ***** Header ***** */
/* ------------------------------------------------------------------- */

#header h2			{ font:12pt georgia; font-weight:bold;}
#header span			{ font:7pt tahoma; color:#999;}
#header span a			{ font:7pt tahoma; color:#999;}
#header span a:hover	         { font:7pt tahoma; color:#ccc;}


/* ------------------------------------------------------------------- */
/* ***** sidebar ***** */
/* ------------------------------------------------------------------- */

#sidebar ul		{ padding:0; margin:0; list-style:none;}
#sidebar li		{ padding-bottom:2px; list-style:none;}
#sidebar h3		{ padding-bottom:5px; font:7pt tahoma; cursor:pointer; font-weight:bold;}
#sidebar .cnt		{ font:7pt tahoma; color:#bbb;}


#sidebar .search		{ padding-bottom:10px;}
#sidebar .search input	{ font:7pt tahoma; width:100px; height:16px; color:#999; border:1px solid #ddd;}
#sidebar .search .submit	{ width:30px; height:20px; background-color:#ddd; font:9pt tahoma; color:#fff;}

#recentPost { font:8pt verdana; padding-bottom:10px;}
#recentComment { font:8pt verdana; padding-bottom:10px;}
#recentTrackback	         { font:8pt tahoma; padding-bottom:10px;}
#calendar			{ text-align:right; width:200px; padding-bottom:10px;}
#archive			{ font:7pt tahoma; padding-bottom:10px;}
#link			{ font:8pt verdana; padding-bottom:10px;}


/* Categories */
#category			{ font:8pt verdana; padding-bottom:10px;}
#category ul		{ list-style:none;}
#category li a		{ }

/* 1 depth */
#category ul li ul li a		{ }

/* 2 depth */
#category ul li ul li ul li		{ }
#category ul li ul li ul li a	{ font:8pt verdana, dotum; font-weight:normal;}

/* selected */
#category .selected		{ font-weight:bold;}
#category .selected ul li		{ font-weight:normal;}

/* ------------------------------------------------------------------- */
/* ***** content ***** */
/* ------------------------------------------------------------------- */

#content .localog,  
#content .taglog, 
#content .entryNotice, 
#content .entryProtected, 
#content .entry,
#content .guestbook, 
#content .searchList, 
#content .searchRplist		{padding-bottom:40px;}


#content .localog h3,
#content .taglog h3, 
#content .guestbook h3	         { padding-top:40px; padding-bottom:30px; font:12pt georgia; color:#999; font-weight:bold; }
#content .medialog h3	         { padding-top:40px; padding-bottom:30px; font:12pt georgia; color:#999; font-weight:bold; }

/* 티스토리용 */
#content .searchRplist h3, 
#content .searchList h3		{ padding-top:40px; padding-bottom:36px; color:#999; font:8pt verdana; font-weight:bold;}


.searchList ol, 
.searchRplist ol			{ list-style:none; padding:0px; margin:0;}
.searchList li, 
.searchRplist li			{ line-height:100%; padding-bottom:2px; margin-bottom:4px;}
.searchList .date,
.searchRplist .date		{ font:7pt tahoma; color:#ccc; margin-left:10px;}
.searchList .cnt			{ font:8pt dotum; color:#999;} 
.searchRplist .name		{ font:8pt dotum; color:#999; padding-left:8px;}

.taglog				{ margin-bottom:30px;}
.taglog ul			{ padding:0px; margin:0; text-align:justify;}
.taglog li			{ display:inline;}
.taglog li .cloud1 {
	font-family:Tahoma;
	font-weight: bold;
	font-size :12px;
	color :#CC3300!important ;
	}
	
.taglog li .cloud2 {
	font-family:돋움;
	font-weight: bold;
	font-size :11px;
	color :#FF6600!important ;
	}

.taglog li .cloud3 {
	font-family:돋움;
	font-size :11px;
	color :#0099CC!important ;
	}

.taglog li .cloud4 {
	font-family:돋움;
	font-size :11px;
	color :#009966!important ;
	}
	
.taglog li .cloud5 {
	font-family:돋움;
	font-size :11px;
	color :#999 !important ;
	}
.side_tagbox a:hover{
	background-color:#5B4F4A;
	color:#999;
	}
.side_tagbox a:visited {color:#777}


.taglog li a:hover		         { color:#fff;}

.guestbook p		         { padding:2px 0; margin:0;}

.guestWrite		         { font:7pt tahoma; }
.guestWrite input                   { font:8pt dotum; color:#666; width:150px; padding-left:2px; background-color:#eeeeee; border:none;}
.guestWrite textarea	         { font:9pt dotum; color:#666; width:400px; padding:5px; background-color:#eeeeee; border:none;}
.guestWrite .homepage               { font:7pt tahoma; color:#666; width:150px; background-color:#eeeeee; border:none;}
.guestWrite .submit		{ font:9pt tahoma; color:#fff; width:35px; height:20px; background-color:#ddd; border:none;}
.guestWrite .checkbox		{ width:25px; padding:0; margin:0; background-color:#fff; border:none;}

.guestList			{ width:500px; padding:40px 0 0 0;}
.guestList ol			{ margin:0 0 35px 0; padding:0 0 10px 0; list-style:none;}
.guestList ol ul			{ margin:0; padding:0; list-style:none;}
.guestList ol li			{ padding-left:15px; overflow:hidden;}
.guestList ol li p			{ border-top:0px solid #fff; }
.guestList ol li ul li		{ padding:10px 0 0 50px; border:none; overflow:hidden;}
.guestList ol li .name		{ font:8pt dotum; color:#666; font-weight:bold;}
.guestList ol li .date		{ font:7pt tahoma; color:#aaa; }
.guestList .control		{ font:7pt tahoma; color:#aaa;}
.guestList .control a		{ color:#aaa;}
.guestList .control a:hover	         { color:#ccc;}


/* ------------------------------------------------------------------- */
/* entry */
/* ------------------------------------------------------------------- */

.entryNotice h2, 
.entryProtected h2, 
.entry h2				{ padding-top:40px; padding-bottom:5px; font:12pt georgia; color:#999; font-weight:bold;}
.titleWrap			{ font:8pt dotum; color:#999; padding-bottom:20px;}
.titleWrap .category a		{ font:9pt tahoma; color:#999;}
.titleWrap .category a:hover	{ font:8pt dotum; color:#cc;}
.titleWrap .date			{ font:7pt tahoma; color:#999;}
.titleWrap .admin 			{ padding-left:5px;}
.titleWrap .admin a		{ font:7pt tahoma; color:#999;}
.titleWrap .admin a:hover		{ font:7pt tahoma; color:#ccc;}

.entryProtected			{ margin-bottom:15px;}
.warning	 			{ background:url(images/imgProtected.gif) no-repeat; padding-left:45px; margin-bottom:10px;}
.entryProtected input		{ width:140px; color:#666; border:1px solid #999;}
.entryProtected .submit		{ font:7pt Verdana; width:50px; height:20px; color:#fff;  background-color:#aaa;}

.article				{ margin-bottom:20px; width:100%; } 
.article a:link, 
.article a:visited			{ color:#7aa; border-bottom:1px dotted #7aa;}
.article a:hover			{ color:#ddd; border-bottom:1px dotted #ddd;}
.article dt			{ text-decoration:underline;}
.article dd			{ margin-left:20px; padding-bottom:10px;}
.article blockquote		{ background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:28px; margin:10px 20px;}


.tagTrail                {  padding:8px 5px 5px 30px;  background:url(images/tag.gif) center left no-repeat; clear:both;}
.tagText                 { display:none;}

.actionTrail			{ clear:both;}
.actionTrail .cnt		         { color:#b7c540;}

.trackback			{ padding-top:2px; margin-bottom:4px; width:100%; overflow:hidden;}
.trackback a			{ color:#333;}
.trackback h3			{ font:7pt tahoma; color:666;  margin:0px 5px 10px 0px;}
.trackback h4			{ font-weight:normal; margin:0; }
.trackback ol			{ margin:0;  padding:0; list-style:none;}
.trackback li			{ padding:5px;}
.trackback .date		         { font:7pt tahoma; color:#aaa;}
.trackback p			{ color:#999; margin:3px 0 0 0; padding:0; letter-spacing: 0px;}
.trackback a.delete span	         {font:7pt Verdana; color:#999;}

.comment		                  { background:url(images/border.gif) no-repeat; padding-top:30px; 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:7pt tahoma; color:#999;}
.comment .name		         { font-weight:bold;}
.comment ol li		         { padding:10px 5px;}
.comment li ul li             	{ padding:5px 10px 10px 40px; }

.comment .control a.address span,
.comment .control a.modify span,
.comment .control a.write span	{ font:7pt tahoma; color:#999;}

.commentWrite			{ padding:5px; margin-top:20px; font:7pt verdana;}
.commentWrite input		{ font:8pt dotum; width:150px; color:#666;background-color:#eee; border:none;}
.commentWrite textarea		{ font:8pt dotum; width:400px; height:100px; color:#666; padding:5px; top:5px; background-color:#eee; border:none;}
.commentWrite .homepage		{ font:7pt tahoma; width:150px; color:#666; background-color:#eee; border:none;}
.commentWrite .submit		{ font:9pt tahoma; color:#fff; width:35px; height:20px; background-color:#ddd; border:none;}
.commentWrite .checkbox		{ width:25px; border:none; padding:0; margin:0; background-color:#fff;}

.paging				{ padding:20px 0px 20px 0px; text-align:left;  font:7pt tahoma;}
.paging .numbox			{ border-left:1px solid #ccc; padding-left:6px; margin-left:6px;  font:7pt tahoma;}
.paging .num			{ border-right:1px solid #ccc; padding-right:8px; margin-right:5px; font:7pt tahoma;}
.paging a:visited		         { color:#999; text-decoration:none;}
.paging a:hover			{ color:#ccc;}




/* ------------------------------------------------------------------- */
/* ***** footer ***** */
/* ------------------------------------------------------------------- */

#footer				{ line-height:130%; padding:20px 0px; font-size:7pt;}
#footer .counter		         { font:7pt tahoma; color:#999;}					
#footer .copyright		         { font:7pt tahoma; color:#999;}				


/* ------------------------------------------------------------------- */
/* ***** etc ***** */
/* ------------------------------------------------------------------- */

.imageblock *			{ border:none !important;}
#mediaLogLimit			{ display:none !important;}
div .box				{ width: 95%; height: auto;	margin: 0; border: 1px dotted #7aa; padding: 8px;}







