@charset "utf-8";

.data-btns {margin-top:35px; display:flex; justify-content:center;}
.data-btns a {margin:0 7px;}

/* 데이터분석현황 */
.graph {padding-bottom:100px; margin-bottom:100px; border-bottom:1px solid #ccc;}
.graph .row {display:flex; flex-wrap:wrap; margin:-20px;}	
.graph .row .con {width:50%; padding:20px;}
.graph .img {position:relative; padding-bottom:70.58%; overflow:hidden;}
.graph .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.graph .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #aaa;}

.board-wrap .row {display:flex; margin:0 -20px;}	
.board-wrap .row .col {height:100%;padding:0 20px; width:50%;}
.board-box h2 {border-bottom:1px solid #ccc; font-size:26px; font-weight:700; letter-spacing:0; line-height:1.3em; color:#008359;}
.board-box.st2 h2 {color:#8d5923;}
.board-box h2 span {padding-bottom:8px; display:inline-flex; align-items:center; position:relative;}
.board-box h2 span:after {margin-left:17px; content:""; width:18px; height:18px; background:url("../images/sub/pencil.png");}
.board-box h2 span:before {content:""; position:absolute; width:100%; height:2px; background:#008359; bottom:-2px;}
.board-box.st2 h2 span:before {background:#8d5923;}
.board-box .list ul li {border-bottom:1px solid #ddd; display:flex; align-items:center; font-size:18px; font-weight:400; letter-spacing:-.025em; line-height:64px; color:#555;}
.board-box .list ul li:before {content:"."; font-size:18px; font-weight:900; margin:-.5em 15px 0 0;}
.board-box .list ul li strong {width:127px;}
.board-box .list ul li a {display:inline-block; flex:1 1 auto; min-width:0; width:1%; overflow: hidden; text-overflow: ellipsis; word-break:break-all; white-space: nowrap;}

/* 데이터 분포 현황 */
.map-box .info {padding:10px 18px; width:214px;height:93px; border:1px solid #aaa; overflow: hidden; background:#fff;}
.map-box .info .title a {font-size:16px; color: #333; font-weight:700; letter-spacing:-.025em; line-height:1.2em;}
.map-box .info .close {position: absolute; top:0; right:0; width:13px; height:13px; background:url("../images/sub/map_close.png") no-repeat 50% 50% / contain;}
.map-box .info .close:hover {cursor: pointer;}
.map-box .info .desc .txt {font-size:15px; color:#333; line-height:1.4em; letter-spacing:-.025em;}

/* 데이터 입력 및 관리 */
.data-search {padding:25px 22px 25px 27px; width:100%;display:flex; align-items:center; background:#f2f2f2;}
.data-search .cate {margin-right:22px; display:flex; align-items:center; font-size:18px; font-weight:400; letter-spacing:0; line-height:1.4em; color:#333;}
.data-search .cate:last-of-type {margin-right:9px;}
.data-search .cate .tit {margin-right:15px;}
.data-search .cate select + select {margin-left:6px;}
.data-search .cate select.input {border:1px solid #ccc; width:120px; background-image:url("/images/sub/select.png");  background-position:right 10px center; padding-left:12px; font-size:18px; color:#999; letter-spacing:0; line-height:1.4em;}
.data-search .input.type2 {width:242px; border:1px solid #ccc;}
.data-search button {flex:1 1 auto; min-width:0; width:1%;}

.total-page {margin-bottom:10px; font-weight:700; letter-spacing:-.025em; line-height:1.4em; color:#555;}

.table01 {margin-top:40px;}
.table01 table {border-top:2px solid #008359; width:100%; border-collapse:collapse; border-spacing:0;}
.table01 thead th {height:62px; background:#f2f2f2; border-bottom:1px solid #ddd; padding:10px 5px; font-size:20px; font-weight:700; letter-spacing:0; line-height:1.4em; color:#333;}
.table01 tbody td {height:63px; border-bottom:1px solid #ddd; text-align:center;  padding:10px 5px; font-size:18px; font-weight:400; letter-spacing:-.025em; line-height:1.4em; color:#555;}
.table01 tbody td.item {font-weight:700;}
.table01 tbody .item.c1 {color:#008359;}
.table01 tbody .item.c2 {color:#8d5923;}
.table01 tbody .badge {font-size:16px; line-height:29px; padding:0 5px; border-radius:20px; display:inline-block; width:100%; max-width:78px; color:#fff; font-weight:700;}
.table01 tbody .badge.st1 {background:#555;}
.table01 tbody .badge.st2 {background:#008359;}
.table01 tbody .badge.st3 {background:#b65113;}
.table01 tfoot td {height:44px; border-top:2px solid #2a2a2a; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px 5px; font-size:18px; font-weight:700; letter-spacing:0; line-height:1.4em; color:#333;}
.table01 tfoot td:last-child {border-right:0;}

.table01.type2 {margin-top:0;}
.table01.type2 table tbody td.subject {text-align:left; padding-left:45px;}
.table01.type2 table tbody td img {vertical-align:middle; margin:-.2em 2px 0;}
.table01.type2 table tbody td a:hover {text-decoration:underline;}
.table01.type2 table tbody tr:hover td {background-color:#fafafa;}
.table01.type2 .label {color:#fff;display:inline-block; padding:0 25px; line-height:30px; background:#008359; border-radius:15px;}
.table01.type2 tr.label-bg {background:#f4fffb;}
.table01.type2 .comment {color:#ff6000; font-size:.85em; font-weight:700; line-height:1em;}
.table01.type2 .goods-name {color:#242424; font-weight:500;}

.back-btn {margin-bottom:42px; padding:0 30px; background:#008359; justify-content:flex-end; display:inline-flex; align-items:center; min-width:150px; line-height:50px; color:#fff; font-size:18px; font-weight:700; letter-spacing:-.025em;}
.back-btn:before {margin-right:9px; content:""; width:15px; height:14px; background:url("../images/sub/back.png") no-repeat 50% 50% / contain;}

.doc-tit {color:#333; font-size:28px; font-weight:700; letter-spacing:-.025em; line-height:1.4em; margin-bottom:11px;}

.view-page .data-btns {margin-top:20px;}
.view-page .flex-wrap {display:flex;}
.view-page .flex-wrap.ty2 {display:block;}
.view-page .table-area {width:810px; margin-right:30px;}
.view-page .table-area.w100 {width:100%;}
.view-page .table01 {margin-top:0; margin-bottom:30px;}
.view-page .table01:last-child {margin-bottom:0;}
.view-page .table01 thead th {font-size:18px;}
.view-page .table01 col {border-right:1px solid #ddd;}
.view-page .table01 col:last-child {border-right:0;}
.view-page .scan-img {flex:1 1 auto; min-width:0; width:1%;}
.view-page .scan-img.flex {width:100%; display:flex; margin:-10px;}
.view-page .scan-img.flex .col {width:50%; text-align:center; padding:10px;}
.view-page .scan-img .img {margin-bottom:33px; position:relative; padding-bottom:133%; overflow:hidden;}
.view-page .scan-img .img:last-child {margin-bottom:0;}
.view-page .scan-img .img.type2 {padding-bottom:82.14%;}
.view-page .scan-img .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.view-page .scan-img .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ccc;}

.view-page.view1 .table2 table tbody td {height:auto; padding:7px 5px;}

.view-page.view2 .table-area .wrap {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -10px;}
.view-page.view2 .table01 {width:50%; padding:0 10px;}
.view-page.view2 .table01.mb0 {margin-bottom:0;}
.view-page.view2 .table01.table1 {width:100%;}
.view-page.view2 .table01 col {border:0;}
.view-page.view2 .table01 thead th {border-right:1px solid #ddd;}
.view-page.view2 .table01 tbody td {height:44px; border-right:1px solid #ddd;}
.view-page.view2 .table01 tbody td:last-child {border-right:0;}
.view-page.view2 .table1 {margin-bottom:65px;}
.view-page.view2 .table1 tbody td {height:83px;}
.view-page.view2 .scan-img {margin-top:48px;}

.board-list-m {display:none; border-top:2px solid #008359;}
.board-list-m li {padding:14px 0; border-bottom:1px solid #ddd;}
.board-list-m li.label-bg {background:#f4fffb;} 
.board-list-m li img {vertical-align:middle; margin:-.2em 2px 0; height:16px;}
.board-list-m li.none {padding:40px 0; text-align:center; color:#999;}
.board-list-m .label {display:inline-block;vertical-align:middle;margin:-.2em 4px 0 0;padding:0 6px;color:#fff;background:#008359;font-weight:500;font-size:12px;line-height:22px;border-radius:4px;}
.board-list-m .tit {color:#333; font-size:15px; font-weight:500; line-height:1.4em; letter-spacing:-.03em;}
.board-list-m .info {color:#888; font-size:12px; font-weight:300; line-height:1.3em; margin-top:7px;}
.board-list-m .info span {margin-right:10px;}
.board-list-m .comment {color:#ff6000; font-size:.85em; font-weight:700; line-height:1em;}
.board-list-m .store-name {color:#333; font-size:17px; font-weight:500; line-height:1.4em; letter-spacing:-.03em;}
.board-list-m .store-addr {font-size:14px; font-weight:300; line-height:1.3em; color:#505050; margin-top:4px;}
.board-list-m .btns {margin-top:12px;}
.board-list-m .btns .btn-map {line-height:28px; margin-right:4px;}
.board-list-m .goods-name {color:#505050; font-size:15px; font-weight:500; line-height:1.3em; margin-bottom:4px;}

.data3 .buttons {margin:20px 0 10px;}
.btn-pack.type2 {background:#fff; font-size:18px; font-weight:700; letter-spacing:-.025em; color:#555; line-height:50px; padding:0 5px; border:1px solid #ccc; min-width:110px;}