/* 전체 폭 설정 */
#container {
	width: 50em;
	}
	
/* 폰트 설정 */
BODY {
  font-family: 맑은 고딕,Malgun Gothic,고딕,돋움,굴림,sans-serif;
 }
 
H1 {
  margin: 0em;
  padding: 0em;
  }
  

#main_image, #since, #site_list {
  -moz-box-shadow: 0 0 0.5em #888;
  -webkit-box-shadow: 0 0 0.5em #888;
  box-shadow: 0 0 0.5em #888;
}

/* 외각 둘레 곡선 설정 */
#site_list, #site_list a:hover, #main_image, #since {
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

/* menu의 CSS */
#site_list {
  margin: 0.1em 0em 0.5em;
  padding: 0.5em;
  

  background: #bad8fa;
  
  /* 폰트 사이즈 설정*/
  font-size: 1.2em;
  }
  

/* 버튼에만 적용할 속성 */
#site_list a {
  color: black;
  text-decoration: none;
  
  /* 테스트용 코드 */
  }
  
#site_list a:hover {
  color: white;
  padding: 0.5em;
  
  /* 바탕 그라데이션 */
  background-color: #0D7CFB;  
 	background: -webkit-gradient(linear, left top, left bottom, from(#bad8fa), to(#0D7CFB));
	background: -moz-linear-gradient(top,  #bad8fa,  #0D7CFB);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad8fa', endColorstr='#0D7CFB'); /* 이 부분은 IE */
  
  /* 글씨에 그림자 */
  text-shadow: 0 0 0.5em #888;
  font-weight: bold;
}
  
#site_list dt {
  display: inline;
  }
  
/* 메인 이미지에 대한 속성 */
#main_image {
  /* blank */
}

#counter {
  margin: 0.3em;
  }

/* 연혁 부분 */
#since {
  margin: 0.5em;
  padding: 0.5em;
  
  background-color: #78B5FB;
  
  color: white;
  font-weight: bold;
  text-align: right;
  font-size: 0.85em;
 }

#since img {
  -moz-border-radius: 3px;
  border-radius: 3px;
}