#map_red_dt a,
#map_green_dt a {
  color: inherit;
  text-decoration: none;
}
.map-wrapper,
#map_red_dt,
#map_green_dt {
  position: relative;
  background-color: #fff;
  text-align: left;
}
#map_red_dt .marker,
#map_red_dt .marker-logo,
#map_green_dt .marker,
#map_green_dt .marker-logo {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: bold;
  text-align: center;
}
#map_red_dt .marker,
#map_green_dt .marker {
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  cursor: pointer;
  z-index: 0;
}

#map_red_dt .marker-logo {
  display: block;
  width: 5.4rem;
  height: 8.9rem;
  background-repeat: no-repeat;
  background-image: url("../img/4th/map_logo.png");
  background-size: cover;
}

#map_green_dt .marker-logo {
  display: block;
  width: 5.4rem;
  height: 8.9rem;
  background-repeat: no-repeat;
  background-image: url("../img/9th/map_logo.png");
  background-size: cover;
}

#map_red_dt .marker .marker-content,
#map_green_dt .marker .marker-content {
  display: none;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  min-width: 8rem;
  text-align: center;
  font-size: 0.8rem;
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#map_red_dt .marker .marker-content:after,
#map_green_dt .marker .marker-content:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  margin: 0 0 -5px 0px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

#map_red_dt .marker.map1 .marker-content,
#map_green_dt .marker.map1 .marker-content {
  background-color: #EE7CFF;
  color: #000;
}
#map_red_dt .marker.map1 .marker-content:after,
#map_green_dt .marker.map1 .marker-content:after {
  border-top: 10px solid #EE7CFF;
}
.marker.map1 {
  background-color: #EE7CFF;
}

#map_red_dt .marker.map2 .marker-content,
#map_green_dt .marker.map2 .marker-content {
  background-color: #00D6AA;
  color: #000;
}
.marker.map2 {
  background-color: #00D6AA;
}
#map_red_dt .marker.map2 .marker-content:after,
#map_green_dt .marker.map2 .marker-content:after {
  border-top: 10px solid #00D6AA;
}

#map_red_dt .marker.map3 .marker-content,
#map_green_dt .marker.map3 .marker-content {
  background-color: #FFCF06;
  color: #000;
}
.marker.map3 {
  background-color: #FFCF06;
}
#map_red_dt .marker.map3 .marker-content:after,
#map_green_dt .marker.map3 .marker-content:after {
  border-top: 10px solid #FFCF06;
}

#map_red_dt .marker.map4 .marker-content,
#map_green_dt .marker.map4 .marker-content {
  background-color: #FF8103;
  color: #000;
}
.marker.map4 {
  background-color: #FF8103;
}
#map_red_dt .marker.map4 .marker-content:after,
#map_green_dt .marker.map4 .marker-content:after {
  border-top: 10px solid #FF8103;
}