@charset "UTF-8";
/* 공지사항 메인이미지 */
/* line 2, app/assets/stylesheets/notices.scss */
.wrap-main-notice {
  position: relative;
}

/* line 3, app/assets/stylesheets/notices.scss */
.wrap-main-notice .d-img-main {
  width: 100%;
  max-width: 1920px;
  display: block;
}

/* line 4, app/assets/stylesheets/notices.scss */
.wrap-main-notice .text-desc {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

/* line 5, app/assets/stylesheets/notices.scss */
.wrap-main-notice h1 {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: normal;
  color: #fff;
  margin: 0;
}

/* line 6, app/assets/stylesheets/notices.scss */
.wrap-main-notice p {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: -0.025rem;
  color: #fff;
  padding-top: 1.25rem;
}

/* -end- 공지사항 메인이미지 */
/* 공지사항 리스트 페이지 */
/* 공지사항 리스트 */
/* line 11, app/assets/stylesheets/notices.scss */
.notice-table {
  padding: 8.75rem 0 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1201px;
  box-sizing: border-box;
}

/* line 12, app/assets/stylesheets/notices.scss */
table {
  border-top: 1px solid #7f7f7f;
  width: 100%;
}

/* line 13, app/assets/stylesheets/notices.scss */
th, td {
  border-bottom: 1px solid #bfbfbf;
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.025rem;
  color: #626262;
  padding: 1.25rem 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 14, app/assets/stylesheets/notices.scss */
td:nth-child(2) {
  text-align: left;
  max-width: 696px;
}

/* -end- 공지사항 리스트 */
/* 페이지네이션 */
/* line 17, app/assets/stylesheets/notices.scss */
.wrap-pagination {
  padding: 4.375rem 0 6.25rem;
}

/* line 18, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 19, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
  font-size: 1.25rem;
  font-weight: bold;
  color: #585858;
}

/* line 21, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .prev {
  padding-right: 28px;
}

/* line 22, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .pages {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 2.5;
  letter-spacing: -0.05rem;
  color: #7f7f7f;
  padding-right: 28px;
}

/* line 23, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .pages .active {
  color: #fff;
  border-radius: 1.875rem;
  background-color: #404040;
  letter-spacing: normal;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  position: relative;
}

/* line 24, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .pages .active span {
  position: absolute;
  left: 0;
  right: 0;
  top: -8px;
}

/* -end- 페이지네이션 */
/* -end- 공지사항 리스트 페이지 */
/* 공지사항 내용 페이지 */
/* line 29, app/assets/stylesheets/notices.scss */
.wrap-notice-detail {
  padding: 9.375rem 0 6.25rem;
  box-sizing: border-box;
}

/* line 30, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrapper-notice-detail-header {
  border-top: 1px solid #404040;
  padding: 2.5rem 0;
}

/* line 31, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrapper-notice-detail-header .wrap-board-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.625rem;
}

/* line 32, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrapper-notice-detail-header .wrap-board-head .text-board-name {
  font-family: 'SeoulNamsanB';
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: normal;
  color: #626262;
}

/* line 33, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrapper-notice-detail-header .wrap-board-head .text-board-day .text-writer {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  color: #626262;
  display: inline-block;
}

/* line 34, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrapper-notice-detail-header .wrap-board-head .text-board-day .text-date {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: -0.025rem;
  color: #626262;
  display: inline-block;
}

/* line 35, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrapper-notice-detail-header .text-title {
  font-family: 'Noto Serif KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: -0.125rem;
  color: #333;
}

/* line 36, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-content {
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding: 3.75rem 0;
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.75;
  letter-spacing: normal;
  color: #757575;
}

/* line 37, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-content img {
  max-width: 100%;
}

/* line 38, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-list {
  padding-top: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 39, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-list .wrap-prev-list .prev-list-title,
.wrap-notice-detail .wrap-btn-list .wrap-next-list .next-list-title {
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
  line-height: 1.1;
  color: #ccc;
  width: 185px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.625rem;
}

/* line 41, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-list .wrap-prev-list,
.wrap-notice-detail .wrap-btn-list .wrap-next-list {
  font-family: 'SeoulNamsanEB';
  font-size: 1.25rem;
  line-height: 2;
  color: #585858;
}

/* line 43, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-list .wrap-next-list {
  text-align: left;
}

/* line 44, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-list .wrap-prev-list {
  text-align: right;
}

/* line 45, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-list .wrap-prev-list .material-icons,
.wrap-notice-detail .wrap-btn-list .wrap-next-list .material-icons {
  font-size: 17px;
  vertical-align: middle;
}

/* line 47, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-all-list {
  margin-top: 20px;
  width: 100%;
  text-align: center;
}

/* line 48, app/assets/stylesheets/notices.scss */
.wrap-notice-detail .wrap-btn-all-list .btn-all-list {
  display: inline-block;
  box-sizing: border-box;
  padding: 18px 54px;
  background-color: #7f7f7f;
  color: #fff;
  font-family: 'SeoulNamsan';
  font-size: 1.25rem;
}

/* -end- 공지사항 내용 페이지 */
@media (max-width: 600px) {
  /* 공지사항 메인이미지 */
  /* line 54, app/assets/stylesheets/notices.scss */
  .wrap-main-notice .m-img-main {
    width: 100%;
    display: block;
  }
  /* line 55, app/assets/stylesheets/notices.scss */
  .wrap-main-notice .text-desc {
    padding-left: 5.55%;
    top: 5rem;
  }
  /* line 56, app/assets/stylesheets/notices.scss */
  .wrap-main-notice h1 {
    font-size: 1.562rem;
    line-height: 1.4;
    letter-spacing: -0.156rem;
    margin: 0;
  }
  /* line 57, app/assets/stylesheets/notices.scss */
  .wrap-main-notice p {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.065rem;
    padding-top: 0.625rem;
  }
  /* -end- 공지사항 메인이미지 */
  /* 공지사항 리스트 페이지 */
  /* 공지사항 리스트 */
  /* line 62, app/assets/stylesheets/notices.scss */
  .notice-table {
    padding: 6.25rem 0 0;
    width: 88.88%;
    max-width: 88.88%;
  }
  /* line 63, app/assets/stylesheets/notices.scss */
  .notice-table .wrap-notice-title {
    padding-bottom: 2.5rem;
    text-align: center;
  }
  /* line 64, app/assets/stylesheets/notices.scss */
  .notice-table .wrap-notice-title h1 {
    font-family: 'Noto Serif KR';
    font-size: 1.562rem;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
    padding-bottom: 0.625rem;
    margin: 0;
  }
  /* line 65, app/assets/stylesheets/notices.scss */
  .notice-table .wrap-notice-title p {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
  }
  /* line 66, app/assets/stylesheets/notices.scss */
  th, td {
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
  }
  /* line 67, app/assets/stylesheets/notices.scss */
  td:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 69.38%;
    box-sizing: border-box;
    max-width: 190px;
  }
  /* -end- 공지사항 리스트 */
  /* 페이지네이션 */
  /* line 70, app/assets/stylesheets/notices.scss */
  .wrap-pagination {
    padding: 2.5rem 0 4.687rem;
  }
  /* line 71, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
    font-size: 0.812rem;
  }
  /* line 73, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .prev {
    padding-right: 20px;
  }
  /* line 74, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .pages {
    font-size: 0.812rem;
    line-height: 1.15;
    letter-spacing: normal;
    color: #585858;
    padding-right: 20px;
  }
  /* line 75, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .pages .active {
    border-radius: 1.562rem;
    width: 1.562rem;
    height: 1.562rem;
    text-align: center;
    position: relative;
  }
  /* line 76, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .pages .active span {
    top: 6px;
  }
  /* -end- 페이지네이션 */
  /* -end- 공지사항 리스트 페이지 */
  /* 공지사항 내용 페이지 */
  /* line 81, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail {
    padding: 6.25rem 0 4.687rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 82, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrapper-notice-detail-header {
    padding: 1.562rem 0;
  }
  /* line 83, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrapper-notice-detail-header .text-board-name {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
  }
  /* line 84, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrapper-notice-detail-header .text-board-day .text-writer {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    color: #626262;
    display: inline-block;
  }
  /* line 85, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrapper-notice-detail-header .text-board-day .text-date {
    font-family: 'SeoulNamsan';
    font-size: 0.812rem;
    line-height: 1.54;
    letter-spacing: -0.032rem;
    color: #626262;
    display: inline-block;
  }
  /* line 86, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrapper-notice-detail-header .text-title {
    font-size: 1.562rem;
    line-height: 1.4;
    letter-spacing: normal;
    padding: 1.875rem 0;
  }
  /* line 87, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrap-content {
    padding: 3.125rem 0;
    font-size: 0.812rem;
    line-height: 1.69;
    letter-spacing: -0.032rem;
    color: #626262;
  }
  /* line 88, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrap-btn-list {
    padding-top: 1.562rem;
  }
  /* line 89, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrap-btn-list .wrap-prev-list .prev-list-title,
.wrap-notice-detail .wrap-btn-list .wrap-next-list .next-list-title {
    font-size: 0.812rem;
    line-height: 0.85;
    width: 105px;
  }
  /* line 91, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrap-btn-list .wrap-prev-list,
.wrap-notice-detail .wrap-btn-list .wrap-next-list {
    font-size: 0.812rem;
    line-height: 1.54;
  }
  /* line 93, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrap-btn-list .wrap-prev-list .material-icons,
.wrap-notice-detail .wrap-btn-list .wrap-next-list .material-icons {
    font-size: 13px;
  }
  /* line 95, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail .wrap-btn-all-list .btn-all-list {
    width: auto;
    height: auto;
    padding: 8px 30px 6px;
    font-size: 0.8125rem;
  }
  /* -end- 공지사항 내용 페이지 */
}

/*# sourceMappingURL=notices.css-ba0ef03b45a3579237543f9a2d48a91f29e59b4a1526667c7e04fd36cc806d4f.map */