@charset "UTF-8";
body, div, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }
fieldset, img, iframe { border:0; }
a { color:#6ca66c; text-decoration:underline; }
a:hover { color:#6ca66c; text-decoration:none; }
body { background-color:#fff; }
#headerAccessibility,
#footerAccessibility { height:0; overflow:hidden; }
#wrapper { position:relative; width:100%; font-family:Gulim; }
	#header { position:relative; width:100%; height:112px; }
	#header h1 { position:absolute; left:31px; top:123px; width:219px; height:102px; background:url(./img/h1_cssplayground.gif) no-repeat; text-indent:-5000px; }
	#header h2 { position:absolute; left:300px; top:10px; margin:0; padding:5px 10px; font:bolder 1.5em/1em Dotum; color:#ffffff; letter-spacing:-1px; background-color:#8cc28c; clear:both; }
	#header p#summary { position:absolute; left:300px; top:44px; padding:10px 0 0 0; font:0.7em/1.5em Dotum; color:#8CC28C; background:url(./img/ico_pung.gif) no-repeat 10px 0; }
	#contents { margin:10px 0 0 300px; padding:5px 10px 0 120px; width:auto; font-size:0.75em; line-height:1.5em; color:#666666; background:url(./img/bg_contents.gif) no-repeat 0 0; }
		#contents h3 { display:inline-block; padding:0 0 5px 38px; font-family:Dotum; font-size:1.4em; line-height:1em; color:#5f8b5f; letter-spacing:-1px; background:url(./img/ico_h3.gif) no-repeat; }
		#contents #purpose { margin:0; padding:0; }
		#contents #together { margin:20px 0 0 0; padding:0; }
		#contents #requirement { margin:20px 0 0 0; padding:0; }
		#contents #requirement ul { margin:0; padding:0; }
		#contents #requirement ul li { list-style-type:none; padding:0 0 0 8px; background:url(./img/ico_dot.gif) no-repeat 0 7px; }
		#contents #etc { margin:20px 0 0 0; padding:0; }
	#linkList { position:absolute; left:31px; top:250px; width:219px; font-family:Dotum; }
		#linkList h3 { margin:10px 0; padding:5px 0; font-size:1.4em; color:#5f8b5f; border-bottom:1px dashed #9fd09f; }
		#linkList ul { margin:0; padding:0; }
		#linkList li { list-style-type:none; margin:0; padding:0; line-height:0; }
		#linkList a { display:block; padding:0 0 0 6px; font-size:0.7em; line-height:1.5em; color:#6ca66c; background:url(./img/ico_dot.gif) no-repeat 0 7px; text-decoration:none; }
		#linkList a:hover { padding:0 0 0 9px; font-weight:bold; background:url(./img/ico_bar.gif) no-repeat 0 7px; }
	#footer { clear:both; margin:100px 0 0 0; padding:0 10px 0 31px; font:0.7em/1.5em Dotum; color:#555; text-align:right; }
	#footer a { text-decoration:underline; color:#6ca66c; }
	#footer a:hover { text-decoration:none; }