@charset "utf-8";
/* popLayerSub */
#popLayerSub{position:absolute; top:30%; left:30%; z-index:60; border:1px solid #999;}
.popTitSub{color:#fff; font-size:16px; text-align:center; padding:18px 15px 15px 30px; background-color:#222835; font-family:"NGothic", dotum,sans-serif; font-weight:bold;}
.popTitNo{color:#222; font-size:14px; text-align:center; padding:20px; font-weight:bold; background-color:#f6f6f6;}
.popBot{color:#fff; font-size:14px; text-align:center; padding:5px 10px;  font-weight:bold;}
.popBotC{color:#fff; font-size:14px; text-align:center; padding:10px; background-color:#a0a1a2; font-weight:bold;}
.popTBtn{text-align:right; padding-bottom:10px;}
.popContGuide{font-size:12px; color:#222; line-height:20px; width:92%; border:3px solid #90b7cd; border-radius:5px; text-align:center; padding:22px;}
.popcloseSub{position:absolute; right:15px; top:15px;}
.popTopSub{position:absolute; right:15px; top:7px;font-family:"HyundaiM";transform:rotate(0.001deg);}
.popContSub{position:relative; color:#333; line-height:25px; text-align:center; font-size:14px; padding:30px 40px;  }
.popContSubWidget{position:relative; color:#333; line-height:25px; text-align:center; font-size:14px; padding:30px 40px; z-index:9999;  }
#popListCont{ position:relative; top:40px; background-color:#f6f6f6; }
.popContSub2{color:#333; line-height:25px; text-align:center; font-size:14px; padding:30px 40px; border-bottom:1px solid #cdcdcf; border-top:1px solid #cdcdcf; }
.popBottomSub{padding:15px; text-align:center;background-color:#f6f6f6; border-radius:0px 0px 10px 10px;}
.btnPopSub{height:35px; padding:3px 30px; border:0px; border-radius:5px; font-size:13px; font-weight:bold; color:#fff; background:#00a1e1;}
.contTit{text-align:left; font-weight:bold; font-size:14px; color:#222; letter-spacing:-1.2px;}
.contText{text-align:left; font-size:12px; color:#666; padding-top:20px;}
#selectLayer{position:absolute; top:40px;; right:50px; background:#fff; border:1px solid #8a8484; border-radius:7px; padding:15px 20px; z-index:20; display:none;}
#selectLayer ul li{font-size:11px; color:#999; padding:5px; text-align:left;}
#selectLayer ul li a{color:#333;}
#selectLayer ul li a:hover{color:#427ee2;}
.pop_searchTLine{border-top:1px solid #666; border-right:1px solid #666;}
.popBot2{position:absolute; top:-25px;; right:0px; z-index:50000;}
.popBtnB{position:absolute; bottom:0px; padding:10px;width:100%; text-align:center; border-top:1px solid #cdcdcd;background:#eaeef3;}
#PlistCont5_3{width:11%; height:670px; float:left; margin-left:13px; border:1px solid #d0d5db; background-color:#fff; padding:0px 10px 10px 10px;}
#PlistCont5_4{width:11%; height:670px;float:left; margin-left:12px;1 background-color:#fff; padding:0px 10px 10px 10px;}
#PlistCont5_5{width:11%; height:670px;float:left; margin-left:12px; 1 background-color:#fff; padding:0px 10px 10px 10px;}

/* popLayer*/
#popLayer{position:absolute;top: 50%;left: 50%;z-index: 901;transform: translate(-50%, -50%);}
.popTit{color: #111111;text-align: left;padding: 15px;background-color: #e9edf3;font-weight: bold;border-radius: 10px 10px 0px 0px;}
.popclose{position:absolute; right:15px; top:15px;}
.popCont{color:#333; line-height:25px; text-align:center; background-color:#ffffff; font-size:14px; padding:85px;}
.popBottom{padding:15px; text-align:center;background-color:#ffffff; border-radius:0px 0px 10px 10px;z-index:65;position:relative;}
.btnPop{height: 35px;padding: 3px 30px;border: 0px;border-radius: 30px;font-size: 14px;font-weight: bold;color: #fff;background: #102454;z-index:66;}
/* LayerOver*/
#LayerOver{position:absolute; left:100px; top:100px; padding:15px 20px; background:#fff; border:1px solid #8a8484; border-radius:7px;}
#LayerOver ul li{font-size:11px; color:#999; padding:3px;}
#LayerOver ul li a{color:#333;}
#popLCont{width:35%; float:left; margin-bottom:20px;}
#popRCont{width:62%; float:left; padding-left:20px;}
#popLCont2{width:20%; float:left; }
#popMCont2{width:45%; float:left; padding-left:20px;}
#popRCont2{width:30%; float:left; padding-left:20px;}
#popLCont3{width:48%; float:left; }
#popRCont3{width:48%; float:right; padding-left:20px;}
#popLCont4{width:32%; float:left;  padding-left:15px;}
#popMCont4{width:31%; float:left; padding-left:15px;}
#popRCont4{width:30%; float:right; padding-right:15px;}
#popLCont5{width:48%; float:left; padding-left:20px;}
#popRCont5{width:48%; float:right; padding-right:20px;}
#popLCont6{width:62%; float:left; }
#popRCont6{width:35%; float:right; padding-left:20px;}
.bottomH{width:500px;}
.moveBtn{position:absolute; top:200px; left:49%;}
.moveBtn2{position:absolute; top:170px; left:66%;}
.moveBtn3{position:absolute; top:200px; left:58%;}
.moveBtn4{position:absolute; top:150px; left:49%;}
.popFText{position:absolute; left:34%; top:370px;}
#filterTab{position:relative; top:0px; left:0px; height:30px;}
#filterTab ul li{float:left; font-size:16px; padding-top:10px; padding-bottom:10px; text-align:center;padding-left:30px; padding-right:30px; color:#fff; background-color:#666666; border:1px solid #bfbfbf;}
#filterTab ul li.on{background-color:#b11116; color:#fff;}
#filterTab ul li.str{border-radius:5px 0px 0px 0px; }
#filterTab ul li.mid{border-radius:0px 0px 0px 0px; }
#filterTab ul li.end{border-radius:0px 5px 0px 0px; }
#PeriodCont{display:none;}
#AlarmTagCont{display:none;}

/* toast popup - 각 화면에 정의된 스타일 이동 */
#toast-popup {
    position: fixed;
    width: 220px;
    top: 60px;
    right: -110px;
    padding: 20px 25px;
    transform: translate(-50%, 10px);
    border-radius: 10px;
    overflow: hidden;
    font-size: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 10000;
}

#toast-popup.reveal {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

/* widget setting */
/* ax5modal.css 수정 */
.ax5modal .ax-modal-header {}

/* 230728 수정 */
.popup-wrap{padding:40px;}
.popup-wrap .btn-right + .ui-widget.ui-widget-content,
.popup-wrap .btn-right + *{margin-top:10px;}
.popup-wrap .btn-right + .ui-jqgrid-jquery-ui,
.popup-wrap .btn-right .ui-jqgrid,
.popup-wrap .btn-right .ui-jqgrid .ui-jqgrid-bdiv,
.popup-wrap .btn-right + *,
.popup-wrap .btn-right + .ui-jqgrid-bdiv{width:100% !important;}
.popup-wrap .search{gap:3px;}

.popup-wrap .search{display:flex;}
.popup-wrap .search input[type="text"]{flex:1;}
.popup-wrap .search input[type="image"]{display:inline-flex !important; align-items:center; justify-content:Center; min-width:23px; height:23px; padding:4px; border:1px solid #ddd !important; border-radius:3px; background-color:#fff;}
.popup-wrap .STit2,
.popup-wrap .STit3{font-size:16px; color:#000; padding:0; margin-bottom:10px; line-height:1; font-weight: var(--fwBold);letter-spacing: -.03em;}
.popup-wrap .STit3{min-height:35px; display: flex;justify-content: space-between;align-items: flex-end;}
.popup-wrap .list-wrap {display:flex; gap:20px;}
.popup-wrap .list-wrap li{min-width:calc((100% - 20px) / 2);}
.popup-wrap .part-list{display:flex; gap:20px; height: 280px;}
.popup-wrap .part-list li{ min-width: auto;}
.popup-wrap .part-list li:first-child{min-width: 380px;}
.popup-wrap .part-list li:last-child{flex:1; width:calc(100% - 400px);}
.popup-wrap .part-list li > *:not(.STit2){height:calc(100% - 26px);}
.popup-wrap .part-list li > *:not(.STit2) > *:not(.ui-jqgrid-jquery-ui){width:100% !important; height: 100% !important;}
.popup-wrap .part-list li #listCont-1 .ui-jqgrid-jquery-ui{overflow:auto;}
.popup-wrap .ui-widget .ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv,
.popup-wrap .ui-jqgrid>.ui-jqgrid-view,
.popup-wrap .ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv{width:100% !important;}
.popup-wrap .btn-right + .ui-widget .ui-jqgrid>.ui-jqgrid-view>.ui-jqgrid-hdiv,
.popup-wrap .btn-right + .ui-widget .ui-jqgrid-htable .ui-jqgrid>.ui-jqgrid-view,
.popup-wrap .btn-right + .ui-widget .ui-jqgrid-bdiv,
.popup-wrap .btn-right + .ui-widget .ui-jqgrid > .ui-jqgrid-view > .ui-jqgrid-hdiv{width:100% !important;}
.popup-wrap .radio-wrap{border-top:1px solid #ddd; padding:10px 0;}
.popup-wrap .radio-wrap span{display:inline-flex;}
.popup-wrap textarea{border:1px solid #ddd; padding:8px; resize:none; width: 100%; height:180px !important;}
.popup-wrap .image-box{display:flex; flex-direction:column; height:254px;}
.popup-wrap .image-box .img{flex:1; background-color:#F9F9F9;}
.popup-wrap .image-box .img img{min-width: auto;width: auto;height: auto; min-height: auto; max-height: 100%; max-width: 100%; object-fit: contain; position: relative; transform: translate(-50%,-50%); top: 50%; left: 50%;}
.popup-wrap .image-box .btn-add{margin-top:auto; align-items:flex-end; display:flex; height:40px; background:url('/images/workecu/ico_add.svg') center center no-repeat #ddd;}

.popup-table input[type="text"],
.popup-table select,
.popup-table textarea{width:100%; height:24px; border:1px solid #E5E5E5; background-color:#fff; padding:0 8px;}
.popup-table input[type="text"]:read-only{border:1px solid #E5E5E5; background-color:#EAEAEA; font-size:14px; color:#000; text-align:left;}
.popup-table input[type="text"]:placeholder{font-size:14px; color:#000; text-align:left;}
.popup-table textarea{height:100%; padding:8px; resize:none;}

.popup-table{border:1px solid #EAEAEA; width:100%; table-layout: fixed;}
.popup-table th,
.popup-table td{min-height:px; text-align:center; font-size:14px; color:#000; min-height:30px; border:1px solid #ddd; padding:3px;}
.popup-table th{font-weight:var(--fwBold); padding:3px 20px;}
.popup-table.type2 th{background-color:#F9F9F9;}
.popup-table td{font-weight:var(--fwRegular); background-color:#fff;}
.popup-wrap .gridList-1{height:auto; width:100%;}
.popup-wrap .searchBtn{display: flex; gap: 10px; justify-content: center; margin-top:40px;}
.popup-btn{display:inline-flex; align-items:center; justify-content:Center; height:50px; min-width:110px; border-radius:5px; line-height:1; font-size:16px; font-weight:var(--fwMedium); }
.popup-btn.save{background-color:#183150; color:#fff;}
.popup-btn.close{border:1px solid #ddd; color:#000;}

.popup-table select + .form-control,
.popup-table textarea{width:100%; height:24px; border:1px solid #E5E5E5; background-color:#fff; padding:0 8px; }
.popup-table select + .form-control{font-size: 12px !important; padding: 0 8px; border: 1px solid #ddd; border-radius:0; height:24px !important;}
#listCont-1 .ui-jqgrid-jquery-ui{width:100% !important;}