@charset "utf-8";
/* 기본설정 */
/* @import "default.css"; */

.map1{
    /* display: flex; */
    padding: 0 10% 7%;
    line-height: 1.5;
    position: relative;
}
#map-spot {
    position: absolute;
    top: -90px;
}
.map-cont {
    display: flex;
    gap: 80px;
}
#map{
    width: 40.52vw;
    height: 31.25vw;
}
.map-cont .text {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 60px; 
}
.map-cont p, .map-cont a {
    font-size: 0.9vw;
    line-height: 2.3;
    text-shadow: 0px 1px 2px #00000070;
}
@media(max-width:1200px){
    .map-cont p, .map-cont a {
        font-size: 1.5vw;
    }
}
@media(max-width:768px){
    .map1 {
        padding: 0 5% 7%;
    }
    #map{
        width: 90vw;
        height: 50vw;
    }
    .map-cont { 
        flex-direction: column;
        gap: 15px;
    }
    .map-cont p, .map-cont a {
        font-size: 3vw;
    }
   
}
@media(max-width:500px){
    #map{
        width: 90vw;
        height: 70vw;
    }
}