.findidpw-body, .pwchange-body {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	width: 100%;
    background-color: white;
}
.findidpw-logo, .pwchange-logo {
	text-align: center;
	margin: 24px 0 0 0;
	position: relative;
    background-image: linear-gradient(#4a4c58, #313239);
}
.findidpw-tab, .pwchange-tab {
  overflow: hidden;
  background-color: #f1f1f1;
  max-width: 500px;
}
.findidpw-tab button, .pwchange-tab button {
  background-color: #ccc;
  width: 50%;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 21px;
}
.findidpw-tab button.active, .pwchange-tab button.active {
  background-color: white;
}
.findidpw_content, .pwchange_content {
  display: none;
  padding: 6px 12px;
  border-top: none;
  max-width: 500px;
    height: auto;
    text-align: center;
}
.findidpw-label{
  white-space: nowrap;
}
.findidpw-input, .pwchange-input {
	width: 100%;
	max-width: 470px;
	padding: 12px 20px;
	margin: 8px 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	outline: none;
}
.findidpw-submit, .findidpw-resend, .findidpw-backtomain, .pwchange-submit, .pwchange-backtomain, .transpwchange-submit, .transpw-resend, .transpw-submit {
	background-color: #b30000;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 100%;
  white-space: nowrap;
}
.findidpw-submit:hover {
	background-color: #800000;
}
.findidpw-table1, .findidpw-table2, .pwchange-table1 {
    border-collapse: collapse;
    width: 100%;
    } 
    .findidpw-table2 td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
#findID-phonenumber {display: block;}
#findID-verify {display: none;}
#findID-success {display: none;}

#findPW-phonenumber {display: block;}
#findPW-verify {display: none;}
#findPW-newpass {display: none;}
#findPW-success {display: none;}    

#emptyinput-alert1, #emptyinput-alert2, #emptyinput-alert3, #emptyinput-alert4, #emptyinput-alert5, #emptyinput-alert6, #emptyinput-alert7, #idcode-alert1, #rpwcode-alert1, #newpass-alert, #idresendcode-alert3, #rpwcode-alert3, #newpass-format-alert  {display: none;}
    
#passwordChange-newpass {display: block;}
#passwordChange-success {display: none;}    
#transactionChange-newpass {display: block;}
#transactionChange-success {display: none;}    
    
#pchange-alert1, #pchange-alert2, #pchange-alert3, #tchange-alert1, #tchange-alert2, #tchange-alert3, #pchange-format-alert, #tchange-format-alert4 {display: none;}

/* Transaction Change Password */
.transaction-pwchange {
  overflow: hidden;
  background-color: #ffffff;
  max-width: 500px;
  text-align: center;
}
.transaction-pwchange button {
  background-color: #ccc;
  width: 100%;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
}
.transaction-changepw-img{
  max-width: 100%;
  margin: auto;
  text-align: center;
  padding-top: 8px;
}
.transaction-pwchange_content {
  padding: 6px 12px;
  border-top: none;
  max-width: 500px;
  height: auto;
  text-align: center;
}
#emptyinput-alert8, #emptyinput-alert9, #transactioncode-alert9, #transactionresendcode-alert9{
  display: none;
}
#transactionChange-verify{ display: none; }
#transactionChangepw-success{ display: none; }