@charset "utf-8";

#idpwsearch					{ width: 550px; margin: 40px auto 0 auto; padding: 0px 0 25px 0; }
#idpwsearch li:first-child	{ margin-bottom: 30px; }
#idpwsearch p				{ margin-bottom: 30px; padding:10px 0; font-size: 30px; text-align: center; line-height: 30px; letter-spacing: -1px; border-top: 3px solid #555; border-bottom: 1px solid #ccc; background-color: #f8f8f8; }
#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; margin-right: 10px; text-align: right; }
#idpwsearch input			{ display: inline-block; width: 400px; height: 30px; margin-bottom: 10px; vertical-align: middle ; font-size: 15px; border: 1px solid #ccc; }

#idpwsearch .idpw_sbtn		{ display: block; width: 100%; height: 45px; margin: 20px auto; font-size: 18px; text-align: center; color: #fff; font-weight: 400; line-height: 40px; border: 1px solid #145290; border-radius: 3px; background-color: #1F4787; cursor: pointer; }
.loginbt					{ text-align: center; }


/* responsive web design area */
@media screen and (max-width: 950px) {
	#idpwsearch p span		{ font-size: 6pt; color: #999; }

}

@media screen and (max-width: 640px) {
	fieldset				{ width: 90%; margin: 0 auto; }

	#idpwsearch				{ width: 100%; margin: 25px auto 0 auto; }
	#idpwsearch label		{ width: 100px; text-align: left; }
	#idpwsearch input		{ width: 94%; }
	#idpwsearch p			{ font-size: 25px; line-height: 25px; }
	#idpwsearch p span		{ font-size: 11px; }

}


@media screen and (max-width: 320px) {
	#idpwsearch p span		{ display: none; }

}