@media (max-width: 768px) {
    .mapinfo{
        display: none !important;
    }
    #map,#map2, .a-container{
        width: 90vw !important;
    }
    
    #map{
        height:460px !important;
        margin-top:0 !important;
        background-size: auto 105% !important;
    }
    #map2 {
        height:460px !important;
        margin-top:60px !important;
        background-size: auto 105% !important;
    }
    .container{
        min-height:440px !important;
        margin-bottom: 60px !important;
    }
    .mapinfo-m
    {
        width:  100%;
        margin:0;
    }
    .mapinfo-m{
        /*
        position: absolute !important;
        margin-bottom: -603px !important;
        display: flex !important;
        flex-direction: column !important;
        */
        align-items: center !important;
        justify-content: center !important;
        padding : 0px 16px !important;
    }
    .mapinfo-m br {display:block !important;}
    .mapinfo-m h3 { font-size:18px; line-height:24px;}
    .a-container{
        margin-top: 30px !important;
        display: flex !important;
        justify-content: center !important;
        flex-direction: column !important;
    }
    .mapinfo-m .a-container .mail-address,
    .mapinfo-m .a-container .address { font-size:14px; line-height:20px !important;}
    .mapinfo-m .a-container .address { margin-top:12px !important;}
    .mapinfo-m img { margin-top:4px;}
    .b-container{
        width: 90vw !important;
        height: 48px !important;
        color : white !important;
        border-radius: 12px !important;
        background-color: var(--primary-500) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 32px !important;
        padding :  12px 16px !important;
    }
    .b-container *{
        flex : 1 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none !important;
        color : white !important;
    }
    .address, .mail-address{
        gap: 12px;
        display: flex;
        align-items: flex-start;
    }
    .contactus{
        margin-top: 30px !important;
    }
}
.contactus{
    width: 100vw;
}
.container{
    position: relative;
    /*display: flex;
    flex-direction: column; */
    width: 100%;
    height: auto;
    min-height: 674px;
    justify-content: center;
    align-items: center;
    margin-bottom: 174px;
}
#map {
    position: relative;
    width: 1240px;
    height: 697px;
    border-radius: 12px;
    margin:-70px auto 0;
    /* shadow
    box-shadow: 0px 0px 20px 0px rgba(177, 201, 201, 0.35);
     */
    background-image:url('/1QLab/static/images/location_hana.png');
    background-size:cover;
    background-position:center;
}
#map2 {
    position: relative;
    width: 1240px;
    height: 714px;
    border-radius: 12px;
    margin:100px auto 0;
    /* shadow
    box-shadow: 0px 0px 20px 0px rgba(177, 201, 201, 0.35);
     */
    background-image:url('/1QLab/static/images/location_hana2.png');
    background-size:cover;
    background-position:center;
}
.mapinfo-m {
    width:1200px;
    margin:32px auto 0;
    padding-left:6px;
}
.mapinfo-m br { display:none;}
.mapinfo-m h3 {
    font-family: 'Pretendard-Medium', sans-serif;
    font-size:18px;
}
.mapinfo-m img {vertical-align:middle;}
.mapinfo-m .a-container .address{ line-height:28px; margin-top:20px;}
.mapinfo-m .a-container .mail-address{ line-height:28px; margin-top:9px;}
.mapinfo{
    top:617px;
    position: absolute;
    width: 1200px;
    height: 64px;
    border-radius: 12px;
    box-shadow: 0px 0px 20px 0px rgba(177, 201, 201, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
.spot_white{
    margin-right: 12px;
}
.maptext{
    margin-left: 12px;
    margin-right: 12px;
}
.maptext a{
    color: white ;
}