/* =============================================
   인증 공통 (findPw / 휴대폰 / 이메일)
============================================= */

/* 인증 섹션 - flex 세로 가운데 정렬 */
.cert-section { display: flex; align-items: center; }

/* input X 버튼 */
.btn-input-clear { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; }
.btn-input-clear img { width: 24px; height: 24px; }

/* 인증번호 영역 */
.verify-row { margin-top: 20px; }
.verify-input-wrap { display: flex; gap: 10px; }
.verify-input-wrap .input-box { flex: 1; }
.verify-timer { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 22px;  color: #ff5252; }
.btn-resend { flex-shrink: 0; width: 84px; height: 56px; margin-top:4px; border: 1px solid #2a3663; border-radius: 8px; font-size: 16px; line-height: 22px;  color: #2a3663; background: #fff; }

/* 버튼 행 */
.cert-btn-row { margin-top: 30px; }
.cert-check-btn-row { margin-top: 30px; }

/* =============================================
   MOBILE
============================================= */
@media (max-width: 768px) {
    /* 타이틀 숨기고 설명문을 큰 타이틀로 변경 */
    .cert-section{ align-items:flex-start; }
    .cert-section .page-title { display: none; }
    .cert-section .page-desc { margin-top: 0; font-size: 22px; font-weight: 600; line-height: 30px; letter-spacing: -0.5px; color: #212121; }

    .cert-btn-row { margin-top: 20px; }

    /* 완료 버튼 - 하단 고정 */
    .cert-check-btn-row { position: fixed; bottom: 0; left: 0; right: 0; padding: 14px 20px; background: #fff; margin-top: 0; }

    .verify-row { margin-top:16px; }
}