@media only screen and (max-width: 1023px){
    #map-wrap {
        margin: 40px auto;
    }

    #map-wrap .resume {
        right: -20px;
    }

    #sec02 .background{
        background-size: cover;
    }

    .content-section .background .text {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 767px){

    #map-wrap > div{
        box-sizing: border-box;
        margin:0;
        padding:10px;
    }

    #map-wrap svg{
        padding:10px;
    }

    #map-wrap .resume ul li {
        padding: 7px 10px;
    }

    #map-wrap {
        padding: 25px 0px 0;
    }
/*
    #map-wrap img {
        width: 94%;
        margin: 0 auto 15px;
        display: block;
    }
*/
    #map-wrap .resume {
        position: relative;
        right: 0px;
        width: 100%;
        top: 0px;
        border-radius: 2px;
    }

    #map-wrap .popup.active{
        display: none;
    }

    #map-wrap .resume ul li {
        font-size: 14px;
    }
/*
    #map-wrap svg {
        left: 3%;
        position: absolute;
        top: 26px;
        width: 94%;
    }
*/
}