@mixin presence-state($circle-size: 8px) {
  //pc상태설정
  display: flex;
  align-items: flex-start;
  width: $circle-size;
  height: $circle-size;
  border-radius: 50%;
  background-color: $green;
  transform: none;
  @extend %blind;
  &.offline {
    background-color: $gray-rec;
  }
  &.absence {
    background-color: $red-absence;
  }
  &.other-business {
    background-color: $yellow-other;
  }
  @content;
}
@mixin avatar-img($avatar-size: 36px, $avatar-left: 0) {
  //아바타 이미지 설정
  border-radius: 50%;
  overflow: hidden;
  width: $avatar-size;
  height: $avatar-size;
  margin-left: $avatar-left;
  @content;
}

//profile avatar
@mixin profile-avatar-default(
  $mobile-on: 0 5px 5px 0,
  $mico-size: 8,
  $mico-color: $green,
  $mico-bg: 18px
) {
  //기본설정
  display: inline-flex;
  position: relative;
  &.mobile-ing {
    padding: $mobile-on;
    &:after {
      @include font-family-ico(
        $font-ico-default,
        $mico-size,
        center,
        $mico-color
      );
      content: 'smartphone';
      display: block;
      width: $mico-bg;
      height: $mico-bg;
      line-height: $mico-bg;
      border-radius: 50%;
      background-color: $white;
      position: absolute;
      bottom: 0;
      right: 0;
    }
  }
  @content;
}
