.telMask {
  width: 100vw;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
}

.telMask .tel_box {
  width: 18rem;
  height: 9rem;
  border-radius: 0.64rem;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: .9375rem;
  box-sizing: border-box;
  --tw-shadow: 0 0.35rem 2rem 0 rgba(17, 29, 49, 0.23);
  box-shadow: var(--tw-shadow);
  position: relative;
}

.telMask .tel_box .customer {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -1rem;
}

.telMask .tel_box .customer img {
  width: 98%;
  height: 98%;
  border-radius: 50%;
}

.telMask .tel_box .tel_box_title {
  margin: auto;
  font-size: .9375rem;
  color: #222222;
  font-weight: 500;
}

.telMask .tel_box .tel_box_btm {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.telMask .tel_box .tel_box_btm .but_left {
  width: 7.5rem;
  height: 2.2rem;
  border-radius: .32rem;
  background-color: #008ce6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  color: #FFFFFF;
  font-weight: 500;
}

.telMask .tel_box .tel_box_btm .but_right {
  width: 7.5rem;
  height: 2.2rem;
  border-radius: .32rem;
  border: .125rem solid #008ce6;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .8125rem;
  color: #008ce6;
  font-weight: 500;
}