.map-marker {
    position:relative;
    /*max-width:58px;*/
    /*padding-top:10px;*/
    .mark-bookmark {
        position:absolute;
        top:0;
        right:-10px;
        z-index:1;
    }
    &::after {
        content: "";
        position:absolute;
        bottom:-8px;
        left:50%;
        width:9px;
        height:8px;
        transform: translateX(-50%);
        background-image: url('images/map/bubble-bottom.svg');
        background-repeat: no-repeat;
        background-size:100%;
        background-position: top center;
    }
    .box {
        position:relative;
        overflow:hidden;
        border-radius: 6px;
        text-align:center;
        box-shadow:4px 4px 4px 0 rgba(0,0,0,0.25);
        margin-bottom:8px;
        .usage-code {
            padding:3px 5px;
            background-color:var(--primary);
            font-size:10px;
            line-height:12px;
            font-weight:600;
            color:#fff;

            /* .schedule 클래스가 있을 때 */
            .schedule & {
                background-color: var(--secondary);
            }
        }
        .contents {
            padding:4px;
            background-color:#fff;
            .result {
                font-size:10px;
                line-height:12px;
                font-weight:400;
                color:#8C8C8C;
                margin-bottom:4px;
            }
            .appraised-price {
                font-size:14px;
                line-height:12px;
                font-weight:600;
                color:var(--primary);

                /* .schedule 클래스가 있을 때 */
                .schedule & {
                    color: var(--secondary);
                }
            }
        }
    }
}