Code - chominsoo4245/mjon

<!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/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 () { // on/off 시 confirm 창 노출 $(".security_tab").click(function () { if ($(this).find("a.on").text().trim() == "ON") { if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) { $(this).find("a.on").siblings("a").removeClass("on"); } else { $(this).find("a.on").removeClass("on").siblings("a").addClass("on"); $(this).removeClass("on").addClass("off"); } } else if($(this).find("a.on").text().trim() == "OFF") { if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) { $(this).find("a.on").siblings("a").removeClass("on"); } else { $(this).find("a.on").removeClass("on").siblings("a").addClass("on"); $(this).removeClass("off").addClass("on"); } } }); // ip추가 버튼 클릭 시 tr 추가 $(".btn_ip_plus").click(function () { var ipTr = '<tr><td><input type="text" class="input_text"></td><td><input type="text" class="input_text"></td><td>-</td><td><button type="button" class="btnType btnType5">등록</button></td></tr>'; $(".ip_table tbody").prepend(ipTr); }); // 허용 IP 등록 $(".btn_allow_ip_add").click(function () { if (confirm("현재 접속중인 IP를 접속 허용 IP로 등록하시겠습니까?")) { alert("접속 허용 IP 등록이 완료되었습니다."); } else {} }); }) // 인증 휴대폰번호 관리 수정버튼 클릭 시 function memoEdit(btn) { var memoText = $(btn).closest("tr").find(".td_memo").text(); $(".td_memo").html('<input type="text" class="input_text" value="' + memoText + '">'); $(btn).addClass("btn_save").removeClass("btn_edit").attr("onclick", "memoSave(this);").text("저장"); } // 인증 휴대폰번호 관리 저장버튼 클릭 시 function memoSave(btn) { var memoText = $(btn).closest("tr").find(".input_text").val(); $(".td_memo").html(memoText); $(btn).addClass("btn_save").removeClass("btn_edit").attr("onclick", "memoEdit(this);").text("수정"); } </script> </head> <body> <div class="mask"></div>  <div class="tooltip-wrap"> <div class="popup-com certify_layer popup05" tabindex="0" data-tooltip-con="popup05" data-focus="popup05" data-focus-prev="popup05-close" style="width: 500px;"> <div class="popup_heading"> <p>휴대폰 인증</p> <button type="button" class="tooltip-close" data-focus="popup05-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button> </div> <div class="layer_in"> <div class="hascont"> <table class="layer_tType1"> <caption>본인인증(step1) 표</caption> <colgroup> <col style="width: 95px"> <col style="width: auto"> </colgroup> <tbody> <tr> <th>핸드폰번호</th> <td> <label for="" class="label">핸드폰번호 입력</label> <input type="text" placeholder="‘-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='‘-’없이 번호만 입력 '" class="inputLight" style="width: 200px;"> <button type="button" class="btnType btnType6" style="width:90px">인증요청</button> </td> </tr> <tr> <th>인증번호</th> <td> <label for="" class="label">인증번호 입력</label> <input type="text" placeholder="인증번호 4자리 입력" onfocus="this.placeholder=''" onblur="this.placeholder='인증번호 4자리 입력'" class="inputLight" style="width: 200px;"> <button type="button" class="btnType btnType6" style="width:90px">확인</button> </td> </tr> </tbody> </table> <div class="popup_btn_wrap2"> <button type="button" class="tooltip-close" data-focus="popup05-close" data-focus-next="popup05">닫기</button> </div> </div> </div> </div> </div>  <div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div> <div class="quickMenu"> <div> <p class="quick_title">QUICK<br>MENU</p> <p class="quick_title2">QUICK</p> <ul class="quickMenuIn"> <li><a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a> <div class="hover_cont">이용안내</div> </li> <li><a href="#"><i class="quick2"></i><span>채팅상담</span></a> <div class="hover_cont">채팅상담</div> </li> <li><a href="#"><i class="quick3"></i><span>원격지원</span></a> <div class="hover_cont">원격지원</div> </li> <li><a href="#"><i class="quick4"></i><span>맞춤제작</span></a> <div class="hover_cont">맞춤제작</div> </li> <li><a href="#"><i class="quick5"></i><span>주소록 등록</span></a> <div class="hover_cont">주소록 등록</div> </li> <li><a href="#"><i class="quick6"></i><span>엑셀 전송</span></a> <div class="hover_cont">엑셀 대량전송</div> </li> <li><a href="#"><i class="quick7"></i><span>견적서</span></a> <div class="hover_cont">견적서</div> </li> <li><a href="#"><i class="quick8"></i><span>결제</span></a> <div class="hover_cont">결제</div> </li> <li><a href="#"><i class="quick9"></i><span>영수증/계산서</span></a> <div class="hover_cont">영수증/계산서</div> </li> </ul><button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button> </div> </div> <header id="header" class="header"> <div class="header_top"> <div class="inner"> <ul class="menu_left"> <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li> <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li> <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li> </ul> <ul class="menu_right"> <li><a href="#">충전하기</a></li> <li class="SortLine"><a href="#">요금안내</a></li> <li class="SortLine"><a href="#">이용안내</a></li> <li class="SortLine"><a href="#">1:1고객상담</a></li> </ul> </div> </div> <div class="header_body"> <div class="inner table"> <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1> <ul class="gnbWrap table_cell"> <li><a href="#">문자발송</a></li> <li><a href="#">선거문자</a></li> <li><a href="#">맞춤제작</a></li> <li><a href="#">비즈톡</a></li> <li><a href="#">주소록 관리</a></li> <li><a href="#">발송결과</a></li> <li><a href="#">예약관리</a></li> <li><a href="#">결제내역</a></li> </ul> <div class="s_menu"><i class="allSearch_info"><span>문자검색</span></i><button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button><button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button></div> </div> <div class="pop_search"> <div class="inner"> <div class="area_search"><select name="" id=""> <option value="">그림문자</option> <option value="">단문문자</option> <option value="">장문문자</option> <option value="">GIF</option> </select><input type="text" placeholder="문자샘플 검색하기"><button><img src="/publish/images/search02.png" alt=""></button></div> <div class="area_popular"> <p><i></i>인기검색어</p> <ul class="popular_tag"> <li><a href="#">#정월대보름</a></li> <li class="on"><a href="#">#추석</a></li> <li><a href="#">#가을인사</a></li> <li><a href="#">#좋은하루</a></li> </ul> </div><button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button> </div> </div> </div> <div id="login" class="login2"> <div class="inner table"> <div class="login_left table_cell"> <div class="login_info"> <i></i> <div class="login2_name"> <p>홍길동</p> <span>(개인)</span> </div> <div class="session"> <span>08:46</span> <button type="button">연장</button> </div> <button type="button" class="btnType btnType3">마이페이지</button> <button type="button" class="btnType btnType2">로그아웃</button> <div class="security_box red_box"> <a href="#" class="title">보안로그인</a> <a href="#" class="state off">OFF</a> </div> <div class="security_box green_box"> <a href="#" class="title">보안로그인</a> <a href="#" class="state on">ON</a> </div> </div> <div class="login_pay"> <div class="check_money"> <div class="holdingsum_box"> <i></i> <p>보유잔액 <span class="fwMd">3,000</span>원</p> <dl> <dd>후불제 고객의 보유잔액(캐시)은 당월 발송 가능<br>금액을 말하며 <span>매월 1일 자동으로 충전</span>됩니다.</dd> </dl> </div> <button type="button" class="btnType btnType3">충전</button> <div class="account_box"> <button type="button" class="btnType btnType3">전용계좌</button> <dl> <dt>전용계좌</dt> <dd>신한은행 56212519515101</dd> </dl> </div> </div> <div class="point"> <i></i> <p>포인트 <span class="fwMd">1,000</span>원</p> <button type="button" class="btnType btnType3">교환</button> </div> </div> </div> </div> </div> </header> <div id="container" class="cont sub"> <div class="inner"> <div class="send_top"> <ul class="tabType4"> <li class="tab"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li> <li class="tab"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li> <li class="tab"><button type="button" onclick="TabType5(this,'3');">비밀번호 변경</button></li> <li class="tab"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li> <li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li> <li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li> <li class="tab active"><button type="button" onclick="TabType5(this,'7');">보안로그인</button></li> </ul> <div class="mypage_content current"> <div class="heading"> <h2>보안로그인</h2> </div> <div class="my_dashboard">  <div class="security_login"> <ul class="explanation_wrap box info"> <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li> <li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li> <li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li> </ul>  <div class="security_set box"> <div class="title_wrap"> <p class="dashboard_title">보안로그인</p> <div class="title_box ip_add_wrap"> <span>현재 접속중인 IP : <b>000.000.000.00</b></span> <button type="button" class="btnType btnType6 btn_allow_ip_add">허용 IP 등록</button> </div> </div> <div class="set_area"> <p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p> <div class="tab_depth1 security_tab on"> <a href="#none" class="on">ON</a> <a href="#none">OFF</a> </div> </div> </div>   <div class="security_set box"> <div class="title_wrap"> <p class="dashboard_title">보안로그인</p> <div class="title_box ip_add_wrap"> <span>현재 접속중인 IP : <b>000.000.000.00 [허용 IP]</b></span> </div> </div> <div class="set_area"> <p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p> <div class="tab_depth1 security_tab off"> <a href="#none">ON</a> <a href="#none" class="on">OFF</a> </div> </div> </div>   <div class="title_area"> <p class="dashboard_title">인증 휴대폰번호 관리</p> <p class="qmMark">?</p> <div class="hover_cont" style="width:330px;left:240px;top:25px;"> <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br> (등록 및 삭제 시 휴대폰 본인인증 필요)</p> </div> <button type="button" data-tooltip="popup05" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button> </div> <div class="table_wrap"> <table> <colgroup> <col style="width: 26%;"> <col style="width: auto;"> <col style="width: 26%;"> <col style="width: 100px;"> </colgroup> <thead> <tr> <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 class="td_memo">메모 내용</td> <td>2024-11-04 11:54</td> <td><button type="button" class="btnType btnType5 btn_edit" onclick="memoEdit(this);">수정</button></td> </tr> <tr> <td>010-0000-0000</td> <td><input type="text" class="input_text"></td> <td>2024-11-04 11:54</td> <td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td> </tr> </tbody> </table> </div>   <div class="title_area"> <p class="dashboard_title">접속 IP 관리</p> <p class="qmMark">?</p> <div class="hover_cont" style="width:380px;left:160px;top:25px;"> <p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br> <span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p> </div> <button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button> </div> <div class="table_wrap ip_table"> <table> <colgroup> <col style="width: 26%;"> <col style="width: auto;"> <col style="width: 26%;"> <col style="width: 100px;"> </colgroup> <thead> <tr> <th scope="col">허용IP</th> <th scope="col">메모</th> <th scope="col">등록일시</th> <th scope="col">관리</th> </tr> </thead> <tbody> <tr> <td><input type="text" class="input_text"></td> <td><input type="text" class="input_text"></td> <td>-</td> <td><button type="button" class="btnType btnType5">등록</button></td> </tr> <tr> <td>192.168.0.0</td> <td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td> <td>2024-11-11 11:11</td> <td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td> </tr> </tbody> </table> </div>   <div class="title_area"> <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 90일까지만 보관됩니다.</span></p> </div> <div class="table_wrap"> <table> <colgroup> <col style="width:calc(100% /3);"> <col style="width:calc(100% /3);"> <col style="width:calc(100% /3);"> </colgroup> <thead> <tr> <th scope="col">로그인 일시</th> <th scope="col">로그인 IP</th> <th scope="col">로그인 환경</th> </tr> </thead> <tbody> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>PC</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>모바일</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>PC</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>모바일</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>PC</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>모바일</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>PC</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>모바일</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</td> <td>PC</td> </tr> <tr> <td>2024-11-20 13:57:12</td> <td>119.193.215.98</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> <footer id="footer" class="footer"> <div class="footer_top"> <div class="inner table"> <ul class="table_cell"> <li><a href="#">이용약관</a></li> <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li> <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li> <li class="SortLine"><a href="#">불법스팸예방안내</a></li> </ul> </div> </div> <div class="footer_body"> <div class="inner table"> <div class="table_cell"><a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a> <div class="footer_info"> <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p> <p>사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 : 제 다산-12345호 ｜ 문의전화 : 070-4786-0007</p> <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p> </div> <div class="footer_service_center"><i></i> <div> <p>고객센터</p><span class="footer_service_num">070-4786-0008</span><span>E-mail : help@iten.co.kr</span> </div> </div> </div> </div> </div> </footer> </body> </html>