.contactWrap {
    display: flex;
    justify-content: center;
    overflow: hidden;
    background-color: #282524;
}

.contactWrap .layout {
    max-width: 1920px;
    gap: 0 75px;
    width: 100%;
    padding: 75px 60px;
    display: flex;
}

.contactWrap .mapWrap {
    width: 700px;
    height: 500px;
    overflow: hidden;
}

.contactWrap .mapWrap #map {
    width: 100%;
    height: 100%;
}

.contactWrap .infoWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.contactWrap .infoWrap>.t1 {
    font-size: 48.51px;
    color: #fff;
    font-family: 'SatoL';
    margin-bottom: 100px;
}

.contactWrap .infoWrap>.t1 span {
    font-family: 'SatoBL';
}

.contactWrap .infoWrap ul {
    display: flex;
    flex-flow: column;
    gap: 54px 0;
    margin-bottom: 77px;
}

.contactWrap .infoWrap ul li {
    display: flex;
    align-items: center;
    gap: 0 60px;
}

.contactWrap .infoWrap ul li .t1 {
    font-size: 20px;
    color: #808080;
    font-family: 'SatoM';
    letter-spacing: 10px;
    width: 160px;
}

.contactWrap .infoWrap ul li .t2 {
    font-size: 20px;
    color: #fff;
    font-family: 'PreL';
}

.contactWrap .infoWrap ul li .t2 a {
    color: #fff;
    position: relative;
}

.contactWrap .infoWrap ul li .t2 a:before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.contactWrap .infoWrap .btnsWrap {
    display: flex;
    align-items: center;
    gap: 0 34px;
}

@media (max-width: 1440px) {
    .contactWrap .layout {
        padding: 36px 50px 90px;
        flex-flow: column;
        gap: 90px 0;
    }

    .contactWrap .mapWrap {
        width: 100%;
        height: 500px;
    }

    .contactWrap .infoWrap {
        width: 100%;
    }

    .contactWrap .infoWrap .btnsWrap {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 1023px) {
    .contactWrap .layout {
        padding: 3.90625vw 3.90625vw 11.71875vw;
        gap: 11.71875vw 0;
    }

    .contactWrap .mapWrap {
        height: 65.10416666666666vw;
    }

    .contactWrap .infoWrap>.t1 {
        font-size: 6.316406249999999vw;
        margin-bottom: 12.369791666666668vw;
    }

    .contactWrap .infoWrap ul {
        gap: 7.161458333333333vw 0;
        margin-bottom: 9.114583333333332vw;
    }

    .contactWrap .infoWrap ul li {
        flex-flow: column;
        gap: 4.296875vw 0;
        align-items: flex-start;
    }

    .contactWrap .infoWrap ul li .t1 {
        width: auto;
        font-size: 2.604166666666667vw;
        letter-spacing: 1.3020833333333335vw;
    }

    .contactWrap .infoWrap ul li .t2 {
        font-size: 2.604166666666667vw;
    }
}