/* button */
/* sns */
/* categories */
/* all menu */
/* share */
/* aside */
/* icon */
#contents .sub-news-page .sub-news-box.sub-issue-landing {
  padding: 0 16px;
  min-height: 58px;
  aspect-ratio: 180/29;
  background: url("/resource/image/mobile/issue/sub-issue-landing.png") center center/cover no-repeat;
}
#contents .sub-news-page .sub-news-box.sub-issue {
  background: url("/resource/image/mobile/issue/sub-issue.jpg") center center/cover no-repeat;
}
#contents .sub-news-page .sub-issue-box {
  padding: 20px 16px;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button {
  width: 73px;
  height: 24px;
  padding: 3px;
  border-radius: 100px;
  background-color: #2282b9;
  position: relative;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button .all-select-switch {
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50px;
  position: absolute;
  left: 3px;
  -webkit-transition: left ease 0.3s;
  transition: left ease 0.3s;
  z-index: 1;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button .all-select-switch.on {
  left: 52px;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button .all-select-text {
  color: #fff;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  opacity: 0;
  position: absolute;
  top: 5px;
  -webkit-transition: opacity ease 0.3s;
  transition: opacity ease 0.3s;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button .all-select-text.select-all {
  right: 15px;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button .all-select-text.select-choice {
  left: 10px;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .all-select-box .all-select-button .all-select-text.on {
  opacity: 1;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box > button {
  width: 18px;
  height: 18px;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .left-button {
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 9L12 3.80385L12 14.1962L3 9Z' fill='%23484848'/%3E%3C/svg%3E%0A") center 1px/contain no-repeat;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .left-button:disabled {
  background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 9L12.5 3.80385L12.5 14.1962L3.5 9Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A") center 1px/contain no-repeat;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .right-button {
  background: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5 9L6.5 14.1962L6.5 3.80385L15.5 9Z' fill='%23484848'/%3E%3C/svg%3E%0A") center 1px/contain no-repeat;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .right-button:disabled {
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 9L6 14.1962L6 3.80385L15 9Z' fill='%23BBBBBB'/%3E%3C/svg%3E%0A") center 1px/contain no-repeat;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .select-year {
  width: calc(100% - 36px);
  overflow: hidden;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .select-year .select-year-ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .select-year .select-year-ul .select-year-li {
  width: 25%;
  color: #bbb;
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
}
#contents .sub-news-page .sub-issue-box .issue-search-filter-box .select-year-box .select-year .select-year-ul .select-year-li.select {
  color: #222;
  font-weight: 700;
}
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content .thumbnail {
  width: 100%;
  height: auto;
  min-height: 184px;
  aspect-ratio: 16/9;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content .thumbnail .img {
  border-radius: 0;
}
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content .title-wrapper {
  padding: 8px;
}
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content .title-wrapper .title {
  font-size: 16px;
  line-height: 22px;
  height: auto;
  max-height: 44px;
  font-weight: 500;
}
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content .title-wrapper .news-article,
#contents .sub-news-page .sub-issue-box .issue-contents-box .box-contents .box-content .title-wrapper .date {
  margin-top: 8px;
  color: #484848;
  font-size: 14px;
  line-height: 14px;
}
#contents .sub-news-page .sub-issue-box .common-pagination {
  padding-top: 12px;
}
#contents .sub-news-page .sub-issue-wrapper .issue-go {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13L11 8L6 3' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") right 5px/16px 16px no-repeat;
  margin-bottom: 10px;
}
#contents .sub-news-page .sub-issue-wrapper .program-introduce-button.covid .icon, #contents .sub-news-page .sub-issue-wrapper .program-introduce-button.election .icon {
  width: 16px;
  height: 16px;
  margin: 0 0 0 8px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13L11 8L6 3' stroke='%23484848' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center 1px/16px 16px no-repeat;
}
#contents .sub-news-page .sub-issue-wrapper .program-introduce-button.covid .icon.election-icon, #contents .sub-news-page .sub-issue-wrapper .program-introduce-button.election .icon.election-icon {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cmask id='mask0_912_5764' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='24'%3E%3Crect x='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_912_5764)'%3E%3Cpath d='M5.5 22C4.95 22 4.47917 21.8041 4.0875 21.4125C3.69583 21.0208 3.5 20.55 3.5 20V15.45L6.25 12.325L7.675 13.75L5.675 16H19.325L17.375 13.8L18.8 12.375L21.5 15.45V20C21.5 20.55 21.3042 21.0208 20.9125 21.4125C20.5208 21.8041 20.05 22 19.5 22H5.5ZM5.5 20H19.5V18H5.5V20ZM11.125 14.375L7.6 10.85C7.21667 10.4666 7.02917 9.9958 7.0375 9.43747C7.04583 8.87913 7.24167 8.4083 7.625 8.02497L12.525 3.12497C12.9083 2.74163 13.3833 2.54163 13.95 2.52497C14.5167 2.5083 14.9917 2.69163 15.375 3.07497L18.9 6.59997C19.2833 6.9833 19.4833 7.44997 19.5 7.99997C19.5167 8.54997 19.3333 9.01663 18.95 9.39997L13.95 14.4C13.5667 14.7833 13.0958 14.9708 12.5375 14.9625C11.9792 14.9541 11.5083 14.7583 11.125 14.375ZM17.5 8.02497L13.975 4.49997L9.025 9.44997L12.55 12.975L17.5 8.02497Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E") center center/24px 24px no-repeat;
  margin: 0 8px 0 0;
}
#contents .sub-news-page .sub-issue-wrapper .issue-related-information .title {
  padding-top: 6px;
  padding-bottom: 16px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #222;
}
#contents .sub-news-page .sub-issue-wrapper .issue-related-information .keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
#contents .sub-news-page .sub-issue-wrapper .issue-related-information .keywords .keyword {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  padding: 4px 16px;
  border-radius: 100px;
  border: 1px solid #c6cbd0;
  color: #2282b9;
  margin: 0 8px 8px 0;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper {
  padding-bottom: 30px;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .title {
  padding: 8px 0 16px 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #222;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .timeline-date {
  padding: 8px 0;
  background: #484848;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul {
  margin: 20px 0 10px 0;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .time-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .time-box .time {
  padding: 8px;
  background: #2282b9;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .dot-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  position: relative;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .dot-box .dot {
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9.5' cy='9.5' r='7' fill='%234B9BC7' stroke='white' stroke-width='5'/%3E%3C/svg%3E%0A") center center no-repeat;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .dot-box .dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  width: 1px;
  height: calc(50% - 8px);
  background-color: #cacaca;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .dot-box .dot::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  width: 1px;
  height: calc(50% - 8px);
  background-color: #cacaca;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .text-box {
  padding: 12px 0;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .text-box .title-text,
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .text-box .text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 44px;
  overflow: hidden;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  color: #222;
}
#contents .sub-news-page .sub-issue-wrapper .issue-timeline-wrapper .issue-timeline-box .issue-timeline-ul .issue-timeline-li .text-box .text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 8px;
}