Commit @72538da688bb78057218856d241d6b291915d711

정수빈 2024-11-19

2024/11/19 마이페이지 대시보드 보안 로그인 추가

@72538da688bb78057218856d241d6b291915d711

4f2a0e2

72538da

src/main/webapp/publish/css/button.css

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

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


 input[type="password"] {padding: 0 10px; border-radius: 3px;font-size: 16px;}
 input[type="password"].inputLight::placeholder {color: #a6a6a6 !important;}
 input[type="password"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;}
+
+input.input_text{border:1px solid #d5d5d5;}
  /* 비밀번호 css 변경 */
 
 input[type="checkbox"] {width: 16px; height: 16px; border: 1px solid #d6d8da;}

4f2a0e2

72538da

src/main/webapp/publish/css/content.css

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

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


 .tRight {text-align: right !important;}
 .tLeft {text-align: left !important;}
 
+.btn_text{padding:0 7px;}
+
+.btn_28{height:28px;}
+.btn_30{height:30px;}
+.btn_32{height:32px;}
+.btn_34{height:34px;}
+.btn_36{height:36px;}
+.btn_38{height:38px;}
+
 .btn_blue.fill{background:#002c9a;color:#fff;}
+.btn_lightgray.fill{background:#a5a5a5;color:#fff;}
 .btn_gray.fill{background:#6a6c72;color:#fff;}
 .btn_yellow.fill{background:#fbc72b;color:#222;}
 

4f2a0e2

72538da

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

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

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


 .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .file_info span {display:inline-block;width:1px;height:16px;margin:11px 18px 0;vertical-align:top;background:#666;}
 .mypage_content .tType1 tbody tr td .certify_in_body .noti {position:absolute;right:0;top:50%;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#a6a6a6;transform:translateY(-50%);}
 
+/* 보안로그인 */
+.security_login{display: block !important;width:100%;background:#f2f2f2;border-radius:5px;padding:30px;margin:0 0 30px 0;box-sizing:border-box;}
+.security_login *{box-sizing:border-box;}
+.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 .input_text{width:98%;}
+.security_login .dashboard_title{padding: 0;}
+.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;}
+.security_login .tab_depth1{margin:0 0 0 15px;text-align:center;}
+.security_login .tab_depth1 a{display:inline-flex;justify-content:center;align-items:center;}
+.security_login .tab_depth1 a:last-child{border-right:0;}
+.security_login .tab_depth1 a.on:last-child{border-right:1px solid;border-radius: 0 5px 5px 0 !important;}
+
+.security_login .title_area{position:relative;display:flex;margin:30px 0 15px 0;align-items:center;}
+.security_login .qmMark{width:20px;height:20px;margin:-4px 0 0 8px;font-size:14px;font-weight:bold;font-family:'GmarketSansBold';background:#d7d7d9;border-radius:5px;color:#666;text-align:center;line-height:22px;cursor:pointer;}
+.security_login .title_area .hover_cont{display:none;display: none; position:absolute;width:320px;padding:15px;font-size:15px;line-height:1.2;z-index:80;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,0.5);}
+.security_login .title_area .qmMark:hover+.hover_cont{display:block;}
+/* //보안로그인 */
+
 /* 서류 인증 */
 .certify_in>div .certify_in_body.certify_num input[type="text"] {width: 150px; padding: 0 20px;}
 .certify_in>div .certify_in_body.certify_num input[type="text"]:nth-child(2) {padding: 0;}

72538da

src/main/webapp/publish/mypage_index_2024.html (added)

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

...	...	@@ -0,0 +1,1061 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <title>문자온</title>
	8	+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
	9	+ <link rel="stylesheet" href="/publish/css/reset.css">
	10	+ <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
	11	+ <link rel="stylesheet" href="/publish/css/common.css">
	12	+ <link rel="stylesheet" href="/publish/css/button.css">
	13	+ <link rel="stylesheet" href="/publish/css/content.css">
	14	+ <link rel="stylesheet" href="/publish/css/mem.css">
	15	+ <link rel="stylesheet" href="/publish/css/font.css">
	16	+ <link rel="stylesheet" href="/publish/css/popupLayer.css">
	17	+ <script src="/publish/js/jquery-3.5.0.js"></script>
	18	+ <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
	19	+ <script src="/publish/js/common.js"></script>
	20	+ <script src="/publish/js/content.js"></script>
	21	+ <script src="/publish/js/popupLayer.js"></script>
	22	+
	23	+ <script>
	24	+ $(function () {
	25	+ $('.security_set .tab_depth1 a').click(function () {
	26	+ if ($(this).text().trim() == "ON") {
	27	+ confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")
	28	+ }else{
	29	+ confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")
	30	+ }
	31	+ })
	32	+ $(".btn_ip_plus").click(function () {
	33	+ 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>';
	34	+ $(".ip_table tbody").prepend(ipTr);
	35	+ })
	36	+ })
	37	+
	38	+
	39	+
	40	+ </script>
	41	+</head>
	42	+
	43	+<body>
	44	+ <div class="mask"></div>
	45	+
	46	+
	47	+ <div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div>
	48	+ <div class="quickMenu">
	49	+ <div>
	50	+ <p class="quick_title">QUICK<br>MENU</p>
	51	+ <p class="quick_title2">QUICK</p>
	52	+ <ul class="quickMenuIn">
	53	+ <li><a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
	54	+ <div class="hover_cont">이용안내</div>
	55	+ </li>
	56	+ <li><a href="#"><i class="quick2"></i><span>채팅상담</span></a>
	57	+ <div class="hover_cont">채팅상담</div>
	58	+ </li>
	59	+ <li><a href="#"><i class="quick3"></i><span>원격지원</span></a>
	60	+ <div class="hover_cont">원격지원</div>
	61	+ </li>
	62	+ <li><a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
	63	+ <div class="hover_cont">맞춤제작</div>
	64	+ </li>
	65	+ <li><a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
	66	+ <div class="hover_cont">주소록 등록</div>
	67	+ </li>
	68	+ <li><a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
	69	+ <div class="hover_cont">엑셀 대량전송</div>
	70	+ </li>
	71	+ <li><a href="#"><i class="quick7"></i><span>견적서</span></a>
	72	+ <div class="hover_cont">견적서</div>
	73	+ </li>
	74	+ <li><a href="#"><i class="quick8"></i><span>결제</span></a>
	75	+ <div class="hover_cont">결제</div>
	76	+ </li>
	77	+ <li><a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
	78	+ <div class="hover_cont">영수증/계산서</div>
	79	+ </li>
	80	+ </ul><button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
	81	+ </div>
	82	+ </div>
	83	+ <header id="header" class="header">
	84	+ <div class="header_top">
	85	+ <div class="inner">
	86	+ <ul class="menu_left">
	87	+ <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
	88	+ <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
	89	+ <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
	90	+ </ul>
	91	+ <ul class="menu_right">
	92	+ <li><a href="#">충전하기</a></li>
	93	+ <li class="SortLine"><a href="#">요금안내</a></li>
	94	+ <li class="SortLine"><a href="#">이용안내</a></li>
	95	+ <li class="SortLine"><a href="#">1:1고객상담</a></li>
	96	+ </ul>
	97	+ </div>
	98	+ </div>
	99	+ <div class="header_body">
	100	+ <div class="inner table">
	101	+ <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
	102	+ <ul class="gnbWrap table_cell">
	103	+ <li><a href="#">문자발송</a></li>
	104	+ <li><a href="#">선거문자</a></li>
	105	+ <li><a href="#">맞춤제작</a></li>
	106	+ <li><a href="#">비즈톡</a></li>
	107	+ <li><a href="#">주소록 관리</a></li>
	108	+ <li><a href="#">발송결과</a></li>
	109	+ <li><a href="#">예약관리</a></li>
	110	+ <li><a href="#">결제내역</a></li>
	111	+ </ul>
	112	+ <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>
	113	+ </div>
	114	+ <div class="pop_search">
	115	+ <div class="inner">
	116	+ <div class="area_search"><select name="" id="">
	117	+ <option value="">그림문자</option>
	118	+ <option value="">단문문자</option>
	119	+ <option value="">장문문자</option>
	120	+ <option value="">GIF</option>
	121	+ </select><input type="text" placeholder="문자샘플 검색하기"><button><img src="/publish/images/search02.png" alt=""></button></div>
	122	+ <div class="area_popular">
	123	+ <p><i></i>인기검색어</p>
	124	+ <ul class="popular_tag">
	125	+ <li><a href="#">#정월대보름</a></li>
	126	+ <li class="on"><a href="#">#추석</a></li>
	127	+ <li><a href="#">#가을인사</a></li>
	128	+ <li><a href="#">#좋은하루</a></li>
	129	+ </ul>
	130	+ </div><button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
	131	+ </div>
	132	+ </div>
	133	+ </div>
	134	+ <div id="login" class="login">
	135	+ <div class="inner table">
	136	+ <div class="login_left table_cell">
	137	+ <div class="login_put"><label for="id_text" class="label"></label><input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18"><label for="password_text" class="label"></label><input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18"><label for="login_button" class="label"></label><button type="submit" class="btnType btnType1" class="login_button">로그인</button></div>
	138	+ <div class="login_save"><input type="checkbox" id="save_id"><label for="save_id">아이디 저장</label></div>
	139	+ <div class="login_find"><a href="#">아이디찾기 /</a><a href="#">비밀번호 찾기</a></div>
	140	+ <div><button type="button" class="btnType btnType2">회원가입</button><button type="button" class="btnType btnType3">둘러보기</button></div>
	141	+ </div>
	142	+ <div class="login_right"><span><i></i>이달의 이벤트</span><button type="button" class="btnType btnType4">바로가기</button>
	143	+ </div>
	144	+ </div>
	145	+ </div>
	146	+ </header>
	147	+ <div id="container" class="cont sub">
	148	+ <div class="inner">
	149	+ <div class="send_top">
	150	+ <ul class="tabType4">
	151	+ <li class="tab"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li>
	152	+ <li class="tab"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
	153	+ <li class="tab"><button type="button" onclick="TabType5(this,'3');">비밀번호 변경</button></li>
	154	+ <li class="tab"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
	155	+ <li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
	156	+ <li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
	157	+ </ul>
	158	+ <div class="mypage_content current">
	159	+ <div class="heading">
	160	+ <h2>마이페이지</h2>
	161	+ </div>
	162	+ <div class="my_dashboard">
	163	+ <div class="my_dashboard_cont1 dash_cont">
	164	+ <div>
	165	+ <p>
	166	+ <span>홍길동</span>회원님 반갑습니다
	167	+ </p>
	168	+ <button type="button" class="btnType">보안로그인</button>
	169	+ </div>
	170	+ <div class="send_price">
	171	+ <div class="price_title">나의<br>단가</div>
	172	+ <div class="price_wrap">
	173	+ <ul>
	174	+ <li class="title">
	175	+ <img src="/publish/images/content/icon_mypage_message.png" alt="">문자
	176	+ </li>
	177	+ <li class="price_line">
	178	+ <span class="type">단문</span>
	179	+ <span class="price">
	180	+ 18
	181	+ </span>원
	182	+ </li>
	183	+ <li class="price_line">
	184	+ <span class="type">장문</span>
	185	+ <span class="price">
	186	+ 50
	187	+ </span>원
	188	+ </li>
	189	+ <li>
	190	+ <span class="type">그림</span>
	191	+ <span class="price">
	192	+ 90
	193	+ </span>원
	194	+ (2장 : 110원 / 3장 : 130원)
	195	+ </li>
	196	+ </ul>
	197	+ <ul>
	198	+ <li class="title">
	199	+ <img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
	200	+ </li>
	201	+ <li class="price_line">
	202	+ <span class="type">알림톡</span>
	203	+ <span class="price">
	204	+ 6.9
	205	+ </span>원
	206	+ </li>
	207	+ <li class="title">
	208	+ <img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
	209	+ </li>
	210	+ <li>
	211	+ <span class="type">팩스</span>
	212	+ <span class="price">
	213	+ 58
	214	+ </span>원
	215	+ </li>
	216	+ </ul>
	217	+ </div>
	218	+ </div>
	219	+ </div>
	220	+
	221	+ <!-- 보안로그인 -->
	222	+ <div class="security_login">
	223	+
	224	+ <ul class="explanation_wrap box info">
	225	+ <li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
	226	+ <li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
	227	+ <li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
	228	+ </ul>
	229	+
	230	+
	231	+ <!-- 보안로그인 설정 -->
	232	+ <div class="security_set box">
	233	+ <p class="dashboard_title">보안로그인</p>
	234	+
	235	+ <div class="set_area">
	236	+ <p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
	237	+
	238	+ <div class="tab_depth1">
	239	+ <a href="#none" class="on">ON</a>
	240	+ <a href="#none">OFF</a>
	241	+ </div>
	242	+ </div>
	243	+ </div>
	244	+ <!-- //보안로그인 설정 -->
	245	+
	246	+ <!-- 접속 IP관리 -->
	247	+ <div class="title_area">
	248	+ <p class="dashboard_title">접속 IP 관리</p>
	249	+ <p class="qmMark">?</p>
	250	+ <div class="hover_cont" style="width:380px;left:160px;top:25px;">
	251	+ <p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
	252	+ <span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
	253	+ </div>
	254	+ <button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	255	+ </div>
	256	+
	257	+ <div class="table_wrap ip_table">
	258	+ <table>
	259	+ <colgroup>
	260	+ <col style="width: 26%;">
	261	+ <col style="width: auto;">
	262	+ <col style="width: 26%;">
	263	+ <col style="width: 100px;">
	264	+ </colgroup>
	265	+ <thead>
	266	+ <tr>
	267	+ <th scope="col">허용IP</th>
	268	+ <th scope="col">메모</th>
	269	+ <th scope="col">등록일시</th>
	270	+ <th scope="col">관리</th>
	271	+ </tr>
	272	+ </thead>
	273	+ <tbody>
	274	+ <tr>
	275	+ <td><input type="text" class="input_text"></td>
	276	+ <td><input type="text" class="input_text"></td>
	277	+ <td>-</td>
	278	+ <td><button type="button" class="btnType btnType5">등록</button></td>
	279	+ </tr>
	280	+ <tr>
	281	+ <td>192.168.0.0</td>
	282	+ <td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
	283	+ <td>2024-11-11 11:11</td>
	284	+ <td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
	285	+ </tr>
	286	+ </tbody>
	287	+ </table>
	288	+ </div>
	289	+ <!-- //접속 IP관리 -->
	290	+
	291	+ <!-- 인증 휴대폰번호 관리 -->
	292	+ <div class="title_area">
	293	+ <p class="dashboard_title">인증 휴대폰번호 관리</p>
	294	+ <p class="qmMark">?</p>
	295	+ <div class="hover_cont" style="width:330px;left:240px;top:25px;">
	296	+ <p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
	297	+ (등록 및 삭제 시 휴대폰 본인인증 필요)</p>
	298	+ </div>
	299	+ <button type="button" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	300	+ </div>
	301	+
	302	+ <div class="table_wrap">
	303	+ <table>
	304	+ <colgroup>
	305	+ <col style="width: calc((100% - 100px)/2);">
	306	+ <col style="width: calc((100% - 100px)/2);">
	307	+ <col style="width: 100px;">
	308	+ </colgroup>
	309	+ <thead>
	310	+ <tr>
	311	+ <th scope="col">휴대폰번호</th>
	312	+ <th scope="col">등록일시</th>
	313	+ <th scope="col">관리</th>
	314	+ </tr>
	315	+ </thead>
	316	+ <tbody>
	317	+ <tr>
	318	+ <td>010-0000-0000</td>
	319	+ <td>2024-11-04 11:54</td>
	320	+ <td>-</td>
	321	+ </tr>
	322	+ <tr>
	323	+ <td>192.168.0.0</td>
	324	+ <td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
	325	+ <td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
	326	+ </tr>
	327	+ </tbody>
	328	+ </table>
	329	+ </div>
	330	+ <!-- //인증 휴대폰번호 관리 -->
	331	+
	332	+
	333	+
	334	+
	335	+
	336	+ </div>
	337	+ <!-- //보안로그인 -->
	338	+
	339	+ <div class="my_dashboard_cont3">
	340	+ <p class="dashboard_title">이용내역</p>
	341	+ <p class="reqTxt2">(단위 : 건, 원)</p>
	342	+ <div class="table_wrap">
	343	+ <table>
	344	+ <caption>구분, 충전금액, 사용금액, 잔액 등 정보를 제공하는 표</caption>
	345	+ <colgroup>
	346	+ <col style="width: 115px;">
	347	+ <col style="width: calc((100% - 115px)/3);">
	348	+ <col style="width: calc((100% - 115px)/3);">
	349	+ <col style="width: calc((100% - 115px)/3);">
	350	+ </colgroup>
	351	+ <thead>
	352	+ <tr>
	353	+ <th scope="col">구분</th>
	354	+ <th scope="col">충전금액</th>
	355	+ <th scope="col">사용금액</th>
	356	+ <th scope="col">잔액</th>
	357	+ </tr>
	358	+ </thead>
	359	+ <tbody>
	360	+ <tr>
	361	+ <td>캐시</td>
	362	+ <td>100,000,000,000</td>
	363	+ <td>100,000,000,000</td>
	364	+ <td>100,000,000,000</td>
	365	+ </tr>
	366	+ <tr>
	367	+ <td>포인트</td>
	368	+ <td>100,000,000,000</td>
	369	+ <td>100,000,000,000</td>
	370	+ <td>100,000,000,000</td>
	371	+ </tr>
	372	+ </tbody>
	373	+ </table>
	374	+ </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	375	+ <div class="table_wrap">
	376	+ <table>
	377	+ <caption>구분, 문자, 알림톡, 친구톡, 팩스, 계 등 정보를 제공하는 표</caption>
	378	+ <colgroup>
	379	+ <col style="width: 150px;">
	380	+ <col style="width: calc((100% - 150px)/5);">
	381	+ <col style="width: calc((100% - 150px)/5);">
	382	+ <col style="width: calc((100% - 150px)/5);">
	383	+ <col style="width: calc((100% - 150px)/5);">
	384	+ <col style="width: calc((100% - 150px)/5);">
	385	+ </colgroup>
	386	+ <thead>
	387	+ <tr>
	388	+ <th scope="col">구분</th>
	389	+ <th scope="col">문자</th>
	390	+ <th scope="col">알림톡</th>
	391	+ <th scope="col">친구톡</th>
	392	+ <th scope="col">팩스</th>
	393	+ <th scope="col">계</th>
	394	+ </tr>
	395	+ </thead>
	396	+ <tbody>
	397	+ <tr>
	398	+ <td>발송건(매)수</td>
	399	+ <td>100,000,000,000</td>
	400	+ <td>100,000,000,000</td>
	401	+ <td>100,000,000,000</td>
	402	+ <td>100,000,000,000</td>
	403	+ <td>100,000,000,000</td>
	404	+ </tr>
	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	+ <td>100,000,000,000</td>
	411	+ <td>100,000,000,000</td>
	412	+ </tr>
	413	+ <tr>
	414	+ <td>예약건(매)수</td>
	415	+ <td>100,000,000,000</td>
	416	+ <td>100,000,000,000</td>
	417	+ <td>100,000,000,000</td>
	418	+ <td>100,000,000,000</td>
	419	+ <td>100,000,000,000</td>
	420	+ </tr>
	421	+ <tr>
	422	+ <td>사용금액</td>
	423	+ <td>100,000,000,000</td>
	424	+ <td>100,000,000,000</td>
	425	+ <td>100,000,000,000</td>
	426	+ <td>100,000,000,000</td>
	427	+ <td>100,000,000,000</td>
	428	+ </tr>
	429	+ </tbody>
	430	+ </table>
	431	+ </div>
	432	+ </div>
	433	+ <p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt="알림톡 아이콘 이미지">세부내역
	434	+ </p>
	435	+ <div class="excel_middle">
	436	+ <div class="select_btnWrap clearfix">
	437	+ <div class="btn_left"><span class="cal_label">기간선택</span>
	438	+ <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>
	439	+ <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>
	440	+ </div>
	441	+ <div></div>
	442	+ </div>
	443	+ </div>
	444	+ <div class="list_tab_wrap2 type2">
	445	+ <ul class="list_tab">
	446	+ <li class="tab active"><button type="button" onclick="listTab2(this,'1');">전체</button></li>
	447	+ <li class="tab"><button type="button" onclick="listTab2(this,'2');">단문</button></li>
	448	+ <li class="tab"><button type="button" onclick="listTab2(this,'3');">장문</button></li>
	449	+ <li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
	450	+ <li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
	451	+ <li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
	452	+ <li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
	453	+ <li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
	454	+ </ul>
	455	+ </div>
	456	+ <div class="price_history_cont" id="listTab2_5">
	457	+ <div class="list_info">
	458	+ <p>총 <span>10</span>건</p>
	459	+ <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>
	460	+ </div>
	461	+ <div class="tb_wrap">
	462	+ <table class="tType4">
	463	+ <colgroup>
	464	+ <col style="width: 40px;">
	465	+ <col style="width: 10%;">
	466	+ <col style="width: 15%;">
	467	+ <col style="width: 35%;">
	468	+ <col style="width: 10%;">
	469	+ <col style="width: 10%;">
	470	+ <col style="width: 10%;">
	471	+ <col style="width: 10%;">
	472	+ <col style="width: 10%;">
	473	+ <col style="width: 10%;">
	474	+ </colgroup>
	475	+ <thead>
	476	+ <tr>
	477	+ <th rowspan="2"><label for="" class="label">전체 선택</label><input type="checkbox"></th>
	478	+ <th rowspan="2">날짜
	479	+ <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>
	480	+ </th>
	481	+ <th rowspan="2">문자유형
	482	+ <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>
	483	+ </th>
	484	+ <th rowspan="2">내용
	485	+ <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>
	486	+ </th>
	487	+ <th colspan="2">충전</th>
	488	+ <th colspan="2">사용</th>
	489	+ <th colspan="2">잔액</th>
	490	+ </tr>
	491	+ <tr>
	492	+ <th>충전금</th>
	493	+ <th>포인트</th>
	494	+ <th>충전금</th>
	495	+ <th>포인트</th>
	496	+ <th>충전금</th>
	497	+ <th>포인트</th>
	498	+ </tr>
	499	+ </thead>
	500	+ <tbody>
	501	+ <tr>
	502	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	503	+ <td>
	504	+ <p>2021-06-10</p>
	505	+ </td>
	506	+ <td>
	507	+ <p>알림톡 텍스트</p>
	508	+ </td>
	509	+ <td class="tb_tit">
	510	+ <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
	511	+ <div class="history_hover">
	512	+ <div class="allimtalk_title"><img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡
	513	+ 도착
	514	+ </div>
	515	+ <div class="allimtalk_content">
	516	+ <div class="kakao_image"><img src="/publish/images/content/kakao_template_img.png" alt="">
	517	+ </div>
	518	+ <p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
	519	+ <p class="emphasis_title_text">타이틀 미리보기</p>
	520	+ <p class="template_text">내용미리보기</p>
	521	+ <p class="side_info_text">부가정보내용</p>
	522	+ <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p><button type="button" class="btn_kakao_type">버튼명</button><button type="button" class="btn_kakao_type">버튼명</button>
	523	+ </div>
	524	+ </div>
	525	+ </td>
	526	+ <td>
	527	+ <p>0</p>
	528	+ </td>
	529	+ <td>
	530	+ <p>0</p>
	531	+ </td>
	532	+ <td>
	533	+ <p class="fwRg c_002c9a">0</p>
	534	+ </td>
	535	+ <td>
	536	+ <p class="fwRg c_002c9a">50</p>
	537	+ </td>
	538	+ <td>
	539	+ <p class="fwRg c_222">0</p>
	540	+ </td>
	541	+ <td>
	542	+ <p class="fwRg c_222">350</p>
	543	+ </td>
	544	+ </tr>
	545	+ <tr>
	546	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	547	+ <td>
	548	+ <p>2021-06-10</p>
	549	+ </td>
	550	+ <td>
	551	+ <p>알림톡</p>
	552	+ </td>
	553	+ <td class="tb_tit">
	554	+ <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
	555	+ <div class="history_hover">
	556	+ <ul>
	557	+ <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
	558	+ </ul>
	559	+ <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
	560	+ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
	561	+ </div>
	562	+ </td>
	563	+ <td>
	564	+ <p>0</p>
	565	+ </td>
	566	+ <td>
	567	+ <p>0</p>
	568	+ </td>
	569	+ <td>
	570	+ <p class="fwRg c_002c9a">0</p>
	571	+ </td>
	572	+ <td>
	573	+ <p class="fwRg c_002c9a">50</p>
	574	+ </td>
	575	+ <td>
	576	+ <p class="fwRg c_222">0</p>
	577	+ </td>
	578	+ <td>
	579	+ <p class="fwRg c_222">350</p>
	580	+ </td>
	581	+ </tr>
	582	+ <tr>
	583	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	584	+ <td>
	585	+ <p>2021-06-10</p>
	586	+ </td>
	587	+ <td>
	588	+ <p>친구톡</p>
	589	+ </td>
	590	+ <td class="tb_tit">
	591	+ <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
	592	+ <div class="history_hover">
	593	+ <ul>
	594	+ <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
	595	+ </ul>
	596	+ <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
	597	+ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
	598	+ </div>
	599	+ </td>
	600	+ <td>
	601	+ <p>0</p>
	602	+ </td>
	603	+ <td>
	604	+ <p>0</p>
	605	+ </td>
	606	+ <td>
	607	+ <p class="fwRg c_002c9a">0</p>
	608	+ </td>
	609	+ <td>
	610	+ <p class="fwRg c_002c9a">50</p>
	611	+ </td>
	612	+ <td>
	613	+ <p class="fwRg c_222">0</p>
	614	+ </td>
	615	+ <td>
	616	+ <p class="fwRg c_222">350</p>
	617	+ </td>
	618	+ </tr>
	619	+ <tr>
	620	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	621	+ <td>
	622	+ <p>2021-06-10</p>
	623	+ </td>
	624	+ <td>
	625	+ <p>광고</p>
	626	+ </td>
	627	+ <td class="tb_tit">
	628	+ <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
	629	+ <div class="history_hover">
	630	+ <ul>
	631	+ <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
	632	+ </ul>
	633	+ <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
	634	+ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
	635	+ </div>
	636	+ </td>
	637	+ <td>
	638	+ <p>0</p>
	639	+ </td>
	640	+ <td>
	641	+ <p>0</p>
	642	+ </td>
	643	+ <td>
	644	+ <p class="fwRg c_002c9a">0</p>
	645	+ </td>
	646	+ <td>
	647	+ <p class="fwRg c_002c9a">50</p>
	648	+ </td>
	649	+ <td>
	650	+ <p class="fwRg c_222">0</p>
	651	+ </td>
	652	+ <td>
	653	+ <p class="fwRg c_222">350</p>
	654	+ </td>
	655	+ </tr>
	656	+ <tr>
	657	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	658	+ <td>
	659	+ <p>2021-06-10</p>
	660	+ </td>
	661	+ <td>
	662	+ <p>선거</p>
	663	+ </td>
	664	+ <td class="tb_tit">
	665	+ <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
	666	+ <div class="history_hover">
	667	+ <ul>
	668	+ <li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
	669	+ <li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
	670	+ <li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
	671	+ </ul>
	672	+ <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
	673	+ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
	674	+ </div>
	675	+ </td>
	676	+ <td>
	677	+ <p>0</p>
	678	+ </td>
	679	+ <td>
	680	+ <p>0</p>
	681	+ </td>
	682	+ <td>
	683	+ <p class="fwRg c_002c9a">0</p>
	684	+ </td>
	685	+ <td>
	686	+ <p class="fwRg c_002c9a">50</p>
	687	+ </td>
	688	+ <td>
	689	+ <p class="fwRg c_222">0</p>
	690	+ </td>
	691	+ <td>
	692	+ <p class="fwRg c_222">350</p>
	693	+ </td>
	694	+ </tr>
	695	+ <tr>
	696	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	697	+ <td>
	698	+ <p>2021-06-10</p>
	699	+ </td>
	700	+ <td>
	701	+ <p>일반</p>
	702	+ </td>
	703	+ <td class="tb_tit">
	704	+ <p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
	705	+ <div class="history_hover">
	706	+ <p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
	707	+ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
	708	+ </div>
	709	+ </td>
	710	+ <td>
	711	+ <p>0</p>
	712	+ </td>
	713	+ <td>
	714	+ <p>0</p>
	715	+ </td>
	716	+ <td>
	717	+ <p class="fwRg c_002c9a">0</p>
	718	+ </td>
	719	+ <td>
	720	+ <p class="fwRg c_002c9a">50</p>
	721	+ </td>
	722	+ <td>
	723	+ <p class="fwRg c_222">0</p>
	724	+ </td>
	725	+ <td>
	726	+ <p class="fwRg c_222">350</p>
	727	+ </td>
	728	+ </tr>
	729	+ <tr>
	730	+ <td><label for="" class="label">선택</label><input type="checkbox"></td>
	731	+ <td>
	732	+ <p>2021-06-10</p>
	733	+ </td>
	734	+ <td>
	735	+ <p>가입축하포인트</p>
	736	+ </td>
	737	+ <td class="tb_tit">
	738	+ <p>문자포인트 적립</p>
	739	+ </td>
	740	+ <td>
	741	+ <p>0</p>
	742	+ </td>
	743	+ <td>
	744	+ <p>500</p>
	745	+ </td>
	746	+ <td>
	747	+ <p class="fwRg c_002c9a">0</p>
	748	+ </td>
	749	+ <td>
	750	+ <p class="fwRg c_002c9a">500</p>
	751	+ </td>
	752	+ <td>
	753	+ <p class="fwRg c_222">0</p>
	754	+ </td>
	755	+ <td>
	756	+ <p class="fwRg c_222">500</p>
	757	+ </td>
	758	+ </tr>
	759	+ </tbody>
	760	+ </table>
	761	+ </div>
	762	+ <ul class="pagination">
	763	+ <li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
	764	+ <li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
	765	+ <li class="on"><button>1</button></li>
	766	+ <li><button>2</button></li>
	767	+ <li><button>3</button></li>
	768	+ <li><button>4</button></li>
	769	+ <li><button>5</button></li>
	770	+ <li><button>6</button></li>
	771	+ <li><button>7</button></li>
	772	+ <li><button>8</button></li>
	773	+ <li><button>9</button></li>
	774	+ <li><button>10</button></li>
	775	+ <li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
	776	+ <li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
	777	+ </ul>
	778	+ </div>
	779	+ <div class="my_dashboard_cont3 number_set">
	780	+ <div>
	781	+ <p class="dashboard_title">대표 발신번호 관리</p>
	782	+ <div style="margin:0 0 10px;">
	783	+ <p style="font-weight: 300;">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
	784	+ </div>
	785	+ <div class="table_wrap">
	786	+ <table>
	787	+ <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
	788	+ <colgroup>
	789	+ <col style="width: 20%;">
	790	+ <col style="width: 25%;">
	791	+ <col style="width: auto;">
	792	+ <col style="width: 20%;">
	793	+ </colgroup>
	794	+ <thead>
	795	+ <tr>
	796	+ <th scope="col">등록일자</th>
	797	+ <th scope="col">발신번호</th>
	798	+ <th scope="col">발신번호명</th>
	799	+ <th scope="col">상태</th>
	800	+ </tr>
	801	+ </thead>
	802	+ <tbody>
	803	+ <tr>
	804	+ <td>2022-05-20 17:05</td>
	805	+ <td>010-5705-8729</td>
	806	+ <td>
	807	+ <p class="font_ellipsis">정수빈 </p>
	808	+ </td>
	809	+ <td><span class="c_002c9a">인증완료</span></td>
	810	+ </tr>
	811	+ </tbody>
	812	+ </table>
	813	+ </div><button type="button" onclick="location.href='/web/user/sendNumberManage.do';"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	814	+ </div>
	815	+ </div>
	816	+ <div class="my_dashboard_cont3">
	817	+ <p class="dashboard_title">최근 발송내역 - 문자</p>
	818	+ <div class="table_wrap">
	819	+ <table>
	820	+ <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
	821	+ <colgroup>
	822	+ <col style="width: 10%;">
	823	+ <col style="width: 15%;">
	824	+ <col style="width: auto;">
	825	+ <col style="width: 10%;">
	826	+ <col style="width: 10%;">
	827	+ <col style="width: 15%;">
	828	+ </colgroup>
	829	+ <thead>
	830	+ <tr>
	831	+ <th scope="col">메시지 형태</th>
	832	+ <th scope="col">발송일시</th>
	833	+ <th scope="col">내용</th>
	834	+ <th scope="col">발송건수</th>
	835	+ <th scope="col">결과</th>
	836	+ <th scope="col">발신번호</th>
	837	+ </tr>
	838	+ </thead>
	839	+ <tbody>
	840	+ <tr>
	841	+ <td>단문</td>
	842	+ <td>2021-05-04 18:00:09</td>
	843	+ <td class="font_ellipsis">
	844	+ <p>아름다운 봄이 가득한 5월입니다.</p>
	845	+ </td>
	846	+ <td class="font_ellipsis">
	847	+ <p>1,000</p>
	848	+ </td>
	849	+ <td class="font_ellipsis">
	850	+ <p class="c_002c9a fwMd">성공</p>
	851	+ </td>
	852	+ <td>010-1234-5678</td>
	853	+ </tr>
	854	+ <tr>
	855	+ <td>장문</td>
	856	+ <td>2021-05-04 18:00:09</td>
	857	+ <td class="font_ellipsis">
	858	+ <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
	859	+ </td>
	860	+ <td class="font_ellipsis">
	861	+ <p>1,000</p>
	862	+ </td>
	863	+ <td class="font_ellipsis">
	864	+ <p class="c_002c9a fwMd">성공</p>
	865	+ </td>
	866	+ <td>010-1234-5678</td>
	867	+ </tr>
	868	+ <tr>
	869	+ <td>단문</td>
	870	+ <td>2021-05-04 18:00:09</td>
	871	+ <td class="font_ellipsis">
	872	+ <p>아름다운 봄이 가득한 5월입니다.</p>
	873	+ </td>
	874	+ <td class="font_ellipsis">
	875	+ <p>1,000</p>
	876	+ </td>
	877	+ <td class="font_ellipsis">
	878	+ <p class="font_ellipsis c_e40000 fwMd">실패</p>
	879	+ </td>
	880	+ <td>010-1234-5678</td>
	881	+ </tr>
	882	+ </tbody>
	883	+ </table>
	884	+ </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	885	+ </div>
	886	+ <div class="my_dashboard_cont3">
	887	+ <p class="dashboard_title">최근 발송내역 - 알림톡</p>
	888	+ <div class="table_wrap">
	889	+ <table>
	890	+ <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
	891	+ <colgroup>
	892	+ <col style="width: 10%;">
	893	+ <col style="width: 15%;">
	894	+ <col style="width: auto;">
	895	+ <col style="width: 10%;">
	896	+ <col style="width: 10%;">
	897	+ <col style="width: 15%;">
	898	+ </colgroup>
	899	+ <thead>
	900	+ <tr>
	901	+ <th scope="col">메시지 형태</th>
	902	+ <th scope="col">발송일시</th>
	903	+ <th scope="col">내용</th>
	904	+ <th scope="col">발송건수</th>
	905	+ <th scope="col">결과</th>
	906	+ <th scope="col">대체문자 건수</th>
	907	+ </tr>
	908	+ </thead>
	909	+ <tbody>
	910	+ <tr>
	911	+ <td>단문</td>
	912	+ <td>2021-05-04 18:00:09</td>
	913	+ <td class="font_ellipsis">
	914	+ <p>아름다운 봄이 가득한 5월입니다.</p><button class="btnType btnType20">상세보기</button>
	915	+ </td>
	916	+ <td class="font_ellipsis">
	917	+ <p>1,000</p>
	918	+ </td>
	919	+ <td class="font_ellipsis">
	920	+ <p class="c_002c9a fwMd">성공</p>
	921	+ </td>
	922	+ <td>0</td>
	923	+ </tr>
	924	+ <tr>
	925	+ <td>장문</td>
	926	+ <td>2021-05-04 18:00:09</td>
	927	+ <td class="font_ellipsis">
	928	+ <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
	929	+ </td>
	930	+ <td class="font_ellipsis">
	931	+ <p>1,000</p>
	932	+ </td>
	933	+ <td class="font_ellipsis">
	934	+ <p class="c_002c9a fwMd">성공</p>
	935	+ </td>
	936	+ <td>0</td>
	937	+ </tr>
	938	+ <tr>
	939	+ <td>단문</td>
	940	+ <td>2021-05-04 18:00:09</td>
	941	+ <td class="font_ellipsis">
	942	+ <p>아름다운 봄이 가득한 5월입니다.</p>
	943	+ </td>
	944	+ <td class="font_ellipsis">
	945	+ <p>1,000</p>
	946	+ </td>
	947	+ <td class="font_ellipsis">
	948	+ <p class="font_ellipsis c_e40000 fwMd">실패</p>
	949	+ </td>
	950	+ <td>1</td>
	951	+ </tr>
	952	+ </tbody>
	953	+ </table>
	954	+ </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	955	+ </div>
	956	+ <div class="my_dashboard_cont3">
	957	+ <p class="dashboard_title">최근 발송내역 - 팩스</p>
	958	+ <div class="table_wrap">
	959	+ <table>
	960	+ <caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
	961	+ <colgroup>
	962	+ <col style="width: 10%;">
	963	+ <col style="width: 15%;">
	964	+ <col style="width: auto;">
	965	+ <col style="width: 10%;">
	966	+ <col style="width: 10%;">
	967	+ <col style="width: 15%;">
	968	+ </colgroup>
	969	+ <thead>
	970	+ <tr>
	971	+ <th scope="col">메시지 형태</th>
	972	+ <th scope="col">발송일시</th>
	973	+ <th scope="col">내용</th>
	974	+ <th scope="col">발송건수</th>
	975	+ <th scope="col">발송매수</th>
	976	+ <th scope="col">결과</th>
	977	+ </tr>
	978	+ </thead>
	979	+ <tbody>
	980	+ <tr>
	981	+ <td>단문</td>
	982	+ <td>2021-05-04 18:00:09</td>
	983	+ <td class="font_ellipsis">
	984	+ <p>아름다운 봄이 가득한 5월입니다.</p>
	985	+ </td>
	986	+ <td class="font_ellipsis">
	987	+ <p>1,000</p>
	988	+ </td>
	989	+ <td>0</td>
	990	+ <td class="font_ellipsis">
	991	+ <p class="c_002c9a fwMd">성공</p>
	992	+ </td>
	993	+ </tr>
	994	+ <tr>
	995	+ <td>장문</td>
	996	+ <td>2021-05-04 18:00:09</td>
	997	+ <td class="font_ellipsis">
	998	+ <p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
	999	+ </td>
	1000	+ <td class="font_ellipsis">
	1001	+ <p>1,000</p>
	1002	+ </td>
	1003	+ <td>0</td>
	1004	+ <td class="font_ellipsis">
	1005	+ <p class="c_002c9a fwMd">성공</p>
	1006	+ </td>
	1007	+ </tr>
	1008	+ <tr>
	1009	+ <td>단문</td>
	1010	+ <td>2021-05-04 18:00:09</td>
	1011	+ <td class="font_ellipsis">
	1012	+ <p>아름다운 봄이 가득한 5월입니다.</p>
	1013	+ </td>
	1014	+ <td class="font_ellipsis">
	1015	+ <p>1,000</p>
	1016	+ </td>
	1017	+ <td>0</td>
	1018	+ <td class="font_ellipsis">
	1019	+ <p class="font_ellipsis c_e40000 fwMd">실패</p>
	1020	+ </td>
	1021	+ </tr>
	1022	+ </tbody>
	1023	+ </table>
	1024	+ </div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
	1025	+ </div>
	1026	+ </div>
	1027	+ </div>
	1028	+ </div>
	1029	+ </div>
	1030	+ </div>
	1031	+ <footer id="footer" class="footer">
	1032	+ <div class="footer_top">
	1033	+ <div class="inner table">
	1034	+ <ul class="table_cell">
	1035	+ <li><a href="#">이용약관</a></li>
	1036	+ <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
	1037	+ <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
	1038	+ <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
	1039	+ </ul>
	1040	+ </div>
	1041	+ </div>
	1042	+ <div class="footer_body">
	1043	+ <div class="inner table">
	1044	+ <div class="table_cell"><a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
	1045	+ <div class="footer_info">
	1046	+ <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
	1047	+ <p>사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 : 제 다산-12345호 ｜ 문의전화 : 070-4786-0007</p>
	1048	+ <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
	1049	+ </div>
	1050	+ <div class="footer_service_center"><i></i>
	1051	+ <div>
	1052	+ <p>고객센터</p><span class="footer_service_num">070-4786-0008</span><span>E-mail : help@iten.co.kr</span>
	1053	+ </div>
	1054	+ </div>
	1055	+ </div>
	1056	+ </div>
	1057	+ </div>
	1058	+ </footer>
	1059	+</body>
	1060	+
	1061	+</html>(No newline at end of file)

Add a comment

Open 0
Closed 0

List

...	...	@@ -18,6 +18,8 @@
18	18	input[type="password"] {padding: 0 10px; border-radius: 3px;font-size: 16px;}
19	19	input[type="password"].inputLight::placeholder {color: #a6a6a6 !important;}
20	20	input[type="password"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;}
	21	+
	22	+input.input_text{border:1px solid #d5d5d5;}
21	23	/* 비밀번호 css 변경 */
22	24
23	25	input[type="checkbox"] {width: 16px; height: 16px; border: 1px solid #d6d8da;}

...	...	@@ -24,7 +24,17 @@
24	24	.tRight {text-align: right !important;}
25	25	.tLeft {text-align: left !important;}
26	26
	27	+.btn_text{padding:0 7px;}
	28	+
	29	+.btn_28{height:28px;}
	30	+.btn_30{height:30px;}
	31	+.btn_32{height:32px;}
	32	+.btn_34{height:34px;}
	33	+.btn_36{height:36px;}
	34	+.btn_38{height:38px;}
	35	+
27	36	.btn_blue.fill{background:#002c9a;color:#fff;}
	37	+.btn_lightgray.fill{background:#a5a5a5;color:#fff;}
28	38	.btn_gray.fill{background:#6a6c72;color:#fff;}
29	39	.btn_yellow.fill{background:#fbc72b;color:#222;}
30	40

...	...	@@ -568,6 +568,28 @@
568	568	.mypage_content .tType1 tbody tr td .upload_area .tb_wrap .file_info span {display:inline-block;width:1px;height:16px;margin:11px 18px 0;vertical-align:top;background:#666;}
569	569	.mypage_content .tType1 tbody tr td .certify_in_body .noti {position:absolute;right:0;top:50%;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#a6a6a6;transform:translateY(-50%);}
570	570
	571	+/* 보안로그인 */
	572	+.security_login{display: block !important;width:100%;background:#f2f2f2;border-radius:5px;padding:30px;margin:0 0 30px 0;box-sizing:border-box;}
	573	+.security_login *{box-sizing:border-box;}
	574	+.security_login .box{width:100%;background:#fff;border-radius:5px;margin:0 0 30px 0;}
	575	+.security_login .info{display:flex;font-size:15px;color:#444;padding:15px 20px;flex-direction:column;gap:6px;}
	576	+.security_login .security_set{display:flex;height:80px;justify-content:space-between;align-items:center;padding:15px 30px;}
	577	+.security_login .input_text{width:98%;}
	578	+.security_login .dashboard_title{padding: 0;}
	579	+.security_login .btn_plus{position:absolute;right:0;}
	580	+.security_login .set_area{display:flex;align-items:center;}
	581	+.security_login .lately_date{font-size:15px;color:#666;}
	582	+.security_login .tab_depth1{margin:0 0 0 15px;text-align:center;}
	583	+.security_login .tab_depth1 a{display:inline-flex;justify-content:center;align-items:center;}
	584	+.security_login .tab_depth1 a:last-child{border-right:0;}
	585	+.security_login .tab_depth1 a.on:last-child{border-right:1px solid;border-radius: 0 5px 5px 0 !important;}
	586	+
	587	+.security_login .title_area{position:relative;display:flex;margin:30px 0 15px 0;align-items:center;}
	588	+.security_login .qmMark{width:20px;height:20px;margin:-4px 0 0 8px;font-size:14px;font-weight:bold;font-family:'GmarketSansBold';background:#d7d7d9;border-radius:5px;color:#666;text-align:center;line-height:22px;cursor:pointer;}
	589	+.security_login .title_area .hover_cont{display:none;display: none; position:absolute;width:320px;padding:15px;font-size:15px;line-height:1.2;z-index:80;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,0.5);}
	590	+.security_login .title_area .qmMark:hover+.hover_cont{display:block;}
	591	+/* //보안로그인 */
	592	+
571	593	/* 서류 인증 */
572	594	.certify_in>div .certify_in_body.certify_num input[type="text"] {width: 150px; padding: 0 20px;}
573	595	.certify_in>div .certify_in_body.certify_num input[type="text"]:nth-child(2) {padding: 0;}

Delete comment