@import url(style.less);

.root_daum_roughmap_landing{
	width: 100% !important;
}

.root_daum_roughmap .wrap_btn_zoom {
    z-index: 1 !important;
}

.map {
  width: 100%;
  height: 40rem;
  overflow: hidden;
  border: 1px solid @color_gray;
}

.map_info {
  display: flex;
  gap: 2rem;
  margin-top: 8rem;
  .tit {
    width: 36%;
    display: flex;
    flex: 0 0 auto;
    span {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      width: 5.2rem;
      height: 5.2rem;
      background-color: @color_main;
      color: #fff;
      font-size: 3.2rem;
    }
  }
  .contact {
    width: 100%;
    border-top: 1px solid #212529;
    .inner {
      width: 100%;
      height: 6.8rem;
      display: flex;
      border-bottom: 1px solid @color_gray;
      .hd {
        width: 15rem;
        height: 100%;
        font-weight: 700;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        background-color: #f7f7f7;
        padding: 0 2rem;
      }
      .txt {
        padding: 0 1rem;
        display: flex;
        align-items: center;
      }
    }
    img {
      position: absolute;
      right: 0;
      bottom: 3rem;
      max-width: 8rem;
    }
  }
  @media @tab_l {
    flex-direction: column;
    .tit {
      width: 100%;
    }
  }
  @media @mobile_l {
    .contact {
      .inner {
        flex-direction: column;
        height: unset;
        .hd {
          background-color: transparent;
          padding: 1.5rem 1rem;
        }
        .txt {
          padding-bottom: 2rem;
        }
      }
    }
  }
}