#intro {
  background-image: url(../img/sub/about/bg.jpg);
}

/* ----- content start ----- */
.map {
  width: 100%;
  height: 500px;
  background-color: aliceblue;
}

.map_info {
  width: 100%;
  overflow: hidden;
  height: auto;
  border-top: 2px solid #1c1c1c;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
}

.map_info ul {
  width: 100%;
  overflow: hidden;
  float: left;
  font-size: 1.8rem;
}

.map_info ul:first-child {
  width: 60%;
  overflow: hidden;
}

.map_info ul:last-child {
  width: 40%;
  overflow: hidden;
}

.map_info li {
  float: left;
  margin-right: 60px;
  line-height: 6rem;
  font-weight: 800;
}

.map_info li:last-child {
  color: #777;
  font-weight: normal;
}

.map_info li i {
  color: #2e77cc;
  margin-right: 10px;
}

@media screen and (max-width: 1400px) {
  .map_info li {
    margin-right: 30px;
  }
}


@media screen and (max-width: 1300px) {
  .map {
    height: 350px;
  }

  .map_info li {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .map_info li:last-child {
    border-bottom: none;
  }

  .map_info ul {
    border-bottom: 1px solid #1c1c1c;
  }
}

@media screen and (max-width: 970px) {

  .map_info ul:first-child,
  .map_info ul:last-child {
    width: 100%;
    overflow: hidden;
  }

  .map_info ul:last-child {
    border-bottom: 1px solid #1c1c1c;
  }
}

@media screen and (max-width: 430px) {
  .map_info li {
    line-height: 3rem;
    padding: 15px;
  }
}

/* .directions-wrap .map-wrap .root_daum_roughmap{ */
#daumRoughmapContainer1673398025386{
    width: 100% !important;
    height: 100% !important;
    background-color: #eee !important;
}
.root_daum_roughmap .wrap_map {
  height: 100% !important;
}