.about-sec { padding-top: var(--sp-section); }
.about-sec .col-text { display: flex; flex-direction: column; gap: var(--sp-heading-content); }
.about-sec h2 { margin: 0; font-family: var(--heading); font-size: var(--fs-title); line-height: var(--lh-title); font-weight: 500; letter-spacing: var(--ls-title); }
.about-sec p { margin: 0; font-size: var(--fs-body); line-height: var(--lh-body); letter-spacing: var(--ls-body); }
.about-sec .list { margin: 0; padding: 0 0 0 1.25em; display: flex; flex-direction: column; gap: var(--sp-text); font-size: var(--fs-body); line-height: var(--lh-body); letter-spacing: var(--ls-body); }
.about-sec .list li { padding-left: .25em; }
.about-sec .list li::marker { color: #5E6370; }
.map { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: calc(32 * var(--ut)); background: #ECEDF0; }
@media (max-width: 1023px) {
  .map { border-radius: 16px; aspect-ratio: 4 / 3; }
}