/* location */
/* location */
/* location */

.location .displayGrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: none;
	grid-gap: 0;
	padding: 100px 10px 0;
}

.location .imgBox { width: 100%; height: 100%; max-height: 700px; }
.location .imgBox img { width: 100%; height: 100%; object-fit: cover; }

.location .rightBox { padding: 50px 0 0 30px; }

.location .rightBox h2 { font-size: 30px; font-weight: 500; line-height: 3; }

.location .rightBox ul li { display: flex; flex-direction: row; justify-content: start; margin-bottom: 20px; }

.location .rightBox ul li span { display: block; width: 30%; white-space: nowrap; }


.location .rightBox .map {  }

.location .rightBox .map .root_daum_roughmap_landing { width: 100%; }
.location .rightBox .map .root_daum_roughmap .wrap_controllers { display: none; }
.location .rightBox .map .root_daum_roughmap .border1, .location .rightBox .map .root_daum_roughmap .border2, .location .rightBox .map .root_daum_roughmap .border3, .location .rightBox .map .root_daum_roughmap .border4 { border-color: transparent; background-color: transparent; }


@media(max-width: 990px){
	.location .displayGrid {
		grid-template-columns: none;
		grid-template-rows: repeat(2, auto);
		grid-gap: 0;
		padding: 60px 10px 0;
	}

	.location .leftBox { max-height: 500px; }
	.location .rightBox h2 { font-size: 20px; }
	.location .rightBox ul li:last-child { margin-bottom: 30px; }
}