/* 은퇴정비소 전용 헤더와 상담 시트: Figma 46:22730, 46:21904, 46:20377. */
.retirement-hero-sign{border:0;background:#fd650d}
.retirement-header.is-scrolled{background:#fff;color:#1e1e23}
.retirement-header.is-scrolled .retirement-brand{color:#1e1e23}
.retirement-header.is-scrolled .icon-button img,.retirement-header.is-scrolled .retirement-brand-main img{filter:brightness(0)}
.retirement-header.is-scrolled .retirement-brand>i{border-color:#c5cad3}
.retirement-header.is-scrolled .retirement-header-cta{font-size:14px;letter-spacing:-.28px}
.retirement-sheet{left:50%;width:min(100%,440px)}
.retirement-sheet-handle{display:flex;justify-content:center;flex:0 0 auto;padding:10px 0;background:#fff}
.retirement-sheet-handle i{width:40px;height:4px;border-radius:500px;background:#e3e5e8}
.retirement-sheet-header{display:flex;justify-content:flex-end;flex:0 0 auto;padding:10px 20px}
.retirement-sheet-header button{width:20px;height:20px;padding:0;border:0;background:transparent}
.retirement-sheet-header img{display:block;width:20px;height:20px;max-width:none}
.retirement-sheet-main{width:100%;min-height:0;overflow:auto;overscroll-behavior:contain}
.retirement-sheet-intro{text-align:center;padding:0 12px}
.retirement-sheet-intro h2{margin:0;color:#000;font-size:24.5px;font-weight:700;line-height:1.2;letter-spacing:-.75px}
.retirement-sheet-intro h2 em,.retirement-complete-intro h2 em{color:#fd650d;font-style:normal}
.retirement-sheet-intro p{margin:10px 0 0;color:#676767;font-size:13.5px;font-weight:500;line-height:1.45;letter-spacing:-.5px}
.retirement-sheet-form{display:flex;flex-direction:column;gap:16px;width:100%;padding:12px 20px}
.retirement-sheet-form .field{display:flex;flex-direction:column;gap:3px;margin:0;min-width:0}
.retirement-sheet-form .field-label{margin:0;color:#000;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.5px}
.retirement-sheet-form .field>input,.retirement-sheet-phone{width:100%;height:48px;min-height:48px;border:1px solid transparent;border-radius:10px;background:#f4f5f6;padding:0 13px;color:#333;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-1px}
.retirement-sheet-form .field>input::placeholder,.retirement-sheet-phone input::placeholder{color:#777;opacity:1}
.retirement-sheet-form .field.is-current>input,.retirement-sheet-form .field.is-current .retirement-sheet-phone{border-color:#fb7501;background:#fff;outline:0;box-shadow:none}
.retirement-sheet-phone{display:flex;align-items:center;gap:10px}
.retirement-sheet-phone .phone-prefix,.retirement-sheet-phone .expert-phone-dash{flex:0 0 auto;font-size:17px;color:#333}
.retirement-sheet-phone input{height:46px;min-width:0;flex:1;padding:0;border:0;border-radius:0;background:transparent;outline:0;box-shadow:none!important;font-size:17px;line-height:1.3;letter-spacing:-1px}
.retirement-sheet-form .field.is-error>input,.retirement-sheet-form .field.is-error .retirement-sheet-phone{border-color:#ed6d65;box-shadow:0 0 0 1px #ed6d65}
.retirement-sheet-form .form-error{margin:2px 0 0;font-size:12px;line-height:16px}
.retirement-sheet-form .consent-row{gap:4px;font-size:14px;line-height:1.3;font-weight:600;letter-spacing:-.5px}
.retirement-sheet-form .consent-details{width:20px;height:20px;flex:none;padding:0}
.retirement-sheet-form .consent-details img{width:20px;height:20px}
.retirement-sheet-actions{width:100%;flex:0 0 auto;padding:20px 20px max(20px,env(safe-area-inset-bottom));background:#fff}
.retirement-sheet-actions button{width:100%;height:50px;border:0;border-radius:12px;background:#1e1e23;color:#fff;font-size:16px;line-height:22px;font-weight:600;letter-spacing:-.5px}
.retirement-complete-content{display:flex;flex-direction:column;gap:16px;width:100%;min-height:0;overflow:auto;padding:12px 20px}
.retirement-complete-intro{display:flex;flex-direction:column;align-items:center;gap:24px;padding-bottom:8px;text-align:center}
.retirement-complete-intro>img{width:56px;height:56px;max-width:none}
.retirement-complete-intro h2{margin:0;color:#181c25;font-size:20px;line-height:1.3;letter-spacing:-.5px}
.retirement-complete-intro p{margin:4px 0 0;color:#79849a;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.5px}
.retirement-complete-info,.retirement-complete-note{display:flex;flex-direction:column;gap:8px}
.retirement-complete-info h3,.retirement-complete-note h3{margin:0;color:#000;font-size:14px;line-height:1.3;letter-spacing:-.5px}
.retirement-complete-info>div{display:flex;flex-direction:column;gap:12px;padding:18px 16px;border-radius:10px;background:#f6f8fa}
.retirement-complete-info p{display:flex;gap:12px;margin:0;color:#434956;font-size:15px;line-height:1.3;letter-spacing:-.5px}
.retirement-complete-info p span{width:70px;flex:none}.retirement-complete-info p strong{color:#181c25}
.retirement-complete-note p{margin:0;color:#79849a;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:-.5px}
.retirement-modal .consent-detail-sheet{left:50%;width:min(100%,440px)}
@media(min-width:1024px){.retirement-sheet,.retirement-modal .consent-detail-sheet{left:calc(50% + 236px);width:512px}}
@media(min-width:1080px){.retirement-sheet,.retirement-modal .consent-detail-sheet{left:calc(50% + 252px)}}
@media(min-width:1440px){.retirement-sheet,.retirement-modal .consent-detail-sheet{left:calc(50% + 210px)}}
.retirement-sheet:focus{outline:0}
@media(max-width:374px){
 .retirement-header{padding:0 12px}
 .retirement-brand{gap:5px}
 .retirement-brand-main img{width:20px;height:20px}
 .retirement-brand-main b{font-size:14px}
 .retirement-brand .retirement-wordmark{width:68px}
 .retirement-header-cta{width:108px;font-size:11px}
 .retirement-header.is-scrolled .retirement-header-cta{font-size:12px}
}