@charset "UTF-8";
/*
CSS 놀이터에서 제공하는 기본 CSS 입니다.
자신의 디자인 감각을 마음껏 뽑내보세요^^
자유롭게 수정하셔도 됩니다.

이미지의 경로는 "img/" 로 작업하시면 됩니다.

김현석
에그당(egghyun)
http://blog.playcast.kr/egghyun

*/

*{line-height:130%;}
html{font-size:0.85em;color:#333333;}
h1{font-size:1.7em;margin:0;padding:0;}
h2{font-size:1.4em;margin:0;padding:0;}
h3{font-size:1.2em;margin:0;padding:0;}
h4{font-size:0.95em;margin:0;padding:0;}
h5{font-size:0.9em;font-weight:normal;margin:0;padding:0;}
h6{font-size:0.85em;font-family:돋움;font-weight:normal;margin:0;padding:0;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{color:red;}

ul{margin:0;padding:0;list-style:none;}
h3{margin:0;padding:0;}
body{text-align:center;font-size:0.9em;margin:0;padding:0;}
#wrapper{margin:0 auto;width:800px;text-align:left;}
#header{margin-top:20px;}
*:first-child+html #header{margin-top:0px;}

#header {background:url(img/cssplayground.jpg) no-repeat;width:260px;height:60px;}
#header h1{position:relative;z-index:-1;}
#header h2{display:none;}
#header p#summary{display:none;}

#linkList{position:relative;}
#contents{position:relative;float:left;width:757px;border:solid 4px #f5f5f5;padding:10px;margin-top:200px;}
#contents a{color:#000;font-weight:bold;text-decoration:underline;}
#contents a:hover{color:#FF8000;font-weight:bold;text-decoration:underline;}


#footer{clear:both;*margin-top:-20px;padding-top:20px;*padding-top:10px;padding-bottom:40px;background:url(img/egg.jpg) 0 bottom no-repeat;}
#footer:after{content:"";}
#footer a{text-decoration:underline;color:#666;}
#cssPGMenu{position:absolute;width:300px;height:22px;top:-20px;left:522px;_left:-260px;}
*:first-child+html #cssPGMenu{left:526px;}

#cssPGMenu ul li{display:inline-block;*display:inline;*zoom:1;background:url(img/div.gif) right 50% no-repeat;padding-right:4px;padding-left:4px;}
#cssPGMenu h3{display:none;}
#cssPGMenu a{color:#DE70CD;font-weight:bold;}
#cssPGMenu a:hover{color:red;}

#cssList{position:absolute;top:0;left:-110px;_left:-896px;width:100px;height:auto;padding:0 5px;font:0.9em 돋움;}
#cssList h3{text-align:right;}

#cssList ul li{text-align:right;}
#relatedLink{position:absolute;top:0;left:786px;_left:2px;font:0.9em 돋움;width:110px;}

#footerAccessibility{display:none;}
#headerAccessibility a{display:block;position:absolute:top:0;left:0;width:0;height:0;line-height:0;overflow:hidden;}
#headerAccessibility a:focus{display:block;position:absolute;top:10px;left:10px;overflow:visible;width:auto;height:auto;line-height:120%;padding:8px;border:solid 2px #666666;background:#ffffff;z-index:9999;font:0.9em 굴림,Gulim;}


#purpose{position:absolute;top:-210px;left:-4px;width:764px;height:176px;padding:10px 10px 10px 10px;font-size:1.0em;background:url(img/head.jpg) no-repeat;*padding-top:26px;}
#purpose p{margin:16px 0;}
#purpose h3{display:none;}
#together{border-bottom:solid 1px #ddd;padding:10px;background:#f5f5f5;}
#together h3{color:#DE70CD;}
#requirement{border-bottom:solid 1px #ddd;padding:10px;}
#requirement h3{margin:6px 0;color:#DE70CD;}

#etc{padding:10px;background:#f5f5f5;}
#etc h3{color:#DE70CD;}