.notice-container {
	margin: 22px auto;
	padding: 22px 0;
	width: 70%;
}


.page-title {
	text-align: center;
}


.page-title > h1 {
	font-size: var(--font-size-4);
	font-weight: 200;
	text-align: center;
	margin: 8px 0;
}


hr {
	margin: 22px 0 8px 0;
}


.notice-table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}


.notice-table tbody {
}


.caption-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 8px 0;
}

.notice-table td {
	/*padding: 22px 8px;*/
}


.notice-table thead {
	background-color: #006eb5;
	color: rgba(255, 255, 255, 1);
}


.notice-table th {
	font-size: var(--font-size-2);
	padding: 8px;
}


.notice-list-row {
	line-height: 8vh;
	border-bottom: 1px solid #c8c8c8;
}

.notice-list-row:hover {
	transform: translate(2px, -8px);
	cursor: pointer;
	transition: all 0.2s;
}


.notice-list {
	font-size: var(--font-size-2);
}


.board-view {
	padding: 0 0 0 22px;
}


.notice-detail {
	margin: 88px auto;
	width: 88%;
}


.notice-title {
	font-size: var(--font-size-3);
	margin: 0 0 8px 0;
	border-bottom: 1px solid #888888;
	padding: 0 0 8px 0;
}


.notice-summary {
	align-items: center;
	display: flex;
}


.notice-etc-info {
	display: flex;
	flex-direction: column;
}


.notice-etc-info * {
	font-size: var(--font-size-2);
}


.notice-etc-info2 {
	display: flex;
	flex-direction: column;
}


.member-img > img {
	border-radius: 22px;
}


.notice-view {
	margin-right: 22px;
}


.notice-content {
	border: 1px solid rgba(222, 222, 222, 1);
	border-radius: 8px;
	font-size: var(--font-size-2);
	margin: 22px 0 0 0;
	padding: 22px 8px;
	white-space: pre-wrap;
}


.notice-content * {

	max-width: 100%;
}


pre img {
	max-width: 100%;
}


.ck.ck-balloon-panel.ck-balloon-panel_visible {
	display: none;
}


.delete-content-form {
	margin-top: 22px;
	text-align: right;
}


.delete-content-btn {
	background-color: var(--bc-gray);
	border-style: none;
	font-weight: 600;
	padding: 8px;
}


.board-category {
	background-color: #006eb5;
	color: #ffffff;
	text-align: center;
	border-radius: 22px;
	padding: 8px !important;
}


.authority-img {
	display: none;
}


.content-good-box {
	align-items: center;
	display: flex;
	justify-content: center;
	border: 1px solid #888888;
	border-radius: 8px;
	width: fit-content;
	margin: 22px auto;
	padding: 8px 22px;
}


.good-title {
	font-size: var(--font-size-2);
}


.content-good-box > * {
	padding: 8px;
}


.good-btn-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
}


.good-btn {
	align-items: center;
	background-color: transparent;
	border: 1px solid rgba(222, 222, 222, 1);
	border-radius: 22px;
	display: flex;
	padding: 8px;
}


.good-img {
	cursor: pointer;
	width: 22px;
	height: auto;
}


.comment-write-box {
	display: flex;
	gap: 8px;
}


.comment-write-box > button {
	white-space: nowrap;
	padding: 8px 22px;
	font-size: var(--font-size-2);
}


.comment-write-box textarea {
	width: 100%;
	height: 8vh !important;
	resize: none;
	padding: 8px;
}


.comment-list-item {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin: 22px 0;
	border-block: 1px solid #888888;
	padding: 22px 0;
}


.comment-username {
	border-radius: 8px;
	padding: 8px;
	background-color: #CCE9CC;
	color: #2c3e50;
	font-weight: 600;
}


.comment-dt {
	color: #888888;
}


.comment-list-item pre {
	margin: 0;
}


.comment-info {
	display: flex;
	align-items: center;
	gap: 8px;
}


.post-title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.move-write {
	background-color: #006eb5;
	border-radius: 8px;
	display: flex;
	align-items: center;
}


.write-btn {
	padding: 8px;
	color: #ffffff;
	display: flex;
	align-items: center;
	gap: 8px;
}


.board-form {
	max-width: 88%;
	margin: 0 auto;
}


.title-text {
	text-align: center;
	font-size: var(--font-size-3);
}


.input-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 22px 0;
}


.input-field * {
	font-size: var(--font-size-2);
}


.input-label {
	font-weight: 600;
}

.input-value {
	border: 1px solid #c8c8c8;
	border-radius: 8px;
	padding: 8px;
}


.input-value.content {
	resize: none;
	width: 100%;
	min-height: 22vh;
}


.input-field3 {
	text-align: right;
}


.review-form {
	margin: 22px 0;
}


.input-field-2 {
	border: 1px solid rgba(88, 88, 88, 1);
	display: flex;
}


.input-field-2 * {
	font-size: var(--font-size-2);
}


.input-label-2 {
	min-width: 20%;
	min-height: 4vh;
	padding: 8px;
	white-space: nowrap;
	text-align: center;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #EAEEF3;
	color: #006EB5;
}


.input-value-2 {
	background-color: transparent;
	border-style: none;
	height: inherit;
	padding: 8px;
	flex: 1;
}


.input-value2 {
	min-height: 22vh;
	padding: 8px;
	resize: none;
	width: 100%;
	font-size: var(--font-size-2);
}


.input-field3 {
	margin-top: 22px;
	text-align: right;
}


.guide-line {
	border: 1px solid rgba(88, 88, 88, 0.2);
	padding: 8px 22px;
}


.guide-line > pre {
	font-size: var(--font-size-2);
	padding: 8px;
	white-space: pre-line;
}


.review-content {
	border: 1px solid #888888;
	outline-style: none;
	font-size: var(--font-size-2);
	padding: 8px;
	resize: none;
	width: 100%;
	min-height: 22vh;
}


.input-review {
	margin: 85px auto;
	width: 80%;
}


.select-review-list {
	flex: 1;
	border-style: none;
	outline-style: none;
}


#reviewSubmitBtn {
	background-color: #006EB5;
	font-size: var(--font-size-2);
	border-style: none;
	border-radius: 2px;
}