/* 오시는 길 — 내용은 운영 중인 decop.co.kr/contact.html, 배치 · 크기는 Figma「2026 디캅 홈페이지 / 고객지원」(node 2005:484), 1920 기준
   헤더 · 푸터 · 제목(.sec-title)은 style.css */

/* 시안은 본문을 1366px 로 잡아 두지만, 그만큼 채우지 않아 푸터가 한참 아래에 남았다 — 내용만큼만 쓴다 */
.cs
{
  padding: 95px 0 170px;
}

/* ── 지도: 1320×273 (제목 아래 80px). 카카오맵 약도가 안을 채운다 ── */
.cs-map
{
  position: relative;
  height: 273px;
  margin-top: 80px;
  overflow: hidden;
  background: #ddd;
}
/* 지도 이미지(늘 보임, 누르면 카카오맵) — 모바일처럼 칸 비율이 달라도 가운데(표시 위치)를 기준으로 채운다 */
.cs-map__static
{
  position: absolute;
  inset: 0;
  display: block;
}
.cs-map__static img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 움직이는 지도가 그려지면 이미지 위를 덮는다. 비어 있을 땐(파일로 열었을 때) 이미지 클릭을 막지 않게 숨긴다 */
.cs-map .root_daum_roughmap
{
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
}
.cs-map .root_daum_roughmap:empty
{
  display: none;
}

/* ── 연락처 3줄: 높이 80 · 아래 1px #e4e8f0 · 아이콘 30 → 항목명(20 굵게, 폭 158) → 내용(18) ── */
.cs-info__row
{
  display: flex;
  align-items: center;
  height: 80px;
  padding-left: 30px;
  border-bottom: 1px solid #e4e8f0;
}
.cs-info__icon
{
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 21px;
}
.cs-info__label
{
  flex-shrink: 0;
  width: 158px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
.cs-info__value
{
  min-width: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #000;
}
.cs-info__value a
{
  transition: color .2s;
}
.cs-info__value a:hover, .cs-info__value a:focus-visible
{
  color: var(--blue);
}

/* ── 좁은 화면 ── */
@media (max-width: 760px)
{
  .cs
  {
    min-height: 0;
    padding: 56px 0 96px;
  }
  .cs-map
  {
    height: 240px;
    margin-top: 40px;
  }
  .cs-info__row
  {
    align-items: flex-start;
    height: auto;
    padding: 18px 4px;
  }
  .cs-info__icon
  {
    width: 24px;
    height: 24px;
    margin: 1px 12px 0 0;
  }
  .cs-info__label
  {
    width: 72px;
    font-size: 16px;
  }
  .cs-info__value
  {
    font-size: 15px;
    line-height: 24px;
  }
}