/* main / Sec_9 — GETTING HERE
   시안 1920×869, 흰 배경. 1280 컨테이너 안에서 좌 지도(610×607, r30) /
   우 정보(610), 사이 60. 정보는 주소·상담채널·진료시간 3블록을 40 간격으로 쌓는다. */

.main-sec_9{
  /* 시안 상단 122 / 하단 140 */
  padding-block:calc(var(--sp-section) + 2px) calc(var(--sp-section) + 20px);
  background:var(--surface);
}

.main-sec_9__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--sp-block);            /* 시안 좌우 60 */
  align-items:start;
}

/* ── 지도 ────────────────────────────────────────────────
   원본 1251×801 을 610×607 박스에 center·cover — 시안과 같은 크롭 */
.main-sec_9__map{
  aspect-ratio:610/607;
  border-radius:30px;             /* 시안 라운드 30 — 토큰에 없음 */
  overflow:hidden;
  background:var(--surface-muted);
}
.main-sec_9__map img{
  width:100%;height:100%;
  object-fit:cover;object-position:center;
}

/* ── 오른쪽 정보 ─────────────────────────────────────── */
.main-sec_9__info{
  display:flex;flex-direction:column;
  gap:var(--sp-stack);            /* 시안 블록 간격 40 */
}

.main-sec_9__head{
  display:flex;align-items:center;
  gap:6px;                        /* 시안 아이콘(26)↔제목 간격 */
  font-weight:600;font-size:var(--fs-24);line-height:1.5;
  letter-spacing:var(--ls-tight);
  color:var(--text-primary);
  word-break:keep-all;
}
.main-sec_9__icon{
  flex:none;
  width:26px;height:26px;
  color:var(--brand);
}

.main-sec_9__addr{
  margin-top:10px;                /* 시안 제목↔본문 간격 */
  font-weight:400;font-size:var(--fs-18);line-height:1.5;
  letter-spacing:var(--ls-tight);
  color:var(--text-secondary);
  word-break:keep-all;
}

/* 블록 안 요소가 전부 블록으로 쌓이도록 — 링크의 margin-top 이 먹어야 한다 */
.main-sec_9__block{
  display:flex;flex-direction:column;align-items:flex-start;
}

/* Map & parking → / Book online → */
.main-sec_9__link{
  margin-top:10px;                /* 시안 본문↔링크 간격 */
  font-weight:500;font-size:var(--fs-18);line-height:1.5;
  letter-spacing:var(--ls-tight);
  color:var(--text-primary);
}
.main-sec_9__link:hover{color:var(--brand)}

/* 대표번호 — 시안 Montaga 40. 텍스트박스 높이가 40×1.15 라 행간을 맞춘다. */
.main-sec_9__tel{
  margin-top:10px;
  font-family:var(--font-numeric);
  font-weight:400;font-size:var(--fs-40);line-height:1.15;
  letter-spacing:var(--ls-tight);
  color:var(--text-primary);
}

.main-sec_9__sns{
  display:flex;
  gap:6px;                        /* 시안 아이콘 간격 (30+6) */
  margin-top:15px;                /* 시안 번호↔아이콘 간격 */
}
/* 시안: 30 정사각 라운드8 바탕 위에 글리프 이미지를 24 로 얹는다 */
.main-sec_9__sns-item{
  display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;
  border-radius:var(--radius-xs);
  overflow:hidden;
}
.main-sec_9__sns-item img{width:30px;height:30px}
.main-sec_9__sns-item--line{background:var(--sns-line)}
.main-sec_9__sns-item--line img{width:24px;height:21px;border-radius:50%}
.main-sec_9__sns + .main-sec_9__link{margin-top:15px} /* 시안 아이콘↔링크 간격 */

/* ── 진료시간 표 ─────────────────────────────────────── */
.main-sec_9__hours{
  margin-top:10px;
  display:grid;
  grid-template-columns:minmax(0,150px) minmax(0,1fr);
  column-gap:var(--sp-gap);       /* 시안 라벨 150 + 30 → 값 180 */
  row-gap:10px;
  font-size:var(--fs-18);line-height:1.5;
  letter-spacing:var(--ls-tight);
}
.main-sec_9__hours dt{
  font-weight:400;
  color:var(--text-tertiary);
  word-break:keep-all;
}
.main-sec_9__hours dd{
  font-weight:500;
  color:var(--text-secondary);
  word-break:keep-all;
}

/* 태블릿 이하 — 지도 위, 정보 아래로 쌓는다 */
@media (max-width:1023px){
  .main-sec_9__inner{grid-template-columns:minmax(0,1fr)}
}