/* input */
[type="radio"]:checked, [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 18px; display: inline-block;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #d9d9d9; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content: ''; width: 10px; height: 10px; background: #4cb66a; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
input[type="checkbox"] {width: 0; height: 0; display: none;}
.tui input[type="checkbox"] {width: auto; height: auto; display: inline-block;}
input[type="checkbox"] + label.label-cb {display: inline-block; width: 20px; height: 20px; background-color: #f0f0f0; cursor: pointer; margin-right: 5px; vertical-align: middle; border-radius: 4px;}
/* input[type="checkbox"] + label. {display: inline-block; width: 20px; height: 20px; background-color: #f0f0f0; cursor: pointer; margin-right: 5px; vertical-align: middle; border-radius: 4px;} */


input[type="checkbox"]:checked + label.label-cb {position: relative;}
input[type="checkbox"]:checked + label.label-cb::after {content: url('../images/ico_check.png'); position: absolute; left: 0px; top: 0px; width: 18px; height: 18px;}
.file-name {appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.input-file {position: absolute; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
input {border: 1px solid #e8e8e8; padding: 8px 14px; font-size: 16px; border-radius: 4px; box-sizing: border-box;;}
select {border: 1px solid #e8e8e8; padding: 7px 14px; font-size: 16px; border-radius: 4px; box-sizing: border-box; margin-left: -2px;}
input[type=date], input[type=datetime-local] {position: relative; background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.99707 4.50507V6.75507' stroke='%234CB66A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.9971 4.50507V6.75507' stroke='%234CB66A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.62207 9.82263H18.3721' stroke='%234CB66A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.7471 9.38007V15.7551C18.7471 18.0051 17.6221 19.5051 14.9971 19.5051H8.99707C6.37207 19.5051 5.24707 18.0051 5.24707 15.7551V9.38007C5.24707 7.13007 6.37207 5.63007 8.99707 5.63007H14.9971C17.6221 5.63007 18.7471 7.13007 18.7471 9.38007Z' stroke='%234CB66A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 0.5rem center no-repeat;}
input[type=date]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    color: transparent;
    cursor:pointer; z-index: 1}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
    display: none;
}
select {appearance: none; -webkit-appearance: none; -moz-appearance: none;; outline: 0; box-shadow: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.7924 11.9706C10.3921 12.4906 9.6079 12.4906 9.20759 11.9706L7.77527 10.11C7.26907 9.45242 7.73784 8.5 8.56768 8.5L11.4323 8.5C12.2622 8.5 12.7309 9.45243 12.2247 10.11L10.7924 11.9706Z' fill='%236D6E71'/%3E%3C/svg%3E") right 0.7rem center no-repeat;}

/* 버튼 */
.btn-top-wrap {position: absolute; right: 24px; top: 24px;}
.btn-normal {padding: 8px 24px; display: inline-flex; justify-content: center; align-items: center; gap: 10px;; background-color: #4cb66a; color: #fff; border: 1px solid #4cb66a; font-size: 16px; font-weight: 600; cursor: pointer; line-height: 110%; border-radius: 4px; box-sizing: border-box;}
.btn-delete{padding: 8px 24px; display: inline-flex; justify-content: center; align-items: center; gap: 10px;; background-color: #fff; color: #4cb66a; border: 1px solid #4cb66a; font-size: 16px; font-weight: 600; cursor: pointer; line-height: 110%; border-radius: 4px; box-sizing: border-box;}
.btn-small {padding: 4px 14px; display: inline-flex; justify-content: center; align-items: center; gap: 5px; background-color: #4cb66a; color: #fff; border: 1px solid #4cb66a; font-size: 14px; font-weight: 600; cursor: pointer; box-sizing: content-box; border-radius: 4px;}
.btn-white {background-color: #fff; color: #4cb66a; border: 1px solid #4cb66a;}
.btn-gray {background-color: #7c7c7c; color: #fff; border: 1px solid #7c7c7c;}
.round {border-radius: 19px!important;}
.btn-wrap svg {cursor: pointer;}

.toggle-wrap {display: inline-block; margin-left: 10px; position: absolute; top: -2px;}
.toggle, .toggle::after, .toggle::before {box-sizing: border-box;}
.toggle {display: none; width: 0; height: 0}
.toggle + .btn-toggle {background-color: #f0f0f0; border-radius: 2em; padding: 2px; transition: all 0.4s ease;; outline: none; display: block; width: 2.2rem; height: 1.1rem; position: relative; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.toggle + .btn-toggle::after, .toggle + .btn-toggle::before {position: relative; display: block; content: ''; width: 50%; height: 100%;}
.toggle + .btn-toggle::after {border-radius: 50%; background-color: #fff; transition: all 0.2s ease; left: 0;}
.toggle + .btn-toggle::before {display: none;;}
.toggle:checked + .btn-toggle {background-color: #4cb66a;}
.toggle:checked + .btn-toggle::after {left: 50%;}

/* 아이콘 및 기타 */
.line {width: 100%; height: 1px; background-color: #e8e8e8; margin: 16px auto;}
.green {color: #4cb66a!important;}
.ico-file {width: 20px; height: 20px; vertical-align: middle;}
.ico-private {width: 14px; height: 14px; margin-left: 5px; vertical-align: middle; margin-top: -3px;}

/* 테이블 */
.tbl-wrap {position: relative; width: 100%;}
.tbl-wrap.tui {padding-bottom: 0;}
.tbl-top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 16px;}
.tbl-total {margin-top: 16px; margin-bottom: 12px;}
.tbl-total .search-wrap {float: right; position: relative;}
.tbl-title {text-align: left;}
tbody .tbl-title {cursor: pointer;}

.tbl {font-size: 16px; line-height: 150%; color: #303030; width: 100%; text-align: center;  border-spacing: 0px;} /* border-collapse : separate 임시 삭제*/
.tbl th {background-color: #f7f7f7; border-top: 1px solid #e8e8e8; position: sticky;}
.tbl th, .tbl td {border: 1px solid #e8e8e8; vertical-align: middle; height: 40px; padding: 0 10px;}
.tbl.dep2 {width: auto;}
.tbl.dep2 th , .tbl.dep2 td {height: 35px;}
.tbl.dep2 td input {padding: 5px 10px;}
.tbl td select {width: 95%;}

.tbl-bottom {display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
.tbl-bottom .comment {font-size: 14px; line-height: 130%;}
.tbl-bottom .refresh-wrap {display: flex; align-items: center;}
.tbl-bottom .time {margin-right: 10px; font-size: 14px;}
.tbl-bottom .btn-refresh {border: none; background-color: transparent; color: #4cb66a;}
.tbl-bottom img {width: 18px; height: 18px; vertical-align: text-top; margin-top: -2px;}

/* tui */
th.tui-grid-cell-row-header {background-color: #f9f9f9!important;}
.tui-pagination .tui-first-child.tui-is-selected {border-left: #4cb66a;}
.tui-pagination .tui-is-selected, .tui-pagination strong {background-color: #4cb66a; border-color: #4cb66a;}
.tui-pagination .tui-is-selected:hover {background-color: #4cb66a;}
.tui-grid-cell img {height: 12px;}
.tui-grid-cell-header{white-space:pre !important;}

/* 공통 */
.breadcrumb {font-size: 12px; color: #999; margin-bottom: 4px;}
.page-title {font-size: 24px; color: #3a4557; font-weight: 700; margin-bottom: 24px;}
.sub-con-sec {position: relative; width: 100%; border: 1px solid #e8e8e8; background-color: #fff; border-radius: 8px; flex-shrink: 0; padding: 24px; box-sizing: border-box; margin-bottom: 24px;}
.sub-con-sec:last-child {margin-bottom: 0;}
.box-title {position: relative; padding-left: 11px; box-sizing: border-box; font-size: 18px; font-weight: 500; margin-bottom: 12px;}
.box-title::before {position: absolute; display: block; content: ''; background-color: #4cb66a; width: 3px; height: 12px; left: 0px; top: 50%; transform: translateY(-50%);}
.box-title .btn-wrap {position: absolute; right: 0; top: 0;}
.box-title .btn-wrap button {padding: 6px 24px;}

.search-box {display: flex; justify-content: space-between; align-items: center; width: 300px; height: 37px; border-radius: 4px; border: 1px solid #e8e8e8; padding: 0 12px; box-sizing: border-box;}
.search-box input[type=text] {border: none; width: 245px;} 
.btn-search {background-color: transparent; border: none; padding: 0; cursor: pointer;}
.btn-search img {width: 22px; height: 22px;}

.search-panel-wrap {position: relative;}
.search-panel-wrap .btn-wrap {position: absolute; bottom: 1px; right: 0;  z-index: 9;}
.search-panel-wrap .panel-item-wrap {display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; padding-right: 100px; box-sizing: border-box; margin-bottom: 16px; position: relative;}
.search-panel-wrap .panel-item-wrap:last-child {margin-bottom: 0;}
.search-panel-wrap .panel-item-wrap.full-grid {grid-template-columns: 1fr;}
.search-panel-wrap .panel-item-wrap.single-item {grid-template-columns: 1fr; column-gap: 0;}
/* .search-panel-wrap .panel-item-fix{grid-template-columns: repeat(2, 1fr);} */
/* .search-panel-wrap .panel-item{width: 500px;}  */
.search-panel-wrap .panel-item .item-title {width: 130px; display: inline-block;}
.search-panel-wrap .panel-item input {width: 220px; font-size: 15px;}
.search-panel-wrap .panel-item input[type=date] {width: 150px;}
.search-panel-wrap .panel-item select {font-size: 15px; margin-right: 4px; width: 150px;}
.search-panel-wrap .panel-item .search-box {width: 220px;}
.search-panel-wrap .panel-item .search-box input {width: 170px;}
.search-panel-wrap .panel-item.location {display: flex; align-items: center;}
.search-panel-wrap .panel-item.chk {display: flex; height: 30px; line-height: 30px;}
.search-panel-wrap .panel-item.chk > div {margin-right: 20px; margin-left: 2px;}
.search-panel-wrap .panel-item.chk > div label {font-size: 14px;}
.search-panel-wrap .panel-item.margin-bottom {margin-bottom: 15px;}

/* 다중 선택 드롭다운 스타일 */
.multi-select {
    min-height: 100px !important;
    max-height: 120px !important;
    border-radius: 6px !important;
    border: 1px solid #e8e8e8 !important;
    background-color: #fff !important;
    padding: 6px 10px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
}

.multi-select:focus {
    border-color: #4cb66a !important;
    box-shadow: 0 0 0 3px rgba(76, 182, 106, 0.1) !important;
    outline: none !important;
}

.multi-select option {
    padding: 6px 8px !important;
    margin: 2px 0 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.multi-select option:hover {
    background-color: #f0f8f0 !important;
}

.multi-select option:checked {
    background-color: #4cb66a !important;
    color: #fff !important;
}

.multi-select option:checked:hover {
    background-color: #3da55a !important;
}

/* 체크박스 그룹 스타일 */
.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 8px 0;
}

.checkbox-item {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 120px;
}

.checkbox-item label {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    user-select: none;
}

.checkbox-item input[type="checkbox"] {
    margin: 0;
}

.checkbox-item .label-cb {
    width: 16px;
    height: 16px;
    background-color: #f0f0f0;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.checkbox-item input[type="checkbox"]:checked + .label-cb {
    background-color: #4cb66a;
    position: relative;
}

.checkbox-item input[type="checkbox"]:checked + .label-cb::after {
    content: url('../images/ico_check.png');
    position: absolute;
    left: 0px;
    top: 0px;
    width: 14px;
    height: 14px;
}

.tab-menu ul {display: flex;}
.tab-menu ul li {margin-right: 30px; position: relative; cursor: pointer;}
.tab-menu ul li:last-child {margin-right: 0;}
.tab-menu ul li.active::after {position: absolute; display: block; content: ''; bottom: -12px; left: 50%; width: 50%; height: 2px; background-color: #4cb66a; transform: translateX(-50%);}
.tab-menu ul li span {font-size: 16px; color: #6d6e71; font-weight: 300;}
.tab-menu ul li.active span {font-weight: 600; color: #000;}
.tab-con > div {display: none;}
.tab-con > div.on {display: block;}

.comment svg {vertical-align: middle;}

/* 로그인 */
.login-wrap {width: 100%; height: 100vh; background-color: #fff;}
.login-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.login-box .title {font-size: 22px; text-align: center; margin-bottom: 20px;}
.login-box .input-login input {width: 100%; margin-bottom: 5px;}
.login-box .btn-wrap {margin: 0 auto 12px;}
.login-box .chk-login {display: flex; align-items: center;}
.login-box .chk-login > div:nth-child(1) {margin-right: 20px;}
.login-box .chk-login label {font-size: 15px; cursor: pointer;}

/* 메인 대시보드 */
.dash-top {display: flex; justify-content: space-between; margin-bottom: 24px;}
.dash-top .dash-top-left p {color: #000; font-size: 24px; font-weight: 200; line-height: 120%;}
.dash-top .dash-top-right .time {margin-bottom: 8px; font-size: 12px; font-weight: 300; color: #6d6e71; text-align: right;}
.dash-top .dash-top-right .top-btn-wrap {display: flex;}
.dash-top .dash-top-right .btn-popup {font-size: 13px; color: #fff; font-weight: 500; display: inline-flex; padding: 8px 12px; align-items: flex-start; gap: 10px; border-radius: 4px; background-color: #4cb66a; width: 68px; height: 13px; cursor: pointer;;}
.dash-top .dash-top-right .input-radio {margin-right: 16px; display: flex;}
.dash-top .dash-top-right .input-radio .radio-item {display: flex; align-items: center; margin-right: 16px;}
.dash-top .dash-top-right .input-radio .radio-item:last-child {margin-right: 0;}
.dash-top .dash-top-right .input-radio .radio-item label {font-size: 14px; font-weight: 500;}

.grid-sec {display: grid; column-gap: 24px; margin-bottom: 24px;}
.grid-sec:last-child {margin-bottom: 0;}
.grid-2 {grid-template-columns: 1.13fr 1fr;}
.grid-2 .grid-box:nth-child(1) {min-width: 821px; height: 166px;}
.grid-2 .grid-box:nth-child(2) {min-width: 727px; height: 166px;}
.grid-3 {grid-template-columns:  1.04fr 1fr 1.04fr;}
.grid-3 .grid-box {min-width: 494px;}
.grid-3 .grid-box:nth-child(1) {min-width: 514px;}
.grid-3 .grid-box:nth-child(2) {min-width: 494px;}
.grid-3 .grid-box:nth-child(3) {min-width: 514px}
.grid-box {border-radius: 8px; border: 1px solid #e8e8e8; padding: 24px; box-sizing: border-box;}

.status-wrap {display: grid; grid-template-columns: repeat(3, 1fr);}
.status-wrap.charger-status {column-gap: 31px;}
.status-wrap.error-status {column-gap: 20px}
.status-wrap > div {border-radius: 8px; background-color: #fafafa; padding: 16px 25px; box-sizing: border-box;}
.status-wrap.charger-status > div {width: 237px; height: 88px;}
.status-wrap.error-status > div {width: 214px; height: 88px;}
.status-wrap dl {display: flex; justify-content: center;}
.status-wrap dl dt span {border-radius: 100%; width: 36px; height: 36px; margin-bottom: 4px; display: flex; justify-content: center; align-items: center;}
.status-wrap .slow dl dt span {background-color: #e9f7e6;}
.status-wrap .fast dl dt span {background-color: #e7f2fb;}
.status-wrap .wireless dl dt span {background-color: #f6d7de;}
.status-wrap dl dt span img {width: auto;}
.status-wrap dl dt p {font-size: 16px; font-weight: 500; color: #303030; text-align: center;}
.status-wrap dl dd {margin-left: 24px;}
.status-wrap dl dd {display: flex; align-items: center;}
.status-wrap dl dd > div:nth-child(1) {margin-right: 8px;}
.status-wrap dl dd > div p {font-size: 20px; font-weight: 500; text-align: center;}
.status-wrap dl dd > div p.tag {font-size: 13px; border-radius: 4px; height: 13px; display: inline-flex; padding: 4px 10px; gap: 10px; margin-top: 8px;}
.status-wrap dl dd > div:nth-child(1) p {color: #000;}
.status-wrap dl dd > div:nth-child(2) p {color: rgba(0, 0, 0, 0.5);}
.status-wrap dl dd > div:nth-child(1) p.tag {width: 45px; color: #fff;}
.status-wrap dl dd > div:nth-child(2) p.tag {width: 34px; color: #fff; background-color: #7c7c7c;}
.status-wrap.error-status dl dd > div:nth-child(1) p.tag {width: 55px; justify-content: center;}
.status-wrap .slow dl dd > div:nth-child(1) p.tag {background-color: #6bc097;}
.status-wrap .fast dl dd > div:nth-child(1) p.tag {background-color: #74abd8;}
.status-wrap .wireless dl dd > div:nth-child(1) p.tag {background-color: #ec869e;}

.realtime-wrap {display: flex; align-items: center; justify-content: space-between;}
.realtime-value {width: 155px; margin-top: 15px;}
.realtime-value dl {margin-bottom: 16px; display: flex; justify-content: space-between;}
.realtime-value dl:nth-child(3) {margin-bottom: 8px;}
.realtime-value dl dt {text-align: left; font-size: 16px; font-weight: 500; color: #303030;}
.realtime-value dl dd {text-align: right; font-size: 14px; font-weight: 300}
.realtime-value dl dd strong {font-size: 16px;}
.realtime-value span {font-size: 12px; color: #6d6e71; font-weight: 300;}
.realtime-chart {width: 240px; height: 120px; flex-shrink: 0; margin-bottom: 16px; margin-top: 26px;}

.title-month {float: right; color: #4cb66a; font-size: 20px; font-weight: 600;}
.month-use-wrap {display: flex; justify-content: space-between; text-align: center; margin-top: 35px;}
.month-use-wrap > div {background-color: #eef8f1; border-radius: 8px; display: flex; flex-direction: column; justify-content: center;}
.month-use-wrap > div:nth-child(1) {width: 130px; height: 120px;}
.month-use-wrap > div:nth-child(2) {width: 151px; height: 120px;}
.month-use-wrap > div:nth-child(3) {width: 149px; height: 120px;}
.month-use-wrap > div p {font-size: 14px; font-weight: 400;}
.month-use-wrap > div p.value {margin-top: 16px; font-size: 14px;}
.month-use-wrap > div p.value strong {font-size: 18px;}

.box-title.community {border-bottom: 1px solid #f7f7f7; padding-bottom: 10px;}
.box-title.community::before {top: 35%;}
.tab-menu.community {position: absolute; right: 0; top: 30%; transform: translateY(-50%);}
.tab-con.community .board-list {margin-top: 20px;}
.tab-con.community .board-list li {display: flex; justify-content: space-between; margin-bottom: 16px;}
.tab-con.community .board-list li:last-child {margin-bottom: 0;}
.tab-con.community .board-list li a {font-size: 16px; color: #303030;}
.tab-con.community .board-list li span.date {font-size: 14px; color: #6d6e71;}

.highcharts-credits {display: none!important;}
.highcharts-exporting-group {display: none!important;}

/* 운영관리 */
/** 위험 감지 현황 **/
.control-setting-wrap {display: flex;}
.control-setting-wrap .temp-setting {padding-right: 60px; border-right: 1px solid #e8e8e8;}
.control-setting-wrap .temp-setting .input-item {margin-bottom: 8px;}
.control-setting-wrap .temp-setting .input-item:last-child {margin-bottom: 0;}
.control-setting-wrap .temp-setting .input-item label {width: 190px; display: inline-block;}
.control-setting-wrap .temp-setting .input-item input {width: 160px;}
.control-setting-wrap .setting-info {margin-left: 60px; line-height: 180%; position: relative;}
.control-setting-wrap .setting-info::before {position: absolute; display: block; content: ''; width: 3px; height: 3px; background-color: #000; left: -10px; top: 10px; border-radius: 100%;}

/* 부하관리 */
.grid-sec.load {grid-template-columns: 3fr 2fr;}
.grid-sec.load .sub-con-sec {margin-bottom: 0;}
.sub-con-sec.load {display: flex; justify-content: space-between;}
.step .step-box {width: 200px; height: 100%; border: 1px solid #e8e8e8; border-radius: 8px; padding: 24px 20px; box-sizing: border-box; margin-bottom: 16px; position: relative;}
.step .step-box:last-child {margin-bottom: 0;}
.step1 .step-box {height: calc(50% - 8px);}
.step-box .box-value {position: absolute; bottom: 30px; right: 30px; ; font-size: 12px; color: #6d6e71; font-weight: 300;}
.step2 .step-box .box-value {bottom: 58.5%;}
.step2 .step-box .box-value.green {bottom: 30px; left: 50%; transform: translateX(-50%);}
.step2 .step-box .line {position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% - 40px)}
.step-box .box-value strong {font-size: 20px; color: #303030; margin-right: 4px;}

.arrow .arrow-box {position: relative; width: 82px; height: 268px; margin-bottom: 16px;}
.arrow .arrow-box:last-child {margin-bottom: 0;}
.arrow1 .arrow-box {height: calc(50% - 8px);}
.arrow .arrow-box > * {position: absolute; transform: translate(-50%, -50%);}
.arrow .arrow-box svg {top: 50%; left: 50%;}
.arrow .arrow-box .arrow-value {top: 48%; left: 35%; color: #6d6e71; font-size: 10px; font-weight: 300;}
.arrow .arrow-box strong {font-size: 16px; font-weight: 600; color: #303030; margin-right: 7px;}
.btn-box-more {position: absolute; right: 20px; top: 20px; cursor: pointer;}
.box-more-menu {display: none; position: absolute; left: 0; z-index: 9;; width: 89px; padding: 10px; box-sizing: border-box; border-radius: 8px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.07);}
.box-more-menu.active {display: block;}
.box-more-menu li {font-size: 14px; font-weight: 300; color: #303030; text-align: center;}

.warning {color: #6d6e71; font-size: 13px; font-weight: 500; position: absolute; right: 0;}
.warning svg {margin-right: 2px; vertical-align: sub;}
.txt p {line-height: 150%; color: #333;}

.faulted {color: #ff0000}
.tui-grid-cell-summary {text-align: center;} /*사업자> 통계관리> 충전소이용현황 합계 컬럼 글자 가운데정렬*/


.input-radio.ai-setting {margin: 15px auto 0;}
.input-radio.ai-setting .radio-item [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before, .input-radio.ai-setting .radio-item [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {top: 50%; transform: translateY(-50%);}
.input-radio.ai-setting .radio-item .radio-item-2dep {display: flex; align-items: center;}
.input-radio.ai-setting .radio-item .radio-item-2dep label {width: 120px;}

.chart-wrap.load {display: flex; justify-content: center;}
.chart-wrap.load .chart-value {display: flex; flex-direction: column; justify-content: center; padding-left: 15px;}
.chart-wrap.load .chart-value dl {width: 100%; margin-bottom: 10px; font-size: 16px; text-align: center;}
.chart-wrap.load .chart-value dl dt {margin-bottom: 10px; font-size: 16px;}
.chart-wrap.load .chart-value dl dd {font-size: 16px; color: #333;}
.chart-wrap.load .chart-value dl dd strong {font-size: 50px;}
.chart-wrap.load .chart-value p {font-size: 14px; color: #303030;}

/* 자산관리 */
.grid-sec.group {display: grid; grid-template-columns: 1fr 3fr;}
.grid-sec.group .sub-con-sec {margin-bottom: 0; min-height: 600px;}
.tbl.group tbody tr {cursor: pointer;}
.tbl.group tbody tr:hover {background-color: #ddf1e3;}

/* 통계관리 */
.tab-menu.status {padding-bottom: 12px; border-bottom: 1px solid #f7f7f7; margin-bottom: 12px;}

/* 커뮤니티 */
.tbl.commu {padding-bottom: 70px; margin-bottom: 30px; border-top: 1px solid #e8e8e8;}
.tbl.commu th {background-color: #f7f7f7; position: sticky;}
.tbl.commu th, .tbl.commu td, .tbl.push th, .tbl.push td {border-bottom: 1px solid #e8e8e8; border-top: none; border-left: none; border-right: none; vertical-align: middle; height: 42px; padding: 0 10px;}

/* 설정관리 */
.loca-info-wrap {display: grid; grid-template-columns: 2fr 3fr; column-gap: 24px;}
.loca-info-wrap .left .sub-con-sec {min-height: 250px;}
.loca-info-wrap .left .sub-con-sec .box-title {margin-bottom: 20px;}
.loca-info-wrap .right .sub-con-sec {height: 100%;}
.loca-info-wrap .right .btn-wrap {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 24px;}
.loca-info-wrap .btn-wrap button {border-radius: 8px; height: 48px;}
.loca-info-wrap .btn-wrap button.round {height: auto;}
.loca-info {margin-bottom: 24px;}
.loca-info .input-item {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;}
.loca-info .input-item:last-child {margin-bottom: 0;}
.loca-info .input-item label {width: 120px; display: inline-block;}
.loca-info .input-item input {width: calc(100% - 120px); height: 48px;}
.loca-info .input-item input:disabled {background-color: #fff;}
.loca-list {margin-bottom: 24px;}
.list-group-item {border-radius: 8px; border: 1px solid #f7f7f7; margin-bottom: 4px;}
.list-group-item:first-child {border-top-left-radius: 8px; border-top-right-radius: 8px;}
.list-group-item:last-child {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;}
.floor {position: relative; width: 100%; min-height: 440px; flex-shrink: 0; border-radius: 8px; background-color: #f7f7f7; margin-bottom: 16px;}
.no-img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.no-img svg {margin-bottom: 16px;}
.no-img p {font-size: 16px; font-weight: 600; color: #a3a3a3; line-height: 130%;}
.floor-img img {width: 100%;}
.warning.price-setting {position: relative; margin-left: -3px;}
.warning.price-setting path {fill: #4cb66a;}
.txt li {margin-bottom: 12px;}
.txt li:last-child {margin-bottom: 0;}
.txt li p:first-child {font-size: 16px; color: #303030;}
.txt li p:last-child {font-size: 14px; color: #a3a3a3; padding-left: 15px;}
.treeview span.icon.fa-minus, .treeview span.icon.fa-plus {margin-right: 20px;}
.fa-minus:before, .fa-plus:before {background-color: #4cb66a; padding: 5.5px 7px; color: #fff; border-radius: 4px; font-size: 12px;}
.tbl.push {border-top: 1px solid #e8e8e8;}
.tbl.push th .label-cb {background-color: #fff;}
.info-tbl-wrap {display: flex; justify-content: space-between; margin-top: 24px;}
.price-tbl td {padding: 5px 10px;}
.info-tbl-wrap > div:nth-child(1) {width: 40%;}
.info-tbl-wrap > div:nth-child(2) {width: 58%;}
.info-tbl-wrap .tbl tr td:nth-child(2) {text-align: left;}


/* 관리자_회원관리_안내매시지 */
/* .info_table {border-collapse: collapse; width: 100%; margin-top: 20px;}
.info_table th,
.info_table td {border: 1px solid #ddd; padding: 15px; text-align: center;}
.info_table th {background-color: #f2f2f2;}
.info_mess h2{font-size: 18px;}
.btn-normal{float: right; margin-bottom: 15px;}
.btn-normal span{width: 10px; height: 2px; background-color: #fff;}
.btn-normal span .span2{width: 2px; height: 10px; background-color: #fff;}
.popup-body input[type="text"][placeholder="안녕하세요 관리자입니다."]{height: 80px;} */


.popup-tbl .popup-profile-subTitle{margin: 10px 0; font-size: 18px;}
.td-chk div div{margin-top : 10px;}

/* 검색 패널 - 필터 */
.search-panel-wrap.filter {margin: 20px 0;}
.search-panel-wrap.filter .panel-item-wrap {display: flex; align-items: center; gap: 20px;}
.search-panel-wrap.filter .panel-item {display: flex; align-items: center;}
.search-panel-wrap.filter .panel-item .item-title {margin-right: 10px;}
.search-panel-wrap.filter .panel-item select {width: 150px;}
.search-panel-wrap.filter .btn-wrap.align-right {display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px;}