.local { border-radius: 5px; overflow: hidden; }
.local .map { height: 450px; }
.local .map .root_daum_roughmap, .local .map .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.local .map .root_daum_roughmap .wrap_map .map_border { background-color: transparent !important; border: 0 !important; }
.local .map .root_daum_roughmap .cont { display: none; }
.local .map .root_daum_roughmap .roughmap_maker_label { display: none; }
.local .map .root_daum_roughmap img[role="presentation"] { display: none !important; }
.local .add { display: flex; align-items: center; padding: 38px 40px; background: #0d376d; }
.local .add ul { display: flex; flex-wrap: wrap; gap: 18px; }
.local .add ul li { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 16px; line-height: 110%; letter-spacing: -0.02em; color: #fff; }
.local .add ul li:before { content: ""; width: 18px; height: 18px; background: no-repeat center / 100% auto; flex-shrink: 0; }
.local .add ul li:nth-child(1) { align-items: flex-start; width: 100%; font-size: 24px; }
.local .add ul li:nth-child(1):before { width: 24px; height: 24px; background-image: url(../img/content/location-ico01.png); transform: translatey(1px); }
.local .add ul li:nth-child(2):before { background-image: url(../img/content/location-ico02.png); }
.local .add ul li:nth-child(3):before { background-image: url(../img/content/location-ico03.png); }
.local .add > div a { display: flex; justify-content: center; height: 56px; align-items: center; gap: 10px; width: 235px; padding: 20px 0; background-color: #ed903f; border-radius: 99px; font-weight: 700; font-size: 16px; line-height: 19px; letter-spacing: -0.02em; color: #fff; }
.local .add > div a:after { content: ""; width: 6px; height: 11px; background: url(../img/content/location-ico-link.png) no-repeat center / 100% auto; }
@media screen and (max-width: 1024px) {
  .local .map { height: 400px; }
  .local .add { padding: 30px; }
  .local .add ul li:nth-child(1) { font-size: 22px; }
}
@media screen and (max-width: 768px) {
  .local .map { height: 350px; }
  .local .add { flex-direction: column; align-items: flex-start; padding: 20px; gap: 30px; }
  .local .add ul { width: 100%; }
  .local .add ul li:nth-child(1) { font-size: 20px; line-height: 1.4; }
  .local .add > div { width: 100%; }
  .local .add > div a { width: 100%; box-sizing: border-box; }
}
@media screen and (max-width: 400px) {
  .local .map { height: 300px; }
  .local .add ul li:nth-child(1) { font-size: 18px; }
}