/* ---------------------------
Location (등록 페이지 톤 유지)
--------------------------- */

#location{
	padding:120px 20px 80px;
	background:#f7f7f7;
}

#location .location_wrap{
	display:flex;
	flex-direction:column;
	gap:30px;
}

/* 지도 */

#location .location_map{
	width:100%;
	height:420px;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

#location #kakao_map{
	width:100%;
	height:100%;
}

/* 정보 박스 */

#location .location_info{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
}

#location .info_box{
	background:#fff;
	border-radius:10px;
	padding:25px;
	box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

#location .info_box h3{
	font-size:18px;
	margin-bottom:10px;
	font-weight:700;
}

#location .info_box p{
	color:#555;
	line-height:1.6;
}

/* 지도 버튼 */

#location .map_links{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:10px;
}

#location .map_btn{
	padding:10px 14px;
	border-radius:6px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	font-weight:600;
}

#location .map_btn.naver{
	background:#03c75a;
}

#location .map_btn.kakao{
	background:#fee500;
	color:#000;
}

#location .map_btn.tmap{
	background:#ff4e00;
}

#location .map_btn.kakao_navi{
	background:#3c1e1e;
}

/* ---------------------------
Mobile
--------------------------- */

@media (max-width:768px){

	#location{
		padding:80px 20px;
	}

	#location .location_info{
		grid-template-columns:1fr;
	}

	#location .location_map{
		height:300px;
	}

}