.map-section {
    text-align: center
}

h4 {
    margin-bottom: 10px
}

.map-section--route .map-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between
}

.map-section--route .map-panel {
    width: 700px
}

.map-section--route .map-panel #map {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
    background: #e8eef2
}

.map-section--route .map-panel #map #daumRoughmapContainer1769497000384 {
    width: 100% !important;
    max-width: 100% !important
}

.map-section--route .map-panel #map .wrap_controllers.hide {
    display: none !important
}

.map-section--route .map-panel .map-links {
    display: grid;
    gap: 12px;
    margin-top: 10px
}

.map-section--route .map-panel .map-links.map-links--2 {
    grid-template-columns: 1fr 1fr
}

.map-section--route .map-panel .map-links.map-links--3 {
    grid-template-columns: 1fr 1fr 1fr
}

.map-section--route .map-panel .map-links>div {
    background-size: contain;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.map-section--route .map-panel .map-nav-naver {
    background-image: url(/assets/img/image_map_naver.svg);
    background-color: #428af3
}

.map-section--route .map-panel .map-nav-kakao {
    background-image: url(/assets/img/image_map_kakao.svg);
    background-color: #f9cf23
}

.map-section--route .map-panel .map-nav-google {
    background-image: url(/assets/img/image_map_google.svg);
    background-color: #f9f9f9
}

.map-section--route .map-info {
    text-align: left;
    width: 400px
}

.map-section--route .map-info>div {
    margin-bottom: 60px;
    overflow-wrap: break-word
}

.map-section--route .map-info>div:last-child {
    margin-bottom: 0
}

.map-section--route .map-info div>p {
    font-size: 18px;
    font-weight: 500;
    color: #111;
    margin-bottom: 10px
}

.map-section--route .map-info>div>span {
    font-size: 16px;
    word-break: keep-all;
    white-space: pre-line;
    color: #333
}

.map-subway {
    margin-top: 12px;
    display: none
}

.map-subway>span {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin-left: 15px
}

.map-subway-badge {
    background-color: #833edb;
    width: auto;
    min-width: 90px;
    color: #fff;
    border-radius: 20px;
    max-height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: normal;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.map-subway-badge>span {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 10px;
    font-weight: bold;
    color: #833edb;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px
}

.map-section--route ul.map-hours-table li {
    display: flex;
    justify-content: space-between
}

.map-section--route ul.map-hours-table span {
    font-size: 16px;
    font-weight: normal;
    line-height: 2
}

.map-section--route ul.map-hours-table span.map-hours-day {
    display: inline-block;
    margin-right: 10px
}

.map-section--route .map-sns>div {
    font-size: 18px;
    font-weight: normal
}

.map-section--route .map-sns>div a {
    cursor: pointer;
    word-break: keep-all;
    text-align: center
}

.map-section--route .map-sns>div:first-child {
    margin-bottom: 20px
}

.map-section--route .map-sns>div:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle
}

.map-section--route .map-sns .map-sns-kakao::before {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/assets/img/image_m_kakao_color.svg);
}

.map-section--route .map-sns .map-sns-phone::before {
    background-color: #ed8a99;
    border-radius: 50%;
    background-image: url(/assets/img/image_m_call_color.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 28px;
}

.map-section--parking {
    background-color: #fdfdfd;
    padding: 70px 0 0
}

.map-section--parking .container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.map-section--parking img {
    width: 800px;
    height: auto;
    margin-top: 20px
}

@media(max-width: 1199px) {
    h4.tit {
        margin-bottom:6px
    }

    hr {
        display: none
    }

    .map-section--route .container {
        padding: 0
    }

    .map-section--route .map-row {
        flex-direction: column;
        margin-top: 40px
    }

    .map-section--route .map-panel #map {
        height: 350px
    }

    .map-section--route .map-panel {
        width: 100%
    }

    .map-section--route .map-panel .map-links {
        gap: 0;
        margin-top: 0
    }

    .map-section--route .map-panel .map-links>div {
        width: 100%;
        height: 80px
    }

    .map-section--route .map-panel .map-nav-naver {
        background-image: url(/assets/img/image_map_naver_3x.png);
    }

    .map-section--route .map-panel .map-nav-kakao {
        background-image: url(/assets/img/image_map_kakao_3x.png);
    }

    .map-section--route .map-panel .map-nav-google {
        background-image: url(/assets/img/image_map_google_3x.png);
    }

    .map-section--route .map-info {
        margin: 0;
        padding: 80px 30px 0;
        width: 100%
    }

    .map-section--route .map-info>div {
        margin-bottom: 40px
    }

    .map-section--route .map-info div>p {
        font-size: 16px;
        margin-bottom: 10px
    }

    .map-section--route .map-info>div>span {
        font-size: 14px
    }

    .map-subway {
        margin-top: 20px
    }

    .map-subway>span {
        font-size: 14px;
        margin-left: 10px
    }

    .map-section--route ul.map-hours-table span {
        font-size: 14px
    }

    .map-section--route .map-sns {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse
    }

    .map-section--route .map-sns>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 14px;
        border-right: 1px solid #eee;
        font-weight: 500;
        width: 50%;
        padding: 0 10px
    }

    .map-section--route .map-sns>div:first-child {
        margin-bottom: 0;
        border: 0
    }

    .map-section--route .map-sns>div::before {
        margin-right: 0;
        margin: 0 0 10px 0;
        width: 40px;
        height: 40px
    }

    .map-section--route .map-sns .map-sns-phone::before {
        background-size: 18px
    }

    .map-section--parking {
        padding: 100px 0 30px
    }

    .map-section--parking .container {
        padding: 0
    }

    .map-section--parking img {
        width: 100%;
        height: auto;
        margin-top: 10px
    }

    .map-parking-head {
        padding: 0 20px
    }

    .map-section--parking .map-parking-head .desc {
        font-size: 12px
    }
}