/* form */
.form {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}

.form.col {
	flex-direction: column;
	align-items: flex-start;
}

.form.row,
.form.rowcol {
	gap: 0 4rem;
}

.form.row * {
	white-space: nowrap;
}

.form-wrap {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.form-wrap.auto {
	width: auto;
}

@media screen and (max-width:1280px) {

	.form.row,
	.form.rowcol {
		gap: 0.5rem 2rem;
	}

	.form.wrap {
		flex-wrap: wrap;
	}
}

@media screen and (max-width:1024px) {
	.form {
		flex-direction: column;
		align-items: flex-start;
	}

	.form.row {
		flex-direction: row;
		gap: 1rem;
	}

	.form.rowcol {
		flex-direction: column;
		gap: 0.5rem 0;
	}

	.form-wrap {
		width: 100%;
	}

	.form-wrap.type1 {
		align-items: center;
	}

	.form-wrap.type2 {
		flex-direction: column;
		align-items: flex-start;
	}

	.form-wrap.auto {
		width: 100%;
	}
}

/* form - input */
.inp {
	width: 100%;
	min-width: 10rem;
	height: 3.5rem;
	padding: 0.75rem 1rem;
	font-size: var(--font-body2-size);
	border: 1px solid var(--color-gray-200);
	border-radius: 0.5rem;
	box-sizing: border-box;
	background-color: var(--color-white);
}

.inp.datepicker {
	background-image: url('/resource/images/icon/ic-calendar.svg');
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 1.5rem 1.5rem;
	cursor: pointer;
}

textarea.inp {
	min-height: 10rem;
	resize: vertical;
}

.inp:disabled,
.inp:not(select):read-only {
	background-color: var(--color-gray-100);
	border-color: var(--color-gray-100);
	outline: none;
	resize: none;
}

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

@media screen and (max-width:800px) {
	.inp {
		min-width: 5rem;
		padding: 0.75rem;
	}

	.inp.w80,
	.inp.w160,
	.inp.w194,
	.inp.w240,
	.inp.w320,
	.inp.w420,
	.inp.w848 {
		max-width: 100%;
	}
	.inp.datepicker {
		background-size: 1rem 1rem;
	}
}

/* form - label */
.lb {
	font-size: var(--font-body3-size);
	font-weight: 700;
}

/* form table */
.fm_caption {
	/* margin-bottom: var(--font-body4-size); */
	margin-bottom: -0.5rem;
	color: var(--color-gray-700);
	font-size: var(--font-body4-size);
	font-weight: 500;
}

.fm_box {
	font-size: var(--font-body3-size);
	display: block;
	padding: 2.5rem 0;
	word-break: keep-all;
	border-top: 1px solid var(--color-gray-900);
	border-bottom: 1px solid var(--color-gray-200);
}

.fm_box table.fm_table {
	width: 100%;
	table-layout: fixed;
}

.fm_box table.fm_table tr {
	background-color: var(--color-white);
}

.fm_box table.fm_table td, .fm_box table.fm_table th {
	padding: 1rem;
	vertical-align: middle;
}

.fm_box table.fm_table td.border-l, .fm_box table.fm_table th.border-l {
	border-left: 1px solid var(--color-gray-200);
}

.fm_box .fm_title {
	position: relative;
	width: 8.5rem;
	min-height: 6rem;
	align-items: center;
	padding-right: 0 !important;
	font-size: var(--font-body2-size);
	text-align: left;
	flex-shrink: 0;
}

/* .fm_box .fm_title:after {
	position: absolute;
	top: 1rem;
	bottom: 1rem;
	right: 0;
	width: 1px;
	background-color: #C8C8C8;
	content: '';
} */

.fm_box .fm_title+td, .fm_box .fm_title+th {
	width: calc(100% - 15rem);
}

.fm_box .fm_txt {
	display: flex;
	align-items: center;
	font-size: 1rem;
	min-height: 2.5rem;
	border-radius: 0.3125rem;
	width: 100%;
}

.fm_box .fm_txt>a {
	color: #121212;
}

.fm_box .fm_txt>a:hover {
	color: #02b5b1;
}

.fm_box .fm_info {
	display: flex;
	gap: 0.25rem;
	color: var(--color-gray-600);
	font-size: var(--font-body4-size);
	margin-top: 0.5rem;
}

/* .fm_box .fm_info:before {
	flex-shrink: 0;
	width: 1rem;
	height: 1.375rem;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' transform='matrix(-1 8.74228e-08 8.74228e-08 1 15 1.125)' fill='%23FF3F3F'/%3E%3Cpath d='M7.99667 4.79175V8.12508' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M7.99667 11.4585H8.00334' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	content: '';
} */

.fm_box .captcha-box {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}

.fm_box .captcha-box .captcha-box__img {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 3.5rem;
	padding: 0 1rem;
	color: var(--color-white);
	border-radius: 0.5rem;
	background-color: var(--color-black);
}

.fm_box .captcha-box .captcha-box__img img {
	max-height: 100%;
}

.fm_box .captcha-box .captcha-box__text {
	width: 100%;
	max-width: 350px;
}

.fm_box .captcha-box .captcha-box__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	aspect-ratio: 1/1;
	border-radius: 0.5rem;
	background-color: var(--color-black);
	transition: background-color 0.2s ease-in-out;
}

.fm_box .captcha-box .captcha-box__btn:hover {
	background-color: var(--color-primary);
}

.fm_box .captcha-box .captcha-box__btn i.ic-refresh {
	background-color: var(--color-white);
}

.fm_colspan {
	display: flex;
	align-items: center;
	gap: 2.5rem;
	width: 100%;
}

.fm_colspan li:not(.bar) {
	display: flex;
	gap: 1rem;
	width: 100%;
}

.fm_colspan li:not(.bar) b {
	width: 100%;
	max-width: 8.75rem;
	font-size: var(--font-body4-size);
}

.fm_colspan li:not(.bar) p {
	width: 100%;
	max-width: 10rem;
	font-size: var(--font-body3-size);
}

.fm_colspan li.bar {
	width: 1px;
	height: 0.75rem;
	background-color: var(--color-gray-300);
}

.fm_rowspan {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}

.fm_rowspan li {
	display: flex;
	gap: 1rem;
	width: 100%;
}

.fm_rowspan li b {
	flex-shrink: 0;
	width: 100%;
	max-width: 15rem;
	color: var(--color-gray-700);
	font-size: var(--font-body3-size);
	font-weight: 500;
}

.fm_rowspan li p {
	width: 100%;
	font-size: var(--font-body3-size);
}

@media screen and (max-width: 1024px) {
	.fm_box {
		padding: 2rem 0;
	}
	.fm_box table.fm_table {
		display: block;
	}

	.fm_box table.fm_table thead, .fm_box table.fm_table tbody, .fm_box table.fm_table tfoot {
		display: block;
	}

	.fm_box table.fm_table tr {
		display: flex;
		flex-wrap: wrap;
		padding: 1rem 0;
	}

	.fm_box table.fm_table td, .fm_box table.fm_table th {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
	}

	.fm_box table.fm_table td.col, .fm_box table.fm_table th.col {
		width: 49%;
		margin: 0.25rem 0;
	}

	.fm_box table.fm_table td.border-l, .fm_box table.fm_table th.border-l {
		border-left: none;
	}

	.fm_box .fm_title {
		width: 100%;
		min-height: auto;
		display: block;
		margin-bottom: 0.5rem;
		background-color: transparent;
	}

	.fm_box td+.fm_title {
		position: relative;
		margin-top: 1rem;
		padding-top: 1rem !important;
	}

	/* .fm_box td + .fm_title:before {
		position: absolute;
		top: 0;
		left: -1rem;
		width: calc(100% + 2rem);
		border-top: 1px solid var(--color-gray-200);
		content:'';
	} */

	.fm_box .captcha-box {
		flex-wrap: wrap;
	}

	.fm_box .captcha-box .captcha-box__img {
		width: 100%;
	}

	.fm_box .captcha-box .captcha-box__text {
		width: calc(100% - 4rem);
		max-width: 100%;
	}

	.fm_colspan {
		flex-direction: column;
		gap: 0.5rem;
	}

	.fm_colspan li:not(.bar) {
		gap: 0.5rem;
	}

	.fm_colspan li.bar {
		display: none;
	}

	.fm_rowspan {
		gap: 0.75rem;
	}

	.fm_rowspan li {
		flex-direction: column;
		gap: 0.125rem;
	}

	.fm_mo-tr {
		margin-top: -1rem;
		padding-top: 0 !important;
		border-top: none !important;
		background-color: #fff;
	}
}

.fm_check_table,
.fm_check_table tbody,
.fm_check_table tr {
	display: block;
}

.fm_check_table td,
.fm_check_table th {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 2rem 2.5rem;
	border-bottom: 1px solid var(--color-gray-200);
}

.fm_check_table th {
	justify-content: space-between;
	background-color: var(--color-gray-100);
}

.fm_check_table th .check label {
	flex-direction: row-reverse;
}

.fm_check_table td {
	justify-content: space-between;
	gap: 2rem;
}

.fm_check_table td .item {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 15.625rem;
	font-size: var(--font-body3-size);
}

@media screen and (max-width: 1024px) {
	.fm_check_table td {
		flex-wrap: wrap;
	}

	.fm_check_table td .item {
		max-width: calc(50% - 1rem);
	}

}

@media screen and (max-width: 800px) {

	.fm_check_table td,
	.fm_check_table th {
		padding: 1.25rem 1rem;
	}

	.fm_check_table td {
		gap: 1rem;
	}

	.fm_check_table th .check label {
		overflow: hidden;
		flex-direction: row;
		width: 1.25rem;
		height: 1.25rem;
		gap: 0;
	}

	.fm_check_table th .check label:before {
		flex-shrink: 0;
	}
}

@media screen and (max-width: 600px) {
	.fm_check_table td {
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	.fm_check_table td .item {
		max-width: 100%;
	}

}


/* layout table */
.table_caption {
	margin-bottom: var(--font-body4-size);
	color: var(--color-gray-700);
	font-size: var(--font-body4-size);
	font-weight: 500;
	word-break: keep-all;
}

.table_box {
	font-size: var(--font-body3-size);
	display: block;
	word-break: keep-all;
	border-top: 1px solid var(--color-gray-900);
}

.table_box.table-responsive {
	overflow-y: visible;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	/* iOS에서 부드럽게 */
	/* touch-action:  pan-y; */
	/* 수평 + 수직 스크롤 모두 허용 */
}

.table_box table.table {
	width: 100%;
	/* table-layout: fixed; */
}

.table_box.table-responsive table.table {
	min-width: 800px;
}

.table_box table.table tr {
	border-bottom: 1px solid var(--color-gray-200);
	background-color: var(--color-white);
}

.table_box table.table td, .table_box table.table th {
	padding: 1.5rem;
	border-left: 0;
	/* 기본 왼쪽 선 제거 */
	border-right: 0;
	/* 기본 오른쪽 선 제거 */
	vertical-align: middle;
}

.table_box table.table th {
	background-color: var(--color-gray-50);
}

/* 테이블 안쪽 경계만 보이게 */
.table_box table.table th+th,
.table_box table.table td+td {
	border-left: 1px solid var(--color-gray-200);
}

/* 마지막 열의 오른쪽 선 제거 */
.table_box table.table th:last-child,
.table_box table.table td:last-child {
	border-right: 0;
}

/* 첫 번째 열의 왼쪽 선 제거 */
.table_box table.table th:first-child,
.table_box table.table td:first-child {
	border-left: 0;
}


.table_box table.table td.border-l, .table_box table.table th.border-l {
	border-left: 1px solid var(--color-gray-200);
}

.table_box table.table.no-border th+th,
.table_box table.table.no-border td+td {
	border-left: 0;
}

@media screen and (max-width: 800px) {
	.table_box table.table td, .table_box table.table th {
		padding: 1rem 0.75rem;
	}

}


/* 동의 박스 */
.agree-box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 1.25rem;
}

.agree-box__title {
	font-size: var(--font-body2-size);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 1rem;
}

.agree-box__cont {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .75rem 1rem;
	height: 15rem;
	border-radius: .5rem;
	margin-bottom: 1rem;
	font-size: var(--font-body2-size);
	font-weight: 400;
	line-height: 1.5;
	/* background-color: var(--color-gray-50); */
	border: 1px solid var(--color-gray-200);
}

.agree-box__scroll {
	height: 100%;
	padding-right: .5rem;
	overflow-y: auto;
}

.agree-box__scroll::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

.agree-box__scroll::-webkit-scrollbar-thumb {
	background-color: var(--color-gray-700);
	border-radius: 40px;
}

.agree-box__scroll::-webkit-scrollbar-track {
	background-color: var(--color-gray-300);
	border-radius: 40px;
}

.agree-box__scroll::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
	background: rgba(0, 0, 0, 0);
	border: none;
	margin: 0;
	padding: 0;
}

.agree-box .etc-panel__title {
	display: block;
	margin-block: 1rem;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
}

@media (max-width: 80em) {
	.agree-box .etc-panel__title {
		font-size: 1rem;
	}
}

@media (max-width: 48em) {
	.agree-box .etc-panel__title {
		font-size: .875rem;
	}
}

.agree-box .etc table {
	width: 100%;
	border-collapse: collapse;
}

.agree-box .etc th,
.agree-box .etc td {
	border: 1px solid var(--color-gray-300);
	padding: .5em;
	text-align: left;
}

.agree-box .etc th {
	background-color: var(--color-gray-200);
	text-align: center;
}

@media (max-width: 80em) {
	.agree-box {
		margin-top: 2rem;
		/* padding-inline: 1rem; */
	}
}


/* ---------------------
/ Board
/ --------------------- */

/* Board Search
------------------------ */

.board-search_wrap form {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.board-search {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 27.8rem;
}

.board-search label {
	width: 100%;
}

.board-search input {
	width: 100%;
	height: 3.5rem;
	padding: 1rem 3rem 1rem 1rem;
	outline: 0;
	border: 1px solid var(--color-gray-300);
	border-radius: 0.5rem;
}

.board-search input:-webkit-autofill,
.board-search input:-webkit-autofill:focus,
.board-search input:-webkit-autofill:hover,
.board-search input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
	-webkit-text-fill-color: var(--color-gray-900) !important;
}

.board-search input:focus-visible {
	border-color: var(--color-gray-600);
}

.board-search_btn {
	position: absolute;
	width: 1.5rem;
	height: 1.5rem;
	top: calc(50% - 0.75rem);
	right: 1.5rem;
}

@media screen and (max-width: 800px) {

	.board-search {
		max-width: 100%;
	}

	.board-search input {
		padding: 0.75rem 2.5rem 0.75rem 1rem;
	}

	.board-search_btn {
		right: 1rem;
	}
}

/* Board List
--------------------- */
.board-list_wrap:has(+ .section-title3),
.board-list_wrap:has(~ .page) {
	margin-bottom: 2.5rem;
}

.board-list_total {
	padding-block: 1rem;
	overflow: hidden;
	color: var(--color-gray-600);
	font-size: var(--font-body3-size);
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.025em;
}

.board-list_total em {
	font-weight: 700;
	color: var(--color-gray-900);
}

.board-search_wrap~.board-list_wrap .board-list_total {
	margin-top: -2.5rem;
	padding-top: 1rem;
}

.board-list {
	border-top: 1px solid var(--color-gray-900);
}


.board-list_item {
	border-bottom: 1px solid var(--color-gray-200);
	background-color: #ffffff;
}

.board-list_item--nodata {
	flex-direction: column;
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 25rem;
	margin-top: 1rem;
	font-size: var(--font-body1-size);
	font-weight: 500;
	border-bottom: 0px;
	border-radius: 1rem;
	color: var(--color-gray-900);
	background-color: var(--color-bg2);
}

.board-list_head,
.board-list_row,
.board-list_link {
	width: 100%;
	display: flex;
	align-items: stretch;
}

.board-list_link {
	flex: 1;
	transition: background 0.3s;
}

.board-list_item:has(.board-list_link:hover) {
	background-color: var(--color-gray-50);
}

.board-list_item:has(.board-list_link:hover) .board-list_title {
	color: var(--color-primary);
}

.board-list_head .board-list_td {
	background: var(--color-gray-50);
	color: var(--color-gray-900);
	font-weight: 700;
}

.board-list_head .board-list_td.board-list_td--title {
	font-size: var(--font-body3-size);
}

.board-list_td {
	display: flex;
	align-items: center;
	padding-block: 1.5rem;
	text-align: center;
	justify-content: center;
	font-size: var(--font-body3-size);
	color: var(--color-gray-600);
	word-break: break-all;
}

.board-list_td.text-left {
	justify-content: flex-start;
}

.board-list_td.text-right {
	justify-content: flex-end;
}

.board-list_td:not(.board-list_td--title) {
	flex: 0 1 12rem;
	max-width: 12rem;
}

.board-list_td.board-list_td--title {
	flex: 1 1 0;
	min-width: 0;
	color: var(--color-gray-900);
	font-size: var(--font-body1-size);
}


.board-list_td.board-list_td--expand {
	flex: 1 1 0;
	max-width: none;
}

.board-list_td.board-list_td[data-column] {
	max-width: none;
}

.board-list_td.board-list_td[data-column="1"] {
	flex: 1 1 calc(100% / 12 * 1);
}

.board-list_td.board-list_td[data-column="2"] {
	flex: 1 1 calc(100% / 12 * 2);
}

.board-list_td.board-list_td[data-column="3"] {
	flex: 1 1 calc(100% / 12 * 3);
}

.board-list_td.board-list_td[data-column="4"] {
	flex: 1 1 calc(100% / 12 * 4);
}

.board-list_td.board-list_td[data-column="5"] {
	flex: 1 1 calc(100% / 12 * 5);
}

.board-list_td.board-list_td[data-column="6"] {
	flex: 1 1 calc(100% / 12 * 6);
}

.board-list_td.board-list_td[data-column="7"] {
	flex: 1 1 calc(100% / 12 * 7);
}

.board-list_td.board-list_td[data-column="8"] {
	flex: 1 1 calc(100% / 12 * 8);
}

.board-list_td.board-list_td[data-column="9"] {
	flex: 1 1 calc(100% / 12 * 9);
}

.board-list_td.board-list_td[data-column="10"] {
	flex: 1 1 calc(100% / 12 * 10);
}

.board-list_td.board-list_td[data-column="11"] {
	flex: 1 1 calc(100% / 12 * 11);
}

.board-list_td.board-list_td[data-column="12"] {
	flex: 1 1 calc(100% / 12 * 12);
}

.board-list_td.board-list_td--cate {
	color: var(--color-gray-900);
}

.board-list_row .board-list_td.board-list_td--title,
.board-list_link .board-list_td.board-list_td--title {
	justify-content: flex-start;
}

.board-list_td.board-list_td--title>span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 0.5rem;
}

.board-list_td.board-list_td--num {
	flex: 0 1 7.5rem;
	max-width: 7.5rem;
}

.board-list_td .important {
	min-width: fit-content;
	display: inline-flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	color: #ffffff;
	font-size: var(--font-body4-size);
	font-weight: 700;
	border-radius: 1rem;
	background: #2D5198;
}

@media screen and (max-width: 800px) {
	.board-list_link:has(.important) {
		position: relative;
	}
	.board-list_link:has(.important) .board-label {
		position: absolute;
		top: 1.5rem;
		left: 3.625rem;
	}
	.board-list_td.board-list_td--title:has(.board-label) {
		flex-wrap: wrap;
	}
	.board-list_td.board-list_td--title:has(.board-label) .board-label {
		margin-right: 90vw;
		margin-bottom: 0.5rem;
	}
	.board-list_td.board-list_td--title>span {
		max-width: calc(100% - 1.75rem);
	}
}
@media screen and (max-width: 23.4375em) {
	.board-list_link:has(.important) .board-label {
		left: 3.125rem;
	}
}


.board-list_head {
	border-bottom: 1px solid var(--color-gray-200);
	background: var(--color-gray-100);
}


/*-------------------------------------------

.board-list.board-list--md-row : md 사이즈 기준으로 확장

-------------------------------------------*/
@media screen and (max-width: 1024px) {

	.board-list_row,
	.board-list_link {
		overflow: hidden;
	}


	.board-list.board-list--md-row .board-list_head {
		display: none;
	}

	.board-list.board-list--md-row .board-list_row,
	.board-list.board-list--md-row .board-list_link {
		overflow: hidden;
		clip-path: inset(0px 0px 0px 1.5rem);
		width: calc(100% + 1rem);
		margin-left: -1rem;
		padding: 1.5rem 0.5rem;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 0;
		row-gap: 0.5rem;
	}

	.board-list.board-list--md-row .board-list_td {
		display: flex;
		padding: 0;
		text-align: left;
		justify-content: flex-start;
		color: var(--color-gray-600);
	}

	.board-list.board-list--md-row .board-list_td::before {
		content: '';
		display: block;
		width: 1px;
		top: 0.2rem;
		height: 0.8rem;
		position: absolute;
		left: 0;
		margin-left: -1px;
		background-color: var(--color-gray-200);
	}

	.board-list.board-list--md-row .board-list_td .board-list_td--num,
	.board-list.board-list--md-row .board-list_td:not(.board-list_td--title),
	.board-list.board-list--md-row .board-list_td.board-list_td--title {
		flex: 0 1 auto !important;
		max-width: none !important;
		padding-inline: 1rem;
		position: relative;
	}

	.board-list.board-list--md-row .board-list_td--num:not(:has(.important)) {
		display: none;
	}

	.board-list.board-list--md-row .board-list_td--md-full {
		flex: 1 1 100% !important;
		width: 100%;
		display: flex !important;
	}

	.board-list_td.board-list_td--count {
		display: none;
	}


}
@media screen and (max-width: 800px) {

	.board-list_wrap:has(+ .section-title3),
	.board-list_wrap:has(~ .page) {
		margin-bottom: 2rem;
	}


	.board-list_total {
		padding-block: 1rem;
	}

	.board-search_wrap~.section-title3,
	.board-search_wrap~.board-list_wrap .board-list_total {
		margin-top: 2rem;
		padding-top: 0;
	}

	.board-list_item--nodata {
		gap: 0.75rem;
		height: 15.5rem;
	}

	.board-list_head {
		display: none;
	}

	.board-list_row,
	.board-list_link {
		padding: 1.5rem 0.5rem;
		flex-direction: column;
		gap: 0.5rem;
	}

	.board-list_td {
		display: flex;
		padding: 0;
		text-align: left;
		justify-content: flex-start;
		color: var(--color-gray-600);
	}

	.board-list_td.board-list_td--num,
	.board-list_td:not(.board-list_td--title),
	.board-list_td.board-list_td--title {
		flex: 0 1 auto;
	}

	.board-list_td.board-list_td--num:not(:has(.important)),
	.board-list_td.board-list_td--count {
		display: none;
	}
}
@media(max-width: 23.4375em) {
	.board-list_td .important {
		padding: 0.175rem 0.5rem;
	}
}


.board-gallery {
	margin-bottom: 1rem
}

.board-gallery__ul {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1.5rem;
	border-top: 0
}

.board-gallery__item {
	width: 100%;
}

.board-gallery__link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 1.5rem 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid var(--color-gray-200);
	border-radius: 1rem;
	overflow: hidden
}

.board-gallery__link>*:last-child {
	margin-top: auto
}

@media(hover: hover)and (pointer: fine) {
	.board-gallery__link:hover .board-gallery__title, .board-gallery__link:focus-visible .board-gallery__title {
		color: var(--color-primary)
	}
}

.board-gallery__thumbnail {
	position: relative;
	display: block;
	overflow: hidden;
	margin: -1.5rem -1rem 1.5rem;
	aspect-ratio: 3/2;
	background-color: var(--color-gray-100)
}

.board-gallery__thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center
}

.board-gallery__awards {
	width: 5rem !important;
	height: 5rem !important;
	aspect-ratio: 1/1;
	position: absolute;
	top: .3125rem;
	left: .3125rem
}

.board-gallery__title {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 100%;
	height: 3em;
	color: var(--color-gray-900);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal;
	-webkit-transition: color .3s;
	transition: color .3s
}

@media(min-width: 48em) {
	.board-gallery__title {
		font-size: 1.125rem
	}
}

@media(min-width: 80em) {
	.board-gallery__title {
		font-size: 1.25rem
	}
}

.board-gallery__title .title {
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal
}

.board-gallery__title:not(:last-child) {
	margin-bottom: 1rem
}

.board-gallery__author {
	font-size: .8125rem;
	font-weight: 400;
	line-height: 1.5;
	font-weight: 700;
	color: var(--color-gray-900)
}

@media(min-width: 48em) {
	.board-gallery__author {
		font-size: .84375rem
	}
}

@media(min-width: 80em) {
	.board-gallery__author {
		font-size: .875rem
	}
}

.board-gallery__author:not(:last-child) {
	margin-bottom: .5rem
}

.board-gallery__date, .board-gallery-info {
	font-size: .8125rem;
	font-weight: 400;
	line-height: 1.5;
	font-weight: 700;
	color: var(--color-gray-600)
}

@media(min-width: 48em) {
	.board-gallery__date, .board-gallery-info {
		font-size: .84375rem
	}
}

@media(min-width: 80em) {
	.board-gallery__date, .board-gallery-info {
		font-size: .875rem
	}
}

.board-gallery__date:not(:last-child), .board-gallery-info:not(:last-child) {
	margin-bottom: .5rem
}

.board-gallery-info {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.board-gallery-info__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .5rem;
	position: relative;
}

.board-gallery-info__item.like {
	padding: 0.25rem 0.5rem;
	color: var(--color-gray-700);
	border-radius: 0.5rem;
	background-color: var(--color-bg2);
}

.board-gallery__download .icon {
	display: block;
	line-height: 1
}

@media(min-width: 31.3125em) {
	.board-gallery__ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.board-gallery__link:has(~.board-gallery__download) {
		padding-bottom: 3.5rem
	}
}

@media(min-width: 48em) {
	.board-gallery__link:has(~.board-gallery__download) {
		padding-bottom: 1.5rem
	}
}

@media(min-width: 64em) {
	.board-gallery__ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media(min-width: 80em) {
	.board-gallery {
		min-height: 37.5rem
	}

	.board-gallery__ul {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.board-gallery__link {
		padding: 2.5rem 1.5rem 1.5rem
	}

	.board-gallery__thumbnail {
		margin: -2.5rem -1.5rem 1.5rem
	}

	.board-gallery__date:not(:last-child), .board-gallery-info:not(:last-child) {
		margin-bottom: .5rem
	}
}


.badge-location {
	position: absolute;
	bottom: 0.75rem;
	right: 0.75rem;
	display: flex;
	gap: 0.25rem;
	align-items: center;
	padding: 0.25rem 0.6rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: var(--color-white);
	background-color: rgba(0, 0, 0, 0.50);
	border-radius: 1.0313rem;
	font-size: var(--font-body4-size);
	line-height: 1.3125rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;

	i {
		background-color: var(--color-white);
	}
}

.volunteer-swiper__flex {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 0.5rem;
}

.volunteer .badge {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 0.25rem 0.5rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 0.25rem;
	background-color: #ffe9f3;
	color: #ea3483;
	font-size: var(--font-body4-size);
	font-weight: 400;
	line-height: 1.5;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.volunteer .badge--default {
	border: 1px solid var(--color-gray-200);
	background-color: var(--color-white);
	color: var(--color-gray-600);
}

.volunteer .badge--red {
	background-color: #FFE9EA;
	color: #FB2C36;
}

.volunteer .badge--olive {
	background-color: #F4F5E6;
	color: #A3A948;
}

.volunteer .badge--blue {
	background-color: #EDF5FF;
	color: #3A7DCC;
}

.volunteer .badge--purple {
	background-color: #EDE6FF;
	color: #7A5DC7;
}

.volunteer .badge--green {
	background-color: #E4FFF0;
	color: #2E8B57;
}

.volunteer .badge--orange {
	background-color: #FFF1E8;
	color: #F47C2C;
}

.volunteer .badge--navy {
	background-color: #E8F0FF;
	color: #2D5198;
}

.volunteer .badge--pink {
	background-color: #FFE9F3;
	color: var(--color-primary);
}

.badge-num {
	flex-shrink: 0;
	display: inline-block;
	padding: 0.25rem 0.5rem;
	background-color: var(--color-white);
	font-size: var(--font-body4-size);
	color: var(--color-gray-900);
	border: 1px solid var(--color-gray-300);
	border-radius: 0.25rem;
	line-height: 1.5;
}

.badge-num.is-active {
	color: var(--color-white);
	background-color: var(--color-gray-700);
	border: 1px solid var(--color-gray-700);
}

.board-event__ul {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2.5rem 1.5rem;
}

.board-event .board-gallery__link {
	padding: 1.5rem;
}

.board-event .board-gallery__thumbnail {
	margin: -1rem -1rem 1rem;
}

.board-event .board-gallery__title {
	margin: 0.5rem 0;
	height: auto;
}

.board-event .board-gallery__title .title {
	font-size: var(--font-body2-size);
}

.board-event .board-gallery-info__item.like {
	font-weight: 400;
}

.board-event .board-gallery-info {
	margin-bottom: 1rem;
}

@media (min-width: 80em) {
	.board-event .board-gallery__thumbnail {
		margin: -1.5rem -1.5rem 1.5rem;
	}
}

@media screen and (max-width: 1280px) {
	.board-event__ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.board-event .board-gallery__link {
		padding: 1rem;
	}

	.board-event .board-gallery__thumbnail {
		aspect-ratio: 49/24;
		;
	}

	.badge-location {
		padding: 0.25rem 0.5rem;
	}

	.volunteer .badge,
	.volunteer .badge-num {
		padding: 0.25rem 0.375rem;
	}

	.board-event .board-gallery__title .title {
		font-size: 1rem;
	}

	.board-event .board-gallery-info {
		margin-bottom: 0.5rem;
	}
}

@media screen and (max-width: 1024px) {
	.board-event__ul {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1.5rem 0;
	}
}

.badge-more-modal {
	position: absolute;
	left: 0;
	bottom: 2.75rem;
	display: none;
	z-index: 1;
	padding: 1rem;
	width: 100%;
	max-width: 20.875rem;
	background-color: var(--color-white);
	box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
	border: 1px solid var(--color-gray-200);
}

.badge-more-modal.is-active {
	display: block;
}

.modal-txt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
}

.modal-txt p {
	font-size: var(--font-body4-size);
}

.badge-more-modal .volunteer-swiper__flex {
	flex-wrap: wrap;
}

.volunteer-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 0.75rem;
	background-color: var(--color-bg2);
	border-radius: 0.5rem;
}

.volunteer-info__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: var(--font-body4-size);
	line-height: 1.5;
	color: var(--gray-700);
}

.volunteer-info__strong, .volunteer-info__span {
	font-size: var(--font-body4-size);
}

.volunteer-info__strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	gap: 0.25rem;
	align-items: center;
	color: var(--color-gray-700);

	i {
		background-color: var(--color-gray-700);
	}
}

.volunteer-info__span {
	color: var(--color-gray-900);
}

.board-search_input {
	position: relative;
	display: flex;
	gap: 0.5rem;
}

.board-search-filters {
	padding: 2rem;
	/* margin-bottom: 2.5rem; */
	max-width: 100%;
	background-color: var(--color-white);
	border-radius: 1rem;
	border: 1px solid var(--color-gray-200);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.board-search-filters_input {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	margin-bottom: 2rem;
}

.board-search-filters_input .inputs-title {
	margin-bottom: 0.5rem;
	font-size: var(--font-body2-size);
	color: var(--color-gray-900);
	font-weight: 700;
	line-height: 1.9125rem;
}

.board-search-filters_input input, select {
	padding: 0.75rem 1rem;
	width: 100%;
}

.board-search-filters_data .inp.datepicker {
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-200);
	background-size: 1rem 1rem;
}

.board-search-filters_data span {
	color: var(--color-gray-500);
	font-size: var(--font-body3-size);
}

.board-search-filters_data input {
	max-width: 12.625rem;
}

.board-search-filters_area div, .board-search-filters_data div {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.board-search-filters_area select {
	max-width: 14.25rem;
}

.board-search-filters_field select {
	max-width: 27rem;
}

.board-search-filters_btn i {
	background-color: var(--color-white);
}

@media screen and (max-width: 1024px) {
	.board-search-filters_input {
        grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1rem;
	}
    .board-search-filters_data input,
	.board-search-filters_area select,
	.board-search-filters_field select {
		max-width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.board-search-filters {
		padding: 1.5rem;
		width: 100vw;
		max-width: 1000%;
		margin-left: -1rem;
		border-radius: 0;
		border-left: none;
		border-right: none;
		box-shadow: none;
	}

	.board-search-filters_input {
		margin-bottom: 1.5rem;
	}

	.board-search-filters_area div {
		flex-direction: column;
	}
}

/*
/ -----------------------------------------------------------------------------
/ page_wrap
/ -----------------------------------------------------------------------------
*/

.page_wrap {
	font-size: 1.125rem;
}

.page {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.page>a {
	font-size: 1.125rem;
	z-index: 0;
	position: relative;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}

.page>a:not([href]),
.page>a[href^="javascript:void(0)"],
.page>a[href="javascript:;"] {
	cursor: default;
	opacity: 0.4;
}

.page a:has(i[class*=ic-]),
.page a:has(i[class^=ic-]) {
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-gray-300);
	border-radius: 0.25rem;
}

.page a i[class*=ic-],
.page a i[class^=ic-] {
	overflow: hidden;
	text-indent: -999999999px;
}

.page_p {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0 0.5rem;
	font-weight: 500;
}

.page_p a {
	font-size: 1.125rem;
	z-index: 0;
	position: relative;
	display: block;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	color: var(--color-gray-600);
	border: none;
	text-align: center;
	transition: all 0.3s;
	background: transparent;
	border-radius: 50%;
}

.page_p a:hover {
	color: var(--color-gray-900);
	font-weight: bold;
}

.page_p a.act {
	border-radius: 50%;
	color: var(--color-primary);
	font-weight: bold;
}


.current_m {
	display: none;
	gap: 1rem;
	font-size: var(--font-body2-size);
	color: var(--color-gray-600);
}

.current_m strong {
	font-weight: 700;
	color: var(--color-primary);
}


@media screen and (max-width: 1280px) {
	.page_p {
		display: none;
	}

	.current_m {
		display: flex;
		margin:0 1.25rem;
	}
}

/*
/ -----------------------------------------------------------------------------
/ editor
/ -----------------------------------------------------------------------------
*/

.editor {
	min-height: 25rem
}

.ck-content {
	all: initial;
	unicode-bidi: isolate;
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-gray-700);
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: break-word;
	max-width: 100%;
	padding: 3rem 2.5rem;
	font-size: clamp(14px, 1.5vw, 18px);
	line-height: 1.7
}

@media screen and (max-width: 800px) {
	.ck-content {
		padding-block: 2rem;
		padding-inline: 0.5rem;
	}
}

.ck-content * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font: inherit;
	color: inherit;
	background: none;
	border: 0;
	text-decoration: none
}

.ck-content h1, .ck-content h2, .ck-content h3, .ck-content h4, .ck-content h5, .ck-content h6, .ck-content p, .ck-content ul, .ck-content ol, .ck-content li, .ck-content blockquote, .ck-content pre {
	display: block
}

.ck-content h1, .ck-content h2, .ck-content h3, .ck-content h4, .ck-content h5, .ck-content h6 {
	font-weight: bold;
	margin: 1em 0 .5em;
	font-size: inherit;
	line-height: 1.2
}

.ck-content p {
	margin: 1em 0
}

.ck-content ul, .ck-content ol {
	all: revert;
	list-style-position: inside;
	list-style-type: initial;
	display: block;
	padding-left: 1.5em;
	margin: 1em 0
}

.ck-content ul {
	list-style-type: disc
}

.ck-content ol {
	list-style-type: decimal
}

.ck-content li {
	list-style-type: inherit;
	display: list-item;
	margin-bottom: .3em
}

.ck-content strong, .ck-content b {
	font-weight: 600
}

.ck-content em, .ck-content i {
	font-style: italic
}

.ck-content u {
	text-decoration: underline
}

.ck-content s, .ck-content strike {
	text-decoration: line-through
}

.ck-content a {
	color: #0070f3;
	text-decoration: underline;
	word-break: break-all
}

.ck-content a:hover {
	text-decoration: none
}

.ck-content blockquote {
	border-left: 4px solid #ccc;
	padding-left: 1em;
	color: #666;
	margin: 1em 0
}

.ck-content code {
	background-color: #f4f4f4;
	padding: .2em .4em;
	font-family: monospace;
	font-size: .95em
}

.ck-content pre {
	background: #f5f5f5;
	padding: 1em;
	font-family: monospace;
	font-size: .95em;
	overflow: auto;
	margin: 1em 0
}

.ck-content img {
    width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 1em auto;
}

.ck-content figure.image {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 1em auto;
	text-align: center
}

.ck-content figure.image.image-style-block-align-left {
	margin-right: 0;
	text-align: left
}

.ck-content figure.image.image-style-block-align-right {
	margin-left: 0;
	text-align: right
}

.ck-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0
}

.ck-content th {
	background-color: #f7f7f7
}

.ck-content table:not([border="0"]) th, .ck-content table:not([border="0"]) td {
	border: 1px solid #ccc;
	padding: .5em;
	text-align: left
}

.ck-content *[style*="font-size:10px"] {
	font-size: clamp(10px, 1vw, 12px) !important
}

.ck-content *[style*="font-size:12px"] {
	font-size: clamp(12px, 1.2vw, 14px) !important
}

.ck-content *[style*="font-size:14px"] {
	font-size: clamp(14px, 1.4vw, 16px) !important
}

.ck-content *[style*="font-size:18px"] {
	font-size: clamp(16px, 1.6vw, 20px) !important
}

.ck-content *[style*="font-size:20px"] {
	font-size: clamp(18px, 1.8vw, 22px) !important
}

.ck-content *[style*="font-size:22px"] {
	font-size: clamp(20px, 2vw, 24px) !important
}

.pagination {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 기본(데스크탑 최대) */
.pagination__label {
	display: flex;
	width: fit-content;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	color: var(--color-gray-600);
	gap: .5rem;
}

.pagination__title {
	margin: 0;
	margin-top: .5rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.5;
}

/* -------- Tablet (max-width: 1280px) -------- */
@media (max-width: 1280px) {
	.pagination__label {
		font-size: .9375rem;
	}

	.pagination__title {
		font-size: 1rem;
	}
}

/* -------- Mobile (max-width: 768px) -------- */
@media (max-width: 768px) {
	.pagination__label {
		font-size: .8125rem;
		gap: .25rem;
	}

	.pagination__title {
		font-size: .875rem;
	}
}

/* -------- Hide title (max-width: 1024px) -------- */
@media (max-width: 1024px) {
	.pagination__title {
		display: none;
	}
}


/* 그대로 유지되는 스타일 */
.pagination__btn {
	position: absolute;
	display: flex;
	flex-direction: column;
	max-width: 22.5rem;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.pagination__btn--next {
	left: auto;
	right: 0;
	text-align: right;
}

.pagination__btn--next .pagination__label {
	margin-left: auto;
}

.pagination__btn .pagination__label i[class*="ic-arrow-"] {
	background-color: var(--color-gray-600);
}

@media (hover: hover) and (pointer: fine) {

	.pagination__btn:hover .pagination__label::before,
	.pagination__btn:focus-visible .pagination__label::before {
		width: 1em;
		opacity: 1;
	}
}



/*
/ -----------------------------------------------------------------------------
/ Board Read
/ -----------------------------------------------------------------------------
*/
.board-read {
	position: relative;
	max-width: 74.75rem;
	margin-inline: auto;
}

.board-label {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0.5rem;
	padding: 0.375rem 0.5rem;
	font-size: var(--font-body4-size);
	font-weight: 700;
	white-space: nowrap;
	border-radius: 0.25rem;
}

.board-label.gray {
	color: var(--color-gray-600);
	border: 1px solid var(--color-gray-200);
}

.board-label.primary {
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
}

@media(max-width: 23.4375em) {
	.board-label {
		padding: 0.12rem 0.38rem;
	}
}

.board-read__head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2rem 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	text-align: left;
}

.board-read__head::before {
    content: "";
    display: block;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    right: 50%;
    margin-right: -50vw;
    position: absolute;
    height: 1px;
    border-bottom: 1px solid var(--color-gray-200);
    bottom: 0
}

@media(max-width: 23.4375em) {
	.board-read__head::before {
		width: 375px;
		margin-left: -187.5px;
		margin-right: -187.5px
	}
}
.board-read-box {
	padding: 1.5rem;
	margin-top: 1rem;
	border-radius: 16px;
	border: 1px solid var(--color-gray-200);
}

.board-read-box-title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1rem;
}

.board-read-box-title::before {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: var(--color-gray-200);
}

.write-profile {width: 100%;}

.board-read-box .volunteer-info {
	gap: 0.75rem;
	padding: 1rem 0 0 0;
	background-color: var(--color-white);
}

.board-read-box .volunteer-info__strong {
	align-items: baseline;
	width: 100%;
	max-width: 3.125rem;
	font-weight: 400;
	color: var(--color-gray-900);
}

.board-read-box .volunteer-swiper__flex {
	flex-wrap: wrap;
	justify-content: flex-end;
}

.board-read__head.read__head-type2 {
	position: absolute;
	padding: 0;
	top: 0;
	right: 0;
	width: 21.375rem;
}
.board-read__head.read__head-type2::before {display: none;}
.board-read__head.read__head-type2 .board-read-box {
	padding: 1rem;
}

@media screen and (min-width: 48em) {
	.board-read-box .volunteer-info {
		gap: 1rem;
	}
	.board-read__head.read__head-type2 .board-read-box {
		padding: 1.5rem;
	}
}

.write-profile span {
	margin-left: 0.5rem;
	font-size: var(--font-body3-size);
}

.board-read-info {
	margin-top: .75rem;
	--flex-gap: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: var(--flex-gap);
	margin-left: calc(var(--flex-gap)*-1);
	padding-left: var(--flex-gap);
	clip-path: inset(0 0 0 var(--flex-gap));
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;

	&.like {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.board-read-info>* {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: relative;
	margin-left: calc(var(--flex-gap)*-1);
	padding-left: var(--flex-gap)
}

.board-read-info>*::after {
	content: "";
	position: absolute;
	left: calc(var(--flex-gap)*.5);
	top: calc(50% - .3em);
	display: block;
	width: 1px;
	height: .6em;
	background-color: var(--color-gray-300);
}

.board-read-info>*[data-title]::before {
	content: attr(data-title);
	color: var(--color-gray-700);
	display: block;
	padding-right: .25rem
}

.board-read-info__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .25rem;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--color-gray-500);

	&:has(.like-btn) {
		margin-left: auto;

		&:after {
			display: none;
		}
	}

	.like-btn {
		display: flex;
		align-items: center;
		gap: 0.25rem;
		margin-left: auto;
		padding: 0.375rem 0.5rem;
		color: var(--color-gray-700);
		font-size: var(--font-body4-size);
		border: 1px solid var(--color-gray-200);
		border-radius: 0.5rem;

		&:hover {
			background-color: var(--color-bg4);
		}

		&.active {
			color: var(--color-white);
			background-color: var(--color-primary);

			.ic-heart {
				background-color: var(--color-white);
			}
		}

		.ic-heart {
			background-color: var(--color-primary);
		}
	}
}

@media(min-width: 48rem) {
	.board-read-info__item {
		font-size: 1rem;
		.like-btn {
			gap: 0.5rem;
			padding: 0.5rem 0.75rem;
		}
	}
}

@media(min-width: 80em) {
	.board-read-info__item {
		font-size: 1.125rem
	}
}

.board-read-info__item:has(.icon) {
	width: auto
}

.board-read-info__item:has(.icon) .icon {
	color: var(--color-gray-900)
}

.board-read__desc {
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5
}

@media(min-width: 48em) {
	.board-read__desc {
		font-size: 1rem
	}
}

@media(min-width: 80em) {
	.board-read__desc {
		font-size: 1.125rem
	}
}

.board-read__bg {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
	width: 100vw;
	margin-left: -50vw;
	left: 50%;
	right: 50%;
	margin-right: -50vw
}

.board-read__bg img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(max-width: 23.4375em) {
	.board-read__bg {
		width: 375px;
		margin-left: -187.5px;
		margin-right: -187.5px
	}
}

.board-read__bg img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center
}

.board-read__eyebrow {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 1.75rem;
	margin-bottom: .5rem;
	font-size: .8125rem;
	line-height: 1.5;
	font-weight: 700;
	color: var(--color-gray-700);

	.board-label {
		position: relative;

		&:before {
			content: '';
			position: absolute;
			top: 50%;
			left: -1rem;
			width: 0.25rem;
			height: 0.25rem;
			border-radius: 100%;
			background-color: var(--color-gray-500);
			transform: translateY(-50%);
		}
	}
}

@media(min-width: 48em) {
	.board-read__eyebrow {
		font-size: .9375rem
	}
}

@media(min-width: 80em) {
	.board-read__eyebrow {
		font-size: 1rem
	}
}

.board-read__title {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	word-break: keep-all;
}

@media(min-width: 48em) {
	.board-read__title {
		font-size: 1.75rem
	}
}

@media(min-width: 64em) {
	.board-read__title {
		font-size: 1.815rem
	}
}

@media(min-width: 80em) {
	.board-read__title {
		font-size: 2rem
	}
}

.board-read-share {
	position: relative;
	display: inline-block;
	z-index: 0
}

.board-read-share .share-dialog {
	position: absolute;
	top: 100%;
	padding: .5rem;
	margin: auto;
	left: 50%;
	z-index: 0;
	margin-top: 1rem;
	padding: 1rem;
	background: var(--color-white);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
	border: 1px solid var(--color-gray-200);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: .25rem;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity .2s;
	transition: opacity .2s;
	stroke-width: 1px;
	stroke: var(--color-gray-200);
	-webkit-filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1))
}

.board-read-share .share-dialog::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	border-left: .3125rem solid rgba(0, 0, 0, 0);
	border-right: .3125rem solid rgba(0, 0, 0, 0);
	border-bottom: .625rem solid var(--color-white)
}

.board-read-share .share-dialog ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: .5rem
}

.board-read-share .share-dialog ul button {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 3.5rem;
	aspect-ratio: 1/1;
	background-color: var(--bg2);
	border-radius: .5rem;
	-webkit-transition: background .3s;
	transition: background .3s
}

.board-read-share .share-dialog ul button img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media(hover: hover)and (pointer: fine) {
	.board-read-share .share-dialog ul button:hover, .board-read-share .share-dialog ul button:focus-visible {
		background-color: var(--color-gray-200)
	}
}

.board-read-share .share-dialog {
	opacity: 1;
	pointer-events: auto
}

.board-read__btn {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 1rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 1rem;
	background: var(--bg4);
	text-align: center;
	font-size: .8125rem;
	font-weight: 400;
	line-height: 1.5;
	gap: .5rem;
	-webkit-transition: background .3s, color .3s;
	transition: background .3s, color .3s
}

.board-read__head.read__head-type2 .board-read__btn {
    background: var(--color-primary);
	color: var(--color-white);
}

.board-read__head.read__head-type2 .board-read__btn span {
	font-size: var(--font-body3-size);
}

.board-read__head.read__head-type2 .board-read__btn i.ic-external-link {
	background-color: var(--color-white);
}

@media(min-width: 48em) {
	.board-read__btn {
		font-size: .9375rem
	}
}

@media(min-width: 80em) {
	.board-read__btn {
		font-size: 1rem
	}
}

@media(hover: hover)and (pointer: fine) {
	.board-read__btn:hover, .board-read__btn:focus-visible {
		background-color: var(--color-primary);
		color: var(--color-white)
	}
}

.board-read__btn:not(.is-active)~.share-dialog {
	display: none
}

.board-read__cont {
	margin-bottom: 2.5rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--color-gray-300)
}

.board-read .editor {
	max-width: 59.5rem;
	margin-inline:auto;
	padding: 0;
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
}

.board-read__cont.read__cont-type2 .editor {
    max-width: 51.875rem;
    margin-inline: inherit;
}

.editor-swiper {margin-bottom: 2.5rem;}

.editor-swiper .swiper-slide {
    border-radius: 1rem;
    overflow: hidden;
}

.editor-swiper .swiper-slide img {margin: 0;}

.editor-swiper .swiper-button-next, .editor-swiper .swiper-button-prev {
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.20);
    border-radius: 100%;
}

.editor-swiper .swiper-button-next {right: 0.75rem;}

.editor-swiper .swiper-button-prev {left: 0.75rem;}

.editor-swiper .ic-arrow-next, .editor-swiper .ic-arrow-prev {
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--color-white);
}

.editor-swiper .swiper-button-next:after, .editor-swiper .swiper-button-prev:after {content: '';}

.editor-swiper .swiper-pagination {
    bottom: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    width: auto;
    background-color: rgba(0, 0, 0, 0.20);
    border-radius: 1rem;
}

.editor-swiper .swiper-pagination-total::before {
    display: inline-block;
    margin: 0 0.5rem;
    width: 1px;
    height: 0.5rem;
    content: '';
    background-color: var(--color-gray-500); 
}

.editor-swiper .swiper-pagination-current, .editor-swiper .swiper-pagination-total {
    font-size: 0.75rem;
    font-family: var(--font-pretendard);
    line-height: 150%;
}

.editor-swiper .swiper-pagination-current {
    color: var(--color-white);
    font-weight: 700;
}

.editor-swiper .swiper-pagination-total {color: var(--color-gray-500);}

.board-read .btn-box {
	margin-top: 2rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media screen and (max-width: 1280px) {
	.board-read__head.read__head-type2 {
		position: static;
		padding-top: 2rem;
		width: 100%;
	}

	.board-read-box {
		margin-top: 0.75rem;
	}

    .board-read__cont.read__cont-type2 .editor {
        max-width: 59.5rem;
        margin-inline: auto;
    }
}

@media screen and (max-width: 800px) {
    .editor-swiper {margin-bottom: 2rem;}
    .editor-swiper .swiper-pagination {bottom: 0.5rem;}
    .editor-swiper .swiper-button-next, .editor-swiper .swiper-button-prev {
        padding: 0.5rem 0.25rem;
        width: auto;
        height: auto;
        border-radius: 0;
    }
    .editor-swiper .swiper-button-next {right: 0;}
    .editor-swiper .swiper-button-prev {left: 0;}
    .editor-swiper .ic-arrow-next, .editor-swiper .ic-arrow-prev {
        width: 1rem;
        height: 1rem;
    }
}

@media(min-width: 80em) {
	.board-read__head {
        padding:2.5rem 0 2.5rem
    }

	.board-read__eyebrow {
		margin-bottom: 1rem
	}

	.board-read-info {
		--flex-gap: 2rem;
		margin-top: 1rem
	}

	.board-read-info__item {
		font-size: .8125rem;
		font-weight: 400;
		line-height: 1.5
	}
}

@media(min-width: 80em)and (min-width: 48em) {
	.board-read-info__item {
		font-size: .9375rem
	}
}

@media(min-width: 80em)and (min-width: 80em) {
	.board-read-info__item {
		font-size: 1rem
	}
}

@media(min-width: 80em) {
	.board-read-info__item::before {
		padding-right: .5rem
	}

	.board-read__cont {
		margin-bottom: 2.5rem;
		padding-bottom: 3.75rem
	}

	.board-read .editor {
		margin-bottom: 5rem
	}
}

@media(min-width: 80em) {
	.board-read--side {
		position: relative;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	.board-read--side .board-read__head {
		position: absolute;
		width: 21.375rem;
		top: 1.5rem;
		right: 0
	}

	.board-read--side .board-read__head::before {
		display: none
	}

	.board-read--side .board-read__cont {
		padding-top: 1.5rem;
		padding-right: 23.875rem
	}

	.board-read--side .board-read__desc, .board-read--side .board-read-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 1rem;
		padding: 1.5rem;
		border: 1px solid var(--color-gray-200);
		margin-left: 0;
		margin-bottom: 0;
		border-radius: 1rem;
		clip-path: none;
		gap: .75rem
	}

	.board-read--side .board-read__desc__item, .board-read--side .board-read-info__item {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		gap: .5rem;
		font-size: .8125rem;
		font-weight: 400;
		line-height: 1.5;
		color: var(--color-gray-700)
	}
}

@media(min-width: 80em)and (min-width: 48em) {
	.board-read--side .board-read__desc__item, .board-read--side .board-read-info__item {
		font-size: .84375rem
	}
}

@media(min-width: 80em)and (min-width: 80em) {
	.board-read--side .board-read__desc__item, .board-read--side .board-read-info__item {
		font-size: .875rem
	}
}

@media(min-width: 80em) {
	.board-read--side .board-read__desc__item::before, .board-read--side .board-read-info__item::before {
		color: var(--color-gray-900)
	}

	.board-read--side .board-read__desc__item::after, .board-read--side .board-read-info__item::after {
		display: none
	}

	.board-read--side .board-read__desc:has(+.board-read-info), .board-read--side .board-read-info:has(+.board-read-info) {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom: 0
	}

	.board-read--side .board-read__desc+.board-read-info, .board-read--side .board-read-info+.board-read-info {
		position: relative;
		margin-top: 0;
		border-top: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0
	}

	.board-read--side .board-read__desc+.board-read-info::before, .board-read--side .board-read-info+.board-read-info::before {
		content: "";
		display: block;
		width: auto;
		position: absolute;
		top: 0;
		left: 1.5rem;
		right: 1.5rem;
		border-top: 1px solid var(--color-gray-200)
	}

	.board-read--side .board-read__title {
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.5;
		word-break: break-all
	}
}

@media(min-width: 80em)and (min-width: 48em) {
	.board-read--side .board-read__title {
		font-size: 1.625rem
	}
}

@media(min-width: 80em)and (min-width: 64em) {
	.board-read--side .board-read__title {
		font-size: 1.75rem
	}
}

@media(min-width: 80em)and (min-width: 80em) {
	.board-read--side .board-read__title {
		font-size: 2rem
	}
}

@media(min-width: 80em) {
	.board-read--side .board-read .editor {
		margin-top: 0
	}

	.board-read--side .board-read__head {
		padding: 0
	}

	.board-read--side .board-read__eyebrow {
		margin-bottom: .5rem
	}
}

.board-read-file {
	max-width: 59.5rem;
	margin-inline: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: var(--color-gray-50);
	border-radius: 1rem;
	gap: .5rem
}

.board-read-file__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: .875rem
}

.board-read-file__item:before {
	content: "";
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 0.5rem;
	background-image: url('/resource/images/icon/ic-file.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.board-read-file__item:before::before, .board-read-file__item:before::after {
	line-height: 1
}

.board-read-file__item a {
	word-break: break-all
}

@media(hover: hover)and (pointer: fine) {
	.board-read-file__item a:hover, .board-read-file__item a:focus-visible {
		color: var(--color-gold-400);
		text-decoration: underline;
		text-underline-offset: .25em;
		text-decoration-thickness: 1px
	}
}

@media(min-width: 80em) {
	.board-read-file {
		padding: 1.5rem
	}

	.board-read-file__item {
		font-size: 1rem
	}

	.board-read-file__item::before {
		margin-right: 1rem
	}
}

@media(min-width: 80em) {
	.board-read--side .board-read-file {
		max-width: none;
		width: calc(100% + 23.875rem)
	}

	.board-read--side .board-read-file__cont {
		min-height: 31.25rem
	}
}