.online_list_area {
 margin: 0 auto;
}
.online_year_select {
  margin-bottom: 18px;
  text-align: left;
}
.online_year_selectbox {
  border: 1.5px solid #bbb; border-radius: 6px; padding: 7px 16px 7px 12px;
  font-size: 16px; background: #fff; color: #222; font-weight: bold;
  outline: none; min-width: 88px; box-sizing: border-box;
  transition: border 0.2s;
}
.online_category {
  display: flex; gap: 7px; margin-bottom: 14px;
}
.online_category a {
  display: inline-block; min-width: 104px; text-align: center;
  background: #f8f8f8; border: 2px solid #e0e0e0; padding: 10px 0;
  font-size: 17px; border-radius: 8px; color: #b3b3b3; text-decoration: none;
  font-weight: 500; box-sizing: border-box; transition: all 0.14s;
  cursor: pointer; letter-spacing: 0.3px; height: 42px; line-height: 22px;
}
.online_category a.active {
  background: #ffd944; border: 2px solid #d6bb23; color: #222; font-weight: 700;
}
.online_category a:not(.active):hover {
  background: #f0f0f0; border: 2px solid #bbb; color: #888;
}
.online_subject_table {
  width: 100%; border-collapse: separate; border-spacing: 0;
  margin: 0 0 12px 0;
  background: #fff;
  font-size: 16.5px;
}
.online_subject_table th, .online_subject_table td {
  border-bottom: 1.2px solid #eee; padding: 11px 0 11px 0;
  text-align: center;
}
.online_subject_table th {
  background: #ffe89c; font-weight: bold; font-size: 17px;
  color: #8a7300; border-top: 3px solid #e8ce5c; border-bottom: 2.5px solid #e8ce5c;
}
.online_subject_table tbody tr {
  line-height:30px;
}

.online_subject_table td {
  background: #fff; font-weight: 500; color: #222;
}
.online_subject_table td.online_icons {
  min-width: 94px; padding: 0 10px;
}
.online_icon_link {
  display: inline-flex; justify-content: center; align-items: center;
  height: 34px; width: 44px; border-radius: 8px; transition: 0.1s;
}
.online_icon_link.zoom {
  border-radius: 50%; width: 38px; height: 38px; margin-left: 4px;
}
.online_icon_link img { width: 36px; height: 34px; display: block; }
/* @media (max-width: 800px) {
  .online_list_area { max-width: 99vw; }
  .online_subject_table th, .online_subject_table td { font-size: 15px; padding: 7px 0; }
  .online_icon_link img { width: 28px; height: 27px; }
} */