@charset "euc-kr";


/* ----------------------------------------------------------------------
		Style Identity
---------------------------------------------------------------------- */

*	{margin:0; padding:0;}
img	{border:none; vertical-align:middle;}
hr	{display:none;}
h1	{display:none;}
li	{list-style-type:none;}

a	{color:#484848; text-decoration:none;}
a:hover, a:active	{color:#2C92DA; text-decoration:underline;}


/* ----------------------------------------------------------------------
		Layout
---------------------------------------------------------------------- */
body	{background:url(../images/bg_body.png) repeat-y 50% 0; color:#484848; font-family:"¸¼Àº °íµñ","µ¸¿ò"; font-size:1em;}
.container	{
	position:relative; overflow:hidden;
	width:990px;
	margin:0 auto;
}
	.contentsMenu	{position:relative; float:left; width:440px; height:900px; background:url(../images/bg_paperon.png) no-repeat 381px 0;}
	.contentsWhole	{
		float:right;
		width:500px;
		margin-right:50px; padding:20px 0 400px;
		background:url(../images/bg_wcag_sub.png) no-repeat 0 bottom;
		font-size:0.72em;
	}
	.indexWhole	{
		float:right;
		width:500px; height:800px;
		margin-right:50px;
		background:url(../images/bg_wcag_main.png) no-repeat 0 18px;
	}
.footer	{
	clear:both;
	padding:20px 0;
	border-top:5px solid #939393; background-color:#6d6d6d;
	color:#dddddd; font-size:0.68em;
	text-align:center;
}


/* ----------------------------------------------------------------------
		Footer
---------------------------------------------------------------------- */
.footer p	{margin:5px 0 0 360px;}
.footer a	{color:#bbceff; text-decoration:underline;}
.footer .cc_mark a	{padding-left:23px; padding:5px 0 0 23px; background:url(../images/icon_cc.png) no-repeat 0 0;}


/* ----------------------------------------------------------------------
		User Menu
---------------------------------------------------------------------- */

.toHome	{position:absolute; right:30px; top:10px;}

/* -- Quick Menu -- */
.quickMenu	{
	position:absolute; right:0; top:300px;
	overflow:hidden;
	width:45px;
}
.quickMenu h2	{display:none;}
.quickMenu li	{display:block; font-size:0;}
.quick1	{overflow:hidden; width:21px; height:21px; background:url(../images/btn_quick1.png) no-repeat 0 0; text-indent:-1000px;}
li.quick2	{display:none;}
.quick3	{overflow:hidden; width:21px; height:21px; background:url(../images/btn_quick2.png) no-repeat 0 0; text-indent:-1000px;}
.quick4	{overflow:hidden; width:43px; height:21px; background:url(../images/btn_quick3.png) no-repeat 0 0; text-indent:-1000px;}
.quick1 a, .quick2 a, .quick3 a, .quick4 a	{display:block; overflow:hidden; width:21px; height:21px; font-size:0;}

/* -- Navigation Menu -- */
.contentsMenu h2	{
	width:195px; height:37px;
	margin:26px 0 10px 36px;
	background:url(../images/tit_contentmenu.png) no-repeat 0 0;
	font-size:0; text-indent:-1000px;
}
.contentsMenu ul	{clear:both; margin-left:40px;}
.contentsMenu li li	{line-height:1.5em; font-family:"¸¼Àº °íµñ","±¼¸²"; font-size:0.92em; font-weight:bold;}
.contentsMenu li li a	{color:#484848;}
.contentsMenu dl	{position:relative; float:left;}
.contentsMenu dt	{
	display:inline;
	position:relative;
	padding-right:18px;
	background:url(../images/icon_question.png) no-repeat right 3px;
	z-index:10;
}
.contentsMenu dd	{
	display:none;
	position:absolute; left:-10px; top:-6px;
	line-height:1.5em;
	width:300px; padding:30px 10px 6px;
	border:1px solid #d9d9d9; background-color:#fff;
	color:#5F7BE6; font-size:0.72em; font-weight:normal;
	z-index:9;
}
dl.define_on dt	{background:none;}
dl.define_on dt a	{color:#000;}
dl.define_on dd	{display:block;}
.contentsMenu ul ul¤À	{margin:5px 0 10px 10px;}
.contentsMenu ul ul ul	{margin:5px 0;}
.contentsMenu li li li	{
	line-height:1.7em;
	font-size:0.72em; font-weight:normal;
}
.contentsMenu li li li	a	{color:#878787;}

	/* °³º° ³×ºñ°ÔÀÌ¼Ç È¿°ú */
	#navi1, #navi2, #navi3	{
		display:block;
		overflow:hidden;
		width:300px; height:35px;
		background:url(../images/btn_navi_off.png) no-repeat 0 7px;
		font-size:0;
		text-indent:-1000px;
	}
	.navi_on #navi1,.navi_on #navi2,.navi_on #navi3	{
		width:420px; height:74px;
		margin-left:-25px;
	}
	#navi1	{background-position:0 7px;}
	#navi1:hover, #navi1:active	{background-position:-300px 7px;}
	#navi2	{background-position:0 -33px;}
	#navi2:hover, #navi2:active	{background-position:-300px -33px;}
	#navi3	{background-position:0 -73px;}
	#navi3:hover, #navi3:active	{background-position:-300px -73px;}
	.navi_on #navi1,
	.navi_on #navi1:hover,
	.navi_on #navi1:active	{background:url(../images/btn_navi_on.png) no-repeat 0 0;}
	.navi_on #navi2,
	.navi_on #navi2:hover,
	.navi_on #navi2:active	{background:url(../images/btn_navi_on.png) no-repeat 0 -80px;}
	.navi_on #navi3,
	.navi_on #navi3:hover,
	.navi_on #navi3:active	{background:url(../images/btn_navi_on.png) no-repeat 0 -160px;}


/* ----------------------------------------------------------------------
		Main Contents
---------------------------------------------------------------------- */

.prefaceRead	{
	width:240px; height:42px;
	margin:170px 0 0 30px;
	background:url(../images/btn_readpreface.png) no-repeat 0 0;
	color:#FFF; font-size:0;
}
.prefaceRead a	{display:block; float:left; width:120px; height:42px; color:#FFF;}
.prefaceRead a:hover, .prefaceRead a:active	{color:#FFF;}

.contentsWhole h2	{font-size:2.1em; font-weight:normal; letter-spacing:-0.1em;}
.contentsWhole h3	{margin:1em 0 0; padding:0.7em 0; border-top:1px dotted #b2b2b2; color:#000; font-size:1.3em;}
.contentsWhole h4	{margin:2em 0 1em; color:#484848; font-size:1em;}

.headingSummary	{
	width:450px;
	padding:20px 20px 5px;
	background:url(../images/bg_headsum_t.png) no-repeat 0 0;
	border-bottom:5px solid #96aefc;
}
.headingSummary	p	{color:#878787; font-size:0.95em;}
.headingSummary	ul	{padding:0.5em 0;}
.headingSummary li	{line-height:2em; background:url(../images/blt_1.png) no-repeat 0 0.6em; text-indent:1.2em;}
.itemSummary	{color:#878787;}

.itemGroup	{line-height:1.7em; margin:1em 0;}
.itemGroup strong	{color:#2c92da; font-weight:normal;}
.itemGroup a	{
	padding-left:13px;
	background:url(../images/blt_hyperlink.png) no-repeat 0 50%;
	color:#2C92DA; text-decoration:underline;
}
.itemGroup a:visited	{background:url(../images/blt_hyperlink_visited.png) no-repeat 0 50%; color:#D42A6A;}
.itemGroup li	{margin-left:30px; list-style-type:decimal;}
.itemGroup xmp	{font-size:1em; font-family:"µ¸¿ò";}
.itemGroup dl	{display:block;}
.itemGroup dt	{margin-bottom:1em; color:#2c92da;}

.itemChart	{width:100%; border-collapse:collapse; text-align:center;}
.itemChart th, .itemChart td	{line-height:2.5em; border:1px solid #E9E9E9;}


.itemExpand	{
	line-height:1.9em;
	margin:1em 0; padding:12px 15px 12px 30px;
	border:1px solid #d9d9d9; background-color:#eceff7;
	color:#5F7BE6;
	text-indent:-15px;
}
.itemExpand li	{margin:0; list-style:none;}


/* ----------------------------------------------------------------------
		for Print Media
---------------------------------------------------------------------- */

@media print {
	
	body	{background:none; font-family:"Tims New Roman", "¸¼Àº °íµñ", "µ¸¿ò"; font-size:1em;}
	.quickMenu, .contentsMenu, .footer {display:none;}
	.container	{width:100%;}
	.contentsWhole	{width:100%; background:none;}
	.contentsWhole h1	{display:block;}

}