.popModal {
  display: none;
  position: absolute;
  top: 90px;
  left: 400px;
  z-index: 1000;
}

.filterModal {
  width: 1000px;
}

.popModalInner {
  display: flex;
  padding: 20px;
  min-width: 300px;
  /* max-height: calc(100vh - 100px); */
  max-height: calc(100vh - 160px - 60px);
  border: 1px solid #ddd;
  border-radius: 32px;
  background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
}
.hosNameModal .popModalInner {
  padding-bottom: 30px;
}

.popModalInner h2 {
  font-size: 1.1rem;
}
.popModalInner h3 {
  font-size: 1rem;
  font-weight: 600;
}
.popModalCont {
  width: 100%;
}
.popModalCont .resLocalText {
  margin: 10px 0;
}
.popModalCont .resLocalLabel {
  display: inline-block;
}
.popModalCont .resLocalData {
  display: inline-block;
  color: #f05902;
}
.popModalCont .resLocalData i {
  margin-right: 4px;
  color: #0f9c0f;
}

.popModalCont .webInput {
  width: 100%;
}
.popModalCont .webInput:focus {
}
.popModalCont .webInput::placeholder {
}

.popModalCont .webInput.hidden {
  display: none;
}

.popModalHalf {
  width: 50%;
  padding: 10px 15px;
  border-left: 1px dotted #ddd;
}

.popModalHalf.typeHouter {
  border-left: 0;
}

.popModalHalf ul {
  margin: 0;
  padding: 0;
}
.popModalHalf ul li.disabledChkOuter {
  padding: 10px 0;
}
.popModalHalf ul li.disabledChkOuter .disabledChk {
  font-size: 0.85rem;
}
.popModalHalf ul li.filterLi {
  display: flex;
  padding: 5px 0;
}
.popModalHalf ul li.filterLi .filterInputCont {
  padding: 1px 3px 0 0;
}
.popModalHalf ul li.filterLi .filterLabelCont {
  font-size: 0.85rem;
}

@media all and (min-width:1367px) {
 
}

@media only screen and (max-width:1366px) {
  .filterModal {
    max-width: 600px;
    width: 95%;
  }
  .popModalInner {
    display: block;
    max-height: calc(100vh - 160px - 60px);
    overflow: hidden;
    overflow-y: auto;
  }
  .locModal,
  .hosNameModal {
    max-width: 400px;
    width: 95%;
  }
  .popModalHalf {
    float: left;
    border-left: 0;
  }  
  
}

@media only screen and (max-width:1024px) {
}

@media screen and (max-width:768px){
  .popModal {
    top: 100px;
  }

}

@media screen and (max-width:768px){
  .popModal {
    top: 80px;
  }

}