/* 전체 컨테이너 */
.simplepage-container[data-v-cdb73b5e] {
  width: 100%;
  background: #fff;
  padding: 0;
  margin: 0;
}

/* Hero Section */
.hero-section[data-v-cdb73b5e] {
  padding-top: 100px;
  background: #fff;
}
.hero-content[data-v-cdb73b5e] {
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.hero-image[data-v-cdb73b5e] {
  width: 100%;
  height: auto;
  display: block;
}

/* Premium Section */
.premium-section[data-v-cdb73b5e] {
  width: 100%;
  /* background: #f7f7f7; */
  padding: 80px 0 0 0;
}
.intro-content[data-v-cdb73b5e] {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  padding: 40px 0 0 0;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.premium-list[data-v-cdb73b5e] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.premium-list-title[data-v-cdb73b5e] {
  font-size: 4rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2.5rem;
  white-space: nowrap;
  overflow: visible;
  text-overflow: unset;
}
.premium-list-title .main[data-v-cdb73b5e] { font-weight: bold;
}
.premium-list-title .accent[data-v-cdb73b5e] { color: #2272bd; font-weight: bold; font-size: 4rem;
}
.premium-list-title .desc[data-v-cdb73b5e] { font-weight: 400; font-size: 1.2rem; color: #87704c;}
.premium-list-title .num-accent[data-v-cdb73b5e] { color: #b98b2a; font-weight: bold; font-size: 1.4rem;}
.premium-list[data-v-cdb73b5e] {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.premium-row[data-v-cdb73b5e] {
  display: flex;
  flex-direction: row;   /* 무조건 row! */
  border-bottom: 1px solid #eee;
  padding: 40px 0;
  align-items: stretch;
  background: #fff;
}
.premium-left[data-v-cdb73b5e] {
  min-width: 86px;
  max-width: 86px;
  width: 86px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  margin-right: 24px;
}
.premium-premium[data-v-cdb73b5e] {
  font-family: 'Montserrat', 'Pretendard', sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 1.18rem;
  color: #b5b5b5;
  letter-spacing: 1.5px;
  margin-bottom: 8px;
}
.premium-number[data-v-cdb73b5e] {
  font-size: 8rem;
  font-weight: 900;
  font-family: 'Montserrat', 'Pretendard', sans-serif;
  line-height: 1;
  margin-bottom: 4px;
  margin-top: 0;
}
.premium-number.color1[data-v-cdb73b5e] { color: #766553;}
.premium-number.color2[data-v-cdb73b5e] { color: #f7b531;}
.premium-number.color3[data-v-cdb73b5e] { color: #6c6057;}
.premium-number.color4[data-v-cdb73b5e] { color: #e9ad36;}
.premium-number.color5[data-v-cdb73b5e] { color: #3580ad;}
.premium-right[data-v-cdb73b5e] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.premium-title[data-v-cdb73b5e] {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.premium-title .color1[data-v-cdb73b5e] { color: #766553;}
.premium-title .color2[data-v-cdb73b5e] { color: #f7b531;}
.premium-title .color3[data-v-cdb73b5e] { color: #6c6057;}
.premium-title .color4[data-v-cdb73b5e] { color: #e9ad36;}
.premium-title .color5[data-v-cdb73b5e] { color: #3580ad;}
.premium-desc-list[data-v-cdb73b5e] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 36px;
  align-items: flex-start;
}
.premium-desc[data-v-cdb73b5e] {
  font-size: 1.1rem;
  color: #4a4a4a;
  font-weight: bold;
  flex: 1 1 340px;
  margin-bottom: 5px;
}
.premium-desc.right[data-v-cdb73b5e] {
  text-align: right;
  color: #87704c;
  font-weight: 500;
  font-weight: bold;
  flex: none;
}
/* CTA Section */
.cta-background[data-v-cdb73b5e] {
  background-color: rgba(0, 36, 71, 0.85);
  background-size: cover;
  background-position: center;
  background-blend-mode: overlay;
  width: 100%;
  min-height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  margin-top: 40px;
  padding: 60px 0 50px 0;
}
.container[data-v-cdb73b5e] {
  max-width: 1200px;
  width: 90%;
  padding: 0;
  margin: 0 auto;
}
.cta-title[data-v-cdb73b5e] {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.cta-phone[data-v-cdb73b5e] {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.cta-hours[data-v-cdb73b5e] {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 4px;
  color: #d1d1d1;
}

/* 반응형 */
@media (max-width: 900px) {
.hero-content[data-v-cdb73b5e], .hero-image[data-v-cdb73b5e] {
    min-height: 500px;
    height: 60vh;
    max-height: 60vh;
}
.premium-row[data-v-cdb73b5e] { 
    flex-direction: row;
    align-items: flex-start;
    padding: 24px 0; 
    min-height: unset;
}
.premium-left[data-v-cdb73b5e] {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
    margin-right: 16px;
}
.premium-number[data-v-cdb73b5e] {
    margin-top: 0;
    font-size: 5rem;
    margin-left: 8px;
}
.premium-premium[data-v-cdb73b5e] {
    font-size: 1rem;
    margin-right: 10px;
    margin-bottom: 0;
}
.premium-right[data-v-cdb73b5e] {
    width: 100%;
    display: block;
}
  /* .premium-list-title { font-size: 2.2rem; } */
.premium-list-title .accent[data-v-cdb73b5e]{
    font-size: 2rem;
}
.premium-desc[data-v-cdb73b5e],
  .premium-desc.right[data-v-cdb73b5e] {
    font-size: 0.97rem;
    width: 100%;
    margin: 0 0 2px 0 !important;
    line-height: 1.32 !important;
    padding: 0 !important;
    min-height: unset !important;
    height: auto !important;
    flex: none !important;
}
.premium-desc-list[data-v-cdb73b5e] {
    gap: 0.12rem !important;
    align-items: flex-end !important;
    flex-direction: column;
}
}
@media (max-width: 600px) {
.hero-content[data-v-cdb73b5e] {
    min-height: 180px;
    height: auto;
    max-height: 48vh;
    padding-top: 0;
}
.hero-image[data-v-cdb73b5e] {
  min-height: 180px;   /* 옵션, 진짜 너무 작아질 때만 */
  height: auto;
}
.premium-section[data-v-cdb73b5e] { padding: 32px 0 0 0;
}
.intro-content[data-v-cdb73b5e] { padding: 24px 0 0 0;
}
.premium-list-title[data-v-cdb73b5e] { font-size: 1.2rem;
}
.premium-number[data-v-cdb73b5e] { font-size: 2.2rem;
}
.premium-premium[data-v-cdb73b5e] { font-size: 1.1rem;
}
.premium-title[data-v-cdb73b5e] { font-size: 1rem;
}
.premium-desc[data-v-cdb73b5e] { font-size: 0.93rem;
}
.premium-row[data-v-cdb73b5e] { padding: 14px 0 !important;
}
.cta-title[data-v-cdb73b5e] { font-size: 1.8rem;
}
.cta-phone[data-v-cdb73b5e] { font-size: 1.2rem;
}
.premium-list-title .accent[data-v-cdb73b5e]{
    font-size: 1.2rem;
}
}

/* (모바일 레이아웃 부드럽게) */
@media (max-width: 600px) {
.premium-desc[data-v-cdb73b5e], .premium-desc.right[data-v-cdb73b5e] {
    line-height: 1.23 !important;
    padding: 0 !important;
    margin: 0 0 2px 0 !important;
    min-height: unset !important;
    height: auto !important;
    flex: none !important;
    width: 100% !important;
}
.premium-desc-list[data-v-cdb73b5e] {
    gap: 0.1rem !important;
    align-items: flex-end !important;
}
.premium-list-title[data-v-cdb73b5e] { font-size: 1.25rem;
}
}


.login-container[data-v-6ca1347a] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f8f9fa;
}
.login-box[data-v-6ca1347a] {
  background-color: white;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  width: 300px;
}
.login-box h2[data-v-6ca1347a] {
  text-align: center;
  margin-bottom: 24px;
  color: #333;
}
input[data-v-6ca1347a] {
  width: 100%;
  padding: 10px;
  margin-bottom: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
}
button[data-v-6ca1347a] {
  width: 100%;
  padding: 10px;
  background-color: #007bff;
  color: white;
  border: none;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
}
button[data-v-6ca1347a]:hover {
  background-color: #0056b3;
}


.search-bar[data-v-7da44840] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
select[data-v-7da44840],
input[data-v-7da44840] {
  padding: 6px 10px;
  font-size: 0.95rem;
}
input[data-v-7da44840] {
  width: 200px;
}
button[data-v-7da44840] {
  padding: 6px 12px;
  font-size: 0.95rem;
  background: #111;
  color: white;
  border: none;
  cursor: pointer;
}
button[data-v-7da44840]:hover {
  background: #333;
}


.pagination[data-v-390b8836] {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin: 24px 0;
  flex-wrap: wrap;
}
button[data-v-390b8836] {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background: white;
  cursor: pointer;
  min-width: 36px;
}
button.active[data-v-390b8836] {
  background: #111;
  color: white;
  font-weight: bold;
}
button[data-v-390b8836]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}


.resource-table[data-v-385cc168] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  table-layout: fixed;
}
.resource-table th[data-v-385cc168],
.resource-table td[data-v-385cc168] {
  padding: 12px;
  border-bottom: 1px solid #eee;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
  text-align: center !important;
  vertical-align: middle;
}
.resource-table th[data-v-385cc168] {
  background-color: #f6f6f6;
  text-align: center;
}
.column-number[data-v-385cc168] {
  width: 60px;
  max-width: 60px;
  text-align: center;
}
.column-author[data-v-385cc168] {
  width: 100px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.column-title[data-v-385cc168] {
  width: 100%;
  min-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 15px;
  text-align: left !important;   /* ← 이 줄 추가 */
}
.resource-table td.column-title[data-v-385cc168] {
  text-align: left !important;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column-date[data-v-385cc168] {
  width: 120px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.column-actions[data-v-385cc168] {
  width: 120px;
  max-width: 120px;
  text-align: center;
}
.resource-table a[data-v-385cc168] {
  text-decoration: none;
  color: #333;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.resource-table a[data-v-385cc168]:hover {
  text-decoration: underline;
}
.actions[data-v-385cc168] {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: nowrap;
}
.edit-delete-button[data-v-385cc168] {
  padding: 6px 10px;
  font-size: 0.85rem;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.edit-delete-button[data-v-385cc168]:hover {
  background-color: #0056b3;
}

/* 모바일 대응 */
@media (max-width: 768px) {
.resource-table[data-v-385cc168] {
    font-size: 0.85rem;
}
.resource-table th[data-v-385cc168],
  .resource-table td[data-v-385cc168] {
    padding: 8px 4px;
}
.column-number[data-v-385cc168] {
    width: 50px;
    max-width: 50px;
}
.column-author[data-v-385cc168] {
    width: 60px;
    max-width: 60px;
}
.column-date[data-v-385cc168] {
    width: 70px;
    max-width: 70px;
}
.column-title[data-v-385cc168] {
    min-width: 50%;
}
.column-actions[data-v-385cc168] {
    width: 100px;
    max-width: 100px;
}
.edit-delete-button[data-v-385cc168] {
    font-size: 0.75rem;
    padding: 4px 6px;
}
}
@media (max-width: 480px) {
.column-number[data-v-385cc168] {
    width: 50px;
    max-width: 50px;
}
.column-author[data-v-385cc168] {
    width: 50px;
    max-width: 50px;
}
.column-date[data-v-385cc168] {
    width: 60px;
    max-width: 60px;
}
}


.notice-table[data-v-54e2e0e0] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  table-layout: fixed;
  text-align: center;      /* ⭐ 추가 또는 수정 */
}
.notice-table th[data-v-54e2e0e0],
.notice-table td[data-v-54e2e0e0] {
  padding: 12px;
  border-bottom: 1px solid #eee;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow: hidden;
  text-align: center !important;   /* ⭐ 전체 td 가로 가운데 */
  vertical-align: middle;          /* 수직 정렬(생략 가능) */
}
.notice-table th[data-v-54e2e0e0] {
  background-color: #f6f6f6;
  text-align: center;
}
.notice-table td.column-title[data-v-54e2e0e0] {
  text-align: left !important;
  padding-left: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 번호 열 최소화 */
.column-number[data-v-54e2e0e0] {
  width: 60px;
  max-width: 60px;
  text-align: center;
}

/* 작성자 열 최소화 */
.column-author[data-v-54e2e0e0] {
  width: 100px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

/* 제목 열: 최대한 넓게 */
.column-title[data-v-54e2e0e0] {
  width: 100%;
  min-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 15px;
  text-align: left !important;   /* ← 이 줄 추가 */
}

/* 작성일 최소 너비 지정 */
.column-date[data-v-54e2e0e0] {
  width: 1200px;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

/* 관리 버튼 열 */
.column-actions[data-v-54e2e0e0] {
  width: 120px;
  max-width: 120px;
  text-align: center;
}

/* ✅ 상단 고정된 공지사항 강조 (붉은색 강조 배경) */
.notice-table tr.pinned[data-v-54e2e0e0] {
  background-color: rgba(255, 230, 230, 0.8); /* 연한 붉은색 배경 */
  font-weight: bold;
}
.notice-table tr.pinned[data-v-54e2e0e0]:hover {
  background-color: rgba(255, 200, 200, 0.9); /* 더 강조된 붉은색 */
}

/* ✅ 링크 스타일 */
.notice-table a[data-v-54e2e0e0] {
  text-decoration: none;
  color: #333;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notice-table a[data-v-54e2e0e0]:hover {
  text-decoration: underline;
}
.actions[data-v-54e2e0e0] {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: nowrap;
}
.edit-delete-button[data-v-54e2e0e0] {
  padding: 6px 10px;
  font-size: 0.85rem;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
}
.edit-delete-button[data-v-54e2e0e0]:hover {
  background-color: #0056b3;
}



/* ✅ 반응형: 모바일 (768px 이하)에서 개선 */
@media (max-width: 768px) {
.notice-table[data-v-54e2e0e0] {
    font-size: 0.85rem;
}
.notice-table th[data-v-54e2e0e0],
  .notice-table td[data-v-54e2e0e0] {
    padding: 8px 4px;
}
.column-number[data-v-54e2e0e0] {
    width: 50px;
    max-width: 50px;
}
.column-author[data-v-54e2e0e0] {
    width: 60px;
    max-width: 60px;
}
.column-date[data-v-54e2e0e0] {
    width: 70px;
    max-width: 70px;
}
.column-title[data-v-54e2e0e0] {
    min-width: 50%;
}
.column-actions[data-v-54e2e0e0] {
    width: 100px;
    max-width: 100px;
}
.edit-delete-button[data-v-54e2e0e0] {
    font-size: 0.75rem;
    padding: 4px 6px;
}
}

/* 초소형 화면에서 더 최적화 */
@media (max-width: 480px) {
.column-number[data-v-54e2e0e0] {
    width: 50px;
    max-width: 50px;
}
.column-author[data-v-54e2e0e0] {
    width: 50px;
    max-width: 50px;
}
.column-date[data-v-54e2e0e0] {
    width: 60px;
    max-width: 60px;
}
}


.applicants-table-wrapper[data-v-2e48db76] {
  background: #fafaff;
  border: 1px solid #e5e6e9;
  border-radius: 8px;
  margin: 24px 0;
  padding: 28px 20px 16px 20px;
}
/* 테이블이 너무 좁아지지 않게 */
.responsive-table[data-v-2e48db76],
.applicants-table-wrapper table[data-v-2e48db76] {
  width: 100%;
  min-width: 540px; /* 💡 컬럼 많은 경우 모바일에서도 스크롤 */
  border-collapse: collapse;
}
.loading[data-v-2e48db76] {
  padding: 30px 0;
  text-align: center;
}
.no-applicants[data-v-2e48db76] {
  padding: 60px 0 40px 0;
  text-align: center;
  font-size: 1.2rem;
  color: #666;
}
.applicant-table-header[data-v-2e48db76] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.header-actions[data-v-2e48db76] {
  display: flex;
  gap: 10px;
}
.header-actions button[data-v-2e48db76] {
  min-width: 120px;
  height: 38px;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.18s;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  margin: 0;
  padding: 0 18px;
}

/* 저장: 초록, 비활성화시 연회색 */
.save-button[data-v-2e48db76] {
  background: #22c55e;
  color: #fff;
}
.save-button[data-v-2e48db76]:disabled {
  background: #c3e6cb;
  color: #fff;
  cursor: not-allowed;
}
.save-button[data-v-2e48db76]:not(:disabled):hover {
  background: #16a34a;
}

/* 엑셀 다운로드: 파랑 */
.excel-button[data-v-2e48db76] {
  background: #2563eb;
  color: #fff;
}
.excel-button[data-v-2e48db76]:hover {
  background: #1d4ed8;
}
table[data-v-2e48db76] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.96rem;
}
th[data-v-2e48db76], td[data-v-2e48db76] {
  padding: 11px;
  border: 1px solid #ddd;
  text-align: center;
}
thead[data-v-2e48db76] {
  background-color: #f5f5f5;
}
.search-container[data-v-2e48db76] {
  display: flex;
  gap: 10px;
  margin: 16px 0 20px 0;
  align-items: center;
}
.search-select[data-v-2e48db76] {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: white;
  font-size: 0.92rem;
  min-width: 100px;
}
.search-input[data-v-2e48db76] {
  flex: 1;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
}
.search-button[data-v-2e48db76] {
  background-color: #007bff;
  color: white;
}
.clear-button[data-v-2e48db76] {
  background-color: #6c757d;
  color: white;
}
.selection-status[data-v-2e48db76] {
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
  width: 100px;
}
.reserve-number-container[data-v-2e48db76] {
  display: flex;
  justify-content: center;
}
.reserve-number-input[data-v-2e48db76] {
  width: 70px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
  text-align: center;
}
.reserve-number-placeholder[data-v-2e48db76] {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.status-selected[data-v-2e48db76] {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}
.status-reserve[data-v-2e48db76] {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}
.status-failed[data-v-2e48db76] {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}
.pagination[data-v-2e48db76] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
}
.pagination button[data-v-2e48db76] {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: white;
  cursor: pointer;
}
.pagination button[data-v-2e48db76]:disabled {
  color: #aaa;
  cursor: not-allowed;
}
@media (max-width: 768px) {
th[data-v-2e48db76], td[data-v-2e48db76] {
    max-width: 80px;
    min-width: 50px;
    font-size: 0.81rem;
    padding: 6px 2px;
    white-space: normal;   /* 모바일에서 줄바꿈 허용 */
    word-break: break-all; /* 영어/숫자도 줄바꿈 */
}
.search-container[data-v-2e48db76] { flex-direction: column; align-items: stretch;
}
.search-select[data-v-2e48db76], .search-input[data-v-2e48db76], .search-button[data-v-2e48db76], .clear-button[data-v-2e48db76] {
    width: 100%; margin-bottom: 8px;
}
.selection-status[data-v-2e48db76] { width: 80px; padding: 4px 6px;
}
.reserve-number-input[data-v-2e48db76] { width: 50px; padding: 4px 6px;
}
.header-actions[data-v-2e48db76] { flex-direction: column; gap: 5px;
}
.responsive-table[data-v-2e48db76],
  .applicants-table-wrapper table[data-v-2e48db76] {
    min-width: 410px;        /* 모바일에서 적절한 최소폭 */
    font-size: 0.86rem;
}
}


.admin-dashboard[data-v-a621873c] {
  max-width: 1500px;
  margin: 60px auto;
  padding: 30px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
h1[data-v-a621873c] {
  text-align: center;
  margin-bottom: 24px;
  color: #333;
}
.button-group[data-v-a621873c] {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}
button[data-v-a621873c] {
  padding: 10px 16px;
  font-size: 1rem;
  border: none;
  border-radius: 6px;
  background-color: #007bff;
  color: white;
  cursor: pointer;
}
button[data-v-a621873c]:hover {
  background-color: #0056b3;
}
.content-lists[data-v-a621873c] {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 50px;
}
.list-section[data-v-a621873c] {
  flex: 1;
}
.list-section h2[data-v-a621873c] {
  margin-bottom: 14px;
  font-size: 1.4rem;
  color: #444;
}
.section[data-v-a621873c] {
  margin-top: 50px;
}
.section h2[data-v-a621873c] {
  margin-bottom: 12px;
}
.subscribe-controls[data-v-a621873c] {
  list-style: none;
  padding: 0;
}
.subscribe-controls li[data-v-a621873c] {
  margin-bottom: 10px;
}
.subscribe-controls button[data-v-a621873c] {
  width: 100%;
  text-align: left;
}
.subscribe-table[data-v-a621873c] {
  margin-top: 20px;
  padding-bottom: 30px;
}
.subscribe-table table[data-v-a621873c] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.subscribe-table th[data-v-a621873c],
.subscribe-table td[data-v-a621873c] {
  padding: 10px;
  min-height: 120px;
  max-height: 100px;
  border: 1px solid #ddd;
  text-align: center;
}
.subscribe-table th[data-v-a621873c] {
  background-color: #f7f7f7;
}
.current-subscribe-title[data-v-a621873c] {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.no-subscription[data-v-a621873c] {
  text-align: center;
  padding: 80px 0;
  font-size: 1.2rem;
  color: #666;
}
.slider[data-v-a621873c] {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}
.slider[data-v-a621873c]:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider[data-v-a621873c] {
  background-color: #4CAF50;
}
input:checked + .slider[data-v-a621873c]:before {
  transform: translateX(26px);
}
.manage-cell[data-v-a621873c] {
  display: flex;
  justify-content: center;
  align-items: center; /* center면 행이 커져도 버튼은 가운데 */
  gap: 10px;
  padding: 0;   /* 테이블의 패딩이 이미 있음 */
}
.edit-button[data-v-a621873c],
.applicants-button[data-v-a621873c] {
  min-width: 90px;
  height: 36px;     /* 버튼 높이 고정 */
  padding: 0 16px;
  font-size: 1rem;
  border-radius: 6px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.edit-button[data-v-a621873c]:hover {
  background-color: #0056b3;
}
.applicants-button[data-v-a621873c] {
  background-color: #6f42c1;
}
.applicants-button[data-v-a621873c]:hover {
  background-color: #5936a6;
}
.content[data-v-a621873c] {
  margin-top: 16px;
  line-height: 1.8;
  color: #444;
  font-size: 1rem;
}
.close-button[data-v-a621873c] {
  min-width: 70px;
  background-color: #e85d04;
  color: #fff;
  margin-left: 5px;
}
.close-button.closed[data-v-a621873c] {
  background-color: #aaa;
  color: #222;
}
.close-button[data-v-a621873c]:hover:not(.closed) {
  background-color: #c44700;
}
.close-button.closed[data-v-a621873c]:hover {
  background-color: #999;
}
@media (max-width: 900px) {
.content-lists[data-v-a621873c] {
    flex-direction: column;
    gap: 24px;
}
.list-section[data-v-a621873c] {
    min-width: 0;
    width: 100%;
}
}
@media (max-width: 768px) {
.admin-dashboard[data-v-a621873c] {
    max-width: 100vw;
    margin: 0;
    padding: 10px 2vw 40px 2vw;
    border-radius: 0;
    box-shadow: none;
}
h1[data-v-a621873c] {
    font-size: 1.25rem;
    margin-bottom: 18px;
}
.button-group[data-v-a621873c] {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}
.button-group button[data-v-a621873c] {
    font-size: 1rem;
    padding: 12px 0;
    width: 100%;
    border-radius: 8px;
}
.content-lists[data-v-a621873c] {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 32px;
}
.list-section h2[data-v-a621873c],
  .section h2[data-v-a621873c] {
    font-size: 1.1rem;
    margin-bottom: 10px;
}
.current-subscribe-title[data-v-a621873c] {
    font-size: 1rem;
}
.no-subscription[data-v-a621873c] {
    font-size: 1rem;
    padding: 40px 0;
}
.content[data-v-a621873c] {
    font-size: 0.96rem;
    margin-top: 8px;
}
.list-section[data-v-a621873c] {
    padding: 0;
}
}
@media (max-width: 480px) {
.admin-dashboard[data-v-a621873c] {
    padding: 0 1vw 30px 1vw;
}
}
.subscribe-table[data-v-a621873c],
.subscribe-table table[data-v-a621873c] {
  width: 100%;
  overflow-x: auto;
  font-size: 0.95rem;
}
.subscribe-table table[data-v-a621873c] {
  min-width: 540px;
}
.subscribe-table th[data-v-a621873c],
.subscribe-table td[data-v-a621873c] {
  padding: 8px 4px;
  font-size: 0.90rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  min-width: 60px;
}
@media (max-width: 768px) {
.subscribe-table th[data-v-a621873c],
  .subscribe-table td[data-v-a621873c] {
    font-size: 0.85rem;
    max-width: 80px;
    min-width: 50px;
    padding: 6px 2px;
}
.subscribe-table table[data-v-a621873c] {
    min-width: 410px;
}
}
@media (max-width: 430px) {
.subscribe-table th[data-v-a621873c],
  .subscribe-table td[data-v-a621873c] {
    font-size: 0.76rem;
    max-width: 64px;
    min-width: 44px;
    padding: 5px 1px;
}
.subscribe-table table[data-v-a621873c] {
    min-width: 340px;
}
}
.manage-cell[data-v-a621873c] {
  flex-direction: column;
  gap: 7px;
  padding: 0;
}
.edit-button[data-v-a621873c],
.applicants-button[data-v-a621873c],
.close-button[data-v-a621873c] {
  width: 100%;
  min-width: 0;
  height: 36px;
  font-size: 0.98rem;
  margin: 0;
  border-radius: 5px;
  padding: 0;
  justify-content: center;
}
@media (max-width: 768px) {
.edit-button[data-v-a621873c],
  .applicants-button[data-v-a621873c],
  .close-button[data-v-a621873c] {
    height: 32px;
    font-size: 0.90rem;
}
.subscribe-table th.date[data-v-a621873c],
  .subscribe-table td.date[data-v-a621873c] {
    white-space: normal !important;     /* ✅ 줄바꿈 허용 */
    word-break: break-all;              /* ✅ 강제 줄바꿈 */
    text-overflow: clip;                /* ... 안 나옴 */
}
}
.subscribe-table[data-v-a621873c] {
  overflow-x: auto;
}



/* 기본 스타일 */
[data-v-80fe187c] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body[data-v-80fe187c] {
  font-family: 'Noto Sans KR', sans-serif;
  line-height: 1.6;
  color: #333;
}
.property-page[data-v-80fe187c] {
  position: relative;
  max-width: 1200px; /* ✅ 최대 너비 1500px */
  margin: 0 auto;
}

/* 히어로 섹션 스타일 */
.hero-section[data-v-80fe187c] {
  position: relative;
  width: 100%;
  max-width: 1500px; /* ✅ 최대 너비 1500px */
  height: 60vh; /* ✅ 높이 조금 더 크게 조정 */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 이미지와 텍스트를 flex로 정렬 */
.building-image[data-v-80fe187c] {
  display: flex;
  width: 100%;
  max-width: 1500px; /* ✅ 최대 너비 1500px */
  height: 60vh; /* ✅ 높이도 히어로 섹션과 맞춤 */
  position: relative;
  overflow: hidden;
}
.building-image img[data-v-80fe187c] {
  width: 70%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.text-overlay[data-v-80fe187c] {
  position: absolute;
  right: 0;
  width: 30%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-overlay h3[data-v-80fe187c] {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.text-overlay h1[data-v-80fe187c] {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.2;
}
.text-overlay p[data-v-80fe187c] {
  font-size: 16px;
  line-height: 1.6;
}

/* 정보 테이블 스타일 */
.info-table-section[data-v-80fe187c] {
  max-width: 1500px;
  padding-top: 50px;
  margin: 0 auto;
  padding-bottom: 80px;
}
.info-table[data-v-80fe187c] {
  width: 100%;
  border-collapse: collapse;
  border-top: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  background-color: #fff;
}
.info-table thead[data-v-80fe187c] {
  background-color: #f4f4f9;
}
.info-table th[data-v-80fe187c] {
  background-color: #f4f4f9;
  font-weight: 600;
  text-align: center; /* 제목은 가운데 정렬 */
  padding: 15px;
}
.info-table td[data-v-80fe187c] {
  padding: 15px;
  text-align: left; /* 내용은 왼쪽 정렬 */
  border-bottom: 1px solid #ddd;
}

/* 좌우 테두리 제거 */
.info-table th[data-v-80fe187c]:first-child,
.info-table td[data-v-80fe187c]:first-child,
.info-table th[data-v-80fe187c]:last-child,
.info-table td[data-v-80fe187c]:last-child {
  border-left: none;
  border-right: none;
}

/* 짝수 행 배경색 변경 */
.info-table tr[data-v-80fe187c]:nth-child(even) {
  background-color: #f9f9f9;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
.hero-section[data-v-80fe187c] {
    flex-direction: column;
    height: auto;
}
.building-image[data-v-80fe187c] {
  flex-direction: column;
  width: 100%;
  height: auto; /* ✅ 높이를 50%로 줄임 (필요시 조정) */
  overflow: hidden;
}
.building-image img[data-v-80fe187c] {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}
.text-overlay[data-v-80fe187c] {
    text-align: center;
    position: relative;    /* absolute → relative */
    width: 100%;
    height: auto;
    background: rgba(0,0,0,0.7);
    padding: 24px;
    box-sizing: border-box;
}
.info-table-section[data-v-80fe187c] {
    max-width: 600px; /* ✅ 모바일에서 테이블 너비 고정 */
    margin: 0 auto;
    overflow-x: auto; /* ✅ 테이블이 넘칠 경우 스크롤 */
}
.info-table[data-v-80fe187c] {
    width: 100%;
    font-size: 0.85rem; /* ✅ 모바일 폰트 크기 줄임 */
    border-collapse: collapse;
}
.info-table thead[data-v-80fe187c] {
    background-color: #f4f4f9;
}
.info-table th[data-v-80fe187c] {
    font-size: 0.9rem; /* ✅ 모바일 제목 폰트 크기 줄임 */
    font-weight: 600;
    text-align: center;
    padding: 10px;
}
.info-table td[data-v-80fe187c] {
    padding: 8px;
    font-size: 0.8rem; /* ✅ 모바일 내용 폰트 크기 줄임 */
    text-align: left;
}
.info-table tr[data-v-80fe187c] {
    border-bottom: 1px solid #ddd;
}
.table-header[data-v-80fe187c] {
    background-color: #f4f4f9;
    padding: 10px;
    font-size: 0.9rem; /* ✅ 모바일 제목 폰트 크기 */
    font-weight: 600;
    text-align: center;
}
.table-content[data-v-80fe187c] {
    font-size: 0.8rem; /* ✅ 모바일에서 더 작은 폰트 */
    padding: 8px;
    text-align: left;
}
}




/* 팝업 트리거 버튼 스타일 */
.open-popup-btn[data-v-065918e9] {
  padding: 10px 20px;
  background-color: #4a6cf7;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}
.open-popup-btn[data-v-065918e9]:hover {
  background-color: #3a5bd9;
}

/* 팝업 오버레이 스타일 */
.popup-overlay[data-v-065918e9] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-065918e9 0.3s ease;
}

/* 팝업 컨테이너 스타일 */
.popup-container[data-v-065918e9] {
  position: relative;
  width: 90%;
  max-width: 1500px;
  background-color: transparent;
  border-radius: 8px;
  padding: 20px;
  animation: scaleIn-065918e9 0.3s ease;
}

/* 닫기 버튼 스타일 */
.close-btn[data-v-065918e9] {
  position: absolute;
  top: -40px;
  right: -10px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
  z-index: 1010;
}
.close-btn[data-v-065918e9]:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

/* 갤러리 컨테이너 스타일 */
.gallery-container[data-v-065918e9] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 800px;
  perspective: 1500px;
}

/* 갤러리 아이템 공통 스타일 */
.gallery-item[data-v-065918e9] {
  position: absolute;
  transition: all 0.5s ease;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.gallery-item img[data-v-065918e9] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* 현재 이미지 스타일 */
.gallery-item.current[data-v-065918e9] {
  width: 60%;
  height: 800px;
  z-index: 3;
  transform: translateX(0) scale(1);
  opacity: 1;
}

/* 이전 이미지 스타일 */
.gallery-item.prev[data-v-065918e9] {
  width: 40%;
  height: 800px;
  z-index: 2;
  transform: translateX(-70%) scale(0.8);
  opacity: 0.7;
  filter: brightness(0.7);
}

/* 다음 이미지 스타일 */
.gallery-item.next[data-v-065918e9] {
  width: 40%;
  height: 800px;
  z-index: 2;
  transform: translateX(70%) scale(0.8);
  opacity: 0.7;
  filter: brightness(0.7);
}

/* 이미지 인디케이터 스타일 */
.gallery-indicators[data-v-065918e9] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.indicator[data-v-065918e9] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.indicator.active[data-v-065918e9] {
  background-color: white;
}

/* 이미지 설명 스타일 */
.image-caption[data-v-065918e9] {
  color: white;
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
}

/* 애니메이션 */
@keyframes fadeIn-065918e9 {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes scaleIn-065918e9 {
from { transform: scale(0.9); opacity: 0;
}
to { transform: scale(1); opacity: 1;
}
}

/* 반응형 스타일 */
@media (max-width: 768px) {
.gallery-item.current[data-v-065918e9] {
    width: 80%;
    height: 300px;
}
.gallery-item.prev[data-v-065918e9],
  .gallery-item.next[data-v-065918e9] {
    width: 50%;
    height: 200px;
}
    /* 갤러리 컨테이너 스타일 */
.gallery-container[data-v-065918e9] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 500px;
    perspective: 1000px;
}
}
@media (max-width: 480px) {
.gallery-item.current[data-v-065918e9] {
    width: 90%;
    height: 250px;
}
.gallery-item.prev[data-v-065918e9],
  .gallery-item.next[data-v-065918e9] {
    width: 60%;
    height: 150px;
}
    /* 갤러리 컨테이너 스타일 */
.gallery-container[data-v-065918e9] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 500px;
    perspective: 1000px;
}
}


.container[data-v-5c87686b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.section[data-v-5c87686b] {
  width: 100%;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.section-title[data-v-5c87686b]{
  font-size: 4rem;
}
.intro-image[data-v-5c87686b] {
  width: 100%;
  max-width: 1200px;
  height: auto;
  border-radius: 8px;
  transition: opacity 0.3s ease, transform 0.3s ease;
  cursor: pointer;
}
.intro-image[data-v-5c87686b]:hover {
  opacity: 0.6; /* 이미지 흐려짐 */
  transform: scale(1.05); /* 약간 확대 */
}

/* ✅ 텍스트 오버레이 (클릭 시 내부 확인 가능) */
.hover-overlay[data-v-5c87686b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
}
.section:hover .hover-overlay[data-v-5c87686b] {
  opacity: 1;
}
.default[data-v-5c87686b] {
  margin-bottom: 20px;
}
.padding-top[data-v-5c87686b] {
  padding-top: 20px;
}
.amenities-section[data-v-5c87686b] {
  background-color: #ffffff;
  padding: 40px 0;
}
.amenities-grid[data-v-5c87686b] {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 24px;
  max-width: 800px;
  margin: 0 auto;
}
.amenity-item[data-v-5c87686b] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 20vh;
  max-width: 200px;
  height: auto;
  padding: 16px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.amenity-item[data-v-5c87686b]:hover {
  background-color: #f9f9f9;
}
.amenity-icon[data-v-5c87686b] {
  font-size: 80px;
  margin-bottom: 12px;
  color: #4CAF50;
}
.amenity-label[data-v-5c87686b] {
  font-size: 16px;
  font-weight: 500;
}
.amenity-tooltip[data-v-5c87686b] {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  width: 150px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 100;
}
.amenity-item:hover .amenity-tooltip[data-v-5c87686b] {
  opacity: 1;
  visibility: visible;
}
.disclaimer-text-container[data-v-5c87686b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* ✅ 왼쪽 정렬 */
  max-width: 1200px;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
.disclaimer-text[data-v-5c87686b] {
  text-align: left; /* ✅ 텍스트 왼쪽 정렬 */
  font-size: 0.9rem;
  color: #555;
  margin-bottom: 4px; /* ✅ 텍스트 간 간격 */
}
.room-types-grid[data-v-5c87686b] {
  display: flex;
  justify-content: center;
  gap: 40px; /* 이미지 카드 간격 */
  width: 100%;
  flex-wrap: wrap;
}
.room-card[data-v-5c87686b] {
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
  width: 45%; /* ✅ 가로로 2개 나란히 */
  max-width: 500px;
  background-color: #f9f9f9;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.room-card:hover .intro-image[data-v-5c87686b] {
  opacity: 0.7;
  transform: scale(1.05);
}
.image-wrapper[data-v-5c87686b] {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 12px;
}
.intro-image[data-v-5c87686b] {
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.hover-overlay[data-v-5c87686b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
}
.room-card:hover .hover-overlay[data-v-5c87686b] {
  opacity: 1;
}
.room-title[data-v-5c87686b] {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.room-info[data-v-5c87686b] {
  text-align: center;
  margin-top: 12px;
}
.room-area[data-v-5c87686b] {
  font-size: 1rem;
  font-weight: bold;
  color: #555;
  margin: 4px 0;
}
.room-desc[data-v-5c87686b] {
  font-size: 0.9rem;
  font-weight: bold;
  color: #666;
}

/* ✅ 반응형: 모바일 (768px 이하) */
@media (max-width: 768px) {
.container[data-v-5c87686b] {
    padding-top: 40px;
    padding-bottom: 40px;
}
.section[data-v-5c87686b] {
    max-width: 90%;
    margin-bottom: 20px;
}
.intro-image[data-v-5c87686b] {
    width: 100%;
    max-width: 100%;
}
.hover-overlay[data-v-5c87686b] {
    font-size: 1rem;
}
.amenities-section[data-v-5c87686b] {
    padding: 40px 0;
}
.amenities-grid[data-v-5c87686b] {
    grid-template-columns: repeat(2, 1fr); /* 모바일에서는 2열 */
    gap: 16px;
}
.amenity-item[data-v-5c87686b] {
    padding: 12px;
}
.amenity-icon[data-v-5c87686b] {
    font-size: 40px;
}
.amenity-label[data-v-5c87686b] {
    font-size: 14px;
}
.amenity-tooltip[data-v-5c87686b] {
    font-size: 12px;
    width: 120px;
}
.disclaimer-text[data-v-5c87686b] {
    font-size: 0.85rem;
    max-width: 90%;
}

  /* ✅ 룸 카드 내부 가운데 정렬 */
.room-card[data-v-5c87686b] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
}
.room-title[data-v-5c87686b] {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
}
.room-info[data-v-5c87686b] {
    text-align: center;
    margin-top: 12px;
}
.room-area[data-v-5c87686b],
  .room-desc[data-v-5c87686b] {
    font-size: 1rem;
    text-align: center;
    color: #555;
}
.image-wrapper[data-v-5c87686b] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.intro-image[data-v-5c87686b] {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 8px;
}
.hover-overlay[data-v-5c87686b] {
    font-size: 1rem;
    text-align: center;
}
}
.bold[data-v-5c87686b] {
  font-weight: bold;
  font-size: 1.2rem;
}


/* 팝업 트리거 버튼 스타일 */
.open-popup-btn[data-v-292e87fd] {
  padding: 10px 20px;
  background-color: #4a6cf7;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}
.open-popup-btn[data-v-292e87fd]:hover {
  background-color: #3a5bd9;
}

/* 팝업 오버레이 스타일 */
.popup-overlay[data-v-292e87fd] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  animation: fadeIn-292e87fd 0.3s ease;
}

/* 팝업 컨테이너 스타일 */
.popup-container[data-v-292e87fd] {
  position: relative;
  width: 90%;
  max-width: 1500px;
  background-color: transparent;
  border-radius: 8px;
  padding: 20px;
  animation: scaleIn-292e87fd 0.3s ease;
}

/* 닫기 버튼 스타일 */
.close-btn[data-v-292e87fd] {
  position: absolute;
  top: -40px;
  right: -10px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s;
  z-index: 1010;
}
.close-btn[data-v-292e87fd]:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

/* 갤러리 컨테이너 스타일 */
.gallery-container[data-v-292e87fd] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 800px;
  perspective: 1500px;
}

/* 갤러리 아이템 공통 스타일 */
.gallery-item[data-v-292e87fd] {
  position: absolute;
  transition: all 0.5s ease;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.gallery-item img[data-v-292e87fd] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

/* 현재 이미지 스타일 */
.gallery-item.current[data-v-292e87fd] {
  width: 60%;
  height: 800px;
  z-index: 3;
  transform: translateX(0) scale(1);
  opacity: 1;
}

/* 이전 이미지 스타일 */
.gallery-item.prev[data-v-292e87fd] {
  width: 40%;
  height: 800px;
  z-index: 2;
  transform: translateX(-70%) scale(0.8);
  opacity: 0.7;
  filter: brightness(0.7);
}

/* 다음 이미지 스타일 */
.gallery-item.next[data-v-292e87fd] {
  width: 40%;
  height: 800px;
  z-index: 2;
  transform: translateX(70%) scale(0.8);
  opacity: 0.7;
  filter: brightness(0.7);
}

/* 이미지 인디케이터 스타일 */
.gallery-indicators[data-v-292e87fd] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.indicator[data-v-292e87fd] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 5px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.indicator.active[data-v-292e87fd] {
  background-color: white;
}

/* 이미지 설명 스타일 */
.image-caption[data-v-292e87fd] {
  color: white;
  text-align: center;
  margin-top: 15px;
  font-size: 16px;
}

/* 애니메이션 */
@keyframes fadeIn-292e87fd {
from { opacity: 0;
}
to { opacity: 1;
}
}
@keyframes scaleIn-292e87fd {
from { transform: scale(0.9); opacity: 0;
}
to { transform: scale(1); opacity: 1;
}
}

/* 반응형 스타일 */
@media (max-width: 768px) {
.gallery-item.current[data-v-292e87fd] {
    width: 80%;
    height: 300px;
}
.gallery-item.prev[data-v-292e87fd],
  .gallery-item.next[data-v-292e87fd] {
    width: 50%;
    height: 200px;
}

  /* 갤러리 컨테이너 스타일 */
.gallery-container[data-v-292e87fd] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 500px;
    perspective: 1000px;
}
}
@media (max-width: 480px) {
.gallery-item.current[data-v-292e87fd] {
    width: 90%;
    height: 250px;
}
.gallery-item.prev[data-v-292e87fd],
  .gallery-item.next[data-v-292e87fd] {
    width: 60%;
    height: 150px;
}
    /* 갤러리 컨테이너 스타일 */
.gallery-container[data-v-292e87fd] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 500px;
    perspective: 1000px;
}
}


.container[data-v-37db848a] {
  background-color: #f5f7fa;
  width: 100%;
  display: flex;
  justify-content: center;
}

/* 커뮤니티 섹션 스타일 */
.community-section[data-v-37db848a] {
  padding: 80px 0;
  text-align: center;
  max-width: 1200px;
  width: 100%; /* ✅ 전체 너비로 확장 */
  margin: 0 auto;
}
.section-title[data-v-37db848a] {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 16px;
  color: #333;
  line-height: 1.3;
}
.community-subtitle[data-v-37db848a] {
  font-size: 1rem;
  color: #666;
  margin-bottom: 40px;
}
.highlight-text[data-v-37db848a] {
  color: #69c3ff;
  font-weight: 700;
}

/* 시설 카드 스타일 */
.community-grid[data-v-37db848a] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* ✅ 카드가 가로로 꽉 차도록 */
  gap: 20px; /* ✅ 카드 사이의 간격 */
  width: 100%;
  max-width: 1200px; /* ✅ 1200px 너비에 맞춤 */
  margin: 0 auto;
}
.facility-card[data-v-37db848a] {
  flex: 1 1 calc(33.333% - 20px); /* ✅ 3개 카드가 1200px에 맞춤 */
  max-width: 600px; /* ✅ 최대 너비로 카드 폭 제한 */
  min-width: 300px; /* ✅ 최소 너비 설정 (반응형 대응) */
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: transform 0.3s ease;
}
.facility-card[data-v-37db848a]:hover {
  transform: translateY(-5px);
}
.facility-image-container[data-v-37db848a] {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.facility-image[data-v-37db848a] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: opacity 0.3s ease;
}
.facility-card:hover .facility-image[data-v-37db848a] {
  opacity: 0.8;
}
.hover-overlay[data-v-37db848a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: bold;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.facility-card:hover .hover-overlay[data-v-37db848a] {
  opacity: 1;
}
.facility-info[data-v-37db848a] {
  padding: 16px;
}
.facility-title[data-v-37db848a] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
}
.facility-subtitle[data-v-37db848a] {
  font-size: 0.95rem;
  color: #666;
}

/* ✅ 반응형 설정 */
@media (max-width: 768px) {
.facility-card[data-v-37db848a] {
    flex: 1 1 calc(48% - 20px); /* ✅ 두 개로 정렬 */
}
}
@media (max-width: 480px) {
.facility-card[data-v-37db848a] {
    flex: 1 1 100%; /* ✅ 한 개로 정렬 */
}
}


[data-v-98c167b4] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif;
}
.style-none[data-v-98c167b4] {
  list-style-type: none;
}
.qualification-container[data-v-98c167b4] {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  color: #333;
  line-height: 1.6;
}

/* 제목 스타일 */
.main-title[data-v-98c167b4] {
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0;
}
.section-title[data-v-98c167b4] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* 탭 컨테이너 및 버튼 */
.tab-container[data-v-98c167b4] {
  position: relative;
  margin-bottom: 30px;
}
.tab-radio[data-v-98c167b4] {
  display: none;
  /* 라디오 버튼 숨김 */
}
.tab-buttons[data-v-98c167b4] {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.tab-button[data-v-98c167b4] {
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  background-color: #e0e0e0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin: 0 5px;
  transition: all 0.3s ease;
  text-align: center;
}
.tab-button.active[data-v-98c167b4] {
  background-color: #4a6b82;
  color: white;
}

/* 공지사항 박스 */
.notice-box[data-v-98c167b4] {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}
.notice-subtitle[data-v-98c167b4] {
  font-weight: 600;
  margin: 15px 0 5px 0;
}
.notice-section[data-v-98c167b4] {
  margin-top: 15px;
}

/* 리스트 스타일 */
.notice-list[data-v-98c167b4] {
  list-style-type: none;
  padding-left: 5px;
  margin-bottom: 10px;
}
.notice-item[data-v-98c167b4] {
  position: relative;
  padding-left: 15px;
  margin-bottom: 8px;
}
.notice-item[data-v-98c167b4]:before {
  content: "·";
  position: absolute;
  left: 0;
  color: #666;
}

/* 제출서류 표 스타일 */
.documents-table-container[data-v-98c167b4],
.income-documents-container[data-v-98c167b4],
.additional-documents[data-v-98c167b4] {
  margin-bottom: 30px;
  overflow-x: auto;
}
.documents-table[data-v-98c167b4],
.income-documents-table[data-v-98c167b4] {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ddd;
}
.documents-table[data-v-98c167b4] {
  width: 100%;
  max-width: 1400px; /* ✅ 더 넓게 설정 */
  border-collapse: collapse;
  border-spacing: 0;
}
.documents-table th[data-v-98c167b4],
.documents-table td[data-v-98c167b4],
.income-documents-table th[data-v-98c167b4],
.income-documents-table td[data-v-98c167b4] {
  border: 1px solid #ddd;
  padding: 12px 15px;
  text-align: left;
  vertical-align: top;
}
.documents-table th[data-v-98c167b4],
.income-documents-table th[data-v-98c167b4] {
  background-color: #f2f2f2;
  font-weight: 600;
  text-align: center;
}
.documents-table th[data-v-98c167b4]:first-child {
  width: 50%;
}
.documents-table th[data-v-98c167b4]:nth-child(2),
.documents-table th[data-v-98c167b4]:nth-child(3) {
  width: 25%;
}
.sub-text[data-v-98c167b4] {
  font-size: 13px;
  color: #666;
  margin-top: 5px;
}

/* 소득증빙서류 표 스타일 */
.income-documents-table .category[data-v-98c167b4] {
  background-color: #f9f9f9;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.income-documents-table .sub-category[data-v-98c167b4] {
  background-color: #f9f9f9;
  width: 120px;
}
.income-documents-table .document-list p[data-v-98c167b4],
.income-documents-table .note p[data-v-98c167b4] {
  margin-bottom: 5px;
}

/* 하이라이트 박스 */
.highlight-box[data-v-98c167b4] {
  background-color: #f0f7ff;
  padding: 10px;
  border-radius: 5px;
}
.highlight-box p[data-v-98c167b4] {
  margin-bottom: 5px;
}

/* 다운로드 섹션 */
.download-section[data-v-98c167b4] {
  margin: 30px 0;
  text-align: center;
}
.download-title[data-v-98c167b4] {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.download-button[data-v-98c167b4] {
  background-color: #4a6b82;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
}
.download-button[data-v-98c167b4]:hover {
  background-color: #3a5a72;
}

/* 준비 중 메시지 */
.coming-soon[data-v-98c167b4] {
  text-align: center;
  font-size: 18px;
  margin: 50px 0;
  color: #666;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
.qualification-container[data-v-98c167b4] {
    padding: 15px;
}
.main-title[data-v-98c167b4] {
    font-size: 20px;
}
.tab-button[data-v-98c167b4] {
    padding: 8px 15px;
    font-size: 14px;
}
.documents-table th[data-v-98c167b4],
  .documents-table td[data-v-98c167b4],
  .income-documents-table th[data-v-98c167b4],
  .income-documents-table td[data-v-98c167b4] {
    padding: 8px;
    font-size: 14px;
}
.sub-text[data-v-98c167b4] {
    font-size: 12px;
}
}


/* 기본 스타일 */
[data-v-b5f202e6] {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif;
}
.qualification-container[data-v-b5f202e6] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  color: #333;
  line-height: 1.6;
}

/* 제목 스타일 */
.main-title[data-v-b5f202e6] {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
.section-title[data-v-b5f202e6] {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}
.category-title[data-v-b5f202e6] {
  font-size: 22px;
  font-weight: 700;
  margin: 30px 0 15px 0;
  border-bottom: 2px solid #333;
  padding-bottom: 10px;
}
.sub-title[data-v-b5f202e6] {
  font-size: 20px;
  font-weight: 700;
  margin: 20px 0 10px 0;
}
.condition-title[data-v-b5f202e6] {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  padding: 8px;
  border-radius: 4px;
}

/* 탭 컨테이너 및 버튼 */
.tab-container[data-v-b5f202e6] {
  position: relative;
  margin-bottom: 30px;
}
.tab-radio[data-v-b5f202e6] {
  display: none; /* 라디오 버튼 숨김 */
}
.tab-buttons[data-v-b5f202e6] {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.tab-button[data-v-b5f202e6] {
  padding: 10px 20px;
  border: none;
  border-radius: 20px;
  background-color: #e0e0e0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  margin: 0 5px;
  transition: all 0.3s ease;
  text-align: center;
}

/* 탭 내용 */
.tab-content[data-v-b5f202e6] {
  display: none;
}

/* 탭 선택 시 스타일 변경 */
#tab-special:checked ~ .tab-buttons label[for="tab-special"][data-v-b5f202e6] {
  background-color: #4a6b82;
  color: white;
}
#tab-general:checked ~ .tab-buttons label[for="tab-general"][data-v-b5f202e6] {
  background-color: #4a6b82;
  color: white;
}

/* 탭 선택 시 내용 표시 */
#tab-special:checked ~ #special-content[data-v-b5f202e6] {
  display: block;
}
#tab-general:checked ~ #general-content[data-v-b5f202e6] {
  display: block;
}

/* 공지사항 박스 */
.notice-box[data-v-b5f202e6] {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}

/* 리스트 스타일 */
.notice-list[data-v-b5f202e6],
.condition-list[data-v-b5f202e6],
.requirement-list[data-v-b5f202e6],
.sub-list[data-v-b5f202e6] {
  list-style-type: none;
  padding-left: 20px;
  margin-bottom: 15px;
}
.notice-item[data-v-b5f202e6],
.condition-item[data-v-b5f202e6],
.requirement-item[data-v-b5f202e6] {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
}
.notice-item[data-v-b5f202e6]:before,
.condition-item[data-v-b5f202e6]:before {
  content: "·";
  position: absolute;
  left: 0;
  color: #666;
}
.requirement-item[data-v-b5f202e6] {
  position: relative;
  padding-left: 20px;
}

/* ✅ 요구 사항 번호 자동 증가 */
.requirement-item[data-v-b5f202e6]:before {
  content: attr(data-number) ". ";
  position: absolute;
  left: 0;
  color: #666;
  font-weight: bold;
}

/* 
.requirement-item:before {
  content: "①";
  position: absolute;
  left: 0;
  color: #666;
}

.requirement-item:nth-child(2):before {
  content: "②";
}

.requirement-item:nth-child(3):before {
  content: "③";
}

.requirement-item:nth-child(4):before {
  content: "④";
}

.requirement-item:nth-child(5):before {
  content: "⑤";
}

.requirement-item:nth-child(6):before {
  content: "⑥";
}

.requirement-item:nth-child(7):before {
  content: "⑦";
} */
.sub-item[data-v-b5f202e6] {
  padding-left: 30px;
}
.sub-item[data-v-b5f202e6]:before {
  content: "-";
  left: 15px;
}
.sub-list-item[data-v-b5f202e6] {
  position: relative;
  padding-left: 15px;
  margin-bottom: 5px;
  color: #666;
}
.sub-list-item[data-v-b5f202e6]:before {
  content: "○";
  position: absolute;
  left: 0;
  color: #999;
}

/* 날짜 정보 */
.date-info[data-v-b5f202e6] {
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
}

/* 조건 박스 */
.condition-box[data-v-b5f202e6] {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* 강조 텍스트 */
.highlight-text[data-v-b5f202e6] {
  color: #1a73e8;
  font-weight: 500;
  margin: 15px 0;
}

/* 소득기준 표 */
.income-table-container[data-v-b5f202e6] {
  overflow-x: auto;
  margin: 20px 0;
}
.income-table[data-v-b5f202e6] {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.income-table th[data-v-b5f202e6],
.income-table td[data-v-b5f202e6] {
  border: 1px solid #ddd;
  padding: 10px;
}
.income-table th[data-v-b5f202e6] {
  background-color: #f2f2f2;
  font-weight: 600;
}
.income-table tr[data-v-b5f202e6]:nth-child(even) {
  background-color: #f9f9f9;
}
.income-notes[data-v-b5f202e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  margin-top: 8px;
}
.income-notes-table[data-v-b5f202e6] {
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  margin-top: 8px;
}

/* 추가 노트 */
.additional-notes[data-v-b5f202e6] {
  background-color: #f0f7ff;
  padding: 15px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 14px;
}
.additional-notes p[data-v-b5f202e6] {
  margin-bottom: 8px;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
.qualification-container[data-v-b5f202e6] {
    padding: 15px;
}
.main-title[data-v-b5f202e6] {
    font-size: 24px;
}
.category-title[data-v-b5f202e6] {
    font-size: 20px;
}
.tab-button[data-v-b5f202e6] {
    padding: 8px 15px;
    font-size: 14px;
}
.income-table th[data-v-b5f202e6],
  .income-table td[data-v-b5f202e6] {
    padding: 8px 5px;
    font-size: 13px;
}
}


.error-message[data-v-f0ab03ca] {
  color: red;
  margin-top: 10px;
  font-weight: bold;
}


.map-page[data-v-7845225e] {
  padding-top: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 80px;
}
.map-wrapper[data-v-7845225e] {
  width: 100%;
  max-width: 1200px; /* ✅ 더 넓게 확장 */
  height: 40vh; /* ✅ 높이도 증가 */
  overflow: hidden;
}

/* 회색 설명 박스 */
.description-box[data-v-7845225e] {
  background-color: #333;
  color: #fff;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 20px;
  height: 5vh;
  display: flex;
  align-items: center;
  justify-content: space-between; /* ✅ 좌우로 나눔 */
  padding: 0 20px;
  box-sizing: border-box;
}
.description-text[data-v-7845225e] {
  font-size: 0.95rem;
  line-height: 1.4;
  margin: 0; /* ✅ 기본 마진 제거로 정확히 가운데 정렬 */
}
.left-text[data-v-7845225e] {
  text-align: left;
  flex: 1;
}
.right-text[data-v-7845225e] {
  text-align: right;
  flex: 1;
}
.info-section[data-v-7845225e] {
  display: flex;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
  text-align: center;
  max-width: 1100px;
  padding: 40px 20px;
}
.info-item[data-v-7845225e] {
  flex: 1;
  min-width: 300px;
}
.amenity-icon[data-v-7845225e] {
  font-size: 50px;
  margin-bottom: 12px;
  color: #4CAF50;
}
.info-title[data-v-7845225e] {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 8px;
}
.info-text[data-v-7845225e] {
  font-size: 1rem;
  color: #333;
  line-height: 1.6;
}
@media (max-width: 768px) {
.description-text[data-v-7845225e] {
  font-size: 0.7rem;
  line-height: 1.4;
  margin: 0; /* ✅ 기본 마진 제거로 정확히 가운데 정렬 */
}
}



.notice-view[data-v-35682246] {
  padding: 80px 16px;
  max-width: 1000px;
  margin: 0 auto;
}


.required[data-v-a39221ea] {
  color: #e53935;
  font-weight: bold;
  margin-left: 3px;
}
.warning[data-v-a39221ea] { color: #e53935;
}
.important[data-v-a39221ea] { color: #007bff; font-weight: 500;
}
.notice-emphasis[data-v-a39221ea] { background: #fff4e0; border-left: 4px solid #e53935; margin-bottom: 14px;
}
.highlight-red[data-v-a39221ea] { color: #e53935; font-weight: bold;
}
.input-guide[data-v-a39221ea] { color: #888; font-size: 12px; margin-top: 2px; display: block;
}
.radio-title[data-v-a39221ea] { margin-left: 5px;
}
.radio-label[data-v-a39221ea] { margin-right: 14px;
}
.form-group-card.highlight-special[data-v-a39221ea] { border: 2px solid #007bff; background: #f3faff;
}
.agreement.highlight-agree[data-v-a39221ea] { background: #f8f8e7; padding: 8px 16px; border-radius: 6px; margin-top: 18px; border: 1px solid #e5e7b5;}
.btn.strong[data-v-a39221ea] { font-size: 17px; font-weight: 600; letter-spacing: 1px;
}
.info-msg[data-v-a39221ea] { color: #888; text-align: center; margin: 24px 0;
}
.container[data-v-a39221ea] {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.tabs[data-v-a39221ea] {
    display: flex;
    border-bottom: 1px solid #ddd;
}
.tab[data-v-a39221ea] {
    padding: 15px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}
.tab.active[data-v-a39221ea] {
    color: #007bff;
    border-bottom: 2px solid #007bff;
}
.notice[data-v-a39221ea] {
    padding: 20px;
    font-size: 14px;
    color: #666;
}
.form-container[data-v-a39221ea] {
    margin-top: 20px;
}
.radio-group-block[data-v-a39221ea] {
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
}
.form-group-card[data-v-a39221ea] {
    background-color: #f9f9f9;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.form-header[data-v-a39221ea] {
    margin-bottom: 6px;
    font-weight: 600;
}
.button-group[data-v-a39221ea] {
    display: flex;
    justify-content: flex-end;
}
.btn[data-v-a39221ea] {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.btn-submit[data-v-a39221ea]:hover {
    background-color: #005ec2;
}
.form-input input[readonly][data-v-a39221ea] {
  background-color: #f0f0f0;
  color:      #666;
  cursor:     not-allowed;
  pointer-events: none;    /* 클릭/포커스 등 상호작용 차단 */
  outline:    none;        /* 포커스 윤곽선 제거 */
}


.container[data-v-40a7e840] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
}
.section-title[data-v-40a7e840] {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
.finance-list[data-v-40a7e840] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.finance-card[data-v-40a7e840] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.finance-card[data-v-40a7e840]:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.finance-header[data-v-40a7e840] {
  display: flex;
  align-items: center;
  flex: 2;
  min-width: 200px;
}
.finance-number[data-v-40a7e840] {
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 10px;
  color: #007bff;
}
.finance-title[data-v-40a7e840] {
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.finance-details[data-v-40a7e840] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  min-width: 180px;
}
.finance-info[data-v-40a7e840] {
  font-size: 1rem;
  color: #666;
  text-align: left;
}
.finance-buttons[data-v-40a7e840] {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.button-group[data-v-40a7e840] {
  display: flex;
  gap: 10px;
  width: 100%;
}
.button-group.full-width .detail-button[data-v-40a7e840] {
  width: 100%;
}
.button-group .half-width[data-v-40a7e840] {
  flex: 1;
}
.detail-button[data-v-40a7e840],
.tag-button[data-v-40a7e840] {
  padding: 12px 16px;
  border: none;
  border-radius: 20px;
  font-size: 0.9rem;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  background-color: #4caf50;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s;
}
.detail-button[data-v-40a7e840] {
  background-color: #007bff;
}
.detail-button[data-v-40a7e840]:hover,
.tag-button[data-v-40a7e840]:hover {
  background-color: #0056b3;
}
.notice-section[data-v-40a7e840] {
  background-color: #f5f5f5; /* ✅ 연한 회색 배경 */
  padding: 16px 24px;
  margin: 20px auto;
  border-radius: 8px;
  width: 100%;
  max-width: 1200px;
  text-align: left;
}
.notice-text[data-v-40a7e840] {
  font-size: 0.9rem;
  color: #666; /* ✅ 회색 글씨 */
  line-height: 1.5;
}
.notice-link[data-v-40a7e840] {
  color: #007bff; /* ✅ 링크는 파란색으로 강조 */
  text-decoration: none;
}
.notice-link[data-v-40a7e840]:hover {
  text-decoration: underline; /* ✅ 링크 호버 시 밑줄 */
}
@media (max-width: 768px) {
.finance-card[data-v-40a7e840] {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
}
.finance-header[data-v-40a7e840] {
    flex: unset;
    margin-bottom: 10px;
}
.finance-details[data-v-40a7e840] {
    font-size: 0.9rem;
    min-width: unset;
}
.finance-buttons[data-v-40a7e840] {
    width: 100%;
    padding-top: 10px;
    justify-content: center;
}
.button-group[data-v-40a7e840] {
    flex-direction: column;
    gap: 10px;
}
.detail-button[data-v-40a7e840],
  .tag-button[data-v-40a7e840] {
    width: 100%;
}
}


.notice-detail[data-v-bd9553cc] {
  max-width: 1200px;
  margin: 50px auto;
  padding: 0;
  background-color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
}
.notice-header[data-v-bd9553cc] {
  border-top: 2px solid #333;
  border-bottom: 1px solid #ddd;
  padding: 20px 15px;
}
.notice-title[data-v-bd9553cc] {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin: 0 0 15px 0;
}
.notice-meta[data-v-bd9553cc] {
  display: flex;
  color: #888;
  font-size: 14px;
}
.meta-item[data-v-bd9553cc] {
  margin-right: 20px;
}
.notice-content[data-v-bd9553cc] {
  min-height: 300px;
  padding: 30px 15px;
  line-height: 1.8;
  color: #555;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
}
.button-area[data-v-bd9553cc] {
  margin-top: 30px;
  text-align: center;
}
.list-button[data-v-bd9553cc] {
  display: inline-block;
  padding: 10px 30px;
  background-color: #666;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border-radius: 0;
  transition: background-color 0.3s;
}
.list-button[data-v-bd9553cc]:hover {
  background-color: #444;
}
.notice-content img[data-v-bd9553cc],
.resource-content img[data-v-bd9553cc] {
  max-width: 100%;
  height: auto;
  display: block;
  /* 아래는 선택사항 */
  margin: 10px auto;
  /* 이미지가 너무 작을 때는 최소 폭 보장 (선택) */
  min-width: 0;
  /* 둥글게, 그림자 등 부가 옵션도 추가 가능 */
  /* border-radius: 8px; */
}

/* 반응형 스타일 */
@media (max-width: 768px) {
.notice-detail[data-v-bd9553cc] {
    margin: 30px auto;
    padding: 0 15px;
}
.notice-title[data-v-bd9553cc] {
    font-size: 16px;
}
.notice-meta[data-v-bd9553cc] {
    flex-direction: column;
}
.meta-item[data-v-bd9553cc] {
    margin-bottom: 5px;
}
.notice-content[data-v-bd9553cc] {
    padding: 20px 0;
    min-height: 200px;
}
}

/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

.quill-editor[data-v-5467c7aa] {
  height: 500px;
  border: 1px solid #ccc;
  font-family: "Noto Sans KR", sans-serif;
}
.ql-toolbar[data-v-5467c7aa] {
  background-color: #f5f5f5;
  border-radius: 4px 4px 0 0;
}
.ql-editor[data-v-5467c7aa] {
  font-size: 16px;
  line-height: 1.7;
  padding: 20px;
}

/* ✅ px 단위 size 클래스 등록 */
.ql-size-12px[data-v-5467c7aa] { font-size: 12px;
}
.ql-size-14px[data-v-5467c7aa] { font-size: 14px;
}
.ql-size-16px[data-v-5467c7aa] { font-size: 16px;
}
.ql-size-20px[data-v-5467c7aa] { font-size: 20px;
}
.ql-size-24px[data-v-5467c7aa] { font-size: 24px;
}
.ql-size-32px[data-v-5467c7aa] { font-size: 32px;
}


.notice-form[data-v-fc062316] {
  max-width: 800px;
  margin: 80px auto;
  padding: 0 16px;
}
form[data-v-fc062316] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-group[data-v-fc062316] {
  display: flex;
  flex-direction: column;
}
.form-group label[data-v-fc062316] {
  margin-bottom: 6px;
  font-weight: bold;
}
input[type="text"][data-v-fc062316] {
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
}
.checkbox-group[data-v-fc062316] {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
button[data-v-fc062316] {
  padding: 12px;
  background: #111;
  color: white;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
button[data-v-fc062316]:hover {
  background: #333;
}
.back[data-v-fc062316] {
  display: inline-block;
  margin-top: 24px;
  color: #007bff;
  text-decoration: none;
}


.notice-view[data-v-dda2ed4a] {
  padding: 80px 16px;
  max-width: 1000px;
  margin: 0 auto;
}



.notice-detail[data-v-209d6b87],
.resource-detail[data-v-209d6b87] {
  max-width: 1200px;
  margin: 50px auto;
  padding: 0;
  background-color: #fff;
  font-family: 'Noto Sans KR', sans-serif;
}
.notice-header[data-v-209d6b87],
.resource-header[data-v-209d6b87] {
  border-top: 2px solid #333;
  border-bottom: 1px solid #ddd;
  padding: 20px 15px;
}
.notice-title[data-v-209d6b87],
.resource-title[data-v-209d6b87] {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin: 0 0 15px 0;
}
.notice-meta[data-v-209d6b87],
.resource-meta[data-v-209d6b87] {
  display: flex;
  align-items: center;
  color: #888;
  font-size: 14px;
  position: relative;
}
.meta-item[data-v-209d6b87] {
  margin-right: 20px;
}
.file-dropdown-wrapper[data-v-209d6b87] {
  margin-left: auto;
  position: relative;
  min-width: 100px;
  z-index: 10;
}
.file-dropdown-btn[data-v-209d6b87] {
  background: #eee;
  border: none;
  color: #444;
  padding: 6px 18px 6px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  position: relative;
  transition: background 0.2s;
}
.file-dropdown-btn[data-v-209d6b87]:hover {
  background: #e0e0e0;
}
.arrow-down[data-v-209d6b87], .arrow-up[data-v-209d6b87] {
  display: inline-block;
  margin-left: 6px;
  width: 0; height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  vertical-align: middle;
}
.arrow-down[data-v-209d6b87] {
  border-top: 7px solid #666;
}
.arrow-up[data-v-209d6b87] {
  border-bottom: 7px solid #666;
}
.file-dropdown-list[data-v-209d6b87] {
  list-style-type: none;
  position: absolute;
  top: 36px;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  width: auto; /* 파일명 길이에 맞춤 */
  min-width: 120px; /* 너무 짧을 때는 최소폭 */
  max-width: 360px; /* 너무 길면 말줄임 처리 */
  padding: 10px 0;
  margin: 0;
  z-index: 100;
  box-shadow: 0 2px 10px rgba(0,0,0,0.13);
}
.file-dropdown-list a[data-v-209d6b87] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #007bff;
  padding: 7px 24px 7px 16px;
  text-decoration: none;
  font-size: 0.97rem;
  transition: background 0.18s;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-icon[data-v-209d6b87] {
  font-size: 1.13em;
  margin-right: 4px;
  min-width: 1.4em;
  text-align: center;
}
@keyframes dropdownIn-209d6b87 {
from { opacity: 0; transform: translateY(-10px);}
to { opacity: 1; transform: translateY(0);}
}
.file-dropdown-list li[data-v-209d6b87] {
  margin: 0;
  padding: 0;
}
.file-dropdown-list a[data-v-209d6b87] {
  display: block;
  color: #007bff;
  padding: 7px 24px 7px 16px;
  text-decoration: none;
  font-size: 0.97rem;
  transition: background 0.18s;
}
.file-dropdown-list a[data-v-209d6b87]:hover {
  background: #f2f6fa;
  color: #0056b3;
}
.notice-content[data-v-209d6b87],
.resource-content[data-v-209d6b87] {
  min-height: 300px;
  padding: 30px 15px;
  line-height: 1.8;
  color: #555;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
}
.button-area[data-v-209d6b87] {
  margin-top: 30px;
  text-align: center;
}
.list-button[data-v-209d6b87] {
  display: inline-block;
  padding: 10px 30px;
  background-color: #666;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border-radius: 0;
  transition: background-color 0.3s;
}
.list-button[data-v-209d6b87]:hover {
  background-color: #444;
}

/* 드롭다운 애니메이션 */
.dropdown-enter-active[data-v-209d6b87],
.dropdown-leave-active[data-v-209d6b87] {
  transition: opacity 0.18s;
}
.dropdown-enter-from[data-v-209d6b87],
.dropdown-leave-to[data-v-209d6b87] {
  opacity: 0;
}
.dropdown-enter-to[data-v-209d6b87],
.dropdown-leave-from[data-v-209d6b87] {
  opacity: 1;
}

/* 반응형 */
@media (max-width: 768px) {
.notice-detail[data-v-209d6b87],
  .resource-detail[data-v-209d6b87] {
    margin: 30px auto;
    padding: 0 8px;
}
.notice-title[data-v-209d6b87],
  .resource-title[data-v-209d6b87] {
    font-size: 16px;
}
.notice-meta[data-v-209d6b87],
  .resource-meta[data-v-209d6b87] {
    flex-direction: column;
    align-items: flex-start;
}
.file-dropdown-wrapper[data-v-209d6b87] {
    margin: 10px 0 0 0;
    width: 100%;
}
.file-dropdown-btn[data-v-209d6b87] {
    width: 100%;
    text-align: left;
}
.file-dropdown-list[data-v-209d6b87] {
    position: static;
    border-radius: 4px;
    box-shadow: none;
    min-width: 100%;
    width: 100%;
    margin-top: 5px;
}
}
.notice-content img[data-v-209d6b87],
.resource-content img[data-v-209d6b87] {
  max-width: 100%;
  height: auto;
  display: block;
  /* 아래는 선택사항 */
  margin: 10px auto;
  /* 이미지가 너무 작을 때는 최소 폭 보장 (선택) */
  min-width: 0;
  /* 둥글게, 그림자 등 부가 옵션도 추가 가능 */
  /* border-radius: 8px; */
}


.resource-create[data-v-4be6e297] {
  max-width: 800px;
  margin: 80px auto;
  padding: 0 16px;
}
form[data-v-4be6e297] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-group[data-v-4be6e297] {
  display: flex;
  flex-direction: column;
}
.form-group label[data-v-4be6e297] {
  margin-bottom: 6px;
  font-weight: bold;
}
input[type="text"][data-v-4be6e297] {
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
}
button[data-v-4be6e297] {
  padding: 12px;
  background: #111;
  color: white;
  font-weight: bold;
  border: none;
  cursor: pointer;
}
button[data-v-4be6e297]:hover {
  background: #333;
}
.back[data-v-4be6e297] {
  display: inline-block;
  margin-top: 24px;
  color: #007bff;
  text-decoration: none;
}
button[type="button"][data-v-4be6e297] {
  color: red;
  background: transparent;
  border: none;
  cursor: pointer;
}
button[type="button"][data-v-4be6e297]:hover {
  text-decoration: underline;
}


.subscription-create[data-v-3ef5da00] {
  max-width: 700px;
  margin: 80px auto;
  padding: 0 16px;
}
form[data-v-3ef5da00] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-group[data-v-3ef5da00] {
  display: flex;
  flex-direction: column;
}
.form-group label[data-v-3ef5da00] {
  margin-bottom: 6px;
  font-weight: bold;
}
input[data-v-3ef5da00],
textarea[data-v-3ef5da00] {
  padding: 10px;
  font-size: 1rem;
  border: 1px solid #ccc;
}
button[data-v-3ef5da00] {
  padding: 6px 12px;
  font-size: 0.9rem;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.button-row[data-v-3ef5da00] {
  display: flex;
  gap: 10px;  /* 버튼 사이 간격 */
  margin-top: 20px; /* 필요시 위 여백 */
}


.applicants-page[data-v-243fa888] {
  max-width: 1200px;
  margin: 40px auto;
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  font-family: 'Noto Sans KR', sans-serif;
}

/* 공통 테이블 스타일 */
table[data-v-243fa888] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 0.95rem;
}
th[data-v-243fa888], td[data-v-243fa888] {
  padding: 12px;
  border: 1px solid #ddd;
  text-align: center;
}
thead[data-v-243fa888] {
  background-color: #f5f5f5;
  font-weight: bold;
  color: #333;
}
h2[data-v-243fa888], h3[data-v-243fa888] {
  color: #222;
  margin-top: 0;
}

/* 보기 버튼 */
button[data-v-243fa888] {
  background-color: #007bff;
  color: #fff;
  border: none;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 0.9rem;
  cursor: pointer;
}
button[data-v-243fa888]:hover {
  background-color: #0056b3;
}
button[data-v-243fa888]:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

/* 검색 컨테이너 스타일 */
.search-container[data-v-243fa888] {
  display: flex;
  gap: 10px;
  margin: 20px 0;
  align-items: center;
}
.search-select[data-v-243fa888] {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
  background-color: white;
  font-size: 0.9rem;
  min-width: 100px;
}
.search-input[data-v-243fa888] {
  flex: 1;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
}
.search-button[data-v-243fa888] {
  background-color: #007bff;
  color: white;
}
.clear-button[data-v-243fa888] {
  background-color: #6c757d;
  color: white;
}

/* 당첨 상태 선택 스타일 */
.selection-status[data-v-243fa888] {
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
  width: 100px;
}

/* 예비 순번 입력 스타일 */
.reserve-number-container[data-v-243fa888] {
  display: flex;
  justify-content: center;
}
.reserve-number-input[data-v-243fa888] {
  width: 70px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.9rem;
  text-align: center;
}
.reserve-number-placeholder[data-v-243fa888] {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 당첨 상태별 색상 */
.status-selected[data-v-243fa888] {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}
.status-reserve[data-v-243fa888] {
  background-color: #fff3cd;
  color: #856404;
  border-color: #ffeeba;
}
.status-failed[data-v-243fa888] {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}

/* 저장 버튼 */
.save-button[data-v-243fa888] {
  background-color: #28a745;
  margin-right: 10px;
}
.save-button[data-v-243fa888]:hover {
  background-color: #218838;
}

/* 신청자 테이블 별도 마진 */
.applicant-table[data-v-243fa888] {
  margin-top: 40px;
}
.pagination[data-v-243fa888] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
}
.pagination button[data-v-243fa888] {
  padding: 6px 12px;
  border: 1px solid #ccc;
  background-color: white;
  cursor: pointer;
}
.pagination button[data-v-243fa888]:disabled {
  color: #aaa;
  cursor: not-allowed;
}
.applicant-table-header[data-v-243fa888] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.header-actions[data-v-243fa888] {
  display: flex;
  gap: 10px;
}

/* 반응형 (모바일 대응 간단히) */
@media (max-width: 768px) {
th[data-v-243fa888], td[data-v-243fa888] {
    font-size: 0.85rem;
    padding: 8px;
}
button[data-v-243fa888] {
    padding: 6px 10px;
    font-size: 0.8rem;
}
.search-container[data-v-243fa888] {
    flex-direction: column;
    align-items: stretch;
}
.search-select[data-v-243fa888], .search-input[data-v-243fa888], .search-button[data-v-243fa888], .clear-button[data-v-243fa888] {
    width: 100%;
    margin-bottom: 8px;
}
.selection-status[data-v-243fa888] {
    width: 80px;
    padding: 4px 6px;
}
.reserve-number-input[data-v-243fa888] {
    width: 50px;
    padding: 4px 6px;
}
.header-actions[data-v-243fa888] {
    flex-direction: column;
    gap: 5px;
}
}


.popup-admin[data-v-1352090d] {
    max-width: 1000px;
    margin: 60px auto;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
h1[data-v-1352090d] {
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}
.button-bar[data-v-1352090d] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.button-bar button[data-v-1352090d] {
    padding: 8px 16px;
    font-size: 0.95rem;
    background-color: #28a745;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.popup-table[data-v-1352090d] {
    width: 100%;
    border-collapse: collapse;
}
.popup-table th[data-v-1352090d],
  .popup-table td[data-v-1352090d] {
    border: 1px solid #ccc;
    padding: 12px;
    text-align: center;
}
.status-on[data-v-1352090d] {
    color: green;
    font-weight: bold;
}
.status-off[data-v-1352090d] {
    color: red;
    font-weight: bold;
}
.no-data[data-v-1352090d] {
    text-align: center;
    padding: 60px 0;
    font-size: 1.1rem;
    color: #666;
}
button[data-v-1352090d] {
    padding: 6px 12px;
    font-size: 0.9rem;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
  

.popup-create[data-v-0884b1da] {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 80px;
  max-width: 1200px;
  margin: 0 auto;
}
.left-section[data-v-0884b1da] {
  width: 45%;
}
.right-section[data-v-0884b1da] {
  width: 45%;
  background: #f4f4f4;
  padding: 20px;
  border-radius: 10px;
}
.popup-preview[data-v-0884b1da] {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: white;
  text-align: center;
}
.image-container[data-v-0884b1da] {
  position: relative;
}
.popup-content[data-v-0884b1da] {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  padding: 20px;
  overflow: auto;
}
form > div[data-v-0884b1da] {
  margin-bottom: 20px;
}
label[data-v-0884b1da] {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}
input[type="text"][data-v-0884b1da],
input[type="date"][data-v-0884b1da] {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
button[type="submit"][data-v-0884b1da] {
  background-color: #28a745;
  color: white;
  padding: 12px 20px;
  border: none;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
}
button[type="submit"][data-v-0884b1da]:hover {
  background-color: #218838;
}
.back-button[data-v-0884b1da] {
  background-color: #28a745;
  color: white;
  padding: 12px 20px;
  border: none;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 5px;
}
.back-button[data-v-0884b1da]:hover {
  background-color: #218838;
}
.preview-image[data-v-0884b1da] {
  max-width: 100%;
  max-height: 350px;  /* or 원하는 제한값 */
  display: block;
  margin: 0 auto;
}


.popup-fullscreen[data-v-ae98606c] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white; /* fallback */
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 9999;
  border-radius: 10px;
  overflow: hidden;
  /* width/height는 JS에서 동적으로 지정됨 */
  /* padding-bottom: 0; 필요하면 추가 */
}
.popup-content[data-v-ae98606c] {
  font-size: 1.2rem;
  text-align: center;
  color: #333;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 20px 28px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.10);
  margin: 0 auto;
}

/* 내용(텍스트/배경)은 위쪽 flex 1로 확장 */
.popup-inner[data-v-ae98606c] {
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background 스타일은 바인딩으로 들어감 */
}
/* 푸터는 항상 아래에 */
.popup-footer[data-v-ae98606c] {
  width: 100%;
  min-height: 52px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(250,248,255,0.93);
  border-top: 1px solid #eee;
  padding: 10px 24px;
  box-sizing: border-box;
}
.popup-footer .left[data-v-ae98606c] {
  font-size: 0.98rem;
}
.popup-footer .right[data-v-ae98606c] {
  font-size: 0.98rem;
  padding: 0.38rem 1.1rem;
  background: #6840e0;
  color: #fff;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
.popup-footer .right[data-v-ae98606c]:hover {
  background: #4323b6;
}


.inquiry-table[data-v-3f711d56] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 100px;
}
.inquiry-table th[data-v-3f711d56],
.inquiry-table td[data-v-3f711d56] {
  border: 1px solid #e1e1e1;
  padding: 10px 16px;
  text-align: left;
  background: #fff;
}
.inquiry-table th[data-v-3f711d56] {
  background: #f7f7f7;
  width: 140px;
}

/* 👉 마지막 열(제목, 내용 모두!) 완전 투명/무테/무배경 */
.inquiry-table th[data-v-3f711d56]:last-child,
.inquiry-table td[data-v-3f711d56]:last-child {
  border: none !important;
  background: transparent !important;
  text-align: center;
  vertical-align: middle;
  width: 150px; /* 필요시 버튼 크기에 맞게 */
  min-width: 120px;
  padding-left: 0;
  padding-right: 0;
}

/* 데이터 행 마지막 셀만 배경색 */
.inquiry-table tbody td[data-v-3f711d56]:last-child {
  background: #fafbfc;
  text-align: center;
  vertical-align: middle;
}
.container[data-v-3f711d56] {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  font-family: 'Noto Sans KR', sans-serif;
}
.page-title[data-v-3f711d56] {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.subtitle[data-v-3f711d56] {
  text-align: center;
  color: #555;
  margin-bottom: 30px;
}
.form-group[data-v-3f711d56] {
  margin-bottom: 20px;
}
.form-row[data-v-3f711d56] {
  margin-bottom: 20px;
  position: relative;
}
.form-row label[data-v-3f711d56] {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
}
.form-row input[data-v-3f711d56] {
  width: 100%;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s;
}
.form-row input[data-v-3f711d56]:focus {
  border-bottom-color: #003478;
}
.phone-input-group[data-v-3f711d56] {
  display: flex;
  align-items: center;
}
.phone-input-group input[data-v-3f711d56] {
  width: 33%;
  text-align: center;
}
.phone-separator[data-v-3f711d56] {
  margin: 0 8px;
  color: #666;
}
.required[data-v-3f711d56] {
  color: #ff0000;
}
.required-note[data-v-3f711d56] {
  font-size: 12px;
  color: #666;
  text-align: right;
  margin-bottom: 30px;
}
.button-group[data-v-3f711d56] {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.btn-submit[data-v-3f711d56] {
  padding: 12px 40px;
  background-color: #003478;
  color: white;
  border: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}
.btn-submit[data-v-3f711d56]:hover {
  background-color: #002255;
}
.inquiry-result[data-v-3f711d56] {
  max-width: 1200px;
  margin: 30px auto 0 auto;   /* 위 30px, 좌우 자동, 아래 0 */
  padding: 50px;
  padding-bottom: 100px;
  border-radius: 4px;
  text-align: center;         /* 모든 자식(표, 텍스트, h3 등) 가운데 정렬 */
}
.inquiry-result h3[data-v-3f711d56] {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
}
.inquiry-list[data-v-3f711d56] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inquiry-list li[data-v-3f711d56] {
  margin-bottom: 10px;
}
.subscription-status[data-v-3f711d56] {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
}
.subscription-result[data-v-3f711d56] {
  display: block;
  margin-top: 10px;
  font-size: 22px;
  font-weight: bold;
}
.text-blue[data-v-3f711d56] {
  color: #007bff;
}
.text-red[data-v-3f711d56] {
  color: #e74c3c;
}
.text-green[data-v-3f711d56] {
  color: #28a745;
}
.status-message[data-v-3f711d56] {
  margin: 10px 0 24px 0;
  text-align: center;
  font-weight: 600;
  color: #195b8a;
  font-size: 1.06rem;
}
/* td 내 버튼 가로 정렬용 */
.action-btns[data-v-3f711d56] {
  display: flex;
  font-size: 8px;
  gap: 7px;      /* 버튼 사이 간격 */
  justify-content: flex-start; /* 왼쪽 정렬, 필요시 center/right */
  align-items: center;
}

/* 모바일 반응형 */
@media (max-width: 768px) {
.inquiry-table th[data-v-3f711d56],
  .inquiry-table td[data-v-3f711d56] {
    font-size: 0.90rem;   /* 폰트 더 작게 */
    padding: 8px 4px;     /* 패딩도 더 작게 */
    max-width: 80px;      /* 모바일에서 더 줄임 */
}
.inquiry-result[data-v-3f711d56] {
    padding: 16px;
}
.page-title[data-v-3f711d56] {
    font-size: 1.15rem;
}
.subtitle[data-v-3f711d56] {
    font-size: 0.97rem;
}
}
.edit-btn[data-v-3f711d56] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #007bff;
  border: 1px solid #007bff;
  border-radius: 25px;
  padding: 8px 20px;
  font-size: 10px;
  font-weight: 600;
  margin-left: 10px;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s;
  box-shadow: 0 1px 7px 0 rgba(231, 76, 60, 0.07);
}
.edit-btn[data-v-3f711d56]:hover {
  background: #e3f0ff;
  color: #0056b3;
  border-color: #0056b3;
}

/* 버튼 스타일 크게, 둥글게, 그림자 추가 */
.delete-btn[data-v-3f711d56] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #e74c3c;
  border: 1.5px solid #e74c3c;
  border-radius: 25px;
  padding: 8px 20px;
  font-size: 10px;
  font-weight: 600;
  margin-left: 0;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, border-color 0.18s, box-shadow 0.18s;
  box-shadow: 0 1px 7px 0 rgba(231, 76, 60, 0.07);
}
.delete-btn[data-v-3f711d56]:hover {
  background: #ffeaea;
  color: #fff;
  border-color: #e74c3c;
  box-shadow: 0 2px 12px 0 rgba(231, 76, 60, 0.13);
}


.logo[data-v-4b856a79] {
  left: 20px;
  /* 추가 */
  margin-left: 0;
  padding-left: 0;
}
.header[data-v-4b856a79] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: white;
  border-bottom: 1px solid #eee;
  z-index: 1000;
  align-items: center; /* ✅ 세로 가운데 정렬 */
  justify-content: center;
}
.header-inner[data-v-4b856a79] {
  max-width: 1200px;
  margin: 0 auto;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-image[data-v-4b856a79] {
  width: 60px;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center; /* ✅ 로고도 세로 가운데 정렬 */
}
.main-nav.desktop[data-v-4b856a79] {
  display: flex;
  align-items: center; /* ✅ 네비게이션 세로 가운데 정렬 */
  gap: 70px;
}
.menu-group[data-v-4b856a79] {
  position: relative;
  display: flex;
  align-items: center; /* ✅ 메뉴 세로 가운데 정렬 */
  height: 100px;        /* ✅ header-inner의 height와 맞춤 */
}
.mobile-title[data-v-4b856a79] {
  font-weight: 700;
  font-size: 1.08rem;
  padding: 24px 20px 24px 18px; /* 상,우,하,좌 */
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hamburger[data-v-4b856a79] {
  display: none;
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  /* 기본은 0 */
  margin-right: 0;
  padding-right: 0;
}
.hamburger svg[data-v-4b856a79] {
  width: 24px;
  height: 24px;
}
.mobile-group[data-v-4b856a79] {
  border-bottom: 1px solid #eee; /* 구분선 */
}

/* 드롭다운 전체 */
.sub-menu[data-v-4b856a79] {
  position: absolute;
  top: 120%;
  left: 0;
  background-color: white;
  padding: 10px;
  border-radius: 4px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  text-align: center;
  font-size: 0.8rem;
}
.sub-menu-item[data-v-4b856a79] {
  display: block;
  padding: 6px 12px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s;
  text-align: center;
}
.sub-menu-item[data-v-4b856a79]:hover {
  background-color: #f0f0f0;
  color: #007bff;
}

/* 드롭다운 전체 배경 */
.dropdown-wrapper[data-v-4b856a79] {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: transparent;
  z-index: 999;
  pointer-events: none;
}
.mobile-submenu[data-v-4b856a79] {
  padding-left: 32px; /* 안쪽 들여쓰기 */
  background: #fff;
  padding-bottom: 10px;
}
.dropdown-background[data-v-4b856a79] {
  width: 100%;
  height: 100%;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  pointer-events: auto;
}
.mobile-nav[data-v-4b856a79] {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 0;
}
.mobile-title[data-v-4b856a79] {
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.mobile-link[data-v-4b856a79] {
  display: block;
  color: #222;
  text-decoration: none;
  font-size: 0.98rem;
  padding: 7px 0;
  margin-bottom: 2px;
}
.mobile-link[data-v-4b856a79]:hover {
  color: #008855;
  font-weight: bold;
  background: #f4f6fa;
  border-radius: 4px;
}
.fade-enter-active[data-v-4b856a79],
.fade-leave-active[data-v-4b856a79] {
  transition: all 0.3s ease;
}
.fade-enter-from[data-v-4b856a79],
.fade-leave-to[data-v-4b856a79] {
  opacity: 0;
  transform: translateY(-10px);
}
.arrow[data-v-4b856a79] {
  font-size: 1.1em;
  color: #333;
  margin-left: 6px;
  transition: transform 0.2s;
  vertical-align: middle;
}
@media (max-width: 768px) {
.logo[data-v-4b856a79] {
    margin-left: 10px;
    padding-left: 8px;
}
.hamburger[data-v-4b856a79] {
    display: block;
    margin-right: 12px;
}
.main-nav.desktop[data-v-4b856a79] {
    display: none;
}

  /* 모바일 전용 메뉴 스타일 */
.mobile-nav[data-v-4b856a79] {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 0;
}
.mobile-group[data-v-4b856a79] {
    border-bottom: 1px solid #eee;
}
.mobile-title[data-v-4b856a79] {
    font-weight: 700;
    font-size: 1.2rem;
    padding: 20px 16px 20px 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobile-submenu[data-v-4b856a79] {
    padding-left: 32px;
    background: #fff;
    padding-bottom: 10px;
}
.mobile-link[data-v-4b856a79] {
    display: block;
    color: #222;
    text-decoration: none;
    font-size: 0.98rem;
    padding: 7px 0;
    margin-bottom: 2px;
}
.mobile-link[data-v-4b856a79]:hover {
    color: #008855;
    font-weight: bold;
    background: #f4f6fa;
    border-radius: 4px;
}
}


.footer[data-v-6eee64ae] {
  background: #000;
  color: #aaa;
  padding: 20px;
  font-size: 0.9rem;
  width: 100%; /* 푸터의 너비를 100%로 설정 */
  position: relative; /* 푸터가 콘텐츠 하단에 자연스럽게 배치되도록 설정 */
  bottom: 0;
  margin-top: auto; /* 이 부분이 중요: content가 적을 때도 하단에 붙도록 함 */
}
.footer-content[data-v-6eee64ae] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.footer-info span[data-v-6eee64ae] {
  display: block;
  font-weight: bold;
  color: #fff;
  margin-bottom: 8px;
}
.footer-info a[data-v-6eee64ae] {
  color: #ccc;
  text-decoration: underline;
}
.footer-icons span[data-v-6eee64ae] {
  margin-left: 12px;
  font-size: 1.2rem;
  opacity: 0.6;
  cursor: pointer;
}
@media (max-width: 768px) {
.footer[data-v-6eee64ae] {
      margin-bottom: 30px;
}
}


.navigator[data-v-f860fe44] {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 9999;
}
.navigator.mobile[data-v-f860fe44] {
  bottom: 0;
  right: 0;
  left: 0;
  flex-direction: row;
  justify-content: space-around;
  background: #222;
  padding: 10px 0;
}
.btn[data-v-f860fe44] {
  background: #11101a;
  color: white;
  border: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.navigator.mobile .btn[data-v-f860fe44] {
  width: auto;
  height: auto;
  padding: 0 12px;
  border-radius: 0;
  font-size: 1rem;
  background: none;
  color: white;
  box-shadow: none;
  flex-direction: row;
  gap: 6px;
}


.no-title[data-v-14fc973e] {
    display: none; /* 홈 페이지에서는 제목을 숨깁니다 */
}
  
  /* Hero */
.hero[data-v-14fc973e] {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.hero-image[data-v-14fc973e] {
    width: 100vw;
    max-height: 300px;
    -o-object-fit: cover;
       object-fit: cover; /* 이미지가 부모 영역을 꽉 채우게 설정 */
}
.hero-text[data-v-14fc973e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 텍스트를 정확히 중앙에 위치시킴 */
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    text-align: center;
}
.main-title[data-v-14fc973e] {
    padding-top: 90px;
    font-size: 2.5rem;
    font-weight: 700;
}
.hero-subtitle[data-v-14fc973e] {
    font-size: 1.2rem;
}

  /* 반응형 스타일 */
@media (max-width: 768px) {
.main-title[data-v-14fc973e] {
    padding-top: 90px;
    font-size: 1.9rem;
    font-weight: 700;
}
.hero-subtitle[data-v-14fc973e] {
    font-size: 1.2rem;
}
}
  

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR", sans-serif;
  box-sizing: border-box;
  overflow-x: hidden;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* 앱의 최소 높이를 화면 높이로 설정 */
}
.maintenance-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-size: 1.3rem;
  background: #fafbff;
}
.maintenance-container h1 {
  font-size: 2.5rem;
  color: #a22;
  margin-bottom: 24px;
}

/* 기본 main 영역 */
.main {
  flex-grow: 1; /* main이 화면의 나머지 공간을 차지하도록 설정 */
  padding-top: 80px; /* 헤더 영역을 위한 여백 */
  overflow-y: auto; /* 콘텐츠가 많을 경우 스크롤이 생기도록 설정 */
}

/* 홈에서는 헤더와 겹치게 하기 위해 padding 제거 */
.main.no-padding {
  padding-top: 0 !important;
}

.toastui-editor-defaultUI {
  border-radius: 8px;
  border: 1px solid #ddd;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 15px;
}

.toastui-editor-toolbar {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
}

.toastui-editor-toolbar button {
  background-color: transparent !important;
  border: none !important;
}

.toastui-editor-contents {
  padding: 20px;
  font-size: 16px;
  color: #333;
}