/* 기본 테이블 스타일 */
#rwd-table {
  width: 60%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 1em;
  min-width: 300px;
}

#rwd-table thead {
  display: none; /* 작은 화면에서는 헤더를 숨김 */
}

#rwd-table tr {
  border: 1px solid #ddd;
  display: block;
  margin-bottom: .625em;
  padding: .625em;
}

#rwd-table td {
  display: block;
  text-align: right;
  font-size: .8em;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding: .625em;

  /* 각 셀에 헤더 정보를 추가 */
  &:before {
    content: attr(data-label);
    position: absolute;
    left: 0;
    width: 50%;
    padding-left: .625em;
    text-align: left;
  }
}

.jjw_h2_style {
  background-color: #e0f7fa; /* 부드러운 청록색 배경 */
  color: #00796b; /* 다크 청록색 텍스트 */
  padding: 1px 1px; /* 충분한 여백 */
  border-radius: 10px; /* 더 둥근 모서리 */
  font-size: 1.3em; /* 더 큰 글자 크기 */
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* 현대적인 글꼴 */
  font-weight: 600; /* 두꺼운 글자 */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* 부드러운 텍스트 그림자 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 부드러운 박스 그림자 */
  border: 1px solid #b2dfdb; /* 연한 청록색 테두리 */
  margin-bottom: 20px; /* 아래쪽 여백 추가 */
  transition: background-color 0.3s, color 0.3s; /* 배경색과 텍스트 색상에 부드러운 전환 효과 추가 */
}

.jjw_line{
    background-color: yellow;
}

/* S 녹색 테이블 S */
.jjw_table {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 16px;
  text-align: left;
  border: 1px solid #ddd;
}

.jjw_table thead {
  background-color: #4CAF50;
  color: white;
}

.jjw_table th, .jjw_table td {
  padding: 12px 15px;
  border: 1px solid #ddd;
}

.jjw_table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.jjw_table tbody tr:hover {
  background-color: #f1f1f1;
}
/* E 녹색 테이블 E */