/* 메뉴 */
.wrap-menu { width: 100%; max-width: 1180px; margin: 6% auto 5%; }
.wrap-menu .menu-list { display: flex; justify-content: center; }
.wrap-menu .menu-list li { margin-right: 2.75rem; font-size: 2.25rem; color: #000; opacity: 0.3; }
.wrap-menu .menu-list li.active { font-weight: bold; opacity: 1; }
.wrap-menu .menu-list li:last-of-type { margin-right: 0; }
/* -end -메뉴 */

/* 상단 배너 */
.top-banner { width: 100%; max-width: 1920px; margin: 0 auto 5.625rem; }
.top-banner img { width: 100%; display: block; }
/* -end- 상단 배너 */

/* 공지사항 리스트 */
.wrap-notices { width: 100%; max-width: 1180px; margin: 0 auto 5%; }
.wrap-notices .notices-list { width: 100%; margin-bottom: 4.7rem; border-top: 1px solid #979797; border-bottom: 1px solid #979797; }
.wrap-notices .notices-list .notice { box-sizing: border-box; padding: 1.5rem 0; width: 100%; border-bottom: 1px solid rgba(151, 151, 151, 0.3); }
.wrap-notices .notices-list .notice:last-of-type { border-bottom: none; }
.wrap-notices .notices-list .notice .wrap-category-title { display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; }
.wrap-notices .notices-list .notice .wrap-category-title .category { width: 20%; max-width: 50px; font-size: 0.875rem; color: #10a3ad; }
.wrap-notices .notices-list .notice .wrap-category-title .new { box-sizing: border-box; width: 10%; max-width: 24px; margin-right: 1.25rem; padding: 5px 7px; background-color: #107dad; font-family: "Montserrat"; font-size: 0.75rem; font-weight: bold; color: #fff; }
.wrap-notices .notices-list .notice .wrap-category-title .hide-new { display: none; }
.wrap-notices .notices-list .notice .wrap-category-title .title { width: 70%; max-width: 1133px; font-size: 1rem; color: #141414; }
.wrap-notices .notices-list .notice .wrap-name-date { display: flex; justify-content: flex-start; align-items: center; margin-top: 1rem; }
.wrap-notices .notices-list .notice .wrap-name-date .name { width: 20%; max-width: 50px; font-size: 0.75rem; color: #757575; }
.wrap-notices .notices-list .notice .wrap-name-date .date { width: 20%; max-width: 70px; font-size: 0.75rem; color: #b8b8b8; }
/* -end- 공지사항 리스트 */

/* 페이지네이션 */
.wrap-notices .pagination { display: flex; justify-content: center; align-items: center; width: 50%; max-width: 320px; margin: 0 auto 3.25rem; font-family: "Montserrat"; }
.wrap-notices .pagination .current-total-pages { margin: 0 4.625rem; font-size: 1.125rem; color: #000; }
.wrap-notices .pagination .prev,
.wrap-notices .pagination .next { font-size: 1rem; color: rgba(0, 0, 0, 0.6); }
.wrap-notices .pagination .prev img,
.wrap-notices .pagination .next img { width: 1.5rem; height: 1.5rem; vertical-align: -7px; }
/* -end- 페이지네이션 */

/* 공지사항 상세 */
.wrap-notice { width: 100%; max-width: 1180px; margin: 4.875rem auto 5rem; }
.wrap-notice .category { width: 100%; text-align: left; font-size: 1.125rem; color: #10a3ad; }
.wrap-notice h1 { margin: 0 auto 4.625rem; font-size: 3rem; color: #333; }
.wrap-notice .wrap-date-share { display: flex; justify-content: space-between; }
.wrap-notice .wrap-date { display: flex; justify-content: flex-start; font-family: "Montserrat"; width: 90%; }
.wrap-notice .wrap-date .created-date,
.wrap-notice .wrap-date .updated-date { width: 30%; max-width: 300px; font-size: 1.125rem; color: #757575; }
.wrap-notice .wrap-date .created-date { margin-right: 7%; font-weight: bold; }
.wrap-notice .wrap-date .date-title { margin-right: 0.5rem; font-size: 1.125rem; font-weight: bold; color: #ccc; }
.wrap-notice .wrap-date-share .share { box-sizing: border-box; margin-right: 0.75rem; text-align: right; color: #757575; }
.wrap-notice .wrap-content { box-sizing: border-box; margin: 3.125rem auto 3.75rem; padding: 3.75rem 0; border-top: 1px solid #ccc; overflow: hidden; }
/* .wrap-notice .wrap-content img { width: 100%; max-width: 1180px; } */
.wrap-notice .wrap-btn { width: 100%; text-align: right; }
.wrap-notice .wrap-btn .btn-link { display: inline-block; padding: 1.125rem 5rem; border: 1px solid #10a3ad; font-size: 0.875rem; color: #10a3ad; }
/* -end- 공지사항 상세 */

@media only screen and (max-width: 600px) {
  /* 메뉴 */
  .wrap-menu { margin: 25% 0 15%; }
  .wrap-menu .menu-list li { margin-right: 2.5rem; font-size: 1.125rem; }
  .wrap-menu .menu-list li.active { text-decoration: underline; }
  /* -end- 메뉴 */

  /* 공지사항 리스트 */
  .wrap-notices .notices-list { margin-bottom: 3.375rem; }
  .wrap-notices .notices-list .notice { padding: 1.25rem; }
  .wrap-notices .notices-list .notice .wrap-category-title .category { font-size: 0.75rem; }
  .wrap-notices .notices-list .notice .wrap-category-title .title { font-size: 0.875rem; }
  /* -end- 공지사항 리스트 */

  /* 페이지네이션 */
  .wrap-notices .pagination { margin-bottom: 6.5rem; width: 100%; }
  .wrap-notices .pagination .current-total-pages { margin: 0 5.375rem; font-size: 1rem; }
  .wrap-notices .pagination .prev,
  .wrap-notices .pagination .next { font-size: 0.75rem; }
  .wrap-notices .pagination .prev img,
  .wrap-notices .pagination .next img { vertical-align: -8px; }
  /* -end- 페이지네이션 */

  /* 공지사항 상세 */
  .wrap-notice { box-sizing: border-box; padding: 0 1.25rem; }
  .wrap-notice h1 { font-size: 2.5rem; }
  .wrap-notice .wrap-date-share { flex-direction: column; }
  .wrap-notice .wrap-date { flex-direction: column; }
  .wrap-notice .wrap-date .created-date,
  .wrap-notice .wrap-date .updated-date { width: 100%; max-width: 600px; margin-bottom: 1rem; }
  .wrap-notice .wrap-date-share .share { display: inline-block; width: 1.5rem; height: 1.5rem; text-align: left; }
  /* .wrap-notice .wrap-content img { max-width: 600px; } */
  .wrap-notice .wrap-btn { text-align: center; }
  .wrap-notice .wrap-btn .btn-link { padding: 0.75rem 2.5rem; }
  /* -end- 공지사항 상세 */
}

/*# sourceMappingURL=support_notices.css-b4d1c25054b560d1f8e56fa52f54eb282123de3fef3370969ef56ace5c2197a4.map */