<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="common/layout/dashboard">
<!--
 *******************************************************************************
 * @source  : dashboard.html
 * @desc    : Dashboard Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.10.06   gagamel     최초 작성
 *******************************************************************************
 -->
<body>

<div layout:fragment="content">
	<div id="main">
		<!-- 메인타이틀 영역 -->
		<div class="main-title">
			<h1>Dashboard</h1>
			<!-- 네비게이션 영역 -->
			<ol>
				<li><i class="fa fa-home" aria-hidden="true"></i> <a>Dashboard</a></li>
			</ol>
			<!-- //네비게이션 영역 -->
		</div>
		<!-- //메인타이틀 영역 -->

		<div class="tabs">
			<h2><i class="fa fa-clone" aria-hidden="true"></i>통계요약</h2>
			<div class="tabsNav f-right">
				<ul>
					<li class="on" th:if="${sessionInfo.supplyCompCd == null}"><a href="javascript:void(0);" onclick="fnSearchSummary(1);">전체</a></li>
					<li th:if="${sessionInfo.supplyCompCd == null || sessionInfo.supplyCompCd == 'W'}"><a href="javascript:void(0);" onclick="fnSearchSummary(2, 'P');">PC</a></li>
					<li th:if="${sessionInfo.supplyCompCd == null || sessionInfo.supplyCompCd == 'F'}"><a href="javascript:void(0);" onclick="fnSearchSummary(3, 'M');">모바일</a></li>
				</ul>
			</div>
			<ul class="tabsCont">
				<li class="tab on" id="summaryTab1">
				</li>
				<li class="tab" id="summaryTab2">
				</li>
				<li class="tab" id="summaryTab3">
				</li>
			</ul>
		</div>

		<div class="boxStyle dbChart">
			<!-- 타이틀 -->
			<div class="boxTitle">
				회원가입수 / 방문수 / PV수 통계
				<span class="btn-group">
					<button type="button" class="btn btn-xs btn-white on" id="today" onclick="getData(this.id)">Today</button>
					<button type="button" class="btn btn-xs btn-white" id="monthly" onclick="getData(this.id)">Monthly</button>
					<button type="button" class="btn btn-xs btn-white" id="annual" onclick="getData(this.id)">Annual</button>
				</span>
			</div>
			<!-- //타이틀 -->
			<ul class="boxContent">
				<li class="boxleft">
					<div id="chart1" class="chartUnit c3" style="max-height: 300px; position: relative;"><svg width="1356" height="300" style="overflow: hidden;"><defs><clipPath id="c3-1591234122129-clip"><rect width="1114" height="206"></rect></clipPath><clipPath id="c3-1591234122129-clip-xaxis"><rect x="-41" y="-20" width="1186" height="110"></rect></clipPath><clipPath id="c3-1591234122129-clip-yaxis"><rect x="-39" y="-4" width="60" height="230"></rect></clipPath><clipPath id="c3-1591234122129-clip-grid"><rect width="1114" height="206"></rect></clipPath><clipPath id="c3-1591234122129-clip-subchart"><rect width="1114" height="0"></rect></clipPath></defs><g transform="translate(40.5,4.5)"><text class="c3-text c3-empty" text-anchor="middle" dominant-baseline="middle" x="557" y="103" style="opacity: 0;"></text><g clip-path="url(http://112.172.147.34:88/dashboard.html#c3-1591234122129-clip)" class="c3-regions" style="visibility: visible;"></g><g clip-path="url(http://112.172.147.34:88/dashboard.html#c3-1591234122129-clip-grid)" class="c3-grid" style="visibility: visible;"><g class="c3-xgrid-focus"><line class="c3-xgrid-focus" x1="-10" x2="-10" y1="0" y2="206" style="visibility: hidden;"></line></g></g><g clip-path="url(http://112.172.147.34:88/dashboard.html#c3-1591234122129-clip)" class="c3-chart"><g class="c3-stanford-elements"><g class="c3-stanford-lines" style="shape-rendering: geometricprecision;"></g><g class="c3-stanford-texts"></g><g class="c3-stanford-regions"></g></g><g class="c3-event-rects" style="fill-opacity: 0;"><rect class="c3-event-rect" x="0" y="0" width="1114" height="206" style=""></rect></g><g class="c3-chart-bars"><g class="c3-chart-bar c3-target c3-target-회원가입수  " style="pointer-events: none;"><g class=" c3-shapes c3-shapes-회원가입수 c3-bars c3-bars-회원가입수" style="cursor: pointer;"></g></g><g class="c3-chart-bar c3-target c3-target-방문수  " style="pointer-events: none;"><g class=" c3-shapes c3-shapes-방문수 c3-bars c3-bars-방문수" style="cursor: pointer;"></g></g><g class="c3-chart-bar c3-target c3-target-PV수  " style="pointer-events: none;"><g class=" c3-shapes c3-shapes-PV수 c3-bars c3-bars-PV수" style="cursor: pointer;"></g></g></g><g class="c3-chart-lines"><g class="c3-chart-line c3-target c3-target-회원가입수  " style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-회원가입수 c3-lines c3-lines-회원가입수"><path class=" c3-shape c3-shape c3-line c3-line-회원가입수" d="M22,188.91666666666666L66,176.10416666666666L109,103.5L153,146.20833333333331L196,18.083333333333343L239,124.85416666666667L283,82.14583333333334L326,176.10416666666666L369,103.5L413,146.20833333333331L456,18.083333333333343L499,124.85416666666667L543,82.14583333333334L586,176.10416666666666L629,103.5L673,146.20833333333331L716,18.083333333333343L759,124.85416666666667L803,82.14583333333334L846,176.10416666666666L889,103.5L933,146.20833333333331L976,18.083333333333343L1019,124.85416666666667L1063,112.04166666666667" style="stroke: rgb(255, 112, 67); opacity: 1;"></path></g><g class=" c3-shapes c3-shapes-회원가입수 c3-areas c3-areas-회원가입수"><path class=" c3-shape c3-shape c3-area c3-area-회원가입수" d="M 22 188.91666666666666" style="fill: rgb(255, 112, 67); opacity: 0.2;"></path></g><g class=" c3-selected-circles c3-selected-circles-회원가입수"></g><g class=" c3-shapes c3-shapes-회원가입수 c3-circles c3-circles-회원가입수" style="cursor: pointer;"><circle shape-rendering="" class=" c3-shape c3-shape-0 c3-circle c3-circle-0" cx="22" cy="188.91666666666666" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-1 c3-circle c3-circle-1" cx="66" cy="176.10416666666666" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-2 c3-circle c3-circle-2" cx="109" cy="103.5" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-3 c3-circle c3-circle-3" cx="153" cy="146.20833333333331" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-4 c3-circle c3-circle-4" cx="196" cy="18.083333333333343" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-5 c3-circle c3-circle-5" cx="239" cy="124.85416666666667" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-6 c3-circle c3-circle-6" cx="283" cy="82.14583333333334" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-7 c3-circle c3-circle-7" cx="326" cy="176.10416666666666" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-8 c3-circle c3-circle-8" cx="369" cy="103.5" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-9 c3-circle c3-circle-9" cx="413" cy="146.20833333333331" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-10 c3-circle c3-circle-10" cx="456" cy="18.083333333333343" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-11 c3-circle c3-circle-11" cx="499" cy="124.85416666666667" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-12 c3-circle c3-circle-12" cx="543" cy="82.14583333333334" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-13 c3-circle c3-circle-13" cx="586" cy="176.10416666666666" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-14 c3-circle c3-circle-14" cx="629" cy="103.5" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-15 c3-circle c3-circle-15" cx="673" cy="146.20833333333331" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-16 c3-circle c3-circle-16" cx="716" cy="18.083333333333343" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-17 c3-circle c3-circle-17" cx="759" cy="124.85416666666667" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-18 c3-circle c3-circle-18" cx="803" cy="82.14583333333334" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-19 c3-circle c3-circle-19" cx="846" cy="176.10416666666666" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-20 c3-circle c3-circle-20" cx="889" cy="103.5" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-21 c3-circle c3-circle-21" cx="933" cy="146.20833333333331" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-22 c3-circle c3-circle-22" cx="976" cy="18.083333333333343" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-23 c3-circle c3-circle-23" cx="1019" cy="124.85416666666667" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-24 c3-circle c3-circle-24" cx="1063" cy="112.04166666666667" r="5.5" style="color: rgb(255, 112, 67); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-25 c3-circle c3-circle-25" cx="897" cy="142.74549549549548" r="5.5" style="color: rgb(255, 112, 67); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-26 c3-circle c3-circle-26" cx="932" cy="156.59684684684683" r="5.5" style="color: rgb(255, 112, 67); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-27 c3-circle c3-circle-27" cx="967" cy="138.1283783783784" r="5.5" style="color: rgb(255, 112, 67); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-28 c3-circle c3-circle-28" cx="1002" cy="110.42567567567566" r="5.5" style="color: rgb(255, 112, 67); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-29 c3-circle c3-circle-29" cx="1038" cy="133.51126126126124" r="5.5" style="color: rgb(255, 112, 67); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-30 c3-circle c3-circle-30" cx="1073" cy="179.68243243243245" r="5.5" style="color: rgb(255, 112, 67); opacity: 0;"></circle></g></g><g class="c3-chart-line c3-target c3-target-방문수  " style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-방문수 c3-lines c3-lines-방문수"><path class=" c3-shape c3-shape c3-line c3-line-방문수" d="M22,188.91666666666666L66,133.39583333333331L109,146.20833333333331L153,129.125L196,103.5L239,124.85416666666667L283,167.5625L326,133.39583333333331L369,146.20833333333331L413,129.125L456,103.5L499,124.85416666666667L543,167.5625L586,133.39583333333331L629,146.20833333333331L673,129.125L716,103.5L759,124.85416666666667L803,167.5625L846,133.39583333333331L889,146.20833333333331L933,129.125L976,103.5L1019,124.85416666666667L1063,163.29166666666666" style="stroke: rgb(72, 201, 176); opacity: 1;"></path></g><g class=" c3-shapes c3-shapes-방문수 c3-areas c3-areas-방문수"><path class=" c3-shape c3-shape c3-area c3-area-방문수" d="M 22 188.91666666666666" style="fill: rgb(72, 201, 176); opacity: 0.2;"></path></g><g class=" c3-selected-circles c3-selected-circles-방문수"></g><g class=" c3-shapes c3-shapes-방문수 c3-circles c3-circles-방문수" style="cursor: pointer;"><circle shape-rendering="" class=" c3-shape c3-shape-0 c3-circle c3-circle-0" cx="22" cy="188.91666666666666" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-1 c3-circle c3-circle-1" cx="66" cy="133.39583333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-2 c3-circle c3-circle-2" cx="109" cy="146.20833333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-3 c3-circle c3-circle-3" cx="153" cy="129.125" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-4 c3-circle c3-circle-4" cx="196" cy="103.5" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-5 c3-circle c3-circle-5" cx="239" cy="124.85416666666667" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-6 c3-circle c3-circle-6" cx="283" cy="167.5625" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-7 c3-circle c3-circle-7" cx="326" cy="133.39583333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-8 c3-circle c3-circle-8" cx="369" cy="146.20833333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-9 c3-circle c3-circle-9" cx="413" cy="129.125" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-10 c3-circle c3-circle-10" cx="456" cy="103.5" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-11 c3-circle c3-circle-11" cx="499" cy="124.85416666666667" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-12 c3-circle c3-circle-12" cx="543" cy="167.5625" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-13 c3-circle c3-circle-13" cx="586" cy="133.39583333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-14 c3-circle c3-circle-14" cx="629" cy="146.20833333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-15 c3-circle c3-circle-15" cx="673" cy="129.125" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-16 c3-circle c3-circle-16" cx="716" cy="103.5" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-17 c3-circle c3-circle-17" cx="759" cy="124.85416666666667" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-18 c3-circle c3-circle-18" cx="803" cy="167.5625" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-19 c3-circle c3-circle-19" cx="846" cy="133.39583333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-20 c3-circle c3-circle-20" cx="889" cy="146.20833333333331" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-21 c3-circle c3-circle-21" cx="933" cy="129.125" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-22 c3-circle c3-circle-22" cx="976" cy="103.5" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-23 c3-circle c3-circle-23" cx="1019" cy="124.85416666666667" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-24 c3-circle c3-circle-24" cx="1063" cy="163.29166666666666" r="5.5" style="color: rgb(72, 201, 176); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-25 c3-circle c3-circle-25" cx="897" cy="64.2545045045045" r="5.5" style="color: rgb(72, 201, 176); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-26 c3-circle c3-circle-26" cx="932" cy="110.42567567567566" r="5.5" style="color: rgb(72, 201, 176); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-27 c3-circle c3-circle-27" cx="967" cy="128.89414414414415" r="5.5" style="color: rgb(72, 201, 176); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-28 c3-circle c3-circle-28" cx="1002" cy="18.083333333333343" r="5.5" style="color: rgb(72, 201, 176); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-29 c3-circle c3-circle-29" cx="1038" cy="87.3400900900901" r="5.5" style="color: rgb(72, 201, 176); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-30 c3-circle c3-circle-30" cx="1073" cy="179.68243243243245" r="5.5" style="color: rgb(72, 201, 176); opacity: 0;"></circle></g></g><g class="c3-chart-line c3-target c3-target-PV수  " style="opacity: 1; pointer-events: none;"><g class=" c3-shapes c3-shapes-PV수 c3-lines c3-lines-PV수"><path class=" c3-shape c3-shape c3-line c3-line-PV수" d="M22,188.91666666666666L66,60.791666666666664L109,103.5L153,120.58333333333333L196,18.083333333333343L239,82.14583333333334L283,167.5625L326,60.791666666666664L369,103.5L413,120.58333333333333L456,18.083333333333343L499,82.14583333333334L543,167.5625L586,60.791666666666664L629,103.5L673,120.58333333333333L716,18.083333333333343L759,82.14583333333334L803,167.5625L846,60.791666666666664L889,103.5L933,120.58333333333333L976,18.083333333333343L1019,82.14583333333334L1063,159.02083333333334" style="stroke: rgb(255, 213, 79); opacity: 1;"></path></g><g class=" c3-shapes c3-shapes-PV수 c3-areas c3-areas-PV수"><path class=" c3-shape c3-shape c3-area c3-area-PV수" d="M 22 188.91666666666666" style="fill: rgb(255, 213, 79); opacity: 0.2;"></path></g><g class=" c3-selected-circles c3-selected-circles-PV수"></g><g class=" c3-shapes c3-shapes-PV수 c3-circles c3-circles-PV수" style="cursor: pointer;"><circle shape-rendering="" class=" c3-shape c3-shape-0 c3-circle c3-circle-0" cx="22" cy="188.91666666666666" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-1 c3-circle c3-circle-1" cx="66" cy="60.791666666666664" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-2 c3-circle c3-circle-2" cx="109" cy="103.5" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-3 c3-circle c3-circle-3" cx="153" cy="120.58333333333333" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-4 c3-circle c3-circle-4" cx="196" cy="18.083333333333343" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-5 c3-circle c3-circle-5" cx="239" cy="82.14583333333334" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-6 c3-circle c3-circle-6" cx="283" cy="167.5625" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-7 c3-circle c3-circle-7" cx="326" cy="60.791666666666664" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-8 c3-circle c3-circle-8" cx="369" cy="103.5" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-9 c3-circle c3-circle-9" cx="413" cy="120.58333333333333" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-10 c3-circle c3-circle-10" cx="456" cy="18.083333333333343" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-11 c3-circle c3-circle-11" cx="499" cy="82.14583333333334" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-12 c3-circle c3-circle-12" cx="543" cy="167.5625" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-13 c3-circle c3-circle-13" cx="586" cy="60.791666666666664" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-14 c3-circle c3-circle-14" cx="629" cy="103.5" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-15 c3-circle c3-circle-15" cx="673" cy="120.58333333333333" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-16 c3-circle c3-circle-16" cx="716" cy="18.083333333333343" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-17 c3-circle c3-circle-17" cx="759" cy="82.14583333333334" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-18 c3-circle c3-circle-18" cx="803" cy="167.5625" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-19 c3-circle c3-circle-19" cx="846" cy="60.791666666666664" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-20 c3-circle c3-circle-20" cx="889" cy="103.5" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-21 c3-circle c3-circle-21" cx="933" cy="120.58333333333333" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-22 c3-circle c3-circle-22" cx="976" cy="18.083333333333343" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-23 c3-circle c3-circle-23" cx="1019" cy="82.14583333333334" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class="c3-shape c3-shape-24 c3-circle c3-circle-24" cx="1063" cy="159.02083333333334" r="5.5" style="color: rgb(255, 213, 79); opacity: 1;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-25 c3-circle c3-circle-25" cx="897" cy="188.91666666666666" r="5.5" style="color: rgb(255, 213, 79); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-26 c3-circle c3-circle-26" cx="932" cy="110.42567567567566" r="5.5" style="color: rgb(255, 213, 79); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-27 c3-circle c3-circle-27" cx="967" cy="156.59684684684683" r="5.5" style="color: rgb(255, 213, 79); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-28 c3-circle c3-circle-28" cx="1002" cy="18.083333333333343" r="5.5" style="color: rgb(255, 213, 79); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-29 c3-circle c3-circle-29" cx="1038" cy="133.51126126126124" r="5.5" style="color: rgb(255, 213, 79); opacity: 0;"></circle><circle shape-rendering="" class=" c3-shape c3-shape-30 c3-circle c3-circle-30" cx="1073" cy="87.3400900900901" r="5.5" style="color: rgb(255, 213, 79); opacity: 0;"></circle></g></g></g><g class="c3-chart-arcs" transform="translate(557,98)"><text class="c3-chart-arcs-title" style="text-anchor: middle; opacity: 0;"></text></g><g class="c3-chart-texts"><g class="c3-chart-text c3-target c3-target-회원가입수  " style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-회원가입수"></g></g><g class="c3-chart-text c3-target c3-target-방문수  " style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-방문수"></g></g><g class="c3-chart-text c3-target c3-target-PV수  " style="opacity: 1; pointer-events: none;"><g class=" c3-texts c3-texts-PV수"></g></g></g></g><g clip-path="url(http://112.172.147.34:88/dashboard.html#c3-1591234122129-clip-grid)" class="c3-grid c3-grid-lines"><g class="c3-xgrid-lines"></g><g class="c3-ygrid-lines"></g></g><g class="c3-axis c3-axis-x" clip-path="url(http://112.172.147.34:88/dashboard.html#c3-1591234122129-clip-xaxis)" transform="translate(0,206)" style="visibility: visible; opacity: 1;"><text class="c3-axis-x-label" transform="" style="text-anchor: end;" x="1114" dx="-0.5em" dy="-0.5em"></text><g class="tick" transform="translate(22, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">0시</tspan></text></g><g class="tick" transform="translate(66, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">1시</tspan></text></g><g class="tick" transform="translate(109, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">2시</tspan></text></g><g class="tick" transform="translate(153, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">3시</tspan></text></g><g class="tick" transform="translate(196, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">4시</tspan></text></g><g class="tick" transform="translate(239, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">5시</tspan></text></g><g class="tick" transform="translate(283, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">6시</tspan></text></g><g class="tick" transform="translate(326, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">7시</tspan></text></g><g class="tick" transform="translate(369, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">8시</tspan></text></g><g class="tick" transform="translate(413, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">9시</tspan></text></g><g class="tick" transform="translate(456, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">10시</tspan></text></g><g class="tick" transform="translate(499, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">11시</tspan></text></g><g class="tick" transform="translate(543, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">12시</tspan></text></g><g class="tick" transform="translate(586, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">13시</tspan></text></g><g class="tick" transform="translate(629, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">14시</tspan></text></g><g class="tick" transform="translate(673, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">15시</tspan></text></g><g class="tick" transform="translate(716, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">16시</tspan></text></g><g class="tick" transform="translate(759, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">17시</tspan></text></g><g class="tick" transform="translate(803, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">18시</tspan></text></g><g class="tick" transform="translate(846, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">19시</tspan></text></g><g class="tick" transform="translate(889, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">20시</tspan></text></g><g class="tick" transform="translate(933, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">21시</tspan></text></g><g class="tick" transform="translate(976, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">22시</tspan></text></g><g class="tick" transform="translate(1019, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">23시</tspan></text></g><g class="tick" transform="translate(1063, 0)" style="opacity: 1;"><line x1="22" x2="22" y2="6"></line><text x="0" y="9" transform="" style="text-anchor: middle; display: block;"><tspan x="0" dy=".71em" dx="0">24시</tspan></text></g><path class="domain" d="M0,6V0H1114V6"></path></g><g class="c3-axis c3-axis-y" clip-path="url(http://112.172.147.34:88/dashboard.html#c3-1591234122129-clip-yaxis)" transform="translate(0,0)" style="visibility: visible; opacity: 1;"><text class="c3-axis-y-label" transform="rotate(-90)" style="text-anchor: end;" x="0" dx="-0.5em" dy="1.2em"></text><g class="tick" transform="translate(0, 189)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">0</tspan></text></g><g class="tick" transform="translate(0, 168)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">50</tspan></text></g><g class="tick" transform="translate(0, 147)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">100</tspan></text></g><g class="tick" transform="translate(0, 125)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">150</tspan></text></g><g class="tick" transform="translate(0, 104)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">200</tspan></text></g><g class="tick" transform="translate(0, 83)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">250</tspan></text></g><g class="tick" transform="translate(0, 61)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">300</tspan></text></g><g class="tick" transform="translate(0, 40)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">350</tspan></text></g><g class="tick" transform="translate(0,19)" style="opacity: 1;"><line x2="-6"></line><text x="-9" y="0" style="text-anchor: end;"><tspan x="-9" dy="3">400</tspan></text></g><path class="domain" d="M-6,1H0V206H-6"></path></g><g class="c3-axis c3-axis-y2" transform="translate(1114,0)" style="visibility: hidden; opacity: 1;"><text class="c3-axis-y2-label" transform="rotate(-90)" style="text-anchor: end;" x="0" dx="-0.5em" dy="-0.5em"></text><g class="tick" transform="translate(0,206)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0</tspan></text></g><g class="tick" transform="translate(0,186)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.1</tspan></text></g><g class="tick" transform="translate(0,165)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.2</tspan></text></g><g class="tick" transform="translate(0,145)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.3</tspan></text></g><g class="tick" transform="translate(0,124)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.4</tspan></text></g><g class="tick" transform="translate(0,104)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.5</tspan></text></g><g class="tick" transform="translate(0,83)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.6</tspan></text></g><g class="tick" transform="translate(0,63)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.7</tspan></text></g><g class="tick" transform="translate(0,42)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.8</tspan></text></g><g class="tick" transform="translate(0,22)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">0.9</tspan></text></g><g class="tick" transform="translate(0,1)" style="opacity: 1;"><line x2="6"></line><text x="9" y="0" style="text-anchor: start;"><tspan x="9" dy="3">1</tspan></text></g><path class="domain" d="M6,1H0V206H6"></path></g></g><g transform="translate(0,280)"><g class="c3-legend-item c3-legend-item-회원가입수" style="visibility: visible; cursor: pointer;"><text x="475.765625" y="9" style="pointer-events: none;">회원가입수</text><rect class="c3-legend-item-event" x="461.765625" y="-5" width="100" height="20" style="fill-opacity: 0;"></rect><line class="c3-legend-item-tile" x1="459.765625" y1="4" x2="469.765625" y2="4" stroke-width="10" style="stroke: rgb(255, 112, 67); pointer-events: none;"></line></g><g class="c3-legend-item c3-legend-item-방문수" style="visibility: visible; cursor: pointer;"><text x="575.765625" y="9" style="pointer-events: none;">방문수</text><rect class="c3-legend-item-event" x="561.765625" y="-5" width="76" height="20" style="fill-opacity: 0;"></rect><line class="c3-legend-item-tile" x1="559.765625" y1="4" x2="569.765625" y2="4" stroke-width="10" style="stroke: rgb(72, 201, 176); pointer-events: none;"></line></g><g class="c3-legend-item c3-legend-item-PV수" style="visibility: visible; cursor: pointer;"><text x="651.765625" y="9" style="pointer-events: none;">PV수</text><rect class="c3-legend-item-event" x="637.765625" y="-5" width="56.46875" height="20" style="fill-opacity: 0;"></rect><line class="c3-legend-item-tile" x1="635.765625" y1="4" x2="645.765625" y2="4" stroke-width="10" style="stroke: rgb(255, 213, 79); pointer-events: none;"></line></g></g><text class="c3-title" x="578" y="0"></text></svg><div class="c3-tooltip-container" style="position: absolute; pointer-events: none; display: none; top: 75.5px; left: 1003.5px;"><table class="c3-tooltip"><tbody><tr><th colspan="2">24시</th></tr><tr class="c3-tooltip-name--회원가입수"><td class="name"><span style="background-color:#FF7043"></span>회원가입수</td><td class="value">180</td></tr><tr class="c3-tooltip-name--PV수"><td class="name"><span style="background-color:#FFD54F"></span>PV수</td><td class="value">70</td></tr><tr class="c3-tooltip-name--방문수"><td class="name"><span style="background-color:#48C9B0"></span>방문수</td><td class="value">60</td></tr></tbody></table></div></div>
				</li>
				<li class="boxRight">
					<div>
						<em id="joinTot">2,346</em>
						<div class="statText">
							<span>총 회원가입수</span>
							<!-- <span id="chart2_num" class="c1">30%</span> -->
						</div>
						<!-- <div class="progress progress-mini">
							<div id="chart2" class="c1" style="width: 30%;"></div>
						</div> -->
					</div>
					<div>
						<em id="visitTot">4,422</em>
						<div class="statText">
							<span>총 순방문수</span>
							<!-- <span id="chart3_num" class="c2">30%</span> -->
						</div>
						<!-- <div class="progress progress-mini">
							<div id="chart3" class="c2" style="width: 30%;"></div>
						</div> -->
					</div>
					<div>
						<em id="viewTot">9,180</em>
						<div class="statText">
							<span>총 PV수</span>
							<!-- <span id="chart4_num" class="c3">30%</span> -->
						</div>
						<!-- <div class="progress progress-mini">
							<div id="chart4" class="c3" style="width: 30%;"></div>
						</div> -->
					</div>
				</li>
			</ul>
		</div>
	</div>

<script th:inline="javascript">
/*<![CDATA[*/
	// 요약
	var fnSearchSummary = function(tabNo, frontGb) {
		var actionUrl = '/dashboard/summary';
		if (!gagajf.isNull(frontGb)) actionUrl += '?frontGb=' + frontGb;

		$.getJSON(actionUrl
				, function(result, status) {
					if (status == 'success') {
						var tag = '';
						tag += '<ul class="flexWrap unit5">\n'; //3칸(default), 4칸:unit4, 5칸:unit5, 6칸:unit6
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>등록상품수</h5>\n';
						tag += '			<span class="btn-success">오늘</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.rgoodsCnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-success">98% <i class="fa fa-bolt"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>전시상품수</h5>\n';
						tag += '			<span class="btn-success">오늘</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.dgoodsCnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-success">98% <i class="fa fa-bolt"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>총방문수</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.visitTcnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-info">20% <i class="fa fa-level-up"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>순방문수</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.visitCnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-info">20% <i class="fa fa-level-up"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>신규가입수</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.njoinCnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-danger">35% <i class="fa fa-level-down"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>전환가입수</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.cjoinCnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-danger">35% <i class="fa fa-level-down"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>주문건수</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.ordCnt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-success">98% <i class="fa fa-bolt"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>구매전환율(%)</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + result.buyRate + '%</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-success">98% <i class="fa fa-bolt"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>판매수량</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.sellQty).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-info">20% <i class="fa fa-level-up"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';
						tag += '	<li>\n';
						tag += '		<div class="title">\n';
						tag += '			<h5>판매금액</h5>\n';
						tag += '			<span class="btn-info">어제</span>\n';
						tag += '		</div>\n';
						tag += '		<div class="content">\n';
						tag += '			<em>' + Number(result.sellAmt).addComma() + '</em>\n';
						tag += '			<div class="statText">\n';
						tag += '				<span>Total</span>\n';
// 						tag += '				<span class="txt-danger">35% <i class="fa fa-level-down"></i></span>\n';
						tag += '			</div>\n';
						tag += '		</div>\n';
						tag += '	</li>\n';

						$('#summaryTab' + tabNo).html(tag);

						// grid 높이 조절
						uifnFitGrid();
					}
				});
	}

	// 외부몰현황
	var fnSearchExtmallState = function(tabNo, supplyCompCd) {
		var actionUrl = '/dashboard/extmall/state';
		if (!gagajf.isNull(supplyCompCd)) actionUrl += '?supplyCompCd=' + supplyCompCd;

		$.getJSON(actionUrl
				, function(result, status) {
					if (status == 'success') {
						var tag = '';
						tag += '<ul class="boxContent">\n';
						tag += '	<li class="boxContentTop">\n';
						tag += '		<ul class="mTable">\n';
						tag += '			<li style="width: 33%">\n';
						tag += '				<table class="tableStyle">\n';
						tag += '					<thead><tr><th>ERP<br/>상품등록수</th></tr></thead>\n';
						tag += '					<tbody><tr><td><h1>' + Number(result.goodsRegCnt).addComma() + '</h1></td></tr></tbody>\n';
						tag += '				</table>\n';
						tag += '			</li>\n';
						tag += '			<li style="width: 33%">\n';
						tag += '				<table class="tableStyle">\n';
						tag += '					<thead><tr><th>사방넷<br/>상품정보전송수</th></tr></thead>\n';
						tag += '					<tbody><tr><td><h1>' + Number(result.sabangGoodsSendCnt).addComma() + '</h1></td></tr></tbody>\n';
						tag += '				</table>\n';
						tag += '			</li>\n';
						tag += '			<li style="width: 34%">\n';
						tag += '				<table class="tableStyle">\n';
						tag += '					<thead><tr><th>사방넷<br/>상품요약전송수</th></tr></thead>\n';
						tag += '					<tbody><tr><td><h1>' + Number(result.sabangGoodsSummarySendCnt).addComma() + '</h1></td></tr></tbody>\n';
						tag += '				</table>\n';
						tag += '			</li>\n';
						tag += '		</ul>\n';
						tag += '		<ul class="mTable">\n';
						tag += '			<li style="width: 33%">\n';
						tag += '				<table class="tableStyle">\n';
						tag += '					<thead><tr><th>사방넷<br/>주문수집수</th></tr></thead>\n';
						tag += '					<tbody><tr><td><h1>' + Number(result.ordCollectCnt).addComma() + '</h1></td></tr></tbody>\n';
						tag += '				</table>\n';
						tag += '			</li>\n';
						tag += '			<li style="width: 33%">\n';
						tag += '				<table class="tableStyle">\n';
						tag += '					<thead><tr><th>주문업로드<br/>성공건수</th></tr></thead>\n';
						tag += '					<tbody><tr><td><h1>' + Number(result.ordUploadSuccCnt).addComma() + '</h1></td></tr></tbody>\n';
						tag += '				</table>\n';
						tag += '			</li>\n';
// 						tag += '			<li style="width: 34%">\n';
// 						tag += '				<table class="tableStyle">\n';
// 						tag += '					<thead><tr><th>주문업로드<br/>실패건수</th></tr></thead>\n';
// 						tag += '					<tbody><tr><td><h1><span class="cRed">' + Number(result.ordUploadFailCnt).addComma() + '</span></h1></td></tr></tbody>\n';
// 						tag += '				</table>\n';
// 						tag += '			</li>\n';
						tag += '			<li style="width: 34%">\n';
						tag += '				<table class="tableStyle">\n';
						tag += '					<thead><tr><th>ERP<br/>출고건수</th></tr></thead>\n';
						tag += '					<tbody><tr><td><h1>' + Number(result.delvCnt).addComma() + '</h1></td></tr></tbody>\n';
						tag += '				</table>\n';
						tag += '			</li>\n';
						tag += '		</ul>\n';
// 						tag += '		<ul class="mTable">\n';
// 						tag += '			<li style="width: 33%">\n';
// 						tag += '				<table class="tableStyle">\n';
// 						tag += '					<thead><tr><th>사방넷<br/>주문취소건수</th></tr></thead>\n';
// 						tag += '					<tbody><tr><td><h1><span class="cRed">' + Number(result.ordCnclCnt).addComma() + '</span></h1></td></tr></tbody>\n';
// 						tag += '				</table>\n';
// 						tag += '			</li>\n';
// 						tag += '			<li style="width: 33%">\n';
// 						tag += '				<table class="tableStyle">\n';
// 						tag += '					<thead><tr><th>품절에의한<br/>주문취소건수</th></tr></thead>\n';
// 						tag += '					<tbody><tr><td><h1><span class="cRed">' + Number(result.soldoutOrdCnclCnt).addComma() + '</span></h1></td></tr></tbody>\n';
// 						tag += '				</table>\n';
// 						tag += '			</li>\n';
// 						tag += '			<li style="width: 34%">\n';
// 						tag += '				<table class="tableStyle">\n';
// 						tag += '					<thead><tr><th>ERP<br/>출고건수</th></tr></thead>\n';
// 						tag += '					<tbody><tr><td><h1>' + Number(result.delvCnt).addComma() + '</h1></td></tr></tbody>\n';
// 						tag += '				</table>\n';
// 						tag += '			</li>\n';
// 						tag += '		</ul>\n';
						tag += '	</li>\n';
						tag += '</ul>\n';

						$('#extmallTab' + tabNo).html(tag);

						// grid 높이 조절
						uifnFitGrid();
					}
				});
	}

	$(document).ready(function() {
		let noticeCnt = [[${noticeCnt}]];
		if (noticeCnt > 0 && gagajf.getCookie('CK_NOTICE_CLOSE') != 'Y') {
			// 공지사항 팝업
			cfnOpenModalPopup('/board/notice/popup/form', 'popupNotice');
		}
		
		//fnSearchSummary(1); // 요약-전체
		//fnSearchSummary(2, 'P'); // 요약-PC
		//fnSearchSummary(3, 'M'); // 요약-모바일

		// 차트 통계 Today 클릭
		//$("#today").click();

// 		fnSearchExtmallState(1); // 외부몰현황-전체
// 		fnSearchExtmallState(2, 'W'); // 외부몰현황-위비스
// 		fnSearchExtmallState(3, 'F');  // 외부몰현황-플라잉타이거
	});

	//chart1    ======================
	var chart1  =   c3.generate({
	    bindto: "#chart1",
	    data: {
	        x: 'x',
	        json:   {
	            x:  ['0시','1시','2시','3시','4시','5시','6시','7시','8시','9시','10시','11시','12시','13시','14시','15시','16시','17시','18시','19시','20시','21시','22시','23시'],
	            회원가입수 : [0,30,200,100,400,150,250,30,200,100,400,150,250,30,200,100,400,150,250,30,200,100,400,150],
	            순방문수 : [0,130,100,140,200,150,50,130,100,140,200,150,50,130,100,140,200,150,50,130,100,140,200,150],
	            PV수 : [0,300,200,160,400,250,50,300,200,160,400,250,50,300,200,160,400,250,50,300,200,160,400,250]
	        },
	        type : 'line',
	    },
	    color : {pattern : ['#FF7043', '#48C9B0', '#FFD54F']},
	    legend: {
	        padding: 15, //범례 item 우측 간격
	    },
	    axis: {
	        x: {
	            type: 'category',
	            padding: {left:0, right: 0.7}, //x축 data 좌우 여백

	        },
	    },
	    padding: {bottom: 40},
	    size: {
	        height: 300
	    },

	});

	function getData(id){
		$.getJSON('/dashboard/chart?gb='+id.toUpperCase(), function(result){
			dataLoad_line(id, result);
		});
	}


	//데이터 추가
	var test = [];
	function dataLoad_line(id, data){
		test = data;


		var join = [];
		var visit = [];
		var view = [];

		var joinTot = 0;
		var visitTot = 0;
		var viewTot = 0;

		var limit= 0;
		var idx = 0;
		if(id=='today'){
			limit = Number(new Date().format("HH"))+1;
		}
		else if(id=='monthly'){
			limit = Number(new Date().format("DD"));
		}
		else if(id=='annual'){
			limit = Number(new Date().format("MM"));
		}

		//join
		idx = 0;
		for(var i in data[0]){
			if(i.indexOf("cnt") == -1 || idx >= limit) continue;
			join.push(data[0][i]);
			joinTot += data[0][i];
			idx++;
		}

		//visit
		idx = 0;
		for(var i in data[1]){
			if(i.indexOf("cnt") == -1 || idx >= limit) continue;
			visit.push(data[1][i]);
			visitTot += data[1][i];
			idx++;
		}

		//view
		idx = 0;
		for(var i in data[2]){
			if(i.indexOf("cnt") == -1 || idx >= limit) continue;
			view.push(data[2][i]);
			viewTot +=data[2][i];
			idx++;
		}

		$("#joinTot").html(joinTot.addComma());
		$("#visitTot").html(visitTot.addComma());
		$("#viewTot").html(viewTot.addComma());


	    if (id=='monthly'){ //monthly
	        chart1.load({
	            json:   {
	                x:  ['1일','2일','3일','4일','5일','6일','7일','8일','9일','10일','11일','12일','13일','14일','15일','16일','17일','18일','19일','20일','21일','22일','23일','24일','25일','26일','27일','28일','29일','30일','31일'],
	                회원가입수 : join,
	                순방문수 : visit,
	                PV수 : view
	            },
	        });
// 	        $("#chart2").css("width","60%");
// 	        $("#chart2_num").text("60%");
// 	        $("#chart3").css("width","60%");
// 	        $("#chart3_num").text("60%");
// 	        $("#chart4").css("width","60%");
// 	        $("#chart4_num").text("60%");

	    } else if (id=='annual'){ //annual
	        chart1.load({
	            json:   {
	                x:  ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
	                회원가입수 : join,
	                순방문수 : visit,
	                PV수 : view
	            },
	        });
// 	        $("#chart2").css("width","80%");
// 	        $("#chart2_num").text("80%");
// 	        $("#chart3").css("width","80%");
// 	        $("#chart3_num").text("80%");
// 	        $("#chart4").css("width","80%");
// 	        $("#chart4_num").text("80%");

	    } else { //today
	        chart1.load({
	            json:   {
	                x:  ['0시','1시','2시','3시','4시','5시','6시','7시','8시','9시','10시','11시','12시','13시','14시','15시','16시','17시','18시','19시','20시','21시','22시','23시'],
	                회원가입수 : join,
	                순방문수 : visit,
	                PV수 : view
	            },
	        });
// 	        $("#chart2").css("width","30%");
// 	        $("#chart2_num").text("30%");
// 	        $("#chart3").css("width","30%");
// 	        $("#chart3_num").text("30%");
// 	        $("#chart4").css("width","30%");
// 	        $("#chart4_num").text("30%");

	    }
	};

	//차트 통계 버튼
	$(".dbChart .btn-group button").click(function(){
		$(".dbChart .btn-group button").removeClass("on");
		$(this).addClass("on");
	});
	
	// LNB 또는 GNB 클릭시 차트 넓이 변경 =================
	function chartResize() {
		setTimeout(function () {
			//모든 차트 ID객체에 적용
			chart1.resize();
			//chart2.resize();
			//chart3.resize();
			//chart4.resize();
			//chart5.resize();
			//chart6.resize();
			//chart7.resize();
			//chart8.resize();
			//chart9.resize();
			//chart10.resize();
			//chart11.resize();
			//chart12.resize();
			//chart13.resize();
			//chart14.resize();
			//chart15.resize();
		}, 300);
	};
/*]]>*/
</script>

</div>

</body>
</html>