Commit @24924aa1a184cda01c5d5e1be527c80a27547863

정수빈 2024-11-20

2024/11/20 보안로그인 페이지 수정

@24924aa1a184cda01c5d5e1be527c80a27547863

7b464e5

24924aa

src/main/webapp/publish/css/mem.css

--- src/main/webapp/publish/css/mem.css

+++ src/main/webapp/publish/css/mem.css


 .security_login .box{width:100%;background:#fff;border-radius:5px;margin:0 0 30px 0;}
 .security_login .info{display:flex;font-size:15px;color:#444;padding:15px 20px;flex-direction:column;gap:6px;}
 .security_login .security_set{display:flex;height:80px;justify-content:space-between;align-items:center;padding:15px 30px;}
+.security_login .security_set .title_wrap{display:flex;align-items:center;gap:20px;}
+.security_login .security_set .title_wrap p{margin:3px 0 0 0;}
+.security_login .security_set .ip_add_wrap{display:flex;height:46px;font-size:15px;color:#222;background:#f4f4f5;border-radius:5px;padding:8px 14px;align-items:center;gap:10px;}
+.security_login .security_set .ip_add_wrap .btnType{height:30px;font-size:14px;}
+.security_login .security_set .ip_add_wrap b{font-weight:500;color:#002c9a;}
 .security_login .input_text{width:98%;}
 .security_login .dashboard_title{padding: 0;}
+.security_login .dashboard_title .small_text{margin:0 0 0 6px;font-size:14px;font-weight:300;color:#666}
 .security_login .btn_plus{position:absolute;right:0;}
 .security_login .set_area{display:flex;align-items:center;}
 .security_login .lately_date{font-size:15px;color:#666;}

7b464e5

24924aa

src/main/webapp/publish/mypage_index_2024.html

--- src/main/webapp/publish/mypage_index_2024.html

+++ src/main/webapp/publish/mypage_index_2024.html

...	...	@@ -26,11 +26,11 @@
26	26	// on/off 시 confirm 창 노출
27	27	$('.security_set .tab_depth1 a').click(function () {
28	28	if ($(this).text().trim() == "ON") {
29		- confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")
	29	+ confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다");
30	30	} else {
31		- confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")
	31	+ confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.");
32	32	}
33		- })
	33	+ });
34	34
35	35	// ip추가 버튼 클릭 시 tr 추가
36	36	$(".btn_ip_plus").click(function () {
...	...	@@ -38,7 +38,29 @@
38	38	$(".ip_table tbody").prepend(ipTr);
39	39	});
40	40
	41	+ // 허용 IP 등록
	42	+ $(".btn_allow_ip_add").click(function () {
	43	+ if (confirm("현재 접속중인 IP를 접속 허용 IP로 등록하시겠습니까?")) {
	44	+ alert("접속 허용 IP 등록이 완료되었습니다.");
	45	+ } else {}
	46	+ });
	47	+
	48	+
41	49	})
	50	+
	51	+ // 인증 휴대폰번호 관리 수정버튼 클릭 시
	52	+ function memoEdit(btn) {
	53	+ var memoText = $(btn).closest("tr").find(".td_memo").text();
	54	+ $(".td_memo").html('<input type="text" class="input_text" value="' + memoText + '">');
	55	+ $(btn).addClass("btn_save").removeClass("btn_edit").attr("onclick", "memoSave(this);").text("저장");
	56	+ }
	57	+
	58	+ // 인증 휴대폰번호 관리 저장버튼 클릭 시
	59	+ function memoSave(btn) {
	60	+ var memoText = $(btn).closest("tr").find(".input_text").val();
	61	+ $(".td_memo").html(memoText);
	62	+ $(btn).addClass("btn_save").removeClass("btn_edit").attr("onclick", "memoEdit(this);").text("수정");
	63	+ }
42	64	</script>
43	65	</head>
44	66
...	...	@@ -199,69 +221,13 @@
199	221	<li class="tab"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
200	222	<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
201	223	<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
	224	+ <li class="tab active"><button type="button" onclick="TabType5(this,'7');">보안로그인</button></li>
202	225	</ul>
203	226	<div class="mypage_content current">
204	227	<div class="heading">
205		- <h2>마이페이지</h2>
	228	+ <h2>보안로그인</h2>
206	229	</div>
207	230	<div class="my_dashboard">
208		- <div class="my_dashboard_cont1 dash_cont">
209		- <div>
210		- <p>
211		- <span>홍길동</span>회원님 반갑습니다
212		- </p>
213		- <button type="button" class="btnType btn_security_login">보안로그인</button>
214		- </div>
215		- <div class="send_price">
216		- <div class="price_title">나의<br>단가</div>
217		- <div class="price_wrap">
218		- <ul>
219		- <li class="title">
220		- <img src="/publish/images/content/icon_mypage_message.png" alt="">문자
221		- </li>
222		- <li class="price_line">
223		- <span class="type">단문</span>
224		- <span class="price">
225		- 18
226		- </span>원
227		- </li>
228		- <li class="price_line">
229		- <span class="type">장문</span>
230		- <span class="price">
231		- 50
232		- </span>원
233		- </li>
234		- <li>
235		- <span class="type">그림</span>
236		- <span class="price">
237		- 90
238		- </span>원
239		- (2장 : 110원 / 3장 : 130원)
240		- </li>
241		- </ul>
242		- <ul>
243		- <li class="title">
244		- <img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
245		- </li>
246		- <li class="price_line">
247		- <span class="type">알림톡</span>
248		- <span class="price">
249		- 6.9
250		- </span>원
251		- </li>
252		- <li class="title">
253		- <img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
254		- </li>
255		- <li>
256		- <span class="type">팩스</span>
257		- <span class="price">
258		- 58
259		- </span>원
260		- </li>
261		- </ul>
262		- </div>
263		- </div>
264		- </div>
265	231
266	232	<!-- 보안로그인 -->
267	233	<div class="security_login">
...	...	@@ -273,9 +239,15 @@
273	239	</ul>
274	240
275	241
276		- <!-- 보안로그인 설정 -->
	242	+ <!-- 보안로그인 설정(허용 IP 아닌 경우) -->
277	243	<div class="security_set box">
278		- <p class="dashboard_title">보안로그인</p>
	244	+ <div class="title_wrap">
	245	+ <p class="dashboard_title">보안로그인</p>
	246	+ <div class="title_box ip_add_wrap">
	247	+ <span>현재 접속중인 IP : <b>000.000.000.00</b></span>
	248	+ <button type="button" class="btnType btnType6 btn_allow_ip_add">허용 IP 등록</button>
	249	+ </div>
	250	+ </div>
279	251
280	252	<div class="set_area">
281	253	<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
...	...	@@ -286,7 +258,72 @@
286	258	</div>
287	259	</div>
288	260	</div>
289		- <!-- //보안로그인 설정 -->
	261	+ <!-- //보안로그인 설정(허용 IP 아닌 경우) -->
	262	+
	263	+ <!-- 보안로그인 설정(허용 IP인 경우) -->
	264	+ <div class="security_set box">
	265	+ <div class="title_wrap">
	266	+ <p class="dashboard_title">보안로그인</p>
	267	+ <div class="title_box ip_add_wrap">
	268	+ <span>현재 접속중인 IP : <b>000.000.000.00 [허용 IP]</b></span>
	269	+ </div>
	270	+ </div>
	271	+
	272	+ <div class="set_area">
	273	+ <p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
	274	+
	275	+ <div class="tab_depth1">
	276	+ <a href="#none" class="on">ON</a>
	277	+ <a href="#none">OFF</a>
	278	+ </div>
	279	+ </div>
	280	+ </div>
	281	+ <!-- //보안로그인 설정(허용 IP인 경우) -->
	282	+
	283	+ <!-- 인증 휴대폰번호 관리 -->
	284	+ <div class="title_area">
	285	+ <p class="dashboard_title">인증 휴대폰번호 관리</p>
	286	+ <p class="qmMark">?</p>
	287	+ <div class="hover_cont" style="width:330px;left:240px;top:25px;">
	288	+ <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
	289	+ (등록 및 삭제 시 휴대폰 본인인증 필요)</p>
	290	+ </div>
	291	+ <button type="button" data-tooltip="popup05" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	292	+ </div>
	293	+
	294	+ <div class="table_wrap">
	295	+ <table>
	296	+ <colgroup>
	297	+ <col style="width: 26%;">
	298	+ <col style="width: auto;">
	299	+ <col style="width: 26%;">
	300	+ <col style="width: 140px;">
	301	+ </colgroup>
	302	+ <thead>
	303	+ <tr>
	304	+ <th scope="col">휴대폰번호</th>
	305	+ <th scope="col">메모</th>
	306	+ <th scope="col">등록일시</th>
	307	+ <th scope="col">관리</th>
	308	+ </tr>
	309	+ </thead>
	310	+ <tbody>
	311	+ <tr>
	312	+ <td>010-0000-0000</td>
	313	+ <td class="td_memo">메모 내용</td>
	314	+ <td>2024-11-04 11:54</td>
	315	+ <td><button type="button" class="btnType btnType5 btn_edit" style="margin:0 5px 0 0;" onclick="memoEdit(this);">수정</button><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
	316	+ </tr>
	317	+ <tr>
	318	+ <td>010-0000-0000</td>
	319	+ <td>메모내용</td>
	320	+ <td>2024-11-04 11:54</td>
	321	+ <td><button type="button" class="btnType btnType5 btn_edit" style="margin:0 5px 0 0;" onclick="memoEdit(this);">수정</button><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
	322	+ </tr>
	323	+ </tbody>
	324	+ </table>
	325	+ </div>
	326	+ <!-- //인증 휴대폰번호 관리 -->
290	327
291	328	<!-- 접속 IP관리 -->
292	329	<div class="title_area">
...	...	@@ -333,477 +370,82 @@
333	370	</div>
334	371	<!-- //접속 IP관리 -->
335	372
336		- <!-- 인증 휴대폰번호 관리 -->
	373	+
	374	+ <!-- 로그인 내역 -->
337	375	<div class="title_area">
338		- <p class="dashboard_title">인증 휴대폰번호 관리</p>
339		- <p class="qmMark">?</p>
340		- <div class="hover_cont" style="width:330px;left:240px;top:25px;">
341		- <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
342		- (등록 및 삭제 시 휴대폰 본인인증 필요)</p>
343		- </div>
344		- <button type="button" data-tooltip="popup05" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	376	+ <p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 90일까지만 보관됩니다.</span></p>
345	377	</div>
346	378
347		- <div class="table_wrap">
	379	+ <div class="table_wrap ip_table">
348	380	<table>
349	381	<colgroup>
350		- <col style="width: calc((100% - 100px)/2);">
351		- <col style="width: calc((100% - 100px)/2);">
352		- <col style="width: 100px;">
	382	+ <col style="width:calc(100% /3);">
	383	+ <col style="width:calc(100% /3);">
	384	+ <col style="width:calc(100% /3);">
353	385	</colgroup>
354	386	<thead>
355	387	<tr>
356		- <th scope="col">휴대폰번호</th>
357		- <th scope="col">등록일시</th>
358		- <th scope="col">관리</th>
	388	+ <th scope="col">로그인 일시</th>
	389	+ <th scope="col">로그인 IP</th>
	390	+ <th scope="col">로그인 환경</th>
359	391	</tr>
360	392	</thead>
361	393	<tbody>
362	394	<tr>
363		- <td>010-0000-0000</td>
364		- <td>2024-11-04 11:54</td>
365		- <td>-</td>
	395	+ <td>2024-11-20 13:57:12</td>
	396	+ <td>119.193.215.98</td>
	397	+ <td>PC</td>
366	398	</tr>
367	399	<tr>
368		- <td>192.168.0.0</td>
369		- <td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
370		- <td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
	400	+ <td>2024-11-20 13:57:12</td>
	401	+ <td>119.193.215.98</td>
	402	+ <td>모바일</td>
	403	+ </tr>
	404	+ <tr>
	405	+ <td>2024-11-20 13:57:12</td>
	406	+ <td>119.193.215.98</td>
	407	+ <td>PC</td>
	408	+ </tr>
	409	+ <tr>
	410	+ <td>2024-11-20 13:57:12</td>
	411	+ <td>119.193.215.98</td>
	412	+ <td>모바일</td>
	413	+ </tr>
	414	+ <tr>
	415	+ <td>2024-11-20 13:57:12</td>
	416	+ <td>119.193.215.98</td>
	417	+ <td>PC</td>
	418	+ </tr>
	419	+ <tr>
	420	+ <td>2024-11-20 13:57:12</td>
	421	+ <td>119.193.215.98</td>
	422	+ <td>모바일</td>
	423	+ </tr>
	424	+ <tr>
	425	+ <td>2024-11-20 13:57:12</td>
	426	+ <td>119.193.215.98</td>
	427	+ <td>PC</td>
	428	+ </tr>
	429	+ <tr>
	430	+ <td>2024-11-20 13:57:12</td>
	431	+ <td>119.193.215.98</td>
	432	+ <td>모바일</td>
	433	+ </tr>
	434	+ <tr>
	435	+ <td>2024-11-20 13:57:12</td>
	436	+ <td>119.193.215.98</td>
	437	+ <td>PC</td>
	438	+ </tr>
	439	+ <tr>
	440	+ <td>2024-11-20 13:57:12</td>
	441	+ <td>119.193.215.98</td>
	442	+ <td>모바일</td>
371	443	</tr>
372	444	</tbody>
373	445	</table>
374	446	</div>
375		- <!-- //인증 휴대폰번호 관리 -->
376		-
377		-
378		-
379		-
380		-
381		- </div>
382		- <!-- //보안로그인 -->
383		-
384		- <div class="my_dashboard_cont3">
385		- <p class="dashboard_title">이용내역</p>
386		- <p class="reqTxt2">(단위 : 건, 원)</p>
387		- <div class="table_wrap">
388		- <table>
389		- <caption>구분, 충전금액, 사용금액, 잔액 등 정보를 제공하는 표</caption>
390		- <colgroup>
391		- <col style="width: 115px;">
392		- <col style="width: calc((100% - 115px)/3);">
393		- <col style="width: calc((100% - 115px)/3);">
394		- <col style="width: calc((100% - 115px)/3);">
395		- </colgroup>
396		- <thead>
397		- <tr>
398		- <th scope="col">구분</th>
399		- <th scope="col">충전금액</th>
400		- <th scope="col">사용금액</th>
401		- <th scope="col">잔액</th>
402		- </tr>
403		- </thead>
404		- <tbody>
405		- <tr>
406		- <td>캐시</td>
407		- <td>100,000,000,000</td>
408		- <td>100,000,000,000</td>
409		- <td>100,000,000,000</td>
410		- </tr>
411		- <tr>
412		- <td>포인트</td>
413		- <td>100,000,000,000</td>
414		- <td>100,000,000,000</td>
415		- <td>100,000,000,000</td>
416		- </tr>
417		- </tbody>
418		- </table>
419		- </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
420		- <div class="table_wrap">
421		- <table>
422		- <caption>구분, 문자, 알림톡, 친구톡, 팩스, 계 등 정보를 제공하는 표</caption>
423		- <colgroup>
424		- <col style="width: 150px;">
425		- <col style="width: calc((100% - 150px)/5);">
426		- <col style="width: calc((100% - 150px)/5);">
427		- <col style="width: calc((100% - 150px)/5);">
428		- <col style="width: calc((100% - 150px)/5);">
429		- <col style="width: calc((100% - 150px)/5);">
430		- </colgroup>
431		- <thead>
432		- <tr>
433		- <th scope="col">구분</th>
434		- <th scope="col">문자</th>
435		- <th scope="col">알림톡</th>
436		- <th scope="col">친구톡</th>
437		- <th scope="col">팩스</th>
438		- <th scope="col">계</th>
439		- </tr>
440		- </thead>
441		- <tbody>
442		- <tr>
443		- <td>발송건(매)수</td>
444		- <td>100,000,000,000</td>
445		- <td>100,000,000,000</td>
446		- <td>100,000,000,000</td>
447		- <td>100,000,000,000</td>
448		- <td>100,000,000,000</td>
449		- </tr>
450		- <tr>
451		- <td>사용금액</td>
452		- <td>100,000,000,000</td>
453		- <td>100,000,000,000</td>
454		- <td>100,000,000,000</td>
455		- <td>100,000,000,000</td>
456		- <td>100,000,000,000</td>
457		- </tr>
458		- <tr>
459		- <td>예약건(매)수</td>
460		- <td>100,000,000,000</td>
461		- <td>100,000,000,000</td>
462		- <td>100,000,000,000</td>
463		- <td>100,000,000,000</td>
464		- <td>100,000,000,000</td>
465		- </tr>
466		- <tr>
467		- <td>사용금액</td>
468		- <td>100,000,000,000</td>
469		- <td>100,000,000,000</td>
470		- <td>100,000,000,000</td>
471		- <td>100,000,000,000</td>
472		- <td>100,000,000,000</td>
473		- </tr>
474		- </tbody>
475		- </table>
476		- </div>
477		- </div>
478		- <p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt="알림톡 아이콘 이미지">세부내역
479		- </p>
480		- <div class="excel_middle">
481		- <div class="select_btnWrap clearfix">
482		- <div class="btn_left"><span class="cal_label">기간선택</span>
483		- <div class="calendar_wrap"><input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root"><span class="dateEtc">~</span><input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root"></div>
484		- <button type="button">이번년도</button><button type="button">전월</button><button type="button">당월</button><button type="button" class="btnType6">조회</button><span class="reqTxt4"><span class="vMiddle">*</span>조회기간의 사용내역만 보여집니다.</span>
485		- </div>
486		- <div></div>
487		- </div>
488		- </div>
489		- <div class="list_tab_wrap2 type2">
490		- <ul class="list_tab">
491		- <li class="tab active"><button type="button" onclick="listTab2(this,'1');">전체</button></li>
492		- <li class="tab"><button type="button" onclick="listTab2(this,'2');">단문</button></li>
493		- <li class="tab"><button type="button" onclick="listTab2(this,'3');">장문</button></li>
494		- <li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
495		- <li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
496		- <li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
497		- <li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
498		- <li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
499		- </ul>
500		- </div>
501		- <div class="price_history_cont" id="listTab2_5">
502		- <div class="list_info">
503		- <p>총 <span>10</span>건</p>
504		- <div><button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button><button type="button" class="pdf_btn"><i class="pdf_img"></i>PDF저장</button><button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button></div>
505		- </div>
506		- <div class="tb_wrap">
507		- <table class="tType4">
508		- <colgroup>
509		- <col style="width: 40px;">
510		- <col style="width: 10%;">
511		- <col style="width: 15%;">
512		- <col style="width: 35%;">
513		- <col style="width: 10%;">
514		- <col style="width: 10%;">
515		- <col style="width: 10%;">
516		- <col style="width: 10%;">
517		- <col style="width: 10%;">
518		- <col style="width: 10%;">
519		- </colgroup>
520		- <thead>
521		- <tr>
522		- <th rowspan="2"><label for="" class="label">전체 선택</label><input type="checkbox"></th>
523		- <th rowspan="2">날짜
524		- <div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
525		- </th>
526		- <th rowspan="2">문자유형
527		- <div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
528		- </th>
529		- <th rowspan="2">내용
530		- <div class="sort_wrap"><button type="button"><img src="/publish/images/sortUp.png" alt="오름차순으로 분류"></button><button type="button"><img src="/publish/images/sortDown.png" alt="내림차순으로 분류"></button></div>
531		- </th>
532		- <th colspan="2">충전</th>
533		- <th colspan="2">사용</th>
534		- <th colspan="2">잔액</th>
535		- </tr>
536		- <tr>
537		- <th>충전금</th>
538		- <th>포인트</th>
539		- <th>충전금</th>
540		- <th>포인트</th>
541		- <th>충전금</th>
542		- <th>포인트</th>
543		- </tr>
544		- </thead>
545		- <tbody>
546		- <tr>
547		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
548		- <td>
549		- <p>2021-06-10</p>
550		- </td>
551		- <td>
552		- <p>알림톡 텍스트</p>
553		- </td>
554		- <td class="tb_tit">
555		- <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
556		- <div class="history_hover">
557		- <div class="allimtalk_title"><img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡
558		- 도착
559		- </div>
560		- <div class="allimtalk_content">
561		- <div class="kakao_image"><img src="/publish/images/content/kakao_template_img.png" alt="">
562		- </div>
563		- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
564		- <p class="emphasis_title_text">타이틀 미리보기</p>
565		- <p class="template_text">내용미리보기</p>
566		- <p class="side_info_text">부가정보내용</p>
567		- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p><button type="button" class="btn_kakao_type">버튼명</button><button type="button" class="btn_kakao_type">버튼명</button>
568		- </div>
569		- </div>
570		- </td>
571		- <td>
572		- <p>0</p>
573		- </td>
574		- <td>
575		- <p>0</p>
576		- </td>
577		- <td>
578		- <p class="fwRg c_002c9a">0</p>
579		- </td>
580		- <td>
581		- <p class="fwRg c_002c9a">50</p>
582		- </td>
583		- <td>
584		- <p class="fwRg c_222">0</p>
585		- </td>
586		- <td>
587		- <p class="fwRg c_222">350</p>
588		- </td>
589		- </tr>
590		- <tr>
591		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
592		- <td>
593		- <p>2021-06-10</p>
594		- </td>
595		- <td>
596		- <p>알림톡</p>
597		- </td>
598		- <td class="tb_tit">
599		- <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
600		- <div class="history_hover">
601		- <ul>
602		- <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
603		- </ul>
604		- <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
605		- 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
606		- </div>
607		- </td>
608		- <td>
609		- <p>0</p>
610		- </td>
611		- <td>
612		- <p>0</p>
613		- </td>
614		- <td>
615		- <p class="fwRg c_002c9a">0</p>
616		- </td>
617		- <td>
618		- <p class="fwRg c_002c9a">50</p>
619		- </td>
620		- <td>
621		- <p class="fwRg c_222">0</p>
622		- </td>
623		- <td>
624		- <p class="fwRg c_222">350</p>
625		- </td>
626		- </tr>
627		- <tr>
628		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
629		- <td>
630		- <p>2021-06-10</p>
631		- </td>
632		- <td>
633		- <p>친구톡</p>
634		- </td>
635		- <td class="tb_tit">
636		- <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
637		- <div class="history_hover">
638		- <ul>
639		- <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
640		- </ul>
641		- <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
642		- 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
643		- </div>
644		- </td>
645		- <td>
646		- <p>0</p>
647		- </td>
648		- <td>
649		- <p>0</p>
650		- </td>
651		- <td>
652		- <p class="fwRg c_002c9a">0</p>
653		- </td>
654		- <td>
655		- <p class="fwRg c_002c9a">50</p>
656		- </td>
657		- <td>
658		- <p class="fwRg c_222">0</p>
659		- </td>
660		- <td>
661		- <p class="fwRg c_222">350</p>
662		- </td>
663		- </tr>
664		- <tr>
665		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
666		- <td>
667		- <p>2021-06-10</p>
668		- </td>
669		- <td>
670		- <p>광고</p>
671		- </td>
672		- <td class="tb_tit">
673		- <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
674		- <div class="history_hover">
675		- <ul>
676		- <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
677		- </ul>
678		- <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
679		- 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
680		- </div>
681		- </td>
682		- <td>
683		- <p>0</p>
684		- </td>
685		- <td>
686		- <p>0</p>
687		- </td>
688		- <td>
689		- <p class="fwRg c_002c9a">0</p>
690		- </td>
691		- <td>
692		- <p class="fwRg c_002c9a">50</p>
693		- </td>
694		- <td>
695		- <p class="fwRg c_222">0</p>
696		- </td>
697		- <td>
698		- <p class="fwRg c_222">350</p>
699		- </td>
700		- </tr>
701		- <tr>
702		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
703		- <td>
704		- <p>2021-06-10</p>
705		- </td>
706		- <td>
707		- <p>선거</p>
708		- </td>
709		- <td class="tb_tit">
710		- <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
711		- <div class="history_hover">
712		- <ul>
713		- <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
714		- <li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
715		- <li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
716		- </ul>
717		- <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
718		- 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
719		- </div>
720		- </td>
721		- <td>
722		- <p>0</p>
723		- </td>
724		- <td>
725		- <p>0</p>
726		- </td>
727		- <td>
728		- <p class="fwRg c_002c9a">0</p>
729		- </td>
730		- <td>
731		- <p class="fwRg c_002c9a">50</p>
732		- </td>
733		- <td>
734		- <p class="fwRg c_222">0</p>
735		- </td>
736		- <td>
737		- <p class="fwRg c_222">350</p>
738		- </td>
739		- </tr>
740		- <tr>
741		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
742		- <td>
743		- <p>2021-06-10</p>
744		- </td>
745		- <td>
746		- <p>일반</p>
747		- </td>
748		- <td class="tb_tit">
749		- <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
750		- <div class="history_hover">
751		- <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
752		- 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
753		- </div>
754		- </td>
755		- <td>
756		- <p>0</p>
757		- </td>
758		- <td>
759		- <p>0</p>
760		- </td>
761		- <td>
762		- <p class="fwRg c_002c9a">0</p>
763		- </td>
764		- <td>
765		- <p class="fwRg c_002c9a">50</p>
766		- </td>
767		- <td>
768		- <p class="fwRg c_222">0</p>
769		- </td>
770		- <td>
771		- <p class="fwRg c_222">350</p>
772		- </td>
773		- </tr>
774		- <tr>
775		- <td><label for="" class="label">선택</label><input type="checkbox"></td>
776		- <td>
777		- <p>2021-06-10</p>
778		- </td>
779		- <td>
780		- <p>가입축하포인트</p>
781		- </td>
782		- <td class="tb_tit">
783		- <p>문자포인트 적립</p>
784		- </td>
785		- <td>
786		- <p>0</p>
787		- </td>
788		- <td>
789		- <p>500</p>
790		- </td>
791		- <td>
792		- <p class="fwRg c_002c9a">0</p>
793		- </td>
794		- <td>
795		- <p class="fwRg c_002c9a">500</p>
796		- </td>
797		- <td>
798		- <p class="fwRg c_222">0</p>
799		- </td>
800		- <td>
801		- <p class="fwRg c_222">500</p>
802		- </td>
803		- </tr>
804		- </tbody>
805		- </table>
806		- </div>
	447	+ <!-- //로그인 내역 -->
	448	+ <!-- pagination -->
807	449	<ul class="pagination">
808	450	<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
809	451	<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
...	...	@@ -819,255 +461,10 @@
819	461	<li><button>10</button></li>
820	462	<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
821	463	<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
822		- </ul>
	464	+ </ul><!-- pagination -->
	465	+
823	466	</div>
824		- <div class="my_dashboard_cont3 number_set">
825		- <div>
826		- <p class="dashboard_title">대표 발신번호 관리</p>
827		- <div style="margin:0 0 10px;">
828		- <p style="font-weight: 300;">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
829		- </div>
830		- <div class="table_wrap">
831		- <table>
832		- <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
833		- <colgroup>
834		- <col style="width: 20%;">
835		- <col style="width: 25%;">
836		- <col style="width: auto;">
837		- <col style="width: 20%;">
838		- </colgroup>
839		- <thead>
840		- <tr>
841		- <th scope="col">등록일자</th>
842		- <th scope="col">발신번호</th>
843		- <th scope="col">발신번호명</th>
844		- <th scope="col">상태</th>
845		- </tr>
846		- </thead>
847		- <tbody>
848		- <tr>
849		- <td>2022-05-20 17:05</td>
850		- <td>010-5705-8729</td>
851		- <td>
852		- <p class="font_ellipsis">정수빈 </p>
853		- </td>
854		- <td><span class="c_002c9a">인증완료</span></td>
855		- </tr>
856		- </tbody>
857		- </table>
858		- </div><button type="button" onclick="location.href='/web/user/sendNumberManage.do';"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
859		- </div>
860		- </div>
861		- <div class="my_dashboard_cont3">
862		- <p class="dashboard_title">최근 발송내역 - 문자</p>
863		- <div class="table_wrap">
864		- <table>
865		- <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
866		- <colgroup>
867		- <col style="width: 10%;">
868		- <col style="width: 15%;">
869		- <col style="width: auto;">
870		- <col style="width: 10%;">
871		- <col style="width: 10%;">
872		- <col style="width: 15%;">
873		- </colgroup>
874		- <thead>
875		- <tr>
876		- <th scope="col">메시지 형태</th>
877		- <th scope="col">발송일시</th>
878		- <th scope="col">내용</th>
879		- <th scope="col">발송건수</th>
880		- <th scope="col">결과</th>
881		- <th scope="col">발신번호</th>
882		- </tr>
883		- </thead>
884		- <tbody>
885		- <tr>
886		- <td>단문</td>
887		- <td>2021-05-04 18:00:09</td>
888		- <td class="font_ellipsis">
889		- <p>아름다운 봄이 가득한 5월입니다.</p>
890		- </td>
891		- <td class="font_ellipsis">
892		- <p>1,000</p>
893		- </td>
894		- <td class="font_ellipsis">
895		- <p class="c_002c9a fwMd">성공</p>
896		- </td>
897		- <td>010-1234-5678</td>
898		- </tr>
899		- <tr>
900		- <td>장문</td>
901		- <td>2021-05-04 18:00:09</td>
902		- <td class="font_ellipsis">
903		- <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
904		- </td>
905		- <td class="font_ellipsis">
906		- <p>1,000</p>
907		- </td>
908		- <td class="font_ellipsis">
909		- <p class="c_002c9a fwMd">성공</p>
910		- </td>
911		- <td>010-1234-5678</td>
912		- </tr>
913		- <tr>
914		- <td>단문</td>
915		- <td>2021-05-04 18:00:09</td>
916		- <td class="font_ellipsis">
917		- <p>아름다운 봄이 가득한 5월입니다.</p>
918		- </td>
919		- <td class="font_ellipsis">
920		- <p>1,000</p>
921		- </td>
922		- <td class="font_ellipsis">
923		- <p class="font_ellipsis c_e40000 fwMd">실패</p>
924		- </td>
925		- <td>010-1234-5678</td>
926		- </tr>
927		- </tbody>
928		- </table>
929		- </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
930		- </div>
931		- <div class="my_dashboard_cont3">
932		- <p class="dashboard_title">최근 발송내역 - 알림톡</p>
933		- <div class="table_wrap">
934		- <table>
935		- <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
936		- <colgroup>
937		- <col style="width: 10%;">
938		- <col style="width: 15%;">
939		- <col style="width: auto;">
940		- <col style="width: 10%;">
941		- <col style="width: 10%;">
942		- <col style="width: 15%;">
943		- </colgroup>
944		- <thead>
945		- <tr>
946		- <th scope="col">메시지 형태</th>
947		- <th scope="col">발송일시</th>
948		- <th scope="col">내용</th>
949		- <th scope="col">발송건수</th>
950		- <th scope="col">결과</th>
951		- <th scope="col">대체문자 건수</th>
952		- </tr>
953		- </thead>
954		- <tbody>
955		- <tr>
956		- <td>단문</td>
957		- <td>2021-05-04 18:00:09</td>
958		- <td class="font_ellipsis">
959		- <p>아름다운 봄이 가득한 5월입니다.</p><button class="btnType btnType20">상세보기</button>
960		- </td>
961		- <td class="font_ellipsis">
962		- <p>1,000</p>
963		- </td>
964		- <td class="font_ellipsis">
965		- <p class="c_002c9a fwMd">성공</p>
966		- </td>
967		- <td>0</td>
968		- </tr>
969		- <tr>
970		- <td>장문</td>
971		- <td>2021-05-04 18:00:09</td>
972		- <td class="font_ellipsis">
973		- <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
974		- </td>
975		- <td class="font_ellipsis">
976		- <p>1,000</p>
977		- </td>
978		- <td class="font_ellipsis">
979		- <p class="c_002c9a fwMd">성공</p>
980		- </td>
981		- <td>0</td>
982		- </tr>
983		- <tr>
984		- <td>단문</td>
985		- <td>2021-05-04 18:00:09</td>
986		- <td class="font_ellipsis">
987		- <p>아름다운 봄이 가득한 5월입니다.</p>
988		- </td>
989		- <td class="font_ellipsis">
990		- <p>1,000</p>
991		- </td>
992		- <td class="font_ellipsis">
993		- <p class="font_ellipsis c_e40000 fwMd">실패</p>
994		- </td>
995		- <td>1</td>
996		- </tr>
997		- </tbody>
998		- </table>
999		- </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
1000		- </div>
1001		- <div class="my_dashboard_cont3">
1002		- <p class="dashboard_title">최근 발송내역 - 팩스</p>
1003		- <div class="table_wrap">
1004		- <table>
1005		- <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
1006		- <colgroup>
1007		- <col style="width: 10%;">
1008		- <col style="width: 15%;">
1009		- <col style="width: auto;">
1010		- <col style="width: 10%;">
1011		- <col style="width: 10%;">
1012		- <col style="width: 15%;">
1013		- </colgroup>
1014		- <thead>
1015		- <tr>
1016		- <th scope="col">메시지 형태</th>
1017		- <th scope="col">발송일시</th>
1018		- <th scope="col">내용</th>
1019		- <th scope="col">발송건수</th>
1020		- <th scope="col">발송매수</th>
1021		- <th scope="col">결과</th>
1022		- </tr>
1023		- </thead>
1024		- <tbody>
1025		- <tr>
1026		- <td>단문</td>
1027		- <td>2021-05-04 18:00:09</td>
1028		- <td class="font_ellipsis">
1029		- <p>아름다운 봄이 가득한 5월입니다.</p>
1030		- </td>
1031		- <td class="font_ellipsis">
1032		- <p>1,000</p>
1033		- </td>
1034		- <td>0</td>
1035		- <td class="font_ellipsis">
1036		- <p class="c_002c9a fwMd">성공</p>
1037		- </td>
1038		- </tr>
1039		- <tr>
1040		- <td>장문</td>
1041		- <td>2021-05-04 18:00:09</td>
1042		- <td class="font_ellipsis">
1043		- <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
1044		- </td>
1045		- <td class="font_ellipsis">
1046		- <p>1,000</p>
1047		- </td>
1048		- <td>0</td>
1049		- <td class="font_ellipsis">
1050		- <p class="c_002c9a fwMd">성공</p>
1051		- </td>
1052		- </tr>
1053		- <tr>
1054		- <td>단문</td>
1055		- <td>2021-05-04 18:00:09</td>
1056		- <td class="font_ellipsis">
1057		- <p>아름다운 봄이 가득한 5월입니다.</p>
1058		- </td>
1059		- <td class="font_ellipsis">
1060		- <p>1,000</p>
1061		- </td>
1062		- <td>0</td>
1063		- <td class="font_ellipsis">
1064		- <p class="font_ellipsis c_e40000 fwMd">실패</p>
1065		- </td>
1066		- </tr>
1067		- </tbody>
1068		- </table>
1069		- </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
1070		- </div>
	467	+ <!-- //보안로그인 -->
1071	468	</div>
1072	469	</div>
1073	470	</div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -574,8 +574,14 @@
574	574	.security_login .box{width:100%;background:#fff;border-radius:5px;margin:0 0 30px 0;}
575	575	.security_login .info{display:flex;font-size:15px;color:#444;padding:15px 20px;flex-direction:column;gap:6px;}
576	576	.security_login .security_set{display:flex;height:80px;justify-content:space-between;align-items:center;padding:15px 30px;}
	577	+.security_login .security_set .title_wrap{display:flex;align-items:center;gap:20px;}
	578	+.security_login .security_set .title_wrap p{margin:3px 0 0 0;}
	579	+.security_login .security_set .ip_add_wrap{display:flex;height:46px;font-size:15px;color:#222;background:#f4f4f5;border-radius:5px;padding:8px 14px;align-items:center;gap:10px;}
	580	+.security_login .security_set .ip_add_wrap .btnType{height:30px;font-size:14px;}
	581	+.security_login .security_set .ip_add_wrap b{font-weight:500;color:#002c9a;}
577	582	.security_login .input_text{width:98%;}
578	583	.security_login .dashboard_title{padding: 0;}
	584	+.security_login .dashboard_title .small_text{margin:0 0 0 6px;font-size:14px;font-weight:300;color:#666}
579	585	.security_login .btn_plus{position:absolute;right:0;}
580	586	.security_login .set_area{display:flex;align-items:center;}
581	587	.security_login .lately_date{font-size:15px;color:#666;}

Delete comment