.no_result {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 40px 0;
  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 .input_select select {
  width: 93px;
  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;
  font-size: 1px;
  text-indent: -9999px;
  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;
}

.board_list .img_board { padding-top: 40px; }
.board_list .img_board > li + li { margin-top: 20px; }
.board_list .img_board .inbox { display: flex; border: 1px solid #C6C6C6; overflow: hidden; border-radius: 8px; }
.board_list .img_board .inbox .bd_img { 
	position: relative; 
	width: 47.75%; 
	height: 180px; 
}
.board_list .img_board .inbox .bd_img .img { 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: cover; 
	text-indent: -9999px; 
	overflow: hidden; 
}
.board_list .img_board .inbox .bd_txt { 
	flex: 1; 
	display: flex; 
	flex-direction: column; 
	padding: 24px; 
	overflow: hidden; 
	border-left: 1px solid #C6C6C6;
}
.board_list .img_board .inbox .bd_txt .cate { 
	display: inline-flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	color: #073D69;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
 }
.board_list .img_board .inbox .bd_txt .cate[data-type='SW & Contents']{
	background-color: #DDFBED;
	color: #204534;
}
.board_list .img_board .inbox .bd_txt .cate[data-type='ICT']{
	background-color: #FFF1F3;
	color: #AD1C35;
}
.board_list .img_board .inbox .bd_txt .cate[data-type='Science & Technology']{
	background-color: #F0F3FF;
	color: #073D69;
}
.board_list .img_board .inbox .bd_txt .cate[data-type='Startup Support']{
	background-color: #FFEDE2;
	color: #692907;
}
.board_list .img_board .inbox .bd_txt .cate[data-type='Global Cooperation']{
	background-color: #FBF0FF;
	color: #4D0769;
}
.board_list .img_board .inbox .bd_txt .cate[data-type='Othres']{
	background-color: #E4FCFD;
	color: #006672;
}
.board_list .img_board .inbox .bd_txt .title { 
	margin-top: 18px;
	color: #1D1D1D;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%; /* 25.5px */
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:2; 
	overflow:hidden; 
}
.board_list .img_board .inbox .bd_txt .date { 
	margin-top: 11px; 
	color: #555; 
	font-size: 15px; 
	font-size: 15px;
	font-weight: 400;
	line-height: 150%; /* 22.5px */
}


.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 .imgbox {
  position: relative;
  width: 100%;
  height: 1px;
  padding-bottom: calc(100% - 1px);
}
.card_list > ul > li > a .imgbox.noimg {
  background: url(/images/eng/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::before {
  content: "MORE VIEW";
  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/eng/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;
  display: none;
  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 > 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 {
  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 .txt {
  color: #1d1d1d;
}

.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: 20px -10px 40px;
}
.slide_photo .slider-for {
  padding: 0 15.2%;
}
.slide_photo .slider-nav {
  padding: 0 15.2% 30px;
}
.slide_photo .slider-nav .slick-list {
  margin-left: -5px;
}
.slide_photo .slider-nav .slick-slide {
  margin: 5px 0 0 5px;
}
.slide_photo .slider-nav .nav {
  display: table;
  position: relative;
  text-align: center;
  outline: none;
}
.slide_photo .slider-nav .nav:focus::before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border: 2px solid #000;
  box-shadow: 0 0 1px 1px #fff;
}
.slide_photo .slick-slide img {
  max-width: none;
  width: 100%;
}
.slide_photo .slick-prev,
.slide_photo .slick-next {
  display: block;
  position: absolute;
  top: 60%;
  width: 54px;
  height: 54px;
  margin-top: -27px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
  z-index: 5;
}
.slide_photo .slick-prev {
  left: 0;
  background-image: url(/images/user/sub/dm_btn_slide_photo_prev.svg);
}
.slide_photo .slick-next {
  right: 0;
  background-image: url(/images/user/sub/dm_btn_slide_photo_next.svg);
}
.slide_photo .slick-prev:hover::before,
.slide_photo .slick-next:hover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}
.slide_photo .slick-dots {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 15.2%;
}
.slide_photo .slick-dots li {
  position: relative;
  margin: 0 5px;
  cursor: pointer;
}
.slide_photo .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 2px solid #e0e0e0;
  background: #e0e0e0;
  text-indent: -999px;
  overflow: hidden;
}
.slide_photo .slick-dots li.slick-active button {
  border-color: #ffaa01;
  background-color: #fff;
}

/* 웹접근성 심사 (2024) */
.slide_photo .slick-dots li button {
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  border: 2px solid #707070;
  background: #707070;
  text-indent: -999px;
  overflow: hidden;
}
.slide_photo .slick-dots li.slick-active button {
  border-color: #003a88;
  background-color: #fff;
}
/* //웹접근성 심사 (2024) */

@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 (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;
    width: 100%;
    margin: 0;
    padding-top: 8px;
  }
  .view_file .down_file .down_btn a {
    margin-top: 8px;
  }
}
@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 */
  .slide_photo .slider-for {
    padding: 0 50px;
  }
  .slide_photo .slider-nav {
    padding: 0 50px 30px;
  }
  .slide_photo .slider-nav .slick-list {
    margin-left: -4px;
  }
  .slide_photo .slider-nav .slick-slide {
    margin: 4px 0 0 4px;
  }
  .slide_photo .slick-prev,
  .slide_photo .slick-next {
    top: 64%;
  }
  .slide_photo .slick-prev {
    left: -20px;
  }
  .slide_photo .slick-next {
    right: -20px;
  }
  .slide_photo .slick-prev:hover::before,
  .slide_photo .slick-next:hover::before {
    display: none;
  }
  .slide_photo .slick-dots {
    padding: 0 50px;
  }
}
/* 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;
  }
  .board_head .board_search .input_text {
    flex: 1;
  }
  .board_head .board_search .input_text .search_input {
    width: 100%;
  }
  
   .board_list .img_board { padding-top: 30px; }
  .board_list .img_board .inbox { flex-direction: column; }
  .board_list .img_board .inbox .bd_img { width: 100%; height: 0; padding-bottom: 36.7%; }

  .board_list .img_board .inbox .bd_txt { 
  	padding: 16px; 
  	border-left: none;
  	border-top: 1px solid #c6c6c6;
  }
  .board_list .img_board .inbox .bd_txt .cate { 
  	font-size: 15px;
  }
  .board_list .img_board .inbox .bd_txt .title { 
  	margin-top: 8px;
  	font-size: 15px;
  	height: 52px;
  }
  .board_list .img_board .inbox .bd_txt .date {
  	margin-top: 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 {
    margin: 5px -10px 40px;
  }
  .slide_photo .slider-for {
    padding: 0;
  }
  .slide_photo .slider-nav {
    padding: 0 0 30px;
  }
  .slide_photo .slider-nav .slick-list {
    margin-left: -3px;
  }
  .slide_photo .slider-nav .slick-slide {
    margin: 3px 0 0 3px;
  }
  .slide_photo .slick-prev,
  .slide_photo .slick-next {
    top: 68%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
  }
  .slide_photo .slick-prev {
    left: -13px;
    background-image: url(/images/user/sub/dm_m_btn_slide_photo_prev.svg);
  }
  .slide_photo .slick-next {
    right: -13px;
    background-image: url(/images/user/sub/dm_m_btn_slide_photo_next.svg);
  }
  .slide_photo .slick-dots {
    padding: 0;
  }
  .slide_photo .slick-dots li {
    margin: 0 3px;
  }
}

/* 페이징 */
.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: 0;
  overflow: hidden;
  text-indent: -9999px;
  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.prev::after {
	 width: 42px;
  content: "BACK";
  font-size: 17px;
  line-height: 40px;
  text-indent: 0;
  color: #555;
}
.board_paging .page-navi.next::before {
  width: 42px;
  content: "NEXT";
  font-size: 17px;
  line-height: 40px;
  text-indent: 0;
  color: #555;
}
.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: 98px;
  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% - 98px);
  }
}

.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) */