@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
.group-inquiry-modal, .group-inquiry-float { --gi-accent: #242e32; }
    .header-group-inquiry {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 10px 22px;
      border: 2px solid var(--gi-accent, #166b73);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.76);
      color: var(--gi-accent, #166b73);
      font-size: 15px;
      font-weight: 800;
      line-height: 1;
      white-space: nowrap;
      box-shadow: 0 7px 18px rgba(23, 37, 84, 0.11);
      transition: background-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
    }
    .header-group-inquiry:hover {
      background: var(--gi-accent, #166b73);
      color: #fff;
      transform: translateY(-1px);
    }
    body.group-inquiry-modal-open {
      overflow: hidden;
    }
    .group-inquiry-modal,
    .group-inquiry-modal * {
      box-sizing: border-box;
    }
    .group-inquiry-modal {
      position: fixed;
      inset: 0;
      z-index: 100000;
      display: grid;
      place-items: center;
      padding: 24px;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.25s ease, visibility 0.25s ease;
    }
    .group-inquiry-modal.is-open {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
    }
    .group-inquiry-modal__dim {
      position: absolute;
      inset: 0;
      background: rgba(7, 16, 43, 0.68);
      backdrop-filter: blur(6px);
    }
    .group-inquiry-modal__dialog {
      position: relative;
      width: min(100%, 980px);
      max-height: calc(100dvh - 48px);
      overflow: auto;
      padding: 32px;
      border: 1px solid rgba(255, 255, 255, 0.72);
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 30px 90px rgba(6, 19, 58, 0.28);
      transform: translateY(24px) scale(0.985);
      transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    }
    .group-inquiry-modal.is-open .group-inquiry-modal__dialog {
      transform: translateY(0) scale(1);
    }
    .group-inquiry-modal__close {
      position: absolute;
      top: 20px;
      right: 20px;
      display: inline-grid;
      width: 42px;
      height: 42px;
      place-items: center;
      border: 0;
      border-radius: 50%;
      background: #f1f4fa;
      color: var(--gi-accent, #166b73);
      font-size: 20px;
      cursor: pointer;
      transition: background-color 0.2s ease, transform 0.2s ease;
    }
    .group-inquiry-modal__close:hover {
      background: #fde047;
      transform: rotate(5deg);
    }
    .group-inquiry-modal__head {
      padding-right: 52px;
      margin-bottom: 30px;
    }
    .group-inquiry-modal__kicker {
      display: block;
      margin-bottom: 8px;
      color: var(--gi-accent, #166b73);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0;
    }
    .group-inquiry-modal__head h2 {
      margin: 0;
      color: var(--gi-accent, #166b73);
      font-size: 26px;
      font-weight: 900;
      line-height: 1.18;
      letter-spacing: 0;
    }
    .group-inquiry-modal__head p {
      margin: 11px 0 0;
      color: #64748b;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.55;
    }
    .group-inquiry-form__grid {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
      gap: clamp(28px, 4vw, 52px);
    }
    .group-inquiry-form__fields {
      display: grid;
      gap: 13px;
    }
    .group-inquiry-field {
      display: grid;
      grid-template-columns: 112px minmax(0, 1fr);
      align-items: center;
      gap: 12px;
      color: #1e293b;
      font-size: 15px;
      font-weight: 700;
    }
    .group-inquiry-field > span:first-child,
    .group-inquiry-message > span:first-child {
      line-height: 1.3;
    }
    .group-inquiry-field em,
    .group-inquiry-message em {
      color: #ea580c;
      font-style: normal;
    }
    .group-inquiry-field input,
    .group-inquiry-message textarea {
      width: 100%;
      border: 1px solid #cbd5e1;
      border-radius: 8px;
      background: #f8fafc;
      color: var(--gi-accent, #166b73);
      font-family: inherit;
      font-size: 15px;
      font-weight: 600;
      outline: 0;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }
    .group-inquiry-field input {
      height: 48px;
      padding: 0 14px;
    }
    .group-inquiry-field input:focus,
    .group-inquiry-message textarea:focus {
      border-color: var(--gi-accent, #166b73);
      background: #fff;
      box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.11);
    }
    .group-inquiry-input-unit {
      position: relative;
      display: block;
    }
    .group-inquiry-input-unit input {
      padding-right: 42px;
    }
    .group-inquiry-input-unit b {
      position: absolute;
      top: 50%;
      right: 16px;
      color: #64748b;
      font-size: 14px;
      transform: translateY(-50%);
      pointer-events: none;
    }
    .group-inquiry-dates {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      gap: 7px;
    }
    .group-inquiry-dates i {
      color: #94a3b8;
      font-style: normal;
    }
    .group-inquiry-message {
      display: flex;
      min-height: 100%;
      flex-direction: column;
      gap: 10px;
      color: #1e293b;
      font-size: 15px;
      font-weight: 700;
    }
    .group-inquiry-message textarea {
      min-height: 260px;
      flex: 1;
      padding: 16px;
      line-height: 1.6;
      resize: vertical;
    }
    .group-inquiry-form__bottom {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px 20px;
      margin-top: 26px;
      padding-top: 22px;
      border-top: 1px solid #e2e8f0;
    }
    .group-inquiry-privacy {
      display: inline-flex;
      align-items: flex-start;
      gap: 9px;
      color: #475569;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.45;
      cursor: pointer;
    }
    .group-inquiry-privacy input {
      width: 18px;
      height: 18px;
      margin: 0;
      flex: 0 0 auto;
      accent-color: var(--gi-accent, #166b73);
    }
    .group-inquiry-privacy em {
      color: #ea580c;
      font-style: normal;
    }
    .group-inquiry-form__status {
      grid-column: 1;
      min-height: 20px;
      margin: 0;
      color: #475569;
      font-size: 13px;
      font-weight: 700;
    }
    .group-inquiry-form__status.is-error {
      color: #dc2626;
    }
    .group-inquiry-form__status.is-success {
      color: #15803d;
    }
    .group-inquiry-submit {
      grid-column: 2;
      grid-row: 1 / span 2;
      display: inline-flex;
      min-width: 176px;
      min-height: 54px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 12px 24px;
      border: 0;
      border-radius: 8px;
      background: var(--gi-accent, #166b73);
      color: #fff;
      font-family: inherit;
      font-size: 15px;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 12px 28px rgba(23, 37, 84, 0.2);
      transition: background-color 0.22s ease, transform 0.22s ease, opacity 0.22s ease;
    }
    .group-inquiry-submit:not(:disabled):hover {
      background: var(--gi-accent, #166b73);
      transform: translateY(-2px);
    }
    .group-inquiry-submit:disabled {
      cursor: wait;
      opacity: 0.65;
    }
    .group-inquiry-submit.is-complete {
      background: #15803d;
    }
    .group-inquiry-form__trap {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }

    @media screen and (max-width: 760px) {
      .group-inquiry-modal {
        align-items: end;
        padding: 0;
      }
      .group-inquiry-modal__dialog {
        width: 100%;
        max-height: calc(100dvh - 12px);
        padding: 30px 18px 24px;
        border-radius: 8px;
        transform: translateY(40px);
      }
      .group-inquiry-modal__close {
        top: 14px;
        right: 14px;
      }
      .group-inquiry-modal__head {
        padding-right: 40px;
        margin-bottom: 24px;
      }
      .group-inquiry-modal__head h2 {
        font-size: 25px;
      }
      .group-inquiry-modal__head p {
        font-size: 13px;
      }
      .group-inquiry-form__grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }
      .group-inquiry-field {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 8px;
        font-size: 13px;
      }
      .group-inquiry-field input {
        height: 44px;
        padding: 0 11px;
        font-size: 13px;
      }
      .group-inquiry-dates {
        gap: 4px;
      }
      .group-inquiry-message textarea {
        min-height: 150px;
        font-size: 14px;
      }
      .group-inquiry-form__bottom {
        grid-template-columns: 1fr;
      }
      .group-inquiry-submit {
        grid-column: 1;
        grid-row: auto;
        width: 100%;
      }
      .group-inquiry-form__status {
        grid-column: 1;
      }
    }


.group-inquiry-modal { font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-align: left; }
.group-inquiry-modal button { font-family: inherit; }
.group-inquiry-modal__head .group-inquiry-minimum-note { display: inline-block; margin-top: 6px; color: #b42318; font-weight: 700; word-break: keep-all; }
.group-inquiry-modal [hidden] { display: none !important; }
.group-inquiry-modal.is-complete { align-items: center; padding: 20px; }
.group-inquiry-modal.is-complete .group-inquiry-modal__dialog { width: min(100%, 440px); padding: 48px 24px 28px; }
.group-inquiry-success { text-align: center; }
.group-inquiry-success__icon { color: #15803d; font-size: 46px; }
.group-inquiry-success h2 { margin: 20px 0 10px; color: #242e32; font-size: 22px; line-height: 1.45; word-break: keep-all; overflow-wrap: anywhere; }
.group-inquiry-success p { margin: 0 0 26px; color: #64748b; font-size: 14px; line-height: 1.6; }
.group-inquiry-success__confirm { width: 100%; min-height: 46px; padding: 12px 20px; border: 0; border-radius: 8px; background: #242e32; color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; }
.group-inquiry-success__confirm:focus-visible { outline: 3px solid #15803d; outline-offset: 3px; }
.group-inquiry-modal .sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.group-inquiry-modal input, .group-inquiry-dates label { min-width: 0; }
.group-inquiry-modal__dialog { max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); }
.group-inquiry-float { position:fixed;right:20px;bottom:100px;z-index:490; }
.group-inquiry-float button { display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border:0;border-radius:8px;background:var(--gi-accent, #166b73);color:#fff;font:700 14px "Pretendard",sans-serif;cursor:pointer;box-shadow:0 3px 12px #0002; }
.group-inquiry-float button:focus-visible { outline:3px solid #222;outline-offset:3px; }
@media(max-width:760px) {
  .group-inquiry-float { right:14px;bottom:calc(88px + env(safe-area-inset-bottom)); }
  .group-inquiry-modal__dialog { max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px);padding-bottom:calc(24px + env(safe-area-inset-bottom)); }
  .group-inquiry-field { grid-template-columns:1fr;gap:6px; }
  .group-inquiry-field input, .group-inquiry-message textarea { font-size:16px; }
}