@charset "utf-8";
/* Form base */
.devm01-form-field{
	margin-bottom: 20px;
}
.devm01-form-label{
	display: block;
	margin-bottom: 8px;
	color: var(--devm01-gray-900);
}
.devm01-input,
.devm01-select,
.devm01-textarea{
	width: 100%;
	border: 1px solid var(--devm01-gray-200);
	border-radius: var(--devm01-radius-btn);
	background: var(--c-bg);
	color: var(--c-fg);
	font-family: var(--devm01-font-kr);
	font-size: 16px;
}
.devm01-input,
.devm01-select{
	height: 52px;
	padding: 0 16px;
}
.devm01-textarea{
	min-height: 180px;
	padding: 16px;
	resize: vertical;
}
.devm01-input:focus,
.devm01-select:focus,
.devm01-textarea:focus{
	outline: none;
	border-color: var(--c-accent);
	box-shadow: 0 0 0 3px rgba(30,136,229,.12);
}
/* Additional QA polish: global form controls */
.devm01-member input:focus,
.devm01-member textarea:focus,
.devm01-member select:focus{
	outline:0;
	border-color:var(--c-accent) !important;
	box-shadow:0 0 0 4px rgba(30,136,229,.12);
	background:#fff !important;
}
.devm01-member input::placeholder,
.devm01-member textarea::placeholder{
	color:#9AA8B8;
}
/* QA polish: global simple form help text */
.form-help,
.frm_info{
	color:var(--devm01-gray-500);
	font-size:16px;
	line-height:1.55;
}
.devm01-member .tooltip{
	text-align:left;
}

