<?php
// 제보확인ID 로직 처리
$lookup_result = '';
$lookup_error = '';
$confirm_id_error = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['lookup_submit'])) {
	// 제보확인 ID로 신고정보 조회
	$lookup_id = isset($_POST['lookup_id']) ? trim($_POST['lookup_id']) : '';
	$lookup_pw = isset($_POST['lookup_pw']) ? trim($_POST['lookup_pw']) : '';
	
	// 입력값 검증
	if (empty($lookup_id) || empty($lookup_pw)) {
		$lookup_error = '제보확인 ID와 비밀번호를 모두 입력해주세요.';
	} elseif (strlen($lookup_id) > 50 || strlen($lookup_pw) > 100) {
		$lookup_error = '입력값이 너무 깁니다.';
	} else {
		// SQL Injection 방지: mysqli_real_escape_string 사용
		global $md;
		if (isset($md['connect']) && $md['connect'] instanceof mysqli) {
			$lookup_id_escaped = mysqli_real_escape_string($md['connect'], $lookup_id);
		} else {
			$lookup_id_escaped = addslashes($lookup_id);
		}
		
		// 1. 제보확인 ID 존재 여부 확인 (데이터베이스 처리 완료를 위해 약간의 지연)
		usleep(100000); // 0.1초 지연
		$sql = "SELECT atcl_seq, confirm_pw_hash FROM md_ethics WHERE confirm_id = '" . $lookup_id_escaped . "'";
		$confirm_data = sql_fetch($sql);
	
		if (!$confirm_data) {
			$lookup_error = '제보확인 ID가 존재하지 않습니다.';
		} else {
			// 2. 비밀번호 확인 (여러 형식 지원)
			$stored_hash = $confirm_data['confirm_pw_hash'];
			$input_pw = $lookup_pw;
			
			// 다양한 비밀번호 형식 확인
			$password_match = false;
			
			// 1. 평문 비교
			if ($stored_hash === $input_pw) {
				$password_match = true;
			}
			// 2. MD5 해시 비교
			elseif ($stored_hash === md5($input_pw)) {
				$password_match = true;
			}
			// 3. SHA1 해시 비교
			elseif ($stored_hash === sha1($input_pw)) {
				$password_match = true;
			}
			
			if (!$password_match) {
				$lookup_error = '비밀번호가 일치하지 않습니다.';
			} else {
				// 3. 신고정보 조회 - SQL Injection 방지
				$atcl_seq = $confirm_data['atcl_seq'];
				
				// atcl_seq는 숫자여야 함 (검증)
				if (!is_numeric($atcl_seq) || $atcl_seq <= 0) {
					$lookup_error = '잘못된 접수번호입니다.';
				} else {
					// 숫자 값이므로 직접 사용 가능 (추가 이스케이프는 불필요하지만 안전을 위해)
					$atcl_seq_escaped = intval($atcl_seq);
					$sql = "SELECT atcl_seq, ref_seq, ref_level, title, content, mb_name, ctel_no, email, gubun, course_fg, agree, reg_dt FROM md_board WHERE atcl_seq = " . $atcl_seq_escaped . " AND board_cd = 'ethic'";
					
					$report_data = sql_fetch($sql);
					
					// 디버깅: 쿼리 결과 확인
					if (!$report_data) {
						// 다른 조건으로도 검색해보기
						$sql2 = "SELECT atcl_seq, ref_seq, ref_level, title, content, mb_name, ctel_no, email, gubun, course_fg, agree, reg_dt FROM md_board WHERE atcl_seq = " . $atcl_seq_escaped;
						$report_data2 = sql_fetch($sql2);
						
						if ($report_data2) {
							$report_data = $report_data2;
						} else {
							$lookup_error = '신고정보를 찾을 수 없습니다.';
						}
					}
					
					if ($report_data) {
						// 4. 조회 결과 저장
						$lookup_result = $report_data;
						
						// 5. 답변 게시물 조회 (QnA 방식: ref_seq가 같고 ref_level > 0인 게시물)
						// 원글인 경우 ref_seq는 atcl_seq와 같고, 답변인 경우 ref_seq는 원글의 atcl_seq
						$ref_seq = $report_data['ref_seq'];
						$ref_level = isset($report_data['ref_level']) ? intval($report_data['ref_level']) : 0;
						
						// 원글인 경우 (ref_level = 0), ref_seq는 atcl_seq와 같아야 함
						if ($ref_level == 0) {
							$ref_seq = $report_data['atcl_seq'];
						}
						
						if (!empty($ref_seq) && is_numeric($ref_seq)) {
							$ref_seq_escaped = intval($ref_seq);
							$reply_sql = "SELECT atcl_seq, title, content, mb_name, reg_dt FROM md_board WHERE ref_seq = " . $ref_seq_escaped . " AND ref_level > 0 AND del_dt IS NULL ORDER BY ref_level ASC, atcl_seq ASC LIMIT 1";
							$reply_data = sql_fetch($reply_sql);
							
							if ($reply_data) {
								$lookup_result['reply'] = $reply_data;
							}
						}
						
						// 민감한 정보는 에러 로그에 기록하지 않음
						error_log("조회 결과 성공 - 접수번호: " . $atcl_seq_escaped);
					}
				}
			}
		}
	}
}
?>
<div class="con_wrap con0304 padding_company"> <!-- con0304 padding 추가 - 20231019 jhh-->
	<!-- tabs: 윤리경영신고 / 제보하기 / 제보결과 조회 - 20250919 jhh -->
	<div class="tabs_con0304" style="margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:8px;">
		<button type="button" class="tab_btn active" data-target="ethics" style="padding:16px 24px;font-size:14px;border:1px solid #ccc;background:#fff;">윤리경영신고</button>
		<button type="button" class="tab_btn" data-target="report" style="padding:16px 24px;font-size:14px;border:1px solid #ccc;background:#fff;margin-left:-1px;">제보하기</button>
		<button type="button" class="tab_btn" data-target="lookup" style="padding:16px 24px;font-size:14px;border:1px solid #ccc;background:#fff;margin-left:-1px;">제보결과 조회</button>
	</div>
	<dl class="con_layout">
		<dt class="tab-ethics"><div class="stit mb_company">윤리경영신고</div></dt> <!--20231019 jhh-->
		<dd class="tab-ethics">
			<div class="gj_box mt0">
				미래엔서해에너지는 건전한 기업 풍토 조성을 위하여 윤리경영 신고센터를 운영하고 있습니다.
			신고센터는 임직원과 외부인 모두에게 열려 있으며, 제3자 비공개 방식으로 운영합니다.
			</div>
			<div class="stit2">신고센터 이용안내</div></dt>
			<ul class="dot_list">
				<li>횡령, 배임, 공갈, 절도, 금품수수, 향응 등 미래엔서해에너지 임직원의 비리행위를 아래 윤리신고 채널의 방법으로 제보하여 주시기 바랍니다.</li>
				<li>고객불만 ,하자보수 등 서비스/품질관련사항은 “고객의소리” 메뉴를 통해 접수하시면 관련부서에서 신속히 처리가 됩니다.
                    <br> <!-- br 추가 - 20231019 jhh -->
					<!-- <a class="btn_link" href="<?=$html['010502']?>">고객의 소리 바로가기</a> -->
					<p class="noti mt5">※ 사실에 근거하지 않은비방, 구체적이지 않은 익명제보, 개인사생활 관련사항은 별도안내 없이 종료 처리되오니 이 점 양지하여 주시기 바랍니다.</p>
				</li>
				<li>실명으로 접수하신 경우에 조사를 원칙으로 하고 있으며, 익명의 내용이라도 내용이 구체적이고 사실근거가 명확한 경우에는 조사를 실시합니다.</li>
			</ul>

			<div class="stit2">제보대상</div>
			<ul class="r_case">
				<li><p class="line1">뇌물/금전거래/향응 수수</p></li>
				<li><p>공금횡령 및<br class="br_620"> 사리도모</p></li> <!-- br_620 추가 - 20231019 jhh -->
				<li><p>회사정보 및<br class="br_620"> 인력유출 행위</p></li> <!-- br_620 추가 - 20231019 jhh -->
				<li><p class="line1 line1_1">불공정거래</p></li> <!-- line1_1 추가 - 20231019 jhh -->
				<li><p class="line2">구성원 간 인격 존중 미흡<br/>(성희롱/괴롭힘)</p></li> <!-- line2 추가 - 20231019 jhh -->
				<li><p class="line1 line1_1">기타 부정사례</p></li> <!-- line1_1 추가 - 20231019 jhh -->
			</ul>

			<div class="stit2">신고채널</div>
			<ul class="dot_list wid_same">
				<li><strong>인터넷</strong> 온라인 신고하기</li>
				<li><strong>이메일</strong> ethical@miraense.com</li>
				<!-- <li><strong>우&nbsp;&nbsp;&nbsp;&nbsp;편</strong>충남 당진시 시곡로 348(시곡동), ㈜미래엔서해에너지 정도경영팀</li> -->
				<li><strong>우&nbsp;&nbsp;&nbsp;&nbsp;편</strong> <p style="position:absolute;display:inline-block;margin-left:3px;">충남 당진시 시곡로 348(시곡동), ㈜미래엔서해에너지 정도경영팀</p></li> <!-- 20231019 jhh-->
			</ul>

			<div class="stit2">제보자보호</div>
			<div class="r_care">
				<div class="box">
					<h3>보호대상</h3>
					<p>제보자의 보호는 실명 및 정확한 증거 제출의 경우를 원칙으로 하고 있습니다.&nbsp;또한 제보자 및 관련 이해 관계자들에 대한 제보 정보도 철저히 보호 하겠습니다.</p> <!-- 띄어쓰기 - 20231019 jhh -->
					<ul class="dot_list">
						<li>제보자 신분</li>
						<li>제보자가 제시한 증거 또는 제보 관련 수집정보</li>
					</ul>
				</div>
				<div class="box box2"> <!-- box2 추가 - 20231019 jhh -->
					<h3>보호정책</h3>
					<p></p>
					<ul class="dot_list">
						<li>제보자 및 제보내용은 대외비로 엄격히 처리되며, 제보시스템은 안전한 보안체계로 보호되고 있습니다. 또한 제보담당은 제보에 대한 비밀준수를 엄수할 것을 서약한 제한된 인원에 의해 수행되고 있습니다.</li>
						<li>본인이 관련된 부정∙비리를 제보할 경우에는 충분한 정상참작을 통하여 합리적으로 처리 될 것 입니다.</li>
					</ul>
				</div>
			</div>
		</dd>
		<!--index.php 주석처리, 232 주석처리 - 20240808 jhh -->
		<!-- <form action="index.php" enctype="multipart/form-data"  method="post" name="insertform" id="insertform"> --> 
		<form enctype="multipart/form-data"  method="post" name="insertform" id="insertform">
		<input type="hidden" name="page" value="board" />
		<input type="hidden" name="file" value="insertresult" />
		<!-- <input type="hidden" name="mc" value="232" /> -->
		<input type="hidden" name="mc" value="21" />
		<input type="hidden" name="table" value="md_board" />
		<input type="hidden" name="board_cd" value="ethic" />
		<input type="hidden" name="mode" value="<?=$mode?>" />
		<input type="hidden" name="atcl_seq" value="<?=$atcl_seq?>" />
		<input type="hidden" name="tok" value="<?=$tok?>" />
		<input type="hidden" value="" name="com_seq" />
		<?php
		// 이 템플릿은 윤리(ethic) 전용 — board_cd 변수와 무관하게 nonce 항상 출력(미출력 시 제출이 세션 검증에서 막힘)
		$efn = get_session('ss_ethics_form_nonce');
		?>
		<input type="hidden" name="ethics_form_nonce" value="<?php echo htmlspecialchars(is_string($efn) ? $efn : '', ENT_QUOTES, 'UTF-8'); ?>" />

		<dt class="tab-report"><div class="stit mb_company">제보하기</div></dt> <!--20231019 jhh-->
		<dd class="tab-report">
			<div class="stit2 mt0">제보자 정보</div>
				<p class="noti tar mt_company"><span class="red">*</span> 표시는 필수입력 사항입니다.</p>
					<div class="gubun_tabs_wrap">
						<div class="gubun_tabs">
							<button type="button" class="gubun_btn<?php echo (!isset($gubun) || $gubun === '실명') ? ' active' : ''; ?>" data-gubun="실명">실명</button>
							<button type="button" class="gubun_btn<?php echo (isset($gubun) && $gubun === '익명') ? ' active' : ''; ?>" data-gubun="익명">익명</button>
						</div>
						<div class="gubun_radios">
							<input class="required" type="radio" id="gubun" title="실명/익명을 선택해주세요" name="gubun" value="실명" onchange="change_gubun()" <?php echo (!isset($gubun) || $gubun === '실명') ? 'checked' : ''; ?>> 
							<label for="gubun" class="con0304_gubun">실명으로 제보하기</label>
							<input type="radio" id="gubun2" title="실명/익명을 선택해주세요" name="gubun" value="익명" onchange="change_gubun()" <?php echo (isset($gubun) && $gubun === '익명') ? 'checked' : ''; ?>> 
							<label for="gubun2" class="con0304_gubun">익명으로 제보하기</label>
						</div>
					</div>
					<table class="tb02">
						<caption>제보자 정보 테이블</caption>
						<colgroup>
							<col class="con0304_col" width="15%"> <!-- con0304 추가 20230801 조현후 -->
							<col width="*">
						</colgroup>
						<tbody>
							<!-- class 에 con0304_fs 추가 / 휴대폰, 이메일에 con0304_phone, con0304_email 추가 - 20230801 조현후 -->
							<tr>
							<th scope="col" class="con0304_fs"><span class="red isRequired">*</span> 이름</th>
								<td class="tal br0">
									<input type="text" id="name" class="isDisabled required" title="이름을 입력해주세요." name="name" value="<?php echo htmlspecialchars($name ?? '', ENT_QUOTES, 'UTF-8'); ?>" maxlength="50" pattern="[가-힣a-zA-Z\s]{1,50}" oninput="this.value = this.value.replace(/[<>&quot;&apos;]/g, '')">
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red isRequired">*</span> 휴대폰</th>
								<td class="tal br0">
									<input class="inputborder checkVal required isDisabled con0304_phone" type="text" maxlength="3" name="ctel_no_1" value="<?php echo htmlspecialchars($ctel_no_1 ?? '', ENT_QUOTES, 'UTF-8'); ?>" id="phone1" size="7" title="전화번호 앞자리을 입력해주세요"> - 
									<input class="inputborder checkVal required isDisabled con0304_phone" type="text" maxlength="4" name="ctel_no_2" value="<?php echo htmlspecialchars($ctel_no_2 ?? '', ENT_QUOTES, 'UTF-8'); ?>" id="phone02" size="7" title="전화번호 중간자리을 입력해주세요"> - 
									<input class="inputborder checkVal required isDisabled con0304_phone" type="text" maxlength="4" name="ctel_no_3" value="<?php echo htmlspecialchars($ctel_no_3 ?? '', ENT_QUOTES, 'UTF-8'); ?>" id="phone03" size="7" title="전화번호 뒷자리을 입력해주세요">
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red isRequired">*</span> 이메일</th>
								<td class="tal br0">
									<input type="text" id="e_mail" class="input_text checkVal required isDisabled con0304_email" value="<?php echo htmlspecialchars($email_1 ?? '', ENT_QUOTES, 'UTF-8'); ?>" name="email_1" title="이메일을 입력해주세요." maxlength="50" pattern="[a-zA-Z0-9._-]+" oninput="this.value = this.value.replace(/[^a-zA-Z0-9._-]/g, '')"> @ 
									<label for="e_mail2"></label><input type="text" id="e_mail2" class="input_text checkVal required isDisabled con0304_email" value="<?php echo htmlspecialchars($email_2 ?? '', ENT_QUOTES, 'UTF-8'); ?>" name="email_2" title="이메일을 입력해주세요." maxlength="50" pattern="[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}" oninput="this.value = this.value.replace(/[^a-zA-Z0-9.-]/g, '')">
								</td>
							</tr>
						</tbody>
					</table>
				<p class="noti">※제보자의 비밀은 절대적으로 보호되며,익명으로 제보한 경우 처리 결과는 통보하지 않습니다.</p>

				<div class="stit2">제보내용</div>
					<table class="tb02">
						<caption>제보자 정보 테이블</caption>
						<colgroup>
							<col class="con0304_col" width="15%"> <!-- con0304 추가 20231019 jhh -->
							<col width="*">
						</colgroup>
						<tbody>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span>제목</th>
								<td class="tal br0">
									<input class="required con0304_fs" type="text" value="<?php echo htmlspecialchars($title ?? '', ENT_QUOTES, 'UTF-8'); ?>" name="title" class="title_input" id="" placeholder="30자 이내 입력" title="제목을 입력해주세요." style="width:100%;max-width:100%;" maxlength="200">
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span>내용</th>
								<td class="tal br0">
									<textarea id="" class="content_box required con0304_fs" name="content" title="내용을 입력해주세요." placeholder="제보내용 입력시 사실에 근거한 내용을 육하원칙(누가,언제, 어디서, 무엇을, 어떻게, 왜)에 따라 가급적 구체적으로 작성하여 주실 것 을 부탁드립니다. 근거없는소문,타인을 비방할 목적의 음해성 제보의 경우 조사를 진행하지 않을 수 있으며, 관련자료(사진,문서,증빙등)가 있을 경우 첨부하여 주시면 조사에 많은 도움이됩니다." maxlength="5000"><?php echo htmlspecialchars($content ?? '', ENT_QUOTES, 'UTF-8'); ?></textarea>
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs">첨부</th>
								<td class="tal br0 mt0 board_write" style="border-top:0;">
									<?php
									$ethics_fm = (isset($files_memo) && is_array($files_memo)) ? $files_memo : array('', '', '');
									$ethics_fm0 = htmlspecialchars($ethics_fm[0] ?? '', ENT_QUOTES, 'UTF-8');
									$ethics_fm1 = htmlspecialchars($ethics_fm[1] ?? '', ENT_QUOTES, 'UTF-8');
									$ethics_fm2 = htmlspecialchars($ethics_fm[2] ?? '', ENT_QUOTES, 'UTF-8');
									?>
									<div>
										<!-- con0304_file 추가 - 20231019 jhh -->
										<p><input id="file1" type="file" name="files[]" class="fileupload" title="첨부파일 1" accept=".jpg,.jpeg,.png,.pdf" onchange="validateFile(this)">	
										<label for="file1" id="" name="" class="fileup">파일첨부</label>
										&nbsp; 파일 설명 : <input type="text" value="<?php echo $ethics_fm0; ?>" class="file_info_box con0304_file" id="filename" name="files_memo[]" title="1번의 첨부파일 설명글입니다." maxlength="200"></p>
									</div>
									
									<div>
										<p><input id="file2" type="file" name="files[]" class="fileupload" title="첨부파일 2" accept=".jpg,.jpeg,.png,.pdf" onchange="validateFile(this)">	
										<label for="file2" id="" name="" class="fileup">파일첨부</label>
										&nbsp; 파일 설명 : <input type="text" value="<?php echo $ethics_fm1; ?>" class="file_info_box con0304_file" id="filename" name="files_memo[]" title="2번의 첨부파일 설명글입니다." maxlength="200"></p>
									</div>
									
									<div>
										<p><input id="file3" type="file" name="files[]" class="fileupload" title="첨부파일 3" accept=".jpg,.jpeg,.png,.pdf" onchange="validateFile(this)">	
										<label for="file3" id="" name="" class="fileup">파일첨부</label>
										&nbsp; 파일 설명 : <input type="text" value="<?php echo $ethics_fm2; ?>" class="file_info_box con0304_file" id="filename" name="files_memo[]" title="3번의 첨부파일 설명글입니다." maxlength="200"></p>
									</div>
									
									<span class="noti con0304_fs">※ jpg, png, pdf만 업로드 가능하며, 최대 첨부가능 용량은 3Mb 입니다.</span> <!-- con0304_fs 추가 - 20231019 jhh-->
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span>결과통보</th>
								<td class="tal br0">
									<input type="radio" class="required isDisabled" id="" title="결과 통보를 선택해주세요" name="result" value="y" onchange="change_result()" <?php echo (isset($result) && $result === 'y') ? 'checked' : ''; ?>> 
									<label for="">필요</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="radio" class="isDisabled" id="" title="결과 통보를 선택해주세요" name="result" value="n" onchange="change_result()" <?php echo (!isset($result) || $result === 'n') ? 'checked' : ''; ?>> 
									<label for="">불필요</label>
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red isRequired" id="course_fg">*</span>통보방법</th>
								<td class="tal br0">
									<input type="radio" class="isDisabled required" id="course_fg_tel"  title="통보방법을 선택해주세요" name="course_fg" value="전화"  disabled <?php echo (isset($course_fg) && $course_fg === '전화') ? 'checked' : ''; ?>> 
									<label for="">전화</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="radio" class="isDisabled" id="course_fg_email" title="통보방법을 선택해주세요"  name="course_fg" value="이메일" disabled <?php echo (isset($course_fg) && $course_fg === '이메일') ? 'checked' : ''; ?>> 
									<label for="">이메일</label>
								</td>
							</tr>
						</tbody>
					</table>
					
					<div class="stit2">제보결과 확인 시 필요 정보</div>
					<table class="tb02">
						<caption>제보결과 확인 시 필요 정보</caption>
						<colgroup>
							<col class="con0304_col" width="15%">
							<col width="*">
						</colgroup>
						<tbody>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span> 제보확인 ID</th>
								<td class="tal br0">
									<input type="text" id="confirm_id" class="required con0304_fs" name="confirm_id" value="<?php echo htmlspecialchars($confirm_id ?? '', ENT_QUOTES, 'UTF-8'); ?>" title="조회용 ID를 입력해주세요." oninput="this.value = this.value.replace(/[^a-zA-Z0-9_]/g, ''); resetConfirmIdStatus();" style="width:200px;display:inline-block;" autocomplete="username" maxlength="50" pattern="[a-zA-Z0-9_]{4,50}">
									<button type="button" id="check_id_btn" class="btn btn_gray" style="margin-left:10px;padding:5px 15px;font-size:12px;">중복확인</button>
									<span id="confirm_id_status" style="margin-left:10px;font-size:12px;"></span>
									<p class="noti mt5">※ 영문, 숫자, 언더스코어(_)만 사용 가능하며, 4자 이상 50자 이하로 입력해주세요.</p>
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span> 비밀번호</th>
								<td class="tal br0">
									<input type="password" id="confirm_pw" class="required con0304_fs" name="confirm_pw" value="<?php echo htmlspecialchars($confirm_pw ?? '', ENT_QUOTES, 'UTF-8'); ?>" title="조회용 비밀번호를 입력해주세요." autocomplete="new-password" maxlength="100" minlength="4">
									<p class="noti mt5">※접수 후 제보내용 조회 시 본 ID/PW로 확인합니다. 분실에 유의해 주세요. (4자 이상 100자 이하)</p>
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span> 비밀번호 재확인</th>
								<td class="tal br0">
									<input type="password" id="confirm_pw2" class="required con0304_fs" name="confirm_pw2" value="<?php echo htmlspecialchars($confirm_pw2 ?? '', ENT_QUOTES, 'UTF-8'); ?>" title="비밀번호를 다시 입력해주세요." autocomplete="new-password" maxlength="100" minlength="4">
								</td>
							</tr>
							<tr>
								<th scope="col" class="con0304_fs"><span class="red">*</span> 보안문자</th>
								<td class="tal br0">
									<div class="captcha_box">
										<?php $ethics_captcha_url = rtrim($md['root_path'] ?? '/', '/') . '/ethics_captcha_image.php'; ?>
										<img src="<?php echo htmlspecialchars($ethics_captcha_url, ENT_QUOTES, 'UTF-8'); ?>" id="ethics_captcha_img" width="160" height="48" alt="보안문자" style="vertical-align:middle;border:1px solid #ccd;">
										<button type="button" class="btn btn_white con0304_btn" id="captcha_refresh">새로고침</button>
										<input type="text" id="captcha_input" class="required con0304_fs" name="kcaptcha_value" title="이미지에 보이는 보안문자를 입력해주세요." placeholder="보안문자 입력" autocomplete="off">
										<p class="noti mt5">※ 대소문자 구분 없음</p>
									</div>
								</td>
							</tr>
						</tbody>
					</table>

					<div class="stit2">개인정보 수집/이용 동의</div>
					<table class="tb03 con0304_fs">
						<tr>
							<th>수집항목</th>
							<td>성명, 휴대폰번호, 이메일</td>
						</tr>
						<tr>
							<th>이용목적</th>
							<td>제보에 대한 처리 및 결과 회신을 위한 의사소통경로 확보, 제보내역 관리</td>
						</tr>
						<tr>
							<th>보유기간</th>
							<td>제보 목적 달성 시 즉시 파기 <br/>
							<span class="noti con0304_fs">※ 관계법률에 의해 보존 할 필요가 있는 경우 일정기간 보존</span></td>
						</tr>
					</table>
				<div class="tac mt20">
					<p class="mb20"><input class="required" type="checkbox" id="agree" title="개인정보 수집/이용 동의에 체크해주세요." name="agree" value="1" <?php echo !empty($agree) ? 'checked' : ''; ?>> 위의 사항에 동의합니다.</p>
					<input type="submit" id="ethics_submit_btn" value="제보하기" class="btn btn_blue con0304_btn"> <!-- con0304_btn 추가 - 20231019 jhh-->
					<button type="button" class="btn btn_white con0304_btn" onclick="history.back();">취소하기</button>
				</div>
		</dd>

	</form>
	<dt class="tab-lookup"><div class="stit mb_company">제보결과 조회</div></dt>
	<dd class="tab-lookup" style="display:none;">
		<p class="noti">접수 시 설정한 제보확인 ID와 비밀번호로 조회합니다.</p>
		
		<form method="post">
			<input type="hidden" name="active_tab" value="lookup">
			<table class="tb02" style="margin-top:10px;">
				<colgroup>
					<col class="con0304_col" width="15%">
					<col width="*">
				</colgroup>
				<tbody>
					<tr>
						<th scope="col" class="con0304_fs"><span class="red">*</span> 제보확인 ID</th>
						<td class="tal br0">
							<input type="text" id="lookup_id" class="required con0304_fs" name="lookup_id" value="<?php echo (isset($_POST['lookup_id']) && $_POST['lookup_id']) ? htmlspecialchars($_POST['lookup_id'], ENT_QUOTES, 'UTF-8') : ''; ?>" title="제보확인 ID를 입력해주세요." autocomplete="username" maxlength="50" pattern="[a-zA-Z0-9_]{4,50}" oninput="this.value = this.value.replace(/[^a-zA-Z0-9_]/g, '')">
						</td>
					</tr>
					<tr>
						<th scope="col" class="con0304_fs"><span class="red">*</span> 비밀번호</th>
						<td class="tal br0">
							<input type="password" id="lookup_pw" class="required con0304_fs" name="lookup_pw" title="제보확인 비밀번호를 입력해주세요." autocomplete="current-password" maxlength="100" minlength="4">
						</td>
					</tr>
				</tbody>
			</table>
			<div class="tac mt20">
				<button type="submit" name="lookup_submit" class="btn btn_blue con0304_btn">조회하기</button>
			</div>
		</form>
		
		<!-- 조회 결과 표시 영역 -->
		<?php if (isset($lookup_error) && $lookup_error): ?>
			<div class="error_msg"><?php echo $lookup_error; ?></div>
		<?php endif; ?>
		
		<?php if (isset($lookup_result) && $lookup_result): ?>
			<div class="report_result">
				<h4>제보 정보</h4>
				<table class="tb02">
					<tr><th>접수번호</th><td><?php echo $lookup_result['atcl_seq']; ?></td></tr>
					<tr><th>제목</th><td><?php echo htmlspecialchars($lookup_result['title']); ?></td></tr>
					<tr><th>내용</th><td><?php echo nl2br(htmlspecialchars($lookup_result['content'])); ?></td></tr>
					<?php if (!empty($lookup_result['reply'])): ?>
					<tr><th>답변</th><td><?php echo nl2br(htmlspecialchars($lookup_result['reply']['content'])); ?></td></tr>
					<?php endif; ?>
					<tr><th>제보자</th><td><?php echo $lookup_result['mb_name'] ? htmlspecialchars($lookup_result['mb_name']) : '익명'; ?></td></tr>
					<tr><th>제보구분</th><td><?php echo htmlspecialchars($lookup_result['gubun']); ?></td></tr>
					<tr><th>연락처</th><td><?php echo htmlspecialchars($lookup_result['ctel_no']); ?></td></tr>
					<tr><th>이메일</th><td><?php echo htmlspecialchars($lookup_result['email']); ?></td></tr>
					<tr><th>통보방법</th><td><?php echo htmlspecialchars($lookup_result['course_fg']); ?></td></tr>
					<tr><th>개인정보동의</th><td><?php echo $lookup_result['agree'] == 'on' ? '동의' : '미동의'; ?></td></tr>
					<tr><th>등록일</th><td><?php echo $lookup_result['reg_dt']; ?></td></tr>
				</table>
			</div>
		<?php endif; ?>
	</dd>
	</dl>
</div>

<?php if ((isset($_POST['active_tab']) && $_POST['active_tab'] === 'lookup') || (isset($lookup_result) && $lookup_result) || (isset($lookup_error) && $lookup_error)): ?>
<script>
		// 페이지 로드 시 제보결과 조회 탭 활성화
		window.addEventListener('DOMContentLoaded', function() {
			console.log('제보결과 조회 탭 활성화 시도');
			var btns = document.querySelectorAll('.tabs_con0304 .tab_btn');
			for (var j=0;j<btns.length;j++) btns[j].classList.remove('active');
			
			var lookupBtn = document.querySelector('.tab_btn[data-target="lookup"]');
			if (lookupBtn) {
				lookupBtn.classList.add('active');
				console.log('제보결과 조회 탭 버튼 활성화됨');
			}
			
			var ethicsEls = document.querySelectorAll('.tab-ethics');
			var reportEls = document.querySelectorAll('.tab-report');
			var lookupEls = document.querySelectorAll('.tab-lookup');
			
			console.log('탭 요소들:', {
				ethics: ethicsEls.length,
				report: reportEls.length,
				lookup: lookupEls.length
			});
			
			for (var k=0;k<ethicsEls.length;k++) ethicsEls[k].style.display = 'none';
			for (var k=0;k<reportEls.length;k++) reportEls[k].style.display = 'none';
			for (var k=0;k<lookupEls.length;k++) lookupEls[k].style.display = 'block';
			
			console.log('제보결과 조회 탭 활성화 완료');
		});
</script>
<?php endif; ?>

<script>
	function change_gubun() {
		console.log($('form'));
		var gubun = document.querySelector('input[name="gubun"]:checked').value;
		var isRequired = document.querySelectorAll('span.isRequired');
		if(gubun == "익명"){
			document.querySelector('input[name=name]').value = "";
			document.querySelector('input[name=name]').disabled = true;
			document.querySelector('input[name=ctel_no_1]').value = "";
			document.querySelector('input[name=ctel_no_1]').disabled = true;
			document.querySelector('input[name=ctel_no_2]').value = "";
			document.querySelector('input[name=ctel_no_2]').disabled = true;
			document.querySelector('input[name=ctel_no_3]').value = "";
			document.querySelector('input[name=ctel_no_3]').disabled = true;
			document.querySelector('input[name=email_1]').value = "";
			document.querySelector('input[name=email_1]').disabled = true;
			document.querySelector('input[name=email_2]').value = "";
			document.querySelector('input[name=email_2]').disabled = true;
			document.querySelector('input[name=result][value=n]').checked = true;
			document.querySelector('input[name=result][value=y]').disabled = true;
			document.querySelector('input[name=result][value=n]').disabled = true;
			document.querySelector('input[name=course_fg][id=course_fg_tel]').checked = false;
			document.querySelector('input[name=course_fg][id=course_fg_tel]').disabled = true;
			document.querySelector('input[name=course_fg][id=course_fg_email]').checked = false;
			document.querySelector('input[name=course_fg][id=course_fg_email]').disabled = true;
			
			for (var i=0; i<isRequired.length ; i++){
				isRequired[i].classList.add('hide');
			}
			document.querySelector('input[name=name]').classList.remove('required');
			document.querySelector('input[name=ctel_no_1]').classList.remove('required');
			document.querySelector('input[name=ctel_no_2]').classList.remove('required');
			document.querySelector('input[name=ctel_no_3]').classList.remove('required');
			document.querySelector('input[name=email_1]').classList.remove('required');
			document.querySelector('input[name=email_2]').classList.remove('required');
			document.querySelector('input[name=course_fg][id=course_fg_email]').classList.remove('required');
		}
		else{
			document.querySelector('input[name=name]').disabled = false;
			document.querySelector('input[name=ctel_no_1]').disabled = false;
			document.querySelector('input[name=ctel_no_2]').disabled = false;
			document.querySelector('input[name=ctel_no_3]').disabled = false;
			document.querySelector('input[name=email_1]').disabled = false;
			document.querySelector('input[name=email_2]').disabled = false;
			document.querySelector('input[name=result][value=y]').disabled = false;
			document.querySelector('input[name=result][value=n]').disabled = false;
			document.querySelector('input[name=course_fg][id=course_fg_tel]').disabled = false;
			document.querySelector('input[name=course_fg][id=course_fg_email]').disabled = false;
			for (var i=0; i<isRequired.length ; i++){
				isRequired[i].classList.remove('hide');
			}
			document.querySelector('input[name=name]').classList.add('required');
			document.querySelector('input[name=ctel_no_1]').classList.add('required');
			document.querySelector('input[name=ctel_no_2]').classList.add('required');
			document.querySelector('input[name=ctel_no_3]').classList.add('required');
			document.querySelector('input[name=email_1]').classList.add('required');
			document.querySelector('input[name=email_2]').classList.add('required');
			document.querySelector('input[name=course_fg][id=course_fg_email]').classList.add('required');
		}
	}
	function change_result() {
		if(document.querySelector('input[name=result][value=n]').checked){
			document.querySelector('input[name=course_fg][id=course_fg_tel]').checked = false;
			document.querySelector('input[name=course_fg][id=course_fg_tel]').disabled = true;
			document.querySelector('input[name=course_fg][id=course_fg_email]').checked = false;
			document.querySelector('input[name=course_fg][id=course_fg_email]').disabled = true;
			document.querySelector('input[name=course_fg][id=course_fg_email]').classList.remove('required');
			document.querySelector('span#course_fg').classList.add('hide');
		} else{
			document.querySelector('input[name=course_fg][id=course_fg_tel]').disabled = false;
			document.querySelector('input[name=course_fg][id=course_fg_email]').disabled = false;
			document.querySelector('input[name=course_fg][id=course_fg_email]').classList.add('required');
			document.querySelector('span#course_fg').classList.remove('hide');
		}
	}

	// 파일 업로드 검증 함수
	function validateFile(input) {
		if (input.files && input.files[0]) {
			var file = input.files[0];
			var fileName = file.name.toLowerCase();
			var fileSize = file.size; // bytes
			var maxSize = 3 * 1024 * 1024; // 3MB
			var allowedExtensions = ['.jpg', '.jpeg', '.png', '.pdf'];
			var fileExtension = fileName.substring(fileName.lastIndexOf('.'));
			
			// 파일 확장자 검증
			if (allowedExtensions.indexOf(fileExtension) === -1) {
				alert('jpg, png, pdf 파일만 업로드 가능합니다.');
				input.value = '';
				return false;
			}
			
			// 파일 크기 검증
			if (fileSize > maxSize) {
				alert('파일 크기는 3MB 이하여야 합니다.');
				input.value = '';
				return false;
			}
			
			// 파일명에 위험한 문자 제거
			if (fileName.indexOf('..') !== -1 || fileName.indexOf('/') !== -1 || fileName.indexOf('\\') !== -1) {
				alert('잘못된 파일명입니다.');
				input.value = '';
				return false;
			}
		}
		return true;
	}

	$(".fileupload").on('change',function(){
		if (validateFile(this)) {
			$(this).siblings("#filename").val($(this).val());
		}
	});
		// tabs behavior
	(function(){
		var btns = document.querySelectorAll('.tabs_con0304 .tab_btn');
		for (var i=0;i<btns.length;i++){
			btns[i].addEventListener('click', function(){
				console.log('탭 클릭됨:', this.getAttribute('data-target'));
				for (var j=0;j<btns.length;j++) btns[j].classList.remove('active');
				this.classList.add('active');
				var target = this.getAttribute('data-target');
				var ethicsEls = document.querySelectorAll('.tab-ethics');
				var reportEls = document.querySelectorAll('.tab-report');
				var lookupEls = document.querySelectorAll('.tab-lookup');
				
				console.log('탭 요소들:', {
					ethics: ethicsEls.length,
					report: reportEls.length,
					lookup: lookupEls.length,
					target: target
				});
				
				if (target === 'ethics'){
					for (var k=0;k<ethicsEls.length;k++) ethicsEls[k].style.display = 'block';
					for (var k=0;k<reportEls.length;k++) reportEls[k].style.display = 'none';
					for (var k=0;k<lookupEls.length;k++) lookupEls[k].style.display = 'none';
				} else if (target === 'report'){
					for (var k=0;k<ethicsEls.length;k++) ethicsEls[k].style.display = 'none';
					for (var k=0;k<reportEls.length;k++) reportEls[k].style.display = 'block';
					for (var k=0;k<lookupEls.length;k++) lookupEls[k].style.display = 'none';
					// 제보하기 탭 활성화 시 보안문자 이미지 갱신(캐시 회피)
					setTimeout(function() {
						var capImg = document.getElementById('ethics_captcha_img');
						if (capImg) {
							var base = capImg.src.split('?')[0];
							capImg.src = base + '?t=' + Date.now();
						}
					}, 100);
				} else if (target === 'lookup'){
					for (var k=0;k<ethicsEls.length;k++) ethicsEls[k].style.display = 'none';
					for (var k=0;k<reportEls.length;k++) reportEls[k].style.display = 'none';
					for (var k=0;k<lookupEls.length;k++) lookupEls[k].style.display = 'block';
				}
			});
		}

		// 페이지 로드 시 첫 번째 탭(윤리경영신고) 활성화 — 알림·검증 후에도 탭을 강제로 바꾸지 않음
		document.addEventListener('DOMContentLoaded', function() {
			var btns = document.querySelectorAll('.tabs_con0304 .tab_btn');
			for (var j=0;j<btns.length;j++) btns[j].classList.remove('active');
			var firstBtn = document.querySelector('.tab_btn[data-target="ethics"]');
			if (firstBtn) firstBtn.classList.add('active');
			var ethicsEls = document.querySelectorAll('.tab-ethics');
			var reportEls = document.querySelectorAll('.tab-report');
			var lookupEls = document.querySelectorAll('.tab-lookup');
			for (var k=0;k<ethicsEls.length;k++) ethicsEls[k].style.display = 'block';
			for (var k=0;k<reportEls.length;k++) reportEls[k].style.display = 'none';
			for (var k=0;k<lookupEls.length;k++) lookupEls[k].style.display = 'none';
		});

		// gubun tabs sync
		var gubunBtns = document.querySelectorAll('.gubun_tabs .gubun_btn');
		for (var i=0;i<gubunBtns.length;i++){
			gubunBtns[i].addEventListener('click', function(){
				for (var j=0;j<gubunBtns.length;j++) gubunBtns[j].classList.remove('active');
				this.classList.add('active');
				var val = this.getAttribute('data-gubun');
				var radio = document.querySelector('input[name="gubun"][value="'+val+'"]');
				if (radio){
					radio.checked = true;
					change_gubun();
				}
			});
		}

		// 전역 변수로 중복 체크 상태 추적
		var confirmIdChecked = false;
		var confirmIdAvailable = false;

		// ID 입력 시 상태 초기화
		function resetConfirmIdStatus() {
			confirmIdChecked = false;
			confirmIdAvailable = false;
			var statusSpan = document.getElementById('confirm_id_status');
			var checkBtn = document.getElementById('check_id_btn');
			statusSpan.innerHTML = '';
			checkBtn.disabled = false;
			checkBtn.innerHTML = '중복확인';
			var sbtn = document.getElementById('ethics_submit_btn');
			if (sbtn) sbtn.disabled = false;
		}

		// 제보확인 ID 중복 체크 함수
		function checkConfirmId() {
			console.log('checkConfirmId 함수 호출됨');
			
			var confirmId = document.getElementById('confirm_id').value.trim();
			var statusSpan = document.getElementById('confirm_id_status');
			var checkBtn = document.getElementById('check_id_btn');
			
			console.log('중복 체크 시작 - ID:', confirmId);
			console.log('statusSpan:', statusSpan);
			console.log('checkBtn:', checkBtn);
			
			if (!confirmId) {
				alert('제보확인 ID를 입력해주세요.');
				document.getElementById('confirm_id').focus();
				return;
			}
			
			// 버튼 비활성화 및 로딩 상태
			checkBtn.disabled = true;
			checkBtn.innerHTML = '확인 중...';
			statusSpan.innerHTML = '<span style="color:#666;">확인 중...</span>';
			confirmIdChecked = false;
			confirmIdAvailable = false;
			
			$.ajax({
				url: '/xmldata/check/check_mb_id.php',
				type: 'POST',
				data: {
					confirm_id: confirmId
				},
				dataType: 'text',
				timeout: 10000, // 10초 타임아웃
				success: function(raw) {
					raw = (raw || '').replace(/^\uFEFF/, '').trim();
					console.log('중복확인 응답(일부):', raw.substring(0, 400));
					var xmlDoc = null;
					try {
						xmlDoc = $.parseXML(raw);
					} catch (err) {
						console.error('parseXML 실패:', err);
						statusSpan.innerHTML = '<span style="color:#e74c3c;">응답 형식 오류입니다. 잠시 후 다시 시도해 주세요.</span>';
						confirmIdChecked = true;
						confirmIdAvailable = false;
						return;
					}
					var $xml = $(xmlDoc);
					var found = false;
					$xml.find('listOption').each(function() {
						var status = $(this).find('status').text();
						var value = $(this).find('value').text();
						
						console.log('Status:', status, 'Value:', value);
						
						confirmIdChecked = true;
						found = true;
						
						if (status === 'SUCCESS') {
							statusSpan.innerHTML = '<span style="color:#27ae60;">' + $('<div>').text(value).html() + '</span>';
							confirmIdAvailable = true;
						} else {
							statusSpan.innerHTML = '<span style="color:#e74c3c;">' + $('<div>').text(value).html() + '</span>';
							confirmIdAvailable = false;
						}
					});
					
					if (!found) {
						console.error('XML에서 listOption을 찾을 수 없음');
						statusSpan.innerHTML = '<span style="color:#e74c3c;">응답 형식 오류가 발생했습니다.</span>';
						confirmIdChecked = true;
						confirmIdAvailable = false;
					}
				},
				error: function(xhr, status, error) {
					console.error('AJAX 오류:', {
						status: status,
						error: error,
						statusCode: xhr.status,
						responseText: xhr.responseText
					});
					
					var errorMsg = '네트워크 오류가 발생했습니다.';
					if (xhr.status === 404) {
						errorMsg = '서버 파일을 찾을 수 없습니다.';
					} else if (xhr.status === 500) {
						errorMsg = '서버 오류가 발생했습니다.';
					} else if (status === 'timeout') {
						errorMsg = '요청 시간이 초과되었습니다.';
					} else if (status === 'parsererror') {
						errorMsg = '응답 형식 오류가 발생했습니다.';
					}
					
					statusSpan.innerHTML = '<span style="color:#e74c3c;">' + errorMsg + '</span>';
					confirmIdChecked = true;
					confirmIdAvailable = false;
				},
				complete: function() {
					// 버튼 상태 복원
					checkBtn.disabled = false;
					checkBtn.innerHTML = '중복확인';
				}
			});
		}
		window.checkConfirmId = checkConfirmId;

		// 중복확인 버튼 이벤트 리스너 추가
		document.addEventListener('DOMContentLoaded', function() {
			var checkBtn = document.getElementById('check_id_btn');
			if (checkBtn) {
				console.log('중복확인 버튼 찾음:', checkBtn);
				checkBtn.addEventListener('click', function(e) {
					e.preventDefault();
					console.log('중복확인 버튼 클릭됨 (이벤트 리스너)');
					checkConfirmId();
				});
			} else {
				console.log('중복확인 버튼을 찾을 수 없음');
			}
		});

		// 제보하기 폼 제출 처리 - 중복 ID 체크 및 보안문자 검증
		var form = document.getElementById('insertform');
		if (form){
			form.addEventListener('submit', function(e){
				var ethicsBtn = document.getElementById('ethics_submit_btn');
				if (ethicsBtn && ethicsBtn.disabled) {
					e.preventDefault();
					e.stopImmediatePropagation();
					return false;
				}

				var confirmId = document.getElementById('confirm_id').value.trim();
				var captchaInput = document.getElementById('captcha_input').value.trim();

				if (!confirmId) {
					e.preventDefault();
					e.stopImmediatePropagation();
					alert('제보확인 ID를 입력해주세요.');
					document.getElementById('confirm_id').focus();
					return false;
				}

				// 제보확인 ID 사용 가능 여부는 서버(__insertresult.php)에서 md_ethics 로 최종 검증함.
				// dataType:xml 파싱 실패 시 confirmIdChecked 가 안 올라가 알림만 반복되는 문제가 있어 브라우저에서 막지 않음.

				if (!captchaInput) {
					e.preventDefault();
					e.stopImmediatePropagation();
					alert('보안문자를 입력해주세요.');
					document.getElementById('captcha_input').focus();
					return false;
				}

				if (ethicsBtn) ethicsBtn.disabled = true;
			}, true);
		}
		

		var refreshBtn = document.getElementById('captcha_refresh');
		var capImg = document.getElementById('ethics_captcha_img');
		if (refreshBtn && capImg){
			refreshBtn.addEventListener('click', function(){
				var base = capImg.src.split('?')[0];
				capImg.src = base + '?renew=1&t=' + Date.now();
				var inp = document.getElementById('captcha_input');
				if (inp) inp.value = '';
			});
		}
	})();
</script>

<style>
/* 제보확인ID 관련 스타일 */
.error_msg {
    color: #e74c3c;
    background: #fdf2f2;
    border: 1px solid #f5c6cb;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
}

.report_result {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 20px;
    margin: 20px 0;
}

.report_result h4 {
    color: #495057;
    margin-bottom: 15px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 5px;
}

.report_result table {
    width: 100%;
    border-collapse: collapse;
}

.report_result th {
    background: #e9ecef;
    padding: 8px 12px;
    text-align: left;
    border: 1px solid #dee2e6;
    width: 120px;
}

.report_result td {
    padding: 8px 12px;
    border: 1px solid #dee2e6;
}

.con0304_fs {
    font-size: 14px;
}

.con0304_btn {
    padding: 8px 16px;
    font-size: 14px;
}

.con0304_col {
    width: 15%;
}

.con0304_phone,
.con0304_email {
    width: 120px;
}

.con0304_file {
    width: 200px;
}

/* 제보결과 조회 테이블 스타일 개선 */
.report_result {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    max-width: 100%;
    overflow-x: auto;
}

.report_result h4 {
    color: #333;
    margin-bottom: 15px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 8px;
}

.report_result table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.report_result th {
    background: #f8f9fa;
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #dee2e6;
    font-weight: bold;
    width: 150px;
    white-space: nowrap;
}

.report_result td {
    padding: 12px 15px;
    border: 1px solid #dee2e6;
    word-wrap: break-word;
    max-width: 400px;
}

.report_result tr:nth-child(even) {
    background: #f8f9fa;
}

/* 조회 결과 박스 스타일 */
#lookup_result {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
}

#lookup_result .stit2 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 8px;
}

#lookup_result_box {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
}

/* 중복확인 버튼 스타일 */
#check_id_btn {
    background: #6c757d;
    color: white;
    border: 1px solid #6c757d;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#check_id_btn:hover:not(:disabled) {
    background: #5a6268;
    border-color: #545b62;
}

#check_id_btn:disabled {
    background: #adb5bd;
    border-color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

#confirm_id_status {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

/* 탭 콘텐츠 초기 상태 설정 */
.tab-report, .tab-lookup { 
    display: none; 
}
.tab-ethics { 
    display: block; 
}
</style>