/************************************ POPUP  ************************************/
.modal { 
  position: fixed; 
  left: 0; 
  top: 0; 
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.2); 
  opacity: 0; 
  display: block;
  visibility: hidden; 
  transform: scale(1.1); 
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; 
  z-index:9999;
} 
.modal-content { 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  background-color: white; 
  padding:30px; 
  border-radius: 0.5rem;
  z-index: 9999;
  overflow-y: scroll;
  min-height: 500px;
  max-height: 700px;
} 
.close-button { 
  float: right; 
  font-size: 30px;
  width: 16px;
  height: 16px; 
  line-height: 20%;
  text-align: center; 
  cursor: pointer; 
  color:#222;
} 
.show-modal { 
  opacity: 1;
  visibility: visible; 
  transform: scale(1.0); 
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; 
} 
.modal-content h6 {
  font-size: 14px;
  letter-spacing: -1px;
  position: relative;
  padding: 0 0 7px 0;
  font-weight: 700;
}
.modal-content h6 button {
  position: absolute;
  bottom: 5px; right: 5px;
}
.modal-content h6::before {
  content: '';
}
.pop-tb {
  width: 1000px;
  margin-bottom: 20px;
}
.pop-tb h6 {
  font-size: 15px;
  font-weight: 700;
}
.pop-agree-txt2 { 
  margin-top: -1px;
  padding:15px 20px;
  border:1px solid #ddd;
  font-weight: 700;
  font-size: 13px;
  color:#4288ca;
}
.pop-agree-txt {
  padding: 20px 20px 13px;
  border:1px solid #ddd;
}
.pop-agree-txt li {
  margin-bottom: 7px;
  line-height: 22px;
}
.pop-agree {
  padding: 10px 0;
  text-align: right;
}
.pop-btnbox-s {
  text-align: right;
  padding: 10px 0;
}
.avt-pop {
  width: 100%;
  border-top: 2px solid #333;
  padding: 12px 0 12px 20px;
}
.avt-pop th {
  padding: 12px 15px;
  border-bottom: 1px solid  #e6e6e6;  
  border-right:1px solid  #e6e6e6;
  background: #f5f5f5;
  text-align: center;
  vertical-align: middle;  
  font-weight: 700;
}
.avt-pop td {
  border-bottom: 1px solid  #e6e6e6;
  border-right:1px solid  #e6e6e6;
  padding: 12px 15px;
  vertical-align: middle;
}
.avt-pop td:last-child, .avt-pop th:last-child  {
  border-right: none;
}
.avt-p { 
  font-weight: 700;
  color:#e75300;
  margin-bottom: 10px;
}
.pop-sum { 
  position: absolute;
  top:5px; left:0;
  font-weight: 700;
}
.btnbox-pop {
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.btnbox-spop {
  text-align: center;
}
.btnbox-spop {
  padding:10px 0;
}
.btnbox-pop button, .btnbox-spop button {
  width: 100px;
  margin: 0 5px;
  padding:5px 10px 7px;
}
.pop-search {
  width: 400px;
}
.pop-ceo {
  width: 400px;
}
.pop-company {
  width: 600px;  
}
.pop-company h5, .pop-search h5, .pop-ceo h5 {
  font-size: 17px;
  font-weight: 700;
  border-bottom: 2px solid #1c66b1;
  padding:0 0 10px 0;
  margin-bottom: 20px;
}
.pop-result {
  padding:10px;
  text-align: center;
}
.p-search {
  background: #f5f5f5;
  padding:20px 40px 15px;
}
.ps-name {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.ps-name label {
  display: inline-block;
  width: 130px;
  font-weight: 700;
}



.list-basic { 
  width: 100%;
  border-top: 2px solid #0c59cd;
}
.list-basic th {  
  border-bottom: 1px solid #666;
  background: #fff;
  text-align: center;
  padding: 14px 0;
  font-weight: 700;
}
.list-basic td {
  border-bottom: 1px solid #ddd;
  background: #fff;
  padding: 17px 10px;
  text-align: center;
}

.btn-confirm, .btn-search {
  background: #164bad;
  color:#fff;
}



 @media (max-width: 487px) and (min-width:360px) {
 .modal-content{width:96%}
 .pop-company{width:100%}
 .ps-name span{font-size:12px}
 .list-basic th{font-weight:500; font-size:12px }
 .post-s{width:6%}
 .post-n{width:6%}
 .post-n1{width:8%}
 .list-basic td{font-size:12px; padding:10px 3px}
}