:root {
		--main-color: #1F9AA0;
		--m-color-hover: #177579;
		--main-color-hover: #177579;
		--gray-light: #f9f9f9;
		--gray-border: #e2e8f0;
		--text-dark: #333333;
		--text-muted: #64748b;
		--accent-red: #df4747;
	}

	


	.AW_container {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px 16px;
		box-sizing: border-box;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
		color: var(--text-dark);
		align-items: center;
	}

	.AW_ttl h2 {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 8px;
	}
	.his_bar {
		font-size: 13px;
		color: #777;
		margin-bottom: 30px;
	}
	.his_bar a { color: #777; text-decoration: none; }
	.his_bar span::before { content: " > "; margin: 0 5px; color: #ccc; }

	.AW_join_area {
		margin-bottom: 25px;
	}
	.mem_ttl {
		font-size: 16px;
		font-weight: 600;
		margin-bottom: 10px;
	}
	.AW_join_area textarea {
		width: 100%;
		height: 160px;
		padding: 12px;
		border: 1px solid var(--gray-border);
		border-radius: 6px;
		background-color: var(--gray-light);
		resize: none;
		box-sizing: border-box;
		font-size: 13px;
		line-height: 1.6;
	}
	.agr {
		margin-top: 8px;
		text-align: right;
		font-size: 14px;
	}
	.agr input[type="checkbox"], .join_agree_all input[type="checkbox"] {
		accent-color: var(--m-color);
		cursor: pointer;
		vertical-align: middle;
		margin-right: 5px;
	}
	.agr label, .join_agree_all label {
		cursor: pointer;
		vertical-align: middle;
	}

	.join_agree_all {
		background: #f1fafa;
		border: 1px solid #d1edee;
		padding: 15px;
		border-radius: 6px;
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		margin: 30px 0;
	}


	.form_group {
		display: flex;
		flex-direction: column;
		gap: 12px;
		max-width: 400px;
		margin: 0 auto;
	}
	.form_row {
		display: flex;
		align-items: center;
	}
	.form_row label {
		width: 90px;
		font-size: 14px;
		font-weight: 500;
	}
	.form_row .input_wrap {
		flex: 1;
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.form_row input[type="text"], .form_row input[type="password"] {
		width: 100%;
		padding: 8px 12px;
		border: 1px solid var(--gray-border);
		border-radius: 4px;
		font-size: 14px;
		box-sizing: border-box;
	}
	.form_row input[type="text"]:focus, .form_row input[type="password"]:focus {
		border-color: var(--m-color);
		outline: none;
	}

	/* 하단 버튼 영역 */
	.AW_btn_area {
		display: flex;
		gap: 10px;
		justify-content: center;
		margin-top: 30px;
	}
	.AW_btn_area button {
		flex: 1;
		max-width: 200px;
		font-size: 16px;
		font-weight: 600;
		border: none;
		border-radius: 6px;
		cursor: pointer;
		transition: background 0.2s ease;
		padding : 0px;
	}
	.AW_btn_area .submit_btn {
		background-color: var(--m-color);
		color: #ffffff;
	}
	.AW_btn_area .submit_btn:hover {
		background-color: var(--m-color-hover);
	}
	.AW_btn_area .cancle_btn {
		background-color: #e2e8f0;
		color: #4a5568;
	}
	.AW_btn_area .cancle_btn:hover {
		background-color: #cbd5e1;
	}

	/* 모바일 대응 분기점 처리 */
	@media (max-width: 480px) {
		.form_row {
			flex-direction: column;
			align-items: flex-start;
			gap: 5px;
		}
		.form_row label {
			width: 100%;
		}
		.AW_btn_area button {
			max-width: none;
		}
	}

	
	

	

	.member_ttl {
		font-size: 18px;
		font-weight: 600;
		margin: 35px 0 12px;
		padding-left: 8px;
		border-left: 4px solid var(--main-color);
	}

	/* 반응형 폼 레이아웃 구조 (테이블 스타일 전환) */
	.AW_form_table {
		width: 100%;
		border-top: 2px solid var(--main-color);
		margin-bottom: 20px;
	}
	.form_row {
		display: flex;
		border-bottom: 1px solid var(--gray-border);
		align-items: center;
		min-height: 52px;
	}
	.form_row .tit {
		width: 22%;
		min-width: 130px;
		background-color: var(--gray-light);
		padding: 14px 15px;
		font-size: 14px;
		font-weight: 500;
		box-sizing: border-box;
	}
	.form_row .val {
		width: 78%;
		padding: 10px 15px;
		font-size: 14px;
		box-sizing: border-box;
	}

	/* 입력 폼 공통 스타일 */
	.AW_form_table input[type="text"],
	.AW_form_table input[type="password"],
	.AW_form_table select {
		padding: 8px 10px;
		border: 1px solid var(--gray-border);
		border-radius: 4px;
		font-size: 14px;
		box-sizing: border-box;
		outline: none;
		transition: border-color 0.2s;
	}
	.AW_form_table input[type="text"]:focus,
	.AW_form_table input[type="password"]:focus,
	.AW_form_table select:focus {
		border-color: var(--main-color);
	}

	/* 기능성 인라인 버튼 (중복확인, 우편번호 등) */
	.post_btn {
		background-color: #475569;
		color: #fff;
		border: none;
		padding: 8px 14px;
		border-radius: 4px;
		font-size: 13px;
		cursor: pointer;
		margin-left: 4px;
		vertical-align: middle;
	}
	.post_btn:hover {
		background-color: #334155;
	}

	/* 안내 문구 정의 */
	.form_sub {
		display: inline-block;
		font-size: 12px;
		color: var(--text-muted);
		margin-left: 6px;
		margin-top: 4px;
		vertical-align: middle;
	}
	.red {
		font-size: 12px;
		color: var(--accent-red);
		display: inline-block;
		margin-top: 4px;
	}

	/* 라디오 및 체크박스 정렬 */
	.radio, input[type="checkbox"] {
		accent-color: var(--main-color);
		margin-right: 4px;
		margin-left: 10px;
		cursor: pointer;
		vertical-align: middle;
	}
	.radio:first-of-type, input[type="checkbox"]:first-of-type {
		margin-left: 0;
	}
	.val label {
		cursor: pointer;
		vertical-align: middle;
		font-size: 13px;
		margin-right: 8px;
	}

	/* 연속되는 주소 등 다중 입력칸 마진 조절 */
	.val_block {
		display: flex;
		flex-direction: column;
		gap: 6px;
	}
	.val_row {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	/* 하단 메인 기능 버튼 */
	.AW_btn_area {
		display: flex;
		gap: 12px;
		justify-content: center;
		margin-top: 40px;
	}
	.AW_btn_area button {
		flex: 1;
		max-width: 200px;
		
		font-size: 16px;
		font-weight: 600;
		border: none;
		border-radius: 6px;
		cursor: pointer;
		transition: background 0.2s;
	}
	.AW_btn_area .submit_btn {
		background-color: var(--main-color);
		color: #ffffff;
	}
	.AW_btn_area .submit_btn:hover {
		background-color: var(--main-color-hover);
	}
	.AW_btn_area .cancle_btn {
		background-color: #e2e8f0;
		color: #4a5568;
	}
	.AW_btn_area .cancle_btn:hover {
		background-color: #cbd5e1;
	}

	/* 모바일 최적화 미디어 쿼리 */
	@media (max-width: 640px) {
		.form_row {
			flex-direction: column;
			align-items: flex-start;
		}
		.form_row .tit {
			width: 100%;
			padding: 10px 15px;
			border-bottom: 1px solid var(--gray-border);
		}
		.form_row .val {
			width: 100%;
			padding: 12px 15px;
		}
		.AW_form_table input[type="text"], 
		.AW_form_table input[type="password"] {
			font-size: 15px; /* 모바일 입력 시 줌 방지 */
		}
		.form_sub {
			display: block;
			margin-left: 0;
			margin-top: 6px;
		}
		.AW_btn_area button {
			max-width: none;
		}
	}


:root {
		--main-color: #1F9AA0;
		--main-color-hover: #177579;
		--gray-light: #f9f9f9;
		--gray-border: #e2e8f0;
		--text-dark: #333333;
		--text-muted: #999999;
	}

	/* 전체 컨테이너 */
	.AW_find_page_container {
		width: 100% !important;
		max-width: 1100px !important;
		margin: 0 auto !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	}

	/* 타이틀 영역 */
	.AW_find_page_container .AW_ttl h2 {
		font-size: 24px !important;
		font-weight: 700 !important;
		margin: 0 0 8px 0 !important;
		color: var(--text-dark) !important;
	}
	.AW_find_page_container .his_bar {
		font-size: 13px !important;
		color: #666666 !important;
		margin-bottom: 30px !important;
	}
	.AW_find_page_container .his_bar a { color: #666666 !important; text-decoration: none !important; }
	.AW_find_page_container .his_bar span::before { content: " > " !important; margin: 0 5px !important; color: #ccc !important; }

	/* 테두리 외곽 박스 */
	.AW_find_section_box {
		background: #ffffff !important;
		border: 1px solid var(--gray-border) !important;
		padding: 40px 20px !important; /* 패딩 조정 */
		margin-bottom: 30px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important; /* 내부 타이틀, 폼 요소를 전체 중앙 정렬 */
		text-align: center !important; /* 텍스트 정렬 중앙 */
	}

	/* 타이틀 및 안내문구 구역 */
	.AW_find_box_header {
		margin-bottom: 25px !important;
		width: 100% !important;
	}
	.AW_find_box_header h3 {
		font-size: 18px !important;
		font-weight: 600 !important;
		color: #000000 !important;
		margin: 0 0 8px 0 !important;
	}
	.AW_find_box_header small {
		font-size: 13px !important;
		color: var(--text-muted) !important;
		display: block !important;
	}

	/* 폼 태그가 flex 배치를 방해하지 않도록 가로 너비 강제 고정 */
	.AW_find_page_container form {
		width: 100% !important;
		display: flex !important;
		justify-content: center !important; /* 폼 자체를 중앙 정렬 */
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}

	/* 입력창과 버튼을 묶어주는 구역 */
	.AW_find_form_flex {
		display: flex !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 480px !important; /* 중앙 배치 후 너무 퍼지지 않게 밸런스 유지 */
		text-align: left !important; /* 인풋 박스 내부 텍스트 정렬은 왼쪽 */
	}

	/* 왼쪽 입력창 그룹 */
	.AW_find_input_group {
		flex: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 8px !important;
	}
	.AW_find_input_group input[type="text"] {
		width: 100% !important;
		height: 45px !important;
		padding: 0 12px !important;
		border: 1px solid var(--gray-border) !important;
		font-size: 14px !important;
		color: #333333 !important;
		box-sizing: border-box !important;    -webkit-border-radius: 10px;
	}
	.AW_find_input_group input[type="text"]:focus {
		border-color: var(--main-color) !important;
		outline: none !important;    -webkit-border-radius: 10px;
	}

	/* 오른쪽 거대 버튼 구역 (#1F9AA0 적용) */
	.AW_find_btn_side {
		width: 130px !important;
		background-color: var(--main-color) !important;
		color: #ffffff !important;
		border: none !important;
		font-size: 15px !important;
		font-weight: 600 !important;
		cursor: pointer !important;
		transition: background-color 0.2s !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;-webkit-border-radius: 10px;
	}
	.AW_find_btn_side:hover {
		background-color: var(--main-color-hover) !important;
	}

	/* 모바일 반응형 최적화 (768px 이하) */
	@media (max-width: 768px) {
		.AW_find_section_box {
			padding: 30px 16px !important;
		}
		.AW_find_form_flex {
			flex-direction: column !important; /* 모바일에선 버튼이 하단 배치 */
			max-width: none !important;
		}
		.AW_find_btn_side {
			width: 100% !important;
			height: 48px !important;
			margin-top: 4px !important;
		}
	}



	/* 가입 완료 전체 컨테이너 */
	.AW_join_complete_container {
		width: 100% !important;
		max-width: 650px !important; /* 안내 페이지에 알맞은 컴팩트한 너비 */
		margin: 60px auto !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	}

	/* 중앙 정렬 카드 박스 */
	.AW_join_complete_box {
		background: #ffffff !important;
		padding: 50px 40px !important;
		text-align: center !important;
	}

	/* 승인 대기 아이콘 (메인 컬러 적용) */
	.AW_join_complete_icon {
		width: 70px !important;
		height: 70px !important;
		background-color: #f1fafa !important;
		border-radius: 50% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 auto 24px auto !important;
	}
	.AW_join_complete_icon svg {
		width: 35px !important;
		height: 35px !important;
		fill: var(--main-color) !important;
	}

	/* 주 타이틀 */
	.AW_join_complete_box h2 {
		font-size: 24px !important;
		font-weight: 700 !important;
		color: var(--text-dark) !important;
		margin: 0 0 16px 0 !important;
		letter-spacing: -0.5px !important;
	}

	/* 강조 텍스트 */
	.AW_join_complete_box h2 span {
		color: var(--main-color) !important;
	}

	/* 서브 설명 문구 (B2B 안내 핵심) */
	.AW_join_complete_desc {
		font-size: 15px !important;
		color: #4a5568 !important;
		line-height: 1.6 !important;
		margin: 0 0 30px 0 !important;
		word-break: keep-all !important; /* 한글 단어 단위 줄바꿈으로 가독성 향상 */
	}

	/* 추가 안내 박스 (유의사항) */
	.AW_join_complete_notice {
		background-color: var(--gray-light) !important;
		border-radius: 6px !important;
		padding: 15px 20px !important;
		text-align: left !important;
		margin-bottom: 35px !important;
	}
	.AW_join_complete_notice p {
		font-size: 13px !important;
		color: var(--text-muted) !important;
		margin: 4px 0 !important;
		display: flex !important;
		gap: 6px !important;
	}
	.AW_join_complete_notice p::before {
		content: "•" !important;
		color: var(--main-color) !important;
		font-weight: bold !important;
	}

	/* 하단 버튼 영역 */
	.AW_join_complete_btns {
		display: flex !important;
		gap: 10px !important;
		justify-content: center !important;
	}
	.AW_join_complete_btns a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 48px !important;
		padding: 0 30px !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		text-decoration: none !important;
		border-radius: 4px !important;
		box-sizing: border-box !important;
		transition: all 0.2s !important;
	}
	
	/* 메인 버튼 (홈으로) */
	.AW_join_complete_btns .btn_main {
		background-color: var(--main-color) !important;
		color: #ffffff !important;
		width: 100% !important;
		max-width: 200px !important;
	}
	.AW_join_complete_btns .btn_main:hover {
		background-color: var(--main-color-hover) !important;
	}

	/* 반응형 모바일 대응 (500px 이하) */
	@media (max-width: 500px) {
		.AW_join_complete_container {
			margin: 30px auto !important;
		}
		.AW_join_complete_box {
			padding: 40px 20px !important;
		}
		.AW_join_complete_box h2 {
			font-size: 20px !important;
		}
		.AW_join_complete_desc {
			font-size: 14px !important;
		}
		.AW_join_complete_btns .btn_main {
			max-width: none !important; /* 모바일에선 버튼 가로 꽉 차게 */
		}
	}