.map-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 75px; }
  .map-wrap .map {
    width: 60%;
    height: 500px; }
  .map-wrap .map-title {
    width: 480px;
    height: 80px;
    border-radius: 20px;
    display: inline-block;
    color: #e9b000;
    background: #fcefcd;
    text-align: center;
    line-height: 80px;
    font-size: 45px;
    margin: 80px auto 55px; }
  .map-wrap .map-address-name {
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 36px; }

@media (max-width: 768px) {
  .map-wrap {
    width: 100%; }
    .map-wrap .map {
      width: 90%;
      height: 250px; }
    .map-wrap .map-title {
      width: 240px;
      height: 40px;
      border-radius: 10px;
      line-height: 40px;
      font-size: 20px;
      margin: 70px auto 25px; }
    .map-wrap .map-address-name {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 16px; } }