@charset "utf-8";

/* 알림 > 공지사항의 게시판 전환 메뉴 */
#content .pageTab.notice-tabs {
  margin: 28px 0;
  border: 0;
  border-bottom: 1px solid #dce2e9;
  background: transparent;
  text-align: left;
  overflow: visible;
}

#content .notice-tabs::after { display: none; }

#content .notice-tabs > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  max-width: 408px;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}

#content .notice-tabs > ul > li {
  flex: 0 1 200px;
  width: auto;
  margin: 0 0 -1px;
  padding: 0;
  border: 0;
  text-align: center;
}

#content .notice-tabs > ul > li > a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 17px 24px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 6px 6px 0 0;
  background: transparent;
  box-shadow: none;
  color: #687381;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
  text-decoration: none;
  transition: color .15s ease, background-color .15s ease;
}

#content .notice-tabs > ul > li > a:hover {
  background: #f3f6fa;
  color: #012b58;
}

#content .notice-tabs > ul > li > a.active {
  border-bottom-color: #012b58;
  background: #f3f6fa;
  color: #012b58;
  font-weight: 700;
  box-shadow: none;
}

#content .notice-tabs > ul > li > a:focus-visible {
  outline: 2px solid #004b9c;
  outline-offset: 3px;
}

@media (max-width: 1023px) {
  #content .pageTab.notice-tabs { margin-left: 2%; margin-right: 2%; }
}

@media (max-width: 768px) {
  #content .pageTab.notice-tabs { margin: 20px 2% 24px; }
  #content .notice-tabs > ul { gap: 0; }
  #content .notice-tabs > ul > li { flex: 1 1 50%; }
  #content .notice-tabs > ul > li > a { padding: 14px 12px; font-size: 16px; }
}