/* 기존 기기 구매 구성과 같은 화면 체계, 독립된 1회 앱 변경 접수. */
.page-home #appChangeOverlay{
  width:100%;height:100%;max-width:none;max-height:none;
  margin:0;padding:0;border:0;border-radius:0;
  background:#fff;color:var(--landing-ink);
  font-family:inherit;
}
.page-home #appChangeOverlay:not([open]){display:none}
.page-home #appChangeOverlay::backdrop{background:rgba(32,40,51,.3)}
.page-home #appChangeOverlay .wrap{width:100%;max-width:1280px;padding-inline:40px;margin-inline:auto}
.page-home #appChangeOverlay .bo-head{background:#fff}
.page-home #appChangeOverlay .bo-head-in{min-height:64px;height:auto;gap:12px;padding-block:10px}
.page-home #appChangeOverlay .bo-head-in>b{font-size:17px}
.page-home #appChangeOverlay .bo-head-in>span{margin:0}
.page-home #appChangeOverlay .bo-close{flex:none;width:44px;height:44px;box-shadow:none}
.page-home #appChangeOverlay .ac-progress{position:static;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.page-home #appChangeOverlay .ac-progress li{padding:0}
.page-home #appChangeOverlay .ac-progress button{width:100%;min-height:48px;padding:10px 8px;background:transparent;color:inherit;font:inherit;font-weight:700}
.page-home #appChangeOverlay .ac-progress button:hover{background:var(--landing-surface)}
.page-home #appChangeOverlay .builder-grid{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
.page-home #appChangeOverlay .bo-body{padding:12px 0 48px}
.page-home #appChangeOverlay .step{padding:24px 0;border-bottom:1px solid var(--landing-line);scroll-margin-top:80px}
.page-home #appChangeOverlay .step-h{margin-bottom:18px}
.page-home #appChangeOverlay .step-h h3{font-size:20px}
.page-home #appChangeOverlay .ac-intro,.page-home #appChangeOverlay .ac-help{margin:0 0 18px;color:var(--landing-muted);font-size:14px;line-height:1.65}
.page-home #appChangeOverlay .ac-help{margin-top:14px;margin-bottom:0;font-size:13px}
.page-home #appChangeForm .ac-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-home #appChangeForm .field{min-width:0;margin:0 0 16px}
.page-home #appChangeForm .field label,.page-home #appChangeForm legend{font-size:14px;font-weight:700}
.page-home #appChangeForm .field label small{color:var(--landing-muted);font-weight:400}
.page-home #appChangeForm .field input,.page-home #appChangeForm .field textarea{
  min-height:48px;border:1px solid var(--landing-line);border-radius:6px;
  padding:12px 14px;background:#fff;color:var(--landing-ink);font-size:16px;line-height:1.5;
}
.page-home #appChangeForm .field textarea{min-height:96px}
.page-home #appChangeForm .field input:focus,.page-home #appChangeForm .field textarea:focus{border-color:var(--landing-blue);box-shadow:0 0 0 2px rgba(72,103,132,.15)}
.page-home #appChangeForm [aria-invalid="true"]{border-color:#a63030}
.page-home #appChangeForm .field-error{display:block;margin-top:5px;color:#a63030;font-size:13px;line-height:1.5}
.page-home #appChangeForm .field-error:empty{display:none}
.page-home #appChangeForm .ac-device-options{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:0;border:0}
.page-home #appChangeForm .ac-device-options legend{margin-bottom:8px}
.page-home #appChangeForm .ac-device-options label{display:flex;align-items:center;gap:8px;flex:1;min-height:48px;padding:10px 14px;background:var(--landing-surface);border-radius:6px;cursor:pointer;font-size:14px}
.page-home #appChangeForm .ac-device-options label:has(:checked){background:#e8eff5;color:var(--landing-blue);font-weight:700}
.page-home #appChangeForm input[type="radio"],.page-home #appChangeForm input[type="checkbox"]{accent-color:var(--landing-blue);width:18px;height:18px}
.page-home #appChangeForm .consent-row{padding:16px;margin-top:4px;border-radius:6px;line-height:1.65;font-size:13px;background:var(--landing-surface)}
.page-home #appChangeForm .ac-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.page-home #appChangeOverlay .btn-blue{min-height:48px;border:0;border-radius:6px;background:var(--landing-blue);color:#fff;font-size:14px;font-weight:700;box-shadow:none}
.page-home #appChangeOverlay .btn-blue:hover{background:var(--landing-blue-dark)}
.page-home #appChangeOverlay .btn-blue:disabled{opacity:.65;cursor:default}
.page-home #appChangeForm .ac-submit{width:100%;margin-top:20px;font-size:16px}
.page-home #appChangeForm .ac-fee-note{margin-top:24px;padding:16px 0;border-block:1px solid var(--landing-line);font-size:14px;line-height:1.65;color:var(--landing-muted)}
.page-home #appChangeForm .ac-fee-note p{margin:0}
.page-home #appChangeForm .ac-fee-note strong{color:var(--landing-blue)}
.page-home #appChangeForm .ac-fee-note del{font-size:12px}
.page-home #appChangeForm .ac-submit-status{margin:12px 0 0;font-size:14px;line-height:1.6}
.page-home #appChangeForm .ac-submit-status[data-state="success"]{color:#245d45}
.page-home #appChangeForm .ac-submit-status[data-state="error"]{color:#a63030}
.page-home #appChangeOverlay .ac-summary{top:88px;margin-top:24px;padding:24px;border:0;border-radius:8px;background:var(--landing-surface);box-shadow:none}
.page-home #appChangeOverlay .sum-head span{display:block;margin-top:5px;color:var(--landing-muted);font-size:12px}
.page-home #appChangeOverlay .sum-rows>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;line-height:1.5}
.page-home #appChangeOverlay .sum-rows dt{flex:none;color:var(--landing-muted)}
.page-home #appChangeOverlay .sum-rows dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.page-home #appChangeOverlay .sum-rows del{font-size:12px;color:var(--landing-muted)}
.page-home #appChangeOverlay .sum-total{border-top:1px solid var(--landing-line);padding-top:16px}
.page-home #appChangeOverlay .sum-total b{color:var(--landing-blue);font-size:28px}
.page-home #appChangeOverlay .sum-note{font-size:13px;line-height:1.6}
.page-home #appChangeOverlay .ac-summary .btn-blue{width:100%}
.page-home #appChangeOverlay .ac-mobilebar{display:none}
body.app-change-open .channel-talk-launcher{display:none!important}
@media(max-width:900px){
  .page-home #appChangeOverlay .wrap{padding-inline:24px}
  .page-home #appChangeOverlay .builder-grid{grid-template-columns:minmax(0,1fr)}
  .page-home #appChangeOverlay .ac-summary{display:none}
  .page-home #appChangeOverlay .bo-body{padding-bottom:120px}
  .page-home #appChangeOverlay .ac-mobilebar{display:block;position:fixed;left:0;right:0;bottom:0;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--landing-line);background:#fff;z-index:6}
  .page-home #appChangeOverlay .ac-mobilebar>.wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .page-home #appChangeOverlay .ac-mobilebar b{display:block;color:var(--landing-blue);font-size:20px}
  .page-home #appChangeOverlay .ac-mobilebar span{display:block;margin-top:3px;color:var(--landing-muted);font-size:11px}
  .page-home #appChangeOverlay .ac-mobilebar .btn-blue{padding-inline:18px}
  .page-home #appChangeOverlay.ac-contact-visible .ac-mobilebar{display:none}
}
@media(max-width:600px){
  .page-home #appChangeOverlay .wrap{padding-inline:18px}
  .page-home #appChangeOverlay .bo-head-in>span{display:none}
  .page-home #appChangeOverlay .bo-head-in>b{font-size:16px}
  .page-home #appChangeForm .ac-field-grid{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(prefers-reduced-motion:reduce){.page-home #appChangeOverlay.open{animation:none}}
