@charset "utf-8";
/* 본사 및 지점 안내(sub02_05.php) 전용 스타일
   이 사이트의 보안 정책(CSP)은 인라인 스타일(style="...")을 막는다.
   그래서 페이지·스크립트 안에 적어 두었던 스타일을 이 파일로 옮겼다. */

/* 지도 영역 — 카카오 지도가 정상으로 만들어졌을 때만 보인다 (js/sub02_05.js 가 .area_list 에 .map_ready 를 붙인다) */
.area_list .map{width:100%;max-width:550px;}
.area_list:not(.map_ready) .map{display:none;}
.area_list .map #map{width:100%;height:500px;}

/* 지점 목록 — 지도가 있을 때 주소를 누르면 지도에 위치가 표시된다 */
.area_list.map_ready .list ul li .address{cursor:pointer;}
.area_list .list ul li.no_data{display:block;}
.area_list .list ul li.no_data div{text-align:center;}

/* 지도 위 지점 이름 말풍선 */
.map_iw{width:150px;text-align:center;padding:6px 0;}