@charset "utf-8";

/* 참가신청 내역 확인 페이지 */
.geum-notice-page {
    overflow-x: hidden;
    background: #fffdf7;
}

.geum-notice-page .geum-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.geum-notice-main {
    background-color: #fffdf7;
}

/* 페이지 타이틀 */
.geum-notice-intro {
    position: relative;
    padding: 44px 0;
    overflow: hidden;
    background: #e9f4cf;
}

.geum-notice-intro::before,
.geum-notice-intro::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.geum-notice-intro::before {
    left: 6%;
    top: 50%;
    width: 9px;
    height: 9px;
    margin-top: -4px;
    background: #f42b8d;
    box-shadow: 20px 16px 0 #ffd94f, 44px -9px 0 #42bfc1;
}

.geum-notice-intro::after {
    right: 7%;
    top: 45%;
    width: 10px;
    height: 10px;
    background: #42bfc1;
    box-shadow: 22px -13px 0 #f42b8d, 38px 17px 0 #ffd94f;
}

.geum-notice-intro__inner {
    position: relative;
    z-index: 1;
    width: min(940px, calc(100% - 48px));
	max-width: 940px;
    margin: 0 auto;
    padding: 30px 32px 32px;
    border: 1px solid #f1eadf;
    background: #fff;
    box-shadow: 0 12px 24px rgba(72, 60, 44, 0.09);
    text-align: center;
}

.geum-notice-intro__eyebrow {
    margin-bottom: 7px;
    font-size: 12px;
    font-weight: 800;
    color: #42bfc1;
}

.geum-notice-intro__title {
    font-family: 'JejuStoneWall', sans-serif;
    font-size: 44px;
    font-weight: normal;
    line-height: 1.2;
    color: #f42b8d;
}

.geum-notice-intro__desc {
    margin: 14px 0 0;
    font-size: 18px;
    line-height: 1.7;
    color: #665c55;
}

.geum-notice-intro__description {
    margin-top: 11px;
    font-size: 16px;
    line-height: 1.7;
    color: #756c65;
}

/* 내용 영역 */
.geum-notice-content {
    position: relative;
    padding: 72px 0 110px;
	max-width: 940px;
	width: calc(100% - 28px);
    margin: auto;
    background-color: #fffdf7;
    background-image:
        linear-gradient(rgba(231, 220, 204, 0.22) 1px, transparent 1px),
        linear-gradient(90deg, rgba(231, 220, 204, 0.22) 1px, transparent 1px);
    background-size: 32px 32px;
}

.geum-notice-panel {
    width: min(960px, 100%);
    margin: 0 auto;
    border: 1px solid #eee6da;
    background: #fff;
    box-shadow: 0 18px 42px rgba(72, 60, 44, 0.13);
}

/* .geum-notice-panel__header {
    padding: 44px 44px 31px;
    border-bottom: 1px dashed #ddd2c5;
    text-align: center;
} */

.geum-notice-panel__eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    color: #f42b8d;
}

.geum-notice-panel__title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.55;
    color: #3d3834;
}

.geum-notice-panel__title span {
    display: block;
    color: #129ca7;
}

.geum-notice-panel__body {
    padding: 34px 44px 40px;
}

/* 결과 건수 */
.geum-notice-result__top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.geum-notice-page .totalCount {
    display: inline-flex;
    min-width: 76px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    background: #e9f4cf;
    font-size: 13px;
    font-weight: 700;
    color: #506432;
}

/* 신청내역 테이블 */
.geum-notice-table-wrap {
    overflow-x: auto;
    border-top: 3px solid #42bfc1;
}

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

.geum-notice-table caption {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
}

.geum-notice-table th,
.geum-notice-table td {
    border-right: 1px solid #ece4da;
    border-bottom: 1px solid #ece4da;
    text-align: center;
    vertical-align: middle;
}

.geum-notice-table th:last-child,
.geum-notice-table td:last-child {
    border-right: 0;
}

.geum-notice-table th {
    padding: 15px 10px;
    background: #f2f8e7;
    font-size: 16px;
    font-weight: 700;
    color: #4a4a3d;
}

.geum-notice-table td {
    padding: 18px 10px;
    background: #fff;
    font-size: 15px;
    line-height: 1.55;
    color: #625b55;
}

.geum-notice-table .className strong {
    display: block;
    font-size: 15px;
    color: #159fa9;
}

.geum-notice-table .className span {
    display: block;
    font-size: 14px;
    color: #8a817a;
}

.geum-notice-table__actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.geum-notice-button {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.geum-notice-button--confirm {
    background: #f42b8d;
    color: #fff;
}

.geum-notice-button--certificate {
    background: #42bfc1;
    color: #fff;
}

.geum-notice-button--cancel {
    width: 100%;
    background: #4b4743;
    color: #fff;
}

.confirmation-txt {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: #f2f8e7;
}

.confirmation-txt .style-1 {
    font-size: 12px;
    font-weight: 700;
    color: #4f7a28;
}

.confirmation-txt .style-2 {
    font-size: 11px;
    color: #7b746d;
}
.check-success-wrap {
	margin-top: 10px;
}

/* 빈 결과 */
.geum-notice-empty {
    padding: 22px 0 34px;
    text-align: center;
}

.geum-notice-empty__visual {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.geum-notice-empty__circle {
    position: relative;
    width: 150px;
    height: 150px;
	display: block;
    border-radius: 50%;
    background: #eef6dc;
}
.geum-notice-empty__visual img {
	position: absolute;
	width: 100px;
}

.geum-notice-empty__canvas {
    position: absolute;
    left: 50%;
    top: 24px;
    width: 68px;
    height: 78px;
    border: 4px solid #f42b8d;
    background: #fff;
    transform: translateX(-50%);
}

.geum-notice-empty__canvas::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -16px;
    width: 4px;
    height: 16px;
    background: #f42b8d;
    transform: translateX(-50%);
}

.geum-notice-empty__canvas::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -13px;
    width: 88px;
    height: 4px;
    background: #f42b8d;
    transform: translateX(-50%);
}

.geum-notice-empty__eye {
    position: absolute;
    top: 27px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f42b8d;
}

.geum-notice-empty__eye--left {
    left: 16px;
}

.geum-notice-empty__eye--right {
    right: 16px;
}

.geum-notice-empty__mouth {
    position: absolute;
    left: 50%;
    top: 48px;
    width: 26px;
    height: 13px;
    border: 3px solid #f42b8d;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 50% 50% 0 0;
    transform: translateX(-50%);
}

.geum-notice-empty__leg {
    position: absolute;
    top: 103px;
    width: 4px;
    height: 27px;
    background: #f42b8d;
}

.geum-notice-empty__leg--left {
    left: 56px;
    transform: rotate(16deg);
}

.geum-notice-empty__leg--right {
    right: 56px;
    transform: rotate(-16deg);
}

.geum-notice-empty__spark {
    position: absolute;
    z-index: 2;
    font-weight: 900;
}

.geum-notice-empty__spark--left {
    left: 18px;
    top: 74px;
    font-size: 28px;
    color: #ffd23f;
}

.geum-notice-empty__spark--right {
    right: 20px;
    bottom: 44px;
    font-size: 27px;
    color: #f42b8d;
}

.geum-notice-empty__text {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 600;
    color: #5e5751;
}

/* 유의사항 */
.caution_wrap {
    margin-top: 26px;
    padding: 25px 28px;
    border: 1px solid #e5ddd3;
    background: #fff;
}

.caution_wrap .main_title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
	height: 30px;
	line-height: 30px;
	height: 30px;
    color: #f42b8d;
}

.caution_wrap ul {
    display: grid;
    gap: 8px;
}

.caution_wrap li {
    position: relative;
    padding-left: 16px;
    font-size: 14px;
    line-height: 1.65;
    color: #5f5852;
}

.caution_wrap li::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #42bfc1;
}

/* 버튼 */
.geum-notice-actions {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.returnBtn {
    width: min(320px, 100%);
    min-height: 52px;
    padding: 13px 22px;
    border: 0;
    background: #3f3b38;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
	border-radius: 2px;
    color: #fff;
	margin: 20px auto 0;
}

.returnBtn:hover,
.returnBtn:focus-visible {
    background: #252321;
}

.kakao_q {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    background: #ffe400;
    font-size: 17px;
    font-weight: 700;
	2026-07-20border-radius: 2px;
    color: #3c1e1e;
}

.kakao_q img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.kakao_q:hover,
.kakao_q:focus-visible {
    background: #f2d900;
}

/* SweetAlert 버튼 톤 */
.geum-notice-page .swal2-confirm {
    background: #f42b8d !important;
}

.geum-notice-page .swal2-cancel {
    background: #4b4743 !important;
}

/* 접수된 내역 */
.geum-notice-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.geum-notice-table {
	width: 100%;
	/* min-width: 760px; */
	border-collapse: collapse;
}

.geum-notice-table th,
.geum-notice-table td {
	/* white-space: nowrap; */
}

.geum-notice-table .className {
	white-space: normal;
	min-width: 260px;
}
.geum-notice-table .className b {
	font-size: 16px;
}

/* 없을 때 */
.no_list {
	color: #555;
	text-align: center;
}

.geum-notice-list-head {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 20px;
	margin-bottom: 10px;
}

.totalCount {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin: 0;
	color: #6b6460;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

.totalCount::before {
	display: block;
	width: 5px;
	height: 5px;
	margin-right: 6px;
	margin-bottom: 1px;
	background: #f32787;
	content: "";
	transform: rotate(45deg);
}

.totalCount strong {
	color: #f32787;
	font-size: 21px;
	font-weight: 800;
	line-height: 1;
}

/* caption은 접근성 정보만 유지 */
.geum-notice-table caption {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.yesBtn, .noBtn, .certificateBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 35px;
	padding: 0 14px;
	border: 1px solid transparent;
	border-radius: 0;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
}

.yesBtn {
	border-color: #443d39;
	background: #443d39;
	color: #fff;
}

.noBtn {
	border-color: #d8d2ce;
	background: #fff;
	color: #716964;
}

.certificateBtn {
	border-color: #f32787;
	background: #f32787;
	color: #fff;
}


@media all and (max-width: 1280px) {
	.geum-notice-table td {
	    padding: 13px 10px;
	}
}

@media all and (max-width: 1024px) {
    .geum-notice-intro {
        padding: 38px 0;
    }

    .geum-notice-content {
        padding: 58px 0 90px;
    }

    .geum-notice-panel__body {
        padding: 30px 34px 36px;
    }
}

@media all and (max-width: 767px) {
    .geum-notice-page .geum-container {
        width: calc(100% - 28px);
    }

    .geum-notice-intro {
        padding: 30px 0;
    }

    .geum-notice-intro::before,
    .geum-notice-intro::after {
        display: none;
    }

    .geum-notice-intro__inner {
        padding: 24px 18px 25px;
		        width: calc(100% - 28px);
    }

    .geum-notice-intro__eyebrow {
        font-size: 10px;
    }

    .geum-notice-intro__title {
        font-size: 31px;
    }

	.geum-notice-intro__desc {
	    margin-top: 8px;
        font-size: 15px;
	}

    .geum-notice-intro__description {
        font-size: 14px;
    }

    .geum-notice-content {
        padding: 38px 0 68px;
        background-size: 24px 24px;
    }

    .geum-notice-panel__eyebrow {
        font-size: 10px;
    }

    .geum-notice-panel__title {
        font-size: 19px;
    }

    .geum-notice-panel__body {
        padding: 25px 18px 30px;
    }

    .geum-notice-empty {
        padding: 12px 0 24px;
    }

    .geum-notice-empty__visual {
        width: 200px;
        height: 160px;
        transform: scale(0.9);
    }

    .geum-notice-empty__text {
        margin-top: -4px;
        font-size: 17px;
    }

    .caution_wrap {
        padding: 21px 18px;
    }

    .caution_wrap li {
        font-size: 13px;
    }

	.geum-notice-table-wrap {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.geum-notice-table {
		display: table;
		width: 100%;
		min-width: 760px;
		border-collapse: collapse;
	}
	
	/* .geum-notice-table,
    .geum-notice-table tbody,
    .geum-notice-table tr,
    .geum-notice-table td {
        display: block;
        width: 100%;
    } */

	.geum-notice-table tr {
		display: table-row;
		margin: 0;
		border: 0;
	}

	.geum-notice-table th,
	.geum-notice-table td {
		display: table-cell;
		width: auto;
		padding: 18px 10px;
		text-align: center;
		vertical-align: middle;
	}

	.geum-notice-table .className {
		text-align: left;
	}

	.geum-notice-table .inputDate,
	.geum-notice-table .inputName {
		white-space: nowrap;
	}

	.geum-notice-table .checkBtn {
		text-align: center;
	}

    .geum-notice-table .className strong,
    .geum-notice-table .className span {
        text-align: left;
    }

    .geum-notice-table__actions {
        padding-left: 0;
    }

    .kakao_q {
        min-height: 58px;
        font-size: 16px;
    }
}

@media (max-width: 640px) {
	.geum-notice-list-head {
		align-items: center;
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.totalCount {
		font-size: 14px;
	}

	.totalCount strong {
		font-size: 18px;
	}
}

@media all and (max-width: 578px) {
	.geum-notice-table .className b {
		font-size: 16px;
	}
	.check-success-wrap { margin-top: 6px; }
}

@media all and (max-width: 420px) {
    .geum-notice-page .geum-container {
        width: calc(100% - 20px);
    }

    .geum-notice-intro__title {
        font-size: 27px;
    }

    .geum-notice-panel__body {
        padding-right: 14px;
        padding-left: 14px;
    }

    .geum-notice-table td {
        grid-template-columns: 92px minmax(0, 1fr);
        font-size: 13px;
    }
}



/* 테이블 스크롤 안내 영역 */
.geum-notice-table-area {
	position: relative;
	width: 100%;
	min-width: 0;
}

.geum-notice-table-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.geum-notice-table-guide {
	display: none;
}

@media (max-width: 767px) {
	.geum-notice-table-area {
		padding-top: 36px;
	}

	.geum-notice-table-guide {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 5;
		display: flex;
		align-items: center;
		gap: 5px;
		height: 29px;
		padding: 0 20px;
		background: #3d3834;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		color: #ffffff;
		white-space: nowrap;
		pointer-events: none;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	}

	.geum-notice-table-guide__arrow {
		font-size: 13px;
		font-weight: 700;
		color: #ffe35b;
	}

	.geum-notice-table-wrap {
		position: relative;
		overflow-x: auto;
		overflow-y: hidden;
		touch-action: pan-x;
	}

	.geum-notice-table {
		width: 100%;
		min-width: 720px;
		table-layout: fixed;
	}

	.geum-notice-table-area::after {
		position: absolute;
		top: 36px;
		right: 0;
		bottom: 0;
		z-index: 4;
		width: 42px;
		content: "";
		background: linear-gradient( to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.95) );
		pointer-events: none;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	}

	.geum-notice-table-area.is-not-scrollable {
		padding-top: 0;
	}

	.geum-notice-table-area.is-not-scrollable
	.geum-notice-table-guide,
	.geum-notice-table-area.is-not-scrollable::after {
		display: none;
	}

	.geum-notice-table-area.is-scrolled
	.geum-notice-table-guide {
		opacity: 0;
		visibility: hidden;
	}

	.geum-notice-table-area.is-end::after {
		opacity: 0;
		visibility: hidden;
	}
}