824 lines
54 KiB
HTML
824 lines
54 KiB
HTML
<!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>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="mask"></div>
|
|
<div data-include-path="/publish/layout/_header.html"></div>
|
|
<!-- login 영역 -->
|
|
<!-- content 영역 -->
|
|
<div id="container" class="cont sub">
|
|
<div class="inner">
|
|
<!-- send top -->
|
|
<div class="send_top">
|
|
<!-- tab button -->
|
|
<ul class="tabType4">
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage2.html'">회원정보 변경</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage3.html'">기업회원 전환</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage4.html'">비밀번호 변경</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage5.html'">발신번호 관리</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage6.html'">알림설정</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/mypage7.html'">회원탈퇴</button></li>
|
|
<li class="tab"><button type="button" onclick="location.href='/publish/security_login.html'">보안로그인</button></li>
|
|
</ul>
|
|
<!--// tab button -->
|
|
<!-- 마이페이지 - 대시보드 -->
|
|
<div class="mypage_content current">
|
|
<div class="heading">
|
|
<h2>마이페이지</h2>
|
|
</div>
|
|
<div class="my_dashboard">
|
|
<div class="my_dashboard_cont1">
|
|
<div>
|
|
<p><span>홍길동</span> 회원님 반갑습니다</p>
|
|
<button type="button" class="btnType">기업회원전환</button>
|
|
</div>
|
|
<div class="send_price">
|
|
<div class="price_title">나의<br>단가</div>
|
|
<div class="price_wrap">
|
|
<ul>
|
|
<li class="title">
|
|
<img src="/publish/images/content/icon_mypage_message.png" alt="">문자
|
|
</li>
|
|
<li class="price_line">
|
|
<span class="type">단문</span>
|
|
<span class="price">
|
|
18
|
|
</span>원
|
|
</li>
|
|
<li class="price_line">
|
|
<span class="type">장문</span>
|
|
<span class="price">
|
|
50
|
|
</span>원
|
|
</li>
|
|
<li>
|
|
<span class="type">그림</span>
|
|
<span class="price">
|
|
90
|
|
</span>원
|
|
(2장 : 110원 / 3장 : 130원)
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li class="title">
|
|
<img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
|
|
</li>
|
|
<li class="price_line">
|
|
<span class="type">알림톡</span>
|
|
<span class="price">
|
|
6.9
|
|
</span>원
|
|
</li>
|
|
<li class="title">
|
|
<img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
|
|
</li>
|
|
<li>
|
|
<span class="type">팩스</span>
|
|
<span class="price">
|
|
58
|
|
</span>원
|
|
</li>
|
|
</ul>
|
|
<div class="event_wrap">
|
|
<p class="event_text">※ 이벤트 단가 적용기간 : 2022-05-13 ~ 2022-07-12(<span>29</span>일 남음)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <span>나의 요금제 : 단문 <span>8.2</span>원/ 장문 <span>24.6</span>원 / 그림 <span>57.3</span>원(VAT 별도)</span> -->
|
|
</div>
|
|
<div class="my_dashboard_cont3">
|
|
<p class="dashboard_title">이용내역</p>
|
|
<p class="reqTxt2">(단위 : 건, 원)</p>
|
|
<div class="table_wrap">
|
|
<table>
|
|
<caption>구분, 충전금액, 사용금액, 잔액 등 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 115px;">
|
|
<col style="width: calc((100% - 115px)/3);">
|
|
<col style="width: calc((100% - 115px)/3);">
|
|
<col style="width: calc((100% - 115px)/3);">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">구분</th>
|
|
<th scope="col">충전금액</th>
|
|
<th scope="col">사용금액</th>
|
|
<th scope="col">잔액</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>캐시</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>포인트</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
|
<div class="table_wrap">
|
|
<table>
|
|
<caption>구분, 문자, 알림톡, 친구톡, 팩스, 계 등 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 150px;">
|
|
<col style="width: calc((100% - 150px)/5);">
|
|
<col style="width: calc((100% - 150px)/5);">
|
|
<col style="width: calc((100% - 150px)/5);">
|
|
<col style="width: calc((100% - 150px)/5);">
|
|
<col style="width: calc((100% - 150px)/5);">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">구분</th>
|
|
<th scope="col">문자</th>
|
|
<th scope="col">알림톡</th>
|
|
<th scope="col">친구톡</th>
|
|
<th scope="col">팩스</th>
|
|
<th scope="col">계</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>발송건(매)수</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>사용금액</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>예약건(매)수</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>사용금액</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
<td>100,000,000,000</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt="알림톡 아이콘 이미지">세부내역
|
|
</p>
|
|
<form action=""><!-- 레이아웃 맞추려고 form 추가 -->
|
|
<div class="excel_middle">
|
|
<div class="select_btnWrap clearfix">
|
|
<div class="btn_left"><span class="cal_label">기간선택</span>
|
|
<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>
|
|
<button type="button" class="btnType btnType19">이번년도</button>
|
|
<button type="button" class="btnType btnType19">전월</button>
|
|
<button type="button" class="btnType btnType19">당월</button>
|
|
<button type="button" class="btnType6">조회</button>
|
|
<span class="reqTxt4"><span class="vMiddle">*</span>조회기간의 사용내역만 보여집니다.</span>
|
|
</div>
|
|
<div></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<div class="list_tab_wrap2 type2">
|
|
<ul class="list_tab">
|
|
<li class="tab active"><button type="button" onclick="listTab2(this,'1');">전체</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'2');">단문</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'3');">장문</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
|
|
<li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
|
|
</ul>
|
|
</div>
|
|
<div class="price_history_cont" id="listTab2_5">
|
|
<div class="list_info">
|
|
<p>총 <span>10</span>건</p>
|
|
<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>
|
|
</div>
|
|
<div class="tb_wrap">
|
|
<table class="tType4">
|
|
<colgroup>
|
|
<col style="width: 40px;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
<col style="width: 35%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th rowspan="2"><label for="" class="label">전체 선택</label><input type="checkbox"></th>
|
|
<th rowspan="2">날짜
|
|
<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>
|
|
</th>
|
|
<th rowspan="2">문자유형
|
|
<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>
|
|
</th>
|
|
<th rowspan="2">내용
|
|
<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>
|
|
</th>
|
|
<th colspan="2">충전</th>
|
|
<th colspan="2">사용</th>
|
|
<th colspan="2">잔액</th>
|
|
</tr>
|
|
<tr>
|
|
<th>충전금</th>
|
|
<th>포인트</th>
|
|
<th>충전금</th>
|
|
<th>포인트</th>
|
|
<th>충전금</th>
|
|
<th>포인트</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>알림톡 텍스트</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
|
<div class="history_hover">
|
|
<div class="allimtalk_title"><img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡
|
|
도착
|
|
</div>
|
|
<div class="allimtalk_content">
|
|
<div class="kakao_image"><img src="/publish/images/content/kakao_template_img.png" alt="">
|
|
</div>
|
|
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
|
<p class="emphasis_title_text">타이틀 미리보기</p>
|
|
<p class="template_text">내용미리보기</p>
|
|
<p class="side_info_text">부가정보내용</p>
|
|
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p><button type="button" class="btn_kakao_type">버튼명</button><button type="button" class="btn_kakao_type">버튼명</button>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">50</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">350</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>알림톡</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
|
<div class="history_hover">
|
|
<ul>
|
|
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
|
</ul>
|
|
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
|
|
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">50</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">350</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>친구톡</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
|
<div class="history_hover">
|
|
<ul>
|
|
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
|
</ul>
|
|
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
|
|
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">50</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">350</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>광고</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
|
<div class="history_hover">
|
|
<ul>
|
|
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
|
</ul>
|
|
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
|
|
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">50</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">350</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>선거</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
|
<div class="history_hover">
|
|
<ul>
|
|
<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
|
|
<li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
|
|
<li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
|
|
</ul>
|
|
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
|
|
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">50</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">350</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>일반</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
|
|
<div class="history_hover">
|
|
<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
|
|
무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">50</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">350</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td><label for="" class="label">선택</label><input type="checkbox"></td>
|
|
<td>
|
|
<p>2021-06-10</p>
|
|
</td>
|
|
<td>
|
|
<p>가입축하포인트</p>
|
|
</td>
|
|
<td class="tb_tit">
|
|
<p>문자포인트 적립</p>
|
|
</td>
|
|
<td>
|
|
<p>0</p>
|
|
</td>
|
|
<td>
|
|
<p>500</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_002c9a">500</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">0</p>
|
|
</td>
|
|
<td>
|
|
<p class="fwRg c_222">500</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<ul class="pagination">
|
|
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
|
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
|
<li class="on"><button>1</button></li>
|
|
<li><button>2</button></li>
|
|
<li><button>3</button></li>
|
|
<li><button>4</button></li>
|
|
<li><button>5</button></li>
|
|
<li><button>6</button></li>
|
|
<li><button>7</button></li>
|
|
<li><button>8</button></li>
|
|
<li><button>9</button></li>
|
|
<li><button>10</button></li>
|
|
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
|
|
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
|
|
</ul>
|
|
</div>
|
|
<div class="my_dashboard_cont3 number_set">
|
|
<div>
|
|
<p class="dashboard_title">대표 발신번호 관리</p>
|
|
<div style="margin:0 0 10px;">
|
|
<p style="font-weight: 300;">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
|
|
</div>
|
|
<div class="table_wrap">
|
|
<table>
|
|
<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 20%;">
|
|
<col style="width: 25%;">
|
|
<col style="width: auto;">
|
|
<col style="width: 20%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">등록일자</th>
|
|
<th scope="col">발신번호</th>
|
|
<th scope="col">발신번호명</th>
|
|
<th scope="col">상태</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>2022-05-20 17:05</td>
|
|
<td>010-5705-8729</td>
|
|
<td>
|
|
<p class="font_ellipsis">정수빈 </p>
|
|
</td>
|
|
<td><span class="c_002c9a">인증완료</span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div><button type="button" onclick="location.href='/web/user/sendNumberManage.do';"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
|
</div>
|
|
</div>
|
|
<div class="my_dashboard_cont3">
|
|
<p class="dashboard_title">최근 발송내역 - 문자</p>
|
|
<div class="table_wrap">
|
|
<table>
|
|
<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
<col style="width: auto;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">메시지 형태</th>
|
|
<th scope="col">발송일시</th>
|
|
<th scope="col">내용</th>
|
|
<th scope="col">발송건수</th>
|
|
<th scope="col">결과</th>
|
|
<th scope="col">발신번호</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>단문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p class="c_002c9a fwMd">성공</p>
|
|
</td>
|
|
<td>010-1234-5678</td>
|
|
</tr>
|
|
<tr>
|
|
<td>장문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p class="c_002c9a fwMd">성공</p>
|
|
</td>
|
|
<td>010-1234-5678</td>
|
|
</tr>
|
|
<tr>
|
|
<td>단문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p class="font_ellipsis c_e40000 fwMd">실패</p>
|
|
</td>
|
|
<td>010-1234-5678</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
|
</div>
|
|
<div class="my_dashboard_cont3">
|
|
<p class="dashboard_title">최근 발송내역 - 알림톡</p>
|
|
<div class="table_wrap">
|
|
<table>
|
|
<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
<col style="width: auto;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">메시지 형태</th>
|
|
<th scope="col">발송일시</th>
|
|
<th scope="col">내용</th>
|
|
<th scope="col">발송건수</th>
|
|
<th scope="col">결과</th>
|
|
<th scope="col">대체문자 건수</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>단문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다.</p><button class="btnType btnType20">상세보기</button>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p class="c_002c9a fwMd">성공</p>
|
|
</td>
|
|
<td>0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>장문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p class="c_002c9a fwMd">성공</p>
|
|
</td>
|
|
<td>0</td>
|
|
</tr>
|
|
<tr>
|
|
<td>단문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p class="font_ellipsis c_e40000 fwMd">실패</p>
|
|
</td>
|
|
<td>1</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
|
</div>
|
|
<div class="my_dashboard_cont3">
|
|
<p class="dashboard_title">최근 발송내역 - 팩스</p>
|
|
<div class="table_wrap">
|
|
<table>
|
|
<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
<col style="width: auto;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 15%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">메시지 형태</th>
|
|
<th scope="col">발송일시</th>
|
|
<th scope="col">내용</th>
|
|
<th scope="col">발송건수</th>
|
|
<th scope="col">발송매수</th>
|
|
<th scope="col">결과</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>단문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td>0</td>
|
|
<td class="font_ellipsis">
|
|
<p class="c_002c9a fwMd">성공</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>장문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td>0</td>
|
|
<td class="font_ellipsis">
|
|
<p class="c_002c9a fwMd">성공</p>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>단문</td>
|
|
<td>2021-05-04 18:00:09</td>
|
|
<td class="font_ellipsis">
|
|
<p>아름다운 봄이 가득한 5월입니다.</p>
|
|
</td>
|
|
<td class="font_ellipsis">
|
|
<p>1,000</p>
|
|
</td>
|
|
<td>0</td>
|
|
<td class="font_ellipsis">
|
|
<p class="font_ellipsis c_e40000 fwMd">실패</p>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!--// 마이페이지 - 대시보드 -->
|
|
|
|
</div>
|
|
<!--// send top -->
|
|
</div>
|
|
</div>
|
|
<!--// content 영역 -->
|
|
<!-- footer 영역 -->
|
|
<!-- footer -->
|
|
<div data-include-path="/publish/layout/_footer.html"></div>
|
|
<!--// footer 영역 -->
|
|
</body>
|
|
|
|
</html> |