@charset "UTF-8";
/* line 1, app/assets/stylesheets/notices.scss */
.wrap-notice-top .desktop {
  background-image: url(/images/notice/bg_top_img_notice.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 602px;
}

/* line 2, app/assets/stylesheets/notices.scss */
.wrap-notice-top .title-notice {
  font-family: 'Noto Sans KR';
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  padding-top: 7.062rem;
}

/* line 4, app/assets/stylesheets/notices.scss */
.main {
  width: 100%;
  max-width: 1760px;
  background-color: #fff;
  margin: -16rem auto 0;
}

/* line 5, app/assets/stylesheets/notices.scss */
.main .wrap-notice-nav {
  font-family: 'Noto Sans KR';
  font-size: 0.875rem;
  font-weight: 500;
  color: #ccc;
  padding-top: 1.875rem;
}

/* line 6, app/assets/stylesheets/notices.scss */
.main .wrap-notice-nav .nav-blue {
  color: #00269a;
}

/* line 7, app/assets/stylesheets/notices.scss */
.main .wrap-title-notice {
  font-family: 'Noto Sans KR';
  font-size: 2.5rem;
  font-weight: bold;
  color: #262626;
  text-align: center;
  padding: 6.25rem 0 5rem;
}

/* 공지사항 리스트 페이지 */
/* 공지사항 리스트 */
/* line 10, app/assets/stylesheets/notices.scss */
.notice-table {
  margin: 0 auto;
  width: 100%;
  max-width: 1180px;
  box-sizing: border-box;
}

/* line 11, app/assets/stylesheets/notices.scss */
.notice-table .notice-list-title {
  color: #262626;
}

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

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

/* line 14, app/assets/stylesheets/notices.scss */
td {
  border-bottom: 1px solid #ccc;
  padding: 1.25rem 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 16, app/assets/stylesheets/notices.scss */
.notice-table .notice-no {
  font-family: 'Roboto';
  font-size: 1rem;
  letter-spacing: -0.64px;
  color: #626262;
  vertical-align: middle;
}

/* line 17, app/assets/stylesheets/notices.scss */
.notice-table .notice-list-title {
  font-family: 'Noto Sans KR';
  font-size: 1.25rem;
  letter-spacing: -0.8px;
  color: #262626;
  text-align: left;
  max-width: 696px;
  vertical-align: middle;
}

/* line 18, app/assets/stylesheets/notices.scss */
.notice-table .notice-writer,
.notice-table .notice-date {
  font-family: 'Roboto';
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: -0.72px;
  color: #626262;
  vertical-align: middle;
}

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

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

/* line 25, 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 27, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .prev {
  padding-right: 28px;
}

/* line 28, app/assets/stylesheets/notices.scss */
.wrap-pagination .pagination .pages {
  font-family: 'Noto Sans KR';
  font-size: 1.125rem;
  color: #585858;
  padding-right: 30px;
}

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

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

/* -end- 페이지네이션 */
/* -end- 공지사항 리스트 페이지 */
/* 공지사항 내용 페이지 */
/* line 35, app/assets/stylesheets/notices.scss */
.wrap-notice-detail-header {
  padding: 6.937rem 0 3.125rem;
  box-sizing: border-box;
  text-align: center;
}

/* line 36, app/assets/stylesheets/notices.scss */
.wrap-notice-detail-header .text-title {
  font-family: 'Noto Sans KR';
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1.43;
  color: #121212;
}

/* line 37, app/assets/stylesheets/notices.scss */
.wrap-notice-detail-header .text-date {
  font-family: 'Noto Sans KR';
  font-size: 1rem;
  font-weight: 300;
  color: #ccc;
}

/* line 38, app/assets/stylesheets/notices.scss */
.wrap-content {
  padding: 2.5rem 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #191919;
  font-family: 'Noto Sans KR';
  font-size: 1.125rem;
  line-height: 2;
  color: #585858;
  text-align: center;
}

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

/* line 40, app/assets/stylesheets/notices.scss */
.wrap-btn-list .wrap-prev-list .prev-list-title,
.wrap-btn-list .wrap-next-list .next-list-title {
  font-family: 'Noto Sans KR';
  font-size: 1.375rem;
  line-height: 1.82;
  color: #ccc;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 0.625rem;
}

/* line 42, app/assets/stylesheets/notices.scss */
.wrap-btn-list .wrap-prev-list,
.wrap-btn-list .wrap-next-list {
  font-family: 'Noto Sans KR';
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 2.22;
  color: #585858;
}

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

/* line 45, app/assets/stylesheets/notices.scss */
.wrap-btn-list .wrap-next-list {
  text-align: right;
}

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

/* line 48, app/assets/stylesheets/notices.scss */
.wrap-btn-all-list {
  padding-top: 3rem;
  padding-bottom: 6.875rem;
  text-align: center;
}

/* line 49, app/assets/stylesheets/notices.scss */
.wrap-btn-all-list .btn-all-list {
  font-family: 'Noto Sans KR';
  font-size: 1.125rem;
  color: #fff;
  padding: 1.062rem 3.562rem;
  box-sizing: border-box;
  background-color: #333;
}

/* -end- 공지사항 내용 페이지 */
@media (max-width: 600px) {
  /* line 55, app/assets/stylesheets/notices.scss */
  .desktop {
    display: none;
  }
  /* line 56, app/assets/stylesheets/notices.scss */
  .mobile {
    display: block;
  }
  /* line 58, app/assets/stylesheets/notices.scss */
  .wrap-notice-top {
    position: relative;
  }
  /* line 59, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .img-box-notice {
    width: 100%;
  }
  /* line 60, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .img-box-notice .m-top-img-notice {
    width: 100%;
    display: block;
  }
  /* line 61, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .m-text-notice {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  /* line 62, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .m-text-notice em {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 12.6px;
    color: #ccc;
    padding-left: 12.6px;
  }
  /* line 63, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .m-text-notice h1 {
    font-family: 'Noto Sans KR';
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 0.625rem 0 0.937rem;
  }
  /* line 64, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .m-text-notice hr {
    width: 8.33%;
    height: 1px;
    background-color: #fff;
    border: 0;
  }
  /* line 65, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .m-text-notice p {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: -1.12px;
    color: #ccc;
    padding-top: 1.25rem;
  }
  /* line 66, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .icon-box-scroll {
    width: 12.5%;
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  /* line 67, app/assets/stylesheets/notices.scss */
  .wrap-notice-top .icon-box-scroll .m-icon-notice-scroll {
    width: 100%;
    display: block;
  }
  /* line 69, app/assets/stylesheets/notices.scss */
  .wrap-notice-nav {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    font-weight: 500;
    color: #626262;
    padding: 0.781rem 0 0.875rem 4.16%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  /* line 70, app/assets/stylesheets/notices.scss */
  .wrap-notice-nav .m-icon-home {
    width: 3.75%;
    padding-right: 2.77%;
    vertical-align: middle;
  }
  /* line 72, app/assets/stylesheets/notices.scss */
  .wrap-notice {
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 73, app/assets/stylesheets/notices.scss */
  .wrap-notice .wrap-title-notice {
    font-family: 'Noto Sans KR';
    font-size: 1.375rem;
    font-weight: bold;
    letter-spacing: -1.76px;
    text-align: center;
    color: #262626;
    padding: 4.687rem 0 2.5rem;
  }
  /* 공지사항 리스트 */
  /* line 75, app/assets/stylesheets/notices.scss */
  table {
    border-top: 1px solid #707070;
  }
  /* line 76, app/assets/stylesheets/notices.scss */
  th {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: -1.12px;
    color: #262626;
    padding: 1.187rem 0 1.281rem;
  }
  /* line 77, app/assets/stylesheets/notices.scss */
  td {
    font-family: 'Noto Sans KR';
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: -1.12px;
    color: #262626;
    padding: 1.25rem 0;
  }
  /* line 78, app/assets/stylesheets/notices.scss */
  td:nth-child(2) {
    text-align: left;
  }
  /* line 79, app/assets/stylesheets/notices.scss */
  .wrap-notice .date {
    font-size: 0.75rem;
    font-weight: 300;
    letter-spacing: -0.96px;
    color: #b8b8b8;
  }
  /* -end- 공지사항 리스트 */
  /* 페이지네이션 */
  /* line 82, app/assets/stylesheets/notices.scss */
  .wrap-pagination {
    padding: 3.75rem 0 3.781rem;
  }
  /* line 83, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .prev .material-icons,
.wrap-pagination .pagination .next .material-icons {
    font-size: 0.812rem;
  }
  /* line 85, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .prev {
    padding-right: 20px;
  }
  /* line 86, 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 87, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .pages .active {
    border-radius: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    position: relative;
  }
  /* line 88, app/assets/stylesheets/notices.scss */
  .wrap-pagination .pagination .pages .active span {
    top: 3px;
  }
  /* -end- 페이지네이션 */
  /* 공지사항 내용 페이지 */
  /* line 92, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail-header {
    padding: 3.406rem 5.55% 1.375rem;
  }
  /* line 93, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail-header .text-title {
    font-size: 1.437rem;
    line-height: 1.15;
    color: #000;
  }
  /* line 94, app/assets/stylesheets/notices.scss */
  .wrap-notice-detail-header .text-date {
    font-size: 0.687rem;
    padding-top: 0.125rem;
  }
  /* line 95, app/assets/stylesheets/notices.scss */
  .wrap-content {
    padding: 1.843rem 0 2.562rem;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #191919;
    font-size: 0.812rem;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 96, app/assets/stylesheets/notices.scss */
  .wrap-btn-list {
    padding-top: 0;
    display: block;
    width: 88.88%;
    margin: 0 auto;
  }
  /* line 97, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-prev-list .prev-list-title,
.wrap-btn-list .wrap-next-list .next-list-title {
    font-size: 0.687rem;
    padding-top: 0;
    width: 100%;
    line-height: 1;
  }
  /* line 99, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-prev-list .prev-list-title {
    padding-left: 0.812rem;
    display: inherit;
  }
  /* line 100, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-next-list .next-list-title {
    padding-right: 1.437rem;
    display: inherit;
  }
  /* line 101, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-prev-list,
.wrap-btn-list .wrap-next-list {
    font-size: 0.968rem;
    line-height: 1;
    display: inline-block;
    border-bottom: 2px solid #ccc;
    vertical-align: middle;
  }
  /* line 103, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-prev-list {
    text-align: left;
    width: 100%;
    padding: 0.781rem 0 0.843rem;
  }
  /* line 104, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-next-list {
    text-align: right;
    width: 100%;
    padding: 0.687rem 0 0.875rem;
  }
  /* line 105, app/assets/stylesheets/notices.scss */
  .wrap-btn-list .wrap-prev-list .material-icons,
.wrap-btn-list .wrap-next-list .material-icons {
    font-size: 15px;
    margin-top: -3px;
  }
  /* line 107, app/assets/stylesheets/notices.scss */
  .wrap-btn-all-list {
    padding-top: 4.187rem;
    padding-bottom: 8.687rem;
    text-align: center;
  }
  /* line 108, app/assets/stylesheets/notices.scss */
  .wrap-btn-all-list .btn-all-list {
    font-size: 1.062rem;
    padding: 1.062rem 3.75rem;
  }
  /* -end- 공지사항 내용 페이지 */
}

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