/* -start- title-area -공통- */
.title-area { position: relative; }
.title-area .top-main-img-box { width: 100%; max-width: 1920px; height: 350px; }
.title-area .top-main-img-box .d-img-top-main { width: 100%; height: 100%; display: block; object-fit: cover; }
.title-area .top-main-text-box { position: absolute; top: 35%; left: 0; right: 0; }
.title-area .top-main-text-box .area-title-h1 { font-size: 1.875rem; font-weight: 500; text-align: center; color: #fff; padding-bottom: 1.25rem; }
.title-area .top-main-text-box .area-category-list { font-size: 1rem; font-weight: normal; text-align: center; color: #fff; }
.title-area .top-main-text-box .icon-next { vertical-align: bottom; }
/* -end- title-area -공통- */

/* -start- 공지사항 리스트 */
.wrap-notice-table { width: 100%; max-width: 1100px; margin: 7.5rem auto; }
.wrap-notice-table .title-h1 { font-size: 2.5rem; font-weight: bold; letter-spacing: 6px; text-align: center; color: #202020; padding-bottom: 3.75rem; }

.wrap-notice-table .wrapping-search { width: 100%; max-width: 300px; float: right; }
.wrap-notice-table .wrapping-search .input-search { border: 1px solid #d9d9d9; border-right: 0; border-radius: 0; font-size: 0.937rem; font-weight: normal; line-height: normal; color: #808080; padding: 0.625rem 0.812rem; }
.wrap-notice-table .wrapping-search .input-search:focus { box-shadow: none; }
.wrap-notice-table .wrapping-search .btn-search { border: 1px solid #d9d9d9; border-left: 0; border-radius: 0; padding: 0; }
.wrap-notice-table .wrapping-search .btn-search:hover { background-color: #fff; }
.wrap-notice-table .wrapping-search .btn-search .icon-search { color: #666666; padding: 0.625rem 1rem; }

.wrap-notice-table table { clear: both; width: 100%; padding-top: 1rem; text-align: center; }
.wrap-notice-table table thead { border-top: 2px solid #202020; border-bottom: 0.6px solid #202020; }
.wrap-notice-table table thead tr th { font-size: 0.937rem; font-weight: 500; color: #202020; padding: 1.125rem 0 1.025rem; }
.wrap-notice-table table tbody tr { border-bottom: 0.6px solid #d2d2d2; }
.wrap-notice-table table tbody tr td { font-size: 0.937rem; font-weight: normal; color: #202020; padding: 1.125rem 0 1.025rem; }
.wrap-notice-table table .notice-list-title { text-align: left; }

.notice-page { 
  justify-content: center; 
  padding-top: 2rem; 
  border-width: 0; 
  color: #999999; 
  --bs-pagination-focus-box-shadow: none; 
  --bs-pagination-focus-bg: #fff; 
  --bs-pagination-border-width: 0;
}
.notice-page:hover { background-color: #fff;  }
.notice-page .notice-page-link:hover { background-color: #fff; color: #202020; }
/* -end- 공지사항 리스트 */

/* -start- 공지사항 상세페이지 */
.wrap-notice-detail { width: 100%; max-width: 1100px; margin: 7.5rem auto; }
.wrap-notice-detail .title-h1 { font-size: 2.5rem; font-weight: bold; letter-spacing: 6px; text-align: center; color: #202020; padding-bottom: 3.75rem; }

.wrap-notice-detail .wrapping-notice-detail { padding-left: 0; border-top: 2px solid #202020; width: 100%; }
.wrap-notice-detail .wrapping-notice-detail .detail-title { background-color: #f9f9f9; border-bottom: solid 1px #d9d9d9; font-size: 1.062rem; font-weight: 500; color: #202020; padding: 0.937rem 1rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list { display: flex; justify-content: space-between; align-items: center; padding: 0.937rem 0; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box { display: flex; justify-content: flex-start; align-items: center; padding-left: 1rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-writer { font-size: 0.875rem; color: #666; padding-right: 0.625rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-line { width: 0.7px; height: 14px; background-color: #cdcdcd; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-date { font-size: 0.875rem; color: #666; padding-left: 0.625rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-date .text-date { display: inline-block; padding-right: 3px; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-url-box { display: flex; justify-content: flex-end; align-items: center; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-url-box .detail-url { font-size: 0.75rem; font-weight: 300; text-align: right; color: #666; padding-right: 0.375rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-url-box .btn-url-copy { font-size: 0.625rem; font-weight: bold; text-align: center; color: #fff; padding: 0.437rem 0.5rem 0.375rem 0.562rem; border-radius: 5px; background-color: #bbb; }
.wrap-notice-detail .wrapping-notice-detail .detail-files { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex-direction: column; padding: 0.937rem 1rem; background-color: #f9f9f9; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; font-size: 0.75rem; color: #202020; }
.wrap-notice-detail .wrapping-notice-detail .detail-files .detail-file { margin-bottom: 0.5rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-files .detail-file:last-of-type { margin-bottom: 0; }
.wrap-notice-detail .wrapping-notice-detail .detail-content { padding: 0.937rem 1rem 1.875rem; font-size: 0.937rem; color: #202020; border-bottom: 0.6px solid #202020; }
.wrap-notice-detail .wrapping-notice-detail .detail-pre,
.wrap-notice-detail .wrapping-notice-detail .detail-next { display: flex; justify-content: flex-start; align-items: center; border-bottom: 0.6px solid #d2d2d2; padding: 0.75rem 0 0.712rem; }
.wrap-notice-detail .wrapping-notice-detail .detail-pre .list-text,
.wrap-notice-detail .wrapping-notice-detail .detail-next .list-text { font-size: 0.812rem; font-weight: 500; color: #202020; }
.wrap-notice-detail .wrapping-notice-detail .detail-pre .list-text .icon-drop,
.wrap-notice-detail .wrapping-notice-detail .detail-next .list-text .icon-drop { vertical-align: middle; }
.wrap-notice-detail .wrapping-notice-detail .detail-pre .list-title,
.wrap-notice-detail .wrapping-notice-detail .detail-next .list-title { padding-left: 1.25rem; font-size: 0.875rem; font-weight: 300; color: #202020; }

.wrap-notice-detail .btn-notice-list-box { text-align: right; }
.wrap-notice-detail .btn-notice-list { font-size: 0.937rem; font-weight: 500; text-align: center; color: #202020; border: 1px solid #202020; padding: 0.625rem 0; background-color: #fff; width: 100%; max-width: 120px; display: inline-block; }
/* -end- 공지사항 상세페이지 */

@media (max-width: 600px) {
  /* -start- submenu -공통- */
  .wrap-mobile-submenu { background-color: #202020; width: 100%; overflow: hidden; padding: 1.062rem 0 1rem; position: fixed; top: 50px; z-index: 1; }
  #m-submenu-slides .list-submenu { font-size: 0.937rem; font-weight: 500; color: rgba(255, 255, 255, 0.5); }
  #m-submenu-slides .list-submenu.on { color: #fff; }
  #m-submenu-slides .swiper-container { padding-left: 1.562rem; padding-right: 1.25rem; }
  #m-submenu-slides .list-1 { width: 55px; }
  #m-submenu-slides .list-2 { width: 140px; }
  #m-submenu-slides .list-3 { width: 150px; }
  #m-submenu-slides .list-4 { width: 45px; }
  /* -end- submenu -공통- */
  
  /* -start- 공지사항 리스트 */
  .wrap-notice-table { width: 88.88%; max-width: 88.88%; margin: 5.5rem auto 5rem; }
  .wrap-notice-table .title-h1 { font-size: 1.562rem; letter-spacing: 3.75px; padding-bottom: 1.625rem; }

  .wrap-notice-table .wrapping-search { max-width: 100%; }
  .wrap-notice-table .wrapping-search .input-search { font-size: 0.812rem; color: #808080; padding: 0.625rem 0.875rem; }
  .wrap-notice-table .wrapping-search .btn-search { border: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }
  .wrap-notice-table .wrapping-search .btn-search .icon-search { padding: 0.687rem; font-size: 1rem; }

  .wrap-notice-table .wrapper-notice-table { padding-left: 0; margin-top: 1.125rem; clear: both; border-top: 2px solid #202020; }
  .wrap-notice-table .wrapper-notice-table .notice-list { padding: 0.812rem 0 0.712rem; border-bottom: 0.6px solid #d2d2d2; }
  .wrap-notice-table .wrapper-notice-table .notice-list .notice-title { font-size: 0.875rem; font-weight: normal; color: #202020; padding-bottom: 0.312rem; }
  .wrap-notice-table .wrapper-notice-table .notice-list .second-list { display: flex; justify-content: flex-start; align-items: center; padding-left: 0; }
  .wrap-notice-table .wrapper-notice-table .notice-list .second-list .notice-writer { font-size: 0.875rem; color: #737373; padding-right: 0.312rem; }
  .wrap-notice-table .wrapper-notice-table .notice-list .second-list .notice-date { font-size: 0.875rem; color: #737373; padding-left: 0.312rem; }
  .wrap-notice-table .wrapper-notice-table .notice-list .second-list .notice-line { width: 0.7px; height: 14px; background-color: #cdcdcd; }
  
  .notice-page { padding-top: 0; }
  
  /* -end- 공지사항 리스트 */

  /* -start- 공지사항 상세페이지 */
  .wrap-notice-detail { width: 88.88%; max-width: 88.88%; margin: 5.5rem auto; }
  .wrap-notice-detail .title-h1 { font-size: 1.562rem; letter-spacing: 3.75px; padding-bottom: 1.5rem; }

  .wrap-notice-detail .wrapping-notice-detail .detail-title { font-size: 0.937rem; padding: 0.562rem 0.75rem; }
  .wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list { display: block; padding: 0.687rem 0 0; }
  .wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box { padding: 0 0 0.587rem 0.75rem; border-bottom: 0.6px solid #d2d2d2; }
  .wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-writer { font-size: 0.812rem; color: #737373; padding-right: 0.5rem; }
  .wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-line { height: 13px; }
  .wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-list-box .detail-date { font-size: 0.812rem; color: #737373; padding-left: 0.456rem; }
  .wrap-notice-detail .wrapping-notice-detail .detail-wrapping-list .detail-url-box { padding: 0.5rem 3px 0.5rem 0.75rem; }
  .wrap-notice-detail .wrapping-notice-detail .detail-content { padding: 0.5rem 0.75rem 1.875rem; font-weight: 500; }
  .wrap-notice-detail .wrapping-notice-detail .detail-content img { max-width: 100%; }

  .wrap-notice-detail .btn-notice-list-box { text-align: center; }
  .wrap-notice-detail .btn-notice-list { font-size: 1rem; padding: 0.812rem 0; width: 100%; max-width: 100%; display: block; }
  /* -end- 공지사항 상세페이지 */

}