@charset "utf-8";

#location {
    margin-top: -20px;
}
#location .cont_title .cont_ti {
    line-height:1;
}

#location .cont + .cont {
    margin-top:30px;
}
#location .location_map {
    height:535px;
    border:1px solid #ddd;
    border-radius:30px;
}

#location .location_info {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
#location .location_info .info_wrap {
    display:flex;
    align-items:center;
    gap:30px;
}
#location .location_info .info_wrap .logo {}
#location .location_info .info_wrap .info_box {
    display:flex;
    align-items:center;
    gap:10px;
}
#location .location_info .info_wrap .info_box .info_ti {
    font-size:1.11em;
    font-weight:700;
}
#location .location_info .info_wrap .info_box .info_co {
    font-size:1em;
    font-weight:400;
}


#location .location_info .location_btn {
    border-radius:999px;
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to top, #c95094, #7b4992);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #c95094, #7b4992);
    background-origin: border-box;
    background-clip: content-box, border-box;
    overflow:hidden;
} 
#location .location_info .location_btn a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:15px 20px;
    font-size:0.88em;
    color:#fff;
    font-weight:700;
    line-height:normal;
    background-color:#7B4992;
    background: rgb(201,80,148);
    background: linear-gradient(135deg, #c95094 16.43%, #7b4992 87.14%);
}
#location .location_info .location_btn:hover {
    border:2px solid #7B4992;
}
#location .location_info .location_btn:hover a {
    background:#fff;
    color:#7B4992;
}
#location .location_info .location_btn:hover a path {
    fill:#7B4992
}


#location .way_box {
    display:flex;
    align-items: flex-start;
    gap:30px;
}
#location .way_box + .way_box {
    margin-top:70px;
}
#location .way_box .way_icon {
    width:80px;
    height:80px;
    border:1px solid #dedede;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
}
#location .way_box .way_text {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:12px;
}
#location .way_box .way_text .way_ti {
    font-size:1em;
    font-weight:700;
}
#location .way_box .way_text .way_num {
    display:flex;
    flex-wrap: wrap;
    gap:5px;
}
#location .way_box .way_text .way_num .way_co {
    font-size:1em;
    font-weight:700;
    text-align:center;
    color:#fff;
    background-color:#3C9;
    border-radius:30px;
    padding:5px 8px;
}
#location .way_box .way_text .parking {
    height:355px;
    border:1px solid #dedede;
    border-radius:30px;
}


/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {
    #location .location_info .info_wrap {
        flex-direction:column;
        align-items: flex-start;
        gap:10px;
    }
}
@media (max-width:1440px) {
    #location .location_map {
        height:450px;
    }
}
@media (max-width:1200px) {}
@media (max-width:1024px) {
    #location .location_map {
        height:400px;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {
    #location .location_info {
        flex-direction:column;
        width:100%;
        gap:20px;
    }
    #location .location_info .info_wrap {
        width:100%;
    }
    #location .location_info .info_btn {
        width:100%;
        justify-content: center;
    }


    #location .way_box + .way_box {
        margin-top:35px;
        padding-top:35px;
        border-top:1px dashed #ddd;
    }
    #location .way_box {
        flex-direction: column;
    }
    #location .way_box .way_icon {
        margin:auto;
    }
    #location .way_box .way_text {
        width:100%;
    }
    #location .way_box .way_text .way_num .way_co {
        word-break: break-all;
        text-align:left;
    }
}
@media (max-width:640px) {
    #location .location_map {
        height:350px;
    }



    #location .way_box .way_text .parking {
        height:200px;
    }
}
@media (max-width:480px) {}
@media (max-width:320px) {}