
	body {
		counter-reset: chapter 0;
		/* float:left; */
	}

	h1:before {
		counter-increment: chapter;
		/* 3씩 증가시키고 싶다면... ==> counter-increment: chapter 3; */
		content: counter(chapter) ". ";
	}

	h1 {
		counter-reset: section 0;
	}

	h2:before {
		counter-increment: section;
		content: counter(chapter) "." counter(section) ". ";
	}

	h2 {
		counter-reset: subsection 0;
	}

	h3:before {
		counter-increment: subsection;
		content: counter(chapter) "." counter(section) "." counter(subsection) ". ";
	}

	h3 {
		counter-reset: subsubsection 0;
	}
	pre {
		background-color:lavender;
		display: block;
		font-family: Consolas, monospace;
		font-size: 12pt;
		white-space: pre;
		tab-size: 4;		


		/* background-color: #E6E6FA; */
		/* padding:10px; */
		overflow: auto;
		white-space: pre-wrap; /* pre tag내에 word wrap */
	}


	a			{ text-decoration: none;	color: #009F9F;	}
	a:link		{ text-decoration: none;	color: #009F9F;	}
	a:visited	{ text-decoration: none;	color: #009F9F;	}
	a:active	{ text-decoration: none;	color: #009F9F;	}
	a:hover { text-decoration-line: underline; }


	#tableofcontents {
		margin-right: 20px;
		min-width: 180px;
		float: left;
	}

	#main_contents	{ 
		width: 800px; 
		float: left;
	}
	
	
	/*
	\documentclass[11pt]{report}
	\begin{document}
	\tableofcontents
	\part{This is a part}
	\chapter{This is a chapter}
	\section{This is a section}
	\subsection{This is a subsection}
	\subsubsection{This is a subsubsection}
	\paragraph{This is a paragraph}
	\subparagraph{This is a subparagraph}
	\end{document}
	*/

	header {
		background-color: #DDDDDD;
		padding: 5px;
	}

	.main_title {
		float: left;
	}	

/*
	 body, table, tr, td, select,input,div,form,textarea, a {
		color:black; font-family:verdana; font-size:12pt;  line-height:120%
	}

	table {	border-color:#DFDFDF; border:1px	}
	TABLE, TD, TR, TH	{ font-size : 12pt;	}

	body {background-color:transparent; word-break:normal}

	.fontbase {color:#000000; cursor:hand; text-decoration: none;}
	.fontover {color:#0000FF; cursor:hand; text-decoration: underline;}
	.fontsel1 {color:#FFFFFF; cursor:hand; text-decoration: none; }
	.fontsel2 {color:#0000FF; cursor:hand; text-decoration: none; }
	.fontsel3 {color:#0000FF; cursor:hand; text-decoration: none; }
	.fontsel4 {color:#0000FF; cursor:hand; text-decoration: none; }
	.fontsel5 {color:#0000FF; cursor:hand; text-decoration: none; }
	.fontsel6 {color:#0000FF; cursor:hand; text-decoration: none; }

	.fontsel2			{text-decoration: none; color:#1111FF;}		// #009F9F
	.fontsel2:visited	{text-decoration: none; color:#111199;}
	.fontsel2:hover	{text-decoration: UNDERLINE; color:Red;}
	
	A				{text-decoration: none; color:#009F9F;}		// #009F9F
	A:visited		{text-decoration: none; color:#009F9F;}
	A:hover		{text-decoration: none; color:#009F9F;}
	
	a:link,a:visited,a:active	{ text-decoration: none;			color: #009F9F;	}
	a:hover 						{ text-decoration: underline;	color: red;		}
	
	.FieldStyle {background-color:#BFBFBF; height:28pt; font-size:12pt; border-color:#F0F0F0}
	.ListStyle {background-color:#FFFFFF; height:28pt; font-size:12pt; border-color:#F0F0F0}
	.ViewStyle {background-color:#FFFFFF; height:28pt; font-size:12pt; border-color:#7F7F7F; border-style:solid; border-width:1; border-spacing:0;}

	body { font-size: 12pt; font-family: '굴림';
		background-color: white; 
		margin-left: auto;
		margin-top: auto;
		margin-right: auto; 
		margin-bottom: auto;
	}

	td { font-size: 12pt; font-family: '굴림'; 
		align-self: center; }
	P {
		font-family: Verdana, Lucida Sans Unicode, Helvetica, Arial;
		font-weight: normal;
		/ * font-stretch: ultra-expanded;  * /
		font-size:12pt;
		color:black;
		word-break:normal;
	}

	pre {
		font-size: 12pt;
	} 
*/