/* 문의 양식 (2026-11-04 대표님 "컨택트 부분 상상워크처럼, EV-ALTO와 상상테크 둘 다")
   상상워크 데모(demo.sangsang.tech) 도입 상담과 같은 짜임. 회사 소개와 EV-ALTO 페이지가 함께 씀.
   EV-ALTO 예전 페이지의 넓은 스타일과 부딪히지 않게 모든 규칙을 .ss-contact 아래에 둠 */
.ss-contact{--c-ink:#111827;--c-ink2:#4b5565;--c-muted:#6b7487;--c-line:rgba(17,24,39,.12);--c-navy:#081c28;--c-focus:#0a6e5c;--c-red:#c2410c;--c-good:#0b7a43;
  background:#f5f7f9;padding:96px 20px 112px;text-align:center;color:var(--c-ink);font-family:inherit;scroll-margin-top:72px}
.ss-contact *{box-sizing:border-box}
.ss-contact .ssc-eyebrow{display:inline-block;font-size:14px;font-weight:500;color:var(--c-focus);letter-spacing:0;text-transform:none}
.ss-contact h2{margin:12px 0 0;font-size:clamp(26px,3.4vw,38px);line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--c-ink)}
.ss-contact .ssc-lead{max-width:560px;margin:14px auto 32px;font-size:17px;line-height:1.7;color:var(--c-ink2)}
.ssc-form{display:grid;gap:16px;max-width:680px;margin:0 auto;padding:28px;text-align:left;background:#fff;border:1px solid var(--c-line);border-radius:20px;box-shadow:0 1px 2px rgba(8,28,40,.04),0 12px 32px rgba(8,28,40,.06)}
.ssc-form label{display:grid;gap:6px;margin:0;font-size:14px;font-weight:500;color:var(--c-ink2)}
.ssc-form label em{font-style:normal;color:var(--c-red)}
.ssc-form input,.ssc-form select,.ssc-form textarea{width:100%;margin:0;padding:11px 12px;font:inherit;font-size:15px;font-weight:400;color:var(--c-ink);background:#fff;border:1px solid var(--c-line);border-radius:10px;box-shadow:none;transition:border-color .15s}
.ssc-form select{appearance:auto}
.ssc-form textarea{min-height:128px;resize:vertical;line-height:1.6}
.ssc-form input:focus,.ssc-form select:focus,.ssc-form textarea:focus{outline:2px solid rgba(10,110,92,.25);border-color:var(--c-focus)}
.ssc-form ::placeholder{color:#9aa3b2}
.ssc-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ssc-form .ssc-agree{display:flex;align-items:flex-start;gap:8px;font-size:13px;font-weight:400;line-height:1.55;color:var(--c-muted)}
.ssc-form .ssc-agree input{width:auto;margin-top:3px;accent-color:var(--c-navy)}
.ssc-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.ssc-ft{display:flex;flex-wrap:wrap;gap:8px}
.ssc-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:10px;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);font:inherit;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s}
.ssc-btn:hover{background:#f1f4f6}
.ssc-btn.ssc-pri{background:var(--c-navy);border-color:var(--c-navy);color:#fff}
.ssc-btn.ssc-pri:hover{background:#12324a}
.ssc-btn:disabled{opacity:.6;cursor:default}
.ssc-btn:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
.ssc-msg{min-height:20px;font-size:14px;color:var(--c-ink2)}
.ssc-msg.good{color:var(--c-good);font-weight:500}
.ssc-msg.bad{color:var(--c-red);font-weight:500}
html[lang=ja] .ss-contact,html[lang^=zh] .ss-contact{word-break:normal;line-break:strict}
html[lang=ko] .ss-contact{word-break:keep-all}
@media (max-width:640px){
  .ss-contact{padding:72px 16px 80px}
  .ssc-form{padding:20px 16px}
  .ssc-row{grid-template-columns:1fr}
  .ssc-ft .ssc-btn{flex:1}
}