.bttn {
    border: 0;
	outline: 0;
	background: transparent;
	padding: 0;
	margin: 0;
}

/* .ProseMirror img {
	width: 100%;
	height: 100%;
	object-fit: cover;
} */

.ProseMirror {
	outline: none;
}

.modal {
	height: auto !important;
}

.hr-line {
	border-bottom: 1px solid #e0e0e0;
	margin: 10px 0;
}

.close-btn {
	width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    background-color: var(--gray-200);
    border-radius: 50%;
    text-decoration: none !important;
}

.content-upload-item img {
	max-width: 100%;
	height: auto;
}

.comment-content {
	white-space: pre-line;
}



  .content img {
    max-width: 100% !important;
  }

  .br-50 {
	border-radius: 50%;
  }


  /* ----------------------- */
  .map-marker {
	position: relative;
	width: 56px;  /* 아바타 크기 기준 */
	height: 56px;
	transform: translate(-50%, -50%); /* 좌표 중앙 정렬 느낌 */
	user-select: none;
  }
  
  /* 바깥 하얀 보더 + 연한 그림자 + 살짝 유리감 */
  .marker-ring {
	width: 56px;
	height: 56px;
	padding: 3px;                    /* 링 두께 */
	border-radius: 9999px;
	background: linear-gradient(180deg, #d7ffe2 0%, #bff6cf 100%); /* 연녹 그라데 링 */
	box-shadow:
	  0 6px 12px rgba(0,0,0,0.12),
	  inset 0 0 0 2px #ffffff;      /* 바깥쪽 흰 테두리 느낌 */
	display: grid;
	place-items: center;
  }
  
  /* 실제 이미지(원형 클립) */
  .marker-img {
	width: 50px;
	height: 50px;
	border-radius: 9999px;
	object-fit: cover;
	background: #eee;
	box-shadow: 0 1px 2px rgba(0,0,0,0.08);
  }

  /* 상단 시간 라벨(작은 알약) */
  .marker-time {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	padding: 2px 6px;
	font-size: 11px;
	font-weight: 600;
	color: #0a4d26;
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(16,185,129,0.25); /* emerald 계열 */
	border-radius: 999px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
	backdrop-filter: saturate(1.2) blur(2px);
	white-space: nowrap;
  }
  
  /* 우하단 하트 뱃지 */
  .marker-heart {
	position: absolute;
	right: -4px;
	bottom: -2px;
	width: 22px;
	height: 22px;
	border-radius: 9999px;
	display: grid;
	place-items: center;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	font-size: 12px;
	line-height: 1;
  }
  
  /* 좌하단 타입 뱃지 (STEP/HOUSE) */
  .marker-type {
	position: absolute;
	left: -6px;
	bottom: -6px;
	padding: 2px 6px;
	font-size: 10px;
	font-weight: 700;
	color: #fff;
	background: rgba(255,255,255,0.95);
	border-radius: 999px;
	border: 1px solid rgba(0,0,0,0.06);
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  }
  .marker-type.is-step { background: rgba(16,185,129); }
  .marker-type.is-house { background: rgba(59,130,246); }
  .map-marker.active .marker-ring { 
	box-shadow:
	  0 6px 12px rgba(0,0,0,0.12),
	  inset 0 0 0 5px #f76818;   
	}
  
  /* 인터랙션 */
  .map-marker:hover .marker-ring {
	transform: scale(1.06);
	transition: transform .12s ease;
	box-shadow:
	  0 6px 12px rgba(0,0,0,0.12),
	  inset 0 0 0 5px #f76818;  
  }

	.footer-pages-forms {
		max-width: 390px;
		left: 50%;
		transform: translateX(-50%);
	}