/* BASIC css start */
/* °øÅë */

/* »ó´Ü ¼­ºê ¸Þ´º */    
.submenu-bar { width:100%; margin: 0 auto; height: 42px; display: flex; align-items: center; justify-content: flex-end; }
.submenu-list { display: flex; align-items: center; gap: 30px; list-style: none; margin: 0 24px 0 0; padding: 0; }
.submenu-item { display: flex; align-items: center; }
.submenu-item a { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 500; color: #333; white-space: nowrap; text-decoration: none; }
.submenu-item a:hover { color: #105fde; }
.submenu-dot { width: 4px; height: 4px; border-radius: 50%; background: #105fde; flex-shrink: 0; }
.submenu-btn { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 20px; background: #3C97FF; 
               color: #fff; font-size: 13px; font-weight: 600; border-radius: 4px; text-decoration: none; white-space: nowrap; }
.submenu-btn:hover { background: #0c4bb3; }

.loc-navi { padding:10px; border-top: 1px solid #ccc; font-size: 13px; color: #555;}
.page-body { width: 790px; margin-top: 0; padding-left: 20px; }
.page-title { width: 780px; padding: 16px 0 16px 10px; border-bottom: 2px solid #000;}
.page-title h2 { margin: 0; font-size: 22px; font-weight: bold; color: #000;}

.find_wrap { position: relative; width: 790px;  background-color: #F6FAFF; padding-top:30px; padding-bottom: 40px;}
.find_idpw_wrap { margin-bottom: 35px; width:670px; margin:0 auto; background-color: #FFF; border-radius: 16px; padding:15px 25px;}

.find_idpw { font-size:12px; color:#777; text-align: left; }
.find_idpw img { border: 0 none; vertical-align: middle; }
.find_idpw a,
.find_idpw a:hover,
.find_idpw select,
.find_idpw input { vertical-align: middle; text-align: left;  }
.find_idpw .input-radio { width:12px; height:12px; margin:-2px 0 0; padding:0; }

.find_idpw .tit { margin:0; padding-bottom: 10px; padding-top: 8px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight: 500; line-height:20px; color:#333; }
.find_idpw .sub-tit { margin:10px 0 40px; font-size:13px; color:#555; }

.find_idpw .radio-wrap { margin:0 0 10px; }
.find_idpw .radio-wrap label { margin-right:30px; color:#575757; font-weight:bold; }

.find_idpw .find-info table { width:100%; border-spacing:0; border-collapse:collapse; font-size:12px; border-top:1px solid #666; border-bottom:1px solid #666; }
.find_idpw .find-info table caption { display:none; }
.find_idpw .find-info table th { font-weight: bold; font-size:12px; color:#767678; background:#f9f9fb; text-align:center; }
.find_idpw .find-info table th div,
.find_idpw .find-info table td div { padding:7px 0; }
.find_idpw .find-info table td div { padding-left: 6px; }
.find_idpw .MS_input_txt { width: 150px; height: 20px; line-height:22px; border: 1px solid #e3e3eb; }
.find_idpw tr.user-name th,
.find_idpw tr.user-name td { border-bottom: 1px solid #ececee; }

.find_idpw .btn-area { padding:20px 0 20px; text-align: center; display: flex; gap: 16px;  width:480px; margin: 0 auto;}
.find_idpw .btn-area a { flex: 1; height: 46px; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size: 15px; border-radius: 3px;  } 
.find_idpw .info-findid { background: #2b3a55; color: #fff; }
.find_idpw .info-login { background: #fff; color: #333; border: 1px solid #2B3A55; }


/* º»ÀÎÀÎÁõ */
.find_idpw .ipin-confirm { text-align: center; padding:20px 0; border-top:2px solid #384150; border-bottom:2px solid #384150; }
.find_idpw .ipin-confirm a { display: inline-block; width: 88px; height: 88px; font-size: 12px; margin: 0 4px; border:1px solid #dedede; color:#000; text-align: center; letter-spacing:-1px; }
.find_idpw .ipin-confirm a span { display: inline-block; width:86px; height:86px; border:1px solid #fff; }
.find_idpw .ipin-confirm a:hover,
.find_idpw .ipin-confirm a:hover span { border:1px solid #000; }
.find_idpw .ipin-confirm a img { width: 45px; height: 45px; margin: 9px 0; }
/* BASIC css end */