#map, #map2 {
	width: 100%;
	height: 220px;
	border-radius: 10px;
	margin-bottom: 10px;
	border: 1px solid #dee2e6;
}

/* 지도 마커 */
.markerbg {
	float:left;
	position:relative;
	width:36px;
	height:37px;
	margin:10px 0 0 10px;
	background:url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;
}

.marker_1 {background-position: 0 -10px;}
.marker_2 {background-position: 0 -56px;}
.marker_3 {background-position: 0 -102px}
.marker_4 {background-position: 0 -148px;}
.marker_5 {background-position: 0 -194px;}
.marker_6 {background-position: 0 -240px;}
.marker_7 {background-position: 0 -286px;}
.marker_8 {background-position: 0 -332px;}
.marker_9 {background-position: 0 -378px;}
.marker_10 {background-position: 0 -423px;}
.marker_11 {background-position: 0 -470px;}
.marker_12 {background-position: 0 -516px;}
.marker_13 {background-position: 0 -562px;}
.marker_14 {background-position: 0 -608px;}
.marker_15 {background-position: 0 -654px;}

/* 지도 마커 (코스) */
.marker-bg-course {
	float:left;
	position:relative;
	width:36px;
	height:37px;
	margin-right: 8px;
	background:url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/marker_number_blue.png) no-repeat;
}

.course-marker-1 {background-position: 0 -10px;}
.course-marker-2 {background-position: 0 -56px;}
.course-marker-3 {background-position: 0 -102px}
.course-marker-4 {background-position: 0 -148px;}
.course-marker-5 {background-position: 0 -194px;}
.course-marker-6 {background-position: 0 -240px;}
.course-marker-7 {background-position: 0 -286px;}
.course-marker-8 {background-position: 0 -332px;}
.course-marker-9 {background-position: 0 -378px;}
.course-marker-10 {background-position: 0 -423px;}
.course-marker-11 {background-position: 0 -470px;}
.course-marker-12 {background-position: 0 -516px;}
.course-marker-13 {background-position: 0 -562px;}
.course-marker-14 {background-position: 0 -608px;}
.course-marker-15 {background-position: 0 -654px;}

.label-circle {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #ffffff;
	text-align: center;
	line-height: 24px;
	font-weight: 600;
	font-size: 12px;
	box-shadow:rgb(0 0 0 / 10%) 0px 1px 3px 0px;
}

.label-circle.blue {
	background-image: linear-gradient(25deg, #781fff, #7871ff, #66abff, #14e2ff);
}

.label-circle.orange {
	background-image: linear-gradient(25deg, #ed0066, #f57d6c, #f6c16f, #eeff70);
}

.label-circle.green {
	background-image: linear-gradient(25deg, #b2a5ab, #98bf97, #71d781, #08ee68);	
}