/* BASIC css start */
/* 아이디 · 비밀번호 찾기 공통 */
.find_idpw{width:860px;margin:55px auto 0;padding:48px 55px;background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 14px 40px rgba(0,0,0,.06);box-sizing:border-box;color:#666;font-family:"Nanum Gothic",Arial,sans-serif;font-size:13px;text-align:left;}
.find_idpw+ .find_idpw{margin-top:35px;margin-bottom:80px;}
.find_idpw img{border:0;vertical-align:middle;}
.find_idpw a,.find_idpw a:hover,.find_idpw select,.find_idpw input{font-family:"Nanum Gothic",Arial,sans-serif;vertical-align:middle;}
.find_idpw .tit{position:relative;margin:0;padding:0 0 18px;border:0;color:#222;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-1px;}
.find_idpw .tit:after{display:block;width:36px;height:3px;margin-top:12px;border-radius:2px;background:#cc0001;content:"";}
.find_idpw .sub-tit{margin:0 0 30px;color:#888;font-size:13px;line-height:1.8;word-break:keep-all;}

/* 찾기 방식 선택 */
.find_idpw .radio-wrap{margin:0 0 22px;padding:16px 20px;border:1px solid #eee;border-radius:10px;background:#fafafa;}
.find_idpw .radio-wrap label{display:inline-flex;margin-right:30px;align-items:center;color:#555;font-size:13px;font-weight:600;cursor:pointer;}
.find_idpw .radio-wrap input[type="radio"]{width:16px;height:16px;margin:0 7px 0 0;accent-color:#cc0001;cursor:pointer;}
.find_idpw .input-radio{width:16px;height:16px;margin:0 7px 0 0;padding:0;accent-color:#cc0001;}

/* 입력 정보 박스 */
.find_idpw .find-info{width:100%;}
.find_idpw .find-info table{width:100%;border:0;border-spacing:0;border-collapse:separate;font-size:13px;}
.find_idpw .find-info table caption{display:none;}
.find_idpw .find-info table tr{height:68px;}
.find_idpw .find-info table th{width:150px;padding:0 22px;border-bottom:1px solid #eee;background:#fafafa;box-sizing:border-box;color:#555;font-size:13px;font-weight:600;text-align:left;}
.find_idpw .find-info table td{padding:8px 18px;border-bottom:1px solid #eee;background:#fff;box-sizing:border-box;}
.find_idpw .find-info table tr:first-child th{border-radius:10px 0 0 0;}
.find_idpw .find-info table tr:first-child td{border-radius:0 10px 0 0;}
.find_idpw .find-info table tr:last-child th{border-bottom:0;border-radius:0 0 0 10px;}
.find_idpw .find-info table tr:last-child td{border-bottom:0;border-radius:0 0 10px 0;}
.find_idpw .find-info table th div,.find_idpw .find-info table td div{padding:0;}
.find_idpw tr.user-name th,.find_idpw tr.user-name td{border-bottom:1px solid #eee;}

/* 입력창 */
.find_idpw .MS_input_txt{width:100%!important;height:48px!important;padding:0 16px!important;border:1px solid #ddd!important;border-radius:9px!important;background:#fafafa!important;box-sizing:border-box!important;color:#333!important;font-size:14px!important;line-height:48px!important;outline:none!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important;}
.find_idpw .MS_input_txt:focus{border-color:#cc0001!important;background:#fff!important;box-shadow:0 0 0 3px rgba(204,0,1,.07)!important;}
.find_idpw td input[type="text"],.find_idpw td input[type="email"],.find_idpw td input[type="password"],.find_idpw td input[type="tel"]{width:100%!important;height:48px!important;padding:0 16px!important;border:1px solid #ddd!important;border-radius:9px!important;background:#fafafa!important;box-sizing:border-box!important;color:#333!important;font-size:14px!important;outline:none!important;}
.find_idpw td input[type="text"]:focus,.find_idpw td input[type="email"]:focus,.find_idpw td input[type="password"]:focus,.find_idpw td input[type="tel"]:focus{border-color:#cc0001!important;background:#fff!important;box-shadow:0 0 0 3px rgba(204,0,1,.07)!important;}

/* 버튼 공통 */
.find_idpw .btn-area{display:flex;padding:28px 0 0;gap:10px;justify-content:center;text-align:center;}
.find_idpw .btn-area a{display:flex;height:48px;align-items:center;justify-content:center;border-radius:9px;box-sizing:border-box;font-size:13px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;}
.find_idpw .btn-area a img{display:none;}

/* 아이디 찾기 버튼 */
#find_id .btn-area a:first-child{width:210px;background:linear-gradient(135deg,#cc0001 0%,#b93333 100%);border:1px solid #cc0001;color:#fff;box-shadow:0 6px 16px rgba(204,0,1,.16);}
#find_id .btn-area a:first-child:after{content:"아이디 찾기";}
#find_id .btn-area a:first-child:hover{background:linear-gradient(135deg,#b93333 0%,#a72525 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(204,0,1,.22);}

/* 임시 비밀번호 발급 버튼 */
#find_pw .find-info .btn-area a:first-child{width:210px;background:linear-gradient(135deg,#cc0001 0%,#b93333 100%);border:1px solid #cc0001;color:#fff;box-shadow:0 6px 16px rgba(204,0,1,.16);}
#find_pw .find-info .btn-area a:first-child:after{content:"임시 비밀번호 발급";}
#find_pw .find-info .btn-area a:first-child:hover{background:linear-gradient(135deg,#b93333 0%,#a72525 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(204,0,1,.22);}

/* 로그인 보조 버튼 */
.find_idpw .btn-area a:last-child{width:140px;border:1px solid #ddd;background:#fff;color:#555;}
.find_idpw .btn-area a:last-child:after{content:"로그인";}
.find_idpw .btn-area a:last-child:hover{border-color:#cc0001;background:#fff5f5;color:#cc0001;transform:translateY(-2px);}

/* 본인인증 영역 */
.find_idpw .info-wrap{margin-top:10px;}
.find_idpw .ipin-confirm{padding:28px 0;border:1px solid #eee;border-radius:12px;background:#fafafa;text-align:center;}
.find_idpw .ipin-confirm a{display:inline-flex;width:110px;height:110px;margin:0 6px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:12px;background:#fff;box-sizing:border-box;color:#444;font-size:12px;line-height:1.6;text-align:center;letter-spacing:-1px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.find_idpw .ipin-confirm a span{display:block;width:auto;height:auto;border:0;}
.find_idpw .ipin-confirm a:hover{border-color:#cc0001;box-shadow:0 6px 16px rgba(204,0,1,.10);transform:translateY(-2px);}
.find_idpw .ipin-confirm a:hover span{border:0;}
.find_idpw .ipin-confirm a img{width:45px;height:45px;margin:0 0 8px;object-fit:contain;}

/* 비밀번호 찾기 본인인증 영역의 로그인 버튼 */
#find_pw .info-wrap .btn-area a{width:140px;border:1px solid #ddd;background:#fff;color:#555;}
#find_pw .info-wrap .btn-area a:after{content:"로그인";}
#find_pw .info-wrap .btn-area a:hover{border-color:#cc0001;background:#fff5f5;color:#cc0001;transform:translateY(-2px);}
/* BASIC css end */

