/* 아이디·비밀번호 찾기 (2026-08-19)
   style.css 는 회원 스킨 전체가 함께 읽어서 손대지 않고 여기서 덧입힌다.
   #find_info 는 본인인증 갱신 화면(member_cert_refresh)도 쓰는데,
   이 파일은 password_lost.skin.php 에서만 부르므로 그쪽은 영향이 없다. */

#find_info{ max-width:460px; margin:0 auto; padding:70px 20px 90px; font-size:16px;
	font-family:'Manrope','Pretendard Variable','Pretendard','Noto Sans KR',sans-serif; }

/* 제목이 display:none 이라 아무 제목 없이 문장부터 시작하는 화면이었다.
   본인인증을 함께 쓸 때만 보이게 되어 있었는데, 늘 보이는 편이 낫다. */
#find_info h3{ display:block; text-align:left; font-size:26px; font-weight:800;
	letter-spacing:-0.5px; line-height:1.3; color:#203864; margin:0; }
#find_info h3:after{ content:''; display:block; width:54px; height:3px; background:#e6c88a;
	margin-top:16px; }

#find_info p{ margin:22px 0 0; font-size:14.5px; line-height:1.75; color:#8b93a1;
	word-break:keep-all; }
#find_info #info_fs{ margin-top:22px; padding-top:22px; border-top:1px solid #e5e8ee; }
#find_info #info_fs label{ display:block; margin:18px 0 8px; font-size:14px;
	font-weight:700; color:#203864; }
#find_info #mb_email{ width:100%; height:50px; margin:0; padding:0 14px;
	border:1px solid #c9d0da; border-radius:6px; font-size:15px; color:#333;
	transition:border-color .15s; }
#find_info #mb_email:focus{ outline:none; border-color:#203864; }

/* 자동등록방지 — 그림·입력칸·버튼 높이를 맞춘다 */
#find_info .captcha{ display:block; margin-top:12px; }
#find_info #captcha{ display:flex; align-items:center; gap:6px; }
#find_info #captcha #captcha_img{ height:46px; border:1px solid #c9d0da; border-radius:6px; }
#find_info #captcha #captcha_key{ width:110px; height:46px; margin:0; border:1px solid #c9d0da;
	border-radius:6px; font-size:16px; }
#find_info #captcha #captcha_mp3, #find_info #captcha #captcha_reload{ width:46px; height:46px;
	border:1px solid #e5e8ee; border-radius:6px; background-color:#f8fafc; }
/* 안내 문구는 flex 항목이라 버튼 옆에 끼어 든다. 줄을 바꿔 아래로 내린다. */
#find_info #captcha{ flex-wrap:wrap; }
#find_info #captcha #captcha_info{ flex:1 1 100%; margin-top:8px; font-size:13px;
	color:#8b93a1; letter-spacing:0; }

#find_info .win_btn{ margin-top:26px; }
#find_info .btn_submit{ width:100%; height:52px; line-height:50px; margin:0;
	border-radius:0; background:#203864; border:1px solid #203864; color:#fff;
	font-size:15.5px; font-weight:700; cursor:pointer; transition:background-color .2s; }
#find_info .btn_submit:hover{ background:#2f4f8f; }

/* 본인인증으로 찾기 (설정에서 켠 경우에만 나온다) */
#find_info.cert{ max-width:820px; display:flex; gap:24px; align-items:flex-start; }
#find_info.cert .new_win_con{ flex:1 1 0; width:auto; float:none; margin:0; }
#find_info.cert .new_win_con:nth-child(2){ margin-left:0; }
#find_info .find_btn .cert_btn{ margin-top:22px; padding-top:22px;
	border-top:1px solid #e5e8ee; display:flex; flex-direction:column; gap:8px; }
#find_info .find_btn .btn_submit{ background:#fff; border:1px solid #c9d0da; color:#5a6474; }
#find_info .find_btn .btn_submit:hover{ background:#fff; border-color:#203864; color:#203864; }

@media all and (max-width:767px) {
	#find_info{ padding:50px 20px 70px; }
	#find_info h3{ font-size:22px; }
	#find_info.cert{ display:block; }
	#find_info.cert .new_win_con + .new_win_con{ margin-top:36px; }
}