<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="건강관리서비스, 임직원 종합검진, 기업건강검진. 건강검진 플랫폼, 건강검진 견적" />
    <title>BECARE 검진예약</title>

    <!-- Open Graph (카카오톡, 페이스북 미리보기) -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="BeCare">
    <meta property="og:description" content="건강관리서비스, 임직원 종합검진, 기업건강검진. 건강검진 플랫폼, 건강검진 견적" />
    <meta property="og:url" content="https://becare.co.kr/">
    <meta property="og:site_name" content="BeCare">
    <meta id="meta_og_image" property="og:image" content="https://cdn.imweb.me/upload/S20230418fc02d38958e58/fa7fe62659794.png" />
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="627">

    <!-- 파비콘 (브라우저 탭) -->
    <link rel="icon" type="image/png" href="/assets/images/common/favicon.ico" sizes="16x16">
    <link rel="icon" type="image/png" href="/assets/images/common/favicon.ico" sizes="32x32">

    <!-- Apple 기기용 (홈스크린 추가시) -->
    <link rel="apple-touch-icon" href="/assets/images/common/apple-icon.png" sizes="180x180">

    <!-- Fonts -->
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-Black.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-Bold.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-ExtraBold.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-ExtraLight.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-Light.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-Medium.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-Regular.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-SemiBold.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/assets/fonts/Pretendard/Pretendard-Thin.woff2" as="font" type="font/woff2" crossorigin />

    <!-- StyleSheet -->
    <link rel="stylesheet" href="/assets/styles/user/index.css" type="text/css" />

    <!-- JavaScript -->
    <script src="/assets/lib/user/fullcalendar/index.global.min.js"></script>
    <script defer src="/assets/js/user/index.js" type="module"></script>
    <script src="/assets/lib/user/swiper/swiper-bundle.min.js"></script>

    <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js" /></script>
    <!-- The JQuery UI code -->
    <script type="text/javascript" src="https://code.jquery.com/ui/1.10.3/jquery-ui.min.js" /></script>
    <!-- The jqGrid language file code-->
    <script type="text/javascript" src="//cdn.jsdelivr.net/jqgrid/4.6.0/i18n/grid.locale-kr.js" /></script>
    <!-- The atual jqGrid code -->
    <script type="text/javascript" src="//cdn.jsdelivr.net/jqgrid/4.6.0/jquery.jqGrid.src.js" /></script>
    <!-- 	<script type="text/javascript" src="//cdn.jsdelivr.net/jqgrid/4.6.0/jqwidgets/jqxgrid.pager.js"></script> -->

    <!-- datepicker -->
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/i18n/datepicker-ko.js"></script>

    <!-- sweetalert -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.10/dist/sweetalert2.min.js"></script>

    <!-- webEditor -->
    <script type="text/javascript" src="/assets/lib/smarteditor/js/HuskyEZCreator.js" charset="utf-8"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>

    <!-- calendar -->
    <script src="/assets/lib/user/fullcalendar/index.global.min.js"></script>

    <!-- 공통 -->
    <script src="/js/_admin/common/common.js?v=20260402195459"></script>
    <script src="/js/_common/_seed/md5.js"></script>
    <script src="/js/_common/md5.js"></script>

    <style>

        /* 로딩 스피너 스타일 Start */
        .spinner-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, 0.8);
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .spinner {
            border: 8px solid rgba(0, 0, 0, 0.1);
            border-left-color: #000;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        /* 로딩 스피너 스타일 End */

    </style>
  </head>
  <body>
    <style>
        .text-area-wrap {
            margin-top: 20px;
            height: 160px;
            overflow: auto;

            .reservation-memo-header,
            .reservation-memo-body {
                background-color: #ededed;
                padding: 10px;
            }
            .reservation-memo-foot {
                margin-bottom: 20px;
            }
        }
    </style>
    <div id="root" data-page="login">
      <div id="app">
	    <div id="loadingSpinner" class="spinner-overlay" style="display: none;">
	        <div class="spinner"></div>
	    </div>
	    <main id="main">
          <section class="login-section">
            <div class="section-container">
              <div class="section-title">
                <h1 class="logo">
                  <img class="logo-image" id="compaLogo" src="/assets/images/user/login/login_logo.svg" alt="BeCare" />
                </h1>
              </div>
              <div class="section-content">
                <form class="form" id="loginForm">
                  <fieldset class="input-group">
					<div class="section-title font-bold">
                      <p id="compaName"></p>
                    </div>
                    <div class="input">
                      <input type="text" name="id" placeholder="ID" id="username" />
                    </div>
                    <div class="input">
                      <input type="password" name="password" placeholder="PW" id="password" />
                    </div>
                  </fieldset>
                  <div id="login_info">
					  <p class="login-info">초기 비밀번호는 생년월일 6자리 입니다.</p>
				  </div>
                  <button type="submit" class="button">로그인</button>
                  <input type="hidden" value="" id="setLoad" />
                  <input type="hidden" value="sitemap.xml" id="compaLoad" />
                    <input type="hidden" value="" id="compaPkid" />
                  <input type="hidden" id="compaEnfy" />
                </form>
<!--                <a style="cursor: pointer;" class="button gray" onclick="downloadAppBecare()">앱다운로드</a>-->
                <button type="button" id="addMember" class="button mt-10" onclick="addMembers()">회원가입</button>
                <div class="reset-password-area">
                  <p>비밀번호가 기억나지 않으세요?</p>
                  <button class="button def w-fit" onclick="initPass()">비밀번호 초기화<i class="bx bx-chevron-right"></i></button>
                </div>
                <div class="divider"></div>
                <div class="inquiry-area">
                  <div class="tel">
                    <a href="tel:1533-3565">1533-3565</a>
                  </div>
                  <div class="business-time">
                    <dl>
                      <dt>월 - 금</dt>
                      <dd>08:00~17:00</dd>
                    </dl>
                    <dl>
                      <dt>점심시간</dt>
                      <dd>11:40~13:00</dd>
                    </dl>
                  </div>
                </div>
                <p class="login-recommendations">
                  MS 인터넷익스플로러(IE) 브라우저 지원 종료에 따라 안전하고 원활한 서비스 접속을 위해 구글 크롬(Chrome), MS 엣지(Edge)를 사용해 주시기 바랍니다.<br />
                  기존의 인터넷익스플로러(IE)로 접속하는 경우 접속 오류와 보안에 취약할 수 있습니다.
                </p>
                <div class="button def" onclick="downloadChrome()">크롬(Chrome) 다운로드<i class="bx bx-chevron-right"></i></div>
              </div>
            </div>
          </section>
        </main>
      </div>
    </div>

    <div class="modal small" data-id="auth-popup" id="open_initpw">
        <div class="scroll-area">
            <div class="modal-container">
                <div class="modal-header">
                    <div class="modal-title">비밀번호 초기화</div>
                    <input hidden="hidden" id="company_pkid">
                    <input hidden="hidden" id="hp">
                    <input hidden="hidden" id="compa_pkid">
                    <button class="modal-button" data-id="auth-popup" data-type="close">
                        <i class="bx bx-x"></i>
                    </button>
                </div>
                <div class="modal-main">
                    <div class="modal-content">
                        <div class="identification-modal-wrap">
                            <div id="initPasswordPopupDescription" class="identification-info">
                                소속된 기업에 등록된 임직원명과 사원번호를 입력해 주세요!
                            </div>
                            <div>
								<div>
									<p id="initPasswordPopupUsernameLabel" class="label">임직원명</p>
									<div class="input">
										<input type="text" id="i_user_name">
									</div>
								</div>
								<div>
									<p id="initPasswordPopupSabunLabel" class="label">사원번호</p>
									<div class="input">
										<input type="text" id="i_user_sabun">
									</div>
								</div>
							</div>
							
                        </div>
                    </div>
                </div>
                <div class="btn-area">
	              <button class="button" onclick="sendPassCode()">확인</button>
	            </div>
            </div>
        </div>
    </div>
    <div class="modal small" data-id="initPw-popup" id="open_send_initpw">
        <div class="scroll-area">
            <div class="modal-container">
                <div class="modal-header">
                    <div class="modal-title">비밀번호 초기화</div>
                    <button class="modal-button" data-id="initPw-popup" data-type="close">
                        <i class="bx bx-x"></i>
                    </button>
                </div>
                <div class="modal-main">
                    <div class="modal-content">
                        <div class="identification-modal-wrap">
                            <div class="identification-info">
                                임직원님의 휴대전화로 발송된 인증번호를 입력해 주세요!
                            </div>
                            <div class="input" name="initPwCode">
                                <input type="text" id="initPwCode" placeholder="인증번호를 입력해 주세요!" />
                            </div>
							<div class="btn-area" name="authInput">
                                <button class="button" onclick="checkinitPwCode()">인증번호 확인</button>
                                <button class="button def-gray" onclick="resendCode()">재전송</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal small" data-id="authAgree-popup" id="authAgreePop">
            <div class="scroll-area">
                <div class="modal-container">
                    <div class="modal-header">
                        <div class="modal-title">회원가입</div>
                        <button class="modal-button" data-id="authAgree-popup" data-type="close">
                            <i class="bx bx-x"></i>
                        </button>
                    </div>
                    <div class="modal-main">
                        <div class="modal-content">
                            <div class="agree-wrap">
		                    <div class="all-agree-area">
		                      <div class="checkbox">
		                        <input id="checkbo30" type="checkbox" onclick="dwAllCheck()" />
		                        <label for="checkbo30">
		                          <span class="checkbox-ui small">
		                            <i class="bx bx-check"></i>
		                          </span>
		                          <span class="label-text black" style="line-height: normal;">기업건강관리 서비스 이용약관, 개인정보처리방침, 고유식별정보 수집 안내, 민감정보 추가수집 안내 모두 동의</span>
		                        </label>
		                      </div>
		                    </div>
		                    <div class="text-area-wrap">
		                      <div class="reservation-memo-header">기업건강관리 서비스 이용약관 (필수)</div>
		                      <div class="reservation-memo-body">
		                        <div id="sitec_agr_1">
		                        </div>
		                      </div>
		                    </div>
                            <div class="reservation-memo-foot">
                                <div class="checkbox">
                                    <input id="checkbo21" type="checkbox" />
                                    <label for="checkbo21">
                                <span class="checkbox-ui small">
                                  <i class="bx bx-check"></i>
                                </span>
                                        <span class="label-text">기업건강관리 서비스 이용약관에 동의합니다.</span>
                                    </label>
                                </div>
                            </div>
		                    <div class="text-area-wrap">
		                      <div class="reservation-memo-header">개인정보 수집 및 이용에 대한 안내 (필수)</div>
		                      <div class="reservation-memo-body main-modal-wrap">
		                        <div class="chapter" id="sitec_agr_2">
		                        </div>
		                      </div>
		                    </div>
                            <div class="reservation-memo-foot">
                                <div class="checkbox">
                                    <input id="checkbo22" type="checkbox" />
                                    <label for="checkbo22">
                                <span class="checkbox-ui small">
                                  <i class="bx bx-check"></i>
                                </span>
                                        <span class="label-text">개인정보처리방침에 동의합니다.</span>
                                    </label>
                                </div>
                            </div>
		                    <div class="text-area-wrap">
		                      <div class="reservation-memo-header">고유식별정보 수집 안내 (필수)</div>
		                      <div class="reservation-memo-body">
		                        <div id="sitec_agr_3">
		                        </div>
		                      </div>
		                    </div>
                            <div class="reservation-memo-foot">
                                <div class="checkbox">
                                    <input id="checkbo23" type="checkbox" />
                                    <label for="checkbo23">
                                <span class="checkbox-ui small">
                                  <i class="bx bx-check"></i>
                                </span>
                                        <span class="label-text">고유식별정보 수집 안내에 동의합니다.</span>
                                    </label>
                                </div>
                            </div>
		                    <div class="text-area-wrap">
		                      <div class="reservation-memo-header">민감정보 추가수집 안내 (필수)</div>
		                      <div class="reservation-memo-body">
		                        <div id="sitec_agr_4">
		                        </div>
		                      </div>
		                    </div>
                            <div class="reservation-memo-foot">
                                <div class="checkbox">
                                    <input id="checkbo24" type="checkbox" />
                                    <label for="checkbo24">
                                <span class="checkbox-ui small">
                                  <i class="bx bx-check"></i>
                                </span>
                                        <span class="label-text">민감정보 추가수집 안내에 동의합니다.</span>
                                    </label>
                                </div>
                            </div>
		                  </div>
                        </div>
                    </div>
                    <button class="button"  onclick="sendAgree()">동의하기</button>
                </div>
            </div>
        </div>
    
    <!-- 본인인증 팝업 Start -->
        <div class="modal small" data-id="authIn-popup" id="authPopup">
            <div class="scroll-area">
                <div class="modal-container">
                    <div class="modal-header">
                        <div class="modal-title">회원가입</div>
                        <button class="modal-button" data-id="authIn-popup" data-type="close">
                            <i class="bx bx-x"></i>
                        </button>
                    </div>
                    <div class="modal-main">
                        <div class="modal-content">
                            <div class="identification-modal-wrap">
                                <div class="identification-info">
                                    고객님의 이름과 휴대전화<br />
                                    번호를 입력해주세요!
                                </div>
                                <!-- 본인인증전송 -->
                                <div class="input" >
                                    <input type="text" id="authName" placeholder="이름" />
                                </div>
                                <div class="input mt-10" >
                                    <input type="text" id="authHp" placeholder="휴대전화번호" />
                                </div>
                                <!-- 본인인증전송 -->
                                <!-- 본인인증번호 입력 -->
                                <div class="input mt-10" name="authInput">
                                    <input type="text" id="authCode" placeholder="인증번호를 입력해 주세요!" />
                                </div>
                                <div class="btn-area" name="authInput">
                                    <button class="button" onclick="checkAuthCode()">인증번호 확인</button>
                                    <button class="button def-gray" onclick="closeAuth()">취소</button>
                                </div>
                                <!-- 본인인증번호 입력 -->
                            </div>
                        </div>
                    </div>
                    <button class="button" name="send" onclick="sendCode()">인증번호 전송</button>
                </div>
            </div>
        </div>
        <!-- 본인인증 팝업 End -->
    
    <!-- 인포텍 외부 API 연동을 위한 본인인증 팝업 Start -->
        <div class="modal small" data-id="api-auth" id="apiAuthPopup">
            <div class="scroll-area">
                <div class="modal-container">
                    <div class="modal-header">
                        <div class="modal-title">본인 정보 확인</div>
                        <button class="modal-button" data-id="api-auth" data-type="close">
                            <i class="bx bx-x"></i>
                        </button>
                    </div>
                    <div class="modal-main">
                        <div class="modal-content">
                            <div class="self-info-modal-wrap">
                                <div class="self-info-area" id="apiAuthHtmls">
                                    <div>
                                        <p class="label">이름</p>
                                    </div>
                                    <div>
                                        <p class="label">생년월일</p>
                                        <p class="info" id="birtDay">19990909</p>
                                    </div>
                                    <div>
                                        <p class="label">통신사</p>
                                        <div class="select">
                                            <select id="mobileType">
                                                <option value="S">SKT</option>
                                                <option value="K">KT</option>
                                                <option value="L">LGT</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div>
                                        <p class="label">휴대전화</p>
                                    </div>
                                </div>
                                <div class="choice_area" id="recordAuth">
                                    <div>
                                        <div class="img_text_area">
                                            <div><img src="/assets/images/user/records/kakao.png" alt="카카오"></div>
                                            <div class="text_area"><span>카카오 인증서</span></div>
                                        </div>
                                        <div class="radio_area"><input type="radio" name="app" value="kakao"></div>
                                    </div>
                                    <div>
                                        <div class="img_text_area">
                                            <div><img src="/assets/images/user/records/pass.png" alt="통신사"></div>
                                            <div class="text_area"><span>통신사 인증서</span></div>
                                        </div>
                                        <div class="radio_area"><input type="radio" name="app" value="pass"></div>
                                    </div>
                                    <div>
                                        <div class="img_text_area">
                                            <div><img src="/assets/images/user/records/payco.png" alt="페이코"></div>
                                            <div class="text_area"><span>페이코 인증서</span></div>
                                        </div>
                                        <div class="radio_area"><input type="radio" name="app" value="payco"></div>
                                    </div>
                                    <div>
                                        <div class="img_text_area">
                                            <div><img src="/assets/images/user/records/samsung.png" alt="삼성"></div>
                                            <div class="text_area"><span>삼성패스 인증서</span></div>
                                        </div>
                                        <div class="radio_area"><input type="radio" name="app" value="kica"></div>
                                    </div>
                                    <div>
                                        <div class="img_text_area">
                                            <div><img src="/assets/images/user/records/KB_bank.png" alt="KB뱅크"></div>
                                            <div class="text_area"><span>KB스타뱅킹 인증서</span></div>
                                        </div>
                                        <div class="radio_area"><input type="radio" name="app" value="kb"></div>
                                    </div>
                                    <div>
                                        <div class="img_text_area">
                                            <div><img src="/assets/images/user/records/naver.png" alt="네이버"></div>
                                            <div class="text_area"><span>네이버 인증서</span></div>
                                        </div>
                                        <div class="radio_area"><input type="radio" name="app" value="naver"></div>
                                    </div>
                                </div>
                                <div class="self-info-area" id="authCheckedHtml">
                                    <input type="hidden" id="step_data">
                                    <p>국민건강 보험공단에서 정보를 가져옵니다.</p>
                                    <p>인증확인 후 간편인증 완료 버튼을 눌러주세요.</p>
                                </div>
                            </div>
                            <button class="button" id="apiAuthBtns" onclick="apiAuthCheck()">확인</button>
                            <button class="button" id="recordAuthBtn" onclick="recordAuthCheck()">간편인증 요청</button>
                            <button class="button" id="authCheckedBtn" onclick="recordAuthSubmit()">간편인증 완료</button>
                            <button class="button" id="apiLoadingBtn" disabled="disabled">데이터를 가져오는 중입니다.</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 인포텍 외부 API 연동을 위한 본인인증 팝업 End -->
    
    <div class="modal small" data-id="pop_addMembers" id="modalAddMembers">
	      <div class="scroll-area">
	        <div class="modal-container">
	          <div class="modal-header">
	            <div class="modal-title">회원가입</div>
	            <button class="modal-button" data-id="pop_addMembers" data-type="close">
	              <i class="bx bx-x"></i>
	            </button>
	          </div>
	          <div class="modal-main">
	            <div class="modal-content">
	              <div class="add-family-modal-wrap">
	                <div class="input-wrap">
	                  <label for="userf_name">이름</label>
	                  <div class="input">
	                    <input type="text" maxlength="40" placeholder="이름" id="userf_name"/>
	                  </div>
	                </div>
	                <div class="input-wrap">
	                  <label for="userf_jumi">생년월일-성별</label>
	                  <div class="birthday-area grid grid-cols-2">
	                    <div class="input">
	                      <input type="text" maxlength="6" placeholder="주민등록 앞 6자리" name="userf_jumi" id="userf_jumi1"/>
	                    </div>
	                    <div class="input">
	                      <input type="text" maxlength="1" placeholder="주민등록 뒷 1자리" name="userf_jumi" id="userf_jumi2"/>
	                    </div>
	                  </div>
	                </div>
	                <div class="input-wrap">
	                  <label for="phone">휴대전화</label>
	                  <div class="phone-input">
	                    <div class="input">
	                      <input type="text" maxlength="11" name="phone" id="userf_phon"/>
	                    </div>
	                  </div>
	                </div>
	                <div class="input-wrap">
	                  <label for="address">주소</label>
	                  <div class="address-area">
	                    <div class="input">
	                      <input type="text" maxlength="6" name="address" id="userf_zipn"/>
	                    </div>
	                    <button class="button" onclick="execDaumPostcode()">주소검색</button>
	                  </div>
	                  <div class="input">
	                    <input type="text" maxlength="50" id="userf_addr1"/>
	                  </div>
	                  <div class="input">
	                    <input type="text" maxlength="50" id="userf_addr2"/>
	                  </div>
	                </div>
	                <div class="btn-area">
	                  <button class="button" onclick="insertUserf()">가입하기</button>
	                </div>
	              </div>
	            </div>
	          </div>
	        </div>
	      </div>
	    </div>
    <script src="/js/_common/md5.js"></script>
    <script src="/js/_user/login/login.js"></script>
    <script src="//t1.kakaocdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
    <a onclick="wow()" style="cursor:pointer;right:64px;position:fixed;bottom:16px;z-index:1000;"><img src="https://becare.co.kr/BecareUpload/Icon_Chatbot.png" style="width: 100px;"></a>
    <script src="https://public-sdk.thecloudgate.io/sdk/cloud/Twc.plugin.js"></script>
    <script>
        (function() {

            Twc('init', {
                brandKey: "cEqNwbn56C4isbIATSLaqw",
                channelType: "scenario",
                scenarioId: "ODI2",
                loginId:  "",
                buttonOption: {
                    showLauncher: false
                }
            })
        })();
        function wow() {
            Twc.Chat.open();
            setTimeout(function(){
                $("#twc-chat-plugin #chat-frame-box").css("z-index","500");
            }, 1500);
        }
    </script>
  </body>
</html>
