@charset "utf-8";
/* base */
* { margin: 0; padding: 0;}
body	{
	height: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Arial, Gulim, "굴림", Tahoma;
	font-size: 75%;
	line-height: 1.5em;
	background: url(../images/bg_body.jpg) repeat-y fixed left top;
}
ul li,ol li	{ 
	list-style: none;
}
hr	{
	display: none;
}
caption	{
	display: none;
	margin: 0;
	padding: 0;
}
img,form,fieldset	{
	border: 0;
}
input,select,textarea		{
	vertical-align: middle;
	font-size: 1em;
}
table	{
	border-collapse: collapse;
}

a:link	{ text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #ff0000; }
a:active { text-decoration: none; color: #000; }

/* layout */
#skip	{ display: none; }
#articles	{
	position: fixed;
	top: 0;
	left: 0;
	width: 230px;
	padding: 0 45px 0 25px;
}
 #articles a.current {
	color: red;
}
* html #articles { position: absolute; }
#header	{
	position: fixed;
	top: 0;
	left: 345px;
	width: 520px;
	z-index: 3;
	padding: 40px 0 30px 0;
	background: #fff;
	border-bottom: 1px dotted #ddd;
}
*html #header	 {
	position: absolute;
}
#main	{
	overflow: auto;
	position: relative;
	height: 90%;
}
#content	{
	position: absolute;
	top: 110px;
	left: 345px;
	width: 520px;
	padding-top: 20px;
}
#copyright	{
	color: #999;
	font-family: Verdana, Arial;
	padding-top: 70px;
	text-align: center;
}

h1	{
	font-size: 1.2em;
	padding-top: 170px;
	margin-bottom: 8px;
	text-align: center;
	background: url(../images/bg_h1.gif) no-repeat 30px top;
}
p.h1_addition	{
	font-family: Verdana, Gulim, "굴림", Arial;
	text-align: center;
	padding: 5px 0 0 0;
	font-size: 0.9em;
	color: #666;
	margin-bottom: 20px;
	background: url(../images/dot_01.gif) repeat-x left top;
}

/* header */
#header h2	{
	font-size: 2.2em;
	font-family: Batang, 바탕, "Apple Myungjo", serif;
	letter-spacing: -0.15em;
	padding: 10px 0 10px 50px;
	background: url(../images/bg_h2.gif) no-repeat left top;
}

/* articles */
#articles h2	{
	font-size: 1em;
	padding: 12px 15px;
	background: url(../images/bg_category.gif) no-repeat left top;
}
#articles ul	{
	padding: 0 15px 0 15px;
}
#articles ul li	{
	padding: 0 0 5px 10px;
	background: url(../images/bul_02.gif) no-repeat left 5px;
}
#articles ul li.current a	{
	color: #ff0000;
}

/* content */
#content	a:link	{ text-decoration: underline; color: #ff6666; }
#content	a:visited { text-decoration: underline; color: #ff6666; }
#content	a:hover { text-decoration: underline; color: #ff0000; }
#content	a:active { text-decoration: underline; color: #ff0000; }

a.outsidelink	{
	padding-right: 15px;
	margin-right: 5px;
	background: url(../images/icon_link.gif) no-repeat right top;
}

#content p	{
	margin-bottom: 20px;
}
#content h3	{
	font-size: 1em;
	padding: 0 0 15px 27px;
	background: url(../images/bg_h3.gif) no-repeat left 2px;
}
#content ol	{
	margin-bottom: 20px;
}
#content ol li	{
	padding-bottom: 5px;
}
#content ol li span.num	{
	font-size: 1.5em;
	font-family: Tahoma;
	padding-right: 5px;
}
#content ol li dl	{
	margin: 0;
	padding: 0;
}
* html #content ol li dl	{
	height: 1%;
}
*:first-child+html #content ol li dl	{
	height: 1%;
}
#content ol.orderlylist li	{
	text-indent: -20px;
	padding-left: 20px;
}
#content ol li dl dt	{
	padding: 0 0 5px 15px;
	background: url(../images/bul_04.gif) no-repeat left 3px;
}
#content ol li dl dd	{
	margin: 0 0 5px 15px;
	padding: 0 0 0 10px;
	background: url(../images/bul_05.gif) no-repeat left 8px;
}
#content .noissue	{
	padding-left: 15px;
}
#content table	 {
	clear: both;
	width: 100%;
}
#content table	 caption	{
	border: 1px solid #fff;
	caption-side: top;
}
#content table col.standards_history	{
	width: 30%;
}
#content table thead th	{
	border: 1px solid #eee;
	border-top: 2px solid #eee;
	padding: 10px 0;
}
#content table tbody td	{
	text-align: center;
	border: 1px solid #eee;
	border-bottom: 2px solid #eee;
	padding: 10px 0;
}
.content	{
	margin-bottom: 20px;
}
#content dl dt	{
	font-weight: bold;
	padding: 0 0 5px 15px;
	background: url(../images/bul_04.gif) no-repeat left 3px;
}
#content dl dd	{
	margin: 0 0 5px 15px;
	padding: 0 0 0 10px;
	background: url(../images/bul_05.gif) no-repeat left 8px;
}

#content .h3_addition	{
	border: 1px solid #eee;
	padding: 5px;
	margin-top: -10px;
}
#content h4	{
	clear: both;
	font-size: 1em;
}
#content h5	{
	font-size: 1em;
	background: #f5f5f5;
	padding: 5px 10px;
	margin-bottom: 10px;
}
#content .quickmenu	{
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}
#content .quickmenu li {
	float: left;
	background: none;
	margin: 0 10px 5px 0;
	padding: 0;
}
#content .quickmenu li a	{
	display: block;
	float: left;
	color: #000;
	font-weight: bold;
	letter-spacing: -0.1em;
	padding: 7px 0 7px 20px;
	background: url(../images/bg_quickmenu_off.gif) no-repeat left top;
}
#content .quickmenu li a:link, #content .quickmenu li a:visited, #content .quickmenu li a:hover, #content .quickmenu li a:active	{
	text-decoration: none;
}
#content .quickmenu li a span	 {
	color: #000;
	font-weight: bold;
	padding: 8px 20px 7px 0;
	background: url(../images/bg_quickmenu_off.gif) no-repeat right top;
}
* html #content .quickmenu li a span	{
	padding: 10px 20px 7px 0;
}
*:first-child+html #content .quickmenu li a span	{
	padding: 10px 20px 7px 0;
}
#content .quickmenu li a:hover, #content .quickmenu li.current a	{
	font-weight: bold;
	color: #fff;
	background: url(../images/bg_quickmenu_on.gif) no-repeat left top;
}
#content .quickmenu li a:hover span, #content .quickmenu li.current a span	{
	background: url(../images/bg_quickmenu_on.gif) no-repeat right top;
	color: #fff;
}

#content ul	{
	margin-bottom: 20px;
}
#content ul li	{
	padding: 0 0 5px 10px;
	background: url(../images/bul_06.gif) no-repeat left 7px;
}
#content dl	{
	margin-bottom: 20px;
}

/* example */
#content dl dd.examplebox	{
	margin: 0 0 0 15px;
	padding: 10px 0 20px 0;
	background: none;
}
#content dl dd.examplebox img	{
	vertical-align: middle;
}
#content dl dd.examplebox .example	{
	border: 2px solid #eee;
	padding: 10px;
	margin-bottom: 20px;
}
#content dl dd.examplebox .example dt	{
	background: none;
	font-size: 1.4em;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	margin: 0;
	padding: 0 0 5px 0;
}
#content dl dd.examplebox .example dd	 {
	margin: 0;
	padding: 0;
	background: none;
}
#content dl dd.examplebox .example dd.pic	{
	margin-bottom: 10px;
	border: 1px solid #eee;
	padding: 5px;
}
#content dl dd.examplebox .example dd.code {
	background: #f5f5f5;
	padding: 5px;
	margin-bottom: 10px;
}
#content dl dd.examplebox .example dd.code pre	{
	font-size: 1em;
	font-family: Verdana;
}
#content dl dd.examplebox .example dd.source	{
	padding-right: 10px;
	text-align: right;
}
#content dl dd.examplebox .example dd.source a	{
	color: #000;
}
#gotop	{
	text-align: right;
}
#gotop img	{
	vertical-align: middle;
}
#gotop a:link, #gotop a:hover, #gotop a:active, #gotop a:visited	{
	color: #ff0000;
}