@charset "utf-8";

.dim_bg.alert_pop,.dim_bg.confirm_pop { z-index:100100;} 

/* 권한알림관련 시작*/
.auth_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);/* display: none; */z-index: 99;padding-top: env(safe-area-inset-top);padding-bottom: env(safe-area-inset-bottom);}
.auth_box { position: absolute; top: 20px; left: 20px; bottom:20px; right:20px; padding: 15px; background-color: #fff; border-radius: 6px; }
.auth_box h3 { font-size: 16px; padding-bottom: 10px;}
.auth {border-top: 1px solid #dce0ea; margin-top:20px;}
.auth dl {border-bottom: 1px solid #dce0ea; overflow:hidden; display:flex; margin: 0; padding: 10px 0;}
.auth dl dt {width: 20%; margin: 0; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.auth dl dt .bi::before {font-size: 30px; line-height: 60px;}
.auth dl dd {width: 80%; margin:0; padding-left:10px; display: flex; justify-content: center; flex-direction: column;}
.auth dl dd h3 {font-size:14px; font-weight:700; margin-bottom:5px;}
.view_btn { text-align: center; margin: 10px 0 ; }
.view_btn .btn.blue {background:#4361ee; padding: 7px 20px 7px 14px; border-radius: 20px; height:auto; color:#fff;}

/* 권한알림관련 끝*/

/*통합검색*/
.sub_cont.main-search{
    top : 140px;
}

/*공지사항 관련 시작*/
#detail_board_cont p{ word-break: break-all; }

.edit_trgt_dept{ min-height: 32px; }

.organ_pop ul.tree .group-label{ padding-left: 10px !important;}

.organ_pop ul.tree li.selected>label { background-color: #b9e2f5; }
/*공지사항 관련 끝*/

/* loaderWrap 시작 */
.loaderWrap {
  position: fixed; top:0; width:100%; height: 100%; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.5);
}
.lds-roller {
  display: block;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* loaderWrap 끝 */

/* 통화목록 아이콘 시작*/
.recent li .stat.in {background:url('../images/ico_in.png') center no-repeat;}
.recent li .stat.ifail {background:url('../images/ico_ifail.png') center no-repeat;}
.recent li .stat.out {background:url('../images/ico_out.png') center no-repeat;}
.recent li .stat.ofail {background:url('../images/ico_ofail.png') center no-repeat;}
/* 통화목록 아이콘 끝*/