Code - 2025_PROJECT/mjgo

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>대시보드_일반</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="/pb/css/reset.css" /> <link rel="stylesheet" href="/pb/css/common.css" /> <link rel="stylesheet" href="/pb/css/popup.css" /> <link rel="stylesheet" href="/pb/css/dashboard.css" /> <script src="/pb/js/jquery-3.5.0.js"></script> <script src="/pb/js/common.js"></script> <script src="/pb/js/chart.js"></script> <script src="/pb/js/chartjs_plugin_datalabels.js"></script> </head> <body>  <div class="popLayer commonPop" style="visibility: hidden"> <div class="popTit"> 즐겨찾기 매뉴 <input type="button" class="setBtn" /><input type="button" class="closeBtnType2" /> </div> <div class="popCont"> <ul class="listType1"> <li>게시판관리</li> <li>회원관리</li> <li>관리자로그리스트</li> </ul> </div> </div> <div class="popLayer commonPop" style="visibility: hidden"> <div class="popTit"> 회원정보 <input type="button" class="closeBtnType2" /> </div> <div class="popCont"> <ul class="listType1"> <li>회원정보 수정</li> <li>로그아웃</li> </ul> </div> </div>   <header> <h1> <a href="/pb/dashBoard.html"><img src="/pb/img/common/topLogo.png" alt="아이티앤 로고이미지" /></a> </h1> <div class="topRight"> <input type="button" class="allMenu" /> <ul class="inline"> <li><input type="button" class="alramBtn" /></li> <li><input type="button" class="mailBtn" /></li> <li><input type="button" class="quickSiteBtn" /></li> <li onclick="cmnPopOpen(this,0)"> <input type="button" class="favoriteBtn" /> </li> </ul> <div class="infoWrap"> <ul class="inline"> <li> <img src="/pb/img/common/topTimeOut.png" alt="타임아웃 아이콘" /> <p>로그인 세션 타임아웃 시간 : <span>30</span>분</p> </li> <li> <img src="/pb/img/common/topTime.png" alt="타임 아이콘" /> <p>최종접속일시 : <span>2020-06-01 11:00</span></p> </li> </ul> <div class="pfWrap"> <div class="pfImg"> <img src="/pb/img/pfImg.jpg" alt="개인이미지" /> </div> <ul> <li class="pfName">Soobin Jung</li> <li class="pfPosi">최고관리자</li> </ul> <input type="button" class="downBtn" onclick="cmnPopOpen(this,1)" /> </div> </div> </div> </header>   <nav class="leftMenu"> <ul> <li> <img src="/pb/img/common/leftMenu1.png" alt="권한관리메뉴 아이콘" /> <p>권한관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">권한관리</a> </li> <li> <a href="#">관리자별권한관리</a> </li> <li> <a href="#">롤관리</a> </li> <li> <a href="#">관리자접근허용IP</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu2.png" alt="코드관리메뉴 아이콘" /> <p>코드관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">공통코드관리</a> </li> <li> <a href="#">상세코드관리</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu3.png" alt="회원관리메뉴 아이콘" /> <p>회원관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">회원가입설정</a> </li> <li> <a href="#">회원탈퇴설정</a> </li> <li> <a href="#">개인정보보호관리</a> </li> <li> <a href="#">접속차단ID관리</a> </li> <li> <a href="#">관리자관리</a> </li> <li> <a href="#">사용자관리</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu4.png" alt="홈페이지관리메뉴 아이콘" /> <p>홈페이지관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">매뉴관리</a> </li> <li> <a href="#">게시판관리</a> </li> <li> <a href="#">첨부파일관리</a> </li> <li> <a href="#">조직도</a> </li> <li> <a href="#">결재관리</a> </li> <li> <a href="#">만족도관리</a> </li> <li> <a href="#">약관관리</a> </li> <li> <a href="#">설문조사 관리</a> </li> <li> <a href="#">관리자로그리스트</a> </li> <li> <a href="#">관리자로그보관관리</a> </li> <li> <a href="#">관리자로그설정관리</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu5.png" alt="비주얼관리메뉴 아이콘" /> <p>비주얼관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">메인비주얼관리</a> </li> <li> <a href="#">메뉴비주얼관리</a> </li> <li> <a href="#">팝업존관리</a> </li> <li> <a href="#">배너관리</a> </li> <li> <a href="#">팝업관리</a> </li> <li> <a href="#">콘텐츠관리</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu6.png" alt="아이피관리메뉴 아이콘" /> <p>아이피관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">아이피현황</a> </li> <li> <a href="#">아이피리스트</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu7.png" alt="환경설정메뉴 아이콘" /> <p>환경설정</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">메타태그관리</a> </li> <li> <a href="#">금지어관리</a> </li> <li> <a href="#">방문자스크립트관리</a> </li> <li> <a href="#">점검중페이지관리</a> </li> <li> <a href="#">웹아이콘관리</a> </li> <li> <a href="#">웹타이틀관리</a> </li> </ul> </li> <li> <img src="/pb/img/common/leftMenu8.png" alt="사이트관리메뉴 아이콘" /> <p>사이트관리</p> <input type="button" class="goBtn" /> <ul class="subMenu"> <li> <a href="#">아이디관리</a> </li> </ul> </li> </ul> <div class="btnWrap"> <ul> <li> <button> <p>관리자 <span>매뉴얼</span></p> <img src="/pb/img/common/leftBtnIcon1.png" alt="관리자 매뉴얼 아이콘" /> </button> </li> <li> <button> <p>홈페이지<span>바로가기</span></p> <img src="/pb/img/common/leftBtnIcon2.png" alt="홈페이지바로가기 아이콘" /> </button> </li> </ul> </div> <span class="leftBtm">N-CMS Version 3.8</span> </nav>   <div class="contWrap dashBoard"> <h2 class="titType2 fwExtBold">DASHBOARD</h2> <div class="tab_wrap"> <button type="button" class="btn_tab on" onclick="location.href='/pb/dashboard_2022_basic.html'">일반</button> <button type="button" class="btn_tab" onclick="location.href='/pb/dashboard_2022_cs.html'">CS팀</button> </div> <div class="cont"> <div class="box today_business_status"> <div class="boxTitle"> <h3 class="titType2 fwBold"> 금일 업무처리 현황<span>(단위 : 건)</span> </h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <div class="calendar_wrap"> <button type="button" class="btn_prev" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_prev.png" alt="" /> </button> <p>2022.08.26</p> <button type="button" class="btn_next" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_next.png" alt="" /> </button> <button type="button" class="btn_today" onclick="dateSet(this);">오늘</button> <button type="button" class="btn_calendar"> <img src="/pb/img/btn_calendar.png" alt="" /> </button> </div> <ul class="today_business_ul"> <li class="today_business_li01"> <i></i> <p class="today_business_title">기업회원신청</p> <a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a> </li> <li class="today_business_li02"> <i></i> <p class="today_business_title">맞춤제작</p> <a href="#" class="today_business_num"><span>999,999,999</span>건</a> </li> <li class="today_business_li03"> <i></i> <p class="today_business_title">발신번호승인</p> <a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a> </li> <li class="today_business_li04"> <i></i> <p class="today_business_title">세금계산서</p> <a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a> </li> <li class="today_business_li05"> <i></i> <p class="today_business_title">환불/결제취소 요청</p> <a href="#" class="today_business_num"><span>999,999,999</span>건</a> </li> <li class="today_business_li06"> <i></i> <p class="today_business_title">현금영수증</p> <a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a> </li> <li class="today_business_li07"> <i></i> <p class="today_business_title">1:1 문의</p> <a href="#" class="today_business_num"><span>999,999,999</span>건</a> </li> <li class="today_business_li08"> <i></i> <p class="today_business_title">포인트 현금 전환</p> <a href="#" class="today_business_num"><span>999,999,999</span>건</a> </li> <li class="today_business_li09"> <i></i> <p class="today_business_title">주소록 입력</p> <a href="#" class="today_business_num"><span class="c_e40000 fwBold">999,999,999</span>건</a> </li> </ul> </div> </div>   <div class="box user_status"> <div class="boxTitle"> <h3 class="titType2 fwBold">회원현황<span>(단위 : 명)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <div class="calendar_wrap"> <button type="button" class="btn_prev" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_prev.png" alt="" /> </button> <p>2022.08.26</p> <button type="button" class="btn_next" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_next.png" alt="" /> </button> <button type="button" class="btn_today" onclick="dateSet(this);">오늘</button> <button type="button" class="btn_calendar"> <img src="/pb/img/btn_calendar.png" alt="" /> </button> </div> <table class="tbType4"> <colgroup> <col style="width: 80px" /> <col style="width: calc((83% - 80px) / 4)" /> <col style="width: calc((83% - 80px) / 4)" /> <col style="width: calc((83% - 80px) / 4)" /> <col style="width: calc((83% - 80px) / 4)" /> <col style="width: 17%" /> </colgroup> <thead> <tr> <th>구분</th> <th>누적(A)</th> <th>신규(B)</th> <th>정지(C)</th> <th>탈퇴(D)</th> <th>합계(E)</th> </tr> </thead> <tbody> <tr> <th>기업</th> <td><a href="#">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>개인</th> <td><a href="#">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>소계</th> <td><a href="#">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>당월누적</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>분기누적</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>연간누적</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> </tbody> </table> </div> </div>   <div class="box sales_status"> <div class="boxTitle"> <h3 class="titType2 fwBold">매출현황<span>(단위 : 원, 건, VAT별도)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <div class="calendar_wrap"> <button type="button" class="btn_prev" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_prev.png" alt="" /> </button> <p>2022.08.26</p> <button type="button" class="btn_next" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_next.png" alt="" /> </button> <button type="button" class="btn_today" onclick="dateSet(this);">오늘</button> <button type="button" class="btn_calendar"> <img src="/pb/img/btn_calendar.png" alt="" /> </button> </div> <table class="tbType4"> <colgroup> <col style="width: 85px" /> <col style="width: 98px" /> <col style="width: calc((100% - 383px) / 6)" /> <col style="width: calc((100% - 383px) / 6)" /> <col style="width: calc((100% - 383px) / 6)" /> <col style="width: calc((100% - 383px) / 6)" /> <col style="width: calc((100% - 383px) / 6)" /> <col style="width: calc((100% - 383px) / 6)" /> <col style="width: 18%" /> </colgroup> <thead> <tr> <th colspan="2">구분</th> <th>신용카드(A)</th> <th>전용계좌(B)</th> <th>휴대폰(C)</th> <th>즉시이체(D)</th> <th>결제취소(E)</th> <th>환불(F)</th> <th>합계(G=A+B+C+D-E-F)</th> </tr> </thead> <tbody> <tr> <th rowspan="2">금일</th> <th>금액(원)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> </tr> <tr> <th>건수(건)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold" >100,000,000</a></td> </tr> <tr> <th rowspan="2">당월</th> <th>금액(원)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>건수(건)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th rowspan="2">분기별</th> <th>금액(원)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>건수(건)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th rowspan="2">연간</th> <th>금액(원)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>건수(건)</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> </tbody> </table> </div> </div>   <div class="box message_send_status"> <div class="boxTitle"> <h3 class="titType2 fwBold">매출현황<span>(단위 : 건, %)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <div class="calendar_wrap"> <button type="button" class="btn_prev" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_prev.png" alt="" /> </button> <p>2022.08.26</p> <button type="button" class="btn_next" onclick="dateSet(this);"> <img src="/pb/img/calendar_btn_next.png" alt="" /> </button> <button type="button" class="btn_today" onclick="dateSet(this);">오늘</button> <button type="button" class="btn_calendar"> <img src="/pb/img/btn_calendar.png" alt="" /> </button> </div> <table class="tbType4"> <colgroup> <col style="width: 100px" /> <col style="width: 116px" /> <col style="width: calc((100% - 416px) / 6)" /> <col style="width: calc((100% - 416px) / 6)" /> <col style="width: calc((100% - 416px) / 6)" /> <col style="width: calc((100% - 416px) / 6)" /> <col style="width: calc((100% - 416px) / 6)" /> <col style="width: calc((100% - 416px) / 6)" /> <col style="width: 200px" /> </colgroup> <thead> <tr> <th colspan="2">구분</th> <th>단문(SMS)</th> <th>장문(LMS)</th> <th>그림(MMS)</th> <th>선거문자</th> <th>알림톡</th> <th>친구톡</th> <th>합계</th> </tr> </thead> <tbody> <tr> <th rowspan="4">금일</th> <th>발송건수</th> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> <td><a href="#" class="c_e40000 fwBold">100,000,000</a></td> </tr> <tr> <th>성공</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>실패</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공률</th> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> </tr> <tr> <th rowspan="4">당월</th> <th>발송건수</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>실패</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공률</th> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> </tr> <tr> <th rowspan="4">분기별</th> <th>발송건수</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>실패</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공률</th> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> </tr> <tr> <th rowspan="4">연간</th> <th>발송건수</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>실패</th> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> <td><a href="#">100,000,000</a></td> </tr> <tr> <th>성공률</th> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> <td><a href="#">100%</a></td> </tr> </tbody> </table> </div> </div>   <div class="box new_user_status"> <div class="boxTitle"> <h3 class="titType2 fwBold">신규회원 문자전송내역<span>(단위 : 건)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <table class="tbType4"> <colgroup> <col style="width: 7%;" /> <col style="width: 10%;" /> <col style="width: 13%;" /> <col style="width: 15%;" /> <col style="width: 15%" /> <col style="width: auto" /> <col style="width: 75px" /> <col style="width: 10%" /> </colgroup> <thead> <tr> <th>구분</th> <th>아이디</th> <th>발신번호</th> <th>발송일시</th> <th>발송건수</th> <th>문자내용</th> <th>타입</th> <th>전송사</th> </tr> </thead> <tbody> <tr> <td><a href="#">1</a></td> <td><a href="#">phs1704</a></td> <td><a href="#">010-7737-8222</a></td> <td><a href="#">2022.09.13, 13:18</a></td> <td><a href="#">100,000,000</a></td> <td> <a href="#" class="tb_subj">고객님 담당자 최민정실장입니다고객님 담당자 최민정실장입니다</a> </td> <td><a href="#" class="tb_status send_type_mms">MMS</a></td> <td><a href="#">현대퓨처넷</a></td> </tr> <tr> <td><a href="#">1</a></td> <td><a href="#">phs1704</a></td> <td><a href="#">010-7737-8222</a></td> <td><a href="#">2022.09.13, 13:18</a></td> <td><a href="#">100,000,000</a></td> <td> <a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a> </td> <td><a href="#" class="tb_status send_type_sms">SMS</a></td> <td><a href="#">현대퓨처넷</a></td> </tr> <tr> <td><a href="#">1</a></td> <td><a href="#">phs1704</a></td> <td><a href="#">010-7737-8222</a></td> <td><a href="#">2022.09.13, 13:18</a></td> <td><a href="#">100,000,000</a></td> <td> <a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a> </td> <td><a href="#" class="tb_status send_type_lms">LMS</a></td> <td><a href="#">현대퓨처넷</a></td> </tr> <tr> <td><a href="#">1</a></td> <td><a href="#">phs1704</a></td> <td><a href="#">010-7737-8222</a></td> <td><a href="#">2022.09.13, 13:18</a></td> <td><a href="#">100,000,000</a></td> <td> <a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a> </td> <td><a href="#" class="tb_status send_type_lms">LMS</a></td> <td><a href="#">현대퓨처넷</a></td> </tr> <tr> <td><a href="#">1</a></td> <td><a href="#">phs1704</a></td> <td><a href="#">010-7737-8222</a></td> <td><a href="#">2022.09.13, 13:18</a></td> <td><a href="#">100,000,000</a></td> <td> <a href="#" class="tb_subj">고객님 담당자 최민정실장입니다</a> </td> <td><a href="#" class="tb_status send_type_lms">LMS</a></td> <td><a href="#">현대퓨처넷</a></td> </tr> </tbody> </table> </div> </div>   <div class="box hacking_ip_status"> <div class="boxTitle"> <h3 class="titType2 fwBold">해킹의심 IP 현황<span>(단위 : 건)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <table class="tbType4"> <colgroup> <col style="width: 7%;" /> <col style="width: 10%" /> <col style="width: 15%" /> <col style="width: 20%" /> <col style="width: 15%" /> <col style="width: 18%" /> </colgroup> <thead> <tr> <th>구분</th> <th>차단상태</th> <th>아이디</th> <th>IP</th> <th>로그인<br />실패 횟수</th> <th>최근접속시간</th> </tr> </thead> <tbody> <tr> <td><a href="#">1</a></td> <td> <a href="#" class="tb_status tb_status_01">대기</a> </td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">192.240.88.15</a></td> <td><a href="#">381</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> <tr> <td><a href="#">2</a></td> <td> <a href="#" class="tb_status tb_status_01">대기</a> </td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">192.240.88.15</a></td> <td><a href="#">381</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> <tr> <td><a href="#">3</a></td> <td> <a href="#" class="tb_status tb_status_02">차단</a> </td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">192.240.88.15</a></td> <td><a href="#">381</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> <tr> <td><a href="#">4</a></td> <td> <a href="#" class="tb_status tb_status_02">차단</a> </td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">192.240.88.15</a></td> <td><a href="#">381</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> <tr> <td><a href="#">5</a></td> <td> <a href="#" class="tb_status tb_status_02">차단</a> </td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">192.240.88.15</a></td> <td><a href="#">381</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> </tbody> </table> </div> </div>   <div class="box inquiry_status"> <div class="boxTitle"> <h3 class="titType2 fwBold">1:1 문의 현황<span>(단위 : 건)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <table class="tbType4"> <colgroup> <col style="width: 50px;" /> <col style="width: 13%;" /> <col style="width: 15%;" /> <col style="width: 10%;" /> <col style="width: auto;" /> <col style="width: 20%;" /> </colgroup> <thead> <tr> <th colspan="2">구분</th> <th>아이디</th> <th>성명</th> <th>문의내용</th> <th>등록일시</th> </tr> </thead> <tbody> <tr> <td><a href="#">1</a></td> <td><a href="#" class="tb_status tb_status_01">미답변</a></td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">홍길동</a></td> <td><a href="#" class="tb_subj">고객님 담당자 최민정 실장입니다. 궁금합니다.</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> <tr> <td><a href="#">1</a></td> <td><a href="#" class="tb_status tb_status_03">답변완료</a></td> <td><a href="#">sdrfdsd19</a></td> <td><a href="#">홍길동</a></td> <td><a href="#" class="tb_subj">고객님 담당자 최민정 실장입니다. 궁금합니다.</a></td> <td><a href="#">2022.08.15, 14:19:29</a></td> </tr> </tbody> </table> </div> </div>   <div class="box connection_statistics"> <div class="boxTitle"> <h3 class="titType2 fwBold">접속통계<span>(단위 : 건)</span></h3> <input type="button" class="plusBtn" /> </div> <div class="boxCont"> <canvas id="myChart" width="400" height="150"></canvas> <script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.0/dist/chart.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script> <script> var ctx = document.getElementById('myChart').getContext('2d'); Chart.register(ChartDataLabels); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['08-26', '08-25', '08-24', '08-23', '08-22', '08-21', '08-20'], datasets: [{ label: 'PC', //작은 분류 backgroundColor: ['#fd3c97'], data: [135, 62, 112, 75, 105, 128, 165], borderRadius: '5', barPercentage: '0.65', // 막대 그래프 위 data 노출 datalabels: { color: '#fd3c97', align: 'end', anchor: 'end', offset: -1, font: { size: 12, weight: 500, family: "'Noto Sans KR', sans-serif", lineHeight: 1 } } }, { label: '모바일', //작은 분류 backgroundColor: ['#6d81f5'], data: [80, 15, 125, 34, 21, 20, 2], borderRadius: '5', barPercentage: '0.65', datalabels: { color: '#6d81f5', align: 'end', anchor: 'end', offset: -1, font: { size: 12, weight: 500, family: "'Noto Sans KR', sans-serif", lineHeight: 1 } } }, { label: '전체', //작은 분류 backgroundColor: ['#aaaaaa'], data: [215, 78, 237, 109, 100, 148, 167], borderRadius: '5', barPercentage: '0.65', datalabels: { color: '#aaaaaa', align: 'end', anchor: 'end', offset: -1, font: { size: 12, weight: 500, family: "'Noto Sans KR', sans-serif", lineHeight: 1 } } } ] }, options: { plugins: { legend: { display: true, position: "top", align: "end", labels: { color: '#444', // 폰트 컬러 usePointStyle: true, pointStyle: "rectRounded", boxWidth: 13, borderWidth: 0, font: { size: 15, weight: 400, family: "'Noto Sans KR', sans-serif", lineHeight: 1 } } } }, } }); </script> </div> </div>  </div> </div>  </body> </html>