
@media screen and (max-width: 1200px) {
	.container {
	  width: 60%;
	  min-width: 420px;
	 }
	.reg-content input[type="text"],
	.reg-content input[type="password"],
	.reg-content select,
	.login-content input[type="text"],
	.login-content input[type="password"],
	.login-content select{
		width:50%;
		min-width:136px;
	}
	.reg_detail-content input[type="text"],
	.reg_detail-content input[type="password"]
	{
		width:30%;
		min-width:136px;
		height:48px;
	}
	.reg_detail-content select,
	.reg_detail-content #birth
	{
		width:30%;
		height:48px;
	}
}

@media screen and (max-width: 992px) {
	.container {
	  width: 80%;
	  min-width: 420px;
	 }
	.reg-content input[type="text"],
	.reg-content input[type="password"],
	.reg-content select,
	.login-content input[type="text"],
	.login-content input[type="password"],
	.login-content select{
		width:50%;
		min-width:136px;
	}
	.reg_detail-content input[type="text"],
	.reg_detail-content input[type="password"]
	{
		width:30%;
		min-width:136px;
		height:48px;
	}
	.reg_detail-content select,
	.reg_detail-content #birth
	{
		width:30%;
		height:48px;
	}
}

@media screen and (max-width: 768px) {
	.container {
	  width: 80%;
	  min-width: 420px;
	 }
	.reg-content input[type="text"],
	.reg-content input[type="password"],
	.reg-content select,
	.login-content input[type="text"],
	.login-content input[type="password"],
	.login-content select{
		width:136px;
		min-width:136px;
	}
	.reg_detail-content input[type="text"],
	.reg_detail-content input[type="password"]
	{
		width:90%;
		min-width:136px;
		height:48px;
	}
	.reg_detail-content select,
	.reg_detail-content #birth
	{
		width:90%;
		height:48px;
	}
}
@media screen and (max-width: 575px) {
	.container {
	  width: 80%;
	  min-width: 320px;
	 }
	.reg-content input[type="text"],
	.reg-content input[type="password"],
	.reg-content select,
	.login-content input[type="text"],
	.login-content input[type="password"],
	.login-content select{
		width:136px;
		min-width:136px;
	}
	.reg_detail-content input[type="text"],
	.reg_detail-content input[type="password"]
	{
		width:90%;
		min-width:136px;
		height:48px;
	}
	.reg_detail-content select,
	.reg_detail-content #birth
	{
		width:90%;
		height:48px;
	}
}
@media screen and (max-width: 400px) {
	.container {
	  width: 90%;
	  min-width: 320px;
	 }
	.reg-content input[type="text"],
	.reg-content input[type="password"],
	.reg-content select,
	.login-content input[type="text"],
	.login-content input[type="password"],
	.login-content select{
		width:136px;
		min-width:136px;
	}
	.reg_detail-content input[type="text"],
	.reg_detail-content input[type="password"]
	{
		width:90%;
		min-width:136px;
		height:48px;
	}
	.reg_detail-content select,
	.reg_detail-content #birth
	{
		width:90%;
		height:48px;
	}
 }

/*# sourceMappingURL=style.css.map */
