/* BASIC css start */
/* ======================================================================
   인터타롯 아이디/비밀번호 찾기 페이지 개선 CSS

   디자인 토큰
   - 메인 액션:    #2c2c2a (차콜)
   - 포인트 컬러:  #d63838 (레드, 메인 CTA: 아이디 찾기/임시 비번 발급)
   - 배경 베이지:  #faf9f6
   - 보더:        rgba(0,0,0,0.08)
   ====================================================================== */

#findIdpw {
    background: #faf9f6;
    color: #2c2c2a;
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
    font-size: 14px;
    padding-bottom: 40px;
    min-height: calc(100vh - 100px);
}
#findIdpw * { box-sizing: border-box; }

/* ===== 페이지 타이틀 (섹션별) ===== */
#findIdpw .h_title {
    background: white;
    padding: 16px;
    border-top: none;
    border-bottom: 0.5px solid rgba(0,0,0,0.08);
    margin: 0;
}
#findIdpw .h_title:not(:first-child) {
    margin-top: 8px;
}
#findIdpw .h_title h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    color: #2c2c2a;
}

/* ===== 섹션 본문 (.member) ===== */
#findIdpw .member {
    background: white;
    padding: 18px 18px 22px !important;
    margin: 0 !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.08);
}

#findIdpw .member .section-desc,
#findIdpw .member > p {
    font-size: 13px;
    color: #5F5E5A;
    margin: 0 0 14px;
    line-height: 1.6;
    font-weight: 400;
    background: none;
    padding: 0;
    text-align: left;
}

/* ===== 라디오 그룹 (이메일/휴대폰/본인인증) ===== */
#findIdpw .radio-wrap {
    margin: 0 0 14px !important;
    padding: 12px 14px;
    background: #faf9f6;
    border-radius: 8px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}
#findIdpw .radio-wrap label {
    margin-right: 0 !important;
    color: #2c2c2a !important;
    font-weight: 400 !important;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
#findIdpw .radio-wrap input[type="radio"] {
    vertical-align: middle;
    accent-color: #2c2c2a;
    width: 16px;
    height: 16px;
    margin: 0;
}

/* ===== 입력 영역 ===== */
#findIdpw .loginInput {
    margin: 0 0 16px !important;
}
#findIdpw .loginInput input,
#findIdpw input[type="text"],
#findIdpw input[type="email"],
#findIdpw input[type="password"] {
    width: 100% !important;
    height: 46px !important;
    padding: 0 14px !important;
    background: #faf9f6 !important;
    border: 0.5px solid rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #2c2c2a !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    line-height: 46px !important;
    display: block !important;
    -webkit-border-radius: 8px !important;
}
#findIdpw .loginInput input:focus,
#findIdpw input[type="text"]:focus,
#findIdpw input[type="email"]:focus {
    outline: none !important;
    border-color: #2c2c2a !important;
    background: white !important;
}
#findIdpw .loginInput input::placeholder {
    color: #888780 !important;
}

/* select (이메일 도메인 등) */
#findIdpw select {
    height: 46px !important;
    padding: 0 14px !important;
    background: #faf9f6 !important;
    border: 0.5px solid rgba(0,0,0,0.15) !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    color: #2c2c2a !important;
    box-sizing: border-box !important;
    -webkit-border-radius: 8px !important;
}

/* div-idtype / div-pwtype - 이메일/휴대폰 입력 박스 */
#findIdpw .div-idtype,
#findIdpw .div-pwtype {
    margin-top: 4px;
}

/* txt-input (이메일 입력 시 wrapper) */
#findIdpw .txt-input {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    border: 0 none !important;
    padding: 0 !important;
}

/* ===== 버튼 영역 ===== */
#findIdpw .loginMiddle {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
}
#findIdpw .loginMiddle .btn_Red {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 50px !important;
    background: #593574 !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 50px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
#findIdpw .loginMiddle .btn_White {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 48px !important;
    background: white !important;
    color: #2c2c2a !important;
    border: 0.5px solid rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 48px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    vertical-align: middle;
}

/* ===== SNS 안내 이미지 ===== */
.abcd {
    display: block;
    background: white;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.08);
}
.abcd img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

/* ===== 본인인증 영역 (.loginBottom) ===== */
#findIdpw .loginBottom,
#findIdpw .loginBottom.auth-block {
    margin: 16px 0 0 !important;
    padding: 18px !important;
    background: #faf9f6 !important;
    border-radius: 8px;
    text-align: left !important;
    font-weight: 400 !important;
}
#findIdpw .loginBottom p,
#findIdpw .loginBottom .auth-desc {
    padding: 0 !important;
    margin: 0 0 14px !important;
    text-align: left !important;
    font-weight: 400 !important;
    background: none !important;
    font-size: 13px;
    color: #5F5E5A;
    line-height: 1.7;
}

/* 본인인증 수단 버튼들 */
#findIdpw .auth-methods {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}
#findIdpw .loginBottom a.btn_auth,
#findIdpw .loginBottom p a.btn_auth {
    display: flex !important;
    align-items: center;
    margin: 0 !important;
    font-size: 13px !important;
    border: 0.5px solid rgba(0,0,0,0.15) !important;
    color: #2c2c2a !important;
    height: 50px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    background: white !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    overflow: hidden;
    text-decoration: none !important;
    padding: 0 !important;
}
#findIdpw .loginBottom a.btn_auth span,
#findIdpw .loginBottom p a.btn_auth span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 50px !important;
    height: 50px !important;
    margin-right: 12px !important;
    border-right: 0.5px solid rgba(0,0,0,0.08) !important;
    flex-shrink: 0;
}
#findIdpw .loginBottom a.btn_auth img,
#findIdpw .loginBottom p a.btn_auth img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain;
}

/* 로그인으로 돌아가기 버튼 (본인인증 영역 안) */
#findIdpw .loginBottom a.btn_Red,
#findIdpw .loginBottom a.btn_BackToLogin,
#findIdpw .loginBottom p a.btn_Red {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 48px !important;
    margin: 8px 0 0 !important;
    font-size: 13px !important;
    background: white !important;
    color: #2c2c2a !important;
    border: 0.5px solid rgba(0,0,0,0.2) !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    line-height: 48px !important;
    box-sizing: border-box !important;
}

/* ===== 인증 iframe 숨김 (원본 유지) ===== */
iframe[name=namecheck_frame] {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    bottom: 0 !important;
    right: 0 !important;
}

/* ===== 본인인증 결과 모달 (#passimg) - 원본 유지하되 톤만 정리 ===== */
#passimg {
    width: 100% !important;
    border-top: 0.5px solid rgba(0,0,0,0.08) !important;
    border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
    background: white !important;
    top: 280px;
    text-align: center;
}
#passimg .popups .head h5 {
    padding: 14px 0 !important;
    margin: 0 !important;
    color: #2c2c2a !important;
    font-weight: 500 !important;
    font-size: 14px;
    border-bottom: 0.5px solid rgba(0,0,0,0.08) !important;
}
#passimg .popups .contents {
    position: relative;
    padding: 18px !important;
    background: white;
}
#passimg .popups .contents table {
    background: #faf9f6 !important;
    margin: 0 auto;
    border-collapse: collapse;
}
#passimg .popups .contents table td {
    vertical-align: middle;
    padding: 8px 12px !important;
    border: 0.5px solid rgba(0,0,0,0.08) !important;
    text-align: center;
    font-weight: 500 !important;
    color: #2c2c2a !important;
    font-size: 13px;
}
#passimg .popups .contents .btns {
    text-align: center;
    padding: 14px 18px !important;
}
#passimg .popups .btns a.btn-gray-h25 {
    width: 100% !important;
    height: 46px !important;
    line-height: 46px !important;
    background: #2c2c2a !important;
    color: white !important;
    text-align: center;
    display: block !important;
    border: none !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none;
}

/* 데스크톱 폭 제한 */
@media screen and (min-width: 768px) {
    #findIdpw {
        max-width: 480px;
        margin: 0 auto;
    }
}
/* BASIC css end */