:root{--p:#087354;--d:#05563f;--bg:#f4f7f5;--line:#dfe7e2;--muted:#66736d;font-family:"Pretendard","Noto Sans KR",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#edf6f2,var(--bg) 320px);color:#17231f}.app-shell{width:min(1180px,calc(100% - 30px));margin:auto;padding:24px 0 60px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px}.brand-block{display:flex;align-items:center;gap:18px}.brand-logo{width:84px;height:84px;border-radius:50%;object-fit:cover}.header-kicker{margin:0 0 7px;color:var(--p);font-weight:800}.site-header h1{margin:0;font-size:clamp(25px,3vw,40px);line-height:1.25;letter-spacing:-.045em;word-break:keep-all}.public-id-badge{padding:12px 18px;border:1px solid #b8d7ca;border-radius:999px;background:#eaf6f0;color:var(--d);font-weight:900}.card{background:#fff;border:1px solid #d9e5de;border-radius:24px;box-shadow:0 12px 34px rgba(15,70,50,.09)}.entry-card{max-width:620px;margin:70px auto;padding:46px}.entry-card form{display:grid;gap:12px;margin-top:26px}.input,.textarea,.select{width:100%;border:1px solid #cad8d0;border-radius:12px;padding:13px 14px;font:inherit}.button{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}.primary,.submit{background:var(--p);color:#fff}.secondary{background:#edf2ef}.state{text-align:center;padding:60px 28px}.spinner{width:42px;height:42px;margin:auto;border:4px solid #d6e7df;border-top-color:var(--p);border-radius:50%;animation:s .8s linear infinite}@keyframes s{to{transform:rotate(360deg)}}.progress-card{padding:18px 20px;margin-bottom:14px}.progress-card>div:first-child{display:flex;justify-content:space-between;color:var(--muted)}.track{height:8px;background:#e8efeb;border-radius:999px;overflow:hidden;margin-top:10px}.track>div{height:100%;background:var(--p)}.survey-card{padding:clamp(24px,5vw,46px)}#questionList{display:grid;gap:26px}.question{border-top:1px solid var(--line);padding-top:25px}.question[hidden]{display:none}.question-label{display:block;font-weight:800;margin-bottom:10px}.required{color:#b42318}.choice-list{display:grid;gap:10px}.choice-item{display:flex;gap:10px;border:1px solid #d8e3dd;border-radius:12px;padding:12px 14px}.textarea{min-height:130px}.inline-grid{display:grid;grid-template-columns:.35fr 1fr;gap:10px}.actions{display:flex;gap:12px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.actions .primary,.actions .submit{margin-left:auto}.validation,.error{color:#b42318}.eyebrow{color:var(--p);font-weight:800}@media(max-width:700px){.brand-logo{width:60px;height:60px}.header-kicker{font-size:12px}.site-header h1{font-size:21px}.public-id-badge{font-size:12px;padding:8px 10px}.entry-card{margin-top:30px;padding:26px 20px}.inline-grid{grid-template-columns:1fr}}
/* ATSURVEY_PHASE6D1_INTRO_RESTORE_V2 */
.intro-content{display:grid;gap:20px;font-size:16px;line-height:1.85;word-break:keep-all}
.intro-content p{margin:0}
.intro-greeting{font-size:19px;font-weight:850;color:var(--primary-dark)}
.intro-notice,.intro-guide{padding:20px 22px;border-radius:16px}
.intro-notice{background:#f0f8f4;border:1px solid #cbe3d7}
.intro-guide{background:#f7f8fa;border:1px solid var(--line)}
.intro-notice h3,.intro-guide h3{margin:0 0 8px;font-size:17px}
.intro-guide ul{margin:0;padding-left:21px}
.intro-contact{display:grid;gap:0;margin:4px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.intro-contact div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 18px;background:#fff}
.intro-contact div+div{border-top:1px solid var(--line)}
.intro-contact dt{font-weight:850;color:var(--primary-dark)}
.intro-contact dd{margin:0}
@media(max-width:640px){.intro-content{font-size:15px;line-height:1.75}.intro-contact div{grid-template-columns:1fr;gap:4px}}

/* ATSURVEY_PHASE6G_CONTRACT_REPEATER_V1 */
.help-text{margin:8px 0 12px;color:var(--muted);line-height:1.6}
.contract-repeater{display:grid;gap:18px}
.exchange-notice{padding:18px 20px;border:1px solid #c8ded3;border-radius:16px;background:#f0f8f4}
.exchange-notice strong{display:block;margin-bottom:6px}.exchange-notice p{margin:0 0 8px;line-height:1.65}.exchange-notice small{color:var(--muted);line-height:1.6}
.contract-cards{display:grid;gap:12px}.contract-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.contract-card-head{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:0;background:#f8fbf9;padding:15px 17px;text-align:left;cursor:pointer;color:inherit}
.contract-card-head>span{font-weight:900}.contract-card-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.contract-card-head small.done{color:var(--p);font-weight:800}.contract-card-head small.working{color:#9a5b00;font-weight:800}.contract-card-head b{font-size:12px;color:var(--p)}
.contract-card-body{display:grid;gap:18px;padding:20px;border-top:1px solid var(--line)}.contract-field{display:grid;gap:8px;font-weight:800}.contract-field>span{font-size:14px}.choice-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-area{min-height:82px}
.contract-money-grid{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:12px}.converted-box{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 16px;border-radius:13px;background:#eef7f2}.converted-box span{font-weight:800}.converted-box strong{font-size:20px;color:var(--d)}
.contract-actions{display:flex;justify-content:space-between;gap:10px;padding-top:4px}.contract-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border:1px dashed #b9cec3;border-radius:14px;background:#fbfdfc}.contract-summary{padding:18px 20px;border-radius:16px;background:#f6f8f7;border:1px solid var(--line)}.contract-summary h4{margin:0 0 12px}.contract-summary p{display:flex;justify-content:space-between;gap:20px;margin:8px 0}.contract-summary strong{text-align:right}
@media(max-width:700px){.contract-card-head{grid-template-columns:1fr auto}.contract-card-head small{grid-column:1/-1;white-space:normal}.choice-list.compact,.contract-money-grid{grid-template-columns:1fr}.contract-actions,.contract-footer,.contract-summary p{align-items:stretch;flex-direction:column}.contract-actions .button{width:100%}.converted-box{align-items:flex-start;flex-direction:column}.converted-box strong{font-size:18px}}

.mobile-match-status{margin:9px 2px 0;font-weight:800;line-height:1.45}
.mobile-match-status.is-pending{color:#66736d}
.mobile-match-status.is-ok{color:#087354}
.mobile-match-status.is-error{color:#b42318}
.choice-group-title{font-weight:900;color:#17231f}


/* ATSURVEY_PHASE6G4_RANK_RESUME_RESTART_V1 */
.rank-choice{display:grid;gap:10px}.rank-guide{margin-top:0}.rank-choice-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:center;padding:12px 14px;border:1px solid #d8e3dd;border-radius:12px}.rank-choice-label{display:flex;align-items:center;gap:9px;min-width:0}.rank-choice-number{flex:0 0 auto;font-weight:850;color:var(--p)}.rank-other-input{margin:0}.rank-select{min-width:140px}.resume-panel{padding:22px;border:1px solid #9bcab6;border-radius:18px;background:#edf8f3}.resume-panel .eyebrow{margin:0 0 5px}.resume-panel h3{margin:0 0 8px;font-size:22px}.resume-panel p{margin:0 0 16px}.intro-main-info{display:grid;gap:20px}.submitted-restart-box{max-width:720px;margin:18px auto 0;text-align:left;line-height:1.75}.submitted-restart-box h3{margin:0 0 10px}.state-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.state-actions .button{min-width:150px}@media(max-width:700px){.rank-choice-row{grid-template-columns:1fr}.rank-select{width:100%}.state-actions{flex-direction:column}.state-actions .button{width:100%}}
/* Phase 6K-2B: ver.B notice, P00 compact layout, and page-5 compact grids */
body[data-survey-version="B"] .version-b-privacy-content,
body[data-survey-version="B"] .version-b-respondent-info{grid-column:1/-1}
.version-b-privacy-content{display:grid;gap:14px;padding:20px 22px;border:1px solid #c9ddd3;border-radius:16px;background:#f7fbf9;line-height:1.75}
.version-b-privacy-content h3,.version-b-privacy-content p{margin:0}
.version-b-privacy-list{display:grid;gap:8px;margin:0;padding-left:22px}
.version-b-respondent-info{padding:14px 18px;border-radius:14px;background:#edf7f2}
.version-b-respondent-info h3,.version-b-respondent-info p{margin:0}
.version-b-p00-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:18px}
.version-b-p00-grid>.version-b-p00-question{margin:0;padding-top:16px}
.version-b-p00-grid>.version-b-p00-question[data-code="P00_PRIVACY_CONSENT"],
.version-b-p00-grid>.version-b-p00-question[data-code="P00_GIFT_PHONE_CONFIRM"]{grid-column:1/-1}
.version-b-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.version-b-choice-grid .choice-group{min-width:0;margin:0;padding:10px;border:1px solid #d7e2dc;border-radius:12px}
.version-b-choice-grid .choice-group-title{padding:0 5px}
.version-b-choice-grid .choice-item{min-height:52px;align-items:center}
.version-b-rank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.version-b-rank-grid .rank-choice-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:11px 12px}
.version-b-rank-grid .rank-guide{grid-column:1/-1}
.version-b-rank-grid .rank-select{min-width:0}
.intro-operations{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:18px 20px;border:2px solid #6fb596;border-radius:16px;background:#eef9f4}
.intro-operations dt{font-weight:900;color:var(--d)}
.intro-operations dd{margin:0}
.intro-preparation{border:2px solid #d94a3a;background:#fff7f5}
.intro-preparation h3{color:#b42318}
.intro-preparation ol{margin:8px 0 0;padding-left:24px}
.intro-preparation li+li{margin-top:7px}
@media(max-width:1050px){
  .version-b-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .version-b-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .version-b-p00-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .version-b-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .version-b-p00-grid,.version-b-rank-grid{grid-template-columns:1fr}
  .version-b-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .intro-operations{grid-template-columns:1fr;gap:5px}
}
@media(max-width:420px){
  .version-b-choice-grid{grid-template-columns:1fr}
}


/* Phase 6K-4A: ver.B consultation form upgrade */
.version-b-contract-ui{display:grid;gap:18px}
.reference-contract-heading,.reference-selected-section,.manual-contract-section{border:1px solid #d9e6df;border-radius:14px;background:#fff;padding:18px}
.reference-contract-heading h3,.reference-selected-section h3,.manual-contract-section h3{margin:0 0 7px;color:#164b36}
.reference-contract-heading p,.manual-contract-section p{margin:0;color:#52645b}
.reference-consultation-list{display:grid;gap:10px}
.reference-consultation-card{display:grid;grid-template-columns:auto minmax(190px,1.05fr) minmax(520px,2.4fr);gap:12px;align-items:center;border:1px solid #d9e3de;border-radius:12px;padding:13px 14px;background:#fff;cursor:pointer;transition:.15s ease}
.reference-consultation-card:hover{border-color:#83ad98;background:#f8fcfa}.reference-consultation-card.is-selected{border-color:#287b57;background:#eef8f3;box-shadow:0 0 0 1px #287b57 inset}.reference-consultation-card>input{width:20px;height:20px}
.reference-consultation-title{display:grid;gap:2px}.reference-consultation-title strong{font-size:.78rem;color:#829089;font-weight:500}.reference-consultation-title span{font-weight:700}.reference-consultation-title small{color:#52645b;overflow-wrap:anywhere}
.reference-consultation-grid{display:grid;grid-template-columns:repeat(6,minmax(96px,1fr));gap:8px}.reference-readonly-cell{display:grid;gap:3px;min-width:0;padding:8px 9px;border-radius:8px;background:#f4f7f5}.reference-readonly-cell span{font-size:.75rem;color:#65746c}.reference-readonly-cell strong{font-size:.88rem;overflow-wrap:anywhere}
.reference-selected-section{display:grid;gap:12px;background:#f7fbf9}.reference-selected-card,.manual-contract-card{display:grid;gap:14px;border:1px solid #cfe1d8;border-radius:12px;padding:16px;background:#fff}.reference-selected-card.is-saved,.manual-contract-card.is-saved{border-color:#78a98f;background:#fbfefc}
.selected-contract-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-contract-top h4{margin:0}.consultation-reference{color:#8a9490;font-size:.78rem;font-weight:400;line-height:1.4}.save-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:700}.save-status.saved{background:#e7f4ec;color:#1f6a45}.save-status.editing{background:#f1f3f2;color:#68736e}
.manual-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reference-form-grid{align-items:start}.readonly-input-box{min-height:52px;display:grid;align-content:center;gap:2px;padding:10px 12px;border:1px solid #dce5e0;border-radius:10px;background:#f4f7f5}.readonly-input-box strong{overflow-wrap:anywhere}.readonly-input-box small{color:#65746c}.amount-with-help{display:grid;gap:6px}.money-input{font-variant-numeric:tabular-nums}.contract-form-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}.compact-button{white-space:nowrap}.manual-contract-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.manual-contract-list{display:grid;gap:12px}.reference-empty{padding:18px;border:1px dashed #b7c9bf;border-radius:12px;background:#f8faf9;color:#52645b}
@media(max-width:1180px){.reference-consultation-card{grid-template-columns:auto 1fr}.reference-consultation-grid{grid-column:2;grid-template-columns:repeat(3,minmax(100px,1fr))}}
@media(max-width:720px){.reference-contract-heading,.reference-selected-section,.manual-contract-section{padding:14px}.reference-consultation-card{grid-template-columns:auto 1fr;padding:12px}.reference-consultation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manual-contract-grid{grid-template-columns:1fr}.manual-contract-header{align-items:flex-start;flex-direction:column}.selected-contract-top,.contract-form-actions{align-items:flex-start;flex-direction:column}.contract-form-actions .button{width:100%}}

/* Phase 6K-4C: ver.B product-item rows and B3-B7-1 summary */
.contract-scope-notice{padding:14px 16px;border-left:4px solid #2b7d59;border-radius:10px;background:#f2f8f5;color:#29483b;line-height:1.6}
.contract-items-editor{grid-column:1/-1;display:grid;gap:10px;padding:14px;border:1px solid #d6e4dc;border-radius:12px;background:#f8fbf9}
.contract-items-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.contract-items-title small{color:#65746c;font-weight:400;line-height:1.5}
.contract-item-rows{display:grid;gap:8px}.contract-item-row{display:grid;grid-template-columns:28px minmax(190px,.9fr) minmax(330px,1.4fr) auto;gap:9px;align-items:center}.contract-item-number{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#e4f1ea;color:#176443;font-weight:800}.item-status-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.item-status-choices .choice-item{padding:10px;align-items:center}.item-remove,.item-add{padding:10px 13px}.item-add{justify-self:start}
.contract-status-section{display:grid;gap:12px;padding:20px;border:2px solid #438b68;border-radius:16px;background:#edf8f2}.contract-status-section h3{margin:0;color:#164b36}.contract-status-grid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:10px}.contract-status-grid>div{display:grid;gap:5px;min-width:0;padding:14px;border-radius:12px;background:#fff}.contract-status-grid span,.contract-status-details span{font-size:.78rem;color:#65746c}.contract-status-grid strong{font-size:1.05rem;overflow-wrap:anywhere}.contract-status-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contract-status-details p{display:grid;gap:5px;margin:0;padding:12px 14px;border-radius:10px;background:#f9fcfa}.contract-status-details strong{overflow-wrap:anywhere}
@media(max-width:980px){.contract-item-row{grid-template-columns:28px 1fr auto}.item-status-choices{grid-column:2/-1}.contract-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.contract-items-title{flex-direction:column}.contract-item-row{grid-template-columns:28px 1fr}.item-status-choices{grid-column:1/-1;grid-template-columns:1fr}.item-remove{grid-column:2}.contract-status-grid,.contract-status-details{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.contract-status-grid,.contract-status-details{grid-template-columns:1fr}}

/* Phase 6K-4D: ver.B PART A compact layout and evidence upload */
body[data-survey-version="B"][data-page-code="PA"] .version-b-pa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-survey-version="B"][data-page-code="PA"] .version-b-pa-grid>.question{margin:0}
body[data-survey-version="B"][data-page-code="PA"] .version-b-pa-grid>.financial-section-notice{grid-column:1/-1;background:#f4f8f6;border:1px solid #cfe1d8;border-radius:14px;padding:18px 20px}
body[data-survey-version="B"][data-page-code="PA"] .financial-section-notice h3{margin:0 0 10px;color:#075e45}
body[data-survey-version="B"][data-page-code="PA"] .financial-section-notice p{margin:5px 0;line-height:1.5}
.evidence-upload-control{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.evidence-file-input{display:none}.evidence-file-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#43544e}.evidence-upload-control .help-text{grid-column:1/-1;margin:0}.contract-type-choices{min-height:48px}.contract-status-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:900px){body[data-survey-version="B"][data-page-code="PA"] .version-b-pa-grid{grid-template-columns:1fr}.contract-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Phase 6K-4E2: evidence upload hotfix and PART A A2 wide layout */
body[data-survey-version="B"][data-page-code="PA"] .version-b-pa-grid>.version-b-a2-wide{grid-column:1/-1}
body[data-survey-version="B"][data-page-code="PA"] .version-b-a2-wide>.choice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.evidence-upload-control{grid-template-columns:auto minmax(0,1fr) auto}
@media(max-width:700px){
  body[data-survey-version="B"][data-page-code="PA"] .version-b-a2-wide>.choice-list{grid-template-columns:1fr}
}