#map-image {
    /* height: 589px; */
    left: 0;
    position: absolute;
    top: 0;
    /* width: 1046px; */
    z-index: 1;
}

#map-canvas {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    /* height: 100%; */
    width: 1174px;
    height: 661px;
    pointer-events: none; /* 포인터 이벤트 통과 */
    z-index: 2; /* z-index 가 높아서 이미지 클릭되지 않음 */
}

map[name="locations"] {
    /*display: none;*/
    & > area {
        cursor: pointer;
    }
}

.map-panel {
    z-index: 3;
    display: none;
}

.map-panel .text-box {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
}

.map-panel .text-box.show {
    opacity: 1;
    transform: translateY(0);
}