@charset "utf-8";

/******************************************
    입지환경
******************************************/
.location_intro {
  font-family: var(--font-serif);
  margin-bottom: 60px;
  text-align: center;
  letter-spacing: -0.03em;
}

.location_intro p {
  margin-bottom: 10px;
  font-size: 30px;
}

.location_intro h3 {
  font-size: 54px;
  color: var(--label-strong);
  font-weight: 700;
}

.location_map__image,
.location_map__image img {
  display: block;
  width: 100%;
}

.location_map__image {
  padding:0 32px;
}

.location_benefits {
  --location-benefits-top:220px;
  margin-top:calc(var(--location-benefits-top) * -1);
  padding: calc(60px + var(--location-benefits-top)) 120px 120px;
  background: #F9F4EE;
}

.location_benefits__title {
  margin-bottom: 48px;
  color: var(--fill-secondary);
  font-size: 48px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.location_benefits__panel {
  padding: 60px 40px 90px;
  border-radius: var(--radius-lg);
  background: var(--white);
  text-align: center;
}

.location_benefits__heading {
  margin-bottom: 36px;
  color: var(--label-normal);
  font-size: 32px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -0.02em;
}

.location_benefits__routes {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-width: 650px;
  margin: 0 auto;
}

.location_benefits__route:not(:last-child) {
  padding-bottom: 28px;
  border-bottom: 1px solid var(--line-neutral);
}

.location_benefits__route img {
  height: auto;
}

@media screen and (max-width: 1024px) {
  .location_intro {
    margin-bottom: calc(60 / var(--width) * var(--device-width));
  }

  .location_intro p {
    margin-bottom: calc(10 / var(--width) * var(--device-width));
    font-size: calc(20 / var(--width) * var(--device-width));
  }

  .location_intro h3 {
    font-size: calc(24 / var(--width) * var(--device-width));
  }

  .location_map__image {
    padding: 0;
  }

  .location_benefits {
    margin-top: 0;
    padding: calc(34 / 375 * 100vw) calc(14 / 375 * 100vw) calc(30 / 375 * 100vw);
  }

  .location_benefits__title {
    margin-bottom: calc(24 / 375 * 100vw);
    font-size: calc(32 / 375 * 100vw);
  }

  .location_benefits__panel {
    padding: calc(40 / 375 * 100vw) calc(20 / 375 * 100vw) calc(36 / 375 * 100vw);
  }

  .location_benefits__heading {
    margin-bottom: calc(28 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }

  .location_benefits__routes {
    max-width: none;
    gap: calc(16 / 375 * 100vw);
  }

  .location_benefits__route:not(:last-child) {
    padding-bottom: calc(16 / 375 * 100vw);
  }
}