/* CENTRAS Web Kit — inquiry form. 토큰: cwk-tokens.css (없으면 아래 기본값) */
.cwk-inquiry{
  --iq-ink:var(--cwk-ink,#1d1d1f); --iq-ink2:var(--cwk-ink2,#424245); --iq-grey:var(--cwk-grey,#6e6e73);
  --iq-line:var(--cwk-line,#d2d2d7); --iq-light:var(--cwk-light,#f5f5f7); --iq-g2:var(--cwk-g2,#2f8cff);
  --iq-accent:var(--cwk-accent,#067a62); --iq-grad:var(--cwk-grad,linear-gradient(90deg,#34d1a8,#2f8cff));
  --iq-r-sm:var(--cwk-r-sm,10px); --iq-r:var(--cwk-r,18px); --iq-r-lg:var(--cwk-r-lg,28px);
  --iq-danger:#c8102e;
  font-family:var(--cwk-font,"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif);
  color:var(--iq-ink); text-align:left; word-break:keep-all;
  max-width:760px; margin:0 auto; padding:clamp(24px,4vw,40px);
  background:#fff; border-radius:var(--iq-r-lg); box-shadow:0 0 0 1px rgba(0,0,0,.06),0 18px 50px -24px rgba(0,0,0,.18);
  position:relative;
}
.cwk-inquiry *,.cwk-inquiry *::before,.cwk-inquiry *::after{box-sizing:border-box}
.cwk-inquiry__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.cwk-inquiry__field{display:flex;flex-direction:column;gap:8px;min-width:0}
.cwk-inquiry__field--wide{grid-column:1/-1}
.cwk-inquiry label{font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--iq-ink)}
.cwk-inquiry__req,.cwk-inquiry__opt{display:inline-block;margin-left:4px;font-size:12px;font-weight:600;color:var(--iq-accent);vertical-align:1px}
.cwk-inquiry__opt{color:var(--iq-grey)}
.cwk-inquiry__hint{margin:-2px 0 0;font-size:13px;line-height:1.5;color:var(--iq-grey)}
.cwk-inquiry input[type=text],.cwk-inquiry input[type=email],.cwk-inquiry select,.cwk-inquiry textarea{
  width:100%; font:inherit; font-size:16px; color:var(--iq-ink); line-height:1.5;
  background:var(--iq-light); border:1.5px solid transparent; border-radius:12px; padding:12px 14px; min-height:50px;
  transition:border-color .15s,background .15s,box-shadow .15s; -webkit-appearance:none; appearance:none;
}
.cwk-inquiry select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236e6e73' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
.cwk-inquiry textarea{min-height:150px;resize:vertical}
.cwk-inquiry ::placeholder{color:#8e8e93;opacity:1}
.cwk-inquiry input:hover,.cwk-inquiry select:hover,.cwk-inquiry textarea:hover{border-color:var(--iq-line)}
.cwk-inquiry input:focus,.cwk-inquiry select:focus,.cwk-inquiry textarea:focus{outline:none;background:#fff;border-color:var(--iq-g2);box-shadow:0 0 0 4px rgba(47,140,255,.16)}
.cwk-inquiry .is-invalid input,.cwk-inquiry .is-invalid select,.cwk-inquiry .is-invalid textarea{border-color:var(--iq-danger);background:#fff}
.cwk-inquiry .is-invalid input:focus,.cwk-inquiry .is-invalid select:focus,.cwk-inquiry .is-invalid textarea:focus{box-shadow:0 0 0 4px rgba(200,16,46,.14)}
.cwk-inquiry__err{margin:0;font-size:13.5px;font-weight:600;line-height:1.45;color:var(--iq-danger);display:flex;gap:6px}
.cwk-inquiry__err::before{content:"!";flex:none;width:17px;height:17px;border-radius:50%;background:var(--iq-danger);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.cwk-inquiry__err[hidden]{display:none}
.cwk-inquiry__alert{margin:0 0 22px;padding:14px 16px;border-radius:12px;background:#fff1f2;color:var(--iq-danger);font-size:14.5px;font-weight:600;line-height:1.5}
.cwk-inquiry__alert[hidden]{display:none}
.cwk-inquiry__alert:focus{outline:2px solid var(--iq-danger);outline-offset:2px}

/* 함정 칸: 화면·보조기기에서 숨김 (display:none 은 일부 봇이 건너뛴다) */
.cwk-inquiry__hp{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* 동의 */
.cwk-inquiry__consent{margin-top:26px;padding:18px 18px 16px;border-radius:16px;background:var(--iq-light)}
.cwk-inquiry__consent.is-invalid{box-shadow:inset 0 0 0 1.5px var(--iq-danger);background:#fff}
.cwk-inquiry__check{display:flex;align-items:flex-start;gap:12px}
.cwk-inquiry__check input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--iq-accent);cursor:pointer}
.cwk-inquiry__check label{font-size:15px;line-height:1.5;cursor:pointer}
.cwk-inquiry__notice{margin:10px 0 0 34px}
.cwk-inquiry__notice summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--iq-ink2);list-style:none;border-radius:6px}
.cwk-inquiry__notice summary::-webkit-details-marker{display:none}
.cwk-inquiry__notice summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.cwk-inquiry__notice[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.cwk-inquiry__notice summary:hover{color:var(--iq-ink)}
.cwk-inquiry__notice-body{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--iq-ink2)}
.cwk-inquiry__notice-body p{margin:0 0 6px}
.cwk-inquiry__notice-body dl{margin:0;display:grid;gap:8px}
.cwk-inquiry__notice-body dl>div{display:grid;grid-template-columns:96px 1fr;gap:12px}
.cwk-inquiry__notice-body dt{font-weight:700;color:var(--iq-ink)}
.cwk-inquiry__notice-body dd{margin:0}
.cwk-inquiry__consent .cwk-inquiry__err{margin:10px 0 0 34px}

/* 보내기 */
.cwk-inquiry__foot{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-top:26px}
.cwk-inquiry__submit,.cwk-inquiry__again{
  display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;border:0;border-radius:999px;
  font:inherit;font-size:16px;font-weight:700;cursor:pointer;background:var(--iq-grad);color:#000;transition:filter .15s,opacity .15s
}
.cwk-inquiry__submit:hover:not(:disabled),.cwk-inquiry__again:hover{filter:brightness(1.07)}
.cwk-inquiry__submit:disabled{opacity:.5;cursor:not-allowed}
.cwk-inquiry[aria-busy=true] .cwk-inquiry__submit{cursor:progress}
.cwk-inquiry__note{margin:0;font-size:13.5px;color:var(--iq-grey)}
.cwk-inquiry__status{margin:12px 0 0;font-size:13.5px;color:var(--iq-grey);min-height:1px}
.cwk-inquiry__status:empty{margin:0}
.cwk-inquiry__noscript{margin:14px 0 0;font-size:14px;font-weight:600;color:var(--iq-danger)}
.cwk-inquiry :focus-visible{outline:2px solid var(--iq-g2);outline-offset:3px}
.cwk-inquiry input:focus-visible,.cwk-inquiry select:focus-visible,.cwk-inquiry textarea:focus-visible{outline:none}

/* 접수 완료 */
.cwk-inquiry.is-done>*:not(.cwk-inquiry__done){display:none!important}
.cwk-inquiry__done{text-align:center;padding:28px 8px 12px;outline:none}
.cwk-inquiry .cwk-inquiry__done:focus,.cwk-inquiry .cwk-inquiry__done:focus-visible,.cwk-inquiry .cwk-inquiry__done-title:focus{outline:none}
.cwk-inquiry__done::before{content:"";display:block;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M20 33l8 8 16-17' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/64px no-repeat,var(--iq-grad)}
.cwk-inquiry__done-title{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.03em}
.cwk-inquiry__done-body{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--iq-ink2)}
.cwk-inquiry__done-id{display:inline-flex;align-items:center;gap:10px;margin:22px 0 26px;padding:10px 16px;border-radius:999px;background:var(--iq-light);font-size:14px;color:var(--iq-grey)}
.cwk-inquiry__done-id strong{font-size:15px;color:var(--iq-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.cwk-inquiry__again{display:flex;margin:0 auto;background:transparent;color:var(--iq-ink);box-shadow:inset 0 0 0 1.5px var(--iq-line);height:46px;font-size:15px}
.cwk-inquiry__again:hover{background:var(--iq-light);filter:none}

.cwk-inquiry.is-disabled .cwk-inquiry__grid,.cwk-inquiry.is-disabled .cwk-inquiry__consent,.cwk-inquiry.is-disabled .cwk-inquiry__foot{opacity:.45}

/* 한 겹으로 (QA P3-22): 페이지가 이미 구역·카드를 가진 곳(.contact-form 안) 또는 .cwk-inquiry--plain 이면
   폼 자체의 흰 카드(배경·그림자·안쪽 여백)를 없앤다. 칸·동의 상자의 연회색은 그대로 둔다(흰 바탕 위 한 겹). */
.contact-form .cwk-inquiry,.cwk-inquiry.cwk-inquiry--plain{max-width:none;padding:0;background:transparent;border-radius:0;box-shadow:none}

@media (max-width:640px){
  .cwk-inquiry{padding:22px 18px;border-radius:22px}
  .contact-form .cwk-inquiry,.cwk-inquiry.cwk-inquiry--plain{padding:0;border-radius:0}
  .cwk-inquiry__grid{grid-template-columns:1fr;gap:18px}
  .cwk-inquiry__notice,.cwk-inquiry__consent .cwk-inquiry__err{margin-left:0}
  .cwk-inquiry__notice-body dl>div{grid-template-columns:1fr;gap:2px}
  .cwk-inquiry__submit{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .cwk-inquiry *{transition:none!important}
}
@media print{
  .cwk-inquiry{display:none!important}
}
