@charset "utf-8"; 


#idpwsearch									 { width:550px;padding:0px 0 25px 0;margin:40px auto 0 auto;  }
#idpwsearch	li:first-child{ margin-bottom:30px;}
#idpwsearch	p { border-top:3px solid #555; font-size:30px; text-align:center; letter-spacing:-1px; background-color:#f8f8f8; padding:10px 0; border-bottom:1px solid #ccc; margin-bottom:30px; line-height:30px;}
#idpwsearch	p   span{ font-size:12px; color:#999;}
#idpwsearch  li								{float:left;display:inline;padding:0 5px 0 0 }
#idpwsearch label{ display:inline-block; width:90px; margin-bottom:10px; text-align:right; margin-right:10px;}
#idpwsearch input{display:inline-block;  border:1px solid #ccc;; vertical-align:middle ; height:30px; width:400px; font-size:15px; margin-bottom:10px;}

#idpwsearch .idpw_sbtn{ display: block; margin: 10px auto; padding: 8px 0; width: 100%; height: auto; font-size: 18px; text-align: center; color:#fff; border-radius: 3px; border: 1px solid #1F4787; background-color: #43486f; cursor: pointer; font-family: "맑은고딕",Malgun Gothic,"나눔고딕",Nanum Gothic,"돋움",dotum,AppleGothic,sans-serif; -webkit-appearance: none; }
#idpwsearch .idpw_sbtn:hover{ background-color: #1F4787; }
.loginbt{ text-align:center;}
/* responsive web design area */


@media screen and (max-width:800px) {
#idpwsearch									 {  width:400px;padding:0px 0 25px 0;margin:25px auto 0 auto; }
#idpwsearch label{width:60px; font-size:12px;}
#idpwsearch input{width:320px;}
#idpwsearch	p {  font-size:25px; line-height:25px;}
#idpwsearch	p span{ font-size:11px;}

}


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

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

	

}