@charset "utf-8";

.board-portal {
	color: #26312a;
}

.board-portal .board,
.board-portal .wTableFrm {
	width: 100%;
	min-width: 0;
}

.board-portal .board h1,
.board-portal .wTableFrm h2 {
	display: none;
}

.board-portal .search_box {
	margin: 0 0 22px;
	padding: 18px 20px;
	border: 1px solid rgba(230, 217, 192, .95);
	border-radius: 8px;
	background: #fffaf0;
	box-shadow: 0 10px 24px rgba(28, 58, 42, .06);
}

.board-portal .search_box ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.board-portal .search_box li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.board-portal select,
.board-portal input[type="text"],
.board-portal input[type="password"],
.board-portal input[type="file"],
.board-portal textarea {
	min-height: 40px;
	border: 1px solid #d8cdb8;
	border-radius: 6px;
	background: #fff;
	color: #26312a;
	font-size: 15px;
	box-shadow: none;
}

.board-portal select,
.board-portal input[type="text"],
.board-portal input[type="password"] {
	padding: 7px 10px;
}

.board-portal textarea {
	width: 100%;
	padding: 12px;
	resize: vertical;
}

.board-portal input[type="file"] {
	width: 100%;
	padding: 8px 10px;
}

.board-portal select:focus,
.board-portal input[type="text"]:focus,
.board-portal input[type="password"]:focus,
.board-portal input[type="file"]:focus,
.board-portal textarea:focus {
	border-color: #b8922a;
	outline: 3px solid rgba(184, 146, 42, .18);
}

.board-portal .search_box input[name="searchWrd"] {
	width: min(360px, 100%);
}

.board-portal table {
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	background: #fff;
}

.board-portal .board_list {
	border-top: 2px solid #1c3a2a;
	border-bottom: 1px solid #d8cdb8;
}

.board-portal .board_list.table,
.board-portal .wTable.table {
	margin-bottom: 0;
}

.board-portal .board_list thead th {
	padding: 14px 10px;
	border: 0;
	border-bottom: 1px solid #d8cdb8;
	background: #f4efe3;
	color: #1c3a2a;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
}

.board-portal .board_list tbody td {
	height: 58px;
	padding: 14px 10px;
	border: 0;
	border-bottom: 1px solid #ece3d4;
	color: #4c554f;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.board-portal .board_list tbody tr:hover td {
	background: #fffdf8;
}

.board-portal .board_list tbody tr:last-child td {
	border-bottom: 0;
}

.board-portal .board_list td.left,
.board-portal .board_list td.bold {
	text-align: left;
}

.board-portal .board_list .link,
.board-portal .board_list form {
	display: inline;
}

.board-portal .board_list .link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	vertical-align: middle;
}

.board-portal .board_list .link input[type="submit"] {
	max-width: 100%;
	padding: 0;
	border: 0 !important;
	background: transparent;
	color: #17251c;
	font-size: 15px;
	font-weight: 700;
	text-align: left;
	white-space: normal;
	line-height: 1.5;
}

.board-portal .board_list .link input[type="submit"]:hover,
.board-portal .board_list .link input[type="submit"]:focus {
	color: #7c5c00;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.board-portal .board-attach-icon {
	display: inline-block;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
	background: #7a6a4b;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66L9.64 17.2a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66L9.64 17.2a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center / contain no-repeat;
}

.board-portal .wTable {
	border-top: 2px solid #1c3a2a;
	border-bottom: 1px solid #d8cdb8;
}

.board-portal .board-detail-table {
	border-top: 1px solid #d8cdb8 !important;
}

.board-portal .wTable th,
.board-portal .wTable td {
	padding: 15px 16px;
	border: 0 !important;
	border-bottom: 1px solid #ece3d4 !important;
	color: #26312a;
	font-size: 15px;
	vertical-align: middle;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.board-portal .wTable th {
	width: 150px;
	background: #f7f2e8 !important;
	color: #1c3a2a !important;
	font-weight: 800;
	text-align: left;
}

.board-portal .wTable td {
	background: #fff;
}

.board-portal .wTable tr:last-child th,
.board-portal .wTable tr:last-child td {
	border-bottom: 0 !important;
}

.board-portal .wTable td.cnt {
	min-height: 260px;
	padding: 28px 24px;
	color: #222;
	font-size: 16px;
	line-height: 1.9;
	vertical-align: top;
}

.board-portal .wTable td.cnt .product-content-image {
	width: 100%;
	margin: 16px 0;
}

.board-portal .wTable td.cnt img {
	display: block;
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
	max-height: none !important;
	object-fit: contain;
}

.board-portal .product-content-image img {
	max-width: 100%;
	height: auto !important;
}

.board-portal .wTable td.nopd {
	padding: 15px 16px;
}

.board-portal .pilsu,
.board-portal .error {
	color: #b33a2d;
	font-weight: 800;
}

.board-portal div.btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
	width: 100%;
	height: auto;
	margin: 22px 0 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: right;
	white-space: normal;
}

.board-portal .btn,
.board-portal .btn_s a,
.board-portal .s_submit,
.board-portal input[type="submit"].btn,
.board-portal a.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 15px;
	border: 1px solid #d8cdb8;
	border-radius: 6px;
	background: #fff;
	color: #26312a;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
	box-shadow: none;
}

.board-portal .btn-primary,
.board-portal input[type="submit"].btn-primary,
.board-portal .s_submit {
	border-color: #1c3a2a;
	background: #1c3a2a;
	color: #fff;
}

.board-portal .btn:hover,
.board-portal .btn:focus,
.board-portal .btn_s a:hover,
.board-portal .btn_s a:focus,
.board-portal .s_submit:hover,
.board-portal .s_submit:focus {
	border-color: #b8922a;
	background: #fffaf0;
	color: #1c3a2a;
	text-decoration: none;
}

.board-portal .btn-primary:hover,
.board-portal .btn-primary:focus,
.board-portal .s_submit:hover,
.board-portal .s_submit:focus {
	border-color: #b8922a;
	background: #b8922a;
	color: #fff;
}

.board-portal .pagination {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 26px 0 0;
	padding: 0;
}

.board-portal .pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.board-portal .pagination li,
.board-portal .pagination a,
.board-portal .pagination strong,
.board-portal .pagination span {
	min-width: 34px;
	height: 34px;
	border-radius: 6px;
	color: #4c554f;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
}

.board-portal .pagination a {
	display: inline-block;
	border: 1px solid #d8cdb8;
	background: #fff;
}

.board-portal .pagination a:hover,
.board-portal .pagination a:focus,
.board-portal .pagination strong,
.board-portal .pagination .current {
	border-color: #1c3a2a;
	background: #1c3a2a;
	color: #fff;
}

.board-portal .pagination li.disabled span {
	border: 1px solid #d8cdb8;
	background: #fff;
	cursor: default;
	opacity: .45;
}

.board-portal .pagination li.first a,
.board-portal .pagination li.first span,
.board-portal .pagination li.prev a,
.board-portal .pagination li.prev span,
.board-portal .pagination li.next a,
.board-portal .pagination li.next span,
.board-portal .pagination li.last a,
.board-portal .pagination li.last span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	min-width: 34px;
	padding: 0;
	font-size: 0;
	line-height: 1;
}

.board-portal .pagination li.first a::before,
.board-portal .pagination li.first span::before,
.board-portal .pagination li.prev a::before,
.board-portal .pagination li.prev span::before,
.board-portal .pagination li.next a::before,
.board-portal .pagination li.next span::before,
.board-portal .pagination li.last a::before,
.board-portal .pagination li.last span::before {
	font-size: 15px;
	font-weight: 900;
	line-height: 1;
}

.board-portal .pagination li.first a::before,
.board-portal .pagination li.first span::before { content: "<<"; }
.board-portal .pagination li.prev a::before,
.board-portal .pagination li.prev span::before { content: "<"; }
.board-portal .pagination li.next a::before,
.board-portal .pagination li.next span::before { content: ">"; }
.board-portal .pagination li.last a::before,
.board-portal .pagination li.last span::before { content: ">>"; }

.board-portal .board-mobile-page-state,
.board-portal .qna-mobile-page-state {
	display: none;
}

.board-portal .noScriptTitle,
.board-portal .portal-empty {
	display: block;
	margin-bottom: 14px;
	padding: 14px 16px;
	border: 1px solid #d8cdb8;
	border-radius: 8px;
	background: #fffaf0;
	color: #1c3a2a;
}

.board-portal #egovComFileList {
	margin-top: 8px;
	color: #5a5a5a;
	font-size: 14px;
}

.product-gallery-board .product-gallery-summary {
	display: flex;
	align-items: baseline;
	gap: 5px;
	margin: 0 0 16px;
	color: #4c554f;
	font-size: 15px;
}

.product-gallery-board .product-gallery-summary strong {
	color: #1c3a2a;
	font-size: 19px;
	font-weight: 900;
}

.product-gallery-board .product-gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	width: 100%;
}

.product-gallery-board .product-gallery-card {
	position: relative;
	display: block;
	min-width: 0;
	border: 1px solid #e4d8c5;
	border-radius: 8px;
	background: #fff;
	color: #26312a;
	text-decoration: none;
	overflow: hidden;
	box-shadow: 0 10px 24px rgba(28, 58, 42, .06);
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.product-gallery-board .product-gallery-card:hover,
.product-gallery-board .product-gallery-card:focus {
	border-color: #b8922a;
	color: #26312a;
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 16px 32px rgba(28, 58, 42, .12);
}

.product-gallery-board .product-gallery-card-notice {
	border-color: #b8922a;
}

.product-gallery-board .product-gallery-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 4px 9px;
	border-radius: 6px;
	background: #1c3a2a;
	color: #fff;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.product-gallery-board .product-gallery-thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 4 / 3;
	background: #f7f2e8;
	overflow: hidden;
}

.product-gallery-board .product-gallery-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-gallery-board .product-gallery-placeholder {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #5f5747;
	font-size: 14px;
	font-weight: 800;
}

.product-gallery-board .product-gallery-info {
	display: block;
	padding: 15px 16px 17px;
}

.product-gallery-board .product-gallery-info strong {
	display: -webkit-box;
	min-height: 48px;
	color: #17251c;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.35;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.product-gallery-board .product-gallery-info span {
	display: block;
	margin-top: 9px;
	color: #6d756f;
	font-size: 13px;
	font-weight: 700;
}

.board-portal .board-form-table th {
	vertical-align: middle;
}

.board-portal .board-form-table input[type="text"] {
	width: min(560px, 100%);
	max-width: 100%;
}

.board-portal .board-form-table .nopd {
	padding: 16px;
}

.board-portal .board-form-options {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 18px;
	min-height: 38px;
}

.board-portal .board-form-option {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	color: #26312a;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	cursor: pointer;
}

.board-portal .board-form-option input[type="checkbox"] {
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: #3d7b36;
}

.board-portal .cke {
	max-width: 100%;
	border-color: #d8cdb8 !important;
	border-radius: 6px;
	overflow: hidden;
}

.board-portal .cke_top {
	border-bottom-color: #e4d8c4 !important;
	background: #fffaf0 !important;
}

.board-portal .cke_combo_button,
.board-portal .cke_toolgroup {
	border-color: #ddd1bd !important;
	border-radius: 6px !important;
	background: #fff !important;
}

.board-portal .board-file-dropzone {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 138px;
	padding: 24px 18px;
	border: 2px dashed #b7a98e;
	border-radius: 8px;
	background: #fffdf8;
	color: #26312a;
	font: inherit;
	text-align: center;
	cursor: pointer;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.board-portal .board-file-dropzone::before {
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: #3d7b36;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 1;
}

.board-portal .board-file-dropzone:focus,
.board-portal .board-file-dropzone.is-dragover {
	border-color: #3d7b36;
	background: #f4fbf0;
	box-shadow: 0 0 0 3px rgba(61, 123, 54, .16);
	outline: 2px solid transparent;
}

.board-portal .board-file-dropzone strong {
	display: block;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.45;
}

.board-portal .board-file-dropzone span {
	display: block;
	margin-top: 7px;
	color: #6d756f;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
}

.board-portal .board-file-input {
	position: absolute;
	width: 1px !important;
	height: 1px;
	padding: 0 !important;
	border: 0;
	opacity: 0;
	pointer-events: none;
}

.board-portal .board-file-list {
	display: grid;
	gap: 6px;
	margin-top: 10px;
}

.board-portal .board-file-item,
.board-portal .board-file-empty {
	padding: 9px 11px;
	border: 1px solid #e5ddcf;
	border-radius: 6px;
	background: #fff;
	color: #4f5d55;
	font-size: 13px;
	font-weight: 700;
}

.board-portal .board-file-empty {
	color: #4f5d55;
}

@media (max-width: 900px) {
	.board-portal {
		font-size: 15px;
	}

	.board-portal .search_box {
		margin-bottom: 16px;
		padding: 12px;
		overflow: hidden;
	}

	.board-portal .search_box ul {
		display: grid;
		grid-template-columns: 76px minmax(0, 1fr) 48px 48px;
		align-items: stretch;
		gap: 5px;
		width: 100%;
		max-width: 100%;
		overflow: visible;
	}

	.board-portal .search_box li {
		display: contents;
		width: auto;
	}

	.board-portal .search_box select,
	.board-portal .search_box input[name="searchWrd"],
	#content_area .board-portal .search_box .form-control {
		display: block !important;
		width: 100% !important;
		max-width: 100%;
		min-width: 0 !important;
		box-sizing: border-box;
		font-size: 13px;
	}

	.board-portal .search_box .btn {
		width: 100%;
		min-width: 0;
		min-height: 40px;
		padding: 0 6px;
		box-sizing: border-box;
		font-size: 12px;
		white-space: nowrap;
	}

	.board-portal .board_list {
		display: block;
		border: 0;
		background: transparent;
		table-layout: auto;
	}

	.board-portal .board_list colgroup,
	.board-portal .board_list thead {
		display: none;
	}

	.board-portal .board_list tbody {
		display: grid;
		gap: 10px;
		width: 100%;
	}

	.board-portal .board_list tr {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		gap: 7px 10px;
		width: 100%;
		padding: 14px;
		border: 1px solid #e7dccb;
		border-radius: 8px;
		background: #fff;
		box-shadow: 0 8px 20px rgba(28, 58, 42, .06);
	}

	.board-portal .board_list tbody tr:hover td {
		background: transparent;
	}

	.board-portal .board_list tbody td {
		display: block;
		width: auto;
		min-width: 0;
		height: auto;
		padding: 0;
		border: 0;
		background: transparent !important;
		text-align: left;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	.board-portal .board_list td:first-child {
		grid-column: 1;
		grid-row: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 34px;
		height: 24px;
		padding: 0 8px;
		border-radius: 999px;
		background: #f7f2e8 !important;
		color: #8a6b16;
		font-size: 12px;
		font-weight: 900;
		line-height: 1;
	}

	.board-portal .board_list td:first-child img {
		width: 18px;
		height: 18px;
		object-fit: contain;
	}

	.board-portal .board_list td:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
	}

	.board-portal .board_list td:nth-child(n+3) {
		grid-row: 2;
		display: inline-flex;
		align-items: center;
		gap: 4px;
		width: auto;
		margin-right: 10px;
		color: #7a7468;
		font-size: 12px;
		line-height: 1.35;
	}

	.board-portal .board_list td:nth-child(3)::before {
		content: "\C791\C131\C790";
		color: #5f5747;
		font-weight: 800;
	}

	.board-portal .board_list td:nth-child(4)::before {
		content: "\B4F1\B85D\C77C";
		color: #5f5747;
		font-weight: 800;
	}

	.board-portal .board_list td:nth-child(5)::before {
		content: "\C870\D68C";
		color: #5f5747;
		font-weight: 800;
	}

	.board-portal .board_list td.left,
	.board-portal .board_list td.bold {
		text-align: left;
	}

	.board-portal .board_list .link {
		display: flex;
		width: 100%;
		gap: 6px;
		align-items: center;
	}

	.board-portal .board_list .link input[type="submit"] {
		width: 100%;
		font-size: 15px;
		font-weight: 900;
		line-height: 1.45;
	}

	.board-portal .board_list td[colspan] {
		grid-column: 1 / -1;
		justify-content: center;
		padding: 20px 10px;
		text-align: center;
	}

	.board-portal .wTable,
	.board-portal .wTable tbody,
	.board-portal .wTable tr,
	.board-portal .wTable th,
	.board-portal .wTable td {
		display: block;
		width: 100%;
	}

	.board-portal .wTable {
		border-top: 2px solid #1c3a2a;
		table-layout: auto;
	}

	.board-portal .wTable th {
		padding: 13px 14px 6px;
		border-bottom: 0 !important;
	}

	.board-portal .wTable td {
		padding: 8px 14px 14px;
	}

	.board-portal .board-detail-table colgroup {
		display: none;
	}

	.board-portal .board-detail-table tr {
		display: grid;
		grid-template-columns: 86px minmax(0, 1fr);
		width: 100%;
		border-bottom: 1px solid #ece3d4;
	}

	.board-portal .board-detail-table tr:last-child {
		border-bottom: 0;
	}

	.board-portal .board-detail-table th,
	.board-portal .board-detail-table td {
		display: flex;
		align-items: center;
		width: auto;
		min-width: 0;
		min-height: 44px;
		border-bottom: 0 !important;
	}

	.board-portal .board-detail-table th {
		padding: 12px 10px;
		font-size: 13px;
		line-height: 1.35;
	}

	.board-portal .board-detail-table td {
		padding: 12px;
		font-size: 14px;
		line-height: 1.55;
	}

	.board-portal .board-detail-content-row,
	.board-portal .board-detail-attach-row {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.board-portal .board-detail-content-row th,
	.board-portal .board-detail-attach-row th {
		grid-column: 1 / -1 !important;
		display: flex;
		width: 100% !important;
		min-height: 38px;
		padding: 12px 10px;
		box-sizing: border-box;
	}

	.board-portal .board-detail-content-row td,
	.board-portal .board-detail-attach-row td {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.board-portal .board-detail-content-row td.cnt,
	.board-portal .board-detail-attach-row td {
		display: block;
		grid-column: 1 / -1 !important;
		align-self: stretch;
	}

	.board-portal .board-detail-table td[colspan] {
		grid-column: auto;
	}

	.board-portal .board-detail-content-row td[colspan],
	.board-portal .board-detail-attach-row td[colspan] {
		grid-column: 1 / -1 !important;
	}

	.board-portal .board-detail-table td a,
	.board-portal .board-detail-table #egovComFileList a {
		max-width: 100%;
		line-height: 1.45;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	.board-portal .wTable td.cnt {
		min-height: 180px;
		padding: 18px 14px;
	}

	.board-portal .wTable input[type="text"],
	.board-portal .wTable input[type="password"],
	.board-portal .wTable input[type="file"],
	.board-portal .wTable textarea,
	.board-portal .wTable select,
	.board-portal .cke {
		width: 100% !important;
		max-width: 100%;
	}

	.board-portal div.btn {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
		justify-content: stretch;
		gap: 8px;
	}

	.board-portal div.btn .btn,
	.board-portal div.btn .btn_s,
	.board-portal div.btn .btn_s a,
	.board-portal div.btn .s_submit {
		width: 100%;
		min-width: 0;
		padding-right: 10px;
		padding-left: 10px;
	}

	.product-gallery-board .product-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.board-portal .board-form-options {
		align-items: flex-start;
		gap: 9px 14px;
	}

	.board-portal .board-form-option {
		min-width: calc(50% - 7px);
	}
}

@media (max-width: 640px) {
	.board-portal .search_box {
		border-radius: 6px;
	}

	.board-portal .search_box ul {
		grid-template-columns: 68px minmax(0, 1fr) 42px 42px;
		gap: 4px;
	}

	.board-portal .search_box .btn {
		min-width: 0;
		padding: 0 4px;
		font-size: 12px;
	}

	.board-portal .board_list tr {
		grid-template-columns: 1fr;
		padding: 13px;
	}

	.board-portal .board_list td:first-child,
	.board-portal .board_list td:nth-child(2),
	.board-portal .board_list td:nth-child(n+3) {
		grid-column: 1;
		grid-row: auto;
	}

	.board-portal .board_list td:first-child {
		justify-self: flex-start;
	}

	.board-portal .board_list td:nth-child(n+3) {
		display: inline-flex;
		margin-right: 8px;
	}

	.product-gallery-board .product-gallery-grid {
		grid-template-columns: 1fr;
	}

	.board-portal .pagination ul {
		flex-wrap: nowrap;
		align-items: center;
		gap: 7px;
	}

	.board-portal .pagination li:not(.first):not(.prev):not(.next):not(.last):not(.board-mobile-page-state):not(.qna-mobile-page-state) {
		display: none;
	}

	.board-portal .pagination .board-mobile-page-state,
	.board-portal .pagination .qna-mobile-page-state {
		display: flex;
		order: 3;
	}

	.board-portal .pagination li.first { order: 1; }
	.board-portal .pagination li.prev { order: 2; }
	.board-portal .pagination li.next { order: 4; }
	.board-portal .pagination li.last { order: 5; }

	.board-portal .pagination .board-mobile-page-state span,
	.board-portal .pagination .qna-mobile-page-state span {
		min-width: 68px;
		height: 38px;
		border: 1px solid #1c3a2a;
		border-radius: 999px;
		background: #1c3a2a;
		color: #fff;
		font-size: 14px;
		font-weight: 800;
		line-height: 38px;
	}

	.board-portal .pagination li.first a,
	.board-portal .pagination li.prev a,
	.board-portal .pagination li.next a,
	.board-portal .pagination li.last a {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		min-width: 38px;
		height: 38px;
		border-radius: 999px;
		border-color: #d8cdb8;
		background: #fff;
		color: #1c3a2a;
		font-size: 0;
		line-height: 1;
	}

	.board-portal .pagination li.first a::before,
	.board-portal .pagination li.prev a::before,
	.board-portal .pagination li.next a::before,
	.board-portal .pagination li.last a::before {
		font-size: 13px;
		font-weight: 900;
		line-height: 1;
	}

	.board-portal .pagination li.first a::before { content: "<<"; }
	.board-portal .pagination li.prev a::before { content: "<"; }
	.board-portal .pagination li.next a::before { content: ">"; }
	.board-portal .pagination li.last a::before { content: ">>"; }
}