.hospital-view .header-buttons > span {
  display: flex;
  align-items: center;
}

/* 병원 기본정보 */
.hospital-view .hospital-info {
  padding: 18px var(--inner-margin);

  font-size: 18px;
  font-weight: 700;

  font-size: var(--font-size-xxl);
}

.hospital-view .hospital-info .brand,
.hospital-view .hospital-info h1 {
  width: 100%;

  margin: 12px 0;

  font-size: 18px;
  font-weight: 700;
  
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hospital-view .hospital-info .brand {
  padding-left: 28px;

  color: var(--main-color);

  background: url("https://image.daedamo.com/images/img/renew/i_trust_d.svg") no-repeat 0 50%;
  background-size: 22px;

  font-size: var(--font-size-xxl);
}

.hospital-view .hospital-info .review-score {
  display: flex;
  align-items: center;
}

.hospital-view .hospital-info .review-score .count .average {
  margin-left: 8px;

  font-size: var(--font-size-md);
  font-weight: 700;
}

.hospital-view .hospital-info .review-score .count .total {
  margin-left: 4px;

  font-size: var(--font-size-md);
  color: #777;
}

.hospital-view .hospital-info .address {
  margin-top: 10px;

  font-size: var(--font-size-md);
  font-weight: 400;
  color: #777;
}

.hospital-view .hospital-info .review-counts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  margin-top: 10px;
}

.hospital-view .hospital-info .review-counts span {
  margin-right: 4px;
  font-size: var(--font-size-md);
  font-weight: 400;
  color: #777;
}

.hospital-view .hospital-info .review-counts span::after {
  content: " · ";
}

.hospital-view .hospital-info .review-counts span:last-of-type::after {
  content: "";
}

.hospital-view .hospital-info .review-counts span strong {
  color: #121212;
  font-weight: 700;
}

.hospital-view .hospital-info .review-counts a {
  text-decoration: none;
}

.hospital-view .section.hospital-info-detail {
  border-top: 1px solid var(--border-color);
}

/* 병원 영업시간 */
.hospital-view .opening-hours {
  margin: 0 0 10px;
  padding: 0;

  list-style-type: none;
}

.hospital-view .opening-hours li {
  font-size: var(--font-size-md);
  color: #121212;

  line-height: 32px;
}

.hospital-view .opening-hours li span {
  margin-right: 5px;
  color: #121212 !important;
}

.hospital-view .opening-hours li.closed {
  color: #d82e18;
}

/* 병원 추가정보 */
.hospital-view .hospital-details {
  margin: 0;
  padding: 0;

  list-style-type: none;
}

.hospital-view .hospital-details li {
  font-size: var(--font-size-md);
  color: #121212;

  line-height: 32px;

  display: flex;
  align-items: center;
}

.hospital-view .hospital-details li.homepage a {
  color: var(--main-color);
}

.hospital-view .hospital-details li .fa {
  width: 16px;
  margin-right: 8px;
}

.hospital-view .hospital-details li .fa.fa-youtube-play {
  color: #c52929;
}

.hospital-view .hospital-details li img {
  width: 16px;
  margin-right: 8px;
}

/* 병원 상세정보 */
.hospital-view .hospital-content {
  position: relative;

  width: 100%;
  height: 600px;

  background-repeat: no-repeat;
  background-size: 100%;
}

.hospital-view .hospital-content img {
  width: 100%;
}

.hospital-view .hospital-content .btn_more {
  position: absolute;
  bottom: 0;

  margin: 0;

  border-radius: 0;
}

.hospital-view .hospital-content .btn_more .fa {
  margin-left: 5px;
}

.hospital-view .hospital-content > * {
  display: none;
}

.hospital-view .hospital-content.active {
  height: auto !important;
}

.hospital-view .hospital-content.active .btn_more {
  display: none !important;
}

.hospital-view .hospital-content.active > * {
  display: block !important;
  margin-bottom: 10px !important;
}

/* -----------------------------------------------------------
  ------ mobile ------
--------------------------------------------------------------  */
.mobile .hospital-view .hospital-info {
  position: relative;
  padding: 10px var(--inner-margin);
}
.mobile .hospital-view .hospital-info .btn_share {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;

  border: 1px solid var(--border-color);
  border-radius: 50%;

  color: #2b2b2b;
}

.mobile .hospital-view .hospital-content {
  height: 300px;
}

.mobile .hospital-view .opening-hours li,
.mobile .hospital-view .hospital-details li {
  line-height: 28px;
}