/* 상담사 리스트 */


.counselorField.floatField .counselorProfile {

  position: relative;

}

.counselorProfile.num_pop .counselorProfile__body {

  opacity: 0;

  transition: opacity 0.2s 0.2s ease;

  visibility: hidden;

}

.counselorProfile.num_pop .counselorProfile__foot {

  opacity: 0;

  transition: opacity 0.2s 0.2s ease;

  visibility: hidden;

}

.counselorProfile.num_pop .num_pop_inf {

  /* display: flex; */

  opacity: 1;

  transition: opacity 0.2s 0.2s ease;

  visibility: visible;

}


/* 상담상태 버튼 */

.counselorProfile__head__right .btn_state {

  display: inline-block;

  padding: 2px 8px;

  border-radius: 999px;

  /* border: 1px solid; */

  position: relative;

  top: -5px;

  right: -5px;

  cursor: pointer;

}

.counselorProfile__head__right .btn_state:hover > dd {

  color: white;

}

.counselorProfile__head__right .btn_state:hover > dd > span {

  background-color: white;

}

.counselorProfile__head__right.calling .btn_state {

  border-color: rgb(255, 111, 0);

}

.counselorProfile__head__right.calling .btn_state:hover {

  background-color: rgb(255, 111, 0);

}

.counselorProfile__head__right.standby .btn_state {

  border-color: #469c7e;

}

.counselorProfile__head__right.standby .btn_state:hover {

  background-color: #469c7e;

}

.counselorProfile__head__right.absent .btn_state {

  border-color: #666666;

}

.counselorProfile__head__right.absent .btn_state:hover {

  background-color: #666666;

}


/* 상담정보 팝업 */

.counselorProfile .num_pop_inf {

  position: absolute;

  /* display: none; */

  display: flex;

  visibility: hidden;

  opacity: 0;

  flex-direction: column;

  gap: 10px;

  justify-content: space-evenly;

  align-items: center;

  width: calc(100% - 40px);

  height: -webkit-fill-available;

  margin-bottom: 30px;

  opacity: 0;

  transition: opacity 0.2s 0.2s ease;

}

.num_pop_inf .pop_num_box {

  background-color: #f5f5f5;

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  align-items: center;

  padding: 20px;

  border-radius: 10px;

  gap: 4px;

  width: 100%;

}

.num_pop_inf .num_title {

  font-size: 18px;

  font-weight: 500;

  color: #333;

}

.num_pop_inf .svnum {

  font-size: 26px;

  font-weight: 700;

  color: #ef008e;

}

.num_pop_inf .svchg {

  font-size: 14px;

  font-weight: 400;

  color: #333;

}

.num_pop_inf .pop_close {

  display: inline-flex;

  width: 40px;

  height: 40px;

  justify-content: center;

  align-items: center;

  border-radius: 999px;

  background-color: white;

  border: 1px solid #dbdbdb;

  color: #999;

  margin-top: 10px;

}

.num_pop_inf .pop_close:hover {

  color: #000;

  border-color: #aaa;

}

.num_pop_inf .comment {

  font-size: 16px;

}

.num_pop_inf .comment > span {

  color: #ef008e;

  font-weight: 500;

}

.num_pop_inf .icon_phone > img {

  width: 80px;

  box-shadow: 0px 2px 6px #ccc;

  border-radius: 999px;

}


/* 툴팁 인터렉션 */

.btn_state:hover + .tooltip {

  display: block;

}


/* 서비스번호 안내 박스 231103 */

.serviceDescription.allDescrip .saju-service-bar {

  display: flex;

  flex-flow: row nowrap;

  gap: 30px;

  justify-content: center;

  align-items: center;

}

.saju-service-bar .use_inf_wrap {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-end;

  align-items: center;

  gap: 30px;

}

.saju-service-bar .number_inf_wrap {

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: center;

  gap: 40px;

  position: relative;

}