.map-wrap { display: flex; border: 1px solid #DDDDDD; border-radius: 10px; overflow: hidden; }
.map-wrap .map-box { max-width: 785px; width: 100%; }
.map-wrap .map-box .root_daum_roughmap { width: 100%; height: 100%; }
.map-wrap .root_daum_roughmap .wrap_map { height: 100%; }
.map-wrap .map-box .root_daum_roughmap .cont { display: none; }
.map-wrap .info { flex: 1; padding: 70px 40px; }
/*.map-wrap .info ul { margin: 0 0 30px; }*/
.map-wrap .info ul li { padding: 0 0 30px; }
.map-wrap .info ul li span { font-weight: 800; font-size: 15px; line-height: 100%; letter-spacing: -0.2px; color: #222222; position: relative; display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.map-wrap .info ul li p { font-weight: 600; font-size: 15px; line-height: 24px; letter-spacing: -0.2px; color: #333333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.map-wrap .info ul li span:before { content: ""; display: inline-block; width: 21px; height: 20px; }
.map-wrap .info ul li.location span:before { background: url(/_res/unist/_share/img/temp/ico-location-map.png)no-repeat center; background-size: cover; }
.map-wrap .info ul li.tel span:before { background: url(/_res/unist/_share/img/temp/ico-tel-map.png)no-repeat center; background-size: cover; }
.map-wrap .info ul li.mail span:before { background: url(/_res/unist/_share/img/temp/ico-mail-map.png)no-repeat center; background-size: cover; }
.map-wrap .info ul li:last-child { padding: 0; }
.map-wrap .info .btn-map a { max-width: 267px; width: 100%; padding: 15px; border-radius: 5px; background: #004BAE; display: block; text-align: center; position: relative; font-weight: 700; font-size: 15px; line-height: 100%; letter-spacing: -0.2px; color: #ffffff; display: flex; align-items: center; gap: 8px; justify-content: center; }
.map-wrap .info .btn-map a:after { content: ""; display: inline-block; background: url(/_res/unist/_share/img/temp/ico-btn-map.png)no-repeat center; width: 10px; height: 10px; background-size: cover; }
.bg-location { background: #F5F5F5; border-radius: 10px; padding: 30px; }
.bg-location .inner-location { padding: 0 0 30px; }
.bg-location .inner-location:last-child { padding: 0; }
.bg-location .inner-location .tit-location { font-weight: 700; font-size: 18px; line-height: 100%; letter-spacing: -0.2px; vertical-align: bottom; color: #222222; padding: 0 0 16px; }
@media (max-width: 1400px) {
  .map-wrap .map-box { max-width: 600px; }
}
@media (max-width: 1024px) {
  .map-wrap { flex-direction: column; }
  .map-wrap .map-box { max-width: unset; height: 455px; }
  .map-wrap .info { padding: 20px; }
}
@media (max-width: 768px) {
  .map-wrap .info .btn-map a { max-width: unset; width: auto; }
  .map-wrap .info ul li { padding: 0 0 20px; }
  .map-wrap .info ul li p { -webkit-line-clamp: unset; }
  .bg-location { padding: 20px; }
  .bg-location .inner-location { padding: 0 0 15px; }
  .bg-location .inner-location .tit-location { font-size: 16px; padding: 0 0 10px; }
}