@charset "utf-8";

.location .btnWrap {max-width:930px; margin:0 auto;}
.location .mapWrap {position:relative; display:grid; grid-template-columns: auto 845px; margin-bottom:70px;}
.location .mapWrap h3 {font-size:var(--fs24);}
.location .mapWrap ul {margin-top:40px;}
.location .mapWrap ul li {display:block; gap:25px; color:#777; font-weight:300; align-items: flex-start; line-height:1.4;}
.location .mapWrap ul li+li {margin-top:15px;}
.location .mapWrap ul li p {font-size:var(--fs20); font-weight:700; color:#000;}


.location .infoWrap {display:grid; grid-template-columns:auto 845px;}
.location .infoWrap i {width:70px; height:70px; border-radius:10px; background:var(--base1); display:flex; align-items: center; justify-content: center;}
.location .infoWrap ul li {display:grid; grid-template-columns: auto auto; gap:40px;}
.location .infoWrap ul li+li {margin-top:40px;}
.location .infoWrap ul li p {color:var(--base1); margin-bottom:10px; font-weight:700;}
.location .infoWrap ul li p em {margin-left:10px;}
.location .infoWrap ul li div {font-weight:300; color:#777;}


.location .mapWrap .mapView {position:absolute;bottom:0; left:0;}
.location .mapWrap .mapView a {display:inline-block; padding: 10px 50px 10px 30px; border:1px solid var(--base1); color:var(--base1); background: #fff url(/images/common/i-arrow.svg) no-repeat center right 20px;}
.location .mapWrap .mapView a:hover {background:var(--base1) url(/images/common/i-arrow-w.svg) no-repeat center right 25px; color:#fff;}

/* 카카오지도 */
.location .mapWrap .root_daum_roughmap {width:100%; overflow:hidden;}
.location .mapWrap .root_daum_roughmap .wrap_map {border-bottom:1px solid #ddd;}
.location .mapWrap .root_daum_roughmap .wrap_controllers {display:none;}
.location .root_daum_roughmap .cont {display:none;}

.location .root_daum_roughmap .wrap_map {border-bottom:1px solid #ddd;}
.location .root_daum_roughmap .wrap_controllers {display:none;}
.location .root_daum_roughmap {width:100%;}




/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
	
	.location .mapWrap .mapView {position: static; margin:30px 0;}
	.location .mapWrap {grid-template-columns: auto;}
	.tabInner .tabItemIn {margin-top:50px;}
	.location .mapWrap {margin-bottom:0;}
	
	.location .infoWrap {grid-template-columns: auto; gap:30px; margin-top:50px;}

}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

	.location .mapWrap {display:flex; gap:30px; flex-direction: column-reverse;}
	

}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {
	
	.location .mapWrap ul li {flex-direction: column; align-items: flex-start; line-height:1.2; gap:0;}
	.location .mapWrap ul li+li{margin-top:10px;}
	.location .infoWrap i {width:50px; height:50px; }
	.location .infoWrap ul li {gap:20px;}

}