.mapSect .generalTab__head {
  width: calc(100vw - var(--scrollbar));
}

@media screen and (min-width: 768px) {
  .mapSect .generalTab__head {
    margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .mapSect .generalTab__head {
    margin-left: -20px;
    width: calc(100% + 40px);
  }
}

@media screen and (max-width: 768px) {
  .mapSect .generalTab__head {
    margin-left: -20px;
  }
}

@media screen and (min-width: 768px) {
  .mapSect .generalTab__list {
    gap: 8px;
  }
}

@media screen and (min-width: 768px) {
  .mapSect .generalTab__item {
    width: calc(50% - 4px);
  }
}

.mapSect .generalTab__body {
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .mapSect .generalTab__body {
    width: 1100px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .mapSect .generalTab__body {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .mapSect .generalTab__body {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect .generalTab__body {
    margin-top: 60px;
  }
}

@media screen and (min-width: 768px) {
  .mapSect__btn {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect__btn {
    margin-top: 40px;
  }
}

.mapSect__btn .usableList__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .mapSect__btn .usableList__inner {
    gap: 24px;
  }
}

@media screen and (max-width: 768px) {
  .mapSect__btn .usableList__inner {
    gap: 16px;
  }
}

@media screen and (min-width: 768px) {
  .map-current {
    padding: 0 0 140px;
  }
}

@media screen and (max-width: 768px) {
  .map-current {
    padding: 0 0 100px;
  }
}