mjon_git/src/main/webapp/publish/mypage_index_2024.html
hehihoho3@gmail.com 7a38574459 보안로그인 top
2024-11-21 20:57:16 +09:00

562 lines
21 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 a').click(function (e) {
console.log($(this).hasClass("on"))
if ($(this).hasClass("on") == false) {
if ($(this).text().trim() == "ON") {
if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
$(this).removeClass("on");
$(this).siblings("a").addClass("on");
} else {
$(this).addClass("on");
$(this).siblings("a").removeClass("on");
}
} else {
if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
$(this).removeClass("on");
$(this).siblings("a").addClass("on");
} else {
$(this).addClass("on");
$(this).siblings("a").removeClass("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>
<!-- 보안로그인 top -->
<div class="security_box">
<p class="title"><i class="icon_lock"></i>보안로그인</p>
<a href="#" class="state on">ON</a>
<!-- <a href="#" class="state off">OFF</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">
<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">
<a href="#none" class="on">ON</a>
<a href="#none">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><input type="text" class="input_text"></td>
<td>2024-11-04 11:54</td>
<td><button type="button" class="btnType btnType5 btn_save">저장</button></td>
</tr> -->
<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>
<!-- //인증 휴대폰번호 관리 -->
<!-- 접속 IP관리 -->
<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>
<!-- //접속 IP관리 -->
<!-- 로그인 내역 -->
<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>
<!-- //로그인 내역 -->
<!-- pagination -->
<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><!-- pagination -->
</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>