@charset "UTF-8";
/*
benny의 CSS 놀이터~!! 
bensgirl@naver.com

[2010.03.10]

*/

* {margin:0;}

body {
	
	   background:#3487a7;
	   font:12px dotum, sans-serif;
       line-height:150%;
       color:white;
		
	}
	
	
a img {
  border: none;
}

a{
	color:#d3fedf;
	font-weight:bold;
    text-decoration:none;
}

a:hover{
	font-weight:bold;
	border-bottom:2px dashed #d3fedf;
}

#headerAccessibility{
	font-size:0;
	line-height:0;
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
}


#footerAccessibility{
    font-size:0;
    line-height:0;
    width:0;
    height:0;
    overflow:hidden;
    visibility:hidden;
}

 #wrapper{
 	width:860px;
	border:1px dashed #245e73;
	background-color:#339ab9;
	margin:auto;
	 	
 }
 
#header{
 	width:860px;
	height:210px;
	/*background:red;*/
	text-align:center;

 }
 
#header h1{
  	display:block;
	/*타이틀 이미지 중앙정렬*/
    margin:0 30px 0 30px;
	width:800px;
	height:120px;
	background:url(img/title.gif) no-repeat;
    text-indent:-2000px;
	text-overflow:hidden;
	
   
 }
 
 #header h2{
 	font:22px , dotum, sans-serif;
	font-weight:bold;
	color:white;
	line-height:1.5;

	 }
	 
 p#summary{
        width:840px;
        margin:auto;
        border:1px dashed #286982;
        padding-top:2px;
        font:12px, dotum, sans-serif;
        background:#3487a7;
        color:#80ffff;
    
        line-height:150%;   
    }
	 
#contents h3 {
    font:15px , dotum, sans-serif;
    font-weight:bold;
    color:#e6ef38;
	width:100px;
	background:#3385a8;
    padding:3px  10px;

     }
	 

	
#linkList{
    width:180px;
    border:5px solid white;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

#cssList h3{
	width:170px;
	font-size:14px;
	text-align:center;
	background:#75bad5;
	padding:5px;
}

#linkList ul{
	padding:5px 30px ;
	list-style:circle;
}

#linkList a{
	color:white;
	text-decoration:none;
}

#linkList a:hover{
    color:#e6ef38;
    border-bottom:2px solid #e6ef38;
	font-weight:bold;

}

#cssPGMenu h3{
    width:170px;
    font-size:14px;
    text-align:center;
    background:#57accc;
    padding:5px;
}


#relatedLink h3{
    width:170px;
    font-size:14px;
    text-align:center;
    background:#3487a7;
    padding:5px;
}


#contents{
	width:620px;
	padding:10px;
	margin-top:10px;
	float:right;
	font:12px dotum, sans-serif;
	line-height:150%;
    color:white;
		
}





#purpose {
	width:600px;
	padding:10px;
	padding-bottom:30px;
	border-bottom:1px dashed white;

}

#together{
    width:600px;
    padding:10px;
    padding-bottom:30px;
    border-bottom:1px dashed white;
}



#requirement {
    width:600px;
    padding:10px;
    padding-bottom:30px;
    border-bottom:1px dashed white;
}

#requirement li{
    list-style-image:url(img/bullet.gif);
    
}



#etc {
    width:600px;
    padding:10px;

}



#footer{
	width:820px;
	height:70px;
	font:11px dotum, sans-serif;
	color:#004080;
	line-height:140%;
	text-align:center;
	padding:20px;
	border-top:2px solid #c0c0c0;
	background:#358dae;
	clear:both;
}


#footer a{
    color:#004080;
    font-size:11px;
	font-weight:normal;
    text-decoration:underline;
    
}
#footer a:hover{
	color:#c0c0c0;
	font-size:11px;
	text-decoration:none;
	border-bottom:none;
}