@charset "utf-8"; 

.idpwsearchbox{ margin: 40px auto 0 auto; padding: 0 0 25px 0; font-size: 14px; width:100%; max-width:1000px;}
#idpwsearch{display: grid; grid-template-columns: 49% 49%; column-gap: 2%; padding-bottom: 30px; width: 100%;  }
#idpwsearch li{display: flex; flex-flow:column wrap; width: 100%; border: 1px solid #ddd; border-radius: 15px; overflow: hidden; }
/*#idpwsearch li:first-child{ margin-bottom: 30px; }*/
.idpwsearch_form{padding-bottom:30px;}

#idpwsearch p { display: block; float: left; margin-bottom:30px; padding: 30px 0 20px; width: 100%; line-height: 20px; font-size: 25px; text-align: center; letter-spacing: -1px;  background-color: #f8f8f8; border-bottom: 1px solid #ccc; }
#idpwsearch p b{color:#9768d2;}
#idpwsearch p span{ font-size: 12px; color: #999; }
#idpwsearch li span span{ display: block; margin-bottom: 10px; text-align: center; }
/*#idpwsearch label{ display: inline-block; width: 90px; text-align: right; margin-right:10px; line-height: 37px; }*/
#idpwsearch input{display: inline-block; width: 330px; height: 40px; vertical-align: middle; font-size: 16px; border: 1px solid #ccc; }

#idpwsearch .idpw_sbtn{display: block; margin: 10px auto; padding: 8px 0; width: 330px; height: auto; font-size: 16px; text-align: center; color:#fff;border-radius: 30px; background-color: #9768d2; cursor: pointer; font-family: 'Pretendard'; -webkit-appearance: none; }
#idpwsearch .idpw_sbtn:hover{ background-color: #6c42a1; }
.loginbt{ float: left; width: 100%; text-align: center; }



@media screen and (max-width:800px) {
	#idpwsearch{  width: 100%; padding:0;margin:25px auto 0 auto; }
	#idpwsearch label{width:60px; font-size:12px;}
	#idpwsearch	p {  font-size:25px; line-height:25px;}
	#idpwsearch	p span{ font-size:11px;}
	#idpwsearch .idpw_sbtn{ margin: 10px auto; width: 40%; }
	#idpwsearch input{ width: 60%; }
	.loginform span{ float: left; width: 100%; }
	.loginbt{ float: left; width: 100%; }

}


@media screen and (max-width:480px) {
#idpwsearch	li:first-child{ margin-bottom:10px;}
#idpwsearch	p {  font-size:20px; }
#idpwsearch	p span{ display:none;}
#idpwsearch label{width:60px;}
}

@media screen and (max-width:320px) {

	

}


.login_alert{border:1px solid #ddd; width:40%; padding:50px 40px ; text-align: center; font-size:20px; margin:0 auto; border-radius: 15px; font-weight:700; }
.login_alert img{margin-bottom:20px;}
@media screen and (max-width:1024px) {
	.login_alert{width:70%;}
}