/* footer */
footer {
  background-color: #6B8E23;
  color: black;
  text-align: center;
  padding: 1em;
  margin-top: 2em;
}

/* 배경 */
body {
  background-color: white;
  color: #333;
  margin: 0;
  padding: 0;
}

/*페이지 화면 여백 주기 */
body {margin : 20px;}

body p span {background-color : lightskyblue;}

/* 헤더 스타일 */
header {
  background-color: #6B8E23;
  color: black;
  padding: 1em;
  text-align: center;
}

/* 메인부분 */
main {
  padding: 2em;
  text-align: center;
}

/* 표 스타일 */
table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  margin-top: 1em;
}

th, td {
  border: 1px solid #ccc;
  padding: 1em;
  text-align: center;
}

th {
  background-color: #ecf0f1;
}

img {
  max-width: 100px;
  height: auto;
}

/* 마우스를 올렸을 때 배경색 변경 */
tbody tr:hover {
  background-color: lightgray;
  cursor: pointer;
}


