.content {
	max-width: 700px;
	padding: 20px;
	margin: auto;
}

.page-header {
	text-align: center;
	margin-bottom: 60px;
}

#index-page {
	padding: 100px 0 40px 0;
}

.steps-signin {
	max-width: 516px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}

.base-container {
	max-width: 796px;
	/* padding: 0 20px; */
	margin: auto;
}

.step-text {
	font-family: Pretendard;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.75;
	color: #888;
}

.checkbox-text-pc {
	display: block;
}

.step-text.active {
	color: #028267;
}

.step-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.step-box-img {
	margin-bottom: 0px;
	position: relative;
}

.step-box:not(:last-child) > .step-box-img::after {
	position: absolute;
	content: "";
	width: 48px;
	height: 1px;
	background: #d3d3d3;
	top: 50%;
	transform: translateY(-50%) translateX(-10px);
	right: -100%;
}

.sign-form {
	margin: 0 auto;
}

	.sign-form a {
		text-decoration: none !important;
		cursor: pointer;
		color: #555;
	}

.title-box {
	margin-bottom: 30px;
}

.title-box-head {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	font-family: "Pretendard";
	line-height: 1.1;
	padding-bottom: 22px;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
}

.title-box-bot {
	text-align: right;
	font-size: 14px;
	line-height: 1.43;
	font-weight: 500;
	color: #888888;
}

.required {
	color: #028267;
}

.input-group-label {
	margin-bottom: 40px;
}

.input-group-label2 {
}

.mt-9 {
	margin: 9px 0 0 0 !important;
}

.mt-10 {
	margin: 10px 0 0 0 !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.input-has-btn {
	display: flex;
}

	.input-has-btn input {
		margin-right: 8px;
	}

.form-btn-secondary {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	min-width: 92px;
	padding: 0;
	height: 50px !important;
	padding: 0 18px !important;
}

.input-group-label.has-caution {
	margin-bottom: 12px;
}

.m-0 {
	margin: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.mb-40 {
	margin-bottom: 40px;
}

.input-label.p-0 {
	padding: 0;
}

.checkbox-inline {
	display: flex;
}

	.checkbox-inline > *:not(:last-child) {
		margin-right: 40px;
	}

.form-box:not(:last-child) {
	margin-bottom: 100px;
}

.steps-signin-mb {
	display: none;
	margin-bottom: 32px;
}

.steps-signin-mb-title {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
	color: #000;
	line-height: 24px;
}

.steps-signin-mb-content {
	font-size: 14px;
	line-height: 22px;
}

.title-box-icon {
	display: flex;
	align-items: center;
}

	.title-box-icon img {
		margin-right: 10px;
	}

.title-box-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.icon-dropdown {
	cursor: pointer;
}

.form-box-3 .title-box-bot {
	display: flex;
	justify-content: space-between;
	/* margin-bottom: 40px; */
}

.button-submit {
	width: 244px;
}

.button-submit-all {
	width: 286px;
}

.button-center {
	margin: 0 auto;
}

.content-item {
	display: flex;
	justify-content: space-between;
}

.neecessary {
	color: #028267;
	font-weight: 600;
}

.not-neecessary {
	color: #888;
}

.content-item {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}

.content-item {
	margin-bottom: 25px;
}

.form-box {
	background: white;
}

.form-box-4 .content-box {
	border-bottom: 1px solid #d3d3d3;
}

.form-box-4 .check-box-confirm {
	padding-top: 20px;
	padding-bottom: 53px;
}

.check-box-confirm .content-item-text {
	font-weight: 700;
	display: inline-block;
}

.checkbox-text-mb {
	display: none;
}

.form-box .title-box-head > div {
	font-size: 20px;
}

.hide {
	display: none;
}

.icon-dropdown img {
	transition: all ease-in-out 0.3s;
}

.icon-dropdown.active img {
	transform: rotate(180deg);
}

.account-id-error,
.under-field-width-button {
	display: none !important;
}

	.under-field-width-button .input-label {
		padding: 10px 0;
	}

.input-group .input-info {
	margin-bottom: 0;
	font-weight: 500;
	width: 100%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.form-box-3 .input-group.error .input-err-mess {
	margin-bottom: 0;
}

.mb-input-0 {
	margin-bottom: 0px !important;
}

.input-group .input-field {
	margin-bottom: 0;
}

.input-info svg {
	margin-right: 6px;
}

.input-info > span {
	width: calc(100% - 16px);
	line-height: 1.2;
}

.input-info-second-line {
	margin-left: 20px;
	margin-top: 2px;
}

.text-limited {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

i {
	border: solid #727272;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 3px;
	margin-bottom: 1px;
}

.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

span.modal-term {
	cursor: pointer;
	padding: 4px;
}

#modal-terms-accept,
#modal-terms-and-info,
#modal-terms-and-conditions,
#modal-term-of-use {
	display: block;
}

	#modal-terms-accept.disabled,
	#modal-terms-and-info.disabled,
	#modal-terms-and-conditions.disabled,
	#modal-term-of-use.disabled {
		display: none;
	}

.show-modal-term {
	cursor: pointer;
}

.input-group-label .input-label {
	font-weight: 700 !important;
	font-size: 15px !important;
	min-width: 204px !important;
}

.input-group-label .input-label2 {
	font-weight: 700 !important;
	font-size: 15px !important;
	min-width: 204px !important;
}

.radio {
	min-width: 98px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.view-mo {
	display: none;
}

.form-chil .button-box {
	max-width: 350px;
	padding-top: 8px;
}

.form-chil .radio .radio-label {
	height: 42px;
}

.form-chil .custom-select .select-items {
	width: 210px;
	overflow-x: hidden;
}

.form-chil .custom-select .select-selected,
.form-chil .custom-select .select-items div {
	width: 210px;
	height: 42px;
}

.form-chil .custom-select .select-selected:after,
.form-chil .custom-select .select-items:after {
		left: 187px;
	}

.input-group .custom-select .select-items {
	top: auto;
}

.input-group .custom-select .select-selected:after,
.input-group .custom-select .select-items:after {
	top: 40%;
}

@media screen and (max-width: 767px) {
	.base-container {
		padding: 0 20px;
		margin: auto;
	}

	.steps-signin-mb-title {
		height: 19px;
	}

	#submitSave {
		margin-top: 30px;
	}

	.steps-signin-mb-content {
		font-size: 13px;
		height: 35px;
	}

	.radio {
		min-width: 68px !important;
	}

	.time-mb {
		min-width: 70px !important;
	}

	.time-mb-l {
		min-width: 112px !important;
	}

	#index-page {
		padding-top: 40px;
	}

	form {
		background: #f8f8f8;
	}

	.form-box {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.steps-signin {
		display: none;
	}

	.steps-signin-mb {
		display: block;
		max-width: 720px;
		margin: auto;
	}

	.page-header {
		text-align: left;
		font-size: 20px;
		max-width: 720px;
		margin-bottom: 24px;
		font-weight: bold;
	}

	.title-box {
		margin-bottom: 0px;
	}

	.title-box-head {
		border: none;
		padding: 0;
		margin-bottom: 0;
		font-size: 15px;
		margin-top: 2.8px;
	}

	.title-box-bot {
		display: none;
	}

	.input-group-label {
		margin-bottom: 0px !important;
		display: block;
	}

		.input-group-label:last-child {
			margin-bottom: 0;
		}

	.input-label-mb {
		padding-top: 20px !important;
	}

	.input-group-label .input-label {
		padding: 31px 0 10px;
		margin-bottom: 8px;
		font-size: 14px !important;
		font-weight: 600;
		margin-top: 4px;
	}

	.input-group-label .input-label2 {
		padding: 31px 0 10px;
		margin-bottom: 8px;
		font-size: 14px !important;
		font-weight: 600;
		margin-top: 4px;
	}

	.input-group-label .mb-18 {
		margin-top: 0;
		padding-top: 18px;
	}

	.input-group .input-field {
		height: 48px;
	}

	.btn {
		min-height: 48px;
	}

	.full {
		min-height: 48px;
		width: 100%;
	}

	.radio .radio-label {
		height: 48px;
	}

	.input-group .input-field {
		font-size: 14px;
	}

	.input-group .input-info,
	.input-label.p-0,
	.checkbox {
		font-size: 13px;
	}

	.checkbox {
		line-height: 20px;
	}

	.radio {
		min-width: 68px;
		font-size: 14px;
	}

	.form-btn-secondary {
		font-size: 14px;
		min-width: 86px;
		height: 48px !important;
	}

	.input-label.p-0 {
		margin-bottom: 16px;
	}

	.checkbox .checkmark {
		width: 20px;
		height: 20px;
	}

		.checkbox .checkmark:after {
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

	.form-box-4 .title-box-head {
		display: block;
	}

		.form-box-4 .title-box-head > div:first-child {
			margin-bottom: 24px;
		}

	.form-box-4 .title-box {
		padding-bottom: 20px;
		border-bottom: 1px solid #eee;
	}

	.content-item-text {
		font-size: 14px;
	}

	.checkbox-text-pc {
		display: none;
	}

	.content-item {
		margin-bottom: 16px;
		display: flex;
		flex-direction: row-reverse;
		justify-content: start;
	}

	/* .form-box-4 .content-item-text,
  .checkbox-text-pc {
	display: none;
  } */

	.checkbox-text-mb {
		/* display: block; */
		font-weight: 700;
	}

	.check-box-confirm .content-item-text {
		display: block;
	}

	.input-group .input-info {
		line-height: 20px;
	}

	.form-box:not(:last-child) {
		margin-bottom: 8px;
	}

	.form-box-3 {
		transition: padding 0.3s ease;
	}

	.form-box-3.hide-content {
		padding: 20px 0;
	}

	.form-box-3.hide-content .title-box {
		margin: 0;
	}

	.form-box-3 .title-box-icon img {
		display: none;
	}

	.form-box-3 .title-box-bot > div {
		display: none;
	}

	.under-field-width-button .input-label {
		min-width: 0;
	}

	.under-field-width-button.m-0 {
		margin: 0;
	}

	.pd-0 {
		padding: 0px !important;
	}

	.mb-0 {
		margin-bottom: 0px !important;
	}

	.mb-10 {
		margin-bottom: 10px !important;
	}

	.mb-20 {
		margin-bottom: 20px !important;
	}

	.pt-0 {
		padding-top: 0 !important;
	}

	.pb-5 {
		padding-bottom: 5px !important;
	}

	.title-box-head.pb-5 {
		padding-bottom: 11px !important;
	}

	.content-box.hide.pb-5 {
		padding: 0 !important;
	}

	.pt-20 {
		padding-top: 20px !important;
	}

	.mo-pt-20 {
		padding-top: 20px !important;
	}

	.pb-32 {
		padding-bottom: 32px !important;
	}

	.input-info-second-line {
		margin-bottom: 10px !important;
	}

	.pt-20-mb {
		padding-top: 20px !important;
	}

	.view-pc {
		display: none;
	}

	.view-mo {
		display: block;
	}

	.form-chil .button-box {
		width: 350px;
		padding-top: 22px;
	}

	.form-chil .radio .radio-label {
		height: 30px;
	}

	.form-chil .custom-select .select-selected,
	.form-chil .custom-select .select-items div {
		height: 30px;
		font-size: 14px;
	}

	.m-w-100 {
		width:100%;
		margin-bottom: 6px;
	}

	.m-w-100 input {
		margin-right: 0px;
		width: 50% !important;
	}

	
	.input-group .custom-select .select-selected {
		width: 100%;
		height: 48px;
	}

	.input-group .custom-select .select-selected:after,
	.input-group .custom-select .select-items:after {
		top: 50%;
	}

	.m-flex-column {
		flex-direction: column !important;
	}
}

@media screen and (max-width: 375px) {
	.form-box-1 .field-8 .radio-buttons {
		display: grid;
		grid-template-columns: auto auto auto 112px;
	}
}

@media screen and (max-width: 360px) {
	.button-full {
		width: 100%;
	}
}

/* 24-07-24 성별추가 */
.radio-buttons.gender {
	position: relative;
}
.radio-buttons.gender .input-label {
	position: absolute;
	padding: 0;
	top: -25px;
}
@media screen and (max-width: 767px) {
	.radio-buttons.gender .input-label {
		top: -30px;
	}
}