Code - 2025_PROJECT/mjgo

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>문자온</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/publish/css/reset.css"> <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css"> <link rel="stylesheet" href="/publish/css/common.css"> <link rel="stylesheet" href="/publish/css/style.css"> <link rel="stylesheet" href="/publish/css/button.css"> <link rel="stylesheet" href="/publish/css/content.css"> <link rel="stylesheet" href="/publish/css/mem.css"> <link rel="stylesheet" href="/publish/css/font.css"> <link rel="stylesheet" href="/publish/css/popupLayer.css"> <script src="/publish/js/jquery-3.5.0.js"></script> <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="/publish/js/common.js"></script> <script src="/publish/js/content.js"></script> <script src="/publish/js/popupLayer.js"></script> <script> $(function () { $(".btn_edit").click(function(){ var $btn = $(this); var $tr = $btn.closest('tr'); var $alias = $tr.find('.alias_text'); if ($btn.text() === '수정') { var value = $alias.text().trim(); $alias.replaceWith('<input type="text" class="input_text" value="' + value + '">'); $tr.find('.input_text').focus(); $btn.text('저장'); } else { var value = $tr.find('.input_text').val().trim(); $tr.find('.input_text').replaceWith('<span class="alias_text">' + value + '</span>'); $btn.text('수정'); } }) $(".btn_auth_send").click(function(){ var $sendBtn = $(this); const $stage = $(this).closest('.stage_content'); timer($(this)); $(".cf_text").html("인증번호를 발송했습니다. 3분 이내에 입력해주세요. (남은 재발송 <b>3</b>회)").addClass("c_002c9a").removeClass("c_e40000"); $sendBtn.addClass("disabled"); $(".case_switcher").show(); setTimeout(function(){ $sendBtn.removeClass("disabled").text("재전송"); }, 31000); }); $(".btn_next").click(function(){ $(".stage01").hide(); $(".stage").eq(0).removeClass("active"); $(".stage").eq(1).addClass("active"); $(".stage02").show(); }) }) //인증번호 타이머 function timer($btn) { const $popup = $btn.closest('.popup-com'); const $timer = $btn.closest('.layer_tType1').find('.timer'); const $desc = $popup.find('.desc_text').first(); // 기존 타이머가 있으면 종료 clearInterval($timer.data('timer')); let time = 180; $timer.show().text('03:00'); const timerId = setInterval(function() { const min = String(Math.floor(time / 60)).padStart(2, '0'); const sec = String(time % 60).padStart(2, '0'); $timer.text(min + ':' + sec); time--; if (time < 0) { clearInterval(timerId); $timer.removeData('timer'); $timer.hide(); $desc.html('입력 시간이 지났습니다. 새로운 인증번호를 받아주세요. (남은 재발송 <b class="fwBold">3</b>회)'); $btn.removeClass('disabled'); } }, 1000); $timer.data('timer', timerId); // 인증요청 중에는 버튼 비활성화 $btn.addClass('disabled'); } </script> </head> <body> <div class="mask"></div>  <div class="tooltip-wrap"> <div class="popup-com auth_manage_popup auth_add_number_popup" tabindex="0" data-tooltip-con="auth_add_number_popup" data-focus="auth_add_number_popup" data-focus-prev="auth_add_number_popup-close" style="width:550px;"> <div class="popup_heading"> <p>인증 휴대폰번호 추가</p> <button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> </div> <div class="layer_in" style="padding:20px 30px 30px 30px;"> <ul class="stage_area"> <li class="stage active"><p><strong>1</strong>본인확인</p></li> <li class="stage"><p><strong>2</strong>번호 선택·인증</p></li> </ul> <div class="stage_content stage01"> <div class="gray_box fill"> 인증 휴대폰번호를 추가하려면 기존 등록된 휴대폰 번호로 본인 확인을 해야합니다. </div> <table class="layer_tType1"> <caption>본인인증(step1) 표</caption> <colgroup> <col style="width: 95px;"> <col style="width: auto;"> </colgroup> <tbody> <tr> <th>본인확인</th> <td> <div class="form_row"> <select name="" id="" class="select_number"> <option value="">010-0000-0000(기본)</option> </select> <button type="button" class="btnType btnType6 btn_auth_send">인증요청</button> </div> </td> </tr> <tr> <th>인증번호</th> <td> <div class="form_row"> <input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight"> <div class="timer">03:00</div> </div> </td> </tr> </tbody> </table> <div class="desc_text">인증번호를 받지 못했다면 인증요청을 다시 눌러주세요. (남은 재발송 <b class="fwBold">3</b>회)</div> <div class="popup_btn_wrap2"> <button type="button" class="btnType btnType2 btn_next">다음</button> <button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">닫기</button> </div> </div> <div class="stage_content stage02"> <div class="gray_box fill"> 승인 완료된 발신번호 중 휴대폰번호만 선택할 수 있습니다. </div> <table class="layer_tType1"> <caption>본인인증(step1) 표</caption> <colgroup> <col style="width: 95px"> <col style="width: auto"> </colgroup> <tbody> <tr> <th>휴대폰번호</th> <td> <div class="form_row"> <select name="" id="" class="select_number"> <option value="">010-0000-0000(기본)</option> </select> <button type="button" class="btnType btnType6 btn_auth_send">인증요청</button> </div> </td> </tr> <tr> <th>인증번호</th> <td> <div class="form_row"> <input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight"> <div class="timer">03:00</div> </div> </td> </tr> <tr> <th>별칭</th> <td> <div class="form_row"> <input type="text" placeholder="예: 업무용(선택)" onfocus="this.placeholder=''" onblur="this.placeholder='예: 업무용(선택)'" class="inputLight"> </div> </td> </tr> </tbody> </table> <div class="desc_text">유선번호·대표번호는 등록할 수 없습니다.</div> <div class="popup_btn_wrap2"> <button type="button" class="btnType btnType2 tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">등록</button> <button type="button" class="tooltip-close" data-focus="auth_add_number_popup-close" data-focus-next="auth_add_number_popup">취소</button> </div> </div> </div> </div> </div>   <div class="tooltip-wrap"> <div class="popup-com auth_manage_popup auth_del_number_popup" tabindex="0" data-tooltip-con="auth_del_number_popup" data-focus="auth_del_number_popup" data-focus-prev="auth_del_number_popup-close" style="width:550px;"> <div class="popup_heading"> <p>인증 휴대폰번호 삭제</p> <button type="button" class="tooltip-close" data-focus="auth_del_number_popup-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> </div> <div class="layer_in" style="padding:20px 30px 30px 30px;"> <div class="gray_box fill"> 010-1234-5678 을 인증수단에서 삭제합니다. 삭제 후에는 이 번호로 인증번호를 받을 수 없습니다. </div> <table class="layer_tType1"> <caption>본인인증(step1) 표</caption> <colgroup> <col style="width: 95px"> <col style="width: auto"> </colgroup> <tbody> <tr> <th>본인확인</th> <td> <div class="form_row"> <select name="" id="" class="select_number"> <option value="">010-0000-0000(기본)</option> </select> <button type="button" class="btnType btnType6 btn_auth_send">인증요청</button> </div> </td> </tr> <tr> <th>인증번호</th> <td> <div class="form_row"> <input type="text" placeholder="인증번호 6자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 6자리 입력'" class="inputLight"> <div class="timer">03:00</div> </div> </td> </tr> </tbody> </table> <div class="desc_text">인증번호를 받지 못했다면 인증요청을 다시 눌러주세요. (남은 재발송 <b class="fwBold">3</b>회)</div> <div class="popup_btn_wrap2"> <button type="button" class="btnType btnType2 tooltip-close" data-focus="auth_del_number_popup-close" >삭제</button> <button type="button" class="tooltip-close" data-focus="auth_del_number_popup-close" data-focus-next="auth_del_number_popup">닫기</button> </div> </div> </div> </div>  <div data-include-path="/publish/layout/_header.html"></div>   <div id="container" class="cont sub"> <div class="inner">  <div class="send_top">  <ul class="tabType4"> <li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li> <li class="tab active"><button type="button" onclick="location.href='/publish/mypage_security_login.html'">보안로그인</button></li> </ul>   <div class="mypage_content current" id="tab5_7"> <div class="heading"> <h2>보안로그인</h2> </div> <div class="my_dashboard">  <div class="security_login"> <ul class="explanation_wrap box info"> <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다.</li> <li>· 인증 휴대폰번호는 가입 휴대폰번호와 발신번호 등록이 완료된 휴대폰번호 중에서 추가할 수 있습니다.</li> <li>· 인증 휴대폰번호 추가·삭제 시에는 이미 등록된 번호로 본인 확인을 거쳐야 합니다.</li> </ul>  <div class="title_area"> <p class="dashboard_title">인증 휴대폰번호 관리 <span class="small_text">최대 <b>3</b>개까지 등록할 수 있습니다.</span></p>   <button type="button" id="phonePlus" class="btn_plus" data-tooltip="auth_add_number_popup"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button> <input type="hidden" data-tooltip="popup05" id="phonePlusPopupOpen"> </div> <div class="table_wrap" id="phoneTable"> <table> <colgroup> <col style="width: auto;"> <col style="width: 10%;"> <col style="width: auto;"> <col style="width: 15%;"> <col style="width: 15%;"> </colgroup> <thead> <tr> <th scope="col">휴대폰번호</th> <th scope="col">구분</th> <th scope="col">별칭</th> <th scope="col">등록일시</th> <th scope="col">관리</th> </tr> </thead> <tbody> <tr> <td>010-0000-0000</td> <td>기본</td> <td>대표번호</td> <td>2026-07-07&ensp;17:06:48</td> <td><b class="c_666 fwMd">가입 휴대폰 번호</b></td> </tr> <tr> <td>010-0000-0000</td> <td>추가</td> <td class="alias"><span class="alias_text">업무용</span></td> <td>2026-07-07&ensp;17:06:48</td> <td> <div class="btn_area center"> <button type="button" class="btn btn_blue border btn_28 btn_edit btn_text">수정</button> <button type="button" class="btn btn_lightgray fill btn_28 btn_text" data-tooltip="auth_del_number_popup">삭제</button> </div> </td> </tr> <tr> <td>010-0000-0000</td> <td>기본</td> <td class="alias"><span class="alias_text">별칭</span></td> <td>2026-07-07&ensp;17:06:48</td> <td> <div class="btn_area center"> <button type="button" class="btn btn_blue border btn_28 btn_edit btn_text">수정</button> <button type="button" class="btn btn_lightgray fill btn_28 btn_text" data-tooltip="auth_del_number_popup">삭제</button> </div> </td> </tr> </tbody> </table> </div> <p class="desc_text">기본 번호(가입 휴대폰번호)는 회원정보 변경 메뉴에서 본인인증 후 변경할 수 있습니다.</p>   <div class="title_area"> <p class="dashboard_title">인증수단 변경 이력 <span class="small_text">등록 ·변경·삭제 이력은 <b>최대 1년</b>간 보관됩니다.</span></p> </div> <div class="table_wrap" id="phoneTable"> <table> <colgroup> <col style="width: auto;"> <col style="width: 10%;"> <col style="width: auto;"> <col style="width: 15%;"> <col style="width: 15%;"> </colgroup> <thead> <tr> <th scope="col">처리일시</th> <th scope="col">처리유형</th> <th scope="col">휴대폰번호</th> <th scope="col">본인확인</th> <th scope="col">처리 IP</th> </tr> </thead> <tbody> <tr> <td>2026-07-07 &ensp;17:06:48</td> <td>등록</td> <td>010-0000-0000</td> <td>문자인증</td> <td>119.193.215.98</td> </tr> <tr> <td>2026-07-07 &ensp;17:06:48</td> <td>변경</td> <td>010-0000-0000</td> <td>본인인증</td> <td>119.193.215.98</td> </tr> <tr> <td>2026-07-07 &ensp;17:06:48</td> <td>삭제</td> <td>010-0000-0000</td> <td>정보변경</td> <td>119.193.215.98</td> </tr> </tbody> </table> </div>  <ul class="pagination"> <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li> <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li> <li class="on"><button>1</button></li> <li><button>2</button></li> <li><button>3</button></li> <li><button>4</button></li> <li><button>5</button></li> <li><button>6</button></li> <li><button>7</button></li> <li><button>8</button></li> <li><button>9</button></li> <li><button>10</button></li> <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> </ul>    <div class="title_area"> <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 3개월까지만 보관됩니다.</span></p> </div> <div class="table_wrap"> <table> <colgroup> <col style="width:auto;"/> <col style="width:auto;"/> <col style="width:10%;"/> <col style="width:18%;"/> <col style="width:18%;"/> </colgroup> <thead> <tr> <th scope="col">로그인 일시</th> <th scope="col">로그인 IP</th> <th scope="col">환경</th> <th scope="col">휴대폰번호</th> <th scope="col">인증결과</th> </tr> </thead> <tbody> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td><b class="fwMd c_e40000">실패(인증번호 불일치)</b></td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td><b class="fwMd c_e40000">실패(인증번호 불일치)</b></td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> <tr> <td>2025-04-02&ensp;15:59:07</td> <td>119.193.215.98</td> <td>PC</td> <td>010-1234-5678</td> <td>성공</td> </tr> </tbody> </table> </div>   <ul class="pagination"> <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li> <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li> <li class="on"><button>1</button></li> <li><button>2</button></li> <li><button>3</button></li> <li><button>4</button></li> <li><button>5</button></li> <li><button>6</button></li> <li><button>7</button></li> <li><button>8</button></li> <li><button>9</button></li> <li><button>10</button></li> <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li> <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li> </ul>  </div>  </div> </div>  </div>  </div> </div>    <div data-include-path="/publish/layout/_footer.html"></div>  </body> </html>