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

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

*/



body {margin:0;padding:0;line-height:1.5;font-size:14px;font-family:"NanumGothic", "AppleGothic", "Malgun Gothic", "Gulim", "Verdana", sans-serif;}

#headerAccessibility, #footerAccessibility{margin:0 auto; width:720px;font-size:12px;}
#footerAccessibility{padding-bottom:45px;}
#headerAccessibility ul, #footerAccessibility ul{list-style-type:none;padding:0;}
#headerAccessibility ul li a, #footerAccessibility ul li a{color:#aaa;float:left;margin-right:10px;}

#wrapper{margin:0 auto;width:720px;clear:both;}

#header{position:relative;padding-bottom:95px;}
#header h1{font-size:130px;color:#eee;line-height:1.3;text-align:center;margin:0;padding:0;}
#header h2{font-size:35px;position:absolute;top:90px;left:130px;}
#header p#summary{position:absolute;top:155px;left:150px;width:350px;}

#contents{width:520px;float:left;}
#linkList{width:180px;float:right;padding-top:65px;}

#linkList h3{padding:0;margin:0;}
#cssList ul, #cssPGMenu ul,#relatedLink ul{list-style-type:none;padding:0;}
#cssList ul li, #cssPGMenu ul li, #relatedLink ul li{margin:0 0 4px 15px;}

#purpose, #together, #requirement, #etc{padding:0 0 0 15px;}

#purpose h3{font-size:30px;letter-spacing:50px;text-align:center;border-bottom:1px solid #ddd;}
#purpose p{float:left;width:30%;margin-right:3%;line-height:1.7;display:block;}

#together h3{clear:both;font-size:30px;letter-spacing:55px;text-align:center;border-bottom:1px solid #ddd;}
#together{line-height:1.7;margin-right:-175px;}

#requirement{line-height:1.7;margin-right:-175px;}
#requirement h3{border-bottom:1px solid #ddd;}
#requirement ul{list-style-type:square;}

#etc{}
#etc{line-height:1.7;margin-right:-175px;}
#etc h3{border-bottom:1px solid #ddd;}

#footer{clear:both;margin:45px 0;border-top:1px solid #ddd;color:#aaa;font-size:11px;line-height:1.5;}