/* 2026-09-13: 모바일 사례 버튼의 가독성과 형태를 보정한다. */
@media (max-width: 768px) {
  .top-fix-title,
  .contract-case-link {
    display: flex !important;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 7px rgba(0, 20, 45, .2);
  }

  .top-fix-title {
    /* 안내 띠를 덮지 않고, 바로 아래 전속중개 설명 카드 안에 배치한다. */
    left: 5.8%;
    top: 27.05%;
    width: 20.4%;
    height: 1.78%;
    padding: 0 3%;
    background: #fff;
    color: #07546a;
    border: 1px solid #07546a;
    box-shadow: none;
    text-align: center;
  }

  .top-fix-title strong,
  .contract-case-copy strong {
    font-size: clamp(8px, 3.1cqw, 12px);
    font-weight: 800;
    white-space: nowrap;
    letter-spacing: -.05em;
  }

  .top-fix-title span,
  .contract-case-copy span {
    display: none;
  }

  .contract-case-link {
    gap: 6%;
    padding: 0 5%;
    background: #001f3d;
  }

  .contract-case-link::before {
    display: none;
  }

  .contract-case-icon {
    flex: 0 0 22%;
    max-width: 24px;
  }
}