/* ------------------------------------------------------ */
/* 카카오맵 스타일링 */
/* ------------------------------------------------------ */

/* 지도를 감싸는 컨테이너 스타일 */
.map_wrap {
    width: 100%;
    max-width: 1000px; /* PC 최대 너비 (선택 사항) */
    margin: 30px auto; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    border-radius: 8px; 
    overflow: hidden; 
}

/* 지도 영역 (roughmap 스크립트가 생성하는 영역) */
.root_daum_roughmap_landing {
    /* 지도의 너비를 부모 컨테이너에 맞춤 */
    width: 100% !important; 
    height: 350px !important; /* 높이를 직접 설정 */
}

.addr_wrap{
    padding-left: 20px;
}

/* ------------------------------------------------------ */
/* 모바일 반응형 스타일 */
/* ------------------------------------------------------ */
@media (max-width: 768px) {
    .map_wrap {
        margin: 20px 0;
        border-radius: 0; 
        box-shadow: none; 
    }
    
    /* 💡 모바일에서 지도의 높이를 조정합니다. (350px -> 300px) */
    /* 주의: roughmap 스크립트 내에 mapHeight: "350"이 인라인으로 적용되므로, 
       CSS에서 이 값을 덮어쓰기 위해 !important를 사용해야 할 수 있습니다. 
    */
    .root_daum_roughmap_landing {
        width: 100% !important;
        height: 300px !important; /* 높이를 직접 설정 */
    }

    .addr_wrap{
        padding-left: 5px;
    }
}