.contact-page{color:#1d1d1f;background:#fff;min-height:calc(100vh - 64px)}.contact-page__inner{width:min(720px,100% - 40px);margin:0 auto;padding:88px 0 96px}.contact-page__header{margin-bottom:32px}.contact-page__title{color:#1d1d1f;letter-spacing:-.045em;margin:0;font-size:clamp(2.15rem,5vw,3rem);font-weight:600;line-height:1.15}.contact-page__lede{color:#86868b;letter-spacing:-.022em;max-width:22em;margin:14px 0 0;font-size:1.125rem;font-weight:400;line-height:1.5}.contact-form{gap:20px;display:grid}.contact-form[aria-busy=true]{pointer-events:none}.contact-form__fieldset{border:0;min-width:0;margin:0;padding:0}.contact-form__legend,.contact-form__label{color:#1d1d1f;letter-spacing:-.02em;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.contact-form__types{flex-wrap:wrap;gap:8px;display:flex}.contact-form__visually-hidden{opacity:0;appearance:none;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.contact-form__type{color:#3a3a3c;min-height:44px;font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:1px solid #00000029;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.9375rem;font-weight:600;transition:background .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.contact-form__type:hover{color:#1d1d1f;border-color:#00000052}.contact-form__type.is-selected{color:#111;background:#f5f5f7;border-color:#f5f5f7}.contact-form__control:focus-visible,.contact-form__submit:focus-visible,.contact-form__reset:focus-visible,.contact-kakao:focus-visible{outline-offset:3px;outline:2px solid #fff}.contact-form__type:has(:focus-visible){outline-offset:3px;outline:2px solid #fff}.contact-form__field{gap:8px;min-width:0;display:grid}.contact-form__label{margin:0}.contact-form__control{color:#1d1d1f;width:100%;min-height:44px;font:inherit;background:#0c0c0e;border:1px solid #00000024;border-radius:12px;padding:10px 12px;font-size:1rem}.contact-form__control--area{resize:vertical;min-height:148px}.contact-form__control::placeholder{color:#6e6e73}.contact-form__control[aria-invalid=true]{border-color:#fca5a5}.contact-form__hint,.contact-form__error{margin:0;font-size:.8125rem;line-height:1.45}.contact-form__hint{color:#86868b}.contact-form__error{color:#fca5a5}.contact-form__env{background:#0c0c0e;border:1px solid #00000014;border-radius:14px;gap:10px;padding:14px 16px;display:grid}.contact-form__env-title{color:#3a3a3c;margin:0;font-size:.8125rem;font-weight:600}.contact-form__env-list{gap:6px;margin:0;display:grid}.contact-form__env-list div{color:#6e6e73;flex-wrap:wrap;gap:8px 16px;font-size:.875rem;display:flex}.contact-form__env-list dt{color:#86868b;min-width:4.5em;margin:0}.contact-form__env-list dd{color:#1d1d1f;margin:0}.contact-form__status{border-radius:12px;margin:0;padding:12px 14px;font-size:.9375rem;line-height:1.5}.contact-form__status--error{color:#fecaca;background:#7f1d1d47;border:1px solid #fca5a559}.contact-form__submit{justify-self:start;min-width:8.5rem}.contact-form__submit:disabled{opacity:.62;cursor:wait}.contact-success{gap:12px;padding:4px 0 8px;display:grid}.contact-success__title{letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:600}.contact-success__text,.contact-success__meta{color:#6e6e73;margin:0;line-height:1.6}.contact-success__meta{color:#3a3a3c}.contact-success__actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.contact-form__reset{min-height:44px}.contact-alt{border-top:1px solid #0000001a;gap:12px;margin-top:40px;padding-top:28px;display:grid}.contact-alt__title{margin:0;font-size:1rem;font-weight:600}.contact-alt__hours{color:#86868b;margin:0;font-size:.875rem;line-height:1.5}.contact-kakao{color:#111;letter-spacing:-.02em;background:#f7e34f;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;padding:0 16px;font-size:.9375rem;font-weight:800;text-decoration:none;display:inline-flex}.contact-kakao:link,.contact-kakao:visited,.contact-kakao:hover,.contact-kakao:active{color:#111;text-decoration:none}.contact-kakao:hover{background:#ffe95a}.contact-kakao svg{width:20px;height:20px;display:block}@media (max-width:640px){.contact-page__inner{width:min(720px,100% - 32px);padding:72px 0 80px}.contact-form__types{gap:8px}.contact-form__type{flex:calc(50% - 8px)}}@media (prefers-reduced-motion:reduce){.contact-form__type,.contact-kakao{transition:none}}
