/*     1551424 : 공백      */
.solid_line__1551424__ {box-sizing:border-box; display:block; position:relative; width:100%; height:80px;}
.solid_line__1551424__.build_edit_mode {min-height:10px; border:1px dashed red;}
.solid_line__1551424__.build_edit_mode:before {content:'Blank'; display:block; position:absolute; top:50%; left:0; right:0; margin-top:-10px; padding:5px 0; font-size:13px; color:red; text-align:center; line-height:1;}

@media all and (max-width:1023px){
	.solid_line__1551424__ {height:50px;}
}

/*     1551414 : 이미지      */
.gm-style .gm-style-iw-c, .gm-style-iw-ch {padding:0 !important;}
.gm-style .gm-style-iw-d {overflow: hidden !important;}

.map-container {position: relative;width: 100%;}  
#map {width: 100%;height: 80vh;}

.map-controls {position: absolute;display: flex;gap: 15px;top: 15px;left: 15px;z-index: 5;background: rgba(255, 255, 255, 0.95);padding: 12px 18px;border-radius: 30px;box-shadow: 0 4px 15px rgba(0,0,0,0.15);}
.map-controls label {display: flex;align-items: center;gap: 5px;font-size: 14px;font-family: 'Pretendard-Regular';cursor: pointer;}

#info-panel {
	position: absolute; bottom: -100px;left: 50%; transform: translateX(-50%);width: calc(100% - 30px); max-content;
	background: #fff; z-index: 10;border-radius: 25px; box-shadow: 0 15px 35px rgba(0,0,0,0.2);display: none;opacity: 0;
	transition: bottom 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.2), opacity 0.3s;padding: 22px; gap: 18px; box-sizing: border-box;;
}
#info-panel.active {display: flex;bottom: 30px; opacity: 1;}
.close-panel {position: absolute; top: 15px; right: 20px; font-size: 25px; cursor: pointer; color: #ddd;line-height: 1;transition: color 0.2s;}
.close-panel:hover { color: #999; }
.panel-img { width: 100px; height: 100px; object-fit: cover; border-radius: 10px; flex-shrink: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.panel-content { flex-grow: 1; overflow: hidden; }
.panel-category { margin-bottom: 5px; font-size: 16px; color: #666; font-family: 'Pretendard-Bold'; letter-spacing: -.05em;word-break:keep-all;}
.panel-title { font-size: 20px;  font-family: 'Pretendard-Regular'; color: #333; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   letter-spacing: -.05em;word-break:keep-all;}
.panel-title span {font-family: 'Pretendard-Bold';}
.panel-btn-group {display: flex;gap: 8px;}
.panel-btn { flex: 1;text-align: center;padding: 10px 0; border-radius: 10px; text-decoration: none;  font-size: 14px;  font-family: 'Pretendard-Regular'; word-break:keep-all;}
.panel-btn:hover {font-family: 'Pretendard-Bold';}
/* 카테고리별 색상 제어 */
/* 1. 생태관광 (Green) */
.type-ecotour .panel-category { color: #328364; }
.type-ecotour .btn-main { background: #333; color: #fff; }
    
/* 2. 천리길 (Blue) */
.type-cheolligil .panel-category { color: #038cd0; }
.type-cheolligil .btn-main { background: #333; color: #fff; }

/* 1번 버튼: 길찾기 (연한 회색 배경) */
.btn-navi { background: #f1f3f5; color: #495057; }
.btn-navi:hover { background: #e9ecef; }

/* 2번 버튼: 상세페이지 (타입별 포인트 컬러) */
.panel-btn.btn-main { color: #fff; }
.panel-btn.btn-main:hover { opacity: 0.9; transform: translateY(-2px); }

@media (max-width: 767px) {
	#info-panel {width: calc(100% - 20px); padding: 18px; gap: 12px; }
	#info-panel.active { bottom: 20px; }
	.panel-img { width: 85px; height: 85px; }
	.panel-title { font-size: 17px; margin-bottom: 12px; }
	.panel-btn { font-size: 13px; padding: 8px 0; }
}

@media (max-width: 767px) {
	#map {height: 70vh;}
	.map-controls {top: 10px;left: 10px;right: 10px;padding: 10px;justify-content: center;gap: 10px;}
	.map-controls label {font-size: 12px;}
	.panel-img {height: 100px;}
}

@media (min-width: 768px) {	
	#info-panel {max-width: 680px;}
	.panel-title {font-size:22px;}
}