.map{ /* 오시는길 박스 */
  margin:0 auto;
  padding:100px 0 0 0;
  width: calc(100% - 80px);
  max-width: 1200px;
}
.map_title{  /* 오시는길 텍스트 */
  font-size:30px;
  font-weight:bold;
  padding: 0 0 100px 0;
  text-align:center;
  color:#333;
}
.map_info{  /* 오시는길 정보 박스 */
  padding:50px 0 100px 0;
}
.map_info>li{
  padding:30px 0;
  border-bottom:1px solid #eee;
}
.map_info>li:first-child{
  border-top:2px solid #666;
}
.map .mtxt{  /* 박스 타이틀 */
  display:inline-block;
  vertical-align:top;
  font-size:18px;
  font-weight:bold;
  width:20%;
  color:#2faeec;
}
.map_info>li>div{  /* 내용 */
  display:inline-block;
  font-size:16px;
  width:75%;
}
.map_info>li>div>div{
  line-height:30px;
}
.map_info .m_color{  /* 도로명,지번주소 */
  display: inline-block;
  color:#333;
  font-weight:500;
  width:100px;
}
.subway{  /* 지하철 이미지 */
  display: inline-block;
  margin-right: 4px;
  width: 17px;
  vertical-align: middle;
}
.bus{
  display: inline-block;
  margin-right: 8px;
  width: 33px;
  vertical-align: middle;
}
@media screen and (max-width:1024px){
  .map{ /* 오시는길 박스 */
    padding: 60px 0 0 0;
    width: calc(100% - 64px);
  }
  .map_title{ /* 오시는길 텍스트 */
    padding: 0 0 60px 0;
  }
}
/*_______________________________________________모바일 기준으로*/
@media screen and (max-width:767px){
  .map{ /* 오시는길 박스 */
    padding: 40px 0 0 0;
    width: calc(100% - 40px);
  }
  .map_title{ /* 오시는길 텍스트 */
    font-size:20px;
    padding: 0 0 30px 0;
  }
  iframe{ /* 지도 */
    width:100%;
    height:100%;
  }
  .map_info{  /* 오시는길 정보 박스 */
    padding:30px 0 0 0;
  }
  .map_info>li{
    padding:20px 0;
    font-size: 14px;
  }
  .map .mtxt{ /* 박스 타이틀 */
    font-size:16px;
    width:100%;
    padding-bottom:10px;
  }
  .map_info>li>div{  /* 내용 */
    font-size:14px;
    width:100%;
  }
  .map_info>li>div>div{
    line-height:23px;
  }
  .map_info .m_color{ /* 도로명,지번주소 */
    display:block;
    width:100%;
  }
}