/* 전문가상담 */
.hospital-expert-consults ul {
  margin: 0;
  padding: 0;

  list-style-type: none;
}

.hospital-expert-consults ul li {
  display: flex;
  align-items: center;

  padding: 10px;

  border-bottom: 1px solid var(--border-color);
}

.hospital-expert-consults ul li .content {
  overflow: hidden;
  width: 100%;

  padding-left: 5px;
  white-space: nowrap;
}

.hospital-expert-consults ul li .content a {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin: 5px 0;
  padding: 10px 0;

  font-size: var(--font-size-md);
}
.hospital-expert-consults ul li .content a i {
  padding-right: 6px;
}
.hospital-expert-consults ul li .content a span.subject {
  flex: 1 1;
  overflow: hidden;
  text-overflow: ellipsis;

  font-size: var(--font-size-md);
}
.hospital-expert-consults ul li .content a span.subject:hover {
  color: var(--orange-color);
  text-decoration: underline;
}
.hospital-expert-consults ul li .content a span.comment-nums {
  display: flex;
  align-items: center;
  flex-shrink: 0;

  font-size: var(--font-size-sm);
  font-weight: 700;
  color: #121212;
}
.hospital-expert-consults ul li .content a span.comment-nums i {
  margin-right: 2px;
}

.hospital-expert-consults ul li .content a strong {
  display: block;
  font-size: var(--font-size-sm);
}

.hospital-expert-consults ul li .content .info {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 10px;

  font-size: var(--font-size-xs);
  color: var(--gray-font-color);
}

.hospital-expert-consults ul li .content .info span:nth-child(1) {
  display: flex;
  justify-self: right;
}

.hospital-expert-consults ul li .content .info span:nth-child(1) img,
.hospital-expert-consults ul li .content .info span .fa {
  margin-right: 2px;
}

.hospital-expert-consults ul li .content .info span .fa:nth-child(2) {
  margin-left: 20px;
}
.hospital-expert-consults ul li .content .info span:nth-child(2) {
  display: flex;
  align-items: center;
}

.hospital-expert-consults ul li .content .date {
  margin-top: 5px;

  font-size: var(--font-size-sm);
  color: #aaa;
}

.hospital-expert-consults ul li.reply {
  background: #f4f4f4;
}

.hospital-expert-consults ul li.reply .fa {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.hospital-expert-consults ul li:first-of-type {
  border-top: 1px solid var(--border-color);
}

/* -----------------------------------------------------------
  ------ mobile ------
--------------------------------------------------------------  */
.mobile .hospital-expert-consults ul li .content a {
  padding: 0;
}