/* 금호이웃사촌마을 공모전 - 공지사항 */


.geumho2026-notice-page {
	background: #fbf7f1;
	color: var(--geumho-brown, #402315);
}

.geumho2026-notice-main {
	overflow: hidden;
}


/* 상단 타이틀 영역 */

.geumho2026-notice-hero {
	position: relative;
	padding: 82px 0 42px;
	/* background: radial-gradient(circle at 78% 45%, rgba(40, 181, 141, 0.06), transparent 28%), radial-gradient( circle at 12% 35%, rgba(239, 41, 103, 0.05), transparent 30% ), #fbf7f1; */
}

.geumho2026-notice-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(460px, 1.2fr);
	align-items: center;
	gap: 70px;
	min-height: 310px;
}

.geumho2026-notice-hero__content {
	position: relative;
	z-index: 2;
}

.geumho2026-notice-hero__eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 17px;
	font-size: 22px;
	font-family: 'HighTeenChoiHyoryeong';
}

.geumho2026-notice-hero__eyebrow span {
	color: var(--geumho-pink, #ed2867);
	/* font-family: Georgia, 'Times New Roman', serif; */
	font-family: 'HighTeenChoiHyoryeong';
}

.geumho2026-notice-hero__eyebrow i {
	display: block;
	width: 5px;
	height: 5px;
	background: var(--geumho-brown, #402315);
	transform: rotate(45deg);
}

.geumho2026-notice-hero__eyebrow strong {
	color: var(--geumho-brown, #402315);
	font-family: 'HighTeenChoiHyoryeong';
	font-weight: 500;
}

.geumho2026-notice-hero__title {
	margin: 0;
	color: var(--geumho-brown, #402315);
	font-family: 'HighTeenChoiHyoryeong', serif;
	font-size: clamp(58px, 6vw, 84px);
	font-weight: 700;
	line-height: 1.05;
}

.geumho2026-notice-hero__description {
	margin: 28px 0 0;
	color: #716860;
	font-size: 19px;
	line-height: 1.65;
}

.geumho2026-notice-hero__line {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: min(100%, 520px);
	margin-top: 43px;
}

.geumho2026-notice-hero__line::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #cec5bc;
	transform: translateY(-50%);
}

.geumho2026-notice-hero__line span {
	position: relative;
	z-index: 1;
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
}

.geumho2026-notice-hero__line .is-pink {
	background: var(--geumho-pink, #ed2867);
}

.geumho2026-notice-hero__line .is-green {
	background: var(--geumho-teal, #21ac89);
}

.geumho2026-notice-hero__line .is-yellow {
	background: #f6c317;
}

.geumho2026-notice-hero__line .is-blue {
	background: #2e67ad;
}

.geumho2026-notice-hero__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 0;
}

.geumho2026-notice-hero__visual img {
	display: block;
	width: 100%;
	max-width: 760px;
	height: auto;
	object-fit: contain;
}


/* 게시판 */
.geumho2026-notice-list__empty {
	display: flex;
	min-height: 28vh;
	align-items: center;
	justify-content: center;
	color: #8a8179;
	font-size: 16px;
	text-align: center;
}

.geumho2026-notice-board {
	padding: 15px 0 100px;
	background: #fbf7f1;
}

.geumho2026-notice-board__shell {
	overflow: hidden;
	border: 1px solid rgba(89, 59, 42, 0.08);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 16px 46px rgba(72, 47, 31, 0.07);
	min-height: 30vh;
}

.geumho2026-notice-board__head {
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr) 190px;
	align-items: center;
	min-height: 67px;
	margin: 18px 22px 0;
	background: #f7f2ec;
	color: var(--geumho-brown, #402315);
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.geumho2026-notice-list {
	margin: 0;
	padding: 0 22px 18px;
	list-style: none;
}

.geumho2026-notice-list__item {
	margin: 0;
	border-bottom: 1px solid #e8e2dc;
}

.geumho2026-notice-list__item:last-child {
	border-bottom: 0;
}

.geumho2026-notice-list__link {
	position: relative;
	display: grid;
	grid-template-columns: 160px minmax(0, 1fr) 190px;
	align-items: center;
	min-height: 77px;
	color: var(--geumho-brown, #402315);
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.geumho2026-notice-list__link:hover {
	background: rgba(239, 41, 103, 0.035);
}

.geumho2026-notice-list__number {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	font-size: 16px;
	text-align: center;
}

.geumho2026-notice-list__new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 41px;
	height: 22px;
	padding: 0 8px;
	border-radius: 20px;
	background: var(--geumho-pink, #ed2867);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}

.geumho2026-notice-list__subject {
	overflow: hidden;
	padding: 0 25px;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.45;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.geumho2026-notice-list__date,
.geumho2026-notice-list__views {
	color: #5f5751;
	font-size: 15px;
	text-align: center;
}

.geumho2026-notice-list__arrow {
	display: none;
}


/* =========================================================
   페이지네이션
========================================================= */

.geumho2026-notice-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 35px;
}

.geumho2026-notice-pagination__button {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--geumho-brown, #402315);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.geumho2026-notice-pagination__button:hover {
	background: rgba(239, 41, 103, 0.1);
	color: var(--geumho-pink, #ed2867);
}

.geumho2026-notice-pagination__button.is-active {
	background: var(--geumho-pink, #ed2867);
	color: #fff;
	font-weight: 700;
}


/* 태블릿 */
@media (max-width: 1280px) {
	.geumho2026-notice-hero__eyebrow {
		font-size: 18px;
		padding-left: 6px;
	}
	.geumho2026-notice-hero__description {
	    margin: 15px 0 0;
		font-size: 17px;
	}
}

@media (max-width: 1024px) {
	.geumho2026-notice-hero {
		padding-top: 65px;
	}

	.geumho2026-notice-hero__inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(380px, 1.1fr);
		gap: 35px;
	}

	.geumho2026-notice-hero__title {
		font-size: 64px;
	}

	.geumho2026-notice-board__head,
	.geumho2026-notice-list__link {
		grid-template-columns: 120px minmax(0, 1fr) 150px 90px;
	}
}


/* 모바일 */

@media (max-width: 767px) {
	.geumho2026-notice-hero {
		padding: 45px 0 25px;
	}

	.geumho2026-notice-hero__inner {
		display: block;
		min-height: auto;
	}

	.geumho2026-notice-hero__eyebrow {
		margin-bottom: 13px;
		font-size: 14px;
	}

	.geumho2026-notice-hero__title {
		font-size: 54px;
	}

	.geumho2026-notice-hero__description {
		margin-top: 17px;
		font-size: 15px;
		line-height: 1.6;
	}

	.geumho2026-notice-hero__line {
		width: 100%;
		margin-top: 28px;
	}

	.geumho2026-notice-hero__line span {
		width: 8px;
		height: 8px;
	}

	.geumho2026-notice-hero__visual {
		justify-content: center;
		margin-top: 35px;
	}

	.geumho2026-notice-hero__visual img {
		width: 115%;
		max-width: none;
	}

	.geumho2026-notice-board {
		padding: 12px 0 65px;
	}

	.geumho2026-notice-board__shell {
		border-radius: 0;
	}

	.geumho2026-notice-board__head {
		grid-template-columns: minmax(0, 1fr) 90px;
		min-height: 54px;
		margin: 10px 12px 0;
		font-size: 14px;
	}

	.geumho2026-notice-board__number,
	.geumho2026-notice-board__views {
		display: none;
	}

	.geumho2026-notice-board__subject {
		padding-left: 20px;
		text-align: left;
	}

	.geumho2026-notice-list {
		padding: 0 12px 10px;
	}

	.geumho2026-notice-list__link {
		grid-template-columns: minmax(0, 1fr) 90px 24px;
		min-height: 72px;
	}

	.geumho2026-notice-list__number,
	.geumho2026-notice-list__views {
		display: none;
	}

	.geumho2026-notice-list__subject {
		padding: 0 10px 0 8px;
		font-size: 16px;
		/* white-space: normal; */
	}

	.geumho2026-notice-list__date {
		font-size: 14px;
	}

	.geumho2026-notice-list__arrow {
		display: block;
		color: var(--geumho-pink, #ed2867);
		font-size: 24px;
		text-align: right;
	}

	.geumho2026-notice-pagination {
		gap: 2px;
		margin-top: 27px;
	}

	.geumho2026-notice-pagination__button {
		width: 34px;
		height: 34px;
		font-size: 13px;
	}
}

/* 공지사항 상세페이지 */
/* =========================================================
   공지사항 상세 페이지
========================================================= */

.geumho2026-notice-view {
	padding: 10px 0 100px;
	background: #fbf7f1;
}

.geumho2026-notice-view .geumho-container {
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto;
}

.geumho2026-notice-view__shell {
	overflow: hidden;
	padding: 0 48px 34px;
	border: 1px solid rgba(64, 35, 21, 0.08);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(64, 35, 21, 0.08);
}


/* 상세 상단 */

.geumho2026-notice-view__header {
	padding: 32px 0 0;
}

.geumho2026-notice-view__meta {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.geumho2026-notice-view__meta-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

.geumho2026-notice-view__category {
	display: inline-flex;
	min-width: 48px;
	height: 25px;
	align-items: center;
	justify-content: center;
	padding: 5px 16px;
	border: 1px solid var(--geumho-pink, #ed2867);
	border-radius: 20px;
	color: var(--geumho-pink, #ed2867);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}

.geumho2026-notice-view__date {
	color: #756c65;
	font-size: 16px;
}

.geumho2026-notice-view__title {
	margin: 0;
	padding: 0 0 18px;
	border-bottom: 1px solid #cfc6bd;
	color: var(--geumho-brown, #402315);
	font-size: clamp(24px, 2.5vw, 32px);
	font-weight: 700;
	line-height: 1.4;
	word-break: keep-all;
}


/* 본문 */

.geumho2026-notice-view__body {
	min-height: 360px;
}

.geumho2026-notice-view__content {
	padding: 18px 0 48px;
	color: #4f4741;
	font-size: 16px;
	line-height: 1.8;
}

.geumho2026-notice-view__content p {
	margin: 0;
}

.geumho2026-notice-content__section {
	margin: 30px 0;
}

.geumho2026-notice-content__section h3 {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 3px;
	color: var(--geumho-pink, #ed2867);
	font-size: 17px;
	font-weight: 700;
}

.geumho2026-notice-content__section h3 span {
	display: block;
	width: 12px;
	height: 12px;
	border: 4px solid var(--geumho-pink, #ed2867);
	border-radius: 50%;
}

.geumho2026-notice-content__image {
    padding: 50px;
    margin: 30px 0;
    background: #f5f5f5;
}


/* 접수 안내 박스 */

.geumho2026-notice-content__info {
	padding: 20px 24px;
	background: #f8f4ef;
	margin-bottom: 10px;
}

.geumho2026-notice-content__info dl {
	display: grid;
	gap: 8px;
	margin: 0;
}

.geumho2026-notice-content__info dl > div {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 14px;
}

.geumho2026-notice-content__info dt,
.geumho2026-notice-content__info dd {
	margin: 0;
}

.geumho2026-notice-content__info dt {
	color: var(--geumho-brown, #402315);
	font-weight: 700;
}

.geumho2026-notice-content__info dd {
	color: #514943;
}

.geumho2026-notice-content__info dd a {
	color: #21ac89;
	font-weight: 550;
}

/* 유의사항 */

.geumho2026-notice-content__list {
	margin: 0;
	padding: 20px 24px 20px 42px;
	background: #f2faf7;
}

.geumho2026-notice-content__list li {
	margin: 5px 0;
}


/* 첨부파일 */

.geumho2026-notice-view__attachment {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	align-items: stretch;
	margin-top: 5px;
	border: 1px solid #e6dfd8;
	background: #fff;
}

.geumho2026-notice-view__attachment-label {
	display: flex;
	align-items: center;
	padding: 17px 22px;
	background: #f8f4ef;
	color: var(--geumho-brown, #402315);
	font-size: 15px;
	font-weight: 700;
}

.geumho2026-notice-view__attachment-link {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	color: #4e4640;
	font-size: 16px;
	text-decoration: none;
}

.geumho2026-notice-view__attachment-link:hover {
	color: var(--geumho-teal, #21ac89);
}

.geumho2026-notice-view__attachment-link small {
	margin-left: auto;
	color: var(--geumho-teal, #21ac89);
	font-size: 15px;
	font-weight: 600;
}

.geumho2026-notice-view__attachment-icon {
	position: relative;
	display: block;
	width: 17px;
	height: 20px;
	min-width: 17px;
	border: 1px solid var(--geumho-brown, #402315);
	background: #fff;
}

.geumho2026-notice-view__attachment-icon::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 7px;
	height: 1px;
	background: var(--geumho-brown, #402315);
	box-shadow:
		0 4px 0 var(--geumho-brown, #402315),
		0 8px 0 var(--geumho-brown, #402315);
}


/* 이전글 · 다음글 */

.geumho2026-notice-view__navigation {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 20px;
	border: 1px solid #e6dfd8;
	background: #f8f4ef;
}

.geumho2026-notice-view__navigation-item {
	display: grid;
	grid-template-columns: 90px minmax(0, 1fr);
	align-items: center;
	min-height: 58px;
}

.geumho2026-notice-view__navigation-item + .geumho2026-notice-view__navigation-item {
	border-left: 1px solid #e6dfd8;
}

.geumho2026-notice-view__navigation-label {
	padding-left: 22px;
	color: var(--geumho-brown, #402315);
	font-size: 16px;
	font-weight: 700;
}

.geumho2026-notice-view__navigation-link {
	overflow: hidden;
	padding: 0 18px;
	color: #6a625c;
	font-size: 16px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.geumho2026-notice-view__navigation-link[href]:hover {
	color: var(--geumho-pink, #ed2867);
}

.geumho2026-notice-view__navigation-link:not([href]) {
	cursor: default;
}


/* 목록 버튼 */

.geumho2026-notice-view__actions {
	display: flex;
	justify-content: center;
	padding-top: 28px;
}

.geumho2026-notice-view__list-button {
	display: inline-flex;
	min-width: 210px;
	min-height: 52px;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 13px 30px;
	border-radius: 30px;
	background: var(--geumho-brown, #402315);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.geumho2026-notice-view__list-button:hover {
	background: #2f190f;
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 20px rgba(64, 35, 21, 0.18);
}

.geumho2026-notice-view__list-icon {
	position: relative;
	display: block;
	width: 17px;
	height: 13px;
	border-top: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
}

.geumho2026-notice-view__list-icon::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 17px;
	border-top: 2px solid currentColor;
}


/* 존재하지 않는 게시물 */

.geumho2026-notice-view__empty {
	display: flex;
	min-height: 300px;
	align-items: center;
	justify-content: center;
	color: #8a8179;
	text-align: center;
}


/* 상세 페이지 반응형 */

@media (max-width: 767px) {
	.geumho2026-notice-view {
		padding: 5px 0 65px;
	}

	.geumho2026-notice-view .geumho-container {
		width: calc(100% - 28px);
	}

	.geumho2026-notice-view__shell {
		padding: 0 20px 28px;
		border-radius: 0;
	}

	.geumho2026-notice-view__header {
		padding-top: 25px;
	}

	.geumho2026-notice-view__category {
		min-width: 43px;
		height: 23px;
		padding: 0 15px;
		font-size: 14px;
	}

	.geumho2026-notice-view__date {
		font-size: 15px;
	}

	.geumho2026-notice-view__title {
		padding-bottom: 15px;
		font-size: 22px;
	}

	.geumho2026-notice-view__content {
		padding: 15px 0 35px;
		font-size: 15px;
		line-height: 1.75;
	}

	.geumho2026-notice-content__section {
		margin: 25px 0;
	}

	.geumho2026-notice-content__section h3 {
		font-size: 15px;
	}

	.geumho2026-notice-content__info {
		padding: 18px;
	}

	.geumho2026-notice-content__info dl > div {
		grid-template-columns: 78px minmax(0, 1fr);
		gap: 8px;
	}

	.geumho2026-notice-content__list {
		padding: 18px 18px 18px 34px;
	}

	.geumho2026-notice-view__attachment {
		grid-template-columns: 1fr;
	}

	.geumho2026-notice-view__attachment-label {
		padding: 13px 16px;
	}

	.geumho2026-notice-view__attachment-link {
		padding: 15px 16px;
	}

	.geumho2026-notice-view__attachment-link small {
		display: none;
	}

	.geumho2026-notice-view__navigation {
		grid-template-columns: 1fr;
		margin-top: 16px;
	}

	.geumho2026-notice-view__navigation-item {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.geumho2026-notice-view__navigation-item + .geumho2026-notice-view__navigation-item {
		border-top: 1px solid #e6dfd8;
		border-left: 0;
	}

	.geumho2026-notice-view__navigation-label {
		padding-left: 14px;
		font-size: 15px;
	}

	.geumho2026-notice-view__navigation-link {
		padding: 0 12px;
		font-size: 15px;
	}

	.geumho2026-notice-view__list-button {
		width: 100%;
		min-width: 0;
		min-height: 50px;
		border-radius: 0;
		font-size: 15px;
	}

	.geumho2026-notice-content__image {
	    padding: 25px;
		margin: 25px 0;
	}
}

@media (max-width: 578px) {
	.geumho2026-notice-content__image {
	    padding: 10px;
		margin: 20px 0;
	}
}

table {
	padding: 0;
	border: 0;
	margin: 0;
}
table.geumho2026-notice-content__table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;

}
table.geumho2026-notice-content__table caption { text-align: left; }

table.geumho2026-notice-content__table th, 
table.geumho2026-notice-content__table td {
	padding: 3px 7px;
	border: 1px solid #ddd;
}

table.geumho2026-notice-content__table td li.geumho-field-card__file-notice {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
    color: #e84f7a;
	list-style: none;
    position: relative;
    left: -15px;
}

table.geumho2026-notice-content__table th {
	background-color: #f7f7f7;
}

@media (max-width: 767px) {}

@media (max-width: 578px) {
	.geumho2026-notice-content__table-wrap {
		overflow: auto;
		width: 100%;
	}
	table.geumho2026-notice-content__table {
		width: 600px;
	}
}

@media (max-width: 450px) { 
	.geumho2026-notice-content__info dl > div {
	    grid-template-columns: auto;
        gap: 0;
	}
}