@charset "utf-8";

/* --------------------- */
/* 전체 페이지 적용 사항 */
/* --------------------- */
*	{
		margin: 0;
		padding: 0;
	}

html	{	
		background-color: white;
	}

body	{
		background-color: white;									/* 전체 바탕화면 배경색 */
		font-family: Gulim, '굴림', TAHOMA, AppleGothic, Verdana, Geneva, Arial, Helvetica, sans-serif;	/* 기본 글꼴 - 글꼴이 없을 경우 있는 순서 순으로 적용 됨 */
		font-size: small;										/* 기본 글꼴 크기, 통상적으로 small은 대부분의 브라우저에서 약 12px, ctrl을 이용한 화면 조정을 위해 기준 크기로 사용함  */
	}

/* ------------------------------------------------------------------------------- */
/* 공통적용 사항 - 상속을 위해 레이아웃보다 먼저 설정한 것임. 순서를 바꾸지 말 것. */ 
/* ------------------------------------------------------------------------------- */
a	
	{									/* 링크 적용 사항 */
		text-decoration: none;						/* 텍스트에 특별히 설정을 가하지 않음 */	
	}

		a:link, a:visited
			{							/* 방문하지 않은 링크와 방문한 링크 적용 사항 */
				color: #009999;					/* 색상 설정 */
			}
		
		a:hover, a:active
			{							/* 마우스를 올리거나 엑션을 할 때의 링크 적용 사항 */
				color: #FF9900;					/* 색상 설정 */
			}

img	{									/* 이미지 기본 설정 */
		border: 0 none;	
	}

br	{									/* br 줄바꾸기 기본 설정 */
		letter-spacing: 0;	
	}

hr	{									/* hr 가로선 기본 설정 - 여기서는 전체적인 구조를 나누는 역할. 하지만 나타나지 않게 설정 */
		display: none;	
	}

p	{									/* p 문단 나누기 기본 설정 */
		margin-bottom: 0.4em;	
	}

fieldset
	{									/* fieldset 필드 테이블 만들기 기본 설정 */
		border: 0px solid #f0f0e6;
		display: block;
		padding: 1.5em;
	}

		legend	{							/* legend 제목 분류 기본 설정 - 필드 테이블의 제목을 위해 사용 */
				color: #669933;
				margin-bottom: 1em;	
			}

dfn, em, cite, address
	{									/* dfn(이탤릭체), em(강조를 위한 이탤릭체), cite(인용을 위한 이탤릭체), address(주소 이탤릭 체) 기본 설정 */
		font-style: normal;
	}

h1	{									/* h1 기본 설정 - 현재 설정되어 있지 않음 */
		font: normal 2.3em arial, 'Trebuchet MS', Verdana, sans-serif;	
	}

		h1 a:link, h1 a:visited
			{							/* h1 방문하지 않은 링크와 방문한 링크 기본 설정 */
				color: #e23c8e;
			}
		
		h1 a:hover, h1 a:active
			{							/* h1 마우스를 올리거나 엑션을 할 때의 링크 기본 설정 */
				color: #ff6bb4;
			}

h2
	{									/* h2 제목 줄 기본 설정 */
		padding-bottom: .3em;
		background: #fff;
		border-bottom: 1px solid #fff;
		font-size: 1.6em;
		letter-spacing: -1px;
		color: #009999;
	}

		h2 a:link, h2 a:visited
			{							/* h2 방문하지 않은 링크와 방문한 링크 기본 설정 */
				color: #009999;
			}
		
		h2 a:hover, h2 a:active
			{							/* h2 마우스를 올리거나 엑션을 할 때의 링크 기본 설정 */
				color: #FF6633;
			}

h3
	{									/* h3 서치 파트 답변 사항 및 사이드바 제목 기본 설정 */
		font: bold 1.2em/1.5 Arial, Helvetica, sans-serif;
		background-color: #faf9f8;
		border-bottom: 1px solid #eee;
		color: #009999;
	}

		h3 a:link, h3 a:visited
			{							/* h3 방문하지 않은 링크와 방문한 링크 기본 설정 */
				color: #009999;
			}
		
		h3 a:hover, h3 a:active
			{							/* h3 마우스를 올리거나 엑션을 할 때의 링크 기본 설정 */
				color: #FF6633;
			}

h4	{									/* h4 트랙백 항목 제목 기본 설정 */
		font-size: 1.1em;	
	}


/* ---------------------------------------- */
/* 레이아웃 - 기본 레이아웃을 설정하는 부분 */
/* ---------------------------------------- */
#container	
	{								/* 화면에 나타나는 모든 영역 */
		width: 1102px;						/* 전체 넓이, 사이드바와 본문을 합친 넓이(패딩, 마진 포함), 추후 본문 사이즈를 변경하려면 변경한 본문 넓이에 맞추어 이 부분도 조정해야 함. 현재는 헤더의 그림 메뉴 사이즈에 맞추어진 상태. */
		margin: 0 auto;						/* 마진 없고, 페이지의 가로 길이가 전체 길이보다 클 경우 페이지를 중앙에 위치시킴, 이 옵션을 제거하면 페이지는 가로 길이에 상관없이 왼쪽에 붙게 됨 */
	}

#header
	{								/* 상단 이미지 메뉴열 */
		background-color: white;
		background-image: url(./images/xdg_headersky_0.jpg);	/* 헤더 상단 이미지 - 설정 */
		background-position: top left;				/* 헤더 상단 이미지 - 왼쪽 위에 배치하고 */
		background-repeat: repeat-x;				/* 헤더 상단 이미지 - 가로 방향으로만 반복할 것 */
		padding-top: 70px;					/* 헤더 상단에 페딩 50px을 줌, 이 부분에 헤더 상단 이미지가 들어 감, 일종의 간격 조정임 */
		width: 100%;						/* 상속받은 가로 공간 전체를 사용함 */
	}

		#headerTitle	
			{						/* 헤더에서 타이틀 영역 */
				width: 265px;				/* 사이드바와 같은 가로 공간을 사용 */
				float: right;				/* 사이드바 왼쪽 시 float: left; */
									/* 사이드바 오른쪽 시 float: right; */
			}
		
		#headerMenu	
			{						/* 헤더에서 메뉴 영역 */
				float: left;				/* 사이드바 왼쪽 시 float: right; */
									/* 사이드바 오른쪽 시 float: left; */
			}

/* 
#contentbody:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
 */

#contentbody
	{								/* 본문과 사이트 바 묶음 */
		background-color: white;				/* 배경색 설정 - 후에 body 색상으로 통일하면 이 부분은 삭제 또는 body 색상과 동일하게 */
		display: inline-block;		
		padding: 0 20px;					/* 본문과 사이트 바 양 쪽으로 20px씩 페딩을 둠 */
		padding-top: 30px;					/* 본문과 헤더 사이의 공간 */
		clear: both;						/* 이 공간의 아래 또는 위에서 이쪽 공간으로 들어오지 않도록 설정함 */
	}
	
		#content
			{						/* 본문 영역 */
				background-color: white;		/* 배경색 설정 - 후에 body 색상으로 통일하면 이 부분은 삭제 또는 body 색상과 동일하게 */
				width: 770px;				/* 본문 가로 길이 - 본문 길이를 조정할 땐 이 길이를 함께 조정해야 함   */
				float: left;				/* 본문을 왼쪽으로 뜨게 함, 사이드바가 왼쪽일 경우 본문을 오른쪽으로 변경하면 됨 */
				overflow: hidden;			/* 스크롤바 방지 등 */
			}
		
		#sidebar
			{						/* 사이드바 영역 */
				background-color: white;
				margin-left: 40px;			/* 본문과 사이드바 사이의 간견 설정. 사이드바의 위치를 왼쪽으로 할 경우 페딩의 위치만 바꾸면 됨 */
				padding-right: 0px;
				width: 245px;				/* 사이드바 길이 설정 */
				float: right;				/* 사이드바를 오른쪽으로 뜨게 함, 본문이 오른쪽일 경우 사이드바를 왼쪽으로 변경하면 됨 */
				/* clear: both; */				
				overflow: hidden;			/* 스크롤바 방지 등 */
			}
		
		#sidebarex
			{						/* 하단의 메뉴 열 */
				background-color: white;
				magin-top: 20px;
				magin-bottom: 20px;
				padding-top: 10px;			/* 페딩, 윗 공간과의 간격으로 사용 */
				width: 100%;				/* 사용할 길이 */
				float: right;				/* 오른쪽으로 뜨게 함 */
				overflow: hidden;			/* 스크롤바 방지 등 */
			}

				#sidebardiv
					{				/* 하단의 메뉴 열 각 공간 */
						margin-right: 20px;	/* 마진, 왼쪽 공간과의 간격 */
						width: 245px;		/* 사용할 길이 */
						float: left;		/* 왼쪽으로 뜨게 함 */
						overflow: hidden;	/* 스크롤바 방지 등 */
					}

				#sidebardivend
					{				/* 하단의 메뉴 열 마지막 공간 */
						margin-left: 20px;
						width: 245px;		/* 사용할 길이 */
						float: left;		/* 왼쪽으로 뜨게 함 */
						overflow: hidden;	/* 스크롤바 방지 등 */
					}

#footer
	{								/* 하단 메뉴 영역 */
		background-image: url(./images/xdg_footerbottom_0.jpg);	/* footer 하단 이미지 - 설정 */
		background-position: bottom left;			/* footer 하단 이미지 - 왼쪽 아래에 배치하고 */
		background-repeat: repeat-x;				/* footer 하단 이미지 - 가로 방향으로만 반복할 것 */
		padding-top: 15px;
		padding-bottom: 15px;					/* footer 하단에 페딩 50px을 줌, 이 부분에 헤더 상단 이미지가 들어 감, 일종의 간격 조정임 */
		width: 100%;						/* 상속받은 가로 공간 전체를 사용함 */
		clear: both;						/* 이 공간의 아래 또는 위에서 이쪽 공간으로 들어오지 않도록 설정함 */
		position: relative;
		height: 3em;
		font: .9em
	}

		#footermenu
			{
				background-color: #669999;
				position: relative;
				padding-top: 1.8em;
				height: 7.5em;
				width: 797px;				/* 가로 길이 - 가로 본문과 길이를 맞춤   */
				float: left;				/* 본문을 왼쪽으로 뜨게 함, 사이드바가 왼쪽일 경우 본문을 오른쪽으로 변경하면 됨 */
				overflow: hidden;			/* 스크롤바 방지 등 */
				
			}

		#copyright
			{
				background-color: #669999;
				position: relative;
				padding-top: 1.8em;
				padding-left: 40px;			/* 본문과 사이드바 사이의 간견을 따름. */
				padding-right: 20px;			
				height: 7.5em;
				width: 245px;				/* 사이드바 길이 설정 */
				float: right;				/* 사이드바를 오른쪽으로 뜨게 함, 본문이 오른쪽일 경우 사이드바를 왼쪽으로 변경하면 됨 */
				overflow: hidden;			/* 스크롤바 방지 등 */
			}


/* ----------------- */
/* content 세부 영역 */
/* ----------------- */

/* Search Part(글 목록, 댓글, 트랙백 ) 설정 */
.searchList
	{										/* Search Part(글 목록, 댓글, 트랙백 ) 영역 기본 설정 */
		margin-bottom: 4em;
	}

		.searchList ol
			{								/* 순서 있는 목록의 스타일 정의 */
				list-style: none;
			}
		
		.searchList li
			{								/* 리스트 정의 */
				border-bottom: 1px solid #eee;
			}
		
		.searchList li *
			{								/* 리스트 정의 */
				vertical-align: middle;
			}
		
		.searchList li a
			{								/* 리스트 링크 정의 */
				display: block;
				line-height: 1.9em;
			}
		
		.searchList li a:hover
			{								/* 리스트에 마우스를 올려 놓았을 때의 링크 정의 */
				background-color: #faf9f8;
			}
		
		.searchList .slDate
			{								/* 리스트 출력 중 '작성 날짜'의 정의 */
				color: #666;
				font-size: .9em;
				margin-right: .4em;
			}
		
		.searchList .slCnt							/* 리스트 출력 중 '제목'과 '글쓴이' 정의 */
			{
				color: #f90;
				font-size: .9em;
				margin-left: .2em;
			}

/* Entry_Keylog_Notice Part(일러두기, 키워드, 보호글, 블러그 글) 설정 */
.entry			
		{									/* Entry_Keylog_Notice Part(일러두기, 키워드, 보호글, 블러그 글) 영역 설정 */									
			margin-bottom: 2.5em;
		}

	/* Entry_Keylog_Notice Part의 제목 및 부가 정보 설정 */
	.subject									/* Entry_Keylog_Notice Part의 제목 및 부가 정보 영역 설정 */
		{
			margin-bottom: 2.5em;
		}
	
		.subject ul								/* 순서 없는 목록의 스타일 정의 */
			{
				list-style: none;
				border-bottom: 1px solid #e8e8e8;
				background-color: #faf9f8;
			}
		
		.subject li
			{								/* 리스트 정의 */
				display: inline;
				font: .9em/2 'Trebuchet MS', Helvetica, sans-serif;
				color: #999;
			}
		
		.subject .postInfo li
			{								/* 리스트 infoDate, infoCategory, infoAuthor 영역 정의 */
				padding: .3em .6em .3em 25px;
			}
		
		.subject .infoDate
			{								/* 리스트 중 '작성일' 정의 */
				background: url('./images/xdg_contentMenuDate_0.jpg') no-repeat 7px 50%;
			}
		
		.subject .infoCategory
			{								/* 리스트 중 '분류' 정의 */
				background: url('./images/xdg_contentMenuCategory_0.jpg') no-repeat 7px 50%;
			}
		
		.subject .infoAuthor
			{								/* 리스트 중 '작성자' 정의 */
				background: url('./images/xdg_contentMenuAuthor_0.jpg') no-repeat 7px 50%;
			}
	
		.subject li a
			{
				font-family: AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
			}
		
		.subject p
			{								/* 리스트 P 문단 정의 */
				padding: .8em 10px .3em 20px;
				background: url('./images/xdg_contentinfo_0.jpg') no-repeat 0 50%;
				border-bottom: 1px solid #e8e8e8;
				font: .9em 'Trebuchet MS', Helvetica, sans-serif;
				color: #999;
			}

		.subject .admin
			{								/* 로그인 시 나타나는 추가 정보 영역 정의 */
				border-top: 1px solid #fff;
				font-family: AppleGothic, Dotum, '돋움', sans-serif;
			}
		
		.subject .admin li
			{								/* 리스트 adminPostConversion, adminPostChange, adminPostTrackback, adminPostDelete 영역 정의 */
				padding: .3em .6em .3em 25px;
				font-family: AppleGothic, Dotum, '돋움', sans-serif;
			}

		.subject .adminPostConversion
					{						/* 리스트 중 '변경' 정의 */
						background: url('./images/xdg_contentMenuConversion_0.jpg') no-repeat 7px 50%;
					}

		.subject .adminPostChange
					{						/* 리스트 중 '본문 수정' 정의 */
						background: url('./images/xdg_contentMenuChange_0.jpg') no-repeat 7px 50%;
					}

		.subject .adminPostTrackback
					{						/* 리스트 중 '트래백 보내기' 정의 */
						background: url('./images/xdg_contentMenuTrackback_0.jpg') no-repeat 7px 50%;
					}

		.subject .adminPostDelete
					{						/* 리스트 중 '삭제 하기' 정의 */
						background: url('./images/xdg_contentMenuDelete_0.jpg') no-repeat 7px 50%;
					}

	/* Entry_Keylog_Notice Part의 보호글 설정 */
	.protectedBody		
		{									/* Entry_Keylog_Notice Part의 보호글 영역 설정 */
			margin-bottom: 2em;
			padding: 2em 0 2.5em 1em;
		}
	
		.protectedBody p
			{								/* 보호글 P 문단 정의 - 보호글에 대한 설명 */
				margin: .5em .5em .5em 0em;
			}
		
		.protectedBody input.submitBtn
			{								/* 보호글의 '확인' 버튼 정의 */
				width: 5em;
				height: 25px;
				padding: .3em;
				font-size: .9em;
				color: #666;
				cursor: pointer;
			}

	/* 블러그 본문 글 설정 */
	.article		
		{									/* 블러그 본문 글 영역 설정 */
			margin: 1em 0 1.8em;
			text-align: left;
			line-height: 1.6;
		}
	
		.article a:link, .article a:visited
			{								/* 본문 글 중 방문하지 않은 링크와 방문한 링크 정의 */
				color: #cb89b3;
				border-bottom: 1px dashed #c39;
			}
		
		.article a:hover, .article a:active
			{								/* 본문 글 중 링크에 마우스를 올렸을 때와 액션을 할 때의 정의 */
				background-color: #faf9f8;
				border-bottom: 1px dashed #c39;
				color: #c39;
			}
		
		.article blockquote
			{								/* 본문 중 인용문 정의*/
				margin: 1.7em auto;
				padding: 0 10px;
				width: 80%;
				color: black;
				border-left: 2px solid #ddd;
			}
		
		.article .infoAuthor
			{								/* 작성자 정보 정의 */
				line-height: 1.2em;
				margin-top: 20px;
				text-align: right;
			}
		
		.article .infoAuthor dfn
			{								/* 작성자 정보 아이콘 정의 */
				background: url('./images/xdg_contentAuthor_0.jpg') no-repeat 0 50%;
				padding: 8px 0 2px 18px;
			}
		
		.article .infoAuthor span
			{								/* 작성자 정보 아이콘 및 문구 정의 */
				color: #999;
				font: .9em/2 'Trebuchet MS', Helvetica, sans-serif;
			}

		.article fieldset
			{
				clear: both;
			}

		.article hr
			{
				display: block;
				margin-bottom: 1em;	
			}

		.article ol
			{								/* 본문 중 순서 있는(번호 매긴) 목록 영역 정의 */
				margin: 1em 0 1.5em 50px;
			}
		
		.article ul
			{								/* 본문 중 순서 없는 목록 영역 정의 */
				list-style: none;
				margin: 1em 0 1.5em 30px;
			}
		
		.article ul li
			{								/* 본문 중 순서 없는 목록 리스트 정의 */
				padding-left: 20px;
				background: url('./images/xdg_contentMenuList_0.jpg') no-repeat 0 .5em;
			}

	/* 블러그 본문 글 이미지 설정 */
	.tt-gallery-box
		{									/*  */
			clear: both;
		}
	
	.galleryControl a
		{									/*  */
			border-bottom: none !important;
		}
	
	.imageblock
		{									/* 본문에 삽입되는 이미지 기본 정의 */
			margin: 0 0 1.5em 0;
			padding: 0;
			border: none;
		}
	
		.imageblock.left, .imageblock.right
			{								/* 본문에 삽입되는 왼쪽과 오른쪽 이미지 기본 정의 */
				margin: 0 0 .5em 0 !important;
			}
		
		.imageblock.left
			{								/* 본문에 삽입되는 왼쪽 이미지 기본 정의 */
				padding-right: 10px;
			}
		
		.imageblock.right
			{								/* 본문에 삽입되는 오른쪽 이미지 기본 정의 */
				padding-left: 7px;
			}
		
		.imageblock *
			{								/*  */
				border: 0 none !important;
			}
		
		.imageblock img
			{								/*  */
				background-color: #fff;
				border: 5px solid #eee !important;
				vertical-align: middle;
			}
		
		.imageblock .extensionIcon img
			{								/*  */
				border: none !important;
				margin-right: 2px;
			}
		
		.imageblock .cap1
			{								/*  */
				color: #999;
				font-family: AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
				font-size: 0.9em;
				line-height: 1.3;
				padding: 3px;
				text-align: left;
				margin: 5px 0 0 0;
			}
	/* 블러그 본문 글 중 숨김글 설정 */
	.moreless_fold
		{									/* 클릭시 활성화 되는 숨길글 숨겨진 상태 정의 */
			padding-left: 20px;
			background: url('./images/xdg_contentMenuPlus_0.jpg') no-repeat left 50%;
		}
	
		.moreless_top
			{								/* 클릭시 활성화 되는 숨길글 활성화 상태 정의 */
				margin-bottom: 10px;
				padding-left: 20px;
				background: url('./images/xdg_contentMenuMinus_0.jpg') no-repeat left 50%;
			}
		
		.moreless_bottom
			{								/* 클릭시 활성화 되는 숨길글 아래쪽 상태 정의 */
				display: none;
			}
		
		.moreless_fold span, .moreless_top span, .moreless_bottom span
			{								/* 숨길글 내부 공간 상태 정의 */
				background: #f5f5f5;
				color: #333;
			}
		
		.moreless_content
			{								/* 숨길글 활성화 모양 상태 정의 */
				padding: 1em 10px;
				border-top: solid 1px #eee;
				border-bottom: solid 1px #eee;
				background-color: #faf9f8;
			}

	/* 블러그 본문 글 하단 정보 설정 */
	.miscInfo
		{									/* 블러그 본문 글 하단 정보 영역 설정 */
			clear: both;
			margin: 2em 0 1em;
			padding: 0 0 .3em;
			border-top: 1px solid #eee;
			border-bottom: 1px solid #eee;
			font-size: .9em;
			line-height: 1.5em;
		}
	
		.miscInfo dl			
			{								/* 정의 목록 영역 정의 */
				padding: .2em 0;
			}
		
		.miscInfo dt
			{								/* 정의 목록 스타일 정의 */
				float: left;
				width: 6em;
				margin: .3em 0 0;
				padding-left: 20px;
			}

		.miscInfo dd
			{								/* 목록 리스트 정의 */
				margin: .3em 0 0 8em;
				padding-left: .5em;
			}
		
		.miscInfo .postTag
			{								/* 리스트 중 '태그' 정의 */
				background: url('./images/xdg_contentMenuTag_0.jpg') no-repeat 0 50%;
			}
		
		.miscInfo .response
			{								/* 리스트 중 '응답' 정의 */
				background: url('./images/xdg_contentMenuComment_0.jpg') no-repeat 0 50%;
			}
		

	/* 트랙백 설정 */
	.trackback
		{									/* 트랙백 영역 정의 */
			padding-bottom: .5em;
		}
	
		.trackback .url
			{								/* 트랙백 URL 상태 정의 */
				background: url('./images/xdg_contentMenuUrl_0.jpg') no-repeat 0 50%;
				padding-left: 20px;
				font: 0.9em 'Trebuchet MS', Helvetica, sans-serif;
			}
		
		.trackback h3
			{								/* 트랙백 h3 사용 정의 */
				display: none;
			}
		
		
		
		.trackback ol
			{								/* 순서 있는 목록의 스타일 정의 */
				list-style: none;
			}
		
		.trackback ol li
			{								/* 리스트 정의 */
				margin-bottom: 1em;
				padding: .5em 1em;
				background-color: #faf9f8;
				border-top: 1px solid #f0f0e6;
				border-bottom: 1px solid #f0f0e6;
			}
		
		.trackback li p
			{								/* 리스트 P 문단 정의 */
				margin-bottom: 1em;
				margin: .8em 0;
				text-align: left;
			}

		.trackback li span
			{								/* 리스트 span 정의 */
				font: .9em 'Franklin Gothic Medium', Helvetica, sans-serif;
				color: #999;
			}

		.trackback li span em
			{								/*  */
				padding: .3em .6em .3em 25px;
				background: url('./images/xdg_contentMenuDelete_0.jpg') no-repeat 7px 50%;
			}

		.trackback span a
			{								/*  */
				text-decoration: underline;
			}

		.trackback span a:link, .trackback span a:visited
			{								/* 방문하지 않은 링크와 방문한 링크 정의 */
				color: #999;
			}
		
		.trackback span a:hover, .trackback span a:active
			{								/* 마우스를 올렸을 때와 액션을 할 때의 정의 */
				color: #333;
			}

		.trackback cite
			{								/* 트랙백 사이트 문자 정의 */
				font-family: AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
			}

	/* 댓글 설정 - 블러그 글과 방명록 글 동시 적용 */
	.entry .list
		{									/* 블러그 글 댓글 설정 영역 정의 */
			margin: .5em 0 2em;
		}
	
	#guestBook .list
		{									/* 방명록 글 댓글 설정 영역 정의 */
			margin-top: 2em;
		}

		.list h3
			{								/* 댓글 h3 사용 정의 */
				display: none;
			}
		
		.list ol
			{								/* 순서 있는 목록의 스타일 정의 */
				list-style: none;
				margin-bottom: 2em;
			}
		
		.list li
			{								/* 리스트 정의 */
				padding-top: 0.3em;
				margin-bottom: 1em;
				border-top: 1px solid #f0f0e6;
				border-bottom: 1px solid #f0f0e6;
				background-color: #F0F8FF;
			}
		
		* html .list li
			{
				display: inline-block;
			}
			
		*:first-child+html .list li
			{
				display: inline-block;
			}
		
		.list li p
			{								/* 리스트 P 문단 정의 */
				clear: left;
				margin-bottom: .5em;
				padding: 0 1em .3em;
			}
		
		.list p.author
			{								/* 댓글 정보 영역 정의 */
				padding: 0 1em 0;
			}

		.list cite
			{								/* 댓글 제목 영역 정의 */
				display: block;
				margin: .6m 0 -.5em;
			}

		.list span.command
			{								/* 댓글 정보, 재댓글 작성 및 수정 삭제 정의 */
				float: left;
				display: block;
				margin-bottom: 1em;
				font: .9em 'Franklin Gothic Medium', Helvetica, sans-serif;
				color: #999;
			}

		.list span.command span
			{								/*  */
				padding: .3em .6em .3em 25px;
				color: #999;
			}

		.list span.command.listcommand
			{								/*  */
				background: url('./images/xdg_contentMenuChange_0.jpg') no-repeat 7px 50%;
			}

		.list span.command.listpermalink
			{								/*  */
				background: url('./images/xdg_contentMenuTrackback_0.jpg') no-repeat 7px 50%;
			}

		.list span.command.listperchange
			{								/*  */
				background: url('./images/xdg_contentMenuDelete_0.jpg') no-repeat 7px 50%;
			}

		.list span abbr
			{								/* 수정 삭제 부분 정의 */
				border: 0 none;
			}

		.list span a
			{								/* 댓글 링크 정의 */
				text-decoration: underline;
			}
		
		.list span a:link, .list span a:visited
			{								/* 방문하지 않은 링크와 방문한 링크 정의 */
				color: #999;
			}
		
		.list span a:hover, .list span a:active
			{								/* 마우스를 올렸을 때와 액션을 할 때의 정의 */
				color: #333;
			}
		
		.list p.content
			{								/* 댓글 본문 영역 정의 */
			}

		/* 댓글의 댓글 설정 */
		.list ol li ol
			{								/* 댓글에 댓글 목록의 스타일 정의 */
				margin: 0;
			}
		
			.list ol li ol li
				{							/* 댓글에 댓글 리스트 정의 */
					margin: 0;
					padding-top: 0.3em;
					padding-left: 8em;
					border: 0 none;
					border-top: 1px solid #f0f0e6;
					border-bottom: 1px solid #f0f0e6;
					background-color: #F5F5F5;
				}
			
			.list .author cite img
				{							/*  */
					float: left;
					margin: 0 .5em 3px 0;
					background-color: #fff;
					border: 1px solid #ddd;
					padding: 2px;
				}

	/* 
		/* 보호글일 때의 댓글 설정 - 방명록 포함 */
		.list ol li.rp_secret p.author cite, .list ol li.guest_secret p.author cite
			{								/* 보호 글일 때의 댓글 제목 영역 정의 */
				background-image: url('./images/xdg_contentMenuLock_0.jpg');
				background-position: left center;
				background-repeat: no-repeat;
				padding-left: 14px;
			}
		
		.list ol li.rp_secret span.hiddenCommentTag_name, .list ol li.guest_secret span.hiddenCommentTag_name
			{
				color: #999;
			}
		
		.list ol li.rp_secret span.hiddenCommentTag_content, .list ol li.guest_secret span.hiddenCommentTag_content
			{
				display: none;
			} 
	*/


	/* 댓글 입력 폼 설정 */
		form legend
				{								/* 댓글 입력 폼의 경고글 정의 */
					font: 1.3em 'Franklin Gothic Medium', Helvetica, sans-serif;
					margin: .5em; 
				}
			
		form fieldset div
			{									/* 댓글 입력 폼 영역 정의 */
				margin: .3em 0;
				width: 600px;
			}

		
		form label
			{								/* 댓글 입력 제목 정의 */
				padding-left: .2em;
				vertical-align: middle;
				font: 1em 'Franklin Gothic Medium', Helvetica, sans-serif;
			}

		form label em
			{
				color: #999;
			}

		form input
			{								/* 입력 제목에 따른 사용자 입력 정의 */
				width: 250px;
				padding: 2px .5em;
				background-color: #faf9f8;
				border: 1px solid #ddd;
				font: 1em AppleGothic, Gulim, '굴림', sans-serif;
				vertical-align: middle;
				color: #666;
			}
		
		form textarea
			{								/* 댓글 입력 영역 정의 */
				width: 500px;
				height: 12em;
				padding: 2px .5em;
				background-color: #faf9f8;
				border: 1px solid #ddd;
				font: 1em AppleGothic, Dotum, '돋움', sans-serif;
				color: #666;
			}
		
		form input:focus, textarea:focus
			{								/* 글쓸 영역 포커스에 대한 정의 */
				background-color: #fff;
				border-top-color: #aaa;
				border-left-color: #aaa;
			}
		
		.checkbox
			{								/* 비밀글 체크 박스 */
				width: 12px;
				padding: 0;
				border: 0 none;
				background: none;
			}
		
		.submit
			{								/* 댓글 입력 상자 영역 정의 */
				height: 3.2em;
			}
		
		.submit input
			{								/* 댓글 입력 상자 내용 정의 */
				width: 80px;
				height: 25px;
				margin-top: 1em;
				padding: .3em;
				font-size: .9em;
				color: #666;
				cursor: pointer;
			}

/* keyword log 설정 */

		#keywords ul
			{
				list-type-style: none;
				text-align: left;
			}
		
		#keywords ul li
			{
				display: inline;
				line-height: 2.2em
				list-type-style: none;
				padding-right: 10px;
			}

/* Tag Part(page) 설정 */
#taglog
	{										/* Tag Part 영역 설정 */
		margin-bottom: 3em;
	}

		#taglog ul
			{								/* 순서 없는 리스트의 스타일 정의 */
				list-style: none;
				text-align: left;
			}
		
		#taglog li
			{								/* 리스트 정의 */
				display: inline;
				line-height: 2.2em
			}
		
		#taglog li a.cloud1
			{								/* 빈도수에 따른 가중치 정의 1 */
				font-weight: bold;
				font-size: 2em;
				color: #3300CC;
			}
		
		#taglog li a.cloud2
			{								/* 빈도수에 따른 가중치 정의 2 */
				font-weight: bold;
				font-size: 1.8em;
				color: #3366FF;
			}
		
		#taglog li a.cloud3
			{								/* 빈도수에 따른 가중치 정의 3 */
				font-weight: bold;
				font-size: 1.5em;
				color: #33CCFF;
			}
		
		#taglog li a.cloud4
			{								/* 빈도수에 따른 가중치 정의 4 */
				font-size: 1.2em;
				color: #99CCCC;
			}
		
		#taglog li a.cloud5
			{								/* 빈도수에 따른 가중치 정의 5 */
				font-size: .9em;
				color: #aaa;
			}
		
		#taglog li a:hover
			{								/* 태그 리스트에 마우스를 올렸을 때의 정의 */
				color: #CC0066;
			}

/* Location Part 설정 */
#location
	{										/* Location Part 영역 설정 */
		margin-bottom: 3em;
	}

		#location dl
			{								/* 정의 목록 리스트 정의 */
				padding-top: 0.6em;
				padding-bottom: 0.3em;
				padding-left: 1em;
				border-top: solid 1.5px #eee;
				border-bottom: solid 1.5px #eee
				background-color: #FFFFCC
			}
		
		#location dt span
			{								/* 정의 목록 리스트 문단 정의 */
				padding-left: 16px;
				background: url('./images/xdg_contentMenuCategoryfirst_0.jpg') no-repeat 0 0px;
			}
		
		#location dt .dent0
			{								/* 정의 목록 리스트 정의 */
				padding-left: 26px;
				background: url('./images/xdg_CategoryMain_0.jpg') no-repeat 0px 50%!important;
				font-weight: bold;
			}
		
		#location dd span
			{								/* 정의 목록 리스트 정의 */
				padding-left: 16px;
				background: url('./images/xdg_contentMenuCategorysecond_0.jpg') no-repeat 0 0px;
			}
		#location dd .localAuthor
			{
				font-size: 0.9em;
				vertical-align: middle;
				color: #999;
			}

/* cover */

/*-------------------------------*/

.coverpost
	{
		clear: both;
		border-bottom: 1px solid #ddd;
		margin: 10px 0;
	}
	
		.coverpost h2
			{
				font-size: 120%;
				padding-right: 5px;
			}
		
		.coverpost h2 a
			{
				letter-spacing: -1px;
				line-height: 125%;
			}
		
		.coverpost .img_preview
			{
				background-color: #fff;
				float: left;
				padding: 0 7px 7px 0;
			}
		
		.coverpost .img_preview img
			{
				border: 2px solid #ccc;
				cursor: pointer;
				height: 80px;
				width: 80px;
			}
		
		.coverpost .post_info
			{
				background-color: #faf9f8;
				border-bottom: 1px solid #e8e8e8;
				font: 0.9em Dotum, Arial, sans-serif;
				padding: .3em .6em .3em 0;
			}
		
		.coverpost .post_info span
			{
				line-height: 1.2em;
				padding: .3em 0 .3em 22px;
			}
		
		.coverpost .post_info .category
			{
				background: url('./images/xdg_contentMenuCategory_0.jpg') no-repeat 6px 50%;
			}
		
		.coverpost .post_info .category a
			{
				color: #888;
				margin-right: 6px;
			}
		
		.coverpost .post_info .date
			{
				background: url('./images/xdg_contentMenuDate_0.jpg') no-repeat 0 50%;
				color: #888;
				font-family: Verdana, Helvetica, Arial, Gulim, sans-serif;
				padding-left: 16px;
			}
		
		.coverpost .post_info .author .preposition
			{
				display: none;
			}
		
		.coverpost .post_info .author
			{
				background: url('./images/xdg_contentAuthor_0.jpg') no-repeat 6px 50%;
			}
		
		.coverpost .post_content
			{
				margin: 5px 0;
				line-height: 125%;
				overflow: hidden;
			}
		
		.coverpost .post_tags
			{
				background: url('./images/bullet_tag.gif') no-repeat 0 0.35em;
				clear: both;
				line-height: 1.2em;
				padding: 5px 5px 5px 20px;
			}
		
		.coverpost .post_tags a
			{
				font-size: 0.9em;
			}
		
		.coverpost .post_tags span
			{
				display: none;
			}
		
		.clear
			{
				clear: both;
			}


/* page navigation 설정 */
.paging
	{										/* page navigation 영역 정의 */
		margin: 4.5em 0 3em;
		font: 0.9em 'Trebuchet MS', Helvetica, sans-serif;
		text-align: center;
		color: #ccc;
	}

		.paging a:link, .paging a:visited
			{								/* page navigation 중 링크를 방문하지 않았거나 방문했을 때의 정의 */
				color: #666;
			}
		
		.paging a:hover, .paging a:active
			{								/* page navigation 중 마우스를 올리거나 액션이 있었을 때의 정의 */
				color: #f06;
			}
		
		.paging .selected
			{								/* page navigation을 선택했을 때의 정의 */
				font-weight: bold;
				color: #b6447c;
				border-bottom: 1px solid #f69;
			}


/*-------------------*/
/* sidebar 세부 영역 */
/*-------------------*/

/* sidebar 영역 */
		#sidebar
			{								/* sidebar 영역 정의 */
				margin-bottom: 5em;
			}

		#sidebarfirst
			{								/* sidebar 영역 정의 */
				margin-top: 0em;
			}

		#sidebarsecond div
			{								/* sidebar 영역 정의 */
				margin-top: 2em;
			}

/* search form */
		#searchBox
			{								/* 서치 박스 영역 정의 */
				float: top;
				margin-bottom: 2em;
				text-align: center;
			}
		
		#searchBox .sInput
			{								/* 서치 박스 정의 */
				width: 180px;
				padding: .3em .3em;
				border: 0 none;
				border-top: 1px solid #d7d7cc;
				border-left: 1px solid #d7d7cc;
				background-color: #f6f6f4;
				font: 1em AppleGothic, Dotum, '돋움', sans-serif;
				vertical-align: middle;
				color: #333;
			}
		
		#searchBox .sInput:focus
			{								/* 서치 박스 포커스 정의 */
				background-color: #f2f2ed;
				border-top-color: #cacabc;
				border-left-color: #cacabc;
			}
		
		#searchBox .searchSubmit
			{								/* 서치 박스 찾기 버튼 정의 */
				width: 48px;
				height: 21px;
				padding: 0;
				margin: 0;
				background: none;
				border: 0 none;
				vertical-align: middle;
				cursor: pointer;
			}

/* recently */
		#recent ol, #recent ul
			{								/* 순서 있는 목록과 순서 없는 목록의 스타일 정의 */
				padding-top: 0.3em;
				padding-bottom: 0.3em;
				padding-left: .7em;
				margin-bottom: 2em;
				list-style: none;
				border-bottom: 1.5px solid #eee;
			}
		
		#recent li
			{								/* 리스트 정의 */
				font: 0.8em/1.5 AppleGothic, Dotum, '돋움', sans-serif;
				letter-spacing: -1px;
			}
		
		#recent li a
			{								/* 리스트의 링크 정의 */
				display: block;
				padding: .3em 0;
			}
		
		#recent li a:link, #recent li a:visited
			{								/* 방문하지 않은 링크와 방문한 링크 기본 정의 */
				color: #666;
			}
		
		#recent li a:hover, #recent li a:active
			{								/* 마우스를 올리거나 엑션을 할 때의 링크 기본 정의 */
				background: #faf9f8;
				color: #c36;
			}
		
		#recent span
			{								/*  */
				color: #f90;
			}
		
		#recent cite
			{								/*  */
				color: #aaa;
			}

/* Categories */
		#category div
			{								/* 카테고리 영역 정의 */
				margin: 0 !important;
			}
		
			#category h3
				{							/* 카테고리 제목 영역 정의 */
					margin-bottom: .3em;
				}
			
			#category
				{							/* 카테고리에 사용할 문자 정의 */
					font: .8em/2 AppleGothic, Dotum, '돋움', sans-serif;
				}
			
			#category ul
				{							/* 순서 없는 목록 스타일 정의 */
					margin-bottom: 2em;
					border-bottom: 1.5px solid #eee;
					list-style: none;
				}
			
			#category li a
				{							/* 리스트의 링크 정의 */
					padding-left: 30px;
					background: url('./images/xdg_CategoryMain_0.jpg') no-repeat 0 50%;
					display: block;
				}
			
			#category li a:link, #category li a:visited
				{							/* 방문하지 않은 링크와 방문한 링크 기본 정의 */
					color: #cb89b3;
				}
			
			#category li a:hover, #category li a:active
				{							/* 마우스를 올리거나 엑션을 할 때의 링크 기본 정의 */
					color: #FF6633;
					background-color: #faf9f8;
				}


		/* 첫번째 분류 */
			#category ul li ul li a
				{							/* 첫번째 분류 리스트 스타일 및 링크 정의 */
					padding-left: 22px;
					background: url('./images/xdg_sidebarCategoryfirst_0.jpg') no-repeat 0 50%;
				}
			
			#category ul li ul li a:link, #category ul li ul li a:visited
				{							/* 방문한 링크의 기본 정의 */
					color: #666;
				}
			
			#category ul li ul li a:hover, #category ul li ul li a:active
				{							/* 마우스로 클릭할 때의 기본 정의 */
					color: #FF6633;
					background-color: #faf9f8;
				}

		/* 두번째 분류 */
			#category ul li ul
				{							/* 두번째 분류 리스트 스타일 및 링크 정의 */
					margin: 0;
				}
			
			#category ul li ul li ul li
				{							/* 리스트의 정의 */
				}
			
			#category ul li ul li ul li a
				{							/* 리스트의 링크 정의 */
					border: 0 none;
					padding-left: 36px;
					background: url('./images/xdg_sidebarCategorysecond_0.jpg') no-repeat 22px 45%;
				}
			
			#category ul li ul li ul li.lastChild a
				{							/* 두번째 분류 마지막 리스트 정의 */
					border: 0 none;
					background: url('./images/xdg_sidebarCategorysecond_0.jpg') no-repeat 22px 45%;
				}

		/* selected */
			#category .selected
				{							/* 리스트를 선택했을 때의 기본 정의 */
					font-weight: bold;
				}
			
			#category .selected ul li
				{							/* 리스트 기본 정의 */
					font-weight: normal;
				}
	
/* tag cloud (sidebar only) */
		#tagbox ul
			{								/* 순서 없는 리스트 기본 정의 */
				padding-top: 0.3em;
				padding-bottom: 0.3em;
				margin-bottom: 2em;
				border-bottom: 1.5px solid #eee;
			}
		
		#tagbox li
			{								/* 리스트 기본 정의 */
				display: inline;
				line-height: 1.5;
			}
		
		#tagbox a
			{								/* 링크 기본 정의 */
				letter-spacing: -1px;
			}
		
		#tagbox li a.cloud1
			{								/* 최상위 리스트의 링크 정의 */
				font-weight: bold;
				font-size: 1.5em;
				color: #3300CC;
			}
		
		#tagbox li a.cloud2
			{								/* 리스트의 링크 정의 */
				font-weight: bold;
				font-size: 1.3em;
				color: #3366FF;
			}
		
		#tagbox li a.cloud3
			{								/* 리스트의 링크 정의 */
				font-weight: bold;
				font-size: 1.1em;
				color: #33CCFF;
			}
		
		#tagbox li a.cloud4
			{								/* 리스트의 링크 정의 */
				font-size: 0.9em;
				color: #99CCCC;
			}
		
		#tagbox li a.cloud5
			{								/* 최하위 리스트의 링크 정의 */
				font-size: 0.8em;
				color: #BBB;
			}
		
		#tagbox li a:hover
			{								/* 리스트에 마우스를 올렸을 때의 기본 정의 */
				background-color: #FFFFCC;
				text-decoration: none;
				color: #CC0066;
			}

/* Calendar */
		#calendar table
			{								/* 달력 테이블 정의 */
				border-top: 1px solid #eee;
				border-bottom: 1.5px solid #eee;
			}
		
		#calendar td
			{								/*  */
				text-align: center;
			}
		
		#calendar caption
			{								/*  */
				margin-top: .8em;
				text-align: left;
				font: .8em Arial, Helvetica, sans-serif;
			}
		
		#calendar th
			{								/*  */
				height: 1em;
				font: normal .9em AppleGothic, Dotum, '돋움', sans-serif !important;
			}
		
		#calendar tr.cal_week
			{								/*  */
				font: .8em/2 'Trebuchet MS', Helvetica, sans-serif !important;
			}
		
		#calendar td.cal_day4
			{								/*  */
				background-color: #faf9f8;
				font-weight: bold;
				border-bottom: 1px solid #ddd;
				border-right: 1px solid #ddd;
			}
		
		#calendar td a
			{								/*  */
				text-decoration: underline;
				display: block;
				width: 100%;
			}
		
		#calendar td a:link, #calendar td a:visited
			{								/*  */
				color: #abc833;
			}
		
		#calendar td a:hover, #calendar td a:active
			{								/*  */
				color: #390;
				background-color: #eff2e3;
			}

/* stats */
		#counter dl
			{								/*  */
				padding-top: 0.3em;
				padding-bottom: 0.3em;
				margin-bottom: 2em;
				border-bottom: 1.5px solid #eee;
				font: .8em 'Trebuchet MS', Helvetica, sans-serif;
			}
		
		#counter dt
			{								/*  */
				float: left;
				margin-right: .3em;
				margin-left: .3em;
			}

/* banner */
		#banner ul
			{								/* 순서 있는 목록과 순서 없는 목록의 스타일 정의 */
				padding-top: 0.3em;
				padding-bottom: 0.3em;
				padding-left: 0.7em;
				margin-bottom: 2em;
				list-style: none;
				border-bottom: 1.5px solid #eee;
			}
		
		#banner li
			{								/* 리스트 정의 */
				font: 0.9em Tahoma, Helvetica, AppleGothic, Dotum, '돋움', sans-serif;
				
			}
		
		#banner li a
			{								/* 리스트의 링크 정의 */
				display: block;
			}
		
		#banner li a:link, #banner li a:visited
			{								/* 방문하지 않은 링크와 방문한 링크 기본 정의 */
				color: #666;
			}
		
		#banner li a:hover, #banner li a:active
			{								/* 마우스를 올리거나 엑션을 할 때의 링크 기본 정의 */
				background: #faf9f8;
				color: #c36;
			}		


/*-------------------*/
/* sidebarex 세부 영역 */
/*-------------------*/

/* blogger instruction */
		#bloggerTag
			{								/*  */
				padding-bottom: 0.3em;
				border-bottom: 1.5px solid #eee;
			}
		
		#bloggerTag img
			{								/*  */
				border: 1px solid #dedede;
				display: block;
				margin: 0 auto;
				margin-top: 0.7em;
			}
		
		#bloggerTag p.description
			{								/*  */
				font: 0.8em/1.2 AppleGothic, Dotum, '돋움', sans-serif;
				margin: 10px 0 5px 0;
			}
		
		#bloggerTag p.owner
			{								/*  */
				margin-bottom: 0;
				font: 0.8em/1.2 AppleGothic, Dotum, '돋움', sans-serif;
				text-align: right;
			}

/*--------*/
/* footer */
/*--------*/
		#footermenu ul
			{
				font-family: 'Trebuchet MS', Helvetica, sans-serif;
				list-style: none;
				padding: .5em 20px 0 0;
				text-align: right;
				color: #66CC66;
			}
		
		#footermenu li
			{
				display: inline;
				font-size: .9em;
			}
		
		#footermenu li a
			{
				padding: .1em .5em;
				text-decoration: none;
			}
		
		#footermenu li a:link, #footermenu li a:visited
			{
				color: #996633;
			}
		
		#footermenu li a:hover, #footermenu li a:active
			{
				color: #333;
				background: #66ff33;
			}

		/* selected */
		#tt-body-page #footermenu .footer_home a, 
		#tt-body-search #footermenu .footer_home a,
		#tt-body-archive #footermenu .footer_home a,
		#tt-body-category #footermenu .footer_home a,
		#tt-body-entry #footermenu .footer_home a,
		#tt-body-notice #footermenu .footer_notice a,
		#tt-body-tag #footermenu .footer_tag a,
		#tt-body-keylog #footermenu .footer_keyword a,
		#tt-body-location #footermenu .footer_location a,
		#tt-body-guestbook #footermenu .footer_guestbook a,
		#tt-body-cover #footermenu .footer_cover a
			{
				color: #dd568c;
				text-decoration: underline;
			}

		#copyright
			{
				padding-bottom: 1em;
				font-family: 'Trebuchet MS', Helvetica, sans-serif;
				font-size: .9em;
				color: #990066;
			}