/* Alert 
------------------------------------------------------------------------------------------------------- */
.alert-wrap {    
  background: rgba(0, 0, 0, 0.4);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index : 9999;
}
.alert-wrap.show {
  display: block;
}
.alert-wrap .alert {
  background-color: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.14), 
              0px 6px 30px rgba(0, 0, 0, 0.12), 
              0px 8px 10px rgba(0, 0, 0, 0.2);
  padding: 24px;

  position: absolute;
  left: 50%; top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 286px;
}
.alert .alert-tit {
  font-size: 1rem;
  font-weight: bold;
}
.alert .alert-msg {
  color: #444;
  font-size: 14px;
  margin-bottom: 50px;
}
.alert .btn-area {
  display: flex;
  display: -ms-flexbox;
  font-size: .8em;
  justify-content: flex-end;
}
.alert .btn {
  font-size: 14px;    
  padding: .25em .65em;
}
.alert .btn.alert-btn-success {    
  background: #121212;
  color: white;
}
.alert.alert-form {
  width: 506px;
}
.alert.alert-form .btn-area {    
  margin-top: 1.2em;
}
.srchPop {
  z-index: 1051;
}  
[ name="typeIcon" ] {
  height: 30px;
  margin-right: 5px;
}
input[type=checkbox] {
  cursor: pointer;
}
.modal {
  background: rgba(0,0,0, .3);
}
.modal-body {
  max-height: 530px;
  overflow: hidden;
  overflow-y: auto;
}
.modal-header,
.modal-footer {
  padding: 1rem 1.75rem;
}
.datepicker.datepicker-dropdown.dropdown-menu {
/* modal z-index: 1050 */
  z-index: 1100 !important;
}

.align-center {
  align-items: center;
}

.w-12 {
  width: 12%
}

.w-16 {
  width: 16%
}

.w-20 {
  width: 20%
}

.w-22 {
  width: 22%
}

.w-30 {
  width: 30%
}

/* Align */
.ta-c { text-align: center;}
.ta-r { text-align: right;}
.jc-sb { justify-content: space-between;}
.jc-fe { justify-content: flex-end;}
.jc-c { justify-content: center;}