연습용 html 페이지에

우측 사이드메뉴 만들었는데 맨위의로고가 가운데로가야하는데 뭘해도 안움직여



a15f1caa1806b35592341f419d38f073e7561ee75fa0289bbeabdd572410

이렇게 생긴거고

html은

<ul class="snb">
      <li>
        <img src="../images/snblogo.png" class="snb-logo" />
      </li>
      <li>
        <a href="" class="side-depth01">상담신청</a>
      </li>
      <li>
        <a href="" class="side-depth01">문의하기</a>
      </li>
      <li>
        <a href="" class="side-depth01">오시는길</a>
      </li>
      <li>
        <a href="" class="side-depth01">문의전화</a>
      </li>
      <li>
        <a href="" class="side-depth01">카톡문의</a>
      </li>
    </ul>

이거고

레이아웃은

.snb {
  z-index: 2;
  position: fixed;
  top: 20%;
  right: 20px;
  width: 140px;
  background-color: #ccc;
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  .side-depth01 {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 80px;
    font-size: 17px;
    font-weight: 600;
    color: #333;
  }
}

이렇게 짯는데

내생각엔 저 이미지에 클래스부여해서 

justify content center 하면 갈줄알았는데 안가더라고

도와줘