/* 팝업 */
.scrolllock {overflow: hidden;}
.popup-layer {position: fixed; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.4); top: 0; left: 0; z-index: 9998;}
.popup-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; box-sizing: border-box; padding: 28px 26px; border-radius: 16px;} /*width: 720px; */
.popup-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; padding-bottom: 18px; border-bottom: 1px solid #e8e8e8;}
.popup-title {font-size: 18px;}
.close {position: relative; width: 16px; height: 16px;}
.close .bar {width: 16px; height: 1.5px; background-color: #000; display: inline-block; position: absolute; top: 4px; left: 0; cursor: pointer;}
.close .bar:nth-child(1) {transform: rotate(45deg);}
.close .bar:nth-child(2) {transform: rotate(-45deg);}

.popup-body {font-size: 13px; overflow-y: auto; overflow-x: hidden; position: relative; max-height: 80vh;}
.popup-body p.msg {line-height: 120%; font-size: 15px; text-align: center; white-space: pre-wrap;}
.popup-body .danger-msg img {height: 50px; display: block; margin: 0 auto 10px; animation: blink 1s step-end infinite;; -webkit-animation: blink 1s step-end infinite;}
@keyframes blink {
    50% {
        opacity: 0;
    }
}
@-webkit-keyframes blink-animation {
    50% {
        opacity: 0;
    }
}
.popup-body p.danger-msg {padding: 15px 0; font-size: 20px; line-height: 150%;}
.popup-body p.danger-msg .num {font-size: 22px; font-weight: 700;}
.popup-body p.danger-msg strong {color: #ef4036; font-weight: 700; font-size: 22px;}
.popup-body .tbl td {padding: 12px 15px;}
.popup-body .es{padding: 3px 15px;}
.popup-con-sec {margin-bottom: 24px;}
.popup-con-sec:last-child {margin-bottom: 0;}
.popup-tbl {border: none; font-size: 16px; width: 100%;}
.popup-tbl th, .popup-tbl td {vertical-align: middle; font-weight: 400; font-size: 16px; padding: 4px 10px;}
.popup-tbl tr th:nth-child(1) {padding: 4px 0}
.popup-tbl th {text-align: left; line-height: 125%;}
.popup-tbl td span {border: 1px solid #e8e8e8; padding: 10px 10px; box-sizing: border-box; border-radius: 4px; display: block; height: 37px; position: relative;}
.popup-tbl td span.comment {border: none; padding: 0; margin-top: 5px; box-sizing: border-box; font-size: 14px; height: auto;;}
.popup-tbl td.tbl-file {position: relative;}
.popup-tbl td.tbl-file button {margin-left: 10px; position: absolute; top: 51%; right: 20px; transform: translateY(-50%);}
.popup-tbl td.tbl-file button.btn-del {position: relative; transform: none; margin-left: 0px; top: auto; right: auto;}
.popup-tbl td.td-chk {padding: 12px 10px;}
.popup-tbl td.td-chk > div {display: flex; align-items: center; flex-wrap: wrap; gap: 10px; flex: 0 0 ;}
.popup-tbl td.td-chk > div > div {margin-right: 15px;}
.popup-tbl td.td-chk > div > div:last-child {margin-right: 0}
.popup-tbl td.td-ip {display: flex;}
.popup-tbl td.td-ip input {width: calc(25% - 10px);}
.popup-tbl td.td-ip span, .popup-tbl td.td-percent span, .popup-tbl td.td-date span {border: none; padding: 0; box-sizing: border-box; font-size: 14px; padding: 0 5px; line-height: 40px; display: inline-block;}
.popup-tbl td.td-date input {width: calc(50% - 14px);}
.popup-tbl pre {overflow-x: auto; overflow-y: auto; line-height: 130%; border: 1px solid #e8e8e8; border-radius: 4px; padding: 13px 16px; box-sizing: border-box; min-height: 120px;}
.popup-body input {width: 100%; border: 1px solid #e8e8e8; padding: 8px 16px; font-size: 16px; border-radius: 4px; box-sizing: border-box;}
/* .popup-body .detail{width: 250.2%;}  세부주소  input 길이 조정 */
.popup-body td .pcid{width: 70%;}
.popup-body td .ocpp{float: right; line-height: 2;}
.popup-body td p{line-height: 2;}
.popup-body input.file-name {width: 56%;}
.popup-body textarea {border: 1px solid #e8e8e8; padding: 8px 16px; font-size: 16px; border-radius: 4px; box-sizing: border-box; resize: none; width: 100%; height: 100px;}
.popup-body select {width: 100%; margin-left: 0px;}
.popup-body .input-radio .radio-item {margin-bottom: 12px;}
.popup-body .input-radio .radio-item:last-child {margin-bottom: 0;}
.popup-body .input-radio .radio-item label {font-size: 16px; min-width: 50px;}
.popup-body .input-radio .radio-item input {width: 200px; margin-left: 20px;;}
.popup-body .input-radio .radio-item span {margin-left: 8px; font-size: 16px; border: none; padding: 0; height: auto;}
.popup-body .search-wrap {margin-bottom: 12px;}
.period-tbl th, .period-tbl td {padding: 5px; box-sizing: border-box;}
.btn-add {background-color: transparent; border: none; padding: 0; vertical-align: middle; width: 30px; height: 30px; cursor: pointer;}
.popup-body .find_loc_by_floor {display: grid; grid-template-columns: 3fr 7fr; column-gap: 16px;}
.popup-body .loca-info {margin-bottom: 0;}
.popup-body .loca-info .input-item input {width: 100%; height: auto;}
.list-seasonPrice {display: flex; justify-content: center;}
.list-seasonPrice li div {display: flex; margin-right: 10px;}
.list-seasonPrice li div span {border: none; padding: 0 3px; line-height: 37px;}
.list-seasonTime li {margin-bottom: 6px;}
.list-seasonTime li:last-child {margin-bottom: 0;}
.list-seasonTime li div {display: flex;;}
.list-seasonTime li div span {border: none; padding: 0 3px; line-height: 37px;}
.connector-type {display: flex; align-items: center;}
.connector-type .radio-item {margin-right: 10px;}
.connector-type .radio-item:last-child {margin-right: 0px;}
.popup-body .list-group-item {font-size: 15px; padding: 13px 15px;}


.cmodel_re td{text-align: left;}
.cmodel_re .cmodel_o{padding: 5px 20px; position: relative;}
.all_btn{float: right; display: flex; gap: 3px;}
.pm_btn button, .pmid_btn button{border: none; background: none; cursor: pointer; padding: 0; width: 25px; height: 25px;}
/* .box_m{margin-bottom: 30px;} */
.break_table{margin-top: 20px;}


/* .con_box .label-cb{margin-bottom: 10px;} */

/* .con_l_box{width: 50%; padding: 0px;} */
.con_box .label_box{margin: 10px 0 10px 0;}
.con_box .click{float: left;}


.form{width: 50%;}
.form > button{position: absolute; left: 54%
    ; border: 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;}
.form button span{border: none;}
/* .form input{} */

.popup-footer {margin-top: 20px; position: sticky;}
.popup-footer .btn-wrap {display: flex; justify-content: space-between;}
.popup-footer .btn-wrap.center {justify-content: center;}
.popup-footer .btn-wrap button {margin-right: 8px;}
.popup-footer .btn-wrap button:last-child {margin-right: 0;}
#merge_tbody .av_con{vertical-align: top; padding-top: 11px;}

.tab-menu.popup {padding-bottom: 12px; border-bottom: 1px solid #f7f7f7; margin-bottom: 24px;}
.popup-body .input-item {display: flex; align-items: center; justify-content: space-between;}
.popup-body .input-item label {font-size: 16px; width: 200px}
.popup-body .input-item span {margin-left: 10px; font-size: 16px;}

.cont-popup-tbl th span, .cont-popup-tbl td span {border: none; padding: 0; height: auto; display: inline-block;}

/* 로딩 팝업 */
.popup-body.loading-body {margin-bottom: 0;}
.popup-loading {display: inline-block; width: 16px; height: 16px;}
.loading-msg {display: flex; justify-content: center; align-items: center; font-size: 14px;}
.loading-msg img {margin-right: 5px; width: 16px; height: 16px;}