:root {
  --btn-radius: 4px;
  --btn-padding-y: 7px;
  --btn-padding-x: 11px;
  --btn-gap: 6px;
  --btn-font: 14px;

  --c-border: #d0d5dd;
  --c-text: #111827;
  --c-bg: #ffffff;

  --c-success: #16a34a;
  --c-danger:  #dc3545;

  --c-active-text: #ffffff;
}


.header {
  display: none;
}

.side_menu {
  display: none;
}

.wrap > .content {
  background: linear-gradient(284.57deg, #41C6E7 3%, #D8F2F9 99.17%);
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap > .content .xm {
  background: #fff;
  width: 984px;
  margin: 0 auto;
  padding: 40px;
  border-radius: 1.25rem;
}
.wrap > .content .xm h1.title {
  margin-bottom: 20px;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.01em;
  color: #111;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.wrap > .content .xm .checkbox {
  width: 1.25rem !important;
}
.wrap > .content .xm .checkbox:focus {
  outline: none;
}
.wrap > .content .xm .agreement {
  border: 1px solid var(--color-primary);
  padding: 15px 15px 10px 15px;
  border-radius: 5px;
  background: var(--color-N10);
  margin-bottom: 15px;
  color: var(--font-color-2);
}
.wrap > .content .xm .form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: left;
}
.wrap > .content .xm select, .wrap > .content .xm textarea, .wrap > .content .xm input[type=text], .wrap > .content .xm input[type=password], .wrap > .content .xm input[type=datetime], .wrap > .content .xm input[type=datetime-local], .wrap > .content .xm input[type=date], .wrap > .content .xm input[type=month], .wrap > .content .xm input[type=time], .wrap > .content .xm input[type=week], .wrap > .content .xm input[type=number], .wrap > .content .xm input[type=email], .wrap > .content .xm input[type=url], .wrap > .content .xm input[type=search], .wrap > .content .xm input[type=tel], .wrap > .content .xm input[type=color] {
  height: 40px;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid var(--line-color-2);
  padding: 0 10px;
}
.wrap > .content .xm select:focus, .wrap > .content .xm textarea:focus, .wrap > .content .xm input[type=text]:focus, .wrap > .content .xm input[type=password]:focus, .wrap > .content .xm input[type=datetime]:focus, .wrap > .content .xm input[type=datetime-local]:focus, .wrap > .content .xm input[type=date]:focus, .wrap > .content .xm input[type=month]:focus, .wrap > .content .xm input[type=time]:focus, .wrap > .content .xm input[type=week]:focus, .wrap > .content .xm input[type=number]:focus, .wrap > .content .xm input[type=email]:focus, .wrap > .content .xm input[type=url]:focus, .wrap > .content .xm input[type=search]:focus, .wrap > .content .xm input[type=tel]:focus, .wrap > .content .xm input[type=color]:focus {
  outline: none;
  box-shadow: none;
  border-color: var(--color-primary);
}
.wrap > .content .find {
  text-align: center;
}
.wrap > .content .find h1 {
  margin-bottom: 10px;
}
.wrap > .content .find h1 + p {
  margin-bottom: 10px;
  color: var(--font-color-2);
}
.wrap > .content .find + hr {
  margin: 40px 0;
}




.btn-check {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(50%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.btn-group {
	display: inline-flex;
	gap: var(--btn-gap);
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font: 500 var(--btn-font)/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans KR", sans-serif;
	border-radius: var(--btn-radius);
	user-select: none;
	cursor: pointer;
	text-decoration: none;
	transition: transform .04s ease, background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
	width: auto;
}

.btn-outline {
	color: var(--c-text);
	background: var(--c-bg);
	border: 1px solid var(--c-border);
	display:inline-block;
	margin-right:10px;
}

label.btn-outline {
	display:inline-block !important;
	line-height:20px;
	padding: var(--btn-padding-y) var(--btn-padding-x) !important;
	height:auto !important;
}

.btn-outline:hover {
	background: #f8fafc;
	border-color: #cbd5e1;
}
.btn-outline:active {
	transform: translateY(1px);
}

.btn-check:checked + .btn {
	color: var(--c-active-text);
	background: var(--color-primary);
	border-color: var(--color-primary);
}

.btn-check:focus-visible + .btn {
	outline: none;
	box-shadow: 0 0 0 3px rgba(13,110,253,.25);
}

.btn-check:disabled + .btn,
.btn[aria-disabled="true"] {
	opacity: .6;
	cursor: not-allowed;
	pointer-events: none;
}

.btn-sm { padding: 0.35rem 0.7rem; font-size: 12px; }
.btn-lg { padding: 0.75rem 1.15rem; font-size: 16px; }

.theme-primary { border-color: var(--color-primary); }
.theme-success { border-color: var(--c-success); }
.theme-danger  { border-color: var(--c-danger);  }

.btn-check:checked + .theme-primary { background: var(--color-primary); border-color: var(--color-primary); }
.btn-check:checked + .theme-success { background: var(--c-success); border-color: var(--c-success); }
.btn-check:checked + .theme-danger  { background: var(--c-danger);  border-color: var(--c-danger);  }


.preferred-job-option { display:inline-block; }
.preferred_order { display:inline-block !important; margin-right:1em; font-size:1.25em !important; }