/* 설문 팝업 5·6·7(step2-survey-b.js). 기존 3단계 부품 모양(.s3-root 아래 s3- 클래스)을 그대로 쓰고, 이 파일은 팝업 안 열 폭과 판정 칸만 맞춘다. */
@media screen{
 .hpf-app .s3-root.sv-b{display:flex;flex-direction:column;gap:12px}
 .hpf-app .s3-root.sv-b .s3-rw{grid-template-columns:200px minmax(0,1fr) 84px}
 .hpf-app .s3-root.sv-b .s3-cb.has-jd .s3-rw{grid-template-columns:200px minmax(0,1fr) 72px 84px}
 .hpf-app .s3-root.sv-b .s3-rw.is-ctl{grid-template-columns:200px minmax(0,1fr)}
 .hpf-app .s3-root.sv-b .s3-jd{color:#44546A;font-size:12px;text-align:center;white-space:nowrap}
 .hpf-app .s3-root.sv-b .s3-rw.is-head .s3-jd{font-weight:700}
 .hpf-app .s3-root.sv-b .dpw{width:150px}
 .hpf-app .s3-root.sv-b .s3-ip.is-sel{width:120px}
 .hpf-app .s3-root.sv-b .s3-ip.is-in>input.is-err{outline:2px solid #D93025;outline-offset:-2px}
 .hpf-app .s3-root.sv-b #s3-fund .tw{overflow:auto}
 .hpf-app .s3-root.sv-b .s3-rw>.s3-bs{grid-column:1/-1;color:#44546A;font-size:12px;line-height:1.5;padding:0 0 2px 0;overflow-wrap:anywhere}
}
@media screen and (max-width:1279px){
 .hpf-app .s3-root.sv-b .s3-rw{grid-template-columns:150px minmax(0,1fr) 84px}
 .hpf-app .s3-root.sv-b .s3-cb.has-jd .s3-rw{grid-template-columns:150px minmax(0,1fr) 72px 84px}
 .hpf-app .s3-root.sv-b .s3-rw.is-ctl{grid-template-columns:150px minmax(0,1fr)}
}