/* 이용약관 */
.divide-line {
	width: 100%;
	height: 1px;
	background: #E1E1E1;
}
.contract-container {
	padding: 120px 0;
	max-width: 570px;
	width: 100%;
}

.register-form-section > .navigator-tabs {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.register-form-section > .navigator-tabs > span {
	font-size: 20px;
	font-weight: 500;
	line-height: 33px;
	color: #AAAAAA;
}

.register-form-section > .navigator-tabs > span.active {
	color: #3D92F6; 
	font-weight: 700;
}

.register-form-section > .title-section {
	width: 100%;
	margin-bottom: 60px;
	column-gap: 4px;
}

.register-form-section > .title-section > img {
	width: 126.82px;
	margin-bottom: 24px;
}

.register-form-section > .title-section > p {
	font-size: 36px;
	font-weight: 700;
	line-height: 59px;
	color: #00295f;
}

.register-form-section > .input-section > .title-section {
	margin-bottom: 60px;
}

.register-form-section > .input-section > .title-section > p {
	font-size: 36px;
	font-weight: 700;
	line-height: 59px;
	color: #00295f;
	margin-bottom: 2px !important;
}

.register-form-section > .input-section > .title-section > div {
	display: flex;
	font-size: 24px;
	font-weight: 700;
	line-height: 39px;
	color: #00295f;
}

.register-form-section > .input-section > .title-section > div > span {
	color: #3D92F6;
	margin-left: 8px;
}

.register-form-section > .agreement-section {
	display: flex;
	flex-flow: column;
}

.register-form-section > .agreement-section > .divide-line {
	margin: 36px 0 40px 0;
	background: #C4C4C4;
}

.register-form-section > .agreement-section > div {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.register-form-section > .agreement-section > div > input {
	display: none;
}

.register-form-section > .agreement-section > div > div {
	margin: 0;
	margin-left: 20px;
	font-weight: 400;
}

.register-form-section > .agreement-section > div a {
	font-weight: 700;
	color: #333333;
	text-decoration: underline;
	margin-left: 10px;
}

.register-form-section > .agreement-section > div > label {
	border-radius: 4px;
}

.register-form-section > .agreement-section > div .required {
	color: #3D92F6;
	font-weight: 700;
}

.register-form-section > .agreement-section > .agree-individual {
	align-items: start;
	margin-bottom: 24px;
}

.register-form-section > .agreement-section > .agree-individual > .checkbox-label {
	margin-top: 0.2em;
}

.register-form-section > .agreement-section > .agree-individual > .checkbox-label {
	margin-top: 0.05em;
	flex-shrink: 0;
	border-radius: 4px;
}

.register-form-section > .agreement-section > .agree-individual > .checkbox-label .checkbox-sub {
	margin-top: 0;
}

.register-form-section > .agreement-section > .chkbox-sub {
	margin-left: 40px;
}

.register-form-section .next-step-btn {
	margin-top: 46px;
}

/* 회원가입 */
.register-form-section > .input-section > .input-container > .input-text > .mobile_auth_text {
	float: right;
	color: #E30000;
	height: 26px;
	line-height: 26px;
	font-weight: 400;
	margin: 0 !important;
}

.register-form-section > .input-section > .input-container > .mobile-show {
	display: none;
}

.register-form-section > .input-section > .domain-desc {
	margin-bottom: 20px;
}

.register-form-section > .input-section > .input-container > .phone-num-group {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0 8px;
}

.register-form-section > .input-section > .input-container > .phone-num-group > input:first-of-type {
	width: 118px !important;
}

.register-form-section > .input-section > .input-container > .phone-num-group > #user_phone_num {
	width: 277px !important;
	margin: 0 8px;
}

.register-form-section > .input-section > .input-container > .phone-num-group > button {
	width: 159px !important;
	height: 54px;
	color: #00295f;
	font-size: 16px;
	background: white;
	border: 1px solid #00295f;
}

.register-form-section > .input-section > .input-container > .phone-num-group > button:disabled {
	width: 159px !important;
	height: 54px;
	color: #9FB5D3;
	font-size: 16px;
	background: white;
	border: 1px solid #9FB5D3;
}

.register-form-section > .input-section > .input-container > .phone-auth-group {
	width: 100%;
	position: relative;
}

.register-form-section > .input-section > .input-container > .phone-auth-group > input[name="mobile_auth_code"] {
	margin: 0 !important;
}

.register-form-section > .input-section > .input-container > .phone-auth-group > .mobile_auth_timer {
	position: absolute;
	top: 15px;
	right: 20px;
	height: 26px;
	line-height: 26px;
}

.register-form-section > .input-section > .input-container > .phone-auth-group > .mobile-auth-success {
	background: url(/images/icon/icon_success.svg) no-repeat center center;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	right: 16px;
}

.register-form-section > .input-section > .input-container > .mobile_auth_code_send_btn {
	display: none;
}

/* 사업장주소 */
.register-form-section > .input-section > .input-container > .postcode-group {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 10px 0 8px;
}

.register-form-section > .input-section > .input-container > .postcode-group {
	margin: 10px 0 0 0;
	gap: 8px;
}

.register-form-section > .input-section > .input-container > .postcode-group > input {
	width: 100%;
}

.register-form-section > .input-section > .input-container > .postcode-group > #sample6_postcode {
	width: 403px !important;
}

.register-form-section > .input-section > .input-container > .postcode-group > button {
	width: 159px !important;
	height: 54px;
	color: #00295f;
	font-size: 16px;
	background: white;
	border: 1px solid #00295f;
}

.register-form-section > .input-section > .input-container > .postcode-group > button:disabled {
	width: 159px !important;
	height: 54px;
	color: #9FB5D3;
	font-size: 16px;
	background: white;
	border: 1px solid #9FB5D3;
}

.register-form-section > .input-section > .input-container > button {
	  width: 100% !important;
    height: 65px;
    border: none;
    border-radius: 8px;
    background: red;
  	color: white;
    font-size: 20px;
    font-weight: 400;
    cursor: default;
}

.register-form-section > .input-section > .input-container > .postcode-address-group {
	width: 100%;
	position: relative;
}

.register-form-section > .input-section > .input-container > .postcode_code_send_btn {
	display: none;
}

/* 사업장 주소 끝 */
.register-form-section > .input-section .interested-root-container {
	align-items: center;
}

.register-form-section > .input-section .interested-root-container > label {
	width: 100%;
	font-weight: 700;
	margin-bottom: 12px;
}

.register-form-section > .input-section .interested-root-container > p {
	width: fit-content;
	margin: 0 20px 0 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	margin-bottom: 18px;
}

.register-form-section > .input-section .interested-root-container > p > input + label {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #AAAAAA;
	border-radius: 4px;
	margin: 0;
}

.register-form-section > .input-section .interested-root-container > p > input:checked + label {
	border: 1px solid #3D92F6;
	border-radius: 4px;
	background: url(/images/icon/icon_checkbox.svg) no-repeat center;
	background-color: #3D92F6;
	background-size: 16.67px;
}

.register-form-section > .input-section .interested-root-container > p > input:disabled + label {
	border: 1;
	background: url(/images/icon/icon_check_disable.svg) no-repeat center;
	background-color: #ece8ebe6;
	background-size: 24px;
}

.register-form-section > .input-section .interested-root-container > p > span {
	margin: 0;
	margin-left: 9px;
	font-weight: 400;
	line-height: 22px;
}

.register-form-section > .input-section .inflow-root-container {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.register-form-section > .input-section .inflow-root-container > label {
	width: 100%;
	font-weight: 700;
	margin-bottom: 12px;
}

.register-form-section > .input-section .inflow-root-container > p {
    width: fit-content;
    margin: 0 20px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

/* .register-form-section > .input-section .inflow-root-container > p:nth-last-of-type(1),
.register-form-section > .input-section .inflow-root-container > p:nth-last-of-type(2) {
	margin-bottom: 0;
} */

.register-form-section > .input-section .inflow-root-container > p > input + label {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
  margin: 0;
}

.register-form-section > .input-section .inflow-root-container > p > input:checked + label {
    border: 1;
    background: url(/images/icon/icon_checkbox.svg) no-repeat center;
    background-color: #3d92f6;
		border: 1px solid #3d92f6;
    background-size: 16.67px;
}

.register-form-section > .input-section .inflow-root-container > p > input:disabled + label {
	border: 1;
	background: url(/images/icon/icon_check_disable.svg) no-repeat center;
    background-color: #ece8ebe6;
    background-size: 24px;
}

.register-form-section > .input-section .inflow-root-container > p > span {
    margin: 0;
    margin-left: 9px;
    font-weight: 400;
    line-height: 22px;
}

.register-form-section > .input-section .inflow-root-container .inflow_root_text {
	width: 100%;
    margin-top: 16px;
}

.register-form-section > .input-section .submit-btn {
    margin: 36px 0 0;
		width: 100%;
    height: 65px;
    border: none;
    border-radius: 8px;
    background: #3D92F6;
    color: white;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}

.register-form-section > .input-section .submit-btn:disabled {
	margin: 36px 0 0;
	width: 100%;
	height: 65px;
	border: none;
	border-radius: 8px;
	background: #BAD3F2;
	color: white;
	font-size: 20px;
	font-weight: 400;
}

.register-form-section > .input-section .route-message {
	display: flex;
	width: 100%;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #737373;
}

.register-form-section > .input-section .route-message > a {
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	color: #3D92F6;
	text-decoration: underline;
	text-decoration-color: #3D92F6;
}

.register-form-section > .input-section .route-message > button {
	background-color: transparent;
	line-height: 16px;
	border-bottom: 1px solid #737373;
}

.register-form-section select {
	margin-top: 10px;
	height: 54px;
}


/* category */
#input_container_category
	> .category-content
	> select {
	margin-top: 10px;
	height: 54px;
}
#input_container_category
	> .category-selected {
	display: flex;
	flex-flow: row wrap;
}

#input_container_category
	> .category-selected
	> .span-category {
	border: 1px solid #cccccc;
	border-radius: 17px;
	height: 32px;
	padding: 0 10px 0 16px;
	font-size: 13px;
	line-height: 21px;
	margin-right: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#input_container_category
	> .category-selected
	> .span-category
	> img {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	cursor: pointer;
}

#input_container_recommend_code {
	display: none;
}

.input-container.inflow-root-container.check-box {
	position: relative;
	left: 410px;
}

.register-form-section > .input-section > .input-container > select {
	background-color: transparent !important;
}


/* mobile size */
@media screen and (max-width: 1024px) {
	.contract-container {
		padding: 32px 20px 60px;
	}

	/* .register-form-section {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0 auto;
	} */
	.register-form-section > .navigator-tabs {
		display: flex;
		gap: 8px;
		margin-bottom: 12px;
	}
	
	.register-form-section > .navigator-tabs > span {
		font-size: 13px;
		font-weight: 500;
		line-height: 21px;
		color: #AAAAAA;
	}

	.register-form-section > .navigator-tabs > img {
		width: 12px;
		height: 12px;
		margin: 4.5px 0;
	}
	
	.register-form-section > .navigator-tabs > span.active {
		color: #3D92F6; 
		font-weight: 700;
	}
	
	.register-form-section > .title-section {
		margin-bottom: 32px;
	}

	.register-form-section > .title-section > p {
		font-size: 20px;
		line-height: 33px;
		margin-bottom: 0;
	}

	.register-form-section > .title-section > .contract-img {
    display: none;
	}

	.register-form-section > .input-section {
		flex-direction: column;
	}

	.register-form-section > .input-section > .title-section {
		margin-bottom: 40px;
	}
	
	.register-form-section > .input-section > .title-section > p {
		font-size: 16px;
		margin-bottom: 2px;
		font-weight: 700;
		line-height: 26px;
		color: #00295f;
	}
	
	.register-form-section > .input-section > .title-section > div {
		display: flex;
		font-size: 16px;
		font-weight: 700;
		line-height: 39px;
		color: #00295f;
	}

	.register-form-section > .input-section > .title-section > div > span {
		color: #3D92F6;
		margin-left: 4px;
	}

	/* 이용약관 */
	.register-form-section > .agreement-section > div > div {
		margin-left: 10px;
	}

	.register-form-section > .agreement-section > div > input {
		border-radius: 4px;
	}

	.register-form-section > .agreement-section > div > label {
		border-radius: 4px;
	}

	.register-form-section > .agreement-section > .divide-line {
			margin: 16px 0;
			background: #EEEEEE;
	}

	.register-form-section > .agreement-section > .agree-individual {
			font-size: 13px;
			line-height: 21px;
			margin-bottom: 16px;
	}

	.register-form-section > .agreement-section > .agree-individual > .checkbox-label {
		margin-top: 0.2em;
	}

	.register-form-section > .agreement-section > .agree-individual > .checkbox-label .checkbox-sub {
		margin-top: 0;
	}

	.register-form-section .next-step-btn {
			margin-top: 44px;
			font-size: 16px;
	}


	/* 회원가입 */
	.register-form-section > .input-section > .input-container > .input-text > .desktop-show {
			display: none;
	}

	.register-form-section > .input-section > .title-section > p {
    font-size: 20px;
		line-height: 33px;
	}

	.register-form-section > .input-section > .input-container > .mobile-show {
			display: block;
			width: 100%;
			line-height: 21px;
			text-align: right;
			font-weight: 400;
			color: #E30000;
	}

	.register-form-section > .input-section > .input-container > .phone-num-group {
			margin: 8px 0 8px;
	}

	.register-form-section > .input-section > .input-container > .phone-num-group > input:first-of-type {
			width: 30% !important;
	}

	.register-form-section > .input-section > .input-container > .phone-num-group > #user_phone_num {
			width: 70% !important;
			margin: 0 0 0 8px;
	}

	.register-form-section > .input-section > .input-container > .phone-num-group > button {
			display: none;
	}

	.register-form-section > .input-section > .input-container > input[name="mobile_auth_code"] {
			height: 49px;
	}

	.register-form-section > .input-section > .input-container > .phone-auth-group > .mobile_auth_timer {
			top: 12px;
	}

	.register-form-section > .input-section > .input-container > .mobile_auth_code_send_btn {
			display: block;
			height: 49px;
			color: #00295f;
			margin-top: 8px;
			font-size: 13px;
			background: white;
			border: 1px solid #00295f;
	}

	.register-form-section > .input-section > .input-container > .mobile_auth_code_send_btn:disabled {
		color: #9FB5D3;
		margin-top: 8px;
		border: 1px solid #9FB5D3;
	}

	/* 사업장 주소 */
	.register-form-section > .input-section > .input-container > .postcode-group {
		margin: 10px 0 0 0;
	}

	.register-form-section > .input-section > .input-container > .postcode-group > #sample6_postcode {
			width: 70% !important;
			min-width: 200px;
			margin-right: 8px;

	}

	.register-form-section > .input-section > .input-container > .postcode-group > button {
		display: block;
		height: 49px;
		color: #00295f;
		font-size: 13px;
		background: white;
		border: 1px solid #00295f;
	}
	
	.register-form-section > .input-section > .input-container > input[name="sample6_postcode"] {
			height: 49px;
	}

	/* 사업장 주소 끝 */
	/* 가입경로 mobile */

	.register-form-section > .input-section {
		display: flex;
		justify-content: row;

	}

	.register-form-section > .input-section .route-message {
		gap: 12px;
		margin-top: 12px;
		font-size: 13px;
		line-height: 21px;
	}
	
	.register-form-section > .input-section .route-message > a {
		font-size: 13px;
		line-height: 21px;
		text-decoration: underline;
		text-decoration-color: #3D92F6;
	}

	.register-form-section > .input-section .route-message > button {
		line-height: 16px;
		border-bottom: 1px solid #737373;
	}
	

	.register-form-section > .input-section .inflow-root-container > p {
			margin: 0 0 12px !important;
			display: flex;
			align-items: center;
			width: 50%;
	}

	.register-form-section > .input-section .inflow-root-container > p:last-of-type {
			margin: 0 !important;
			width: 100%;
	}

	.register-form-section > .input-section .inflow-root-container .check-box {
		width: 100%;
		border: 1px solid red;
	}

	.input-section .inflow-root-container .inflow_root_text {
			margin-top: 12px;
	}

	.register-form-section select {
		margin-top: 8px;
		height: 49px;
	}

	.register-form-section > .input-section > .input-container > .owner-name > input {
		width: 100%;
	}

	.register-form-section > .input-section > .input-container > select {
		background-color: transparent !important;
	}


	/* category */
	#input_container_category
		> .category-selected
		> .span-category {
		margin: 0 9px 5px 0;
	}

	.input-container.inflow-root-container.check-box {
		position: relative;
		left: 200px;
	}
	
}