.no_result {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid #C6C6C6;
  color: #1d1d1d;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
}
.no_result::before {
  content: "";
  width: 60px;
  height: 60px;
  margin: 0 auto 4px;
  background: url(/images/user/sub/dm_no_result.svg) no-repeat center center;
  background-size: contain;
}
.bd_total {
  margin-top: 40px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
.bd_total .navy {
  color: #003a88;
  font-weight: 700;
}
.board_head .board_search {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 20px;
}
.board_head .board_search .bd_total {
  margin: 0 auto 0 0;
}
.board_head .board_search .form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.board_head .board_search.justify_con_center {
  justify-content: center;
}
.board_head .board_search.justify_con_center .form {
  justify-content: center;
}

.board_head .board_search.graybox_center {
  justify-content: center;
  margin-top: 40px;
  padding: 16px;
  border-radius: 12px;
  background-color: #f2f4f8;
}
.board_head .board_search.graybox_center .input_select select {
  width: auto;
}

.board_head .board_search.graybox_center .btn {
  border-radius: 8px;
}

.board_head .board_search .input_select select {
  width: 100px;
  height: 43px;
  padding: 0 36px 0 12px;
  margin-right: 8px;
  border: 1px solid #c6c6c6;
  border-radius: 8px;
  background: url(/images/user/dm_bg_select.svg) no-repeat right 12px center #fff;
  background-size: 16px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
.board_head .board_search .input_text .search_input {
  width: 294px;
  height: 43px;
  padding: 0 16px;
  border: 1px solid #c6c6c6;
  border-right: none;
  border-radius: 8px 0 0 8px;
  background: #fff;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}
.board_head .board_search .input_text .search_input::placeholder {
  color: #717171;
}
.board_head .board_search .search_input {
  padding: 0 15px;
  border: 0;
  width: 470px;
}
.board_head .board_search .btn {
  flex: none;
  width: 43px;
  height: 43px;
  border-radius: 0 8px 8px 0;
  background: url(/images/user/dm_btn_bd_search.svg) no-repeat center center #003a88;
  background-size: 21px;
  overflow: hidden;
}
.board_head .board_search.style02 {
  background: #e8f0fb;
}
.board_head .board_search .tab_common {
  display: flex;
  margin-right: 8px;
}
.board_head .board_search .tab_common li + li {
  margin-left: 2px;
}
.board_head .board_search .tab_common li a {
  display: block;
  width: 200px;
  padding: 0 20px;
  background: #fff;
  color: #1c1c1c;
  font-size: 16px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: -0.8px;
  text-align: center;
}
.board_head .board_search .tab_common li.active a {
  background: #003a88;
  color: #fff;
  font-weight: 700;
}
.board_head .board_search .tab_common ~ .input_select select {
  width: 220px;
}

.board_list {
  margin-top: 24px;
  border-top: 2px solid #002e6d;
}
.bd_total + .board_list {
  margin-top: 12px;
}
.board_list .toggle {
  border-bottom: 1px solid #c6c6c6;
}
.board_list .toggle > a {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 16px 0;
  text-align: center;
}
.board_list .toggle .num {
  width: 74px;
  font-size: 17px;
  line-height: 1.5;
}
.board_list .toggle .num .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  border: 1px solid #003a88;
  border-radius: 4px;
  color: #003a88;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
}
.board_list .toggle .txt {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  text-align: left;
  overflow: hidden;
}
.board_list .toggle .title {
  font-size: 17px;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.board_list .toggle .meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
}
.board_list .toggle .meta .tit_con {
  display: flex;
  position: relative;
  margin-top: 8px;
  padding-right: 25px;
}
.board_list .toggle .meta .tit_con::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 12px;
  width: 1px;
  height: 16px;
  background: #d8d8d8;
}
.board_list .toggle .meta .tit_con:last-child {
  padding-right: 0;
}
.board_list .toggle .meta .tit_con:last-child::after {
  display: none;
}
.board_list .toggle .meta .tit {
  margin-right: 8px;
  color: #717171;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
}
.board_list .toggle .meta .tit::after {
  content: " :";
}
.board_list .toggle .meta .con {
  flex: 1;
}
.board_list .toggle .file {
  width: 71px;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
.board_list .toggle .file .icon {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background: url("/images/user/dm_img_board_list_file.svg") no-repeat center/contain;
}
.board_list .toggle .date {
  width: 140px;
  color: #555;
  font-size: 15px;
  line-height: 1.5;
}
.board_list .toggle > a:hover {
  background-color: #f8f8f8;
}
.board_list .toggle > a:hover .title {
  color: #003a88;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.board_list .toggle.thead {
  border-bottom: 1px solid #002e6d;
}
.board_list .toggle.thead > a:hover {
  background-color: #fff;
}
.board_list .toggle.thead > a .th {
  display: block;
  color: #1d1d1d;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.pagination .page-navi {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  margin: 0 5px;
  color: #555;
  font-size: 17px;
  line-height: 40px;
}
.pagination .page-navi.prev::before {
  flex: none;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/images/user/dm_paging_prev.svg) no-repeat center/contain;
}
.pagination .page-navi.next::after {
  flex: none;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/images/user/dm_paging_next.svg) no-repeat center/contain;
}
.pagination .page-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-links .page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 3px;
  margin: 0 3px;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
  color: #555;
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
}
.pagination .page-links .page-link:not(.link-dot):hover {
  background-color: #f8f8f8;
  color: #003a88;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pagination .page-links .page-link[aria-current] {
  border-color: #003a88 !important;
  background-color: #003a88 !important;
  color: #fff !important;
  font-weight: 700;
}
.pagination .page-links .page-link.link-dot::before {
  content: "···";
}

.pagination.m-page {
  display: none;
}

.board_paging {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 33px;
}
.board_paging .num {
  display: flex;
  margin: 0 8px;
}
.board_paging .num > a,
.board_paging .num > strong {
  width: 32px;
  height: 32px;
  margin: 2px 4px;
  font-size: 14px;
  line-height: 32px;
  font-weight: 400;
  text-align: center;
  letter-spacing: -0.05em;
}
.board_paging .num > a {
  color: #616161;
}
.board_paging .num > strong {
  background: #003a88;
  color: #fff;
  font-weight: 500;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.board_paging .btn > a {
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
}
.board_paging .btn > a.first {
  background-image: url("/images/user/dm_paging_first.svg");
}
.board_paging .btn > a.prev {
  margin-left: 3px;
  background-image: url("/images/user/dm_paging_prev.svg");
}
.board_paging .btn > a.next {
  margin-right: 3px;
  background-image: url("/images/user/dm_paging_next.svg");
}
.board_paging .btn > a.last {
  background-image: url("/images/user/dm_paging_last.svg");
}
.board_paging .m_num {
  display: none;
}

.card_list {
  margin-top: 24px;
  border-top: 2px solid #002e6d;
}
.bd_total + .card_list {
  margin-top: 12px;
}
.card_list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
  margin-top: 40px;
}
.card_list > ul > li {
  width: calc(100% / 3 - 16px);
}
.card_list > ul > li > a {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
  overflow: hidden;
}
.card_list > ul > li > a:focus-visible {
      outline-offset: 8px;
}
.card_list > ul > li > a .imgbox {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: calc(100% - 1px);
}
.card_list > ul > li > a .imgbox.noimg {
  background: url(/images/user/common/bg_noimg.svg) no-repeat center;
  background-color: #e6ebf3;
}
.card_list > ul > li > a .imgbox.noimg img {
  display: none;
}
.card_list > ul > li > a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card_list > ul > li .txt {
  display: none;
}

.photo_list {
  margin-top: 24px;
  border-top: 2px solid #002e6d;
}
.bd_total + .photo_list {
  margin-top: 12px;
}
.photo_list > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
  margin-top: 40px;
}
.photo_list > ul > li {
  width: calc(100% / 3 - 16px);
}
.photo_list > ul > li > a {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  padding-bottom: 16px;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
  overflow: hidden;
}
.photo_list > ul > li > a:focus-visible {
      outline-offset: 8px;
}
.photo_list > ul > li > a::before {
  content: "자세히보기";
  position: absolute;
  right: 20px;
  bottom: 16px;
  padding-right: 18px;
  background: url(/images/user/sub/ico_16_more_gray.svg) no-repeat right center/16px;
  color: #555;
  font-size: 15px;
  line-height: 23px;
}
.photo_list > ul > li > a[target="_blank"]::before {
  display: none;
}
.photo_list > ul > li > a[target="_blank"] .imgbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  background: url(/images/user/sub/ico_42_blank_white.svg) no-repeat center/contain;
  transform: translate(-50%, -50%);
}
.photo_list > ul > li > a .imgbox {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: 72%;
  border-bottom: 1px solid #d8d8d8;
}
.photo_list > ul > li > a .imgbox.noimg {
  background: url(/images/user/common/bg_noimg.svg) no-repeat center;
  background-color: #e6ebf3;
}
.photo_list > ul > li > a .imgbox.noimg img {
  display: none;
}
.photo_list > ul > li > a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo_list .txt {
  height: 52px;
  margin: 16px 20px 0;
  font-size: 17px;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.photo_list .date {
  display: block;
  padding-left: 18px;
  margin: 10px 20px 0;
  background: url(/images/user/sub/ico_16_date_gray.svg) no-repeat 0 center/16px;
  color: #555;
  font-size: 15px;
  line-height: 23px;
}

.board_view {
  border-top: 2px solid #002e6d;
}
/* .board_view .open_mark {
  display: none;
} */
.view_head {
  padding: 32px 0;
  border-bottom: 1px solid #c6c6c6;
}
.view_head > h2 {
  font-size: 25px;
  line-height: 1.5;
  font-weight: 700;
}
.view_head .meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
}
.view_head .meta .tit_con {
  display: flex;
  position: relative;
  margin-top: 16px;
  padding-right: 33px;
}
.view_head .meta .tit_con::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 16px;
  width: 1px;
  height: 16px;
  background: #d8d8d8;
}
.view_head .meta .tit_con:last-child {
  padding-right: 0;
}
.view_head .meta .tit_con:last-child::after {
  display: none;
}
.view_head .meta .tit {
  margin-right: 8px;
  color: #717171;
  font-weight: 400;
}
.view_head .meta .tit::after {
  content: " :";
}
.view_head .meta .con {
  flex: 1;
}
.view_head .sns-link {
  display: none;
}

.view_cont {
  padding: 40px 20px;
  color: #1d1d1d;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
}
.view_cont img {
  width: 100%;
  max-width: 700px;
}

/* iframe pc mobile */
.board_pc {
  display: block;
  padding: 30px 10px;
}
.board_notcon {
  display: none;
  padding: 30px 10px;
}
.board_mobile {
  display: none;
  padding: 30px 10px;
}

.view_file {
  padding: 24px;
  border-radius: 20px;
  background: #f8f8f8;
}
.view_file .down_file > .tit {
  position: absolute;
  width: 1px;
  height: 1px;
  color: #fff;
  font-size: 1px;
  line-height: 1px;
  opacity: 0.01;
}
.view_file .view_file_titbox {
  padding-bottom: 24px;
  border-bottom: 1px solid #c6c6c6;
}
.view_file .view_file_tit {
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
}
.view_file .view_file_tit::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(/images/user/sub/ico_24_view_file_tit_gray.svg) no-repeat center/contain;
}
.view_file .down_file {
  margin-top: 24px;
}
.view_file .down_file > li {
  display: flex;
  align-items: center;
}
.view_file .down_file > li + li {
  margin-top: 16px;
}
.view_file .down_file > li > a {
  padding-left: 24px;
  margin-right: 16px;
  background: url("/images/user/sub/dm_ico_board_view_file.svg") no-repeat 0 center;
  background-size: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view_file .down_file > li > a.ico_file_pdf {
  background-image: url(/images/user/sub/dm_ico_board_view_file_pdf.svg);
}
.view_file .down_file > li > a.ico_file_hwp {
  background-image: url(/images/user/sub/dm_ico_board_view_file_hwp.svg);
}
.view_file .down_file > li > a.ico_file_word {
  background-image: url(/images/user/sub/dm_ico_board_view_file_word.svg);
}
.view_file .down_file > li > a.ico_file_ppt {
  background-image: url(/images/user/sub/dm_ico_board_view_file_ppt.svg);
}
.view_file .down_file > li > a.ico_file_xlsx {
  background-image: url(/images/user/sub/dm_ico_board_view_file_xlsx.svg);
}
.view_file .down_file > li > a.ico_file_zip {
  background-image: url(/images/user/sub/dm_ico_board_view_file_zip.svg);
}
.view_file .down_file .down_btn {
  display: flex;
  margin-left: auto;
}
.view_file .down_file .down_btn > a {
  min-width: 92px;
  margin-right: 8px;
  padding: 3px 29px 3px 9px;
  border: 1px solid #003a88;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 16px;
  background-color: #fff;
  color: #003a88;
  font-size: 15px;
  line-height: 23px;
  white-space: nowrap;
}
.view_file .down_file .down_btn > a:last-child {
  margin-right: 0;
}
.view_file .down_file .down_btn .down {
  background-image: url("/images/user/sub/dm_ico_board_view_download.svg");
}
.view_file .down_file .down_btn .view {
  background-image: url("/images/user/sub/dm_ico_board_view_eye.svg");
}

.view_filenew {
  padding: 24px;
  border-radius: 20px;
  background: #f8f8f8;
}
.view_filenew .down_file > .tit {
  position: absolute;
  width: 1px;
  height: 1px;
  color: #fff;
  font-size: 1px;
  line-height: 1px;
  opacity: 0.01;
}
.view_filenew .view_file_titbox {
  padding-bottom: 24px;
  border-bottom: 1px solid #c6c6c6;
}
.view_filenew .view_file_tit {
  display: flex;
  align-items: center;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
}
.view_filenew .view_file_tit::before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 4px;
  background: url(/images/user/sub/ico_24_view_file_tit_gray.svg) no-repeat center/contain;
}
.view_filenew .down_file_new {
  margin-top: 24px;
}
.view_filenew .down_file_new > li {
  display: flex;
  align-items: center;
}
.view_filenew .down_file_new > li + li {
  margin-top: 16px;
}
.view_filenew .down_file_new > li > a {
  padding-left: 24px;
  margin-right: 16px;
  background: url("/images/user/sub/dm_ico_board_view_file.svg") no-repeat 0 center;
  background-size: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view_filenew .down_file_new a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.view_filenew .down_file_new > li > a.ico_file_pdf {
  background-image: url(/images/user/sub/dm_ico_board_view_file_pdf.svg);
}
.view_filenew .down_file_new > li > a.ico_file_hwp {
  background-image: url(/images/user/sub/dm_ico_board_view_file_hwp.svg);
}
.view_filenew .down_file_new > li > a.ico_file_word {
  background-image: url(/images/user/sub/dm_ico_board_view_file_word.svg);
}
.view_filenew .down_file_new > li > a.ico_file_ppt {
  background-image: url(/images/user/sub/dm_ico_board_view_file_ppt.svg);
}
.view_filenew .down_file_new > li > a.ico_file_xlsx {
  background-image: url(/images/user/sub/dm_ico_board_view_file_xlsx.svg);
}
.view_filenew .down_file_new > li > a.ico_file_zip {
  background-image: url(/images/user/sub/dm_ico_board_view_file_zip.svg);
}
.view_filenew .down_file_new .down_btn {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
}
.view_filenew .down_file_new .down_btn > a {
  min-width: 92px;
  margin-right: 8px;
  padding: 3px 29px 3px 9px;
  border: 1px solid #003a88;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 16px;
  background-color: #fff;
  color: #003a88;
  font-size: 15px;
  line-height: 23px;
  white-space: nowrap;
}
.view_filenew .down_file_new .down_btn > a:last-child {
  margin-right: 0;
}
.view_filenew .down_file_new .down_btn .down {
  background-image: url("/images/user/sub/dm_ico_board_view_download.svg");
}
.view_filenew .down_file_new .down_btn .view {
  background-image: url("/images/user/sub/dm_ico_board_view_eye.svg");
}

.view_nav {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  border-top: 1px solid #d8d8d8;
}

.view_nav .prev_next > li {
  border-bottom: 1px solid #d8d8d8;
}
.view_nav .prev_next > li > a {
  display: flex;
  align-items: center;
  padding: 15px 0 15px 24px;
}
.view_nav .prev_next > li > a::before {
  flex: none;
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.view_nav .prev_next > li > a.prev::before {
  background-image: url(/images//user/sub/ico_24_pn_prev.svg);
}
.view_nav .prev_next > li > a.next::before {
  background-image: url(/images//user/sub/ico_24_pn_next.svg);
}
.view_nav .prev_next > li > a .lb {
  margin-right: 24px;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 700;
}
.view_nav .prev_next > li > a .txt {
  flex: 1;
  min-width: 0;
  color: #555;
  font-size: 17px;
  line-height: 1.5;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.view_nav .prev_next > li > a:hover {
  background-color: #f8f8f8;
}
.view_nav .prev_next > li > a:hover .txt {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.view_nav .prev_next > li > a.none {
  /* opacity: 0.5; */
  pointer-events: none;
}
.view_nav .prev_next > li > a.none.next::before {
  opacity: 0.5;
}
.view_nav .prev_next > li > a.none.prev::before {
  opacity: 0.5;
}
.view_nav .prev_next > li > a .lb {
  color: #717171;
}
.view_nav .prev_next > li > a.none .txt {
  color: #717171;
}

.view_nav .btn_li {
  flex: none;
  width: 91px;
  margin: 40px auto 0;
  border-radius: 8px;
  background-color: #003a88;
  color: #fff;
  font-size: 17px;
  line-height: 38px;
  font-weight: 400;
  text-align: center;
}

/* page skip */
.page_skip {
  margin-top: 20px;
  border-top: 1px solid #c6c6c6;
}
.page_skip ul li {
  position: relative;
  border-bottom: 1px solid #c6c6c6;
}
.page_skip .ps_ttl {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 89px;
  padding: 15px 0 15px 15px;
}
.page_skip .ps_ttl span {
  color: #757575;
  font-size: 12px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: -0.6px;
}
.page_skip .ps_ttl em {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.page_skip .ps_ttl .ico_up {
  background-image: url("/images/user/sub/dm_btn_board_view_next02.svg");
}
.page_skip .ps_ttl .ico_down {
  background-image: url("/images/user/sub/dm_btn_board_view_prev02.svg");
}
.page_skip .ps_detail {
  display: block;
  padding: 15px 30px 15px 89px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.8px;
}
.page_skip .ps_detail a {
  display: block;
  color: #1c1c1c;
}

.view_navnew {
  margin-top: 40px;
  text-align: center;
}
.view_navnew .btn_li {
  display: inline-block;
  width: 96px;
  height: 40px;
  background-color: #003a88;
  color: #fff;
  font-size: 15px;
  line-height: 40px;
  font-weight: 500;
  text-align: center;
  vertical-align: top;
}

/* photo slide */
.slide_photo {
  margin: 0 -20px 40px;
  padding: 60px 62px 40px;
  border-radius: 20px;
  background-color: #e6ebf3;
}
.slide_photo .slider-for {
}
.slide_photo .slider-for .slick-slide .imgbox {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: calc(56.65% - 1px);
}
.slide_photo .slider-for .slick-slide .imgbox.noimg {
  background: url(/images/user/common/bg_noimg.svg) no-repeat center;
  background-color: #fff;
}
.slide_photo .slider-for .slick-slide .imgbox.noimg img {
  display: none;
}
.slide_photo .slider-for .slick-slide .imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.slide_photo .slider-nav {
  padding: 0 0 40px;
}
.slide_photo .slider-nav .slick-list {
  margin-left: -12px;
}
.slide_photo .slider-nav .slick-slide {
  margin: 12px 0 0 12px;
}
.slide_photo .slider-nav .nav {
  display: block;
  position: relative;
}
.slide_photo .slider-nav .slick-current .nav::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #002e6d;
  z-index: 1;
  pointer-events: none;
}
.slide_photo .slider-nav .nav:focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #00b527;
  z-index: 1;
  pointer-events: none;
}
.slide_photo .slider-nav .slick-slide .imgbox {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: calc(56.65% - 1px);
}
.slide_photo .slider-nav .slick-slide .imgbox.noimg {
  background: url(/images/user/common/bg_noimg.svg) no-repeat center;
  background-color: #fff;
  background-size: 80%;
}
.slide_photo .slider-nav .slick-slide .imgbox.noimg img {
  display: none;
}
.slide_photo .slider-nav .slick-slide .imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
.slide_photo .slick-prev,
.slide_photo .slick-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: transparent;
  background-repeat: no-repeat, no-repeat;
  background-position: -9999px center, center center;
  background-size: contain, contain;
  text-indent: -999px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 5;
  transform: translateY(-50%);
}
.slide_photo .slick-prev {
  left: -20px;
  background-image: url(/images/user/sub/dm_btn_slide_photo_prev_hover.svg), url(/images/user/sub/dm_btn_slide_photo_prev.svg);
}
.slide_photo .slick-next {
  right: -20px;
  background-image: url(/images/user/sub/dm_btn_slide_photo_next_hover.svg), url(/images/user/sub/dm_btn_slide_photo_next.svg);
}
.slide_photo .slick-prev:hover,
.slide_photo .slick-next:hover {
  background-position: center center, -9999px center;
}
.slide_photo .slick-disabled {
	display: none !important;
}

.slide_photo .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.slide_photo .slick-dots li {
  margin: 0 4px;
}
.slide_photo .slick-dots li button {
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background-color: #8e8e8e;
  text-indent: -999px;
  overflow: hidden;
  transition: 0.2s;
}
.slide_photo .slick-dots li.slick-active button {
  width: 20px;
  background-color: #003a88;
}


@media screen and (max-width: 1430px) {
  .board_head .board_search .tab_common li a {
    width: auto;
  }
  .board_head .board_search .tab_common ~ .input_select select {
    width: 180px;
  }
}

@media screen and (min-width: 1281px) {
  .board_list .toggle .meta .tit_con {
    max-width: 100%;
  }
  .board_list .toggle .meta .tit {
    white-space: nowrap;
  }
  .board_list .toggle .meta .con {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media screen and (max-width: 1280px) {
  .board_list .toggle.thead {
    display: none;
  }
  .board_list .toggle > a {
    flex-wrap: wrap;
  }
  .board_list .toggle > a:hover {
    background-color: #fff;
  }
  .board_list .toggle .num {
    width: auto;
    font-size: 0;
  }
  .board_list .toggle .num:has(.tag) + .txt {
    width: calc(100% - 42px);
    padding-left: 8px;
  }
  .board_list .toggle .txt {
    flex: none;
    width: 100%;
    padding: 0;
  }
  .board_list .toggle .file {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    color: #555;
    text-align: left;
  }
  .board_list .toggle .file::before {
    content: attr(aria-label);
    min-width: 70px;
    background: url(/images/user/ico_1_line_gray.png) no-repeat right 8px center;
  }
  .board_list .toggle .file .icon {
    width: 20px;
    height: 20px;
    margin: 0;
  }
  .board_list .toggle .date {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 4px;
    color: #555;
    text-align: left;
  }
  .board_list .toggle .date::before {
    content: attr(aria-label);
    min-width: 70px;
    background: url(/images/user/ico_1_line_gray.png) no-repeat right 8px center;
  }
  .board_list .toggle .meta {
    flex-direction: column;
    font-size: 15px;
  }
  .board_list .toggle .meta .tit_con {
    margin-top: 4px;
    padding-right: 0;
  }
  .board_list .toggle .meta .tit_con::after {
    display: none;
  }
  .board_list .toggle .meta .tit {
    min-width: 70px;
    margin-right: 0;
    font-size: 15px;
    background: url(/images/user/ico_1_line_gray.png) no-repeat right 8px center;
  }
  .board_list .toggle .meta .tit::after {
    display: none;
  }

  .view_cont {
    padding: 32px 0;
  }
  .view_file .down_file > li {
    flex-direction: column;
  }
  .view_file .down_file > li > a {
    width: 100%;
    margin-right: 0;
  }
  .view_file .down_file .down_btn {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding-top: 8px;
  }
  .view_file .down_file .down_btn a {
    margin-top: 8px;
  }

  .slide_photo {
    margin: 0 0 32px;
    padding: 60px 56px 40px;
  }
}
@media screen and (max-width: 1024px) {
  .board_paging {
    margin-top: 48px;
  }

  .card_list > ul > li {
    width: calc(100% / 2 - 12px);
  }

  .photo_list > ul > li {
    width: calc(100% / 2 - 12px);
  }

  .view_filenew .down_file_new > li {
    flex-direction: column;
  }
  .view_filenew .down_file_new > li + li {
    margin-top: 12px;
  }
  .view_filenew .down_file_new > li > a {
    width: 100%;
    margin-right: 0;
  }
  .view_filenew .down_file_new .down_btn {
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding-top: 2px;
    padding-left: 22px;
  }
  .view_filenew .down_file_new .down_btn > a {
    margin-top: 6px;
  }

  /* photo slide */
  
}
/* mobile */
@media screen and (max-width: 767px) {
  .board_head .board_search {
    flex-direction: column;
  }
  .board_head .board_search .bd_total {
    width: 100%;
    margin: 0;
  }
  .board_head .board_search .form {
    width: 100%;
    margin-top: 16px;
  }
  .board_head .board_search .input_select {
    width: 100%;
    margin-bottom: 8px;
  }
  .board_head .board_search .input_select select {
    width: 100%;
    margin: 0;
    padding-left: 16px;
  }
  .board_head .board_search .input_text {
    flex: 1;
  }
  .board_head .board_search .input_text .search_input {
    width: 100%;
  }

  .board_head .board_search.graybox_center .input_select {
    width: calc(100% - 51px);
    margin: 0 8px 0 0;
  }
  .board_head .board_search.graybox_center .input_select:first-child {
    width: 100%;
    margin: 0 0 8px;
  }
  .board_head .board_search.graybox_center .input_select select {
    width: 100%;
  }
  
  .board_head .board_search.graybox_center .btn {
    border-radius: 8px;
  }

  .pagination.w-page {
    display: none;
  }
  .pagination.m-page {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
  }
  .pagination .page-navis {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
  }

  .board_paging {
    margin-top: 28px;
  }
  .board_paging .num {
    flex-wrap: wrap;
    max-width: 200px;
    margin: 0 auto;
  }

  .card_list > ul {
    gap: 24px;
    margin-top: 24px;
  }
  .card_list > ul > li {
    width: 100%;
  }

  .photo_list > ul {
    gap: 24px;
    margin-top: 24px;
  }
  .photo_list > ul > li {
    width: 100%;
  }

  .view_head {
    padding: 24px 0;
  }
  .view_head .meta {
    padding-top: 8px;
  }
  .view_head .meta .tit_con {
    margin-top: 8px;
    padding-right: 17px;
  }
  .view_head .meta .tit_con::after {
    right: 8px;
  }

  .view_cont {
    padding: 24px 0;
  }

  /* iframe pc mobile */
  .board_pc {
    display: none;
  }
  .board_notcon {
    display: none;
  }
  .board_mobile {
    display: block;
  }

  .view_file {
    padding: 16px;
  }
  .view_file .view_file_titbox {
    padding-bottom: 16px;
  }

  .view_file .down_file {
    margin-top: 16px;
  }

  .view_filenew {
    padding: 15px 10px;
  }
  .view_filenew .down_file_new .down_btn {
    padding-left: 0;
  }
  .view_filenew .down_file_new .down_btn > a {
    min-width: 86px;
    padding: 2px 29px 2px 9px;
    background-position: right 8px center;
    background-size: 15px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.65px;
  }

  .view_nav {
    margin-top: 32px;
  }
  .view_nav .prev_next > li > a {
    padding: 15px 0 15px 8px;
  }
  .view_nav .prev_next > li > a::before {
    margin-right: 8px;
  }
  .view_nav .prev_next > li > a .lb {
    margin-right: 16px;
  }

  /* page skip */
  .page_skip {
    margin-top: 30px;
  }
  .page_skip .ps_ttl {
    padding-left: 10px;
  }
  .page_skip .ps_ttl span {
    font-size: 14px;
    letter-spacing: -0.7px;
  }
  .page_skip .ps_detail {
    padding-right: 10px;
  }

  .view_navnew {
    margin-top: 30px;
  }

  /* photo slide */
  .slide_photo {
    padding: 40px 32px 32px;
    margin-bottom: 24px;
  }
  .slide_photo .slider-nav .slick-list {
    margin-left: -8px;
  }
  .slide_photo .slider-nav .slick-slide {
    margin: 8px 0 0 8px;
  }
  .slide_photo .slider-nav {
    padding-bottom: 32px;
  }
}

/* 페이징 */
.board_paging {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  position: relative;
}
.board_paging .page-navi {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  margin: 0 5px;
  color: #555;
  font-size: 17px;
  line-height: 40px;
}
.board_paging .page-navi.prev::before {
  flex: none;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/images/user/dm_paging_prev.svg) no-repeat center/contain;
}
.board_paging .page-navi.next::after {
  flex: none;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/images/user/dm_paging_next.svg) no-repeat center/contain;
}
.board_paging .page-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.board_paging .page-links .page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 0 3px;
  margin: 0 3px;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
  color: #555;
  font-size: 17px;
  line-height: 1.5;
  text-align: center;
}
.board_paging .page-links .page-link:not(.link-dot):hover {
  background-color: #f8f8f8;
  color: #003a88;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.board_paging .page-links .page-link[aria-current] {
  border-color: #003a88 !important;
  background-color: #003a88 !important;
  color: #fff !important;
  font-weight: 700;
}
.board_paging .page-links .page-link.link-dot::before {
  content: "···";
}
.board_paging .page-links .page-link.link-dot.mdot {
  display: none;
}

@media screen and (max-width: 767px) {
  .board_paging {
    padding-top: 64px;
  }
  .board_paging .page-navi {
    position: absolute;
    top: 0;
  }
  .board_paging .page-navi.prev {
    right: calc(50% + 4px);
  }
  .board_paging .page-navi.next {
    left: calc(50% + 4px);
  }

  .board_paging .page-links .page-link.link-dot.mdot {
    display: flex;
  }

  .board_paging .page-links .page-link.link-dot.mdot + .page-link.link-dot {
    display: none;
  }

  .board_paging .page-links .page-link {
    display: none;
  }
  .board_paging .page-links .link-dot,
	.board_paging .page-links .page-link:first-child,
	.board_paging .page-links .page-link:last-child,
	.board_paging .page-links .page-link[aria-current='page'],
	/* .board_paging .page-links .page-link:has(+ .page-link + .page-link[aria-current='page']), */
	.board_paging .page-links .page-link:has(+ .page-link[aria-current='page']),
	.board_paging .page-links .page-link[aria-current='page'] + .page-link
	/* .board_paging .page-links .page-link[aria-current='page'] + .page-link + .page-link */ {
    display: flex;
  }
}

/* 2025-08 품질개선 (start) */
.board_head .board_search .input_select:has(.label_select) {
  display: flex;
  align-items: center;
}
.label_select {
  width: 54px;
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%; /* 25.5px */
  padding: 0 12px;
}
@media screen and (max-width: 767px) {
  .board_head .board_search .input_select .label_select + select {
    width: calc(100% - 54px);
  }
}

.board_head .board_search .input_text:has(.btn_clear) {
  position: relative;
}

.board_head .board_search .input_text .btn_clear {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #d8d8d8;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/images/user/common/ico_12_closed_black.svg);
}

.board_head .board_search .input_text .search_input:placeholder-shown + .btn_clear {
  display: none;
}


/* 2025-08 품질개선 (end) */