@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/leetaewook/gmarket-sans-dynamic-subset/GmarketSans.css');

.dashBoard .cont{display:flex;flex-wrap:wrap;gap:30px;}
.box{display:inline-block;width:calc((100%/3) - 20px);height:300px;background-color: #fff;box-shadow: 0.5px 0.9px 7px 0 rgba(0,0,0,0.1);border-radius: 5px;overflow: hidden;}
.boxTitle{width:100%;height:50px;font-family: 'Gmarket Sans';line-height:50px;background:#fff;border-bottom: 1px solid #f2f2f2;}
.boxTitle *:not(h3){font-family: 'Gmarket Sans';font-weight:500;}
.boxTitle h3{display:inline-block;padding:0 0 0 25px;font-size:19px;font-weight:700;color:#222;line-height:54px;}
.boxTitle input[type="button"]{float:right;width:20px;height:20px;border:none;background-color:transparent;background-image: url(/pb/img/common/plusBtn.png);background-repeat:no-repeat;margin:15px;cursor:pointer;}
.boxCont{width:100%;padding:25px 20px;text-align:center;margin:0 auto;}

/* 대시보드 현황 및 통계 */
.todayStatus{height:320px;}
.todayStatus .boxCont{padding:25px 5px;}
.todayStatus ul{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;height:100%;}
.todayStatus ul li{width:calc((100% - 3px)/3);height:100%;border-right:1px dashed #e5e5e5;}
.todayStatus ul li:last-child{border:none;}
.todayStatus .icon{width:60px;height:60px;margin:0 auto 15px auto;line-height:75px;text-align:center;border-radius:100%;}

.todayStatus .boxCont{height:calc(100% - 50px);}
.todayStatus02 .boxCont{height:auto;}
.todayStatus .small_text{font-size:0.875em;color:#b6b6b6;}
.todayStatus01 .small_text{margin:0 0 11px 0;}
.todayStatus .middle_text{margin:0 0 11px 0;font-size:1em;font-weight:400;color:#222222;}
.todayStatus .large_text{padding:4px 0 12px 0;font-family: 'Gmarket Sans';font-weight:bold;font-size:2.2em;font-weight:700;color:#222222;}
.todayStatus .large_text *{font-family: 'Gmarket Sans';font-weight:bold;}
.todayStatus01 .large_text{font-size:1.875em;}

.todayStatus .total_box_wrap{display:flex;flex-wrap:wrap;width:calc(100% - 20px);margin:10px auto 0 auto;padding:2.5px 13px;font-size:0.813em;font-weight:400;color:#666;border:1px solid #e5e5e5;border-radius:5px;}
.todayStatus .total_box_wrap li{display:inline-block;width:auto;padding:2.5px 4px 2.5px 0;font-size:inherit;text-align:left;letter-spacing:-0.5px;border:0;}
/* //대시보드 현황 및 통계 */

/* table */
.boxCont table{width:100%;margin:0 auto;font-size:1em;color:#555;text-align:left;table-layout:fixed;}
.boxCont table.tbType1 tr{border-bottom:1px solid #e5e5e5;cursor:pointer;}
.boxCont table.tbType1 tr td{padding:16px 2px 10px 0;font-size:inherit;text-align:center;letter-spacing:-1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boxCont table.tbType1 tr:first-child td{padding-top:0;}
.boxCont table.tbType1 tr td:first-child{padding-right:20px;}

.boxCont02 table.tbType1 tbody tr td{padding:9px 2px 8px;font-size:15px;vertical-align:middle;}
.boxCont02 table.tbType1 tbody tr:first-child td{padding:0 2px 10px 0;font-size:16px;}
.boxCont02 table.tbType1 tbody tr td:first-child{padding-right:10px;font-size:16px;}

.boxCont table.tbType2{width:auto;font-size:0.875em;border-left:3px solid #e5e5e5;overflow:visible;}
.boxCont table.tbType2 tr td{padding:10px 0;font-size:inherit;text-align:center;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.boxCont table.tbType2 tr td:first-child{padding-left:10px;}

/* chart */
.chartBox .boxCont{padding:15px;}
.chartInfo{display:block;float:right;color:#222;}
.chartInfo ul li{position:relative;margin-left:20px;padding-left:18px;}
.chartInfo ul.inline li::after{position:absolute;top:50%;left:0;transform:translateY(-50%);width:13px;height:13px;content:" ";background-color:#aaa;border-radius:3px;}
.chartInfo ul li:nth-child(1)::after{background-color:#fd3c97;}
.chartInfo ul li:nth-child(2)::after{background-color:#6d81f5;}
.chartType1 .chartArea{width:100%;height:200px;margin-top:20px;background-color:#fff;overflow:hidden;}

/* 관리 컨텐츠 */
.manageCont .boxCont{padding:20px;}
.manageCont ul li{display:block;width:48%;height:100px;margin:0 10px 10px 0;border:1px solid #e5e5e5;border-radius:8px;box-shadow:1.5px 2.6px 5px 0 rgba(0,0,0,0.1);cursor:pointer;}
.manageCont ul li:nth-child(2n){margin-right:0;}
.manageCont .iconWrap{float:left;width:66px;height:100%;line-height:120px;border-radius:5px 0 0 5px;background-color:#f6f6f6;}
.manageCont ul li p{padding-right:15px;text-align:right;}
.manageCont ul li p.tType4{margin-top:22px;margin-bottom:5px;}
.manageCont ul li p.tType7{width:86%;margin:0 auto;padding-right:0;word-break:keep-all;}