@charset "UTF-8";

/* 찾아오시는 길 */
.mapApi {height: 70rem;}
.mapEdit #mapContent {display: flex; justify-content: space-between; align-items: center; height: 9rem; margin-top: 2rem; padding: 2rem 3rem; background: #f1f6fa; border-radius: .5rem;}
.mapEdit .info ul {display: flex; align-items: center;}
.mapEdit .info li {display: flex; align-items: center; padding-right: 17rem; font-family: pm; font-size: 1.8rem; color: #333333;}
.mapEdit .info li:last-child {padding-right: 0;}
.mapEdit .info li::before {content: ''; display: flex; width: 5rem; height: 5rem; margin-right: 1.5rem; border-radius: 100%;}
.mapEdit .info li.icon1::before {background: #fff url('../images/ic-map1.png') no-repeat center;}
.mapEdit .info li.icon2::before {background: #fff url('../images/ic-map2.png') no-repeat center;}
.mapEdit .find .btn-location {display: flex; justify-content: center; align-items: center; height: 5rem; padding: 0 3rem; border: 1px solid #00aae5; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #00aae5; transition: .35s;}
.mapEdit .find .btn-location:hover {background: #fff;}
.mapEdit .find .btn-location::after {content: ''; width: 1.6rem; height: 1.6rem; margin-left: 1.5rem; background: url('../images/btn-location.png') no-repeat center / cover; }

@media screen and (max-width: 1150px) {
	.mapEdit .info li {padding-right: 10rem;}
}

@media screen and (max-width: 1030px) {
	.mapEdit #mapContent {height: auto;}
	.mapEdit .info ul {flex-direction: column; align-items: flex-start;}
	.mapEdit .info li {padding: 0; padding: .5rem 0;}
}

@media screen and (max-width: 760px) {
	.mapApi {height: 35rem;}
	.mapEdit #mapContent {flex-direction: column; align-items: flex-start; padding: 3rem;}
	.mapEdit .find {margin-top: 1rem;}
	.mapEdit .info li {font-size: 1.6rem;}
}