@charset "utf-8";

#location {
    display:flex;
    flex-direction:column;
    gap:40px;
}
#location .map_view {
    height:600px;
    border-radius:40px;
    border:1px solid #ddd;
}
#location .map_info {
    display:flex;
    align-items:stretch;
    gap:40px;
}
#location .map_info .info_wrap {
    background-color:#DEF3FF;
    border-radius:40px;
    padding:30px 50px;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:15px;
}
#location .map_info .info_wrap .info_address {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:1rem;
    font-weight:600;
    font-family:'SUITE';
}
#location .map_info .info_wrap .info_address span {
    font-size:1.66rem;
    font-weight:700;
    font-family:'SUITE';
}
#location .map_info .info_wrap .info_box {
    display:flex;
    align-items:stretch;
    gap:20px;
}
#location .map_info .info_wrap .info_box ul {
    background-color:#fff;
    padding:10px 15px;
    display:flex;
    align-items:center;
    gap: 5px;
    border-radius:30px;
}
#location .map_info .info_wrap .info_box .info_ti {
    display:flex;
    align-items:center;
    gap:5px;
}
#location .map_info .info_wrap .info_box .info_ti p {
    font-size:0.88rem;
    font-weight:700;
    letter-spacing: -0.48px;
    font-family:'SUITE';
}
#location .map_info .info_wrap .info_box .info_co {
    font-size:0.88rem;
    font-weight:500;
    letter-spacing:-0.48px;
    font-family:'SUITE';
}

#location .map_info .loaction_quick {
    background-color:#1A9BDF;
    border-radius:40px;
    padding:0 45px;
    position: relative;
    width:280px;
}
#location .map_info .loaction_quick .quick_ti {
    font-size:1.44rem;
    font-weight:700;
    line-height:123%;
    color:#fff;
    font-family:'SUITE';
    display: flex;
    align-items: center;
    height: 100%;
}
#location .map_info .loaction_quick .quick_more {
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 40px 0 0 0;
    padding: 15px 0 0 15px;
}
#location .map_info .loaction_quick .quick_more::before,
#location .map_info .loaction_quick .quick_more::after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M30 30L0 30C0 30 13.0157 29.5843 21.3 21.3C29.5843 13.0157 30 0 30 0L30 30Z' fill='white'/%3E%3C/svg%3E");
}
#location .map_info .loaction_quick .quick_more::before {
    right: 0;
    top: -30px;
}
#location .map_info .loaction_quick .quick_more::after {
    left: -30px;
    bottom: 0;
}
#location .map_info .loaction_quick .quick_more div {
    width: 65px;
    height: 65px;
    background-color: #555;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#location .map_info .loaction_quick:hover .quick_more div svg {
    transform: translate3d(5px, 5px, 5px);
    transition: all .3s;
}


#location .public_wrap .public_title {
    text-align:center;
} 
#location .public_wrap .route_cont {
    display:flex;
    align-items:stretch;
    gap:30px;
    border:1px solid #ddd;
    border-radius:50px;
    padding:30px;
}
#location .public_wrap .route_cont .route_box {
    flex:1;
    background-color:#F9F9F9;
    border-radius:30px;
    padding:20px;
    display:flex;
    align-items:flex-start;
    gap:20px;
}
#location .public_wrap .route_cont .route_box .route_icon {
    width:80px;
    height:80px;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #16AAB5;
    display:flex;
    align-items:center;
    justify-content:center;
}
#location .public_wrap .route_cont .route_box .route_text {
    flex:1;
}
#location .public_wrap .route_cont .route_box .route_text .route_ti {
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
    margin-top:10px;
}
#location .public_wrap .route_cont .route_box .route_text .route_bus {
    display:flex;
    align-items:center;
    flex-wrap: wrap;
    gap:10px;
}
#location .public_wrap .route_cont .route_box .route_text .route_bus li {
    border:2px solid #ddd;
    border-radius:999px;
    background-color:#fff;
    padding:5px 10px;
    min-width:80px;
    text-align:center;
    font-size:1rem;
    font-weight:600;
    font-family:'SUITE';
}
#location .public_wrap .route_cont .route_box .route_text .route_bus .blue {
    color:#2381D8;
    border-color:#2381D8;
}
#location .public_wrap .route_cont .route_box .route_text .route_bus .green {
    color:#4AAA37;
    border-color:#4AAA37;
}
#location .public_wrap .route_cont .route_box .route_text .route_subway {
    display:flex;
    align-items:center;
    gap:10px;
}
#location .public_wrap .route_cont .route_box .route_text .route_subway + .route_subway {
    margin-top:10px;
}
#location .public_wrap .route_cont .route_box .route_text .route_subway .subway_ti {
    border:2px solid #005FB5;
    border-radius:999px;
    background-color:#fff;
    padding:5px 10px;
    min-width:80px;
    text-align:center;
    font-size:0.88rem;
    font-weight:700;
    color:#005FB5;
}
#location .public_wrap .route_cont .route_box .route_text .route_subway .subway_co {
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
}
#location .public_wrap .route_cont .route_box .route_text .route_subway .subway_co span {
    font-weight:700;
    color:#005FB5;
}


/* 미디어퀑리 */
@media(max-width:1440px) {}
@media(max-width:1200px) {
    #location .map_view {
        height:460px;
    }
    #location .map_info {
        gap:20px;
    }
    #location .map_info .info_wrap {
        padding:20px;
        border-radius:20px;
    }
    #location .map_info .loaction_quick {
        border-radius:20px;
        width:230px;
    }
    #location .map_info .loaction_quick .quick_more::before, 
    #location .map_info .loaction_quick .quick_more::after {
        width:20px;
        height:20px;
        background-size:100% 100%;
    }
    #location .map_info .loaction_quick .quick_more::before {
        top:-20px;
    }
    #location .map_info .loaction_quick .quick_more::after {
        left:-20px;
    }
}
@media(max-width:1024px) {}
@media(max-width:991px) {
    #location .map_info {
        flex-direction:column;
    }
    #location .map_info .loaction_quick {
        height: 120px;
        width: 100%;
    }

    #location .public_wrap .route_cont {
        flex-direction:column;
        gap:20px;
    }
}
@media(max-width:768px) {
    #location .map_view {
        height:380px;
    }
    #location .map_info .info_wrap .info_box {
        flex-direction:column;
        gap:10px;
    }
    #location .public_wrap .route_cont {
        padding:20px;
    }
}
@media(max-width:640px) {}
@media(max-width:480px) {
    #location .map_view {
        height:340px;
    }
    #location .public_wrap .route_cont .route_box {
        flex-direction:column;
    }
    #location .public_wrap .route_cont .route_box .route_icon {
        margin:0 auto;
    }
    #location .public_wrap .route_cont .route_box .route_text {
        width:100%;
    }
    #location .public_wrap .route_cont .route_box .route_text .sub_title {
        text-align:center;
    }
    #location .public_wrap .route_cont .route_box .route_text .route_bus {
        justify-content:center;
    }
    #location .public_wrap .route_cont .route_box .route_text .route_bus li {
        min-width:auto;
    }
}