.notice_tab {display: flex; margin-bottom: 20px;}
.notice_tab li:not(:last-child) {display: flex; align-items: center;}
.notice_tab li:not(:last-child)::after {content: ""; display: block; width: 1px; height: 10px; background: #ccc; margin: 0 20px;}
.notice_tab li {font-size: 1.0625em; font-weight: 500;}
.notice_tab li input {display: none;}
.notice_tab li input + label {color: #aaa;}
.notice_tab li input:checked + label {color: #111;}

.notice_board li {border: 1px solid #000; border-radius: 15px; padding: 0 50px;}
.notice_board li:not(:last-child) {margin-bottom: 5px;}
.notice_board li .notice_toggle_title {display: flex; align-items: baseline; padding: 24px 0; cursor: pointer;}
.notice_board li .notice_toggle_title .number {width: 100px;}
.notice_board li .notice_toggle_title .title_wrap {width: calc(100% - 240px); display: flex; column-gap: 30px; align-items: baseline;}
.notice_board li .notice_toggle_title .title_wrap .category {/* padding: 5px 15px; */ width: 54px; height: 27px; display: flex; align-items: center; justify-content: center; font-size: 0.875em; font-weight: 600; border-radius: 5px;}
.notice_board li .notice_toggle_title .title_wrap .category.normal {background: #EDF0F9; color: #0B4198;}
.notice_board li .notice_toggle_title .title_wrap .category.recruit {background: #FFF1EA; color: #E96422;}
.notice_board li .notice_toggle_title .title_wrap .title {
  max-width: calc(100% - 84px);
  font-size: 1.0625em; font-weight: 500; line-height: 150%;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.notice_board li .notice_toggle_title.open .title {
  -webkit-line-clamp: inherit;
  overflow: auto;
}

.notice_board li .notice_toggle_title .date {width: 140px; color: #aaa; text-align: center;}
.notice_board li .notice_toggle_title .number,
.notice_board li .notice_toggle_title .date {font-size: 0.875em;}
.notice_board li .notice_toggle_content {padding: 30px 0 50px; border-top: 1px solid #e6e6e6; display: none;}
.notice_board li .notice_toggle_content .editor_wrap {font-size: 1.0625em; font-weight: 500; line-height: 20px;}
.notice_board li .notice_toggle_content .attach_wrap {margin-top: 50px;}
.notice_board li .notice_toggle_content .attach_wrap a {display: flex; align-items: center; column-gap: 5px; color: #0B4198; font-size: 0.875em; font-weight: 600;}
.notice_board li .notice_toggle_content .attach_wrap a img {width: 20px;}
.notice_board li .notice_toggle_content .attach_wrap a span {text-decoration: underline;}


@media screen and (max-width: 1024px) {
  .notice_board li {padding: 0 30px;}
  .notice_board li .notice_toggle_title .number {width: 50px;}
  .notice_board li .notice_toggle_title .title_wrap {column-gap: 20px; width: calc(100% - 160px);}
  .notice_board li .notice_toggle_title .title_wrap .category {width: 48px; height: 26px;}
  .notice_board li .notice_toggle_title .title_wrap .title {max-width: calc(100% - 68px);}
  .notice_board li .notice_toggle_title .date {width: 110px; text-align: right;}

}

@media screen and (max-width: 768px) {
  .notice_tab li:not(:last-child)::after {margin: 0 15px;}
  .notice_board li {padding: 0 20px;}
  .notice_board li .notice_toggle_title .number {width: 35px;}
  .notice_board li .notice_toggle_title .title_wrap {column-gap: 15px; width: calc(100% - 120px);}
  .notice_board li .notice_toggle_title .title_wrap .category {width: 40px; height: 22px;}
  .notice_board li .notice_toggle_title .title_wrap .title {max-width: calc(100% - 55px);}
  .notice_board li .notice_toggle_title .date {width: 85px;}
  .notice_board li .notice_toggle_title {padding: 18px 0;}
  .notice_board li .notice_toggle_content {padding: 20px 0 30px;}
  .notice_board li .notice_toggle_content .attach_wrap {margin-top: 40px;}
  .notice_board li .notice_toggle_content .attach_wrap a img {width: 16px;}
}

@media screen and (max-width: 540px) {
  .notice_tab {margin-bottom: 16px;}
  .notice_tab li:not(:last-child)::after {margin: 0 10px;}
  .notice_board li {padding: 0 15px; border-radius: 10px;}
  .notice_board li .notice_toggle_title {flex-wrap: wrap; padding: 15px 0;}
  .notice_board li .notice_toggle_title .number {display: none;}
  .notice_board li .notice_toggle_title .title_wrap {width: 100%; column-gap: 10px;}
  .notice_board li .notice_toggle_title .title_wrap .category {width: 35px; height: 20px;}
  .notice_board li .notice_toggle_title .title_wrap .title {width: calc(100% - 45px);}
  .notice_board li .notice_toggle_title .date {width: 100%; text-align: left; margin-top: 7px;}
  .notice_board li .notice_toggle_content {padding: 15px 0 20px;}
  .notice_board li .notice_toggle_content .editor_wrap {font-size: 1em;}
  .notice_board li .notice_toggle_content .attach_wrap {margin-top: 30px;}
  .notice_board li .notice_toggle_content .attach_wrap a {column-gap: 3px;}
  .notice_board li .notice_toggle_content .attach_wrap a img {width: 13px;}
}