<li class="d-flex align-items-center">
  <a href="#" class="w-100" onclick="CHAT_UI.joinRoom({{roomId}},'{{roomName}}');">
    <div class="chat_item d-flex flex-row align-items-center">
      <div class="chat_item_l">
        <div class="thumbnail{{thumbnailCount}} thumbnail">
          {{#attendUsers}}
          <div class="img_wrap"><img src="{{profileUrl}}" onError="this.src='./img/noImage.png'"/></div>
          {{/attendUsers}}
          {{^attendUsers}}
          <div class="img_wrap"><img src='./img/noImage.png'/></div>
          {{/attendUsers}}
        </div>
      </div>
      <div class="chat_item_m px-0">
        <div class="d-flex flex-column">
          <div class="d-flex flex-row">
            <div class="chat_item_t ">
              <span class="chat_item_ttl">{{roomName}}</span>
            </div>
            <span class="chat_item_num">({{userCnt}})</span>
          </div>
          <div class="chat_item_desc">
            {{lastMessage}}
          </div>
        </div>
      </div>
      <div class="chat_item_r">
        <div class="d-flex flex-column">
          <span class="chat_item_time">{{time}}</span>
          {{#unreadMsgCnt}}
          <span class="chat_item_unread room-{{roomId}}-unread">{{unreadMsgCnt}}</span>
          {{/unreadMsgCnt}}
        </div>
      </div>
    </div>
  </a>
</li>