/* onelive.co.kr /m/minishop/minishop_statistics.asp 전용 CSS
   2026-08-06 khc : 인라인 style을 외부 캐시가능 파일로 분리(속도개선). 사이트컬러는 :root --zl-accent 로만 주입. */

	/* 2026-08-03 : /skin/basic2/seller/ 디자인 토큰 적용 — 카드(흰배경+radius12+border #E8EEF2, 음영 없음) + 페이지 배경 #F5F7FA */
	#targetPage {padding-top:44px;background:#F5F7FA;padding-bottom:24px;}

	.statiGnbWrap {position: absolute; top: 0; left: 0; width: 100%;transition:.2s all;background:#fff;border-bottom:1px solid #E8EEF2;}
	.statiGnbWrap._foot {border-bottom:40px solid #fff;}
	.statiGnbWrap ul {display:flex;justify-content:space-between;}
	.statiGnbWrap ul li {padding:10px 14px;flex-grow:1;text-align: center;}
	.statiGnbWrap ul li a {display: block;}
	.statiGnbWrap ul li._on {font-weight:700;border-bottom:2px solid var(--zl-accent);}

	.statiGnbWrap .subTit {position: absolute;z-index:-1;opacity:0;height: 40px;top: 44px;transform: translateX(-10%);transition:.2s all;}
	.statiGnbWrap .subTit._on {opacity:1;z-index:1;}
	.statiGnbWrap .subTit dl {display:flex;justify-content:center;align-items:center;height: 100%;}
	.statiGnbWrap .subTit dl dd {}
	.statiGnbWrap .subTit dl dd + dd {margin-left:20px;}
	.statiGnbWrap .subTit dl dd a {color: #999;font-size: 14px;font-weight: 400;}
	.statiGnbWrap .subTit dl dd._on a {color: var(--zl-accent);font-weight: 700;}
	.statiGnbWrap li:last-child .subTit {right: 10px; transform: none;}


	.topViewWrap {display:flex;justify-content:center;margin:12px 10px 0;padding:22px 16px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;}
	.topViewWrap dl {font-weight: 700;flex-grow: 1;}
	.topViewWrap dl + dl {margin-left:40px;}
	.topViewWrap dl dt {font-size: 14px;margin-bottom:12px;color:#475569;}
	.topViewWrap dl dd {font-size: 28px;}

	.todayNews {margin:10px 10px 0;padding:15px 16px 18px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;}
	.todayNews .dataTit {font-size: 14px;font-weight: 700;}
	.todayNews .dataBody {display:flex;justify-content:space-evenly;}
	.todayNews .dataBody dl {width:23%;min-width:fit-content;margin-top:10px;}
	.todayNews .dataBody dl dt {font-size: 13px;color: #999;}
	.todayNews .dataBody dl dd {font-weight: 700;font-size: 16px;}

	.viewGraph {margin:10px 10px 0;padding:8px 16px 16px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;}
	.viewGraph .graphTit {padding:16px 0 10px;}
	.viewGraph .graphTit ul {display:flex;justify-content:flex-start;}
	.viewGraph .graphTit ul li + li {margin-left:20px;}
	.viewGraph .graphTit ul li a {font-size: 14px;font-weight: 700;color:#94a3b8;}
	.viewGraph .graphTit ul li._on a {color: var(--zl-accent);border-bottom:1px solid var(--zl-accent);}
	.viewGraph .dateTxt {padding:0 0 20px;}
	.viewGraph .dateTxt ul {display:flex;justify-content:space-between;}
	.viewGraph .dateTxt ul li {font-size: 13px;color: #999;}
	.viewGraph .graphDom {padding-bottom:10px;}

	.weekNews {margin:10px 10px 24px;padding:16px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;}
	.weekNews .dataTit {font-size: 16px; font-weight: 700;margin-top:0;margin-bottom:5px;}
	.weekNews .dataTxt {font-size: 14px;color: #999;margin-bottom:16px;}
	.weekNews .weekBody {border-top:1px solid #E8EEF2;margin-bottom:0;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.weekNews .weekBody dl {border-bottom:1px solid #E8EEF2;width: 50%;padding:20px 0;}
	.weekNews .weekBody dl:nth-last-child(-n+2) {border-bottom:0;}
	.weekNews .weekBody dl dt {font-size: 14px;color: #999;}
	.weekNews .weekBody dl dd {font-size: 16px;color: #000;font-weight: 700;}

	.dateWrap {margin:12px 10px 0;padding:16px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;}
	.dateWrap .dataTit {padding:0 0 10px;font-size: 16px; font-weight: 700;}
	.dateWrap .dateInner {margin-bottom:0;}
	.dateWrap .calender_area {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:0 15px;box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:12px;height:38px;line-height:38px;border-radius:8px;border:1px solid #E8EEF2;font-size:14px;color:#000;}
	.dateWrap .calender_area .calender_input_box {position:relative;width:calc(50% - 10px);}
	.dateWrap .calender_area.one_day .calender_input_box {width:100%;}
	.dateWrap .calender_area .calender_input_box .ico_calender {position:absolute;top:50%;transform:translateY(-50%);right:0;width:16px;cursor:pointer;}
	.dateWrap .calender_area .calender_input {border:none; border-radius:0;padding:0;width:100%;height:100%;font-size:14px;color:#999;}
	.dateWrap .input_txt {width: 100%;}
	.dateWrap .dateDl {display:flex;justify-content:space-between;}
	.dateWrap .dateDl dd {width: 30%;}
	.dateWrap .dateDl .date_span {display: inline-block; border: 1px solid #E8EEF2;border-radius:8px; width: 100%; height: 30px; line-height: 30px; font-size: 13px; text-align: center;color: #64748b;cursor:pointer;background:#fff;transition:.15s ease;transition-property:border-color,color,background-color;}
	.dateWrap .dateDl dd._on .date_span {border-color: var(--zl-accent);color:#fff;background:var(--zl-accent);font-weight:500;}


	.viewList {margin:10px 10px 24px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;padding:4px 10px;}
	.viewList dl {display:flex;width: 100%;}
	.viewList dt,.viewList dd {flex-grow: 1;flex-basis: 0;text-align: center;}
	.viewList dt {border-bottom: 1px solid #E8EEF2; font-size: 12px; color: #999; padding: 7px 0 5px;}
	.viewList dd {border-bottom:1px solid #F1F5F9;font-size: 12px; color: #333;padding: 10px 0;}
	.viewList dd:nth-child(2) {background-color: #F8FAFC;}

	.textList {margin:10px 10px 24px;background:#fff;border:1px solid #E8EEF2;border-radius:12px;padding:4px 10px;}
	.textList dl {display: flex; flex-wrap: wrap;}
	.textList dl dt,.textList dl dd {width: 100%;}
	.textList dl dt ul,.textList dl dd ul {display:flex;width: 100%;justify-content: space-between;border-bottom:1px solid #F1F5F9;padding:0 10px;box-sizing:border-box;}
	.textList dl dt ul li {text-align: center;flex-grow:1;flex-basis: max-content;font-size: 13px;color: #999;line-height:40px;}
	.textList dl dt ul li + li {text-align: right;}
	.textList dl dd ul li {font-size: 14px;color: #333;line-height:40px;}
	.textList dl dd .userAnalyList .underList {position: relative;height:0;opacity:0;z-index:-1;background-color: #F8FAFC;/*transition:.2s all;*/}
	.textList dl dd ol {display:flex;width: 100%;justify-content: space-between;border-bottom:1px solid #F1F5F9;padding:0 10px 0 14px;box-sizing:border-box;}
	.textList dl dd ol li {line-height:40px;font-size: 13px;color: #999;}
	.textList dl dd ul li .arrowTarget {background-image: url(/m/images/slide_type2_next.png); display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle;transition:.2s all;transform:rotate(90deg);margin-left: 10px;}
	.textList dl dd .userAnalyList._open .underList {height:auto;opacity:1;z-index:1;}
	.textList dl dd .userAnalyList._open .arrowTarget {transform:rotate(270deg);}
	.textList dl dd .userAnalyList._open ul li {color:var(--zl-accent);font-weight:bold;}

	.textList.st2 {background-color:#fff;padding:4px 10px;}
	.textList .innerList {background-color: transparent;padding:0;}
	.textList .listTit {padding:5px 0 10px;}
	.textList .listTit ul {display:flex;justify-content:flex-start;}
	.textList .listTit ul li + li {margin-left:20px;}
	.textList .listTit ul li a {font-size: 14px;font-weight: 700;color:#94a3b8;}
	.textList .listTit ul li._on a {color: var(--zl-accent);border-bottom:1px solid var(--zl-accent);}
	.textList.st2 dl dt ul li {flex-basis: auto;width: 40px;}
	.textList.st2 dl dt ul li + li {text-align: center;width: calc(100% - 40px);}
	.textList.st2 dl dd ul li {width: 40px;text-align: center;line-height: 60px;}
	.textList.st2 dl dd ul li + li {width: calc(100% - 40px);text-align: left;}
	.textList.st2 .listDOM {display:flex;justify-content:space-between;align-items:center;}
	.textList.st2 .listDOM div:first-child {width:calc(100% - 35px);}
	.textList.st2 .listDOM div:nth-child(2) {flex-shrink:0;}
	.textList.st2 .listDOM p {line-height: 20px;}
	.textList.st2 .listDOM a {text-decoration:underline;color:var(--zl-accent);}
	.textList.st2 .listDOM .tit {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 13px;color: #333;line-height:25px;}
	.textList.st2 .listDOM .txt {font-size: 12px;color: #999;}