/*
 * 지도 아파트 정보 패널 하단 잘림 보정
 * main.css의 중복 #apt-info-panel 규칙에서 height:100%와 margin:10px가
 * 함께 적용되어 지도 영역보다 패널이 커지는 문제를 마지막 우선순위에서 정리한다.
 */
#apt-info-panel {
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: min(380px, calc(100% - 24px)) !important;
    height: auto !important;
    max-height: calc(100% - 24px) !important;
    margin: 0 !important;
    padding: 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain;
}

#apt-info-panel .apt-detail-info {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 2px;
}

#apt-info-panel .info-section {
    flex: 0 0 auto !important;
}

#apt-info-panel .button-group {
    flex: 0 0 auto;
    margin-top: 18px !important;
    padding-top: 14px !important;
    padding-bottom: 2px;
    background: #fff;
}

#apt-info-panel .detail-btn,
#apt-info-panel .close-btn {
    min-height: 40px;
    line-height: 1.25;
}

@media (max-width: 768px) {
    #apt-info-panel {
        top: 8px !important;
        right: 8px !important;
        bottom: 8px !important;
        left: 8px !important;
        width: auto !important;
        max-height: calc(100% - 16px) !important;
        padding: 16px !important;
    }
}
