.mapBox {margin-bottom:70px; padding-bottom:60px; border-bottom:1px dashed #95a1ab;}
.mapBox .root_daum_roughmap .wrap_map{height:460px;}
.mapBox:last-child {margin-bottom:0; border-bottom:0;}
.mapBox::after {content:''; display:block; clear:both;}
.mapBox > h3 {margin-bottom:30px; color:#191919; font-weight:700; font-size:42px; line-height:1.3; text-align:center;}
.mapBox > h3 > span {color:#0E43AF;}
.mapBox .mapInner {}
.mapBox .mapInner .mapArea {position:relative; height:460px; background-color:#f9f9f9; transition:height 0.2s linear; z-index:2;}
.mapBox .mapInner .mapArea .root_daum_roughmap {width:100%; height:100%;}
.mapBox .mapInner .mapArea .wrap_map {height:100%;}
.mapBox .mapInner .mapArea .wrap_map .map_border.border2 {display:block !important;}
/* 구글지도
.mapBox .mapInner .mapArea > iframe {width:100%; height:100%;}
.mapBox .mapInner .mapArea > iframe .gmnoprint,
.mapBox .mapInner .mapArea > iframe .gm-inset-map {display:none !important;}*/
.mapBox .mapInner .mapInfobox {position:relative; margin-top:-80px; padding:0 8%; z-index:5;}
.mapBox .mapInner .mapInfobox .mapinfoInner {position:relative; display:flex; justify-content:center; flex-direction:column; margin:0 auto; padding:40px 300px 40px 40px; min-height:160px; width:100%; background-color:#fff; box-shadow:8px 10px 40px 0 rgba(0,0,0,0.14); border-radius:10px;}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo {}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li {position:relative; padding-left:100px;}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li .tit {position:absolute; left:0; top:0; color:#191919; font-weight:700;}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li .tit > span {display:block; position:relative; padding-left:15px;}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li .tit > span::before {content:''; position:absolute; left:0; top:10px; width:5px; height:5px; background-color:#0E43AF;}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink {position:absolute; right:40px; top:50%; width:245px; transform:translateY(-50%);}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink > a {position:relative; display:flex; align-items:center; padding:0 20px 0 30px; width:100%; min-height:60px; color:#fff; background-color:#0E43AF; text-decoration:none; border-radius:5px;}

.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink > a > span {position:relative; display:block; padding-right:50px; width:100%;}
.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink > a > span::after {content:''; display:block; position:absolute; right:20px; top:50%; width:22px; height:10px; background:url(/_next/static/media/img_more_arrow.4fb7438c.svg) right bottom no-repeat; transform:translateY(-50%);}

.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink > a:hover > span::after,
.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink > a:focus > span::after {right:0; width:42px; transition:right 0.2s linear, width 0.2s linear;}

	/*media query*/
@media screen and (max-width:1340px) {
	.mapBox {margin-left:20px; margin-right:20px;}
	.mapBox > h3 {font-size:38px;}
	.mapBox .mapInner .mapArea {height:500px;}
	
	.mapBox .mapInner .mapInfobox {padding:0 4%;}
}
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.mapBox {margin-bottom:50px; padding-top:0;}
	.mapBox > h3{font-size:30px;}
	.mapBox .mapInner .mapArea {height:400px;}
	.mapBox .mapInner .mapInfobox {margin-top:-40px;}
	.mapBox .mapInner .mapInfobox .mapinfoInner {padding:30px;}
	.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo {margin-bottom:20px;}
	.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink {position:static; right:auto; top:auto; width:100%; transform:translateY(0);}
	.mapBox .mapInner .mapInfobox .mapinfoInner .mapLink > a {min-height:50px;}
}
@media screen and (max-width:800px) {
	.mapBox {margin-left:0; margin-right:0; padding-top:0;}
	.mapBox > h3 {margin-bottom:20px; font-size:30px;}
	.mapBox .mapInner .mapArea {height:320px;}
	.mapBox .mapInner .mapInfobox {padding:0 10px;}
	.mapBox .mapInner .mapInfobox .mapinfoInner {padding:20px;} 
	.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li{padding-left:85px; font-size:14px}
	.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li .tit{font-size:15px}
	.mapBox .mapInner .mapInfobox .mapinfoInner .mapInfo > li .tit > span::before {top:8px;}
}
@media screen and (max-width:640px) {
	.mapBox > h3 {font-size:18px; margin-bottom:10px;}	 
}
@media screen and (max-width:480px) {
}
@media screen and (max-width:360px) {
}