@font-face {
  font-family: 'BalanceGroovy Regular';
  src: url("../fonts/Balancegroovyregular-RpZzl.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BalanceGroovy Groovy';
  src: url("../fonts/Balancegroovygroovy-BWwyl.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* line 1, ../sass/terminal/terminal-table.scss */
.terminal-table {
  position: relative;
}

/* line 5, ../sass/terminal/terminal-table.scss */
.terminal-table-wr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

/* line 12, ../sass/terminal/terminal-table.scss */
.terminal-table-col {
  width: 25%;
  text-align: center;
  border-radius: 22px;
  transition: .3s ease-in-out;
}
/* line 18, ../sass/terminal/terminal-table.scss */
.terminal-table-col:hover {
  background-color: #a0d8f7;
}
/* line 22, ../sass/terminal/terminal-table.scss */
.terminal-table-col h4 {
  line-height: 0.95;
  font-size: clamp(20px, 2.2vw, 36px);
  display: block;
}
/* line 28, ../sass/terminal/terminal-table.scss */
.terminal-table-col .row {
  border-bottom: 1px solid #322d2466;
  padding: 2vw;
}
/* line 32, ../sass/terminal/terminal-table.scss */
.terminal-table-col .row:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 40, ../sass/terminal/terminal-table.scss */
  .terminal-table-wr {
    margin-top: 25px;
  }

  /* line 44, ../sass/terminal/terminal-table.scss */
  .terminal-table-col {
    font-size: 16px;
    border-radius: 15px;
  }
  /* line 48, ../sass/terminal/terminal-table.scss */
  .terminal-table-col .row {
    padding: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 57, ../sass/terminal/terminal-table.scss */
  .terminal-table-wr {
    margin-top: 20px;
  }

  /* line 61, ../sass/terminal/terminal-table.scss */
  .terminal-table-col {
    font-size: 14px;
    border-radius: 10px;
  }
  /* line 66, ../sass/terminal/terminal-table.scss */
  .terminal-table-col .row {
    padding: 5px 2px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 75, ../sass/terminal/terminal-table.scss */
  .terminal-table-wr {
    margin-top: 15px;
  }

  /* line 79, ../sass/terminal/terminal-table.scss */
  .terminal-table-col {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    border-radius: 15px;
    background-color: #e8f5fd;
    padding: 15px;
  }
  /* line 87, ../sass/terminal/terminal-table.scss */
  .terminal-table-col h4 {
    font-size: 20px;
  }
  /* line 91, ../sass/terminal/terminal-table.scss */
  .terminal-table-col .row {
    padding: 15px;
  }
}
/* line 1, ../sass/terminal/terminal-map.scss */
.terminal-map {
  width: 100%;
}
/* line 4, ../sass/terminal/terminal-map.scss */
.terminal-map #map, .terminal-map #map2 {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  height: calc(100vh - 20px);
  max-height: calc(100vw * 9 /16);
  margin-top: 30px;
}
/* line 13, ../sass/terminal/terminal-map.scss */
.terminal-map .circle-marker {
  width: 60px;
  height: 60px;
  background-color: transparent;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #263688;
  box-shadow: 0 0 20px -8px #000000;
}
/* line 23, ../sass/terminal/terminal-map.scss */
.terminal-map .marker-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 36, ../sass/terminal/terminal-map.scss */
  .terminal-map {
    width: 100%;
  }
  /* line 39, ../sass/terminal/terminal-map.scss */
  .terminal-map #map, .terminal-map #map2 {
    width: 100%;
    border-radius: 10px;
    height: 100%;
    height: calc(100vh - 20px);
    max-height: calc(160vw * 9 / 16);
    margin-top: 20px;
  }
  /* line 48, ../sass/terminal/terminal-map.scss */
  .terminal-map .circle-marker {
    width: 44px;
    height: 44px;
    border-width: 1px;
  }
  /* line 54, ../sass/terminal/terminal-map.scss */
  .terminal-map .marker-label {
    font-size: 8px;
  }
}
/* line 1, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap {
  position: relative;
}
/* line 6, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap.no-fix .terminal-twomap-sticky {
  height: auto !important;
  position: relative !important;
}
/* line 10, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap.no-fix .terminal-twomap-wr {
  height: auto !important;
}
/* line 13, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap.no-fix .terminal-twomap-wr .img, .terminal-twomap.no-fix .terminal-twomap-wr .desc, .terminal-twomap.no-fix .terminal-twomap-wr .descwr {
  height: auto !important;
  position: relative !important;
  top: initial !important;
  transform: none !important;
}
/* line 22, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap.no-fix .terminal-twomap-wr .img .imgbox {
  position: relative;
  opacity: 1;
}
/* line 26, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap.no-fix .terminal-twomap-wr .img .imgbox img {
  object-fit: contain;
}

/* line 36, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-sticky {
  position: sticky;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 47, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr {
  display: flex;
  height: 200vh;
}
/* line 51, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .img {
  width: 45%;
  height: 100vh;
  position: relative;
}
/* line 56, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .img .imgbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: .3s ease-in-out;
}
/* line 67, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .img .imgbox.active {
  opacity: 1;
  pointer-events: all;
}
/* line 71, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .img .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 80, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .descwr {
  width: 50%;
  position: relative;
  height: 100vh;
}
/* line 85, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .descwr .desc {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
/* line 93, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .desc {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  pointer-events: none;
  opacity: 0;
  transition: .3s ease-in-out;
}
/* line 103, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .desc.active {
  opacity: 1;
  pointer-events: all;
}
/* line 108, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .desc .desc-icon {
  border-radius: 100px;
  font-size: 17px;
  background-color: #a0d8f7;
  padding: 7px 17px;
  width: max-content;
}
/* line 116, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .desc .title {
  font-size: clamp(20px, 2.2vw, 36px);
  margin: 20px 0 40px;
}
/* line 120, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .desc .title small {
  display: block;
  font-size: .8em;
}
/* line 125, ../sass/terminal/terminal-twomap.scss */
.terminal-twomap-wr .desc .title ul {
  display: block;
  margin-top: 10px;
  list-style-type: disc;
  padding-left: 1em;
}

@media (orientation: portrait) and (min-width: 768px) {
  /* line 137, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    gap: 25px 0;
  }
  /* line 146, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky .img {
    width: 100%;
    height: auto;
  }
  /* line 150, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky .img .imgbox {
    aspect-ratio: 16/9;
  }
  /* line 153, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky .img .imgbox.active {
    position: relative;
  }
  /* line 159, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky .descwr {
    width: 100%;
    height: auto;
  }
  /* line 164, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky .descwr .desc.active {
    position: relative;
    top: auto;
    right: auto;
    transform: translateY(0);
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 178, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-sticky {
    position: relative;
    top: auto;
    right: auto;
    height: auto;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }

  /* line 194, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr {
    display: block;
    height: auto;
  }
  /* line 198, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .img {
    display: contents;
    width: 100%;
    height: auto;
  }
  /* line 203, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .img .imgbox {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    pointer-events: all;
    opacity: 1;
  }
  /* line 212, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .img .imgbox img {
    height: auto;
  }
  /* line 216, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .img .imgbox:nth-child(1) {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -o-order: 1;
    order: 1;
  }
  /* line 224, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .img .imgbox:nth-child(2) {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3;
  }
  /* line 234, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .descwr {
    display: contents;
    width: 100%;
    height: auto;
  }
  /* line 239, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .descwr .desc {
    position: relative;
    top: auto;
    right: auto;
    transform: translateY(0);
  }
  /* line 245, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .descwr .desc:nth-child(1) {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -o-order: 2;
    order: 2;
    margin-bottom: 30px;
  }
  /* line 254, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .descwr .desc:nth-child(2) {
    -webkit-order: 4;
    -moz-order: 4;
    -ms-order: 4;
    -o-order: 4;
    order: 4;
  }
  /* line 264, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .desc {
    opacity: 1;
    pointer-events: all;
    margin-top: 15px;
  }
  /* line 269, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .desc .desc-icon {
    font-size: 15px;
    padding: 5px 12px;
  }
  /* line 274, ../sass/terminal/terminal-twomap.scss */
  .terminal-twomap-wr .desc .title {
    font-size: 18px;
    margin: 15px 0 30px;
  }
}
/* line 1, ../sass/terminal/terminal-road.scss */
.terminal-road {
  position: relative;
  overflow: hidden;
}

/* line 6, ../sass/terminal/terminal-road.scss */
.terminal-road-wr {
  position: relative;
}

/* line 10, ../sass/terminal/terminal-road.scss */
.terminal-road-box {
  width: clamp(100px, 24vw, 460px);
  height: clamp(100px, 24vw, 460px);
  border-radius: 50%;
  overflow: hidden;
  margin: 0 clamp(5px, 1vw, 20px);
  display: inline-flex;
}
/* line 18, ../sass/terminal/terminal-road.scss */
.terminal-road-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 1, ../sass/terminal/terminal-service.scss */
.terminal-service {
  position: relative;
}

/* line 5, ../sass/terminal/terminal-service.scss */
.terminal-service-wr {
  position: relative;
  margin-top: 30px;
}

/* line 10, ../sass/terminal/terminal-service.scss */
.terminal-service-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 32px 22px 42px;
  background-color: #a0d8f7;
  align-items: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  margin-top: -15px;
}
/* line 21, ../sass/terminal/terminal-service.scss */
.terminal-service-row:last-child {
  padding-bottom: 32px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
/* line 27, ../sass/terminal/terminal-service.scss */
.terminal-service-row .num {
  width: 30%;
}
/* line 31, ../sass/terminal/terminal-service.scss */
.terminal-service-row p {
  width: 70%;
  line-height: 0.95;
  font-size: clamp(20px, 2.2vw, 36px);
  display: block;
}
/* line 38, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(1) {
  background-color: #74c2ed;
  background-color: #e8f5fd;
}
/* line 42, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(2) {
  background-color: #54ace1;
  background-color: #ceebf9;
}
/* line 46, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(3) {
  background-color: #a0d8f7;
  background-color: #b9dff6;
}
/* line 50, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(4) {
  background-color: #74c2ed;
  background-color: #a7d5ef;
}
/* line 54, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(5) {
  background-color: #54ace1;
  background-color: #b9dff6;
}
/* line 58, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(6) {
  background-color: #a0d8f7;
  background-color: #ceebf9;
}
/* line 62, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(7) {
  background-color: #74c2ed;
  background-color: #e8f5fd;
}
/* line 67, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(8) {
  background-color: #a0d8f7;
  background-color: #ceebf9;
}
/* line 71, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(9) {
  background-color: #74c2ed;
  background-color: #b9dff6;
}
/* line 75, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(10) {
  background-color: #54ace1;
  background-color: #a7d5ef;
}
/* line 79, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(11) {
  background-color: #a0d8f7;
  background-color: #b9dff6;
}
/* line 83, ../sass/terminal/terminal-service.scss */
.terminal-service-row:nth-child(12) {
  background-color: #74c2ed;
  background-color: #ceebf9;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* line 91, ../sass/terminal/terminal-service.scss */
  .terminal-service-wr {
    margin-top: 25px;
  }

  /* line 95, ../sass/terminal/terminal-service.scss */
  .terminal-service-row {
    padding: 20px 15px 30px;
  }
  /* line 98, ../sass/terminal/terminal-service.scss */
  .terminal-service-row:last-child {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 107, ../sass/terminal/terminal-service.scss */
  .terminal-service-wr {
    margin-top: 20px;
  }

  /* line 111, ../sass/terminal/terminal-service.scss */
  .terminal-service-row {
    padding: 15px 10px 25px;
  }
  /* line 114, ../sass/terminal/terminal-service.scss */
  .terminal-service-row:last-child {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 124, ../sass/terminal/terminal-service.scss */
  .terminal-service-wr {
    margin-top: 15px;
  }

  /* line 128, ../sass/terminal/terminal-service.scss */
  .terminal-service-row {
    display: block;
    padding: 15px 10px 25px;
    margin-top: -10px;
  }
  /* line 133, ../sass/terminal/terminal-service.scss */
  .terminal-service-row:last-child {
    padding-bottom: 15px;
  }
  /* line 137, ../sass/terminal/terminal-service.scss */
  .terminal-service-row .num {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 142, ../sass/terminal/terminal-service.scss */
  .terminal-service-row p {
    width: 100%;
    font-size: 20px;
  }
}