@media (max-width: 768px){
  .header_pc{ display:none; }
  .header_mb{ display:block; }
}
/* 1. 화면이 1224px보다 작아질 때 (태블릿~데스크탑 사이) */
@media (max-width: 1224px) {
    .wide-con_wrap {
        /* 양옆에 최소한의 여백(예: 20px)을 유지하면서 유연하게 작동 */
        padding-left: 20px; 
    }
    
    .wide-con_left {
        /* 지도가 너무 작아지면 글자가 안 보이므로 최소 너비 설정 가능 */
        flex: 0 0 30%; 
        min-width: 250px; 
    }
}

/* 2. 모바일/작은 태블릿 (768px 이하) */
@media (max-width: 768px) {
    .wide-con_wrap {
        display: block; /* 세로 배치로 변경 고려 */
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .wide-con_left {
        width: 100%; /* 지도를 상단에 꽉 차게 */
        max-width: none;
        margin-bottom: 20px;
    }

    .wide-sd_content_wrap {
        overflow: visible; /* 모바일에서는 잘리지 않고 다 보이게 */
    }
}