.member{
    display: flex;
    flex-direction: column;
    gap: 16px;
    >*{
      width: 100%;
    }
    >div{
      >*{margin-bottom: 16px;}
    }
    .menu {

    }
    .image {
      // background: url("/assets/images/view-man.svg") center no-repeat;
        &.pointer{
            cursor: pointer;
        }
        width: 100%;
        object-fit: cover;
        height: 338px;
        border-radius: 12px;
        border: 1px solid rgba(45, 45, 45, 0.27);

    }
    .name {
      font-size: 24px;
      font-weight: 700;
      line-height: 32px; /* 133.333% */
      letter-spacing: 0.24px;
      color:#6C6C6C
    }
    .position {
      font-size: 20px;
    }
    .more {
      font-size: 20px;
      img{
        vertical-align: -6px;
      }
    }
    .link{
      font-size: 20px;
      display: inline-block;
      &.tel::before{
        content: '';
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: -3px;
        margin-right: 4px;
        background: url('~src/assets/images/icons/phone_blue_24dp.svg') center no-repeat;
      }
      &.mail::before{
        content: '';
        width: 24px;
        height: 24px;
        display: inline-block;
        vertical-align: -5px;
        margin-right: 4px;
        background: url('~src/assets/images/icons/mail_blue_24dp.svg') center no-repeat;
      }

      
    }


    .doc{
        width: 100%;
        display: flex;
        .doc-icon{
            margin-left: -8px;
            flex-basis: 60px;
            align-items: flex-start;
            flex-shrink: 0;
            height: 60px;
            background:  center no-repeat;
            background-image: url('~src/assets/images/icons/document/document_60dp.svg');
            background-size: contain;
        }
        .doc-link{
          flex-shrink: 0;
          flex-grow: 0;
          flex-basis: 200px;
          white-space: nowrap; 
          overflow: hidden;
          text-overflow:ellipsis;
        }
        a{
            font-size: 20px;
            
        }
        .description{
            color: #6C6C6C;
        }
    }


    .full-screen{
        position: fixed;
        top:0;
        z-index: 200;
        left: 0;
        background-color: rgba(45, 45, 45, 0.63);
        width: 100vw;
        height: 100vh;
        object-fit: contain;
        cursor: pointer;
    
      }
      .modal{
        position: fixed;
        top:0;
        z-index: 200;
        left: 0;
        background-color: rgba(45, 45, 45, 0.63);
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
          div{
            background-color: #fff;
            width: 50vw;
            min-width: 400px;
            border-radius: 12px;
            padding: 0 24px;
          }
        }
        .hidden{
          display: none;
        }



  }
