@charset "utf-8";

/*레이아웃*/
.main {width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;}
#wrap {width:100%;height:100%;display:flex;}
/* gap:12px 간격 준 부분입니다. 확인해주시고 알맞게 숫자 변경해주시면 됩니다.
 확인 후 주석 제거해주세요.*/
aside {flex:0 0 23.5%;border-left:1px solid #DDE1E6;padding:15px;display:flex;flex-direction:column; gap:12px} 
main {flex:1 1 0%;overflow-y:hidden;background-color:#F2F4F8;padding:15px;}
.mbox {display:flex;flex-direction:column;justify-content:space-between;gap:15px;height:calc(100% - 30px);}
.mbox .item {height:33%;display:flex;gap:15px;}
.mbox .information {background-color:#fff;border:1px solid #DCE0E5;width:30%;padding:15px;display:flex;flex-direction:column;}
.mbox .equipment {background-color:#fff;border:1px solid #DCE0E5;width:70%;padding:15px;}
.mbox .energy {background-color:#fff;border:1px solid #DCE0E5;width:62%;padding:15px;}
.mbox .operation_schedule {background-color:#fff;border:1px solid #DCE0E5;width:38%;padding:15px;}
.mbox .history {background-color:#fff;border:1px solid #DCE0E5;width:62%;padding:15px;}
.mbox .schedule {background-color:#fff;border:1px solid #DCE0E5;width:38%;padding:15px;}
.mbox .h30 {height:35%;overflow:hidden;}
.board {display:flex;height:calc(100% - 5px);}

/*타이틀*/
.tit {display:flex;justify-content:space-between;padding-bottom:10px;}
.tit h2 {font-size:18px;color:#181A1B;font-weight:600;}
.tit .c_box {display:flex;gap:5px;}

/*상단*/
.header {display:flex;justify-content:space-between;margin-bottom:10px;line-height:22px;}
.header .level {padding-left:5px;margin-top: 5px;display:flex;}
.header .level .l01, .header .level .l02, .header .level .l03, .header .level .l04 {padding:0 4px;}
.header .level .l01::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:7px;background-color:#059669;}
.header .level .l02::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:7px;background-color:#F59E0B;}
.header .level .l03::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:7px;background-color:#EA580C;}
.header .level .l04::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:7px;background-color:#DC2626;}

/*전기요금*/
.charge {font-size:12px;font-weight:600;margin-bottom:15px;}
.charge .txt {font-size:14px;color:#3B4044;margin-top:3px;}
.charge .txt strong {color:#1D4ED8;font-size:20px;font-weight:700;letter-spacing:-1px;}
.charge .txt span {font-size:12px;}


.time {display:flex;overflow:hidden;}  


/*운영기여율*/
.give {display:flex;justify-content:space-between;}
.give .gbox {flex-grow:1;display:flex;}
.give .give_icon1 {background-color:#EFF6FF;width:32px;height:32px;border-radius:50%;background-image:url("../images/icon_02.png");}
.give .give_icon2 {background-color:#ECFDF5;width:32px;height:32px;border-radius:50%;background-image:url("../images/icon_03.png");}
.give .gtxt {margin-left:6px;font-size:12px;font-weight:600;color:#3B4044;}
.give .gtxt .gtxt1 {font-size:16px;font-weight:600;color:#3B82F6;}
.give .gtxt .gtxt2 {font-size:16px;font-weight:600;color:#059669;}
.give .gtxt span {font-size:12px;color:#66707A;}
/*add*/
.give .gtxt span.gtxtSpan {font-size:12px;color:#66707A;}

/*설비상태*/
.state {display:flex;gap:10px;height:calc(100% - 60px);margin-bottom:10px;}
.state .abox {border:1px solid #DCE0E5;}
.state .abox .name {background-color:#F3F5F6;padding:3px 8px;font-weight:600;color:#181A1B;}
.state .ebox {display:flex;padding:8px;flex-wrap:wrap;gap:6px;}
.state .ebox dt {font-weight:600;color:#3B4044;width:60%;}
.state .ebox dd {font-weight:600;text-align:right;flex:1 1 0%;}
.state .ebox dd span {font-size:12px;font-weight:400;}
.state .ebox .rate {display:block;font-size:12px;font-weight:500;color:#66707A;}
.state .ebox .l1 span, .state .ebox .l2 span, .state .ebox .l3 span {color:#66707A;font-size:12px;font-weight:500;}
.state .ebox .l1::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:5px;background-color:#B39E28;}
.state .ebox .l2::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:5px;background-color:#414141;}
.state .ebox .l3::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:5px;background-color:#969696;}
.state .pbox {padding-left:10px;width:47%;float:left;gap:3px;}
.state .pbox dt, .state .pbox dd {width:100%;}
.state .pbox dd {text-align:left;padding-left:10px;}

.abox > table {width:100%;height:100%;border-collapse:collapse;}
.abox th, .abox td {font-size:14px;padding:5px 6px;line-height:120%;text-align:left;word-break:break-word;white-space:nowrap;border:1px solid #DCE0E5;}
.abox th {font-size:16px;background:#F3F5F6;color:#181A1B;writing-mode:vertical-rl;text-orientation:upright;text-align:center;}
.abox td {vertical-align:top;color:#66707A;font-weight:600;}
.abox td span {color:#3B4044;display:block;}

.state .w50 {width:53%;float:left;}
.state .all_1 {width:39%;}
.state .all_2 {width:22%;}
.state .all_3 {width:39%;}
.state .pcs_1 {width:48%;}
.state .pcs_2 {width:22%;}
.state .pcs_3 {width:30%;}
.state .bms_1 {width:62%;border:0;}
.state .bms_2 {width:38%;}

/* add */
.state .abox .sname {background-color:#F3F5F6;padding:3px 8px;font-weight:600;color:#181A1B;}
.state .ebox dd span.value{font-size: 14px;font-weight:600;text-align:right;flex:1 1 0%;}
.abox td span.value {color: #66707A !important; display: inline !important;}

/*에너지현황*/
.energy .box {display:flex;height:calc(100% - 30px);}
.energy ul {display:flex;flex-direction:column;justify-content:space-between;padding:6px 15px 6px 0;border-right:1px solid #DCE0E5;}
.energy .num {color:#181A1B;line-height:140%;font-weight:600;}
.energy .e01, .energy .e02, .energy .e03 {line-height:140%;}
.energy .e01 span, .energy .e02 span, .energy .e03 span {font-size:10px;}
.energy .e01::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:5px;background-color:#0EA5E9;}
.energy .e02::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:5px;background-color:#14B8A6;}
.energy .e03::before {content:"";display:inline-block;width:8px;height:8px;border-radius:2px;vertical-align:top;margin-right:3px;margin-top:5px;background-color:#6366F1;}
.energy .total {font-size:12px;line-height:140%;}
.energy .cbox {flex-grow:1;padding:15px;}

/*제어현황*/
.info {border-bottom:1px solid #DDE1E6;padding-bottom:10px;margin-bottom:10px;display:flex;}
.info .info_icon {background-color:#EFF6FF;width:32px;height:32px;border-radius:50%;background-image:url("../images/icon_01.png");}
.info .info_txt {margin-left:6px;}
.info .info_1 {font-size:18px;font-weight:600;color:#3B4044;}
.info .info_1 strong {color:#3B82F6;font-weight:600;}
.info .info_1 span {font-size:12px;color:#66707A;}
.info .info_2 {font-size:12px;font-weight:600;}
.info .info_2 strong {color:#181A1B;font-weight:600;}

/*현재날씨*/
.weather {display:flex;gap:5px;}
.temp {display:flex;width:52%;flex-wrap:wrap;justify-content:center;}
.temp .temp_icon {width:40px;height:50px;}
.temp .temp_value {margin-left:5px;vertical-align:top;display:flex;align-items:center;}
.temp .temp_value .value_1 {font-size:36px;font-weight:700;color:#181A1B;letter-spacing:-1px;}
.temp .temp_value .value_2 {font-size:16px;font-weight:600;color:#181A1B;letter-spacing:-1px;}
.temp .value_3 {font-size:12px;font-weight:600;color:#66707A;width:100%;text-align:center;}
.temp .value_3 strong {font-weight:600;color:#181A1B;}

.forecast {width:45%;}
.forecast .cast_value_1 {font-size:12px;border-bottom:1px solid #DDE1E6;padding-bottom:5px;margin-bottom:5px;}
.forecast .cast_value_1 strong {font-weight:600;color:#3B4044;}
.forecast .cast_value_2 {font-size:12px;line-height:140%;}
.forecast .cast_value_2 strong {font-weight:600;color:#3B4044;}

/*운영환경*/
.operation {display:flex;flex-wrap:wrap;}
.operation li {width:50%;padding:3px 0;}
.operation li .title {font-size:12px;color:#3B4044;font-weight:600;}
.operation li .value {font-size:16px;font-weight:600;}

/*레벨*/
.level_1 {color:#059669;}
.level_2 {color:#F59E0B;}
.level_3 {color:#EA580C;}
.level_4 {color:#DC2626;}
.level_4::before {content:"";display:inline-block;width:12px;height:13px;vertical-align:top;margin-right:3px;margin-top:2px;background-image:url("../images/icon_alert.png");}

/*테이블*/
.sbox {overflow:hidden;}
.m_tbl {overflow-y:auto;height:calc(100% - 30px);}
.m_tbl > table {position:relative;width:100%;border-collapse:collapse;}
.m_tbl th, .m_tbl td {font-size:12px;padding:3px 6px;line-height:140%;text-align:left;word-break:break-word;white-space:nowrap;}
.m_tbl th {background:#F3F5F6;color:#3B4044;position:sticky;top:0;}
.m_tbl td {border-bottom:1px solid #DCE0E5;}
.m_tbl th:first-child {border-radius:5px 0 0 5px;}
.m_tbl th:last-child {border-radius:0 5px 5px 0;}
.m_tbl .error_1 {background-color:#FEF2F2;}
.m_tbl .error_2 {background-color:#FFF7ED;}
.m_tbl td.error_1 {color:#DC2626;}
.m_tbl td.error_2 {color:#EA580C;}

/*페이지네이션 => 공통 css*/ 
.pagination {display:flex;justify-content:center;}
.pagination a {font-size:12px;color:#66707A;float:left;padding:4px 7px;margin:0 5px;text-decoration:none;transition:background-color .3s;}
.pagination a.active {background-color:#A5ADB7;color:#FFFFFF;border-radius:3px;}
.pagination a:hover:not(.active) {background-color:#F3F5F6;}

.pagination-lg a {font-size:16px;color:#66707A;float:left;padding:4px 8px;margin:0 5px;text-decoration:none;transition:background-color .3s;}


.select {display:flex;gap:8px;justify-content:space-between;}
.select input[type=radio] {display:none;}
.select input[type=radio]+label {cursor:pointer;width:100%;height:32px;border:2px solid #DCE0E5;line-height:30px;border-radius:6px;text-align:center;font-weight:600;font-size:16px;}
.select input[type=radio]+label {background-color:#FFFFFF;color:#66707A;}
.select input[type=radio]:checked+label {background-color:#3B82F6;border-color:#3B82F6;color:#FFFFFF;}
.select input[type=radio]:checked:disabled+label {background-color:#3B82F6;border-color:#3B82F6;color:#FFFFFF;}
.select input[type=radio]:disabled+label {background-color:#F3F5F6;border-color:#F3F5F6;color:#9194a1;}

.select2 {display:flex;gap:8px;justify-content:space-between;}
.select2 input[type=radio] {display:none;}
.select2 input[type=radio]+label {cursor:pointer;width:32px;height:32px;border:2px solid #DCE0E5;line-height:30px;border-radius:6px;text-align:center;font-weight:600;font-size:16px;}
.select2 input[type=radio]+label {background-color:#FFFFFF;color:#66707A;}
.select2 input[type=radio]:checked+label {background-color:#EFF6FF;border-color:#3B82F6;color:#3B82F6;}
.select2 input[type=radio]:checked:disabled+label {background-color:#EFF6FF;border-color:#3B82F6;color:#3B82F6;}
.select2 input[type=radio]:disabled+label {background-color:#F3F5F6;border-color:#F3F5F6;color:#9194a1;}

.select3 {display:flex;width:33%;}
.select3 input[type=radio] {display:none;}
.select3 input[type=radio]+label {cursor:pointer;width:50%;height:32px;line-height:32px;text-align:center;font-weight:600;font-size:14px;border:1px solid #9CA3AF;border-radius:6px 0 0 6px;}
.select3 input[type=radio]+label {background-color:#FFFFFF;color:#6B7280;}
.select3 input[type=radio]:checked+label {background-color:#9CA3AF;color:#FFFFFF;}
.select3 input[type=radio]+label:last-child {border-radius:0 6px 6px 0;}

.control {display:flex;gap:15px;flex-direction:column;}
.n_number {display:flex;gap:20px;justify-content:space-around;align-items:center;}
.number {display:flex;}
.number .n_num {width:70px;text-align:center;font-size:36px;color:#181A1B;font-weight:700;}
.number .n_txt {font-size:12px;}
.number .n_btn {width:40px;height:40px;background:#9CA3AF;border-radius:40px;border:0;}
.number .n_btn:disabled {background:#D7DADF;}
.number .minus {background-image:url("../images/icon_minus.png");}
.number .plus {background-image:url("../images/icon_plus.png");}
.number .minus:disabled {background-image:url("../images/icon_minus.png");}
.number .plus:disabled {background-image:url("../images/icon_plus.png");}
.control2 {display:flex;gap:10px;flex-direction:column;}
.control2 .c_sel {width:100%;height:36px;padding:0 10px;box-sizing:border-box;border:1px solid #DCE0E5;border-radius:3px;font-size:16px;color:#66707A;font-weight:600;
text-align:center;vertical-align:middle;background-image:url("../images/sel_01.png");background-color:#fff;background-repeat:no-repeat;background-position:right 10px center}
.control2 .s_txt {text-align:center;height:28px;line-height:28px;}
.control3 {display:flex;gap:8px;}
#auto1_2 {display:none;}
.s_sel {width:auto;height:22px;padding:0 15px 0 6px;box-sizing:border-box;border:1px solid #DCE0E5;border-radius:3px;font-size:14px;color:#66707A;font-weight:600;
vertical-align:middle;background-image:url("../images/sel_01.png");background-color:#fff;background-repeat:no-repeat;background-position:right 6px center}
button.c_btn {width:100%;height:36px;line-height:36px;font-size:18px;font-weight:500;color:#FFFFFF;background:#334155;border-radius:6px}
button.c_btn:focus, button.c_btn:active {background:#5C6777;}
button.s_btn {width:auto;height:22px;line-height:20px;font-size:12px;font-weight:600;color:#334155;background:#FFFFFF;border-radius:3px;border:1px solid #334155;padding:0 8px;}
button.s_btn:focus, button.s_btn:active {background:#334155;color:#FFFFFF;}
.figure {height:32px;line-height:32px;border:1px solid #DCE0E5;border-radius:6px;font-size:16px;font-weight:600;padding:0 10px;width:66%;}
/* add */
button.c_btn:disabled {background:#D7DADF;}

.t_battery {display:flex;}
.t_battery2 {display:flex;flex-direction:row-reverse;}
.t_speed {background-image:url("../images/pin.png");width:41px;height:35px;color:#FFFFFF;font-size:16px;font-weight:600;text-align:center;line-height:30px;}
.t_state {font-size:12px;vertical-align:top;padding-top:3px;}
.t_line {display:flex;gap:5px;align-items:center;margin-bottom:15px;}
.t_line .line {flex-grow:1;height:2px;background-color:#DCE0E5;}
.t_line .t_txt {font-size:10px;font-weight:600;color:#9CA3AF;}

.modal {position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: -1;opacity: 0;transition-duration: 0.1s;}
.modal.show {opacity: 1;z-index: 999;transition-duration: 0.15s;}
.modal .modal_container {display: flex !important;align-items: center;justify-content: center;height: 100%;}
.modal .modal_container .m_content {background:#fff;width:40%;height:auto;}
.modal .m_head {display:flex;justify-content:space-between;align-items:center; background-color:#334155;padding:10px 16px;}
.modal .m_head h2 {color:#FFFFFF;font-size:18px;font-weight:600;}
.modal .m_head .close {font-size:0px;background:transparent;display:inline-block}
.modal .m_head .close:after {display:inline-block;content:"\00d7";font-size:24px; color:#FFFFFF;}
.modal .m_con {padding:24px 24px;}
.modal .form-group {display: flex; flex-direction: column; gap: 24px;} 
.modal .form-group label{display:block;font-size:15px;color:#464C53;margin-bottom:4px;}
.modal .form-group .form-row{display:flex; flex-direction: row; gap:20px; }
.modal .field{flex:1; height: auto;}
.modal .m_con .figure {width:100%;}
.modal .m_footer {display:flex; gap:16px;padding:0 20px;margin:20px 0;}
.modal .m_footer  button.d_btn {width:50%;height:48px;font-size:18px;font-weight:500;color:#FFFFFF;background:#9CA3AF;border-radius:6px}
.modal .m_footer button.c_btn {width:50%;height:48px;font-size:18px;font-weight:500;color:#FFFFFF;border-radius:6px}
.modal .m_footer button.d_btn:focus, button.d_btn:active {background:#B0B5BF;}

.modal .form-group input {width:100%;height:32px;padding:0 12px; border-radius:4px; border: 1px solid #DCE0E5;}
.modal .form-group input::placeholder {color: #9CA3AF; font-weight: 400;}
.modal .form-group input:focus {outline:1px solid #2F68C2;;border:1px solid #2F68C2;}
.modal .form-group input::-webkit-outer-spin-button, .form-group input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.modal .form-group select{ width:100%;height:32px;padding:0 12px; border-radius:4px; border: 1px solid #DCE0E5; box-sizing:border-box;background-image:url("../images/sel_01.png");background-color:#fff;background-repeat:no-repeat;background-position:right 10px center;}
.modal .form-group .textarea-custom{min-height:80px; resize: none;}
.modal .form-group .date-range{display:flex;align-items:center;gap:8px;}


/* display none */
.hide {display:none !important;}

.switch {position: relative;display: inline-block;width: 60px;height: 22px;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #64748B;transition: .4s;border-radius: 22px;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 3px;bottom: 3px;background-color: #fff;transition: .4s;border-radius: 50%;}
input:checked+.slider {background-color: #64748B;}
input:focus+.slider {box-shadow: 0 0 1px #64748B;}
input:checked+.slider:before {transform: translateX(37px);}
.slider::after {content:"수동";display: inline-block;position: absolute;top: 50%;left: calc(100% - 37px);transform: translateY(-55%);font-size: 14px;color: #FFF;}
input:checked+.slider::after {content:"자동";left:10px;color:#fff;}
/* add */
input:checked+#slider {background-color: #357ce1;}
#slider::after {content:"OFF";display: inline-block;position: absolute;top: 50%;left: calc(100% - 37px);transform: translateY(-55%);font-size: 14px;color: #FFF;}
input:checked+#slider::after {content:"ON";left:10px;color:#fff;}

.tab_container {transition:all 0.3s ease;} 
.tab_container .tit_list {display:flex;} 
.tab_container .tit_list > li {border:1px solid #9CA3AF;margin-left:-1px;}
.tab_container .tit_list > li:first-child {border-radius:3px 0 0 3px;margin-left:0;}
.tab_container .tit_list > li:last-child {border-radius:0 3px 3px 0;}
.tab_container .tit_list > li a {display:block;font-size:12px;font-weight:600;padding:0 6px;line-height:22px;cursor:pointer;color:#9194a1;text-align: center;transition: all 0.3s ease; } 
.tab_container .tit_list > li.active a {color:#FFFFFF;background:#9CA3AF;} 
.tab_container .tab_content {display:none;width:100%;} 

/* 메인 페이지(main.html) 달력 */
.schedule .cal {display:flex;height:calc(100% - 30px);}
.schedule .cal table, .cal table th, .cal table td {border:0 !important;}
.schedule .fc .fc-toolbar.fc-header-toolbar {margin-bottom:10px !important;}
.schedule .fc .fc-daygrid-day-top {text-align:center;display:inherit !important;}
.schedule .fc .fc-daygrid-day-events {min-height:0 !important;}
.schedule .fc .fc-toolbar-title {color:#3B4044;font-size:14px !important;}
.schedule .fc .fc-button-primary {width:auto;height:20px;background-color:#FFFFFF !important;border:1px solid #DCE0E5 !important;color:#66707A !important;padding:0 6px !important;}
.schedule .fc .fc-button {font-size:12px !important;font-weight:600 !important;}
.schedule .fc .fc-button .fc-icon {font-size:14px !important;top:-2px !important;color:#66707A;}
.schedule .fc-direction-ltr .fc-daygrid-event .fc-event-time {color:#3B82F6 !important;font-size:12px;}
.schedule .fc-event {background-color:#EFF6FF;border:0;color:#3B82F6;line-height:normal !important;}
.schedule .fc-h-event .fc-event-title {font-size:12px;}
.schedule .fc .fc-cell-shaded {background-color:transparent !important;}
.schedule .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {font-size:12px;}
.schedule .fc .fc-list-day-cushion {padding:6px !important;}
.schedule .fc-daygrid-dot-event .fc-event-title {font-weight:500;font-size:12px;}
.schedule .fc .fc-daygrid-day.fc-day-today {background-color:transparent;}

/* 2025.07.30 화재 css 추가 */
.modal2 {position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);z-index: -1;opacity: 0;transition-duration: 0.1s;}
.modal2.show {opacity:1;z-index:999;transition-duration: 0.15s;}
.modal2 .modal_container {display: flex !important;align-items: center;justify-content: center;height: 100%;}
.modal2 .modal_container .m_content {background:#fff;width:auto;height:auto;}
.modal2 .e_head {display:flex;justify-content:space-between;background-color:#b91c1c;padding:8px;}
.modal2 .e_head h2 {color:#FFFFFF;font-size:16px;font-weight:600;line-height:24px;position:relative;padding-left:30px;}
.modal2 .e_head h2::before {content:"";display:inline-block;width:24px;height:24px;background-image:url(../images/icon_error.png);position:absolute;top:0;left:0;}
.modal2 .e_head .close {font-size:0px;background:transparent;display:inline-block}
.modal2 .e_head .close:after {display:inline-block;content:"\00d7";font-size:20px;margin-left:5px;color:#FFFFFF;}
.modal2 .e_con {display:flex;flex-direction:column;background-color:rgba(254, 242, 242, 0.4);}
.modal2 .e_con .e_box {display:flex;flex-direction:column;width:100%;border-bottom:1px solid #DCE0E5;padding:20px;gap:15px;}
.modal2 .e_con .e_box2 {display:flex;}
.modal2 .e_con .e_box2 .eb {width:50%;border-right:1px solid #DCE0E5;padding:20px;display:flex;flex-direction:column;gap:15px;}
.modal2 .e_con .e_box2 .eb:last-child {border-right:0;}
.modal2 .e_con h3 {font-size:16px;font-weight:600;color:#b91c1c;}
.modal2 .e_con .eb_list {display:flex;flex-wrap:wrap;}
.modal2 .e_con .eb_list li {width:50%;padding:3px 0;font-size:14px;color:#3B4044;}
.modal2 .e_con .eb_list li::before {content:"-";display:inline-block;margin-right:3px;}
.modal2 .e_con p {font-size:14px;color:#3B4044}
.modal2 .e_con p::before {content:"-";display:inline-block;margin-right:3px;}
.modal2 .e_con .e_box.center {text-align:center;width:auto;margin:0 auto;}

.header .hsel {margin-right:10px;}
.header .right {display:flex;}
.header .nav {display:flex;flex-grow:1;}
.header .nav ul {display:flex;flex-grow:1;gap:20px;}
.header .nav li {font-size:14px;color:#181A1B;font-weight:500;;position:relative;}
.header .nav li a:hover {color:#181A1B;}
.header .nav li ul {display:none;}
.header .nav li:hover ul {display:block;min-width:120px;left:-10px;position:absolute;top:22px;background-color:#FFF;border-radius:6px;border:1px solid #DCE0E5;padding:5px 0;z-index:2;}
.header .nav li:hover ul li {display:block;padding:8px 10px;font-size:14px;}
.header .nav li a, .header .nav li a:active, .header .nav li a:focus, .header .nav li a:hover, .header .nav li a:link, .header .nav li a:visited {color:#181A1B}
.header .level {position:relative;padding-left:16px;}
.header .level::before {content:"";display:inline-block;width:1px;height:12px;background-color:#C3C6CA;position:absolute;top:5px;left:8px}
.header .logo {margin-right:20px;}
.header .toggle_btn { margin-left:20px;  background-color:transparent;}

.sub {width:100%;height:100vh;margin:0;padding:0;background-color:#F2F4F8;overflow-x:hidden;}
#sub {display:flex;flex-direction:column;padding:15px;height:100%;}
#sub .header .nav {padding:0 10px;}
.s_layout {display:flex;gap:15px;flex-grow:1;}
.s_layout .s_left {width:32%;display:flex;flex-direction:column;gap:15px;padding:15px;background-color:#FFF;border-radius:6px;border:1px solid #DCE0E5;}
.s_layout .s_right {width:68%;display:flex;flex-direction:column;gap:15px;padding:15px;background-color:#FFF;border-radius:6px;border:1px solid #DCE0E5;}
.s_layout .s_all {width:100%;display:flex;flex-direction:column;gap:15px;padding:15px;background-color:#FFF;border-radius:6px;border:1px solid #DCE0E5;}
.s_layout h3 {font-size:16px;color:#181A1B;font-weight:600;}

.list_top {display:flex;justify-content:space-between;}
.list_top .srch_box {border:1px solid #DCE0E5;display:flex;justify-content:space-between;border-radius:6px;flex:0 1 0}
.list_top .srch_box select {width:auto;height:32px;padding:0 16px 0 8px;font-size:13px;border:none;background-image:url("../images/select.png");background-color:transparent;background-repeat:no-repeat;background-position:right center}
.list_top .srch_box input[type="text"] {width:120px;border:none;height:32px;font-size:13px;background:transparent;color:#66707A;vertical-align:middle;box-sizing:border-box;padding:6px;line-height:32px;}
.list_top .srch_box .srch_btn {font-size:0px;width:40px;height:32px;background-image:url(../images/search.png);background-color:transparent;background-repeat:no-repeat;background-position:center center}
.list_top .btns {display:flex;gap:6px;}
.list_top.right {justify-content:right;gap:10px;}

.l_tbl {width:100%;background:#fff;border-collapse:collapse;}
.l_tbl th, .l_tbl td {padding:6px 8px;vertical-align:middle;font-size:14px;color:#66707A;text-align:left;line-height:20px;border-bottom:solid 1px #DCE0E5;}
.l_tbl th {font-weight:500;background-color:#F1F5F9;border-bottom:1px solid #99b0cb;color:#181A1B;}
.l_tbl td a:hover {text-decoration:underline;color:#1d4ed8;}
.l_tbl tbody tr:hover {background-color:#fafafa;}
.l_tbl tbody tr.click {background-color:#fafafa;}
.l_tbl td a {color:#66707A;}
.l_tbl.center {border-top:solid 1px #91a4b9;}
.l_tbl.center th, .l_tbl.center td {text-align:center;}
.l_tbl.right th, .l_tbl.right td {text-align:right;}
.l_tbl.center th.left, .l_tbl.center td.left {text-align:left;}
.l_tbl td .file {background-image:url(../images/file.png);width:16px;height:20px;font-size:0;display:inline-block;}

.tabs ul {display:flex;padding:4px;border-radius:6px;background-color:#F1F5F9;}
.tabs li {font-size:14px;font-weight:500;color:#64748B;line-height:32px;width:auto;height:32px;text-align:center;padding:0 16px;cursor:pointer;}
.tabs li.active {background-color:#FFF;color:#181A1B;font-weight:600;border-radius:6px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05)}
.tab_con {display:none;}
.tab_con.active {display:flex;flex-direction:column;gap:15px;}

.s_layout .pagination {gap:5px;}
.s_layout .pagination a {font-size:13px;min-width:24px;height:24px;text-align:center;line-height:22px;border-radius:3px;border:1px solid #FFF;padding:0 4px;margin:0;}
.s_layout .pagination a.active {background-color:transparent;border:1px solid #A8B3BD;color:#3B4044;}
.s_layout .pagination a:hover:not(.active) {background-color:transparent;border:1px solid #A8B3BD;}

.btn {display:flex;font-size:14px;font-weight:500;text-align:center;height:32px; align-items:center; justify-content: center; padding:0px 10px; color:#fff;vertical-align:middle;border-radius:6px;gap:3px;}

.btn.dark {background-color:rgba(15, 23, 42, 1);color:#FFF;}
.btn.dark:active,.btn.dark:hover,.btn.dark:focus {background-color:rgba(15, 23, 42, 0.9);outline:0;}
.btn.dark:disabled {opacity:0.5;}

.btn.blue {background-color:rgba(59, 130, 246, 1);color:#FFF;}
.btn.blue:active,.btn.blue:hover,.btn.blue:focus {background-color:rgba(59, 130, 246, 0.9);outline:0;}
.btn.blue:disabled {opacity:0.5;}
.btn.blue svg { fill: #FFF; }

.btn.green {background-color:rgba(5, 150, 105, 1);color:#FFF;}
.btn.green:active,.btn.green:hover,.btn.green:focus {background-color:rgba(5, 150, 105, 0.9);outline:0;}
.btn.green:disabled {opacity:0.5;}

.btn.red {background-color:rgba(220, 38, 38, 1);color:#FFF;}
.btn.red:active,.btn.red:hover,.btn.red:focus {background-color:rgba(220, 38, 38, 0.9);outline:0;}
.btn.red:disabled {opacity:0.5;}

.btn.gray {background-color:rgba(156, 163, 175, 1);color:#FFF;}
.btn.gray:active,.btn.gray:hover,.btn.gray:focus {background-color:rgba(156, 163, 175, 0.9);outline:0;}
.btn.gray:disabled {opacity:0.5;}

.btn.line {background-color:#FFF;color:#3B4044;border:1px solid #A8B3BD;}
.btn.line:active,.btn.line:hover,.btn.line:focus {background-color:rgba(127, 138, 148, 0.1);outline:0;}
.btn.line:disabled {opacity:0.5;}

.btn.txt {background-color:transparent;color:#3B4044;border-bottom:1px solid #3B4044;border-radius:0;height:auto;line-height:normal;padding:1px;}
/* add */
.btn.line:active,.btn.line:hover,.btn.line:focus {outline:0;}
.btn.line:disabled {opacity:0.5;}

.btn .ico_delete {width:13px;height:15px;margin-top:1px;background-size:13px 15px;background-image:url("../images/ico_delete.png");margin-right:3px}

.btn.top {height:22px;line-height:22px;padding:0px 6px;border-radius:3px;margin-right:10px;}

.btn_area {display:flex;gap:6px;flex-wrap:wrap;}
.btn_area.center {justify-content:center;}
.btn_area.left {justify-content:left;}
.btn_area.right {justify-content:right;}
.btn_area.both {justify-content:space-between;}

@keyframes blink-effect {50% {opacity:0;}}
.blink {animation:blink-effect 0.8s step-end infinite;}

.s_form {display:flex;flex-wrap:wrap;gap:30px 0;justify-content:space-between;}
.s_form .fbox {width:calc(33.33% - 15px);display:flex;gap:10px 20px;flex-wrap:wrap;}
.s_form .fbox label {font-size:14px;color:#181A1B;width:100%;}
.s_form .fbox input {width:100%;height:40px;line-height:40px;font-size:14px;color:#66707A;vertical-align:middle;padding:0 10px;border:1px solid #E2E8F0;background-color:#FFF;border-radius:6px;}
.s_form .fbox select {width:100%;height:40px;line-height:40px;font-size:14px;color:#66707A;vertical-align:middle;padding:0 10px;border:1px solid #E2E8F0;border-radius:6px;background-image:url("../images/select.png");background-color:transparent;background-repeat:no-repeat;background-position:right 10px center}
.s_form .fbox input:focus, .s_form .fbox select:focus {outline:1px solid #2F68C2;}
.s_form .fbox input:read-only {border-radius:0;border:0;border-bottom:2px solid #E2E8F0;padding:0;}
.s_form .fbox input:read-only:focus {outline:0;}
.s_form .fbox select:disabled {border-radius:0;border:0;border-bottom:2px solid #E2E8F0;padding:0;background-image:none;opacity:1;}
.s_form .fbox select:disabled:focus {outline:0;}
.s_form .fbox .fcheck {width:auto}
.s_form .fbox .fcheck input[type=radio] {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;vertical-align:middle;color:#1d1d1b;-webkit-transition:border 200ms ease-in-out;transition:border 200ms ease-in-out;display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}
.s_form .fbox .fcheck input[type=radio] + label {position:relative;display:inline-block;padding-left:24px;line-height:40px;color:#66707A;}
.s_form .fbox .fcheck input[type=radio] + label::before {content:"";display:block;clear:both;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px}
.s_form .fbox .fcheck input[type=radio] + label::before {background: url(../images/ico_radio.svg) no-repeat 50% 50%}
.s_form .fbox .fcheck input[type=radio]:checked + label::before {background: url(../images/ico_radio_checked.svg) no-repeat 50% 50%}
.s_form .fbox .fcheck input[type=checkbox] {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;vertical-align:middle;color:#1d1d1b;-webkit-transition:border 200ms ease-in-out;transition:border 200ms ease-in-out;display:inline-block;overflow:hidden;position:absolute;width:1px;height:1px;opacity:0}
.s_form .fbox .fcheck input[type=checkbox] + label {position:relative;display:inline-block;padding-left:24px;line-height:40px;color:#66707A;}
.s_form .fbox .fcheck input[type=checkbox] + label::before {content:"";display:block;clear:both;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px}
.s_form .fbox .fcheck input[type=checkbox] + label::before {background: url(../images/ico_checkbox.svg) no-repeat 50% 50%}
.s_form .fbox .fcheck input[type=checkbox]:checked + label::before {background: url(../images/ico_checkbox_checked.svg) no-repeat 50% 50%}

.stats {display:flex;justify-content:space-between;border-radius:6px;border:1px solid #DCE0E5;padding:16px 0;}
.stats .scard {display:flex;flex-direction:column;gap:6px;padding:0 16px;flex-grow:1;border-right:1px solid #DCE0E5;}
.stats .scard .txt {font-size:15px;color:#66707A;}
.stats .scard .num {font-size:20px;color:#181A1B;font-weight:600;}
.stats .scard:last-child {border-right:0;}

.tbox {overflow:auto;height:auto;max-height:500px;position:relative;border:solid 1px #DCE0E5;max-width:100%;}
.t_tbl {background:#fff;border-collapse:separate;border-spacing:0;width:max-content;}
.t_tbl th, .t_tbl td {vertical-align:middle;font-size:14px;text-align:center;height:32px;padding:0 8px}
.t_tbl th {font-weight:500;background:#F1F5F9;border-right:solid 1px #DCE0E5;border-bottom:solid 1px #DCE0E5;color:#181A1B;position:sticky;top:0;z-index:2;}
.t_tbl td {background-color:#FFF;color:#66707A;border-right:solid 1px #DCE0E5;border-bottom:solid 1px #DCE0E5;}
.sticky-left {position:sticky;left:0;z-index:1;}
.sticky-left.sticky-header {z-index:3;}
.t_tbl th.head-one {top:0}
.t_tbl th.head-two {top:32px}
.t_tbl th:last-child, .t_tbl td:last-child {border-right:0;}
.t_tbl tr:last-child td {border-bottom:0;}
.t_tbl td.sun {color:#dc2626;}
.t_tbl td.sat {color:#2563eb;}

.srch {display:flex;gap:10px;justify-content:space-between;padding:16px;background-color:#FFF;border-top:solid 1px #DCE0E5;border-bottom:solid 1px #DCE0E5;}
.srch .sw {display:flex;gap:5px;flex-direction:column;flex-grow:1;}
.srch input {width:100%;height:32px;line-height:32px;font-size:14px;color:#66707A;vertical-align:middle;padding:0 10px;border:1px solid #E2E8F0;background-color:#FFF;border-radius:6px;}
.srch select {width:100%;height:32px;line-height:32px;font-size:14px;color:#66707A;vertical-align:middle;padding:0 10px;border:1px solid #E2E8F0;border-radius:6px;background-image:url("../images/select.png");background-color:transparent;background-repeat:no-repeat;background-position:right 10px center}
.srch .btn.large {margin-top:21px;}

.m_wrap {width:100%;height:100%;display:flex;flex-wrap:wrap;background-color:#F2F4F8;padding:15px;}
.m_wrap .header {width:100%;height:22px;}
.m_top {width:100%;height:120px;display:flex;padding:15px;justify-content:space-between;gap:15px;}
.m_map {width:calc(100% - 630px);height:calc(100% - 40px);display:flex;}
.m_chart {width:300px;height:calc(100% - 40px);display:flex;flex-direction:column;gap:15px;margin-left:15px;}
.m_box {background-color:#fff;width:100%;flex-grow:1;padding:0 25px;display:flex;flex-direction:column;border:1px solid #DCE0E5;justify-content:center;position:relative;}
.map_box {background-color:#FFFFFF;border:solid 1px #DCE0E5;width:100%;height:100%;}
.m_tit {font-size:16px;font-weight:500;color:#3B4044;line-height:150%;}
.m_num {font-size:28px;font-weight:600;color:#181A1B;line-height:150%;}
.m_num span {font-size:16px;margin-left:3px;}
.m_box:nth-child(5) .m_num {color:#ea580c;}
.m_box:nth-child(6) .m_num {color:#dc2626;}
.m_box .m_icon {width:52px;height:52px;border-radius:12px;box-shadow:0 2px 10px 0 rgba(124, 141, 181, 0.12);position:absolute;top:20px;right:20px;}
.m_box:nth-child(1) .m_icon {background-image:url(../images/micon_01.png);}
.m_box:nth-child(2) .m_icon {background-image:url(../images/micon_02.png);}
.m_box:nth-child(3) .m_icon {background-image:url(../images/micon_03.png);}
.m_box:nth-child(4) .m_icon {background-image:url(../images/micon_04.png);}
.m_box:nth-child(5) .m_icon {background-image:url(../images/micon_05.png);}
.m_box:nth-child(6) .m_icon {background-image:url(../images/micon_06.png);}
.mc_tit {font-size:16px;font-weight:500;color:#3B4044;}
.mc_chart {width:100%;height:calc(100% - 10px);display:block;}

.m_list {width:300px;height:calc(100% - 40px);display:flex;flex-direction:column;margin-right:15px;background-color:#fff;border:1px solid #DCE0E5;overflow-y:auto;padding:10px;}
.m_list .ml_box {border-bottom:1px solid #DCE0E5;padding:15px;display:flex;gap:12px 12px;flex-wrap:wrap;}
.m_list .ml_box .head {display:flex;}
.m_list .ml_box .pointer {width:60px;height:60px;border:1px solid #DCE0E5;border-radius:12px;}
.m_list .ml_box .pointer.p01 {background-image:url(../images/pin_01.png);background-repeat:no-repeat;background-position:center center;background-size:26px 38px;}
.m_list .ml_box .pointer.p02 {background-image:url(../images/pin_02.png);background-repeat:no-repeat;background-position:center center;background-size:26px 38px;}
.m_list .ml_box .pointer.p03 {background-image:url(../images/pin_03.png);background-repeat:no-repeat;background-position:center center;background-size:26px 38px;}
.m_list .ml_box .pointer.p04 {background-image:url(../images/pin_04.png);background-repeat:no-repeat;background-position:center center;background-size:26px 38px;}
.m_list .ml_box .pointer.p05 {background-image:url(../images/pin_05.png);background-repeat:no-repeat;background-position:center center;background-size:26px 38px;}
.m_list .ml_box .title {font-size:20px;font-weight:500;color:#181A1B;padding-left:15px;display:flex;justify-content:center;flex-direction:column;}
.m_list .ml_box .address {font-size:14px;font-weight:500;color:#3B4044;border-bottom:1px dotted #DCE0E5;padding-bottom:10px;line-height:140%;}
.m_list .ml_box .num {display:flex;font-size:16px;width:100%;}
.m_list .ml_box .num div {width:50%;display:flex;gap:8px;}
.m_list .ml_box .num p {font-size:16px;color:#3B4044;}
.m_list .ml_box .num span {font-size:16px;font-weight:600;color:#181A1B;}
.m_list .ml_box .num span.level_1 {color:#059669;}
.m_list .ml_box .num span.level_2 {color:#F59E0B;}
.m_list .ml_box .num span.level_3 {color:#EA580C;}
.m_list .ml_box .num span.level_4 {color:#DC2626;}
.m_list .ml_box .num span.level_4::before {content:"";display:inline-block;width:12px;height:13px;vertical-align:top;margin-right:3px;margin-top:2px;background-image:url("../images/icon_alert.png");}


#map * {box-sizing:content-box;}
.overlaybox {display:flex;padding:10px 0;flex-wrap: nowrap;gap:10px;}
.overlaybox .obox {border-right:1px solid #DCE0E5;padding:0 10px;display:flex;flex-direction:column;gap:10px;flex-grow:0;flex-shrink:0;flex-basis:auto;min-width:150px;}
.overlaybox .obox:last-child {border-right:0;}
.overlaybox .obox h3 {font-size:16px;font-weight:500;color:#3B4044;}
.overlaybox .obox ul {display:flex;flex-direction:column;gap:5px;}
.overlaybox .obox li {font-size:14px;color:#3B4044;}
.overlaybox .obox li::before {content:"·";display:inline-block;margin-right:3px;}
.overlaybox .obox li .error_1 {color:#DC2626;}
.overlaybox .obox li .error_2 {color:#EA580C;}
.overlaybox .obox li .success_1 {color: #13ea0c;}


/* 2025.08.08 통합관리 화면 추가 */

.d_search {display:flex;gap:30px;padding:20px 30px;background-color:#EEF2F7;border-radius:6px;justify-content:center;}
.d_search label {font-size:15px;color:#181A1B;line-height:40px;padding-right:10px;}
.d_search input {width:auto;height:40px;line-height:40px;font-size:15px;color:#66707A;vertical-align:middle;padding:0 10px;border:1px solid #58616A;background-color:#FFF;border-radius:6px;}
.d_search input::placeholder {color: #8e8e8e;}
.d_search input:focus {outline:1px solid #2F68C2;;border:1px solid #2F68C2;}
.d_search input::-webkit-outer-spin-button, .d_search input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.d_search .btn {height:40px;line-height:40px;font-size:15px;padding:0 15px 0 35px;background-image:url(../images/srch.png);background-repeat:no-repeat;background-position:left 10px center;}

.choice {display:flex;justify-content:space-between;line-height:36px;border-top:1px solid #DCE0E5;border-bottom:1px solid #DCE0E5;padding:15px 5px;margin-top:15px;}
.choice select {width:auto;min-width:200px;height:36px;line-height:36px;font-size:14px;color:#66707A;vertical-align:middle;padding:0 30px 0 15px;border:1px solid #DCE0E5;border-radius:6px;background-image:url("../images/select.png");background-color:transparent;background-repeat:no-repeat;background-position:right 10px center}
.choice select:focus {outline:1px solid #2F68C2;}

.record {display:flex;gap:20px;justify-content:space-between;}
.record .r_box {flex-grow:1;display:flex;flex-direction:column;padding:25px;gap:25px;background-color:#F9F9FB;border:1px solid #DCE0E5;border-radius:6px;}
.record .r_box h4 {font-size:18px;color:#181A1B;font-weight:600;padding:10px 0;}
.record .r_box .r_cards {display:flex;gap:25px;}
.record .r_box .r_cards .vdivide {width:1px;height:100%;background-color:#DCE0E5;}
.record .r_box .hdivide {width:100%;height:1px;background-color:#DCE0E5;}
.r_card {width:calc(50% - 25px);display:flex;flex-direction:column;position:relative;}
.r_card .r_tit {font-size:16px;font-weight:500;color:#3B4044;line-height:150%;}
.r_card .r_num {font-size:28px;font-weight:600;color:#181A1B;line-height:150%;}
.r_card .r_icon {width:52px;height:52px;border-radius:12px;background-color:#FFFFFF;box-shadow:0 2px 10px 0 rgba(124, 141, 181, 0.12);position:absolute;top:0px;right:0px;}

.r_card.error_1 .r_tit, .r_card.error_1 .r_num {color:#DC2626;}
.r_card.error_1 .r_icon {background-color:#F9DCDC;}
.r_card.error_1 .r_icon img {filter:invert(24%) sepia(44%) saturate(4807%) hue-rotate(349deg) brightness(90%) contrast(90%);}
.r_card.error_2 .r_tit, .r_card.error_2 .r_num {color:#EA580C;}
.r_card.error_2 .r_icon {background-color:#FDEEE7;}
.r_card.error_2 .r_icon img {filter:invert(45%) sepia(85%) saturate(3627%) hue-rotate(358deg) brightness(95%) contrast(94%);}

.safe {display:flex;gap:20px;}
.safe h4 {font-size:18px;color:#181A1B;font-weight:600;}
.safe .s_pcs {display:flex;flex-direction:column;gap:20px;width:460px;}
.safe .s_bms {display:flex;flex-direction:column;gap:20px;width:calc(100% - 460px);}

.p_box {display:flex;flex-direction:column;}
.p_box .ptit {background-color:#F9F9FB;height:50px;line-height:50px;;padding:0 15px;font-size:16px;font-weight:600;color:#181A1B;border-radius:6px 6px 0 0;border:1px solid #DCE0E5;border-bottom:0;}
.p_box .pbox {display:flex;padding:15px;flex-wrap:wrap;gap:15px 0;border-radius:0 0 6px 6px;border:1px solid #DCE0E5;border-top:0}
.p_box .pbox .pitem {width:33.33%;}
.p_box .pbox .pitem .pname {font-size:15px;color:#66707A;padding-bottom:5px;}
.p_box .pbox .pitem .pnum {font-size:17px;color:#3B4044;font-weight:600;}
.p_box .pbox .pitem.error_1 .pname, .p_box .pbox .pitem.error_1 .pnum {color:#DC2626;}
.p_box .pbox .pitem.error_2 .pname, .p_box .pbox .pitem.error_2 .pnum {color:#EA580C;}

.pack {display:flex;background-color:#252836;border:1px solid #393C49;border-radius:6px;width:100%;overflow-x:auto;}
.pack .module {width:25%;min-width:240px;display:flex;flex-direction:column;padding:20px;gap:10px;border-right:1px solid #393C49;}
.pack .module:last-child {border-right:0;}
.pack .module .cell {display:flex;justify-content:space-between;width:100%;background-color:#1F1D2B;padding:10px;border:1px solid #393C49;border-radius:6px;background-image:url(../images/cell_bg.png);position:relative;}
.pack .module .cell::before {content:"";width:15px;height:50px;background-image:url(../images/cell_bg_left.png);position:absolute;top:0;left:0;}
.pack .module .cell::after {content:"";width:15px;height:50px;background-image:url(../images/cell_bg_right.png);position:absolute;top:0;right:0;}
.pack .module .cell .icon {display:flex;gap:10px;height:30px;}
.pack .module .cell .txt {display:flex;flex-direction:column;gap:12px;/*height:30px;*/line-height:2px;}
.pack .module .cell .txt div {font-size:13px;color:#181A1B;}
.pack .module .cell.error_1 {background-color:rgba(220, 38, 38, 0.16);border:1px solid #DC2626;background-image:none;}
.pack .module .cell.error_1::before {display:none;}
.pack .module .cell.error_1::after {display:none;}
.pack .module .cell.error_1 .icon .temp.high {width:16px;background-image:url(../images/t_high_01.png);}
.pack .module .cell.error_1 .icon .temp.low {width:16px;background-image:url(../images/t_low_01.png);}
.pack .module .cell.error_1 .icon .volt.high {width:30px;background-image:url(../images/v_high_01.png);}
.pack .module .cell.error_1 .icon .volt.low {width:30px;background-image:url(../images/v_low_01.png);}
.pack .module .cell.error_1 .txt div {color:#FFFFFF;}
.pack .module .cell.error_2 {background-color:rgba(234, 88, 12, 0.16);border:1px solid #EA580C;background-image:none;}
.pack .module .cell.error_2::before {display:none;}
.pack .module .cell.error_2::after {display:none;}
.pack .module .cell.error_2 .icon .temp.high {width:16px;background-image:url(../images/t_high_02.png);}
.pack .module .cell.error_2 .icon .temp.low {width:16px;background-image:url(../images/t_low_02.png);}
.pack .module .cell.error_2 .icon .volt.high {width:30px;background-image:url(../images/v_high_02.png);}
.pack .module .cell.error_2 .icon .volt.low {width:30px;background-image:url(../images/v_low_02.png);}
.pack .module .cell.error_2 .txt div {color:#FFFFFF;}

.list_view {display:flex;flex-direction:column;border-top:1px solid #222;}
.list_view .title {text-align:center;font-size:24px;color:#181A1B;padding:15px;border-bottom:1px solid #DCE0E5;}
.list_view .number {display:flex;justify-content:right;padding:16px;gap:10px;border-bottom:1px solid #DCE0E5;font-size:15px;}
.list_view .number strong {font-weight:600;color:#3B4044;}
.list_view .contents {padding:15px;border-bottom:1px solid #DCE0E5;line-height:180%;font-size:16px;}
.list_view .file {display:flex;padding:15px;gap:10px;}
.list_view .file .name {border:1px solid #ccc;border-radius:30px;padding:6px 20px;height:30px;}
.list_view .file .link {display:flex;flex-direction:column;}
.list_view .file .link a {line-height:30px;}
.list_view .file .link a:hover {text-decoration:underline;color:#1d4ed8;}

.list_index {display:flex;flex-direction:column;border-top:1px solid #aaa;}
.list_index .prev {font-weight:600;color:#3B4044;padding:15px 15px 15px 40px;border-bottom:1px solid #DCE0E5;background-image:url(../images/upper_arrow.png);background-repeat:no-repeat;background-position:left 15px center;}
.list_index .next {font-weight:600;color:#3B4044;padding:15px 15px 15px 40px;border-bottom:1px solid #aaa;background-image:url(../images/down_arrow.png);background-repeat:no-repeat;background-position:left 15px center;}
.list_index .prev a, .list_index .next a {color:#66707A;font-weight:500;padding-left:10px;}
.list_index .prev a:hover, .list_index .next a:hover {color:#1d4ed8;}

.list_write {display:flex;flex-direction:column;border-top:1px solid #222;}
/*.list_write li {display:flex;border-bottom:1px solid #DCE0E5;padding:15px;}*/
.list_write > li {display:flex;border-bottom:1px solid #DCE0E5;padding:15px;}
.list_write .name {width:150px;line-height:38px;}
.list_write .title {flex-grow:1;height:38px;line-height:38px;font-size:15px;color:#66707A;vertical-align:middle;padding:0 10px;border:1px solid #DCE0E5;background-color:#FFF;}
.list_write .contents {border:1px solid #DCE0E5;flex-grow:1;}
.list_write .contents textarea {padding:10px;box-sizing:border-box;-webkit-box-sizing:border-box;display:block;width:100%;border:0;text-align:left;resize:none;font-size:15px;color:#66707A;}
.list_write .title:focus, .list_write .contents textarea:focus {outline:1px solid #2F68C2;}

.upload-box {flex-grow:1;}
.upload-box .btn {display:inline-flex;margin:5px 0 10px;cursor:pointer;}
.file-list {display:flex;gap:10px;flex-wrap:wrap;}
.file-item {display:inline-flex;align-items:center;border:1px solid #ccc;border-radius:6px;padding:0 32px 0 10px;height:32px;line-height:32px;font-size:15px;position:relative;}
.file-item button {background:none;border:none;cursor:pointer;position:absolute;top:7px;right:8px;width:16px;height:16px;background-image:url(../images/close.png);}
#fileInput {display:none;}


/*--------------------------------------------------------------
# 공통 css 
--------------------------------------------------------------*/
/* select2 */
.select2 .selection{width:100%;}
.select2-container--default .select2-selection--multiple{
 border-radius:4px; border: 1px solid #DCE0E5;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {outline:1px solid #2F68C2;border:1px solid #2F68C2 }
.select2-container .dropdown-wrapper {display: none !important;}
.select2-container--default .select2-search--inline .select2-search__field {padding: 2px 4px;}



/*--------------------------------------------------------------
# 분석조회 페이지(analysis.html)
--------------------------------------------------------------*/
.an_content {display: flex; flex-direction: column; gap:15px; height: calc(100% - 30px);}
.an_content .row {display: flex; gap: 15px; height: 100%;}
.an_content .card {padding:20px 24px;background-color:#FFF;border:1px solid #DCE0E5; width: 100%;  overflow-x: hidden; }
.an_content .card .tit{padding-bottom: 24px; align-items: center;}
.an_content .card .l_tbl{display: block; overflow-x: scroll; width:100%; margin-bottom: 12px;}
.an_content .card .l_tbl table{width:max-content;}

.an_content .filter{display: flex; align-items: center; padding: 16px 20px; overflow:visible;}
.an_content .filter_item{display: flex; align-items: center; gap:24px; margin-right: 32px;}
.an_content .filter_item select{width:100px; height:32px; padding:0 10px;box-sizing:border-box;border:1px solid #DCE0E5;border-radius:3px;font-size:16px;color:#66707A;font-weight:600; border-radius: 4px;
text-align:left;vertical-align:middle;background-image:url("../images/sel_01.png");background-color:#fff;background-repeat:no-repeat;background-position:right 10px center;}
.an_content .filter_item label{white-space: nowrap;}
.an_content .filter_item .date_input_group{display: flex; gap:8px; align-items: center;}
.an_content .filter .btn{width:75px;height:32px; background-image: url(../images/srch.png); background-repeat: no-repeat; background-position: left 10px center; padding: 0 15px 0 35px;}


/*--------------------------------------------------------------
# 점검관리 페이지(inspection.html)
--------------------------------------------------------------*/
.ins-layout{ display: flex; gap: 15px; height: calc(100% - 50px);}

.ins-layout .card {padding:20px 24px;background-color:#FFF;border:1px solid #DCE0E5; }
.ins-layout .box-left{display:flex; flex-direction: column; flex:1.6;min-width: 0; }
.ins-layout .box-right{flex:1;min-width: 0;}

.ins-layout .box-left .tit{display:flex; align-items: center; margin-bottom: 20px;}
.ins-layout .box-left .tit button{height: 36px;}

.ins-layout .filter-bar{background:#F4F5F6;border:1px solid #CDD1D5;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:20px; margin-bottom: 24px;}
.ins-layout .filter-row{display:flex;gap:24px;align-items:flex-start}
.ins-layout .field{flex:1}
.ins-layout .field-range{flex:1.4}
.ins-layout .field-search{flex:0.4}
.ins-layout .filter-bar label{display:block;font-size:12px;color:#464C53;margin-bottom:4px;}
.ins-layout .filter-bar select,.filter-bar input[type="date"],.filter-bar input[type="text"]{width:100%;height:32px;padding:0 12px;border-radius:4px; border: 1px solid #DCE0E5;}
.ins-layout .filter-bar .date-range{display:flex;align-items:center;gap:4px;}
.ins-layout .filter-bar .filter-buttons{display:flex;gap:12px; flex:1; justify-content: end; margin-top: 18px;}
.ins-layout .filter-bar .filter-buttons .btn {width: 80px; }
.ins-layout .filter-bar .filter-buttons .blue {width: 80px; background-image: url(../images/srch.png); background-repeat: no-repeat; background-position: left 10px center; padding: 0 15px 0 35px;}
.ins-layout .filter-bar select{height:32px; padding:0 10px;box-sizing:border-box;background-image:url("../images/sel_01.png");background-color:#fff;background-repeat:no-repeat;background-position:right 10px center;}

.ins-layout .tab-container{display:flex;gap:2px;margin-bottom:24px;border-bottom:2px solid #e3e6ec; }
.ins-layout .tab{background:none;border:none;padding:12px 24px;font-size:15px;cursor:pointer;color:#464C53;position:relative;}
.ins-layout .tab span{margin-left:4px;color:#6D7882;}
.ins-layout .tab.active {font-weight:600;}
.ins-layout .tab.active span{color:#0061b2;font-weight:600;}
.ins-layout .tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#0061b2;}

.ins-layout .l_tbl{margin-bottom: 24px; overflow-y: auto;}
.ins-layout .table-actions { display: flex; align-items: center;}
.ins-layout .table-actions button { border: none; background: none; padding: 0 2px; font-size: 14px; cursor: pointer; }
.ins-layout .table-actions button[data-kind="delete"], button[data-kind="alert"] { color: #e44827; font-weight: 500; }
.ins-layout .table-actions button[data-kind="alert"] { color: #f59e0b; font-weight: 500; }
.ins-layout .table-actions span { color: #e3e6ec; padding: 0 2px; }

/*점검관리 페이지(inspection.html) 달력*/
/* 툴바 */
.ins-cal .fc-toolbar { display: flex !important; justify-content: center !important; gap: 32px; margin-bottom: 24px !important; }
.ins-cal .fc-toolbar-chunk { display: flex; align-items: center; justify-content: center; }
.ins-cal .fc-toolbar-title { font-size: 20px; font-weight: 600; color: #181A1B; }

/* 버튼 */
.ins-cal .fc-button.fc-prev-button, .ins-cal .fc-button.fc-next-button { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 4px; color: #111827; padding: 5px 6px 8px; }
.ins-cal .fc-button.fc-prev-button:hover, .ins-cal .fc-button.fc-next-button:hover { background: #f3f4f6; }

/* 요일 */
.ins-cal .fc-col-header-cell-cushion { padding: 8px 4px; font-size: 14px; }

/* 날짜 셀 */
.ins-cal .fc-daygrid-day-number { font-size: 14px; }
.ins-cal .fc-daygrid-day-frame { padding: 2px; }

/* 이벤트 */
.ins-cal .fc-event, .ins-cal .fc-daygrid-event { border-radius: 3px; font-size: 11px; padding: 1px 4px; }
.ins-cal .fc-daygrid-event { overflow: hidden;}
.ins-cal .fc-daygrid-dot-event {padding: 0; margin-left: 0; }
.ins-cal .fc-event-title, .ins-cal .fc-event-time {white-space: nowrap;}
.ins-cal .fc-daygrid-dot-event .fc-daygrid-event-dot{border:3px solid #3b82f6;}
.ins-cal .fc-daygrid-day-events .fc-daygrid-event-harness-abs .fc-event-main-frame .fc-event-time { color: #ffffff !important}
.ins-cal .fc-daygrid-day-events .fc-daygrid-event-harness-abs .fc-event-main-frame .fc-event-title { color: #ffffff !important}
.ins-cal  .fc-daygrid-event-harness .fc-event-main-frame .fc-event-time { color: #ffffff !important}
.ins-cal  .fc-daygrid-event-harness .fc-event-main-frame .fc-event-title { color: #ffffff !important}


/* + more 팝오버 */
.ins-cal .fc-popover { border-radius: 4px; box-shadow: 0 10px 20px rgba(0,0,0,0.18); }
.ins-cal .fc-popover-header { padding: 8px 10px; background: #f9fafb; font-size: 12px; font-weight: 500; }
.ins-cal .fc-popover-body .fc-event { font-size: 12px; }


/*--------------------------------------------------------------
# 로그인 페이지(login.html)
--------------------------------------------------------------*/

.login {margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;color:#333;}
.login-box {width:420px;background:#ffffff;padding:48px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.08);text-align:center;}
.logo-text {display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px;}
.logo-text-title {font-size:24px;font-weight:700;color:#1F1D2B;}
.input-group {width:100%;margin-bottom:16px;text-align:left;position: relative;}
.input-field {width:100%;padding:16px;font-size:16px;border:1px solid #ddd;border-radius:6px;outline:none;transition:0.2s; font-weight: 400;}
.input-field:focus {border-color:#3b82f6;}
.login-btn {width:100%;padding:15px;margin-top:10px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:600;transition:0.2s;}
.login-btn:hover {background:#1a63e0;}
.copyright {margin-top:40px;font-size:12px;color:#999;}
/* 로그인페이지 시인성 아이콘 추가 */
.input-group input[type="password"] {padding-right: 40px;}
.toggle-password {position: absolute;top: 50%;right:15px;transform: translateY(-50%); /* <-- 세로 중앙 정렬 */cursor: pointer;user-select: none;color: #888;z-index: 10;display: block !important;opacity: 1 !important;}
.input-field:focus {border-color: #3b82f6;}