@charset "UTF-8";

.board_wrap {
	padding: 0 var(--side)
}

.board_wrap .file_list {}
.board_wrap .file_list li {}
.board_wrap .file_list li .txt {}
.board_wrap .file_list li .link {}

  /* 첨부파일보기 */

  .file_wrap {
    border: 1px solid #CDD1D5;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    background-color: #F4F5F6;
    margin-bottom: 20px;
  }
  .file_wrap .top {display: flex;gap: 10px;align-items: center;}

  .file_title {
    font-weight: bold;
    margin-bottom: 12px;
  }

  .toggle_arrow {
    background-color: var(--color-blu-900);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 4px 24px;
    cursor: pointer;
  }


  .file_list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
	border-top: 1px solid #CDD1D5;
  }

  .file_list li {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
	gap: 20px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
  }

  .file_list li:last-child {
    border-bottom: none;
  }

  .file_list .txt {
    color: #333;
    font-size: var(--size-small);
  }

  .file_list .link {
    font-size: var(--size-small);
    color: var(--color-gray-600);
    text-decoration: none;
    background-color: var(--color-gray-600);
	color: #fff;
	padding: 0 10px;
	border-radius: 3px;
  }

  .file_list .link:hover {
    text-decoration: underline;
  }


.pagination a,
.tbl_col td.subject a,
.tbl_col td,
.tbl_col2 td .file_down,
.tbl_col td .file_down {
	transition: all 0.3s ease-in-out;
}

:root {
	--LetterSpacing: 0.5px;
	--ColorDarkGreen: #006644;
	--ColorBlue: #007aff;
}

.tbl_col2,
.tbl_col {
	text-align: center;
	line-height: 1.4;
	letter-spacing: var(--LetterSpacing);
}

.tbl_col2 th,
.tbl_col th {
	font-weight: 500;
}

.tbl_col2 tr:hover,
.tbl_col tr:hover {
	background-color: #f8f8f8;
}

.tbl_col2 td .file_down,
.tbl_col td .file_down {
	display: inline-block;
	padding-left: 18px;
	color: var(--base-dark);
	background-image: url(..//pmt_images/2025/www/icon/attach_ico.png);
	background-position: left top 3px;
	background-repeat: no-repeat;
}

.tbl_col2 td .file_down:hover,
.tbl_col td .file_down:hover {
	font-weight: 500;
	color: var(--ColorDarkGreen);
}

.tbl_col2 tr.tbl_fix {
	background-color: #f5f5f5;
}

.tbl_col2 tr.tbl_fix td {
	color: var(--ColorDarkGreen);
	font-weight: 600;
}

.tbl_col2 tr.tbl_fix .tb_link {
	color: var(--ColorDarkGreen);
	font-weight: 700;
}

.tbl_col thead {
	border-top: 2px solid #222;
	border-bottom: 1px solid #e7e7e7;
}

.tbl_col th {
	background-color: #e4eff7;
	padding: 15px 10px;
	font-size: var(--size-base);
}

.tbl_col td {
	height: 46px;
	padding: 5px 10px;
	border-bottom: 1px solid #e7e7e7;
	color: var(--ColorBk);
	background-color: #fff;
	font-size: var(--size-base);
}

.tbl_col td .category {
	padding: 2px 10px;
	margin:3px;
	font-size: 16px;
}

.tbl_col td .category + .category {
	/* margin-top: 8px; */
}

.tbl_col td .imp {
	font-weight: 700;
	color: var(--point-red);
}

.tbl_col td .ico_file {display: inline-block;vertical-align: top;margin-left: 10px;margin-top: 3px;;}
.tbl_col td.subject {
	text-align: left;
}

.tbl_col td.subject a:hover {
}

.tbl_col td.date {
	font-size: var(--size-small);
}

.tbl_col td.hit {
	font-size: var(--size-small);
}

.tbl_col tr.notice td {
	background-color: var(--color-blu-5);
}

.tbl_col tr.notice td a {
}

.tbl_col tr:hover td {
	background-color: #f7f7f7;
}

.tbl_col2 {
	border-top: 1px solid #333;
}

.tbl_col2.top {
	margin-top: 15px;
}

.tbl_col2 thead th {
	height: 54px;
	padding: 5px 10px;
	color: #333;
}

.tbl_col2 tbody th,
.tbl_col2 tbody td {
	padding: 20px;
}

.tbl_col2 tbody th {
	font-weight: bold;
}

.tbl_col2 tbody td {
	background-color: #fff;
}

.tbl_col2 td {
	background-color: #fff;
}

.red {
	color: var(--point-red) !important;
}

.green {
	color: var(--ColorDarkGreen) !important;
}

.blue {
	color: var(--ColorBlue) !important;
}

th.btn_gray {
	background-color: #f5f5f5;
}

th.bg_green {
	background-color: #eefaf6;
}

/* 상단 공통 */
.page_com_cont_area {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom:10px;
}
.page_com_cont_area .sort_wrap {
	display: flex;
	gap:5px;
	align-items: center;
}
.page_com_cont_area .page_area {
	font-weight: 400;
}
.no_result_box {text-align:center;padding:35px 0;width:100%;}
.line_b {border-bottom:1px solid #ddd;}
/* ==================== Pagination Style ==================== */
.pagination { 
	margin: 50px 0 0;
	font-size: 0;
	text-align: center;
}
.pagination strong,
.pagination a {
	display: inline-block;
	width: var(--paging);
	height: var(--paging);
	margin: 0 0 3px;
	font-size: var(--size-small);
	line-height: var(--paging);
	text-align: center;
	vertical-align: middle;
}

.pagination strong,
.pagination a:hover,
.pagination a:focus,
.pagination a.active {
	background-color: var(--color-blu-25);
	font-weight: 500;
	color: var(--color-blu-900);
	border-radius: 50%;
}


.pagination .page_arrow {
	position: relative;
	text-indent:-99999px;
}

.pagination .page_arrow:hover,
.pagination .page_arrow:focus {
	background-color: inherit;
}

.pagination .page_arrow::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	height: 12px;
	background-position: 0 0;
	background-size: contain;
	background-repeat: no-repeat;
}


.pagination .prev,
.pagination .page_arrow.l1 {
	margin: 0 5px 3px 0;
}

.pagination a.prev:before,
.pagination .page_arrow.l1::before {
	left: 50%;
	width: 9px;
	margin: -6px 0 0 -4px;
	background-image: url("/pmt_images/2025/common/page_l1.png");
}

.pagination a.first:before,
.pagination .page_arrow.l2::before {
	left: 50%;
	width: 17px;
	margin: -6px 0 0 -8px;
	background-image: url("/pmt_images/2025/common/page_l2.png");
}

.pagination a.next,
.pagination .page_arrow.r1 {
	margin: 0 0 3px 5px;
}

.pagination a.next:before,
.pagination .page_arrow.r1::before {
	left: 50%;
	width: 9px;
	margin: -6px 0 0 -4px;
	background-image: url("/pmt_images/2025/common/page_r1.png");
}

.pagination a.last:before,
.pagination .page_arrow.r2::before {
	left: 50%;
	width: 17px;
	margin: -6px 0 0 -8px;
	background-image: url("/pmt_images/2025/common/page_r2.png");
}

/* -------------------------- search -------------------- */
.search_wrap {
	padding: var(--gap);
	background-color: var(--color-blu-5);
	border-radius: var(--border-radius);
	margin-bottom: 35px;
}
.search_wrap.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: var(--gap) 36px;
	gap: 12px;
}
.search_wrap.flex.c {align-items: center;}
.search_wrap .link_tab_wrap ul {gap: var(--gap-size-s);}
.search_wrap .link_tab_wrap ul li .tab,
.search_wrap .link_tab_wrap ul li a {background-color: #fff;padding: 8px 24px;border: 1px solid #ccc;}
.search_wrap .link_tab_wrap ul li.on .tab,
.search_wrap .link_tab_wrap ul li.on a {background-color: var(--point-dark-color);border-color: var(--point-dark-color);color:#fff;}

.search_wrap .link_tab_wrap {margin: 0;}


.search_wrap input:not([type="radio"]),
.search_wrap input:not([type="checkbox"]) {
	/* border: 0; */
	width: 100%;
	height: var(--form-height);
	font-family: var(--family-base);
	font-weight: 400;
	background-color: #fff;
}

@media screen and (max-width: 1280px) {
	.search_wrap {
		padding: 8px;
		margin-bottom: 24px;
	}
	.search_wrap.flex {
		justify-content: center;
		gap: 12px 40px;
		padding: 12px 0;
	}
	.search_wrap.flex .link_tab_wrap {
		width: 100%;
	}
	.search_wrap.flex .link_tab_wrap ul li a {padding:8px 0;}
	.search_wrap .link_tab_wrap ul li {flex:0 0 auto;min-width:auto;}
}

@media screen and (max-width: 768px) {
	.search_wrap {
		padding: 0;
		background-color: transparent;
		margin-bottom: 36px;
	}
	.search_wrap .link_tab_wrap ul li a,
	.search_wrap .link_tab_wrap ul li .tab {padding: 8px 12px;}
}

.search_wrap .form_flex {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap-size-s);
	align-items: center;
	justify-content: center;
}

.search_wrap .form_flex > * {
	flex: 0 0 auto;
}
.search_wrap .form_flex .selectbox {
	min-width: 105px;
}
.search_wrap .form_flex .selectbox select {width:100%;}
 
.search_wrap .form_flex .btn {
	flex: 0 0 auto;
}

.search_wrap .form_flex .btn.btn_blu {
	height: var(--form-height) !important;
	border-radius: var(--border-radius-sm);
}

@media screen and (max-width: 768px) {
	.search_wrap .form_flex {width:100%;}
	.search_wrap .form_flex .btn.btn_blu {
		width: 100%
	}
	
}

/* -------------------------- form -------------------- */
.selectbox {
	border: 1px solid #ccc;
	border-radius: var(--border-radius-sm);
	padding: 0 5px;
	background-color: #fff;
}

.selectbox select {
	border: 0;
	padding: 0;
	width: 100%;
	height: var(--select-height);
	font-family: var(--family-base);
	font-weight: 400;
	background-color: #fff;
}
@media screen and (max-width: 768px) {
	.selectbox {
		width: 100%;
		max-width: none !important;
	}
}


@media screen and (max-width: 768px) {
	.input_form {
		width: 100%;
		max-width: none !important;
	}
}

.input_form input {
	height: var(--form-height);
	font-weight: 400;
	padding-left: 10px;
	width: 100%;
	/* border: 1px solid #ccc; */
	border-radius: var(--border-radius-sm);
}



/* -------------------------- board gallery형 -------------------- */
.board_gallery_wrap ul {
	display: flex;
	gap: var(--gap-gallery);
	flex-wrap: wrap;
}

.board_gallery_wrap ul li {
	width: calc((100% - var(--gap-gallery) * 2) / 3);
	padding: 20px;
    border: 1px solid #CDD1D5;
    border-radius: 20px;
}

@media screen and (max-width: 1024px) {
	.board_gallery_wrap ul li {
		width: calc((100% - var(--gap-gallery) * 1) / 2);
	}
}

.board_gallery_wrap ul li .img_round_box {
	border-radius: var(--border-radius);
	overflow: hidden;
	display: block;
	background-position: center;
	background-size: cover;
}

.board_gallery_wrap ul li .img_round_box img {
	opacity: 0;
	width: 100%;
}

.board_gallery_wrap ul li .txt_inner {
	margin-top: var(--gap);
}

.board_gallery_wrap ul li .txt_inner .subject {
	font-size: var(--size-subject);
	font-weight: 700;
	line-height: 1.2;
}

.board_gallery_wrap ul li .txt_inner .date {
	color: #777;
	font-size: var(--size-small);
	margin-top: 5px;
}

.board_view {
  border: 1px solid #ccc;
  /* padding: 20px; */
}

.board_view .title_wrap {
	position: relative;
	padding: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.board_view .title_wrap .btn {
	position: absolute;
	top: 20px;
	right: 20px;
}

.board_view .title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.board_view .info {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
  gap: 12px;
}

.board_view .info span {
  display: flex;
  align-items: center;
  gap: 4px;
}

.board_view .file_area {
  margin-bottom: 15px;
  font-size: 16px;
  padding: 0 20px;
}

.board_view .file_area a {
  display: inline-block;
  margin-left: 10px;
  text-decoration: none;
}

.board_view .content {
  border-top: 1px solid #ddd;
  /* border-bottom: 1px solid #ddd; */
  padding: 25px;
  /* text-align: center; */
  /* font-size: 16px; */
  min-height: 300px;
}

 .btn_area {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}

/* board box */

.board_box_list {
  border-top: 2px solid #333;
  border-bottom: 1px solid #ccc;
}

.board_box_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eee;
  padding: 20px 10px;
}
.board_box_list li.top {background:#f4f5f6;font-weight:bold;text-align:center;padding:10px;}
.board_box_list li.top > div {color:#000;}
.board_box_list li:first-child {
  border-top: none;
}

.board_box_list .num {
  flex: 0 0 80px;
  text-align: center;
  color: #666;
}

.board_box_list .title {
  flex: 1;
  padding: 0 10px;
  line-height: 1.5;
  word-break: break-all;
  font-weight: bold;
    max-width: 730px;
}

.board_box_list .date {
  flex: 0 0 150px;
  text-align: center;
  color: #666;
}

.board_box_list .btn_area {
  flex: 0 0 80px;
  text-align: center;
  margin-top: 0;
}

.board_box_list .btn_area a {
  display: inline-block;
  border: 1px solid #083891;
  color: #083891;
  padding: 4px 10px;
  text-decoration: none;
  border-radius: 2px;
  font-size: 16px;
  transition: all .2s;
}

.board_box_list .btn_area a:hover {
  background: #083891;
  color: #fff;
}

/* 반응형 */
@media screen and (max-width: 768px) {
  .board_box_list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .board_box_list li.top {display: none;}
  .board_box_list .title {
	padding-left: 0;
    max-width: auto;
  }
  .board_box_list .num,
  .board_box_list .date,
  .board_box_list .btn_area {
    flex: unset;
    text-align: left;
  }
  .board_box_list .btn_area {order:6;width:100%;}
  .board_box_list .btn_area a {width:100%;text-align: center;}
}

/* 이어북 */
.card_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.card_list.top_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 30px;
}

.card_list.top_list .card_item {
  width: calc((100% - 40px) / 2);
  border: 1px solid #CDD1D5;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-radius: 20px;
}
.card_list.top_list .card_item .card_body {
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
}
.card_list.top_list .card_item .card_body .card_title {width: 100%;}
.card_list.top_list .card_item .card_body .card_date {margin-bottom: 0;}

.card_list .card_item {
  width: calc((100% - 80px) / 3); 
  border: 1px solid #CDD1D5;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
}

.card_list .card_item .bg_item,
.card_list .card_item a {
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius:7px;overflow:hidden;
	width:100%;
    flex: 0 0 auto;
} 

.card_list .card_item img {
  width: 100%;
  height: auto;
  display: block;
  max-height:none;
  opacity:0;
}

.card_list .card_item .card_body {
  padding:  0 0 0;
  width: 100%;	
height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card_list .card_item .card_body .card_title {
  font-size: 20px;
  font-weight: 700;
  margin: 12px 0 5px;
  word-break: break-all;
}

.card_list .card_item .card_body .card_date {
  font-size: 16px;
  color: #666; 
  display: flex;gap: 24px;
}

.card_list .card_item .card_body .card_btns {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top:10px;
}

.card_list .card_item .card_body .card_btns a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #ccc;
  /* font-size: 13px; */
  padding: 6px 14px;
  text-decoration: none;
  color: #222;
  transition: all .2s;
  border-radius:5px;
  flex: 1 1 auto;
  justify-content: space-between;
}

.card_list .card_item .card_body .card_btns a:hover {
  border-color: #000;
  background: #000;
  color: #fff;
}

/* 아이콘 스타일 */
.card_list .card_item .card_body .card_btns a .xi-download,
.card_list .card_item .card_body .card_btns a .xi-search {
  font-size: 14px;
  vertical-align: middle;
  order: 2;
}

/* 반응형 */
@media screen and (max-width: 1200px) {
	.card_list.top_list {gap: 15px;}
	.card_list.top_list .card_item, .card_list .card_item,
  .card_list .card_item {
    width: calc((100% - 15px) / 2); /* 2개씩 */
	padding: 10px;
	border-radius: 10px;
  }
	.card_list {
		gap: 15px;
	}
  
}
@media screen and (max-width: 640px) {
.card_list .card_item .card_body .card_btns {flex-direction: column;width: 100%;margin-top: 10px;}
.card_list.top_list .card_item, .card_list .card_item, .card_list .card_item {width:100%;}
.card_list .card_item .card_body .card_title {font-size: 17px;}
.card_list .card_item .card_body .card_date {gap: 5px;flex-wrap: wrap;}
.card_list.top_list .card_item .card_body {flex-direction: column;}
}
@media screen and (max-width: 320px) {
	.card_list.top_list {
		flex-wrap: wrap;
	}
	.card_list.top_list .card_item,
  .card_list .card_item {
    width: 100%; /* 1개씩 */
  }
  .card_list .card_item .card_body .card_btns {
	width: 100%;
  }
}

/* 진행프로젝트 */
.project_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.project_list .project_card {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex: 1 1 calc(50% - 20px); /* 2개씩 */
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 12px;
  background: #fff;
}

.project_list .project_card .project_info {
  flex: 1;
  padding-right: 20px;
}

.project_list .project_card .project_info .badges {
  margin-bottom: 8px;
}

.project_list .project_card .project_info .badges .badge {
  display: inline-block;
  font-size: 16px;
  padding: 4px 8px;
  border-radius: 3px;
  color: #fff;
  margin-right: 4px;
}
.project_list .project_card .project_info .badges .badge.blu   { background: #083891; color:#fff;}
.project_list .project_card .project_info .badges .badge.gre  { background: #2ba84a; color:#fff;}
.project_list .project_card .project_info .badges .badge.yel { background: #FF7700; color:#fff;}
.project_list .project_card .project_info .badges .badge.purple { background: #7b3fb3; color:#fff;}
.project_list .project_card .project_info .badges .badge.sky { background: #04aac7; color:#fff;}
.project_list .project_card .project_info .badges .badge.ing { background: #0084CA; color:#fff;}
.project_list .project_card .project_info .badges .badge.done {background: #777; color:#fff;}

.project_list .project_card .project_info .title {
  font-weight: 700;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.4;
  display: -webkit-box;           /* flexbox 유사 레이아웃 */
  -webkit-box-orient: vertical;   /* 세로 방향 */
  -webkit-line-clamp: 2;          /* 최대 2줄 표시 */
  overflow: hidden;               /* 넘치면 숨김 */
  text-overflow: ellipsis;        /* ... 표시 */
  white-space: normal;
  max-height: calc(1.4em * 2);    /* 줄간격 × 2줄 높이 */
  min-height: calc(1.4em * 2);    /* 항상 2줄 공간 확보 */
}

.project_list .project_card .project_info .meta {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}
.project_list .project_card .project_info .meta span {display:inline-block;}
.project_list .project_card .project_btn {
  flex: 0 0 100px;
  font-size:16px;
  background: #6d7882;
  color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-weight: 600; */
  text-align: center;
  padding: 15px;
  cursor: pointer;
  transition: background 0.2s;
}

.project_list .project_card .project_btn:hover {
  background: #4a535b;
}

/* 반응형 */
@media screen and (max-width: 1024px) {
  .project_list .project_card {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 768px) {
.project_list .project_card .project_info .title {font-size:16px;}
  .project_list .project_card {
    flex-direction: column;
	padding:15px;
  }
  .project_list .project_card .project_info {padding-right:0;}
  .project_list .project_card .project_btn {
    margin-top: 15px;
    width: 100%;
	flex: 0 0 auto;
	padding: 10px;
	border-radius: 5px;
  }
  .project_list .project_card .project_btn br {display: none;}
  .project_list .project_card .project_info .badges .badge {font-size:14px;}
}



/* table base */
.table_list_area table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #222;
}
.table_list_area table tr {}
.table_list_area table tr th {
	padding: 10px;
	background-color: #f4f5f6;
	border: 1px solid #CDD1D5;
}
.table_list_area table tr td {
	text-align: center;
	padding: 10px;
	border: 1px solid #CDD1D5;
}

/* 문의하기 */
.qna_area {border:1px solid #CDD1D5;padding:36px;border-radius: var(--gap-size);background-color: var(--color-gray-100);}
.qna_area table {}
.qna_area table tbody {}
.qna_area table tbody tr {}
.qna_area table tbody tr th {padding:10px;}
.qna_area table tbody tr th label {font-weight: bold;}
.qna_area table tbody tr td {padding:10px;}

.qna_area + .btn_wrap {
	margin-top: 24px;
	text-align: right;
}

.qna_area + .btn_wrap .btn {
	height: 55px;
	font-size: 21px;
	line-height: 55px;
	padding: 0 35px;
	margin-left: 10px;
}
@media screen and (max-width:768px) {
	.qna_area + .btn_wrap .btn {
		height: 50px;
		font-size: 19px;
		line-height: 50px;
		padding: 0 25px;
	}
	.table_list_area table tr td {
		padding: 7px;
	}
}

@media screen and (max-width:1024px) {
	
	.qna_area {padding:12px;}
	.qna_area table {display: block;}
	.qna_area table tbody {display: block;}
	.qna_area table tbody tr {display: block;text-align: left;margin-bottom: 5px;}
	.qna_area table tbody tr th {padding:3px;display: block;}
	.qna_area table tbody tr th label {font-weight: bold;}
	.qna_area table tbody tr td {padding:3px;display: block;}
}

/* -------------------------- board box형 -------------------- */
.board_info_wrap ul {
	display: flex;
	flex-wrap:wrap;
	gap: var(--gap);
}

.board_info_wrap ul li {
	width: calc((100% - var(--gap) * 2) / 3);
}

.board_info_wrap ul li .round_box {
	height: 100%;
	padding: var(--gap);
	flex-direction: column;
	display: flex;
}

.board_info_wrap ul li .round_box .name {
	font-weight: 700;
	font-size: var(--size-subject);
}

.board_info_wrap ul li .round_box .info_list {
	margin: var(--gap-size-s) 0;
}

.board_info_wrap ul li .round_box .info_list dl {
	display: flex;
	gap: 5px;
}

.board_info_wrap ul li .round_box .info_list dl dt {
	flex: 0 0 80px;
	font-weight: 700;
	text-align: justify;
	text-align-last: justify;
}

.board_info_wrap ul li .round_box .info_list dl dd {
	font-weight: 400;
}

.board_info_wrap ul li .round_box .exp {
	flex: 1;
	/* min-height: 80px; */
}

.board_info_wrap ul li .round_box .teg_area {
	margin-top: var(--gap-size-s);
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 10px;
	min-height: 77px;
	border-top: 1px solid #CDD1D5;
	padding-top: var(--gap-size-s);
}

.board_info_wrap ul li .round_box .teg_area .category.sm {
	/* font-size: var(--size-smalls); */
	padding: 7px 11px;
	line-height: 1;
	background-color: transparent;
	color: var(--color-gray-600);
	font-weight: normal;
	font-size: 15px;
	border: 1px solid var(--point-dark-color);
}

.board_info_wrap ul li .round_box .teg_area .tegs {
	display: inline-block;
	background-color: var(--color-blu-50);
	color: #000;
	padding: 3px 15px;
	border-radius: 30px;
	font-weight: 400;
	font-size: var(--size-small);
}

@media screen and (max-width: 1280px) {
	.board_info_wrap ul {
		flex-wrap: wrap;
	}

	.board_info_wrap ul li {
		width: calc((100% - var(--gap) * 1) / 2);
	}
	.board_info_wrap ul li .round_box .teg_area {
		height: 70px;
		gap: 5px;
	}
	.board_info_wrap ul li .round_box .info_list dl dt {flex: 0 0 72px;}
}

@media screen and (max-width: 768px) {
	.board_info_wrap ul li {
		width: 100%;
	}
	.board_info_wrap ul li .round_box .teg_area {height: auto;}
}
@media screen and (max-width: 640px) {
	.board_info_wrap ul {
		gap: 12px;
	}

	.board_info_wrap ul li {
		width: 100%;
	}
	.board_info_wrap ul li .round_box .teg_area {
		height: auto;
	}
	.board_info_wrap ul li .round_box .teg_area .category.sm {padding:4px 8px;}
}

/* -------------------------- radio -------------------- */
.radio_form {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	cursor: pointer;
}

.radio_form input[type=radio] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.radio_form input[type=radio]:checked + label {
	color: var(--color-blu-900);
}

.radio_form input[type=radio]:checked + label::before {
	border-color: var(--color-blu-900);
	background-color: var(--color-blu-900);
	background-image: url(/pmt_images/2025/common/chk_w.png);
	background-repeat: no-repeat;
	background-position: center;
}

.radio_form label {
	position: relative;
	cursor: pointer;
	font-weight: 700;
	display: flex;
	align-items: center;
	gap: 5px;
}

.radio_form label::before {
	content: "";
	display: inline-block;
	left: 0;
	width: 18px;
	height: 18px;
	border: 2px solid #999;
	border-radius: 50%;
	background: #fff;
}

@media screen and (max-width: 1024px) {
	.tbl_col {
		display: block;
		border-top: 2px solid #000;
		width: 100%;
	}

	.tbl_col thead {
		display: none;
	}

	.tbl_col th {
		display: block;
	}

	.tbl_col tbody {
		display: block;
	}

	.tbl_col tr {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px 24px;
		text-align: left;
		padding: 15px 10px;
	}
	.tbl_col tr.notice {
		background-color: var(--color-blu-5);
	}
	.tbl_col td .category + .category {margin-top: 0;}
	.tbl_col td {
		text-align: left;
		border: 0;
		padding: 0;
		display: inline-block;
		height: auto;
		color: #888;
	}

	.tbl_col td.cate {
		margin-left: auto;
	}

	.tbl_col td.cate span {
		font-size: 14px;
	}

	.tbl_col td.subject {
		display: block;
		width: 100%;
	}

	.tbl_col td.subject a {
		font-size: var(--size-subject);
		font-weight: 600 !important;
	}

	.tbl_col tr {
		border-bottom: 1px solid #CDD1D5;
	}

	.tbl_col tr:hover {
		background-color: transparent;
	}

	.tbl_col tr:hover td {
		background-color: transparent;
	}

	.tbl_col tr.notice td {
		background-color: transparent;
	}

	.container_wrap .cont_top_area {
		padding: 40px 0 15px 0;
	}
}
@media screen and (max-width: 768px) {

}

.board_view_area {
	/* margin-top: 30px; */
}

.board_view_area .board_view_top {
	position:relative;
	padding: 24px;
	background-color: #fff;
	border-radius: var(--border-radius);
	margin-bottom: 30px;
	border: 1px solid #ccc;
	box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.05);
}
.board_view_area .board_view_top .btn {
	position:absolute;
	right:24px;
	top:50%;
	transform:translateY(-50%);
}
.board_view_area .ntde_tit {
	text-align: left;
	font-size: 20px;
	margin-bottom: 12px;
	font-weight: 600;
}

.board_view_area .ntde_info {
	display: flex;
	justify-content: start;
	gap: 30px;
}

.board_view_area .ntde_info .ntde_item {
	color: var(--color-gray-600);
}

.board_view_area .ytb_wrap {
	margin-bottom:20px;
}
.board_view_area .ytb_wrap iframe {
	width:100%;
    height: 54vw;
    max-height: 650px;
}
.board_view_area .edit_contents {
	font-weight: 400;
	padding: var(--pd-cont);
	background-color: #fff;
	border-radius: var(--border-radius);
	line-height: 1.8;
	border: 1px solid #ccc;
}

.board_view_area .btn_wrap {
	text-align: right;
	margin-top: var(--gap);
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 30px;
}

.board_view_area .btn_wrap .btn {
	height: 50px;
	font-size: 21px;
	line-height: 50px;
	padding: 0 35px;
}

@media screen and (max-width:768px) {
	.board_view_area .board_view_top .btn {
	top:auto;
	transform:none;
	bottom:20px;
	}
	.board_view_area .btn_wrap {
		gap: 15px;
	}

	.board_view_area .btn_wrap .btn {
		line-height: 48px;
		height: 48px;
		font-size: 17px;
		padding: 0 25px;
		;
	}
}

/* -----------------------------------------------
 faq
 ----------------------------------------------- */
.faq_list_wrap {
	border-top: 1px solid #CDD1D5;
}

.faq_list_wrap ul li {
	border-bottom: 1px solid #CDD1D5;
}

.faq_list_wrap ul li .quest {
	display: block;
	padding: var(--pd-cont-s);
	padding-left: 100px;
	background-image: url(/pmt_images/2025/sub/ico_q.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}

@media screen and (max-width: 768px) {
	.faq_list_wrap ul li .quest {
		background-position: 20px 20px;
		padding: 20px 20px 20px 80px;
		background-size: 40px auto;
	}
}

@media screen and (max-width: 420px) {
	.faq_list_wrap ul li .quest {
		background-position: right 20px top 20px;
		padding: 15px 10px;
		background-size: 27px auto;
	}
}

.faq_list_wrap ul li .quest .title {
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: var(--size-subject);
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 768px) {
	.faq_list_wrap ul li .quest .title {
		margin-top: 10px;
	}
}

@media screen and (max-width: 420px) {
	.faq_list_wrap ul li .quest .title {
		margin-bottom: 10px;
	}
}

.faq_list_wrap ul li .quest .exp {
	display: block;
}
.faq_list_wrap ul li .answer *,
.faq_list_wrap ul li .quest .exp * {font-family:inherit !important;}
.faq_list_wrap ul li .answer .se-contents,
.faq_list_wrap ul li .quest .exp .se-contents {font-size:17px !important;line-height: 1.6 !important;}
.faq_list_wrap ul li.open {
	border: 2px solid #000;
}

.faq_list_wrap ul li .answer {
	display: none;
	border-top: 1px solid #ccc;
	background-color: #F4F5F6;
	padding: var(--pd-cont-s);
	font-weight: 400;
	line-height: 1.6;
	padding-left: 100px;
	background-image: url(/pmt_images/2025/sub/ico_a.png);
	background-repeat: no-repeat;
	background-position: 20px 24px;
	min-height: 100px;
}

@media screen and (max-width: 768px) {
	.faq_list_wrap ul li .answer {
		background-position: 20px 20px;
		padding: 20px 20px 20px 80px;
		background-size: 40px auto;
	}
}

@media screen and (max-width: 420px) {
	.faq_list_wrap ul li .answer {
		background-position: right 20px top 20px;
		padding: 20px 60px 20px 20px;
		background-size: 27px auto;
	}
}

.faq_list_wrap ul li .answer.on {
	display: block;
}

/* -----------------------------------------------
 contest
 ----------------------------------------------- */
.contest_wrap {
	display: flex;
	 flex-direction: column; 
	gap: var(--gap);
	/* padding: var(--pd-cont); */
	background-color: #fff;
	align-items: start;
	/* border: 1px solid #ccc; */
	/* border-radius: var(--gap); */
}

.contest_wrap .poster_thumb {
	text-align: center;
	/* max-width: 380px;
	flex:0 0 380px; */
	border: 1px solid #CDD1D5;
	position: relative;
	/* top: 140px;
	bottom: 0; */
}

.contest_wrap .poster_thumb2 {
	padding: 25px;
	width: 100%;
	border: 1px solid #CDD1D5;
	text-align: center;
}

.contest_wrap .poster_thumb img {
	max-width: 100%;
}

.contest_wrap .contest_info_wrap {
	flex: 1 1 auto;
	width:100%;
}
.contest_wrap .contest_info_wrap p {max-width:100%;width:auto !important;}
.contest_wrap .contest_info_wrap .file-list__desc {margin-bottom:10px;font-size:14px;}
.contest_wrap .contest_info_wrap .file-list .file-list__item {font-size:15px;margin-top:5px;}
.contest_wrap .contest_info_wrap .file-list .file-list__item img {width:20px;}
.file-list__down {margin-left:5px;display: inline-block;padding:5px 10px;line-height: 1;background-color:#ddd;}
.contest_wrap .contest_info_wrap .title {
	font-size: var(--size-title);
	font-weight: 700;
	justify-content: center;
	padding:0;
	/* text-align: center; */ 
}
.contest_wrap .contest_info_wrap .ctt__info {justify-content: center;}

.contest_wrap .contest_info_wrap .board_base_info {
	margin-bottom: var(--gap);
	/* text-align: center; */
}

.contest_wrap .contest_info_wrap .board_base_info ul li {
	display: inline-block;
	margin: 0 10px;
	font-size: var(--size-small);
	color: var(--color-gray-600);
}

.contest_wrap .contest_info_wrap .contest_detail_top {
	flex: 1 1 auto;
	display: block;
	margin-top: 20px;
	padding: 24px 0;
	border-top: 1px solid #CDD1D5;
	border-bottom: 1px solid #CDD1D5;
}
.contest_wrap .contest_info_wrap .contest_detail_top dl {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
	/* justify-content: center; */
}

.contest_wrap .contest_info_wrap .contest_detail_top dl dt {
	font-weight: 700;
	white-space: nowrap;
}
.contest_wrap .contest_info_wrap .contest_detail {
	flex: 1 1 auto;
	display: block;
	margin-top: 30px;
}
.contest_wrap .contest_info_wrap .contest_detail .tit {
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 15px;
	color: #052561;
	border-left: 4px solid #052561;
	padding-left: 12px;
	line-height: 1;
}
.contest_wrap .contest_info_wrap .contest_detail .view_memo {
	padding: 24px;
	border: 1px solid #CDD1D5;
}
.contest_wrap .contest_info_wrap .contest_detail .view_memo p {
	line-height: 1.8;
}

.contest_wrap .contest_info_wrap .view {
	padding:20px 0;
}

/*
blog
*/
.blog_board_area ul {
	border-top: 1px solid #000;
}

.blog_board_area ul li > a {
	display: flex;
	gap: 20px;
	align-items: start;
	border-bottom: 1px solid #CDD1D5;
	line-height: 1.5;
	padding: 20px 20px;
}

@media screen and (max-width: 1024px) {
		.contest_wrap .contest_info_wrap .title {font-size:23px;}
		.contest_wrap .poster_thumb {position:relative;top:0;max-width:none;}
		
}
@media screen and (max-width: 768px) {
	.contest_wrap {gap: 12px;
        flex-direction: column;}
	.contest_wrap .contest_info_wrap {margin-top:24px;}
	.blog_board_area ul li > a {
		flex-direction: column;
		padding: 24px 10px;
	}

}

.blog_board_area ul li.none_data {
	padding: 70px 10px;
	text-align: center;
	color: #666;
	display: block;
}

.blog_board_area ul li:hover {
	background-color: #f4f4f4;
}

.blog_board_area ul li .thumb_img {
	flex: 0 0 220px;
}

@media screen and (max-width: 768px) {
	.blog_board_area ul li .thumb_img {
		flex: 1 1 100%;
	}
}

.blog_board_area ul li .thumb_img span {
	display: block;
}

.blog_board_area ul li .thumb_img .bg {background-size:cover;background-position:center;background-repeat: no-repeat;background-color:#fff;border:1px solid #ddd;border-radius:10px;background-image:url(/pmt_images/2025/bg_img.png):}
.blog_board_area ul li .thumb_img img {
	position: static; 
	opacity:0;
}

.blog_board_area ul li .thumb_txt .title {
	font-size: var(--size-base);
	color: #000;
	font-weight: 700;
	margin-bottom: 10px; 
}

.blog_board_area ul li .thumb_txt .exp {
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: var(--size-base-s);
	margin-bottom: 5px;
}

.blog_board_area ul li .thumb_txt .source {
	color: #006ba7;
	word-break:break-all;
	font-size: var(--size-small);
}

.blog_board_area ul li .thumb_txt .order_info {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 10px;
	margin-bottom: 15px;
}

.blog_board_area ul li .thumb_txt .order_info span {
	color: #666;
	font-size: var(--size-smalls);
}

.category_area {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}


/* form */
select,
textarea,
input:not([type="radio"]),
input:not([type="checkbox"]) {
  height: var(--base-form-h);
  border: 1px solid #ccc;
  font-family: var(--family-base);
  font-size: 16px;
  padding: 0 10px;
  border-radius: 5px;
}



select, input, textarea {max-width: 100%;}

textarea {
	padding: 10px;
	min-height: 100px;
	height: auto;
}

/* placeholder */

*::-webkit-input-placeholder {
  color: var(--color-gray-500);
}

*:-ms-input-placeholder {
  color: var(--color-gray-500);
}

*::placeholder {
  color: var(--color-gray-500);
}



/* file upload */

.ins__upload {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ins__file-input {
  display: none;
}

.ins__upload label.btn {
	cursor: pointer;
	height: var(--base-form-h);
	line-height: var(--base-form-h);
	border-radius: 5px;
}

.ins__upload label.btn:focus {
  outline: none;
  /* box-shadow: 0 0 0 3px rgba(0,123,255,0.4); */
}

.ins__upload .file-name {
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  height: var(--base-form-h);
  border: 1px solid #ccc;
  line-height: var(--base-form-h);
  padding: 0 20px;
  width: 300px;
  border-radius: 5px;
}


.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}