/* ------------------------------------------------------------------------------------------------
본문 내용 스타일 (article STYLE)
------------------------------------------------------------------------------------------------ */
.article {
	margin: 15px 0;
	font-size: 1.23em;
	text-align: justify;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { letter-spacing:-3px; color:#666; }
.article h1 { font-size: 48px; border-bottom: 3px solid #eee; }
.article h2 { font-size: 39px; border-bottom: 2px solid #eee; }
.article h3 { font-size: 30px; border-bottom: 1px solid #ddd; }
.article h4 { font-size: 22px; }
.article h5 { font-size: 18px; letter-spacing:-1px; }
.article h6 { font-size: 14px; letter-spacing:-1px; }
.article p { margin: 15px 0; }
.article code {
	display: block;
	margin: 5px 0;
	padding: 10px;
	overflow: auto;
	background: url(bg_line.gif);
	border: 1px solid #efefef;
	color: #111;
	font: normal 15px Monaco, Bitstream Vera Sans Mono, Andale Mono, Lucida Console, Monospace;
	white-space: pre;
}
.article acronym {
	cursor: help;
	border-bottom: 1px dotted #963;
}
.article ol,
.article ul {
	margin: 10px 20px;
	padding: 0 20px;
}
.article ol { list-style: decimal; }
.article ul { list-style: disc; }
.article dl { margin: 15px 0; }
.article dt { font-weight: bold; }
.article dd { padding-left: 25px; }
.article blockquote {
	background: url(bg_quotation.gif) no-repeat top left;
	font-family: Georgia, "Times New Roman", serif;
	margin: 10px;
	padding: 10px 15px 10px;
	min-height: 70px;
}
/* 티스토리용 화이트 보드 스킨에는 센터 정렬 이미지 넣기 때문에, 테이블 스타일을 넣지 않습니다. */

/* ####### 본문 이미지 블럭 ####### */
.article table img,
.article .imageblock img {
	padding: 6px;
	background-color: #f6f6f6;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 5px 0;
}
.article table img:hover,
.article .imageblock img:hover {
	background-color: #212121;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.article table a,
.article table a:hover,
.article .imageblock a,
.article .imageblock a:hover {
	background: none;
	border: none;
}
.article .cap1 { text-align:center; }

/* ####### 여러개 그림 테이블 ####### */
.article .imageblock td {
	border: none;
	padding: 0;
}
.article .dual,
.article .triple { margin-bottom: 5px; }

/* ####### 본문 모어/레스 ####### */
.article .moreless_fold { background:url(icon_more.gif) left 5px no-repeat;  padding-left: 30px; border-top: 4px double #eee; }
.article .moreless_top { background:url(icon_less.gif) left top no-repeat;  padding-left: 30px; border-bottom: 1px solid #eee; color: #963; }
.article .moreless_bottom { background:url(icon_lessR.gif) right 5px no-repeat;  padding-right: 25px; border-top: 1px solid #eee; color: #963; text-align:right; }
.article .moreless_top span,
.article .moreless_bottom span,
.article .moreless_fold span { display:block; }

/* ####### 키워드 ####### */ 
.article .key1 {
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
}