.lds-ellipsis { height:40px; color:#888; }
.lds-ellipsis div { top:15px; }


/*=============================================================================+
| MAP
+-----------------------------------------------------------------------------*/
.mapMarker { text-align: center; font-weight: bold; overflow:hidden; }

.mapMarker img { }

.mapMarker .mapMarkerLabel {
	width: 150px;

	padding: 0px;
/*
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
*/

	position: absolute;
	left: -60px;
	top: -20px;

	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
/* 	background-color: rgba(255,255,255,0.5); */
	
	text-shadow: -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white;
}

.mapMarker:hover .mapMarkerLabel { display: block !important; }
.mapMarker.active .mapMarkerLabel { display: block !important; }
.mapMarker.active .mapMarkerLabel { color:white; text-shadow: -1px -1px red, 1px 1px red, 1px -1px red, -1px 1px red; }
/*
.mapMarker.active .mapIcons {
	zoom:1;
	margin:2px;
	-webkit-filter: drop-shadow(1px 1px red) drop-shadow(1px -1px red) drop-shadow(-1px -1px red) drop-shadow(-1px 1px red);
	filter: drop-shadow(1px 1px red) drop-shadow(1px -1px red) drop-shadow(-1px -1px red) drop-shadow(-1px 1px red);
}
*/



.mapMarker.mapMarkerSize0 {
/* 	width: 26px; height: 26px; line-height: 26px; font-size: 10px; */
	width: 34px; height: 34px; line-height: 34px; font-size: 12px;
/* 	width: 52px; height: 52px; line-height: 52px; font-size: 14px; */
	background: url('/_img/mapCluster.png') 0px 0px;
/* 	background-size: 45px 225px; */
	background-size: 60px 300px;
/* 	background-size: 90px 450px; */
}
.mapMarker.mapMarkerSize1 {
	width: 37px; height: 37px; line-height: 37px; font-size: 12px;
/* 	width: 56px; height: 56px; line-height: 57px; font-size: 16px; */
/* 	background: url('/_img/mapCluster.png') 0px -90px; */
	background: url('/_img/mapCluster.png') 0px -60px;
	background-size: 60px 300px;
}
.mapMarker.mapMarkerSize2 {
	width: 44px; height: 44px; line-height: 44px; font-size: 12px;
/* 	width: 66px; height: 66px; line-height: 68px; font-size: 18px; */
/* 	background: url('/_img/mapCluster.png') 0px -180px; */
	background: url('/_img/mapCluster.png') 0px -120px;
	background-size: 60px 300px;
}
.mapMarker.mapMarkerSize3 {
	width: 52px; height: 52px; line-height: 52px; font-size: 12px;
/* 	width: 78px; height: 78px; line-height: 81px; font-size: 20px; */
/* 	background: url('/_img/mapCluster.png') 0px -270px; */
	background: url('/_img/mapCluster.png') 0px -180px;
	background-size: 60px 300px;
}

.mapMenuPopWrap { position:relative; display:inline-block; }
.mapMenuPopWrap .mapMenuPop { position:absolute; display:none; }
.mapMenuPopWrap .mapMenuPop button { border-radius:0px !important; }

/* .mapMenuPopWrap:hover .mapMenuPop { display:block; } */

.mapMarker .mapMarkerPopMenu {
	background-color: white;
	position: absolute;
	left: 30px;
	top: 0;
	border-radius: 5px;
	z-index:1;
}
.mapMarker .mapMarkerPopMenu button {
	display: block;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid silver;
	padding: 5px;
}

.mapMarker .mapMarkerPopMenu button:last-child { border:0; }



.mapWrap { width:100%; height:100%; position:relative; }
.mapWrap .mapCont { width:100%; height:100%; bottom:0; position:absolute; }
.mapWrap .mapRvCont { width:100%; height:70%; top:0; position:absolute; }



/* NEW */
.wrapCenter.mapTopLeft { position:absolute; z-index:2; left:0; margin:5px; }
.wrapCenter.mapTopRight { position:absolute; z-index:2; right:0; margin:5px; }

.wrapCenter select { width:auto; height:32px; text-align:center; background-color:white; border-radius:4px; font-size:11px; font-weight:bold; letter-spacing:-1px; box-shadow: 1px 1px 2px #888; }

.wrapCenter button { width:40px; height:40px; color:#333; line-height:13px; text-align:center; background-color:rgba(255,255,255,0.8); border-radius:4px; font-size:11px; font-weight:bold; letter-spacing:-1px; box-shadow: 1px 1px 2px #888; }
.wrapCenter button.text { width:auto; padding: 0 5px; font-size: 12px; }
.wrapCenter button .fas { font-size:16px; color:#666; }

.wrapCenter .textBox { display:flex; padding:0 10px; height:32px; line-height:32px; text-align:center; background-color:white; border-radius:4px; font-size:11px; font-weight:bold; letter-spacing:-1px; box-shadow: 1px 1px 2px #888; }
.wrapCenter .textBox input { background-color:transparent; margin:-1px 0 0 10px;}


.wrapCenter button.active { background-color:#2590ff; color:white; }
.wrapCenter button.active .fas { background-color:#2590ff; color:white; }


.wrapCenter button .btnGeo { width:24px; height:24px; z-index: 1; cursor: pointer; background-position:-157px -455px; }
.wrapCenter button.active .btnGeo { }
.wrapCenter button .btnDistance { width:24px; height:24px; z-index: 1; cursor: pointer; background-position:-80px -170px; }
.wrapCenter button.active .btnDistance { background-position:-140px -170px; }

.wrapCenter button .btnMapRv { width:24px; height:24px; z-index: 1; cursor: pointer; background-position:-9px -457px; }
.wrapCenter button.active .btnMapRv { background-color:#3396ff; }
.wrapCenter button.active .btnMapRv { background-position:-9px -357px; }


.wrapCenter .wrapMidRight button { border-radius:4px 0 0 4px; width:20px; height:40px; /* background-color:white; box-shadow: 1px 1px 2px #000; */ }




.wrapMap .mapRvCont .mapRvTop { position:absolute; z-index:1; right:35px; }
.wrapMap .mapRvCont .mapRvTop .btnRvClose {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
.wrapMap .mapRvCont .mapRvTop .btnRvClose .img {display: block;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png') no-repeat;width: 14px;height: 14px;}




.wrapMap .dot {overflow:hidden;float:left;width:12px;height:12px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');}    
.wrapMap .dotOverlay {position:relative;bottom:10px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;font-size:12px;padding:5px 30px 5px 5px;background:#fff;}
.wrapMap .dotOverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}    
.wrapMap .number {font-weight:bold;color:#ee6152;}
.wrapMap .dotOverlay:after {content:'';position:absolute;margin-left:-6px;left:50%;bottom:-8px;width:11px;height:8px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png')}
.wrapMap .distanceInfo {position:relative;top:5px;left:5px;list-style:none;margin:0;}
.wrapMap .distanceInfo .label {display:inline-block;width:50px;}
.wrapMap .distanceInfo:after {content:none;}


.wrapMap .distanceInfo .detailToolClose {
	overflow: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	font-size: 0;
	line-height: 0;
	background: url('//t1.daumcdn.net/localimg/localimages/07/2018/pc/tool/btn_close_s.png') no-repeat;
	text-indent: -9999px;
}



.mapInfoWrap { /* text-align: center; */ }

.mapInfoWrap .mapInfoWin { width: 250px; /* height: 80px; */ /* display:none; */ position:absolute; left:-125px; bottom:50px; background-color:rgba(255,255,255, 0.8); border-radius:10px; /* overflow:hidden; */ }

/* .mapInfoWrap .mapInfoWin .head { display:flex; justify-content: space-between; background-color: #2490ff; padding:5px 10px; } */
/* .mapInfoWrap .mapInfoWin .head .title { color:white; font-weight:bold; } */
.mapInfoWrap .mapInfoWin .head .title { font-size: 14px; font-weight:bold; color:white; background-color:#2490ff; padding:5px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-top-left-radius:10px; border-top-right-radius:10px; }


/*
.mapInfoWrap .mapInfoWin .head .btnWrap { padding:0; }
.mapInfoWrap .mapInfoWin .head .btnWrap button { color:white; background-color: transparent; }
*/

.mapInfoWrap .mapInfoWin .address { padding:5px 10px; text-align:left; }
.mapInfoWrap .mapInfoWin .btnWrap { padding:0 10px 5px 10px; text-align:right; display: block; }
.mapInfoWrap .mapInfoWin .btnWrap button { border:1px solid silver; border-radius:2px; margin-left:2px; padding: 0 5px; }


.busName { font-size: 16px; font-weight: bold; }
.busNumIcon { padding: 2px; border-radius: 3px; font-weight: bold; color:white; background-color:gray; }
.busNumIcon.busNumIcon-RED { background-color:#fe451e; }
.busNumIcon.busNumIcon-GREEN { background-color:#46af1b; }
.busNumIcon.busNumIcon-BLUE { background-color:#6174f5; }



.busNumIcon.busNumIcon-EXPRESS {background-color:#fb441e; }
.busNumIcon.busNumIcon-DIRECT {background-color:#fe451e; }
.busNumIcon.busNumIcon-MAUL {background-color:#46af1b; }
.busNumIcon.busNumIcon-SEAT {background-color:#2491ee; }
.busNumIcon.busNumIcon-GENERAL {background-color:#01aebd; }
.busNumIcon.busNumIcon-INTERCITY {background-color:#6f94e2; }


.mapPlaceWrap { position:relative; }
.mapPlaceWrap .mapPlaceLabel { width: 180px; /* height: 80px; */ display:none; position:absolute; left:-70px; bottom:50px; background-color:rgba(255,255,255, 0.8); border-radius:10px; /* overflow:hidden; */ }
.mapPlaceWrap .mapPlaceLabel h1 { font-size: 14px; font-weight:bold; color:white; background-color:#2490ff; padding:5px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-top-left-radius:10px; border-top-right-radius:10px; }
.mapPlaceWrap .mapPlaceLabel p { font-size: 12px;  padding:5px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mapPlaceWrap .mapPlaceLabel p.busIndex div { padding:2px 0; line-height: normal; text-overflow: ellipsis; overflow: hidden; }

.mapPlaceIcons {
	display: inline-block;
	width:27px; height:28px; overflow:hidden;
	background: url('/map/mapIconsPlace.png') no-repeat;
	background-size: 72px 388px;
}


			,'':{ 'title':'약국', 'imgOrder':6 }
			,'PO3':{ 'title':'관공서', 'imgOrder':7 }
			,'PS3':{ 'title':'유치원', 'imgOrder':8 }
			,'SC4':{ 'title':'학교', 'imgOrder':9}

.mapPlaceIcons.mapPlaceIcons-BK9 { background-position: -43px 0px; }
.mapPlaceIcons.mapPlaceIcons-MT1 { background-position: -43px -36px; }
.mapPlaceIcons.mapPlaceIcons-HP8 { background-position: -43px -72px; }
.mapPlaceIcons.mapPlaceIcons-OL7 { background-position: -43px -108px; }
.mapPlaceIcons.mapPlaceIcons-CE7 { background-position: -43px -144px; }
.mapPlaceIcons.mapPlaceIcons-CS2 { background-position: -43px -180px; }
.mapPlaceIcons.mapPlaceIcons-PM9 { background-position: -43px -216px; }
.mapPlaceIcons.mapPlaceIcons-PO3 { background-position: -43px -252px; }
.mapPlaceIcons.mapPlaceIcons-PS3 { background-position: -43px -288px; }
.mapPlaceIcons.mapPlaceIcons-SC4 { background-position: -43px -324px; }
/* .mapPlaceIcons.mapPlaceIcons-BUSSTOP { background-position: -43px -324px; } */

.mapIcons {
	display: inline-block;
	width:32px; height:32px; overflow:hidden;
	background: url('/map/mapIcons.png') no-repeat;
	background-size: 320px 320px;
}

.mapIcons-roadview { background-position: 0px 0px; }
.mapIcons-roadview.active { background-position: -32px 0px; }
.mapIcons-layer { background-position: 0px -32px; }
.mapIcons-layer.active { background-position: -32px -32px; }
.mapIcons-location { background-position: 0px -64px; }
.mapIcons-location.active { background-position: -32px -64px; }
.mapIcons-user { background-position: 0px -96px; }
.mapIcons-user.active { background-position: -32px -96px; }
.mapIcons-menu { background-position: 0px -128px; }
.mapIcons-menu.active { background-position: -32px -128px; }

.mapIcons-housePlus { background-position: 0px -160px; }
.mapIcons-housePlus.active { background-position: -32px -160px; }
.mapIcons-houseMinus { background-position: 0px -192px; }
.mapIcons-houseMinus.active { background-position: -32px -192px; }

.mapIcons-ruler { background-position: -96px 0px; }
.mapIcons-ruler.active { background-position: -128px 0px; }

.mapIcons-marker-blue { background-position: -288px 0px; }
.mapIcons-marker-red { background-position: -288px -32px; }
.mapIcons-marker-green { background-position: -288px -64px; }
.mapIcons-marker-purple { background-position: -288px -96px; }
.mapIcons-marker-greenDark { background-position: -288px -128px; }
.mapIcons-marker-gray { background-position: -288px -160px; }

.mapIcons-marker-question-red { background-position: -288px -224px; }
.mapIcons-marker-question-blue { background-position: -288px -256px; }
.mapIcons-marker-question-gray { background-position: -288px -288px; }
.mapIcons-marker-question-white { background-position: -260px -290px; }
.mapIcons-marker-BUSSTOP { background-position: -160px 0; }

.mapIcons-marker-star {background-position: -258px -224px;}
.mapIcons-marker-office {background-position: -258px -256px;}

/*우측메뉴 size larger*/
.wrapTopRight .mapIcons {background-size: 400px 400px;}
.wrapTopRight .mapIcons-roadview { background-position: 0px 0px; }
.wrapTopRight .mapIcons-roadview.active { background-position: -40px 0px; }
.wrapTopRight .mapIcons-layer { background-position: 0px -40px; }
.wrapTopRight .mapIcons-layer.active { background-position: -40px -40px; }
.wrapTopRight .mapIcons-location { background-position: 0px -80px; }
.wrapTopRight .mapIcons-location.active { background-position: -40px -80px; }
.wrapTopRight .mapIcons-user { background-position: 0px -120px; }
.wrapTopRight .mapIcons-user.active { background-position: -40px -120px; }
.wrapTopRight .mapIcons-menu { background-position: 0px -160px; }
.wrapTopRight .mapIcons-menu.active { background-position: -40px -160px; }

.wrapTopRight .mapIcons-housePlus { background-position: 0px -200px; }
.wrapTopRight .mapIcons-housePlus.active { background-position: -40px -200px; }
.wrapTopRight .mapIcons-houseMinus { background-position: 0px -240px; }
.wrapTopRight .mapIcons-houseMinus.active { background-position: -40px -240px; }

.wrapTopRight .mapIcons-ruler { background-position: -120px 0px; }
.wrapTopRight .mapIcons-ruler.active { background-position: -160px 0px; }

.wrapTopRight .mapIcons-marker-blue { background-position: -288px 0px; }
.wrapTopRight .mapIcons-marker-red { background-position: -288px -32px; }
.wrapTopRight .mapIcons-marker-green { background-position: -288px -64px; }
.wrapTopRight .mapIcons-marker-purple { background-position: -288px -96px; }
.wrapTopRight .mapIcons-marker-greenDark { background-position: -288px -128px; }
.wrapTopRight .mapIcons-marker-gray { background-position: -288px -160px; }

.wrapTopRight .mapIcons-marker-question-blue { background-position: -288px -256px; }
.wrapTopRight .mapIcons-marker-question-gray { background-position: -288px -288px; }
.wrapTopRight .mapIcons-marker-BUSSTOP { background-position: -160px 0; }

/*우측메뉴 size larger*/
.bigIconWrap .mapIcons {background-size: 400px 400px;}
.bigIconWrap .mapIcons-roadview { background-position: 0px 0px; }
.bigIconWrap .mapIcons-roadview.active { background-position: -40px 0px; }
.bigIconWrap .mapIcons-layer { background-position: 0px -40px; }
.bigIconWrap .mapIcons-layer.active { background-position: -40px -40px; }
.bigIconWrap .mapIcons-location { background-position: 0px -80px; }
.bigIconWrap .mapIcons-location.active { background-position: -40px -80px; }
.bigIconWrap .mapIcons-user { background-position: 0px -120px; }
.bigIconWrap .mapIcons-user.active { background-position: -40px -120px; }
.bigIconWrap .mapIcons-menu { background-position: 0px -160px; }
.bigIconWrap .mapIcons-menu.active { background-position: -40px -160px; }

.bigIconWrap .mapIcons-housePlus { background-position: 0px -200px; }
.bigIconWrap .mapIcons-housePlus.active { background-position: -40px -200px; }
.bigIconWrap .mapIcons-houseMinus { background-position: 0px -240px; }
.bigIconWrap .mapIcons-houseMinus.active { background-position: -40px -240px; }

.bigIconWrap .mapIcons-ruler { background-position: -120px 0px; }
.bigIconWrap .mapIcons-ruler.active { background-position: -160px 0px; }

.bigIconWrap .mapIcons-marker-blue { background-position: -288px 0px; }
.bigIconWrap .mapIcons-marker-red { background-position: -288px -32px; }
.bigIconWrap .mapIcons-marker-green { background-position: -288px -64px; }
.bigIconWrap .mapIcons-marker-purple { background-position: -288px -96px; }
.bigIconWrap .mapIcons-marker-greenDark { background-position: -288px -128px; }
.bigIconWrap .mapIcons-marker-gray { background-position: -288px -160px; }

.bigIconWrap .mapIcons-marker-question-blue { background-position: -288px -256px; }
.bigIconWrap .mapIcons-marker-question-gray { background-position: -288px -288px; }
.bigIconWrap .mapIcons-marker-BUSSTOP { background-position: -160px 0; }


/* 320 / 160 */

.mapMarker .teamMe::before
,.mapMarker.teamMe::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c0"; font-size:12px; position: absolute; color:#d900ff; left: -7px; top: 10px; text-shadow: -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white; }
.mapMarker .bookmark::before
,.mapMarker .bookmark::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f005"; font-size:12px; position: absolute; color:#ffd900; right: -7px; top: 10px; text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black; }
.mapMarker .guide::before
,.mapMarker.guide::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f4ad"; font-size:18px; position: absolute; color:red; right: -13px; top: -9px; }

/*
.mapMarker.teamMe::after { font-family: "Font Awesome 5 Free"; content: "\f0c0"; font-size:12px; position: absolute; color:#0070ff; right: -7px; top: 0; text-shadow: -1px -1px white, 1px 1px white, 1px -1px white, -1px 1px white; }
.mapMarker.bookmark::after { font-family: "Font Awesome 5 Free"; content: "\f005"; font-size:12px; position: absolute; color:#ffd900; right: -7px; top: 10px; text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black; }
.mapMarker.guide::after { font-family: "Font Awesome 5 Free"; content: "\f4ad"; font-size:18px; position: absolute; color:red; right: -13px; top: -9px; }
*/

.mapMarker label {
	position: absolute;
	left: -15px;
	top: -5px;
	background-color: white;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	/* display: block; */
	line-height: 20px;
	font-size: 12px;
	border: 1px solid black;
}


/*
@media only screen and (max-width: 700px){

	.mapWrap .mapCont .mapTop.dynamic { top:40px; }
}
*/

.autocomplete {position:absolute; bottom:48px; width:100%; padding:20px;  background:rgba(255,255,255,0.8); text-align:left; z-index:9; border-bottom:1px solid #ccc; height:200px; overflow-y:scroll;}
.autocomplete li {line-height:2.4;}
.autocomplete li a {width:100%; padding:0 5px; display:block;}
.autocomplete li a:hover {background:#f4f4f4;}


/*팀장, 사무실 팝업추가*/
.winLayWrap.winLayWrap-size-teamSizeMd .winLayContainer {width:90%; height:90%; max-width:540px; max-height:300px; border:2px solid #000; border-radius:15px; overflow:hidden;} 
.winLayWrap.winLayWrap-size-teamSizeSm .winLayContainer {width:90%; height:90%; max-width:540px; max-height:200px; border:2px solid #000; border-radius:15px; overflow:hidden;} 
.mapTeamWrap {padding:15px;}
.mapTeamWrap .topimg {margin-bottom:15px; display:flex; align-items:center; gap:10px;}
.mapTeamWrap .topimg .profile {width:30%; height:120px;}
.mapTeamWrap .topimg .bcard {width:70%; height:120px;}
.mapTeamWrap .listinfo .office {margin-bottom:7px; font-size:18px; font-weight:bold;}
.mapTeamWrap .listinfo li {font-size:15px; line-height:1.6;}

@media (min-width: 530px) { 
.winLayWrap.winLayWrap-size-teamSizeMd .winLayContainer  {max-height:360px; overflow:inherit;}
.winLayWrap.winLayWrap-size-teamSizeSm .winLayContainer {overflow:inherit;}
.mapTeamWrap {padding:25px;}
.mapTeamWrap .topimg .profile {height:188px;}
.mapTeamWrap .topimg .bcard {height:188px;}


}