/*
  오시는 길 지도 + 주소 전용 스타일 (관리자 > 기본정보 설정 > 사업자정보 에 주소를 저장했을 때만 쓰인다)

  - 이 파일은 SCSS 빌드 대상이 아니다. assets/scss 를 고쳐 컴파일하는 방식이 아니라 이 파일을 직접 수정한다.
    (style.css 는 압축된 컴파일 산출물이라 직접 고치면 다음 컴파일 때 날아간다)
  - about/greeting.php 에서 $extraCss = ['visit_map'] 로 불러온다.
  - 폭은 .board__inner (최대 120rem) 를 그대로 따르므로 다른 서브 페이지와 좌우가 맞는다.
*/

/* 지도는 가로 전체 폭. 카카오맵이 내부에 자체 요소를 그리므로 overflow 로 모서리를 잘라 준다. */
.board__map {
    width: 100%;
    aspect-ratio: 3 / 1;
    border-radius: var(--radius-img);
    background-color: #f3f3f3;
    overflow: hidden;
}

.board__map-address {
    margin-top: 2rem;
    font-size: 1.8rem;
    line-height: 160%;
    font-weight: 500;
    color: #333;
}

@media (max-width: 1024px) {
    .board__map {
        aspect-ratio: 2 / 1;
    }
}

@media (max-width: 768px) {
    .board__map {
        aspect-ratio: 4 / 3;
    }

    .board__map-address {
        margin-top: 1.5rem;
        font-size: 1.5rem;
    }
}