@charset "utf-8";

body .contact {}

body .location {}
body .location .wrap {position:relative;}

body .location .location-map {width:100%; height:100vh; position:relative; z-index:-1;}
body .location .location-map .root_daum_roughmap {width:100% !important; height:100%;}
body .location .location-map .root_daum_roughmap .wrap_map {height:100% !important;}
body .location .location-map .root_daum_roughmap .wrap_controllers {display:none;}
body .location .location-map .root_daum_roughmap .cont {display:none;}

body .location .location-info {
	width:100%; padding:50px 0; left:0; bottom:0; position:absolute;
	background: rgba(255, 255, 255, 0.80);
	box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(5px);
}
body .location .info-tit {text-align:center;}
body .location .info-tit h3 {color: #000; font-size:var(--fontSize11); font-weight: 600;line-height: 100%;}
body .location .info-tit p {display:flex; gap:30px; flex-wrap:wrap; justify-content:center; padding:10px 0 0; font-size: var(--fontSize4);font-weight: 400;line-height: 160%;}
body .location .info-list {padding:20px 0 0; margin:20px 0 0; display:flex; gap:70px; border-top:1px solid var(--bgcGray2);}
body .location .info-item {display:flex; gap:20px; width:calc((100% - 70px)/2);}
body .location .info-item .img {width:80px; height:80px; background:var(--sky) url(../../images/contact/bus.svg)center no-repeat; border-radius:50%}
body .location .info-item .txt {width:calc(100% - 100px);}
body .location .info-item .txt h4 {color:#000;font-size: var(--fontSize4);font-weight: 700;line-height: 140%;}
body .location .info-item .txt p {line-height:140%;}

body .location .info-item.subway .img {background-image:url(../../images/contact/subway.svg)}



/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	body .location .location-map {height:700px;}
	body .location .location-info {padding:50px 20px;}
	
	body .location .info-list {gap:40px;}
	body .location .info-item {width:calc((100% - 40px)/2)}
	
	
	
	
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	body .location .location-map {height:350px; z-index:0;}
	
	body .location .location-info {padding:40px 20px; position:static;}
	body .location .info-tit p {flex-direction:column; gap:5px; line-height:120%;}
	body .location .info-list {flex-direction:column; gap:20px;}
	body .location .info-item {width:100%;}
	body .location .info-item .img {width:66px; height:66px; background-size:auto 30px;}
	body .location .info-item .txt {width:calc(100% - 66px);}
	
	
	
}