@CHARSET "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{padding:0px;margin:0px;line-height: 1;font-family: 'Noto Sans', sans-serif !important;-webkit-font-smoothing: antialiased;font-size: 12px;}
a,b,p{margin: 0px; line-height: 1;}
html p{margin: 0px;}
div{line-height: 1;}
a{text-decoration: none !important;}
.focus{
    box-shadow: 0 0 13px red;
}
.br0{border: 0 !important;}
.mgn0{margin: 0 !important;}

.talgn-c{text-align: center !important;}
.tshd_lv0{
    color: #0ec518 !important;
    font-weight: bold !important;
}

.tshd_lv1{
    color: #108fe8 !important;
    font-weight: bold !important;
}
.tshd_lv2{
    color: #f5c002 !important;
    font-weight: bold !important;
}
.tshd_lv3{
    color: #e38801 !important;
    font-weight: bold !important;
}
.tshd_lv4{
    color: #e53030 !important;
    font-weight: bold !important;
}

   


.clientBody{background-color: #23233c;height: 100vh;width: 100%;/* min-width: 1280px; */overflow-x: auto;}
.clientBodyInner{display: flex;width: 100%;height: 100%;/* flex-direction: column; */}
.headerBox{padding: 20px 0px 20px 20px;box-sizing: border-box;min-width: 200px;}
.headerInner{width: 160px;width: 100%;display: inline-block;}
.headerlogo{
    /* height: 66px; */
    width: 160px;
    height: 46px;
    /* display: inline-block; */
}
.bodyBox{width: 100%;width: calc(100% - -221px);width: calc(100% - 203px);padding: 20px 20px 20px 0px;box-sizing: border-box;height: 100%;min-width: 1181px;}
.bodyBox_login{width: 100%; padding: 20px 20px 20px 0px; box-sizing : border-box; height: 100%;}
.bodyCon{background-color: #f5f0eb;height: 100%;border-radius: 14px;padding: 10px;box-sizing: border-box;}
.headerMenuList{margin-top: 50px;}
.headerMenuUnit{margin-bottom: 20px;}
.headerMenu{color: white; font-size: 16px; cursor: pointer; opacity: 0.5; font-weight: 500;}
.headerMenuSubBox{-webkit-transition: all 0.4s; transition: all 0.4s; margin-top: 10px; padding-left: 10px; overflow: hidden; max-height: 0px;}
.headerMenuSub{padding: 5px 0; color: white; opacity: 0.5; cursor: pointer; font-weight: 300; font-size: 15px;width: 100%; display: block;}
.headerMenu:hover{opacity: 1 !important; color:white;}
.menuAct .headerMenu{color:#00aaff !important; opacity: 1;}
.headerMenuSub:hover{opacity: 1 !important; color:white;}
.menuAct .headerMenuSubBox{max-height: 200px;}


.svrConInfo{
    font-size: 12px;
    font-weight: bold;
    color: white;
}
.svrConInfo .btn{
    padding: 0px 8px;
    
    
    
font-size: 12px;font-weight: bold;}
.rightInfoBox{display: flex;width: 100%;height: 100%;}
.rightInfoList{display: flex;justify-content: space-between;/* padding-right: 10px; *//* margin-right: 10px; */box-sizing: border-box;}
.rightInfoUnit{/* display: none; */width: 300px;background-color: white;box-sizing: border-box;border-radius: 12px;overflow: hidden;-webkit-transition: all 0.4s;transition: all 0.4s;position: relative;/* overflow: auto; */overflow: overlay;}
.rightInfoUnit.aside{
    margin-left: 10px;
}
.rightClose{ width: 40px;}
.rightInfoInner{padding: 15px;box-sizing: border-box;height: 100%;position: relative;/* overflow: auto; */}
.rightInfoFlex{/* margin-left: 10px; */overflow: overlay;}
.rightClose .rightInfoInner{display: none;}
.rightInfoHead{font-size: 18px;font-weight: 600;color: #505050;margin-bottom: 12px;}
.sideFlexDataItem>.rightInfoHead{
    margin-left: 8px;
    
color: #c7c7c7;}
.sideFlexDataItem>.rightInfoHead:hover{
    cursor : pointer;
    color: #919191;
}
.sideFlexDataItem>.rightInfoHead.current{
    color : #505050;
}
.rightMapBox{width: 100%;height: 100%;position: relative;background-color: white;border-radius: 12px;overflow-x: auto;/* overflow-y: overlay; *//* min-width: 500px; */margin-left: 10px;}
.rightMapCon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #f5f0eb;}
.rightOpenIconBox{width: 40px;padding: 20px 10px 10px 10px; box-sizing: border-box; display: none;}
.rightClose .rightOpenIconBox{display: block;}
.rightIcon{width: 20px; cursor: pointer; opacity: 0.5;}
.rightIcon:hover{opacity: 0.8;}
.rightCloseBox{display: flex; justify-content: flex-end; width: 100%;}
.rightContent{margin-top: 40px;width: 100%;}
.mapSelectBox{display: flex; justify-content: center;}
.mapOpt{margin: 0 3px; border: 1px solid #c9caca; width: 100px; text-align: center; padding: 5px 0 5px 0; border-radius: 20px; font-size: 14px; color: #646464; cursor: pointer;}
.mapOpt:hover{border-color: #00aaff; color: #00aaff;}
.optSelected{border-color: #00aaff; color: white !important; background-color: #00aaff;}

.mapNumberBox{margin-top: 5px;}
.mapNumberUnit{width: 48%;margin-bottom: 19px;}
.mapNumberTitle{ width: 100%; text-align: center; font-size: 13px; font-weight: 400; color: #646464;}
.mapNumber{width: 100%;margin: 0 auto;margin-top: 13px;}
.weatherBox{margin-top: 20px;}
.weatherSub{font-size: 11.5px; font-weight: 400; color: #505050;}
.weatherMid{font-weight: 500;}
.weatherUnit{width: 100%; padding:6px 0; border-bottom: 1px solid #dcdcdc;}
.weatherDate{background-color: #00aaff; color: white; padding: 5px 0 5px 0; border-radius: 6px; font-weight: 600;}
.weatherDateInner{}
.weatherInfo p{line-height: 1.4}
.weatherTime{text-align: center; font-weight: 500; margin-bottom: 5px; padding: 5px 0; border-bottom: 1px solid #dcdcdc;}

.nextTomorrow{margin-top: 20px}
.mapNumberSub{font-size: 11px; text-align: center; font-weight: 400; color: #646464; margin-top: 5px}
.mapSearchBox{position: absolute;top: 0;left: 0;width: 100%;/* z-index: 1; */}
.mapSearchInner{display: flex;justify-content: space-between;padding: 20px;box-sizing: border-box;position: relative;}
.mapTypeBox{
    position: relative;
}
.mapTypeInner{display: flex;position: relative;z-index: 2;}
.mapSearchUnit{padding: 5px 10px 5px 10px; background-color: white; font-size: 12px; border-radius: 4px; box-sizing: border-box; margin: 0 2px; cursor: pointer; color: #505050;border: 1px solid #dcdcdc; box-sizing: border-box;}
.mapSearch{margin-top: 5px; display: flex; align-items: center;position: relative;z-index: 2;}
.searchInputBox{border-radius: 4px; margin: 0 2px; overflow: hidden;display: flex; width: 160px;background-color: white; border: 1px solid #dcdcdc; box-sizing: border-box;}
.searchInput{width: 100%;font-size: 12px; font-weight: 400; color: #333333; outline: none; border: none; border-right: 1px solid #dcdcdc; padding: 2px 4px;}
.searchIcon{display: flex; padding: 3px; box-sizing: border-box; width: 22px; height: 22px; cursor: pointer; opacity: 0.5; min-width: 22px;}
.mapTypeAct, .searchAct, .mapStatAct{background-color: #00aaff; color: white;}
.mapVer{width: 100px;flex-wrap: wrap;justify-content: flex-end;top: 339px;}
.mapStat{margin-bottom: 5px;}
.onAirPopup{overflow: auto;max-height: 300px;position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px 20px;z-index: 2;background-color: #00aaff;}

.onAirInner{display: flex;justify-content: space-between;align-items: center;padding: 3px;/* background-color: #00aaff; */}
.allCloseContext.onAirInner{display: flex;justify-content: flex-end;}
.onAirBtnInner{display: flex;justify-content: space-between;align-items: center;/* padding: 3px; *//* background-color: #00aaff; */}
.onAirBtnInner .btn{
    padding: 4px 8px;
    margin-right: 5px;
}
.onAirText{ padding-right: 10px; box-sizing: border-box; color: white; font-size: 14px; font-weight: 400;}
.onAirClose{width: 26px; cursor: pointer; min-width: 26px;}
.weatherHotPoint{background-color: rgba(255,230,0,0.4); font-weight: 500; height: fit-content; width: fit-content; font-size: 12px;}
.flexWrap{flex-wrap: wrap;}
.weatherLink{width: 40%; display: block; margin: 0 auto; cursor: pointer; min-width: 20px;}
.mapStatSensor{position: relative; padding: 50%; border-radius: 100px;}
.sensorBlue{background-color: #00a0ff;}
.sensorYellow{background-color: #ffe600;}

.markerPopup{position: absolute; top: 50%; left: 50%;}
.markerPopupInner{position: relative; width: 200px; background-color: white; padding:20px; box-sizing: border-box; border-radius: 10px; box-shadow: 0 0px 8px rgba(0,0,0,0.3);}
.markerUnit, .markerPopHead{display: flex; justify-content: space-between; align-items: center;}
.markerPopHead{margin-bottom: 20px;}
.markerTitle{font-size: 14px; font-weight: 500; color: #00aaff;}
.markerPopClose{background-color: #f55050; width: 12px; height: 12px; border-radius: 20px;}
.markerUnit{margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #cccccc;}
.markerPopTxt {font-size: 12px; font-weight: 300;}
.markerHead{font-weight: 500;}
.markerArrow{position: absolute; left: 50%; bottom: 0; width: 20px; height: 20px; background-color: white; transform: translateX(-50%); transform: rotate(45deg); margin-bottom: -10px; margin-left: -10px;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);}
.markerSersor{width: 20px; height: 20px; border-radius: 20px;}
.loginBox{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.loginInner{max-width: 360px; margin: 0 auto;}
.loginUnit{}
.loginLogo{/* max-width: 200px; */margin: 0 auto;margin-bottom: 20px;}
.loginCon{background-color: #f5f0eb; border-radius: 12px; padding: 40px 30px; box-sizing: border-box;}
.loginConInner{display: flex; flex-wrap: wrap;}
.loginHead{font-size: 24px; font-weight: 500; text-align: center;width: 100%; margin-bottom: 40px;}
.loginInput{width: 100%; border: none; outline: none; padding: 6px 10px; border-radius: 6px; margin-bottom: 10px;font-size: 15px; font-weight: 300; color:#333333;}
.loginBtn{background-color: #00aaff; width: 100%; text-align: center; padding: 10px;border-radius: 6px; font-size: 15px; font-weight: 500; color: white; cursor: pointer;}

.rightHeadBox{display: flex;/* margin-bottom: 13px; */}
.rightInfoHead{
    /* margin: 0; */
}

.onAir{width: 55px; padding: 5px; background-color: #b3b3b3; color:white; border-radius: 5px; text-align: center; height: fit-content; font-size: 11px; font-weight: 500; margin-left: 5px;}
.onAirAct{background-color: #00e664;}
.onAirCon{display: flex;justify-content: space-between;align-items: center;padding-bottom: 10px;padding-top: 10px;/* margin-bottom: 10px; *//* border-bottom: 1px solid #b3b3b3; */}
.onAirBtn{width: 32.5%;padding: 5px;background-color: #f0f0f0;text-align: center;border-radius: 4px;font-size: 11px;cursor: pointer;color: #333333;font-weight: 300;height: fit-content;}

.onAirBtn.setGroupModeBtn.active{
    background-color: #409dff;
    color: white;
}

.onAirRadioBox{width: 32.5%;width: 30%;height: fit-content;}
.all_onairBox .onAirRadioBox{width: 100%;height: fit-content;}
.onAirRadioUnit{width: fit-content; cursor: pointer;}
.onAirRadioUnit{display: flex;align-items: center;height: fit-content;margin-right: 5px;}
.viewPercentBtn.onAirRadioUnit{
    display : none;
}
.viewPercentBtn.onAirRadioUnit.current{
    display : flex;
    margin-left: 19px;
}
.viewAlertLevelBtn.onAirRadioUnit{
    margin-left: 19px;
    /* text-align: center; */
    /* align-items: center; */
    /* width: 100%; */
    /* margin: 0 auto; */
    display: none;
}
.viewAlertLevelBtn.onAirRadioUnit.current{
    display: flex;
}
.onAirRadioInput{width: 1px; height: 1px; overflow:hidden; opacity: 0;}
.onAirRadio{width: 16px; height: 16px; border: 1px solid #b3b3b3; border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 2px; box-sizing: border-box;}
.radioCore{padding: 0px; border-radius: 20px; background-color: #00aaff; -webkit-transition: all 0.2s; transition: all 0.2s; overflow: hidden;}
.radioText{margin-left: 5px;font-size: 11px;font-weight: 300;color: #333333;}
.onAirSpare{width: 32.5%;}
.radioAct .onAirRadio{border-color: #00aaff;}
.radioAct .radioCore{padding: 50%;}
.radioBox{display: flex; align-items: center; }
.selectBox{
}
.selectUnit{position: relative; }
.selectUnit[disabled]{opacity: 0.5;pointer-events: none;}
.selectTitleBox{display: flex;align-items: center;justify-content: space-between;border: 1px solid #b3b3b3;padding: 4px;border-radius: 6px;cursor: pointer;}
.textareaBox{display: flex;align-items: center;justify-content: space-between;border: 1px solid #b3b3b3;padding: 4px;border-radius: 6px;position: relative;z-index: 1;/* float: right; */width: 100%;height: 24px;/* cursor: pointer; *//* height: 30px; */}
.setAutoSMSForm .textareaBox{
    resize: none;
}
.setAutoSMSForm .textareaBox,
.setAutoBCForm .textareaBox{
    /* margin-left: 30px; */
    /* left: 24px; */
    /* width: 91%; */
    /* height: 30px; */
    /* padding-left: 30px; */
    float: left;
    width: calc(100% - 25.1px);
    margin-left: 4px;
}
.setAutoBCForm .textareaBox{
    float: left;
    margin-top: 0px;
    margin-left: 4px;
    width: calc(100% - 47px);
}


.xroshotAutoSetForm.setAutoBCForm .textareaBox{
  width: calc(100% - 25px);
}
._buyeo.setAutoBCForm .textareaBox{
  width: calc(100% - 25px);
}
._dalseong.setAutoBCForm .textareaBox{
  width: calc(100% - 25px);
}
.selectTitle{font-size: 11px; font-weight: 300; color: #333333;}
.selectSubList{position: absolute;left: 0;width: 100%;border: 1px solid #b3b3b3;border-radius: 6px;overflow: hidden;background-color: white;z-index: 2;max-height: 50vh;overflow: auto;}
.selectSubInner{}
.dsrisk_list .selectSubInner{width: 100%;box-sizing: border-box;overflow: auto;/* height: 42vh; */}
.selectSubUnit{padding: 6px 4px; font-size: 11px; font-weight: 300; color: #333333; cursor: pointer;}
.selectSubUnit:hover{background-color: #f0f0f0;}
.airConUnit{margin-top: 10px;margin-bottom: 3px;}
.selectSubList{display: none;}
.dropIcon{height: 10px; display: flex;}
.selectAct .selectSubList{display: block;}
.airConUnit_02{margin-top: 10px;}
.onAirTextAreaBox{border: 1px solid #b3b3b3; border-radius: 6px; overflow: hidden; width: 100%; padding-bottom: 20px; height: 140px; margin-top: 5px;position: relative;}
.onAirTextArea{width: 100%;height: 100%;padding: 5px;font-size: 11px;font-weight: 300;line-height: 1.2;border: none;resize: none;outline: none;color: #333333;}
.textLengthChkBox{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;}
.textLengthChkInner{display: flex; align-items: center; justify-content: flex-end; padding: 0 5px; height: 20px;}
.textLengthChk{font-size: 11px; font-weight: 300; color: #505050;}
.setAutoSMSForm .textLengthChk{
    position: absolute;
    right: 16px;
    display: block;
    z-index: 1;
    top: 10px;
}

.onAirRangeBox{margin-top: 5px;}
.onAirRangeInner{display: flex; justify-content: space-between;}
.onAirRangeCon{width: 72%;}
.rangeUnit{padding-bottom: 5px; width: 100%;}
.baseText{font-size: 11px; font-weight: 300; color: #505050;}
.inputRange{}
.onAirRangeBtnBox{display: flex; justify-content: flex-end; align-content: space-between; flex-wrap: wrap;padding-top: 12px; box-sizing: border-box; width: 25%; }
.onAirBtn_02{width: 100%; display: flex; align-items: center; justify-content: center;}
.onAirBtn_02:nth-child(1){height: 32%;}
.onAirBtn_02:nth-child(2){height: 64%;}
.onAirPoint{background-color: #409dff; color: white;}
.wideRadioBox{width: fit-content;}

.baseInput{font-size: 11px;font-weight: 300;background-color: #f0f0f0;padding: 4px;box-sizing: border-box;border-radius: 6px;overflow: hidden;/* border: 0; */}
.baseInput[readonly]{
    background: none;
}
select.baseInput{
    border : 0px;
}
.baseInput[disabled]{
    opacity: 1;
}
.timeInputBox{ width: 15%; display: flex; align-items: center;}
.timeInput{width: 100%;}
.timeInputBox{width: 79%;display: flex;align-items: center;/* justify-content: space-between; */}
.timeInputBox input{
    padding: 5px;
    width: 48%;
    margin-right: 3px;
}
.timeInput{width: 50%;}
input{border: none; outline: none;}
.recordBox{/* margin-top: 10px; */padding-top: 10px;/* border-top: 1px solid #b3b3b3; */}
.recordInner{align-items: center;}
.recordLeft{width: 65%;}
.recordRight{}
.recordBtnBox{width: 32%; display: flex; flex-wrap: wrap;}
.recordBtn{width: 100%; margin: 3px 0;}
.recordFileBox{margin-top: 5px;}
.recordFileInner{align-items: center;}
.recordFileInput{width: 66%;}
.baseFile{font-size: 11px;font-weight: 300;color: #333333;border: 1px solid #b3b3b3;width: 100%;border-radius: 6px;padding:4px;/* height: 24px; */}
.setAutoBCForm .baseFile{display:none;}
.rightAirCon{position: absolute;top: 0;left: 0;/* padding-top: 63px; */box-sizing: border-box;/* height: 100%; */width: 100%;}
.rightConHead{margin-bottom: 0px;}
.rightConHead .headment{
    font-size: 12px;
    color: red;
    font-weight: 500;
    margin: 0;
    padding-left: 5px;
}
.rightConHeadBox{padding: 15px 20px 0px 20px;margin-bottom: 25px;}
.rightConHeadSetBox{display: flex; align-items: center;}
.rightConHeadWrite{height: 18px; margin-right: 10px; cursor: pointer;}
.rightHeadBtn{font-size: 12px; font-weight: 300; background-color: #f0f0f0; padding: 5px; width: 70px; text-align: center; border-radius: 6px; cursor: pointer;}
.airList{display: flex;flex-wrap: wrap;width: 100%;padding: 0 20px 20px 20px;overflow-y: auto;/* height: 100%; *//* height: calc(100% - 3600px); */height: 82vh;min-height: 300px;overflow: auto;}
.airUnit{width: 25%; padding: 0.8%; box-sizing: border-box; min-width: 225px;}
.airUnitHeadBox:hover{cursor:pointer;}
.rightAirCon.flexBet.active .airUnit.addGroup:hover .airUnitPlus{
    background-color: rgba(64,157,255,0.25);
    }
.rightAirCon.flexBet.active .airUnit.addGroup{display : block;}
.airUnit.addGroup{
    display : none;
}   
.airUnitCon{position: relative; padding: 50%; border: 1px solid #409dff; border-radius: 10px; overflow: hidden;}
.airUnitHeadBox{position: absolute; top: 0; left: 0; width: 100%;z-index: 1;}
.airUnitHeadInner{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 10px; height: 30px; background-color: rgba(64,157,255,0.15)}
.airUnitHeadBox:hover .airUnitHeadInner{
    box-shadow: 1px 1px 4px 1px #409dff;
}
.airUnitHeadUnit{display: flex; align-items: center; justify-content: space-between;}
.airUnitHead{font-size: 12px; color: #409dff; font-weight: 500;}
.rightAirCon.flexBet.active .airUnitFix{ display: flex;}
.airUnitFix{/* display: none; */height: 10px;margin-left: 5px;cursor: pointer;display: none;}
.rightAirCon.flexBet.active .closeIcon{display:block;}
.closeIcon{display : none;width: 20px;height: 20px;/* background-color: #f55050; */border-radius: 20px;cursor: pointer;min-width: 10px;min-height: 10px;} 
.airUnitInfoBox{height: 100%; position: absolute; top: 0; left: 0;padding-top: 30px; box-sizing: border-box;  width: 100%;}
.airUnitInfoList{width: 100%; padding: 10px; box-sizing: border-box; justify-content: space-between;overflow-y: auto; height: 100%;}
.airUnitInfoUnit{width: 48%;border: 1px solid #409dff;border-radius: 6px;padding: 4px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;height: fit-content;margin: 0 1% 5px 1%;min-height: 25px;}
.airUnitInfoUnit:hover{cursor:pointer;box-shadow: 1px 1px 8px 1px #409dff;}
.airUnitInfoText{font-size: 11px;font-weight: 300; color: #409dff;}

.rightAirCon.flexBet.active .airUnitInfoPlus{display:block;}
.airUnitInfoPlus{ display : none; width: 48%; margin: 0 1% 5px 1%; height: 21px; background: rgba(64,157,255,0.15); border-radius: 6px; position: relative; cursor: pointer;}

.airUnitInfoPlus:hover{background: rgba(64,157,255,0.25);}
.closeIcon_02{width: 15px;height: 15px;}
.airUnitInfoInner{display: flex; flex-wrap: wrap; width: 100%;}
.airUnitAct .airUnitHeadInner{background-color: #23233c;}
.airPlusIcon{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.airPlusIconInner{display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; padding: 3px; box-sizing: border-box;}
.addBrdcsEqBtn.active {
    /* border: 1px solid; */
    box-shadow: 1px 1px 8px 1px #409dff;
}

.closeIcon:hover{background-color: #cd5050;}
.airUnitInfoAct{background-color: #409dff;}
.airUnitInfoAct .airUnitInfoText{color:white;}
.airUnitPlus{background-color: rgba(64,157,255,0.15); border-radius: 10px; padding: 50%; width: 100%; margin: 0 1% 5px 1%; border: 1px solid rgba(64,157,255,0.15); position: relative; cursor: pointer;}
.airUnitPlusIcon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; box-sizing: border-box;}
.airListInner{display: flex; flex-wrap: wrap; width: 100%;height: fit-content;}
.rightAirCon.flexBet.active .airFixBoardBox.active{display : block;}
.sensorDataList .airFixBoardBox.active{display : block;}
    
.airFixBoardBox{display: none;width: 100%;box-sizing: border-box;overflow: hidden;border-radius: 10px;padding: 0 20px 20px 20px;}
.airFixBoardInner{border-radius: 10px;overflow: hidden;overflow-y: auto;max-height: 100%;border: 1px solid #b3b3b3;}
.airFixHeadBox{display: flex; height: 30px; justify-content: space-between; align-items: center;background-color: #ebebeb; padding: 0 10px;}
.airFixHead{font-size: 12px; font-weight: 500; color: #333333;}
.airFixHeadBtn{background-color: white; font-size: 11px; color: #409dff; font-weight: 300; padding: 4px 8px; border-radius: 6px; overflow: hidden; cursor: pointer;}
.airFixConList{}
.airFixConListInner{padding: 10px; box-sizing: border-box;}
.airFixConHeadUnit{display: flex; justify-content: space-between; align-items: center;}
.airFixConHeadUnit .onAirRadioBox{min-width: 18px; width: initial;}
.airFixConHead{font-size: 11px; font-weight: 500; color: #333333;}
.airFixConHeadUnit .airFixConHead:nth-child(2){min-width: 5%;}
.airFixConHeadUnit .airFixConHead:nth-child(3){min-width: 17%;}
.airFixConHeadUnit .airFixConHead:nth-child(4){min-width: 34%;}
.airFixConHeadUnit .airFixConHead:nth-child(5){min-width: 25%;}
.airFixConHeadUnit .airFixConHead:nth-child(6){min-width: 20%;}

.userUnit_list .airFixConHeadUnit .airFixConHead:nth-child(2){min-width: 5%;}
.userUnit_list .airFixConHeadUnit .airFixConHead:nth-child(3){min-width: 10%;}
.userUnit_list .airFixConHeadUnit .airFixConHead:nth-child(4){min-width: 12%;}
.userUnit_list .airFixConHeadUnit .airFixConHead:nth-child(5){min-width: 20%;}
.userUnit_list .airFixConHeadUnit .airFixConHead:nth-child(6){min-width: 15%;}
.userUnit_list .airFixConHeadUnit .airFixConHead:nth-child(7){min-width: 15%;}

.airFixConUnit{display: flex; justify-content: space-between; align-items: center;margin-top: 5px; padding-top: 5px; border-top: 1px solid #b3b3b3;}
.airFixConUnit .onAirRadioBox{min-width: 18px; width: initial;}
.airFixConUnit .airFixConText:nth-child(1){min-width: 5%;}
.airFixConUnit .airFixConText:nth-child(2){min-width: 5%;}
.airFixConUnit .airFixConText:nth-child(3){min-width: 17%;}
.airFixConUnit .airFixConText:nth-child(4){min-width: 34%;}
.airFixConUnit .airFixConText:nth-child(5){min-width: 25%;}
.airFixConUnit .airFixConText:nth-child(6){min-width: 20%;}

.userUnit_list .airFixConUnit .airFixConText{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.userUnit_list .airFixConUnit .airFixConText:nth-child(2){min-width: 5%;}
.userUnit_list .airFixConUnit .airFixConText:nth-child(3){min-width: 10%;max-width: 10%;}
.userUnit_list .airFixConUnit .airFixConText:nth-child(4){min-width: 12%;max-width: 12%;}
.userUnit_list .airFixConUnit .airFixConText:nth-child(5){min-width: 20%;}
.userUnit_list .airFixConUnit .airFixConText:nth-child(6){min-width: 15%;}
.userUnit_list .airFixConUnit .airFixConText:nth-child(7){min-width: 15%;}
.airFixConText{font-size: 11px; font-weight: 300; color:#333333;}


.rightChartBox{}
.rightChartHeadBox{background-color: rgba(64,157,255,0.15);height: 24px;display: flex;padding: 0 10px;align-items: center;border-radius: 6px;}
.treeMapType {
    justify-content: space-between;
    cursor: pointer;
}


.treeMapType .current{
    color : #00aaff;
    
}

.tree-child{
    padding-left: 15px;
}
.rightChartHead{font-size: 12px;font-weight: 500;color: #00aaff;}
.treeMapTitle{/* display: flex; */color: darkgrey;min-width: 33.3%;}
.rightChartInfoBox{}
.rightChartUnit{display: flex;justify-content: space-between;padding-top: 8px;margin-top: 8px;border-top: 1px solid #dcdcdc;align-items: center;}
.rightChartMid{font-size: 11px;font-weight: 500;color: #333333;}
.rightChartSub{font-size: 11px; font-weight: 300; color: #333333;}

.sensorTreeMap .rightChartSub{
    padding-right: 25px;
}


.sensorTreeMap .rightChartMid{
    padding-left: 11px;
}

.cctvTreeMap .rightChartSub{
    padding-right: 25px;
}

.rtdTreeMap .rightChartSub{
    padding-right: 16px;
}


.rtdTreeMap .rightChartMid{
    padding-left: 11px;
}

.cctvTreeMap .rightChartMid{
    padding-left: 11px;
    width: calc(100% - 57px);
}

.cctvinfo{

}
.rtdinfo{width: 183px;}
.rtdLstIcon{
    max-height: 26px;
    position: relative;
}

.cctvinfo:hover{
    cursor : pointer;
    color: #a7a7a7;
}
.rtdTreeMap .tree:hover .rtdinfo{
    cursor : pointer;
    color: #a7a7a7;
}

.rightChartInfoBox .rightChartUnit:nth-child(1){/* border: none; *//* margin-top: 0px; */}
.conChartBox{width: 100%;padding: 0 20px 20px 20px;/* height: 100%; */position: relative;/* overflow: auto; */}

.searchBox{
    width: 100%;
}
.searchInner{display: flex;align-items: center;width: 100%;}
.searchUnit{display: flex; align-items: center;margin-left: 10px;}
.searchBox .selectBox,.searchBox .baseInput{width: 100px;}
.searchTextBox{position: relative; padding-right: 22px;border: 1px solid #b3b3b3; border-radius: 6px; overflow: hidden;margin-left: 5px;}
.searchInput_02{border: none; font-size: 11px; font-weight: 300; color: #333333;padding: 3px; width: 100%; box-sizing: border-box;}
.searchIcon_02{position: absolute;top: 0; right: 0; width: 22px; height: 22px; display: flex;padding: 3px; border-left: 1px solid #b3b3b3; cursor: pointer;}
.searchIcon_02:hover{
    box-shadow: 1px 1px 1px 1px #d0d0d0;
    border-radius: 3px;
}
.searchIcon_02:active{
    box-shadow: inset 1px 1px 1px 1px #d0d0d0;
}
.searchSelect{height: 24px;/* height: 50px; */}
.conChart_02{margin-top: 10px;display: flex;justify-content: space-between;position: relative;z-index: 1;}

.autoBroadcastCon{
    
    display : none;
    display: block;

}
.autoCmdCon.eb{
    display: none;
}
.autoCmdCon.vb{
    display: none;
}


.chartUnit{}
.chartHeadBox{display: flex; justify-content: space-between; align-items: center; background-color: rgba(64,157,255,0.15); border-radius: 6px; overflow: hidden;height: 24px;}
.chartHead{font-size: 11px; font-weight: 500; color: #00aaff;text-align: center;}

.history_bc_list .chartSub_01 .charSub:nth-child(1), .history_bc_list_hdr.chart_01 .chartHead:nth-child(1){min-width: 7%;}                         
.history_bc_list .chartSub_01 .charSub:nth-child(2), .history_bc_list_hdr.chart_01 .chartHead:nth-child(2){min-width: 21%;}                        
.history_bc_list .chartSub_01 .charSub:nth-child(3), .history_bc_list_hdr.chart_01 .chartHead:nth-child(3){min-width: 10%;}                        
.history_bc_list .chartSub_01 .charSub:nth-child(4), .history_bc_list_hdr.chart_01 .chartHead:nth-child(4){min-width: 16%;min-width: 23%;}                        
.history_bc_list .chartSub_01 .charSub:nth-child(5), .history_bc_list_hdr.chart_01 .chartHead:nth-child(5){min-width: 22%;/* text-align: left; */} 
.history_bc_list .chartSub_01 .charSub:nth-child(6), .history_bc_list_hdr.chart_01 .chartHead:nth-child(6){min-width: 8%;}                        
.history_bc_list .chartSub_01 .charSub:nth-child(7), .history_bc_list_hdr.chart_01 .chartHead:nth-child(7){min-width: 9%;padding-right: 11px;}         


    
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(1), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(1){min-width: 17%;}                         
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(2), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(2){min-width: 15%;}                        
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(3), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(3){min-width: 10%;}                        
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(4), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(4){min-width: 26%;max-width: 171px;}                        
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(5), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(5){min-width: 15%;/* text-align: left; */} 
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(6), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(6){min-width: 8%;}                        
.gyeongsan_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(7), .gyeongsan_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(7){min-width: 9%;padding-right: 11px;}     


.charSubBox{display: flex;justify-content: space-between;align-items: center;padding-bottom: 8px;padding-top: 8px;/* margin-bottom: 8px; */border-bottom: 1px solid #dcdcdc;}
.charSub{font-size: 11px;font-weight: 300;color: #505050;text-align: center;}
.charSubBox.chartSub_01.active .charSub{ color : white }


.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(1), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(1){min-width: 7%;}
.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(2), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(2){min-width: 19%;}
.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(3), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(3){min-width: 11%;}
.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(4), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(4){min-width: 24%;}
.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(5), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(5){min-width: 16%;/* width: 23%; *//* text-align: left; */}
.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(6), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(6){min-width: 8%;}
.dalseong_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(7), .dalseong_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(7){min-width: 8%;/* max-width: 8%; *//* overflow: overlay; *//* height: 13px; */}


.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(1),
.jinjucastle_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(1){width: 6%;min-width: 6%;}                         
.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(2),
.jinjucastle_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(2){width: 14%;min-width: 14%;}                        

.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(3),
.jinjucastle_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(3){width: 10%;min-width: 10%;}                        
.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(4),
.jinjucastle_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(4){width: 10%;min-width: 10%;} 
.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(5),
.jinjucastle_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(5){width: 5%;min-width: 5%;}                        
.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(6),
.jinjucastle_bc_tbl .history_bc_list_hdr.chart_01 .chartHead:nth-child(6){width: calc(100% - 450px);min-width: 54%;}                        
.jinjucastle_bc_tbl .history_bc_list .chartSub_01 .charSub:nth-child(6){
    text-align : left;
    padding-left: 3%;
}



.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(1),.sensorEvtLst .chartSub_01 .charSub:nth-child(1){
    width: 5%;
    min-width: 5%;
}
.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(2),.sensorEvtLst .chartSub_01 .charSub:nth-child(2){
    width: 12%;
    min-width: 12%;
}
.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(3),.sensorEvtLst .chartSub_01 .charSub:nth-child(3){
    width: 10%;
    min-width: 10%;
}
.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(4),.sensorEvtLst .chartSub_01 .charSub:nth-child(4){
    width: 10%;
    min-width: 10%;
}
.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(5),.sensorEvtLst .chartSub_01 .charSub:nth-child(5){
    width: 5%;
    min-width: 5%;
}
.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(7),.sensorEvtLst .chartSub_01 .charSub:nth-child(7){
    width: calc(100% - 527px);
    min-width: 28%;
}
.sensorEvtLst .chartSub_01 .charSub:nth-child(7){
    text-align: left;
    padding-left: 1%;
    /* width: calc(100% - 440px); */
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    /* padding-left: 5%; */
    white-space: nowrap;
    /* min-width: 13%; */
    /* width: 30px; */
    /* height: 30px; */
}
.sensorEvtLst_hdr.chart_01 .chartHead:nth-child(6),.sensorEvtLst .chartSub_01 .charSub:nth-child(6){
    width: 5%;
    min-width: 5%;
}





.chart_02{padding: 0 10px;}
.charMid{font-size: 11px; font-weight: 500; color: #505050;}
.history_bc_audio{
    width : 100%;
}



.chart_03 .chartHead:nth-child(1),.chartSub_02 .charSub:nth-child(1){width: 5%;}
.chart_03 .chartHead:nth-child(2),.chartSub_02 .charSub:nth-child(2){width: 13%;}
.chart_03 .chartHead:nth-child(3),.chartSub_02 .charSub:nth-child(3){width: 14%;}
.chart_03 .chartHead:nth-child(4),.chartSub_02 .charSub:nth-child(4){width: 14%;}
.chart_03 .chartHead:nth-child(5){width: calc(100% - 477px);}
.chartSub_02 .charSub:nth-child(5){width: calc(100% - 578px);}
.chart_03 .chartHead:nth-child(6),.chartSub_02 .charSub:nth-child(6){width: 12%;}



.naversmsapiTbl .chart_03 .chartHead:nth-child(1),.naversmsapiTbl .chartSub_02 .charSub:nth-child(1){width: 5%;}
.naversmsapiTbl .chart_03 .chartHead:nth-child(2),.naversmsapiTbl .chartSub_02 .charSub:nth-child(2){width: 13%;}
.naversmsapiTbl .chart_03 .chartHead:nth-child(3),.naversmsapiTbl .chartSub_02 .charSub:nth-child(3){width: 14%;min-width: 123px;}
.naversmsapiTbl .chart_03 .chartHead:nth-child(4),.naversmsapiTbl .chartSub_02 .charSub:nth-child(4){width: 16%;}
.naversmsapiTbl .chart_03 .chartHead:nth-child(5),.naversmsapiTbl .chartSub_02 .charSub:nth-child(5){width: calc(100% - 720px);min-width: 123px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.naversmsapiTbl .chart_03 .chartHead:nth-child(6),.naversmsapiTbl .chartSub_02 .charSub:nth-child(6){width: 14%;}



.borTpoint{/* border-top: 1px solid #00aaff; */}
.firstBorder{border : 0}
.lastBorder{padding-bottom: 8px;/* border-bottom: 1px solid #dcdcdc; */}

.chart_04 .chartHead:nth-child(1){min-width: 5%;} 
.chart_04 .chartHead:nth-child(2){min-width: 12%;}
.chart_04 .chartHead:nth-child(3){min-width: 12%;}
.chart_04 .chartHead:nth-child(4){min-width: 5%;}
.chart_04 .chartHead:nth-child(5){/* min-width: 50%; */width: 63%;width: calc(100% - 370px);}



.chartSub_04 .charSub:nth-child(1){min-width: 5%;}
.chartSub_04 .charSub:nth-child(2){min-width: 12%;}
.chartSub_04 .charSub:nth-child(3){min-width: 12%;}
.chartSub_04 .charSub:nth-child(4){min-width: 5%;}
.chartSub_04 .charSub:nth-child(5){/* min-width: 50%; *//* max-width: 55%; */width: 62%;width: calc(100% - 370px);text-align: left;overflow: hidden;text-overflow: ellipsis;padding-left: 5%;/* white-space: nowrap; */min-width: 45%;}


.chartHead_05{display: flex; justify-content: space-between;}
.chartHead_05 .rightChartHead:nth-child(1){min-width: 20%;}
.chartHead_05 .rightChartHead:nth-child(2){min-width: 50%;}
.chartHead_05 .rightChartHead:nth-child(3){min-width: 30%;}
.chartSub_05 .rightChartSub:nth-child(1){min-width: 20%;}
.chartSub_05 .rightChartSub:nth-child(2){min-width: 50%;}
.chartSub_05 .rightChartSub:nth-child(3){min-width: 30%;}
.chartSub_05{padding-right: 10px; padding-left: 10px; box-sizing: border-box;}

.graphBox{width: 100%;height: 100%;position: relative;z-index: 1;z-index: 1;}
.graphList{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 1;}
.graphUnit{
    width: 49%;
    margin-bottom: 23px;
    position: relative;
    z-index: 1;
    /* display: none; */
    transition: 0.2s;
    /* height: 372px; */
}


.graphUnit.card{
    width : 100%;
}
.sensorG.graphUnit{
    width : 100%;
}
.sensorG.graphUnit.album{
    width : 49%;
}
.sensorG.graphUnit.album.basic{
    width : 100%;
}
.graphUnit .graphUnitHead{
    padding-left: 23px;
}



.graphUnit .rightCloseIcon{
    position: absolute;
    /* left: 60px; */
}

.graphUnit .chartOpen,
.graphUnit .chartClose{
    display : none;
}

.graphUnit.basic .comImg.chartOpen{
    display : block;
}

.graphUnit.full .comImg.chartClose{
    display : block;
}

.graphUnit.mini{
    /* display : none; */
    width: 0px;
    overflow: hidden;
}
.graphUnit.full{
    /* display : block; */
    width: 100%;
    height: 100%;
    transition: 0.2s;
    /* overflow: auto; */
}
.graphUnit.full[data-gbobsy="18"]{
    overflow: auto;
    height: 380px;
    margin: 0;
}

.graphUnit.full .minmaxop{
    display : block;
    max-width: 200px;
}

.graphUnit.full .minmaxop .baseInput{
    width: 30%;
    min-width: 84px;
}
.minmaxop{
    display : none;
}
.graphUnit.sensorG{
    /* display : block; */
    /* width: 100%; */
}
.graphUnitHeadBox{display: flex;justify-content: space-between;align-items: center;min-height: 25.19px;}
.graphUnitHead{color: #00aaff; font-size: 12px; font-weight: 500;}
.graphBtnBox{display: flex;align-items: center;justify-content: space-between;}
.graphBtnBoxCon .graphBtnBox{width: 100%;}

    
._yangsanCon .graphBtnBoxCon,
._pyeongchangCon .graphBtnBoxCon,
._buyeoCon .graphBtnBoxCon,
._dalseongCon .graphBtnBoxCon
{display: flex;align-items: center;flex-direction: column;justify-content: space-between;/* align-items: center; *//* width: 100%; */width: 170px;}


.popup .graphBtnBoxCon{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
    /* width: 100%; */
    /* width: 170px; */
}

    
._pyeongchangCon .graphBtnBoxCon.alertLvlCon,
._buyeoCon .graphBtnBoxCon.alertLvlCon{
    width: 77px;
    margin-left: 21px;
}
._pyeongchangCon .graphBtnBoxCon.alertLvlCon .selectBox,
._buyeoCon .graphBtnBoxCon.alertLvlCon .selectBox {
    min-width: 78px;
}
.graphBtnBox .graphBtn{

}
.graphBtnBoxCon .graphBtn{width: 31.3%;/* width: 34%; *//* width: 89px; */margin: 0;text-align: center;/* display: flex; *//* justify-content: space-between; *//* align-items: center; */}

.graphUnit.basic .searchop.etcactive .graphBtn{
    width: 44%;
    padding: 4px 0px;
}
.searchop .edate{
    display : none;
}
.searchop.etcactive .edate{
    display: -webkit-inline-flex;
}
.graphBtn{background-color: #f0f0f0;padding: 4px 12px;margin-left: 5px;border-radius: 4px;cursor: pointer;font-size: 11px;font-weight: 300;color: #333333;}
.graphBtnAct{background-color: #00aaff; color: white;}
.graphCon{width: 100%; margin-top: 10px;}

.staticBox{width: 100%;}
.staticList{display: flex; flex-wrap: wrap; width: 100%;}
.staticUnit{width: 33.33%;width: 50%;padding-right: 10px;box-sizing: border-box;margin-bottom: 5%;}
.graphCon{/* overflow-y: auto; *//* position: relative; *//* z-index: 10290; */position: relative;z-index: 1;/* height: 66%; */}
.graphConInner{
    /* padding-bottom: 4px; */
    /* overflow: auto; */
    /* height: calc(100% - 60px); */
}
.graphConList{ height: 25vh;}
.graphConList.rcvData {
    overflow: auto;
}
.staticHeadBox{display: flex; background-color: rgba(64,157,255,0.15); justify-content: space-between; padding:0 10px; height: 28px; align-items: center; border-radius: 6px;}
.staticHead{font-size: 11px; font-weight: 400; color: #00aaff;}
.staticChartBox{display: flex; justify-content: space-between; padding: 0 10px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #dcdcdc;}

.staticChartBox{display: flex;justify-content: space-between;padding: 8px 10px;/* padding-bottom: 8px; */margin: 0px;border-bottom: 1px solid #dcdcdc;}
.dsrisk_info_form.gsnd .staticChartBox{display: flex;justify-content: space-between;padding: 7px 10px;/* padding-bottom: 8px; */margin: 0px;border-bottom: 1px solid #dcdcdc;}    
.obsv_info_form.gsnd .staticChartBox{display: flex;justify-content: space-between;padding: 7px 10px;/* padding-bottom: 8px; */margin: 0px;border-bottom: 1px solid #dcdcdc;}    
.staticChartBox.userItem:hover{/* background : red; */cursor: pointer;box-shadow: 0 0 6px 0px #409dff;}
.staticChartBox.userItem.active{
    background: #ebf5ff;
}
.staticSub{font-size: 11px; }

/* .staticHeadBox .staticHead:nth-child(1){width: 10%;}
.staticHeadBox .staticHead:nth-child(2){width: 10%;}
.staticHeadBox .staticHead:nth-child(3){width: 28%;}
.staticHeadBox .staticHead:nth-child(4){width: 28%;} */

.snsrRcvLst .staticHead:nth-child(1),
.snsrRcvLst .baseText:nth-child(1){width: 5%;}

.snsrRcvLst .staticHead:nth-child(2),
.snsrRcvLst .baseText:nth-child(2){width: 5%;}

.snsrRcvLst .staticHead:nth-child(3),
.snsrRcvLst .baseText:nth-child(3){width: 21%;}

.snsrRcvLst .staticHead:nth-child(4),
.snsrRcvLst .baseText:nth-child(4){width: 28%;width: calc(100% - 319px);}

.snsrRcvLst .staticHead:nth-child(5),
.snsrRcvLst .baseText:nth-child(5){width: 17%;}

.manageUnit{width: 65%;}
.manageHeadBox .staticHead:nth-child(1){min-width: 10%;}
.manageHeadBox .staticHead:nth-child(2){min-width: 20%;}
.manageHeadBox .staticHead:nth-child(3){min-width: 20%;}
.manageHeadBox .staticHead:nth-child(4){min-width: 20%;}
.manageHeadBox .staticHead:nth-child(5){min-width: 30%;}




    

.manageSubBox .baseText:nth-child(1){min-width: 10%;}
.manageSubBox .baseText:nth-child(2){min-width: 20%;}
.manageSubBox .baseText:nth-child(3){min-width: 20%;}
.manageSubBox .baseText:nth-child(4){min-width: 20%;}
.manageSubBox .baseText:nth-child(5){min-width: 30%;}

.stndDBDataCon{/* max-height: 79vh; */padding-bottom: 4px;overflow: auto;height: calc(100vh - 198px);/* max-height: 77vh; */}
.stndDBDataCon_inner{
    /* position: relative; */
    /* height: calc(100% - 29px); */
    /* overflow: auto; */
}


    

.stndDBData_sideCon{/* max-height: 79vh; *//* padding-bottom: 4px; */overflow: auto;/* height: calc(100% - 32px); */}
.manageConList{height: 81vh;/* height: 78vh; */}
.overY{overflow-y: auto;height: calc(100vh - 138px);/* height: calc(100vh - 244px); */}
.manageUnit_02{width: 30%;}
.manageUnit_02.sensorDataList{width: 35%;}
    
.manageList{width: 100%; display: flex; justify-content: space-between;}

.manageChartSub{padding-right: 0px; padding-left: 0px; align-items: center;}

.manageChartSub .rightChartMid{min-width: 60px;}
.manageChartSub .baseInput{width: 100%;}
.manageChartSub .selectBox{width: 100%;}
.staticRadioGroup{width: 100%;}
.staticRadioGroup .onAirRadioBox{ width: fit-content; margin-bottom: 5px;}
.crudBtn{font-size: 11px; font-weight: 300; background-color: #f0f0f0; width: 32%; text-align: center; padding: 4px; box-sizing: border-box; border-radius: 4px; cursor: pointer;}
.crudAct{background-color: #00a0ff; color: white;}

.manageToolBox{/* overflow-y: auto; *//* height: 100%; */}
.manageToolInner{height: calc(100% - 30px);overflow: auto;}
.manageToolList{display: flex; flex-wrap: wrap; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #dcdcdc; max-height: 13vh; overflow-y: auto;}
.manageToolUnit{width: 48%; margin: 0 1%; margin-bottom: 2%;}
.manageSearchInner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.manageSearchInner .selectBox{width: 49%;}
.manageSearchInner .searchTextBox{width: 100%; margin-left: 0px; margin-top: 5px;}

.manageToolList_02{ width: 100%; margin-top: 8px;}
.manageToolInner_02{width: 100%;max-height: 13vh;overflow-y: auto;min-height: 13vh;}
.manageToolHeadBox{display: flex; padding: 0 10px; background-color: rgba(0,160,255,0.15); height: 24px; width: 100%; align-items: center; justify-content: space-between; border-radius: 6px; }

.manageToolHead{font-size: 11px;font-weight: 500;color: #00a0ff;text-align: center;}
.manageToolHead:nth-child(1){}
.manageToolHead:nth-child(2){width:32%}
.manageToolHead:nth-child(3){
        width: calc(100% - 114px);
    text-align: left;
}
.manageToolHead:nth-child(4){}



.manageToolUnitBox{}
.manageToolUnit_02{display: flex;padding: 0 10px;width: 100%;justify-content: space-between;padding-bottom: 8px;margin-bottom: 8px;border-bottom: 1px solid #dcdcdc;}

.addToolBox{margin-top: 10px;overflow-y: auto;overflow-x: hidden;height: calc(100% - 230px);/* padding-right: 20px; */min-height: 210px;}
.addToolFormBox{
    /* height: 500px; */
    overflow: auto;
}
.addToolHeadBox{background-color: rgba(0,160,255,0.15); border-radius: 6px; height: 24px; display: flex; justify-content: center; align-items: center; }
.addToolHead{font-size: 11px; font-weight: 500; color: #00aaff;}
.addToolFormUnit{display: flex;justify-content:  space-between;padding-bottom: 8px;padding-right: 5px;margin-bottom: 8px;border-bottom: 1px solid #dcdcdc;align-items: center;}
.baseMid{font-size: 11px; font-weight: 500; color: #505050;}
.addToolFormUnit .baseMid{min-width: 86px;}
.addToolFormUnit .baseInput{width: 100%;}
.baseTextarea{width: 100%; resize: none; height: 80px; border-radius: 6px; border: none; background-color: #f0f0f0;outline: none; padding: 4px; box-sizing: border-box; font-size: 11px; color: #505050; font-weight: 300;}
.baseBtn{font-size: 11px; font-weight: 300; color: #505050; background-color: #f0f0f0; width: 100px; display: flex; height: 24px; border-radius: 6px; align-items: center; justify-content: center; cursor: pointer;}
.baseBtnAct{background-color: #00aaff; color: white;}

.manageTable{width: 100%;}
.tableSplit{width: 100%; display: flex; }
.byTable .tableSplit{width: calc(100% - 4px);/* min-width: 100px; */display: flex;}
.dsTable .tableSplit{width: calc(100% - 4px);/* width: calc(100% - 146px); *//* min-width: 100px; *//* display: flex; */}
.pcTable .tableSplit{width: calc(100% - 4px);/* width: calc(100% - 146px); *//* min-width: 100px; *//* display: flex; */}
.manageTableCon{width: 100%;}
.byTable .manageTableCon{width: 100%;}
.dsTable .manageTableCon{width: 100%;/* width: 70%; */}
.pcTable .manageTableCon{width: 100%;/* width: 70%; */}
.manageTableCon.setAutoBCForm .setupContents{

}
.manageTableCon.setAutoBCForm .setupContents[disabled="disabled"],
.manageTableCon.setAutoBCForm .setupContents.notused
{
    opacity: 0.3;
    cursor: not-allowed !important;
    /* pointer-events: none !important; */
}


.manageTableHeadBox{display: flex;justify-content: space-between;background-color: rgba(0,170,255,0.15);border-radius: 6px;}
.manaTSingle{border-right: 1px solid white;  align-items: center; display: flex; justify-content: center;}
.manaTCouple{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.maneTUnit{width: 100%;}
.splitFour{}

.manaTSingle_01{min-width: 16.66%;/* min-width: 20%; */}
.byTable .manaTSingle_01{min-width: 20.06%;}
.dsTable .tableSplit .manaTSingle_01{/* min-width: 20.06%; */min-width: 20%;}
.dsTable .tableSplit .manaTBody .manaTSingle_01 .maneT_01 {min-width: 100%;}    
.dsTable .tableSplit.bottom .manaTSingle_01{min-width: 20.06%;min-width: 20%;}
    
.pcTable .tableSplit .manaTSingle_01{/* min-width: 20.06%; */min-width: 20%;}
.pcTable .tableSplit .manaTBody .manaTSingle_01 .maneT_01 {min-width: 100%;}    
.pcTable .tableSplit.bottom .manaTSingle_01{min-width: 20.06%;min-width: 20%;}

.ysTable .tableSplit .manaTSingle_01{/* min-width: 20.06%; */min-width: 18%;}
.ysTable .tableSplit .manaTBody .manaTSingle_01 .maneT_01 {min-width: 100%;}    
    
    
.jjTable .manaTSingle_01{min-width: 20%;}
.manaTCouple_01{min-width: 57.14%;/* min-width: 80%; */}
.byTable .manaTCouple_01{min-width: 79.94%;}
.dsTable .tableSplit .manaTCouple_01{min-width: 79.94%;min-width: 80%;justify-content: left;/* min-width: 85%; *//* min-width: 30px; */}
.dsTable .tableSplit.bottom .manaTCouple_01{min-width: 79.94%;min-width: 80%;}
    
.pcTable .tableSplit .manaTCouple_01{min-width: 79.94%;min-width: 80%;justify-content: left;/* min-width: 85%; *//* min-width: 30px; */}
.ysTable .tableSplit .manaTCouple_01{min-width: 82%;justify-content: left;/* min-width: 30; */}
    
.pcTable .tableSplit.bottom .manaTCouple_01{/* min-width: 79.94%; *//* min-width: 80%; */}
.manaTCouple_02{min-width: 26.57%;}
.tableSplit.top .manaTSingle_01{min-width: 14.26%;}
.tableSplit.top .manaTCouple_01{min-width: 57.14%;}
.tableSplit.top .manaTCouple_02{min-width: 28.57%;}
.splitFour{display: flex;justify-content: space-between;/* justify-content: left; */}
.dsTable .splitFour{justify-content: left;}

.pcTable .splitFour{justify-content: left;}
.pcTable .tableSplit .splitFour .baseMid{/* min-width: 20%; */min-width: 16.6%;}

.ysTable .splitFour{justify-content: left;}
.ysTable .tableSplit .splitFour .baseMid{/* min-width: 20%; */min-width: 20%;/* min-width: 19.6%; */}
        
    
.tableSplit .splitFour .baseMid{min-width: 20%;/* min-width: 16.6%; */}    
.tableSplit.bottom .splitFour .baseMid{/* min-width: 25%; */}
.pcTable .tableSplit.bottom .splitFour .baseMid{min-width: 20%;}
.ysTable .tableSplit.bottom .splitFour .baseMid{/* min-width: 20%; */}    
.jjTable .splitFour .baseMid{min-width: 25%;}
.jjTable .splitFour .baseMid.minW50pr{min-width: 50%;}


.splitTwo{display: flex; justify-content: space-between; }
.splitTwo .baseMid{min-width: 50%;}

.manaTHead_01{
    justify-content: left;
}
.tSpare_01{min-width: 20%;}
.manageTableCon .baseMid{min-height: 24px;display: flex;justify-content: center;align-items: center;}
.manaTCouple .maneTUnit:nth-child(1){border-bottom: 1px solid white;}
.manaTCouple_02{border-left: 1px solid white;}

.maneT_01{min-width: 14.58%;/* min-width: 111px; */}
.byTable .maneT_01{min-width: 20%;}
.dsTable .tableSplit .maneT_01{/* min-width: 20%; *//* min-width: 170px; *//* min-width: 100%; */width: 20%;}
.dsTable .tableSplit.bottom .maneT_01{min-width: 20%;width: 20%;}
.pcTable .tableSplit .maneT_01{/* min-width: 20%; *//* min-width: 170px; *//* min-width: 100%; */width: 16.6%;}
.pcTable .tableSplit.bottom .maneT_01{/* min-width: 20%; */width: 20%;}

.ysTable .tableSplit .maneT_01{/* min-width: 20%; *//* min-width: 170px; *//* min-width: 100%; */width: 20%;/* width: 100%; *//* width: 22%; */}
.ysTable .tableSplit.bottom .maneT_01{/* min-width: 20%; *//* width: 20%; */}    
.maneT_01.topTtl{
    min-width: 14.3%;
}
.maneT_01.top{
    min-width: 14.3%;
}
.maneT_02{min-width: 26.57%;}
.maneT_02.top{
    min-width: 28.5%;
}
.minW50pr{
    min-width : 50%;
}
.manaTBody{/* background: gray; */}
.manaTBodyUnit{display: flex;justify-content: space-between;width: 100%;align-items: center;/* border-bottom: 1px solid #cccccc; */justify-content: left;}
.dsTable .manaTBodyUnit{justify-content: left;}    
.pcTable .manaTBodyUnit{justify-content: left;}    
.maneTCell{padding: 4px;box-sizing: border-box;/* height: 33px; */}
.manaSign{display: flex;align-items: center;justify-content: center;height: 30px;height: 26px;font-size: 11px;font-weight: 400;color: #333333;border-radius: 6px;/* min-width: 100%; */}
.signBlue{background-color: #00a0ff;}
.maneTCell .baseInput{width: 100%;/* width: 30px; */}
.signYellow{background-color: #ffe600;}
.signOrange{background-color: #ffa000;}
.signRed{background-color: #e60000;color: white;}

.tSpare_02{min-width: 14.28%;}
.byTable .tSpare_02{min-width: 24.28%;}
.dsTable .tSpare_02{/* min-width: 24.28%; */min-width: 30%;}   
.dsTable .tSpare_01{min-width: 24.28%;min-width: 30%;/* min-width: 30%; *//* min-width: 560px; */}   
.pcTable .tSpare_02{/* min-width: 24.28%; */min-width: 30%;}   
.pcTable .tSpare_01{min-width: 24.28%;min-width: 30%;/* min-width: 30%; *//* min-width: 560px; */}   

.ysTable .tSpare_02{/* min-width: 24.28%; */min-width: 30%;}   
.ysTable .tSpare_01{min-width: 30%;}   
    
.manaTSingle_02{width: 16.66%;}
.manaTCouple_03{min-width: 14.28%;}
.manaT_six .maneTCell{min-width: 16.66%;/* height: 100%; */}
.jjTable .manaT_six .maneTCell{min-width: 20%;/* height: 100%; */}
.manaT_six .manaTSingle{/* min-width: 16.66%; */}
.manaT_six .manaCouple_six{min-width:66.66%;}
.jjTable .manaT_six .manaCouple_six{min-width: 80%;}
.manaT_six .manaCouple_one{min-width: 16.66%;}
.setAutoSMSForm .maneTCell,
.setAutoBCForm .maneTCell{
    position: relative;
    min-width : auto;
}

 
.setAutoBCForm .manaTSingle:nth-child(1),
.setAutoBCForm .maneTCell:nth-child(1){
    width: 17%;
}
.setAutoBCForm .manaTSingle:nth-child(2),
.setAutoBCForm .maneTCell:nth-child(2){
    width: 17%;
}
.setAutoBCForm .manaTSingle:nth-child(3),
.setAutoBCForm .maneTCell:nth-child(3){
    width: 7%;
}
.setAutoBCForm .manaTSingle:nth-child(4),
.setAutoBCForm .maneTCell:nth-child(4){
    width: 32%;
    
}
    
.setAutoBCForm.xroshotAutoSetForm .manaTSingle:nth-child(4),
.setAutoBCForm.xroshotAutoSetForm .maneTCell:nth-child(4){
    width: 49%;
}    
.setAutoBCForm._buyeo .manaTSingle:nth-child(4),
.setAutoBCForm._buyeo .maneTCell:nth-child(4){
    width: 49%;
}
.setAutoBCForm._dalseong .manaTSingle:nth-child(4),
.setAutoBCForm._dalseong .maneTCell:nth-child(4){
    width: 49%;
}
    
.setAutoBCForm .manaTSingle:nth-child(5),
.setAutoBCForm .maneTCell:nth-child(5){
    width: 20%;
}

.setAutoBCForm.xroshotAutoSetForm .manaTSingle:nth-child(5),
.setAutoBCForm.xroshotAutoSetForm .maneTCell:nth-child(5){
    width: 10%;
}    
    
.setAutoBCForm._buyeo .manaTSingle:nth-child(5),
.setAutoBCForm._buyeo .maneTCell:nth-child(5){
    width: 10%;
}
.setAutoBCForm._dalseong .manaTSingle:nth-child(5),
.setAutoBCForm._dalseong .maneTCell:nth-child(5){
    width: 10%;
}
.setAutoBCForm .manaTSingle:nth-child(6),
.setAutoBCForm .maneTCell:nth-child(6){width: 10% !important;}



.setAutoSMSForm .manaTSingle:nth-child(1),
.setAutoSMSForm .maneTCell:nth-child(1){
    width: 17%;
}

.setAutoSMSForm .manaTSingle:nth-child(2),
.setAutoSMSForm .maneTCell:nth-child(2){
    width: 16%;
}
.setAutoSMSForm .manaTSingle:nth-child(3),
.setAutoSMSForm .maneTCell:nth-child(3){
    width: 57%;
}
.setAutoSMSForm .manaTSingle:nth-child(4),
.setAutoSMSForm .maneTCell:nth-child(4){
    width: 10%;
}
.setAutoSMSForm .manaTSingle:nth-child(5),
.setAutoSMSForm .maneTCell:nth-child(5){
    width: 10%;
}

.setAutoBCForm audio{
    height: 31px;
    float: left;
    width: calc(100% - 19px);
}



.manaCouple_one{border-left: 1px solid white;}
.flex{display: flex;width: 50%;}
.flex._buyeo{/* display: flex; *//* width: 60%; */}
.manegeBtn{width: 100%; max-width: 80px;}
.borderRightNone .manaTSingle{border-right: none;}
.maneTCell .selectBox{width: 100%;}
.maneTCell .onAirRadioBox{/* justify-content: space-between; */width: initial;/* display: flex; */}
.maneT_02{display: flex;justify-content: center;}
.searchInner .all_onairBox{
    /* width: 108px; */
    /* position: relative; */
    display: flex;
    justify-content:  center;
    /* text-align: right; */
    /* float: right; */
    /* right: 0; */
    margin-left: auto;
}



.xroshot_listener{
    
margin-top: 10px;
    border-top: 1px solid #b3b3b3;padding-top: 10px;}

.existFile{display: block;}
.existFileHide{display: none;}
.existFileInner{display: flex; justify-content: space-between; align-items: center;}
.existFileInput{display: none !important;}

.manaT_six .manaTSingle_02, .manaT_six .maneT_03{min-width:33.32%;}

input[type=range] {
  height: 6px;
  margin: 6px 0 6px 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}
.minW20pr{min-width: 20% !important;}
.minW40pr{min-width: 40% !important;/* min-width: 80% !important; */}    
.minW332pr{min-width: 33.2% !important;}
.minW166pr{min-width: 16.6% !important;}
.minW20pr{min-width: 20% !important;}
.minW60pr{min-width: 60% !important;}
.minW664pr{min-width: 66.4% !important;}
.minW80pr{min-width: 80% !important;/* min-width: 66.4% !important; */}
.minW60{min-width: 60px;}
.minW55{min-width: 55px;}
.txtR{text-align: right;}
.marAuto{margin: 0 auto;}
.w20pr{width: 20%;}
.w30pr{width: 30%;}
.w32pr{width: 32%;}
.w33pr{width: 33%;/* width: 48%; */width: 32.5%;}
.w40pr{width: 40%;}
.w45pr{width: 45%;}
.w48pr{width: 48%;}
.w20pr{width: 20%;}
.w65pr{width: 65%;/* width: 100%; */}
.w100pr{width: 100%}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;/* margin-top: 0px; */}
.mt14{margin-top: 14px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.ml5{margin-left: 5px;}
.txtC{text-align: center;/* max-width: 51px; */}
.w48pr{width: 48%;/* width: 33%; */}
.w50pr{width: 50%;}
.pointColor{color: #00aaff;}
.flexBet{display: flex;justify-content: space-between;position: relative;}
.flexEvn{display: flex;justify-content: space-evenly;position: relative; align-items : center;}
.flexStart{
    display: flex;
    justify-content: start;
    align-items: center;
}
.text-wdot{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.flexColumn{
    
flex-direction: column;display: flex;height: 56px;/* width: 146px; */justify-content: space-between;/* alignment-baseline: middle; */}
.flexBet.chartBox {height: calc(100% - 58px);/* overflow-y: overlay; */position: relative;/* min-width: 1057px; *//* overflow-x: auto; */}
.comImg{width: 100%;}
.comImgH{height: 100%;}
.borderBNone{border-bottom: none;}

.chartTitle{
    font-size : 16px;
    font-weight : bold;
}
.borderR_W{
    border-right : 1px solid white;
}











.rec_brct_area.active,
.tts_brct_area.active{
    opacity: 1;
    cursor: auto !important;
}
.tts_brct_area{
    padding-top : 10px;
}
.tts_brct_area,.rec_brct_area{
    opacity: 0.4;
    margin-top: 10px;
    border-top: 1px solid #b3b3b3;
    cursor: not-allowed !important;
}
.rsvSection{
    margin-top: 10px;
    border-top: 1px solid #b3b3b3;
}
.tts_brct_area.disabled *,.rec_brct_area.disabled *{
    cursor: not-allowed;
    pointer-events: none;
}

#dynamicallyPlayers{
    width: 660px;
    height: 405px;
}

.history_bc_list,.usersmsList,.userActList,.sensorEvtLst{
    height: 71vh;
    overflow: overlay;
    /* height: calc(100% - 56px); */
    position: relative;
}



.history_bc_list .charSubBox:hover{
    cursor: pointer;
    box-shadow: 0 0 6px 0px #409dff;
}

.history_bc_list .charSubBox.active{
    background-color: #ebf5ff;
    background: #409dff;
    color: white;
}

.ttsplayBtn,.ttsinputFileBtn{top: 2px;/* right: 0; *//* left: 97px; */z-index: 2;/* bottom: 2px; *//* flex-direction: row; *//* flex-wrap: nowrap; *//* align-content: center; *//* align-items: flex-end; */position: relative;/* cursor: pointer; *//* background: #ebebeb; */float: left;padding-left: 2px;}
.wavFileUploadBtn:hover,
.ttsplayBtn:hover,
.ttsinputFileBtn:hover{
    cursor: pointer;
}
.ttsinputFileBtn{/* top: -3px; *//* left: 7px; *//* top: 6px; *//* right: 21px; */}
.wavFileUploadBtn{
    position: relative;
    top: 5px;
    float: left;
}

.wavFileUploadBtn img,
.ttsinputFileBtn img,
.ttsplayBtn img{
    width: 19px;
    /* height: 100%; */
}


.sensorTreeMap .tree:hover{
    cursor : pointer;
    box-shadow: 0 0 6px 0px #409dff !important;
    z-index: 1000 !important;
}


.sensorTreeMap .treeItem.active .tree.area{
    background: #eef6ff;
    box-shadow: 1px 1px 1px 1px #cce6ff;
}

.rightChartUnit.tree.area {}
.sensorTreeMap .tree.area{
    margin: 0;
    padding-bottom: 8px;
    position: relative;
    z-index: 3;
    background: white;
}

.cctvTreeMap .tree.area{
    margin: 0;
    padding: 0px;
    position: relative;
    z-index: 3;
    background: white;
}

.rtdTreeMap .tree.area{
    margin: 0;
    padding: 0px;
    position: relative;
    z-index: 3;
    background: white;
}

.rtdTreeMap .tree:hover{
    cursor : pointer;
    box-shadow: 0 0 6px 0px #409dff !important;
    z-index: 1000 !important;
}


.sensorTreeMap .tree.area .rightChartMid,
.sensorTreeMap .tree.area .rightChartSub{
    /* color: #525252; */
}

.sensorTreeMap .tree.unit,
.sensorTreeMap .tree.sensor{
    padding-left: 23px;
    border: 0;
    margin: 0;
    padding: 3px 0px 3px 20px;
    min-height: 17px;
    background: white;
}
.sensorTreeMap .tree.sensor{
    z-index: 2;
    position: relative;
    /* overflow: hidden; */
}
.sensorTreeMap .tree.sensor>p{
    color: #2196f3;
    /* width: 33.3%; */
}

.sensorTreeMap .tree.unit{
    padding-left: 40px;
    position: relative;
    /* z-index: 1; */
    /* background: white; */
    /* background: #d8d8d8; */
    
}
.sensorTreeMap .tree.unit>p{
    color : #5772dc;
    /* color: #b1b1b1; */
}
.sensorTreeMap .tree.unit.current>p{
   color : red;
}

.sensorTreeMap .tree.sensor.current>p{
    color : red;    
}

.sensorTreeMap .tree.sensor.active{
    display: flex;
}

.sensorTreeMap .treeSensorUnit,
.sensorTreeMap .treeSensorGroup{
    display : none;
    /* max-height: 0px; */
    transition: all 0.4s;
    /* position: relative; */
    /* z-index: 0; */
}
.sensorTreeMap .treeSensorUnit.active,
.sensorTreeMap .treeSensorGroup.active{
    display : block;
    /* transition: all 0.4s; */
    /* height: 3px; */
    /* max-height: 100%; */
    /* height: auto; */
    /* position: relative; */
    /* background: white; */
    /* background: red; */
}
.sensorTreeMap{
    height: calc(100% - 72px);
    overflow: overlay;
    background: white;
    /* background: red; */
    position: relative;
    /* z-index: 37; */
}

.cctvTreeMap{
    height: calc(100% - 517px);
    overflow: overlay;
    background: white;
    position: relative;
    min-height: 100px;
    margin-top: 23px;
}
._dalseongCon .cctvTreeMap{
    height: calc(100% - 544px);
    margin-top: 0;/* overflow: overlay; */
    /* background: white; */
    /* position: relative; */
    /* min-height: 100px; */
    /* margin-top: 23px; */
}
._pyeongchangCon .cctvTreeMap{
    height: calc(100% - 638px);
}
._jinjucastleCon .cctvTreeMap{
    height: calc(100% - 531px);
}
._yangsanCon .cctvTreeMap{
    height: calc(100% - 671px);
}
.rtdTreeMap{
    height: calc(100% - 102px);
    overflow: overlay;
    background: white;
    position: relative;
    min-height: 100px;
    margin-top: 23px;
}
.cctvTreeMap .cctvLstIcon{border: 0;}
.cctvTreeMap .cctvLstIcon>img{
    position: relative;
    width : 30px;
    height: 30px;
    /* border: 0; */
}
.rtdTreeMap .cctvLstIcon{border: 0;}
.rtdTreeMap .cctvLstIcon>img{
    position: relative;
    width : 30px;
    height: 30px;
    /* border: 0; */
}
.rtdTreeMap .cctvLstIcon:hover{
    cursor: pointer;
}
.cctvTreeMap .cctvLstIcon:hover{
    cursor: pointer;
}

.treeItem{
    position : relative;
    background: white;
    z-index: 3;
}
.treeItem.active{
    /* color: red !IMPORTANT; */
    /* background-color : red; */
}
.rtdTreeMap .treeItem{
    

}
.graphUnit .searchop{
    position : relative
}
.graphUnit .searchop .searchIcon_02 {right: -22px;}
.graphUnit.basic .searchop.etcactive .searchIcon_02 {right: -11px;}

.raininfo_lnk, .thermalCCTV_allnew{
    color: #0ec518 !important;
    border-bottom: 1px solid;
}

.raininfo_lnk:hover, .thermalCCTV_allnew:hover{
    color: #118e17 !important;
}

.sensorRealTime{
    display: none;
}


.sensorRealTime.active{
    display: block;
}

.sensorRealTime.all{
}


.sensorRealTime.detail{
}

.sensorRealTime.detail .rightInfoHead{
    margin-bottom: 10px;
}

.sensorRealTime.detail .backIcon{

}
.sensorRealTime.detail .backIcon:hover{
    cursor:pointer;
}

.sensorRealTime.detail .backIcon>img{
    width: 21px;
}
.thermalCCTV_allnew{
}

.cctvInfoBtnImg{
    float: right;
    padding-right: 25px;
    top: -6px;
    position: relative;
    cursor: pointer;
}

.container.chartCon{padding: 7px 8px 0px 0px;position: relative;width: 100%;}


.sortBtnBox{

}
.sortBtnBox>.sort_card.current{
    background-position: -207px -64px;
}
.sortBtnBox>.sort_card{
    margin-left: 12px;
    background-position: -207px -112px;
    
}
.sortBtnBox>.sort_album.current{
    background-position: -207px -88px;
}
.sortBtnBox>.sort_album{
    margin-left: 12px;
    background-position: -207px -40px;
}
.sortBtnBox>.sort_full.current{
    background-position: -207px -21px;
}
.sortBtnBox>.sort_full{
    margin-left: 12px;
    background-position: -207px -2px;
}

.sortBtnBox>.sort_full,
.sortBtnBox>.sort_card,
.sortBtnBox>.sort_album{
    display: inline-block;
    background-image: url(/warningsystem/images/sp_icon.png);
    background-repeat: no-repeat;
    vertical-align: top;
    cursor: pointer;
    width: 14px;
    height: 16px;
}

._blind{
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
}



/* menu ndms css start */
.dsrisk_manager_form{

}
.dsrisk_manager_form .manageChartSub .rightChartMid{
    min-width: 117px;
}
.obsv_info_form .manageChartSub .rightChartMid,
.dsrisk_info_form .manageChartSub .rightChartMid{
    min-width: 117px;
}

.dsriskManagerBox p:nth-child(1){min-width: 13%;}
.dsriskManagerBox p:nth-child(2){min-width: 10%;}
.dsriskManagerBox p:nth-child(3){min-width: 10%;}
.dsriskManagerBox p:nth-child(4){min-width: 10%;}
.dsriskManagerBox p:nth-child(5){min-width: 10%;}
.dsriskManagerBox p:nth-child(6){min-width: 11%;}

.dsriskInfoBox p:nth-child(1){min-width: 13%;}
.dsriskInfoBox p:nth-child(2){min-width: 10%;}
.dsriskInfoBox p:nth-child(3){min-width: 10%;}
.dsriskInfoBox p:nth-child(4){min-width: 10%;}
.dsriskInfoBox p:nth-child(5){min-width: 10%;}
.dsriskInfoBox p:nth-child(6){min-width: 11%;}
.dsriskInfoBox p:nth-child(7){min-width: 13%;}
.dsriskInfoBox p:nth-child(8){min-width: 11%;}

.dsriskInfoBox.gsnd p:nth-child(1){min-width: 14%;}
.dsriskInfoBox.gsnd p:nth-child(2){min-width: 14%;}
.dsriskInfoBox.gsnd p:nth-child(3){min-width: 10%;}
.dsriskInfoBox.gsnd p:nth-child(4){min-width: 10%;}
.dsriskInfoBox.gsnd p:nth-child(5){min-width: 14%;}
.dsriskInfoBox.gsnd p:nth-child(6){min-width: 11%;}
.dsriskInfoBox.gsnd p:nth-child(7){min-width: 10%;}
.dsriskInfoBox.gsnd p:nth-child(8){min-width: 10%;}

.obsvInfoBox.gsnd p:nth-child(1){min-width: 13%;}
.obsvInfoBox.gsnd p:nth-child(2){min-width: 13%;}
.obsvInfoBox.gsnd p:nth-child(3){min-width: 12%;}
.obsvInfoBox.gsnd p:nth-child(4){min-width: 8%;}
.obsvInfoBox.gsnd p:nth-child(5){min-width: 8%;}
.obsvInfoBox.gsnd p:nth-child(6){min-width: 25%;}
.obsvInfoBox.gsnd p:nth-child(7){min-width: 10%;}
.obsvInfoBox.gsnd p:nth-child(8){min-width: 10%;}

.sensor_history_gsndBox.gsnd p:nth-child(1){min-width: 6%;}
.sensor_history_gsndBox.gsnd p:nth-child(2){min-width: 7%;}
.sensor_history_gsndBox.gsnd p:nth-child(3){min-width: 7%;}
.sensor_history_gsndBox.gsnd p:nth-child(4){min-width: 9%;}
.sensor_history_gsndBox.gsnd p:nth-child(5){min-width: 8%;}
.sensor_history_gsndBox.gsnd p:nth-child(6){min-width: 10%;}
.sensor_history_gsndBox.gsnd p:nth-child(7){min-width: 10%;}
.sensor_history_gsndBox.gsnd p:nth-child(8){min-width: 9%;}
.sensor_history_gsndBox.gsnd p:nth-child(9){min-width: 9%;}

.dsriskAlramHistoryBox p:nth-child(1){min-width: 14%;}
.dsriskAlramHistoryBox p:nth-child(2){min-width: 7%;}
.dsriskAlramHistoryBox p:nth-child(3){min-width: 11%;}
.dsriskAlramHistoryBox p:nth-child(4){min-width: 10%;}
.dsriskAlramHistoryBox p:nth-child(5){min-width: 10%;}
.dsriskAlramHistoryBox p:nth-child(6){min-width: 31%;}

.stndDBDataList p:nth-child(1){min-width: 3%;}
.stndDBDataList p:nth-child(2){min-width: 14%;}
.stndDBDataList p:nth-child(3){min-width: 12%;}
.stndDBDataList p:nth-child(4){min-width: 13%;}
.stndDBDataList p:nth-child(5){min-width: 8%;}
.stndDBDataList p:nth-child(6){min-width: 20%;}
.stndDBDataList p:nth-child(7){min-width: 21%;}

    

    
.updAppendData{
    display: none;
}
.updAppendData.active{
    display: block;
}

.sideFlexDataItem {
    
display: flex;justify-content: flex-start;position: relative;}


.stndDB_menuLnk{

}

.stndDBDataList .mgtBtn{
    width: 327px;
    /* position: relative; */
    /* bottom: 3px; */
}

.stndDB_menuLnk .db_lnkItem{
    color : gray;
    padding-right: 15px;
    cursor: pointer;
    transition: 0.1s;
    position: relative;
    top: 0px;
}

.stndDB_menuLnk .db_lnkItem:hover{
    color : #00aaff;
    top: -3px;
}

.stndDB_menuLnk .db_lnkItem.current{
    color : #505050;
}


@media (max-height: 50vh) {
    .stndDBDataCon{
        /* height: calc(100% - 60px); */
    }
    
}

/* menu ndms css end */

@media (max-width : 1400px){
    .graphUnit{
        width : 100%;
    }
}

@media (max-width : 1600px){
    .manegeTableSpare{
        display : none;    
    }
    
}