.stz-progress-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; /* 수직 중앙 정렬 */
    gap: 24px;
    width: 100%;
    height: 100%;
    text-align: center;
}
.stz-progress-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.stz-progress-active {
    width: 40px;
    height: 4px;
    background: #00AAF5;
    border-radius: 100px;
}
.stz-progress-inactive {
    width: 40px;
    height: 4px;
    background: #DEE1E7;
    border-radius: 100px;
}
.stz-title-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    width: 100%;
}
.stz-title {
    color: #162B48;
    font-size: 20px;
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    line-height: 28px;
    word-wrap: break-word;
}

.stz-consent {
    margin-top: 30px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}

.stz-consent__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    width: 100%;
}

.stz-consent__row {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.stz-consent__row--all .stz-consent__label {
    color: #1A1A1A;
    font-size: 18px;
    font-family: Pretendard, sans-serif;
    font-weight: 600;
    line-height: 30.2px;
}

.stz-consent__divider {
    align-self: stretch;
    height: 0;
    outline: 1px #EAECF0 solid;
    outline-offset: -0.5px;
}

.stz-consent__label {
    flex: 1 1 0;
    color: #505050;
    font-size: 16px;
    font-family: Pretendard, sans-serif;
    font-weight: 500;
    line-height: 30.4px;
    word-wrap: break-word;
}

.stz-consent__badge {
    color: #505050;
    font-weight: 500;
}

.stz-consent__link {
    text-decoration: underline;
}

.stz-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.stz-checkbox__input {
    appearance: none;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* 박스(체크 UI) */
.stz-checkbox__box {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.stz-checkbox__box::before {
    content: "";
    position: absolute;
    inset: 2px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background: #fff;
}

.stz-checkbox__box::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 9px;
    width: 10.67px;
    height: 7.33px;
    transform: rotate(0);
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
}

.stz-checkbox__input:checked + .stz-checkbox__box::before {
    background: #264B7E;
    border-color: #264B7E;
}

.stz-checkbox__input:checked + .stz-checkbox__box::after {
    content: "✔";
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    left: 6px;
    top: 3px;
}

.stz-checkbox__input:focus + .stz-checkbox__box {
    outline: 2px solid #9CC2FF;
    outline-offset: 2px;
}

.stz-consent__note {
    margin-top: 10px;
    width: 100%;
    padding: 10px 8px;
    background: #F7F8F9;
    border-radius: 8px;
    color: #505050;
    font-size: 14px;
    font-family: Pretendard, sans-serif;
    font-weight: 400;
    line-height: 16.8px;
    word-wrap: break-word;
}

/* 회원가입 완료페이지 */
.page-complete{height:100vh;position:relative;background:#264B7E;overflow:hidden;max-width:var(--max-width);margin:0 auto}
.complete-wrap{position:relative;width:100%;height:100vh;max-width:var(--max-width);margin:0 auto}
.complete-logo{width:74px;height:74px;position:absolute;left:50%;top:80px;transform:translateX(-50%)}
.complete-logo-img{width:70px;height:70px;position:absolute;left:3.5px;top:0}
.complete-hero{position:absolute;left:50%;top:180px;transform:translateX(-50%);width:calc(100% - 40px);display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px}
.complete-hero-title{align-self:stretch;text-align:center;color:#fff;font-size:20px;font-family:Pretendard,sans-serif;font-weight:700;line-height:28px;word-wrap:break-word}
.complete-hero-sub{align-self:stretch;text-align:center;color:#fff;font-size:14px;font-family:Pretendard,sans-serif;font-weight:400;line-height:19.6px;word-wrap:break-word}
.complete-card{position:absolute;left:50%;top:260px;transform:translateX(-50%);width:100%;max-width:var(--max-width);height:100vh;background:#fff;overflow:hidden;border-top-left-radius:24px;border-top-right-radius:24px}
.complete-card-stack{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:100%;max-width:var(--max-width);display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px}
.complete-card-inner{width:calc(100% - 40px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:30px}
.complete-card-title{align-self:stretch;text-align:center;display:flex;flex-direction:column;justify-content:center;color:#162B48;font-size:20px;font-family:Pretendard,sans-serif;font-weight:700;line-height:28px;word-wrap:break-word}
.complete-benefits{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px}
.complete-benefit-row{align-self:stretch;display:inline-flex;justify-content:flex-start;align-items:center;gap:16px}
.complete-benefit-icon{width:70px;height:70px}
.complete-benefit-texts{width:auto;flex:1;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px}
.complete-benefit-title{align-self:stretch;color:#162B48;font-size:16px;font-family:Pretendard,sans-serif;font-weight:600;line-height:22.4px;word-wrap:break-word}
.complete-benefit-desc{align-self:stretch;color:#667085;font-size:14px;font-family:Pretendard,sans-serif;font-weight:500;line-height:19.6px;word-wrap:break-word}
.complete-cta-wrap{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:100%}
.complete-cta-btn{width:100%;}
.complete-cta-btn-text{width:100%;text-align:center;background:#162B48;color:#fff;font-size:18px;font-family:Pretendard,sans-serif;font-weight:600;line-height:25.2px;word-wrap:break-word;border:none;border-radius:8px;padding:12px 0;cursor:pointer;transition:0.2s}
.complete-cta-btn-text:hover{background:#1d3a64}
.complete-home-link{align-self:stretch;text-align:center;color:#162B48;font-size:18px;font-family:Pretendard,sans-serif;font-weight:600;text-decoration:underline;line-height:25.2px;word-wrap:break-word}


/* 전체 컨테이너 */
.find-id-container {
    width: 100%;
    margin: 120px auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: Pretendard, sans-serif;
}

/* 상단 박스 */
.find-id-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

/* 텍스트 그룹 */
.find-id-text-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: center;
}

.find-id-title {
    color: #162B48;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.find-id-subtitle {
    color: #667085;
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
}

/* 결과 이메일 박스 */
.find-id-result-box {
    width: 100%;
    padding: 16px;
    background: #F7F8F9;
    border-radius: 8px;
    outline: 1px solid #F7F8F9;
    outline-offset: -1px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.find-id-email {
    font-size: 16px;
    color: #1A1A1A;
    font-weight: 400;
    line-height: 22.4px;
    text-align: center;
}

/* 로그인 버튼 */
.find-id-login-btn {
    width: 100%;
    padding: 12px 16px;
    background: #162B48;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    outline: 1px solid #162B48;
    outline-offset: -1px;
    border: none;
    cursor: pointer;
}