@charset "utf-8";


/** 회원가입 */
#register {
	.section_head {padding-top: 24px; padding-bottom: 36px; font-size: 22px; }
	.section_body {flex: 1; padding-bottom: 30px; }
	
	.sso_info {
		display: flex; align-items: center; gap: 5px; height: 30px; padding: 0 8px; border-radius: 5px; 

		.label:before {display: block; clear: both; font-size: 14px; font-weight: 600; }
		&:before {display: block; clear: both; content: ''; width: 14px; height: 14px; }
		&.apple {
			background: rgb(var(--color-apple-background));

			.label:before {content: '애플 로그인'; color: rgb(var(--color-apple-label)); }
			&:before {background: url('/img/common/icon_sso_apple.svg') no-repeat center/ contain; }
		}
		&.kakao {
			background: rgb(var(--color-kakao-background));

			.label:before {content: '카카오 로그인'; color: rgb(var(--color-kakao-label)); }
			&:before {background: url('/img/common/icon_sso_kakao.svg') no-repeat center/ contain; }
		}
		&.naver {
			background: rgb(var(--color-naver-background));

			.label:before {content: '네이버 로그인'; color: rgb(var(--color-naver-label)); }
			&:before {background: url('/img/common/icon_sso_naver.svg') no-repeat center/ contain; }
		}
		&.test {
			background: rgb(var(--color-gray-008));
			
			.label:before {content: '테스트'; color: rgb(var(--color-black)); }
			&:before {display: none; }
		}
	}
	
	.pass_cert {background: #FF3A4A; color: #FFF; }
	.pass_cert.is_cert {}
	.bottom_fixed_area {border-top: 1px solid rgb(var(--color-gray-007)); background: rgb(var(--color-white)); }
}