/* PL2 contact (contact.html)
   피그마: PL2 Production (전달) > Contact (node 2345:67782), 1920x1080
   - 콘텐츠 행 1920x680 이 y=200 에 있고 위아래 200 이 비어 있다 → 화면 세로 중앙 정렬
   - 행 내부: 좌우 padding 24, gap 40, 지도 1080 + 정보 752 */

.ct-body {
  background: var(--pl2-white);
}

/* GNB: 상단 중앙 고정 (피그마 좌표 760,12) */
.ct-body .gnb {
  position: fixed;
  top: 12px; /* 12 — GNB 는 화면 폭과 상관없이 고정 크기 (PC 피드백_1007) */
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}

.ct-main {
  display: flex;
  align-items: center;
  min-height: 100dvh;
}

.ct-row {
  display: flex;
  gap: min(2.0833vw, 40px);
  width: 100%;
  max-width: 1920px;
  height: min(35.4167vw, 680px);
  margin: 0 auto;
  padding: 0 min(1.25vw, 24px);
}

/* ── 지도 (피그마 벡터 일러스트를 2x PNG 로 export) ───── */
.ct-map {
  /* 행 content box(1872) 기준 비율: 1080/1872. gap 40 을 더하면 정확히 1872 */
  flex: 0 0 57.692%;
  min-width: 0;
  height: 100%;
  background: #fafafa; /* 피그마 Map > BG */
  overflow: hidden;
}

/* 링크로 감싸도 이미지가 컨테이너를 그대로 채우게 한다 (디자인피드백_0918) */
.ct-map-link {
  display: block;
  width: 100%;
  height: 100%;
}

.ct-map video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── 오른쪽 정보 열 ─────────────────────────────────── */
.ct-info {
  display: flex;
  flex: 0 0 40.171%; /* 752 / 1872 */
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: min(1.25vw, 24px);
  height: 100%;
  padding: min(0.8333vw, 16px) min(1.25vw, 24px) min(0.625vw, 12px) 0;
}

/* 주소 블록 — 피그마는 빈 줄을 포함한 텍스트 한 덩어리(11줄 × 약 18.7px = 205).
   #2A2D30 / #697077 은 토큰에 없는 이 페이지 전용 값이다. */
.ct-address {
  color: #697077;
  font-size: min(0.8333vw, 16px) /* 16 */;
  font-weight: 400;
  line-height: 1.17;
}

.ct-address-name {
  color: #2a2d30;
  font-size: min(1.0417vw, 20px) /* 20 */;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.ct-address a {
  color: inherit;
  letter-spacing: -0.02em;
  text-decoration: none;
}

.ct-address a:hover {
  text-decoration: underline;
}

/* ── Contact 버튼 (PC 피드백_1015, 피그마 3339:48924) ──────
   121x46, 패딩 14/20, 라운드 12, 글자 26 (0930 시안부터 알약형 168x60 에서 바뀌었다) */
.ct-cta {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: min(0.7292vw, 14px) min(1.0417vw, 20px);
  border-radius: min(0.625vw, 12px);
  background: var(--pl2-black);
  color: var(--pl2-yellow);
  font-size: min(1.3542vw, 26px) /* 26 */;
  font-weight: 500;
  line-height: min(0.9375vw, 18px) /* 피그마 텍스트 박스 높이 18 → 버튼 46 */;
  letter-spacing: -0.02em;
  text-decoration: none;
  white-space: nowrap;
}