.clinic-map-shell{position:relative;height:370px;background:var(--cream);isolation:isolate}
.clinic-map-canvas{width:100%;height:100%;opacity:0}
.clinic-map-shell[data-map-state=ready] .clinic-map-canvas{opacity:1}
.clinic-map-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;text-align:center;background:var(--cream)}
.clinic-map-status[hidden],.clinic-map-canvas[hidden]{display:none}
.clinic-map-status>svg{width:28px;height:28px;margin-bottom:18px;color:#82654e}
.clinic-map-status>strong{font-size:20px;letter-spacing:-.04em}
.clinic-map-status>span{font-size:13px;color:var(--muted);margin-top:5px}
.clinic-map-status p{font-size:13px;line-height:1.8;color:var(--muted);max-width:270px;margin:23px 0 0}
.clinic-map-marker{display:flex;width:184px;height:88px;align-items:center;flex-direction:column;color:var(--brown);font-family:Pretendard,sans-serif}
.clinic-map-marker-label{background:#fff;border:1px solid #e6ded1;border-radius:10px;padding:9px 14px;text-align:center;box-shadow:0 4px 14px #3c1e1e1a;font-size:15px;font-weight:700;white-space:nowrap;line-height:1.4}
.clinic-map-marker-label small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:2px}
.clinic-map-marker-pin{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--yellow);border:2px solid var(--brown);border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-size:0;margin-top:3px;box-shadow:0 2px 7px #3c1e1e24}
.clinic-map-marker-pin:after{content:'';width:7px;height:7px;background:var(--brown);border-radius:50%}
.clinic-map-marker:hover .clinic-map-marker-label,.clinic-map-marker:focus-visible .clinic-map-marker-label{border-color:var(--brown)}
@media(max-width:1020px){.clinic-map-shell{height:360px}}
@media(max-width:760px){.clinic-map-shell{height:310px}.clinic-map-status>strong{font-size:18px}}