.daum_map { padding:1px 8px; margin-top:-53px; color:#3399ff; font-size:12px; font-family:"Dotum";background:rgba(255,255,255,.85);border: 1px solid #999; border-radius:20px; -webkit-border-radius:20px;z-index:999999 }
/*
.marker-map {}
.marker-map a {display:block; position:relative;}
.marker-map p {position:absolute;left:50%;bottom:20px;display:inline-block;padding:3px 10px;transform:translateX(-50%);background:rgba(255,255,255,.85);border:1px solid #ddd;border-radius:20px;white-space:nowrap;font-size:13px;font-family:"Dotum";line-height:20px;}
.marker-map span {position:absolute;left:50%;top:50%;width:19px;height:28px;margin-top:-30px;margin-left:-10px;}*/
.marker-area{	position:absolute;}
.marker-area.small{	width:40px;	height:40px;	margin-left: -20px;	margin-top: -20px;}
.marker-area.medium{	width:64px;	height:64px;	margin-left: -32px;	margin-top: -32px;}
.marker-area .back{	/*background-color:#25AAE1; 원형 숫자 표시 배경*/	background-color:#f26725;	opacity: .5;		width:100%;	height:100%;	display:block;	border-radius: 50%;	position: absolute;	left:0;	top:0;}
.marker-area .front{	padding: 6px;	position: relative;	width:100%;	height:100%;}
.marker-area .front > div{	/*background-color:#25AAE1; 원형 숫자 표시*/	background-color:#01495c;	border-radius: 50%;	width:100%;	height:100%;	text-align:center;}
.marker-area .front span{	color: #fff;	font-size: 100%;	text-align: center;	display:block;    font-weight: 800;}
.marker-area.small .front span{    padding-top: 3px;}
.marker-area.medium .front span{    padding-top: 14px;}

/* 원형 아래 화살표버전.
.marker-clusterer {position:absolute;}
.marker-clusterer .in {position:absolute;bottom:10px;left:50%;background:#fff;padding:0 13px;border-radius:20px;color:#000;font-family:'Noto Sans KR',sans-serif;font-size:13px;font-weight:400;line-height:35px;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #929292;box-shadow:0 0 0 2px rgba(0,80,101,.3);}
.marker-clusterer strong {vertical-align:top;font-family:'Montserrat',sans-serif; font-size:25px;font-weight:800;color:#005065;}
.marker-clusterer:after {content:"";position:absolute;width:10px;height:9px;bottom:2px;left:50%;margin-left:-5px;background:url("/images/marker_triangle.png") 50% 100% no-repeat;}
*/
.marker-clusterer {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 내부 원형 스타일 */
.marker-clusterer .in {
    position: absolute;
    /* bottom: 10px 제거: 중앙 정렬을 위해 */
    width: 50px;              /* 원의 가로 크기 */
    height: 50px;             /* 원의 세로 크기 */
    background: rgba(71, 102, 97, 0.6); /* 배경색 #476661 + 투명도 80% */
    border-radius: 50%;       /* 완전한 원형 */
    display: flex;
    align-items: center;
    justify-content: center;

    /* 기존 스타일 초기화 */
    padding: 0;
    border: none;
    box-shadow: none;
    transform: translate(-50%, -50%); /* 중심점 보정 */
    left: 50%;
    top: 50%;
    text-decoration: none;
}

/* 숫자 스타일 */
.marker-clusterer strong {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;          /* 원 크기에 맞춰 조정 */
    font-weight: 700;
    color: #ffffff;           /* 배경색에 대비되는 흰색 추천 */
    vertical-align: middle;
}

/* 줌 레벨이 낮을 때 (지도가 넓게 보일 때) - 작게 */
.marker-clusterer.small .in {
    width: 35px;
    height: 35px;
}
.marker-clusterer.small strong {
    font-size: 14px;
}

/* 줌 레벨이 높을 때 (지도가 확대되었을 때) - 크게 */
.marker-clusterer.large .in {
    width: 70px;
    height: 70px;
}
.marker-clusterer.large strong {
    font-size: 22px;
}

.marker-custom {position:absolute;font-family:'Noto Sans KR',sans-serif;}
.marker-custom:before {content:"";position:absolute;top:0;left:0;margin:-5px 0 0 -5px;width:10px;height:10px;border-radius:100%;}
.marker-custom:after {content:"";position:absolute;width:12px;height:10px;bottom:6px;left:50%;margin-left:-6px;background:url("/images/marker_triangle2.png") 50% 0 no-repeat;}
.marker-custom .in{position:absolute;left:50%;bottom:15px;padding:3px 7px;text-align:center;white-space:nowrap;border-radius:4px;font-size:12px;font-weight:400;line-height:1.3em;background:#FFFFFF;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid #929292;}
.marker-custom .r {position:absolute;top:-10px;left:-11px;width:20px;height:20px;background:#fec83d;color:#fff;font-family:'Montserrat',sans-serif;font-size:11px;line-height:20px;text-align:center;font-weight:800;border-radius:100%;}
.marker-custom .s {position:absolute;bottom:-10px;left:-11px;width:20px;height:20px;background:#575757;color:#fff;font-family:'Montserrat',sans-serif;font-size:11px;line-height:20px;text-align:center;font-weight:800;border-radius:100%;}
.marker-custom .so {position:absolute;top:-10px;right:8px;padding:0 5px;height:14px;background:#487CD3;color:#fff;font-family:'Montserrat',sans-serif;letter-spacing:-.03em;font-size:9px;line-height:14px;text-align:center;font-weight:500;border-radius:20px;}
.marker-custom .so.so2 {top:-24px; }
.marker-custom .p {position:absolute;top:-10px;right:-11px;padding:0 5px;height:14px;background:#f37032;color:#fff;font-family:'Montserrat',sans-serif;letter-spacing:-.03em;font-size:8px;line-height:14px;text-align:center;font-weight:500;border-radius:20px;}
.marker-custom .pk {position:absolute;top:-10px;right:-8px;padding:0 5px;height:14px;background:#00cc66;color:#fff;font-family:'Montserrat',sans-serif;letter-spacing:-.03em;font-size:8px;line-height:14px;text-align:center;font-weight:500;border-radius:20px;}

/* 검색 된 경우*/
.marker-custom.searched .in {background:#476661; color:#fff; border:0}
.marker-custom.searched .in .cate {color:#fff; border:0}
.marker-custom.searched:before {margin:-8px 0 0 -5px;}
.marker-custom.searched:after {background:url("/images/marker_triangle_green.svg") 50% 0 no-repeat;background-size: contain;}

/* 16레벨. 원형만 표기 마우스 오버시 건물명 노출*/
/* none-cnt: 말풍선 + 삼각형 숨김 (searched 포함) */
.marker-custom.none-cnt .in,
.marker-custom.none-cnt.searched .in {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease;
}
.marker-custom.none-cnt:after,
.marker-custom.none-cnt.searched:after {
    display: none;
}

/* none-cnt: 원형 점 스타일 */
.marker-custom.none-cnt:before,
.marker-custom.none-cnt.searched:before {
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border: 2px solid rgba(255,255,255,0.8);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* searched 원형 점 색상 유지 */
.marker-custom.none-cnt.searched:before {
    background: #476661;
}

/* none-cnt: 호버 시 말풍선 노출 */
.marker-custom.none-cnt:hover .in,
.marker-custom.none-cnt.searched:hover .in {
    visibility: visible;
    opacity: 1;
}
.marker-custom.none-cnt:hover:after,
.marker-custom.none-cnt.searched:hover:after {
    display: block;
}

/* 호버 시 최상단으로 */
.marker-custom.none-cnt:hover,
.marker-custom.none-cnt.searched:hover {
    z-index: 999 !important;
}
/* END 16레벨. 원형만 표기 마우스 오버시 건물명 노출*/

.marker-custom.type1:before {background:#005065}
.marker-custom.type1 .cate {color:#476661;}

.marker-custom.type2:before {background:#999; /*background:#e60012*/}
.marker-custom.type2 .cate { color:#999; /*color:#e60012;*/}

.marker-custom.type3:before {background:#0863c1}
.marker-custom.type3 .cate {color:#0864c1;}

.marker-custom.type4:before {background:#666666}
.marker-custom.type4 .cate {color:#666666;}

.marker-custom.type5:before {background:#F9C909}
.marker-custom.type5 .cate {color:#F9C909;}

.marker-custom.type6:before {background:#22ac38}
.marker-custom.type6 .cate {color:#22ac38;}

.marker-custom.type7:before {background:#35c2e5}
.marker-custom.type7 .cate {color:#35c2e5;}

.marker-custom.type8:before {background:#6e5ad3}
.marker-custom.type8 .cate {color:#6e5ad3;}

.marker-custom.typeSearched:before{background:#476661;}
.marker-custom.typeSearched .cate {color:#476661;}

/*프리미엄 오렌지 배경*/
.marker-custom.premium .in {background:#f37032; color:#fff; border:0}

.marker-custom.premium .cate {color:#fff;}
.marker-custom.premium:before {display:none;}
.marker-custom.premium:after {background-image:url("/images/marker_triangle3.png");}
.marker-custom.soPremium:after {background-image:url("/images/marker_triangle3.png");} /*프리미엄표시용 오렌지*/
/*건물관리하는 파트너사가 있으면 파란색 배경*/
.marker-custom.type1.partner {background:#1e6375; color:#fff; border:0}
/*.marker-custom.partner .in .cate {color:#980000;}*/
/*	.marker-custom.type99.partner .cate {color:#980000;}*/
.marker-custom.partner:before {display:none;}
.marker-custom.partner:after {background-image:url("/images/marker_triangle4.png");}

.marker-custom .group {display:block; position:relative; margin:0 -7px; padding:3px 7px; margin-bottom:10px;}
.marker-custom .group:after {content:""; position:absolute; bottom:-6px; left:10px; right:10px; height:1px; background:#000; opacity:.1;}
.marker-custom .group:last-child {margin-bottom:0;}
.marker-custom .group:last-child::after {display:none;}

/* 프리미엄은 배경색 오렌지 글씨색 흰색 */
.marker-custom.soPremium .in {background:#f26725; border:0}
.marker-custom .group.soPremium {background:#f26725; color:#fff; border:0}
.marker-custom .group.soPremium .cate {color:#fff; border:0}

/* 검색된 경우 */
.marker-custom .group.searched{background:#476661; color:#fff; border:0;padding-top:3px;}
.marker-custom .group.searched .cate {color:#fff; }
/* 공유오피스 2개 이상일때 */
.marker-custom .in:has(> .group:first-child.searched) { padding-top: 0 !important; padding-bottom: 0 !important;}
.marker-custom .in:has(> .group:last-child.searched) {  padding-top: 0 !important;padding-bottom: 0 !important; }

.marker-custom:has(.in > .group:last-child.searched):after {
    background: url("/images/marker_triangle_green.svg") 50% 0 no-repeat;
    background-size: contain;
}
.marker-custom.bounce {animation: bounce .5s linear infinite alternate ; z-index: 9999}
.marker-custom.bounce:hover {animation:none;}

.btn-pack#cadastral {line-height:34px; height:33px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px 0px;}

/* 별 모양 아이콘 전용 */
.star-icon {display: inline-block;position: relative;width: 0;height: 0;margin-top: -2px;margin-right: 3px;border-right: 7px solid transparent;border-bottom: 5px solid #ccc; /* 기본 회색 */border-left: 7px solid transparent;transform: rotate(35deg);vertical-align: middle;}

.star-icon:before {border-bottom: 4px solid #ccc; /* 기본 회색 */border-left: 2px solid transparent;border-right: 2px solid transparent;position: absolute;height: 0;width: 0;top: -3px;left: -4px;display: block;content: '';transform: rotate(-35deg);}

.star-icon:after {position: absolute;display: block;top: 0px;left: -7px;width: 0;height: 0;border-right: 7px solid transparent;border-bottom: 5px solid #ccc; /* 기본 회색 */border-left: 7px solid transparent;transform: rotate(-70deg);content: '';}
/* 활성화 상태: 노란색 별 */
.aside-office-list-item .img .favorite-btn.on .star-icon {
    border-bottom-color: #e61655 ;
}

.aside-office-list-item .img .favorite-btn.on .star-icon:before {
    border-bottom-color: #e61655 ;
}

.aside-office-list-item .img .favorite-btn.on .star-icon:after {
    border-bottom-color: #e61655 ;
}
/* 마우스 오버 시 다른 마커들보다 위에 표시되도록 설정 */
.marker-custom {position: absolute;z-index: 10; /* 기본값 */transition: z-index 0s; /* 즉각적인 반응을 위해 */}

.marker-custom.is-hover {z-index: 999 !important; /* 가장 위로 올림 */}

@keyframes bounce{from{transform:translateY(5px)}to{transform:translateY(0)}}