/* REALJEJU 6.708 | 2026-09-06 */
/* REALJEJU VERSION: 6.708 */
/* REALJEJU 5.436 CSS module: property detail
+ * Original cascade order is preserved. Rules are moved, not duplicated.
+ */
/* ===== MERGED FROM detail_2.712.css ===== */
/* =====================================================
   2. 왼쪽 목록 / 상세 패널 / 사진 확대
   ===================================================== */
/* ===== INLINE FROM detail.css ===== */
/* REALJEJU detail.css - stable split from realjeju_2.361(3).html / Ver 2.396 */

.sidebar-detail-panel::-webkit-scrollbar{
	display: none;
}



.detail-topbar{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5.8px 12px;
	border-bottom: 1px solid #eef2f6;
	background: rgba(255,255,255,0.98);
	backdrop-filter: blur(8px);
	overflow: visible;
}

.detail-close-btn,
.detail-icon-btn{
	border: 0;
	background: transparent;
	color: #223244;
	cursor: pointer;
	border-radius: 0;
	height: 36px;
	min-width: 36px;
	padding: 0 10px;
	font-weight: 600;
	font-size: 24px;
}

.detail-top-actions{
	display: flex;
	gap: 4px;
}

.detail-topbar-id{
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 12px;
	font-size: 13px;
	font-weight: 400;
	color: #9ca3af;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.detail-topbar-id-label{
	color: #9ca3af;
	font-weight: 400;
}

.detail-topbar-id-value{
	margin-left: 6px;
	color: #111827;
	font-weight: 600;
}

.detail-share-menu{
	position: absolute;
	top: calc(100% + 14px);
	left: auto;
	right: 8px;
	width: 260px;
	min-width: 0;
	max-width: calc(100% - 28px);
	padding: 16px 14px 18px;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	background: #ffffff;
	box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
	display: none;
	flex-direction: column;
	gap: 14px;
	z-index: 2147483647;
	pointer-events: auto;
	visibility: visible;
	transition: none;
	transform: none;
}

.detail-share-menu.open{
	display: flex;
}

.detail-top-actions{
	position: static;
	margin-left: auto;
	min-width: max-content;
}

.detail-auth-trigger{
	border: 0;
	background: transparent;
	color: #6b7280;
	cursor: pointer;
	height: 36px;
	padding: 0 4px 0 10px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -0.15px;
	white-space: nowrap;
}

.detail-auth-trigger:hover{
	color: #374151;
}

.detail-auth-trigger .auth-dot{
	margin: 0 4px;
	color: #9ca3af;
}

.detail-top-actions .detail-icon-btn{
	display: none;
}

.detail-share-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.detail-share-head strong{
	color: #111827;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	width: calc((100% - 18px) / 2);
	text-align: center;
	white-space: nowrap;
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
}

.detail-share-feedback{
	margin-left: 6px;
	color: #2563eb;
	font-size: 16px;
	font-weight: 700;
	vertical-align: baseline;
	display: inline-block;
	min-width: 42px;
	text-align: left;
}

.detail-share-close{
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #7b8490;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: none;
	transition: none;
	transform: none;
}

.detail-share-close i{
	font-size: 20px;
	line-height: 1;
}

.detail-share-options{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.detail-share-option{
	width: 100%;
	min-height: 76px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #111827;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: 500;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 0;
	cursor: pointer;
	user-select: none;
	box-shadow: none;
	transition: none;
	transform: none;
}

.detail-share-option:hover,
.detail-share-option:focus,
.detail-share-option:focus-visible,
.detail-share-option:active{
	background: transparent;
	color: #111827;
	box-shadow: none;
	transform: none;
}

.detail-share-option-icon{
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #f2f4f7;
	color: #111827;
}

.detail-share-option.kakao .detail-share-option-icon{
	background: #FEE500;
	color: #111827;
}

.detail-share-option-icon i{
	font-size: 20px;
	line-height: 1;
}

.detail-scroll::-webkit-scrollbar{
	display: none;
}

.detail-hero{
	aspect-ratio: 4 / 3;
	height: auto;
	min-height: 0;
	background: #dbe6ef center / cover no-repeat;
	position: relative;
	overflow: hidden;
}

.detail-hero::after{
	display: none;
}

.detail-hero-slides{
	position: absolute;
	inset: 0;
	z-index: 0;
}

.detail-hero-slide{
	position: absolute;
	inset: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.35s ease;
	filter: contrast(1.05) brightness(1.03) saturate(1.05);
}

.detail-hero-slide.active{
	opacity: 1;
}

.detail-hero.detail-hero-preview-grid{
	aspect-ratio: 32 / 9;
	background: #ffffff;
	background-image: none;
}

.detail-hero.detail-hero-preview-grid .detail-hero-slides{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 2px;
	background: #ffffff;
}

.detail-hero.detail-hero-preview-grid .detail-hero-slide{
	position: relative;
	inset: auto;
	display: none;
	width: 100%;
	height: 100%;
	min-width: 0;
	opacity: 1;
	transition: none;
	background-color: #eef2f6;
}

.detail-hero.detail-hero-preview-grid .detail-hero-slide:nth-child(-n+2){
	display: block;
}

.detail-hero.detail-hero-preview-grid .detail-hero-dots{
	right: 12px;
	bottom: 12px;
	min-width: 30px;
	height: 28px;
	padding: 0 9px;
}

.detail-hero.detail-hero-preview-grid .detail-hero-watermark{
	width: min(42%, 180px);
}

@media (max-width: 720px) {
	.detail-hero.detail-hero-preview-grid{
		aspect-ratio: 16 / 9;
	}

	.detail-hero.detail-hero-preview-grid .detail-hero-slides{
		display: block;
	}

	.detail-hero.detail-hero-preview-grid .detail-hero-slide{
		position: absolute;
		inset: 0;
		display: block;
		opacity: 0;
		transition: opacity 0.35s ease;
	}

	.detail-hero.detail-hero-preview-grid .detail-hero-slide.active{
		opacity: 1;
	}
}

.detail-hero-watermark{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: none;
	align-items: center;
	justify-content: center;
	width: min(78%, 300px);
	transform: translate(-50%, -50%);
	pointer-events: none;
	color: rgba(255, 255, 255, 0.58);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.28;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: anywhere;
	text-shadow: 0 2px 10px rgba(15, 23, 42, 0.42);
	user-select: none;
}

.detail-hero img{
	filter: contrast(1.05) brightness(1.03) saturate(1.05);
}

.detail-hero{
	cursor: zoom-in;
}

.detail-hero-expand{
	position: absolute;
	width: 44px;
	height: 56px;
	border-radius: 0;
	background: transparent;
	border: 0;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	cursor: pointer;
	z-index: 3;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.detail-hero-dots{
	position: absolute;
	right: 16px;
	bottom: 16px;
	transform: none;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 52px;
	height: 30px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(15,23,42,0.62);
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	z-index: 3;
}

.detail-hero-dot{
	width: 8px;
	height: 8px;
	border: 0;
	border-radius: 0;
	background: rgba(255,255,255,0.42);
	cursor: pointer;
	padding: 0;
	transition: width 0.2s ease, background 0.2s ease;
}

.detail-hero-dot.active{
	width: 20px;
	background: rgba(255,255,255,0.98);
}

.detail-hero-badge{
	display: none;
}

.detail-hero-overlay{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding: 18px 18px 38px;
	color: #fff;
}

.detail-hero-price-row{
	display: flex;
	align-items: flex-end;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.detail-hero-deal{
	font-size: 16px;
	font-weight: 800;
	color: #8bd2ff;
	text-shadow: 0 2px 10px rgba(0,0,0,0.25);
	letter-spacing: -0.2px;
	line-height: 1.1;
}

.detail-hero-price{
	font-size: 34px;
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -1px;
	text-shadow: 0 3px 14px rgba(0,0,0,0.32);
}

.detail-hero-address{
	font-size: 14px;
	letter-spacing: -0.1px;
	line-height: 1.45;
	color: rgba(255,255,255,0.94);
	text-shadow: 0 1px 6px rgba(0,0,0,0.2);
}

.detail-hero-features{
	display: none;
}





.detail-summary-type-badge{
	display: inline-flex;
	align-items: center;
	height: 21px;
	padding: 0 8px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.15px;
	white-space: nowrap;
	max-width: 520px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.detail-summary-price-row{
	flex-wrap: wrap;
	flex-direction:column;
	gap:6px;
}

.detail-summary-deal-badge{
	display: inline-flex;
	align-items: center;
	height: 21px;
	padding: 0 8px;
	border-radius: 999px;
	background: #eef5ff;
	color: #2563eb;
	font-size: 11.5px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.15px;
	white-space: nowrap;
	margin-top:0;
}



.detail-summary-badges{
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.detail-summary-badge{
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 10px;
	border-radius: 0;
	background: #eef5ff;
	color: #2563eb;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.15px;
	white-space: nowrap;
}

.detail-summary-price{
	font-family: var(--font-ui);
	font-variant-numeric: tabular-nums;
}

.detail-summary-address{
	letter-spacing: -0.1px;
}



.detail-summary-price-row{
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
}

.detail-summary-price{
	text-align: left;
	margin-bottom: 0;
}

.detail-summary-address{
	margin-top: 6px;
	margin-bottom: 4px;
}

.detail-listing-no{
	font-size: 12.5px;
}

.detail-title-row{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 14px;
}

.detail-title-wrap{
	flex: 0 0 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.detail-listing-no{
	display: none;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: -0.2px;
	color: #6b7280;
	margin-bottom: 4px;
	line-height: 1.3;
}

.detail-title{
	margin: 0;
}

.detail-inline-price,
.detail-inline-address,
.detail-type-badge{
	display: none;
}

.detail-meta-grid{
	display: grid;
	grid-template-columns: minmax(120px, 1.15fr) minmax(100px, 0.95fr) minmax(100px, 0.95fr);
	gap: 0;
	overflow: hidden;
}

.detail-meta-item{
	min-width: 0;
}

.detail-meta-item:last-child{
	border-right: 0;
}

.detail-meta-label{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	letter-spacing: -0.1px;
	color: #98a2b3;
	font-weight: 600;
}

.detail-meta-value{
	display: flex;
	align-items: center;
	min-height: 20px;
	line-height: 1;
	font-size: 14px;
	color: #1f6fff;
	font-weight: 700;
	letter-spacing: -0.15px;
}



#detailAreaLabel{
	font-size: 11.5px;
	font-weight: 600;
	color: #98a2b3;
	letter-spacing: -0.02px;
}

.detail-desc{
	font-family: "Inter", "Pretendard", sans-serif;
	white-space: pre-line;
	background: #ffffff;
}

.detail-section-title{
	display: none;
}

.detail-info-sections{
	display: flex;
	flex-direction: column;
}

.detail-info-section{
	box-shadow: none;
}

.detail-info-section-title{
	letter-spacing: -0.15px;
	padding-left: 0;
	margin-left: 0;
	line-height: 1.3;
}

.detail-info-list{
	margin-bottom: 0;
	background: transparent;
	border: 0;
}

.detail-info-row{
	display: flex;
	align-items: center;
	justify-content: center;
}

.detail-info-row:last-child{
	border-bottom: 0;
	padding-bottom: 2px;
}

.detail-info-label{
	min-width: 100px;
	text-align: left;
	line-height: 1.3;
	letter-spacing: -0.15px;
}

.detail-info-value{
	flex: 1;
	text-align: right;
	line-height: 1.5;
	word-break: break-word;
	overflow-wrap: anywhere;
	letter-spacing: -0.2px;
	min-width: 0;
}

.detail-agent-card{
	background: #ffffff;
	margin-bottom: 16px;
	box-shadow: none;
}

.detail-agent-top{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.detail-agent-avatar{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #eef3f7;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4d5d6d;
	font-weight: 800;
	font-size: 14px;
	letter-spacing: -0.1px;
	overflow: hidden;
	flex-shrink: 0;
	border: 1px solid #e5ebf1;
}

.detail-agent-avatar img{
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.detail-agent-main{
	flex: 0 0 auto;
	min-width: 0;
}

.detail-agent-name-row{
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
	margin-bottom: 4px;
}

.detail-agent-name{
	font-size: 14px;
	font-weight: 700;
	color: #202124;
	line-height: 1.4;
}

.detail-agent-title{
	font-size: 13px;
	font-weight: 600;
	color: #6b7280;
	line-height: 1.4;
}

.detail-agent-office{
	font-size: 13px;
	letter-spacing: -0.1px;
	font-weight: 700;
	color: #202124;
	line-height: 1.52;
	margin-bottom: 5px;
}

.detail-agent-address{
	font-size: 13px;
	letter-spacing: -0.1px;
	color: #525a66;
	line-height: 1.52;
	margin-bottom: 5px;
}

.detail-agent-regno{
	font-size: 13px;
	letter-spacing: -0.1px;
	color: #525a66;
	line-height: 1.52;
	margin-bottom: 5px;
}

.detail-agent-phone-inline{
	font-size: 13px;
	letter-spacing: -0.1px;
	font-weight: 700;
	color: #202124;
	line-height: 1.52;
	margin-bottom: 5px;
}



.detail-roadview-inline-btn:hover{
	background: #eff6ff;
}

.detail-action-box{
	display: none;
}

.detail-phone{
	display: none;
}

.detail-actions{
	display: none;
}

.detail-action-btn{
	flex: 0 0 auto;
	min-width: 100px;
	min-height: 38px;
	padding: 0 12px;
	border: 0;
	border-radius: 0;
	background: #eef3f7;
	color: #203040;
	font-size: 14px;
	letter-spacing: -0.1px;
	font-weight: 800;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0,0,0,0.08);
	transition: box-shadow 0.2s ease;
}

.detail-action-btn.primary{
	background: #0f2942;
	color: #fff;
}

.detail-action-btn i{
	margin-right: 6px;
	font-size: 1em;
	line-height: 1;
}

.detail-action-btn:hover{
	box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}

.detail-agent-cta-row{
	display: flex;
	gap: 8px;
	margin-top: 14px;
	justify-content: flex-start;
}

.detail-agent-cta-btn{
	padding: 0 12px;
	max-width: 140px;
}

.detail-agent-cta-btn{
	flex: 0 0 auto;
	min-width: 0;
	height: 30px;
	border: 0;
	border-radius: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 13px;
	letter-spacing: -0.1px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	box-shadow: 0 2px 6px rgba(15, 41, 66, 0.06);
}

.detail-agent-cta-btn i{
	margin-right: 0;
	line-height: 1;
	font-size: 14px;
	letter-spacing: -0.1px;
}

.detail-agent-cta-btn.kakao{
	background: #FEE500;
	color: #191919;
}

.detail-agent-cta-btn.kakao:hover{
	background: #FEE500;
	color: #191919;
	box-shadow: 0 2px 6px rgba(15, 41, 66, 0.06);
}

.detail-agent-cta-btn.phone{
	background: #fff;
	color: #111827;
	border: 1px solid #e5e7eb;
}

.detail-agent-cta-btn.phone:hover{
	background: #f8fafc;
}

.detail-action-btn.kakao-btn{
	background: #FEE500;
	color: #111;
	border-radius: 0;
	font-weight: 700;
}

/* 오른쪽 상세 패널 유형 색상 */ 











.detail-image-lightbox{
	position: fixed;
	inset: 0;
	z-index: 2147483647;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.82);
	padding: 0;
}

.detail-image-lightbox.open{
	display: flex;
}

body.detail-image-lightbox-open .map-side-tools,
body.detail-image-lightbox-open .map-zoom-stack,
body.detail-image-lightbox-open .map-type-popover,
body.detail-image-lightbox-open .education-facility-filter-panel{
	display: none;
}

body.detail-image-lightbox-open .global-topbar,
body.detail-image-lightbox-open .global-topbar-inner,
body.detail-image-lightbox-open .global-topbar-menu,
body.detail-image-lightbox-open .global-topbar-right,
body.detail-image-lightbox-open .global-topbar-more-menu,
body.detail-image-lightbox-open .realjeju-side-nav{
	pointer-events: none;
	z-index: 1000;
}

body.detail-image-lightbox-open #globalTopbarRight,
body.detail-image-lightbox-open .global-topbar-right,
body.detail-image-lightbox-open #globalTopbarMoreMenu{
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.detail-image-lightbox-stage{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	box-sizing: border-box;
	background: transparent;
	padding: 84px 76px 112px;
}

.detail-image-lightbox-info{
	position: absolute;
	top: 20px;
	left: 20px;
	right: 180px;
	z-index: 3;
	color: #fff;
	text-align: left;
	pointer-events: none;
}

.detail-image-lightbox-title{
	max-width: min(720px, calc(50vw - 90px));
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.25;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

.detail-image-lightbox-meta{
	margin-top: 4px;
	max-width: min(720px, 60vw);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}

#detailImageLightboxImg{
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 0;
	box-shadow: 0 20px 50px rgba(0,0,0,0.35);
	background: #111;
	display: block;
}

.detail-image-lightbox-close,
.detail-image-lightbox-nav{
	width: 46px;
	height: 46px;
	min-width: 46px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.28);
	background: rgba(15,23,42,0.42);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.22);
	z-index: 2;
	transition: box-shadow 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}

.detail-image-lightbox-nav{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}

.detail-image-lightbox-nav.prev{
	left: 16px;
}

.detail-image-lightbox-nav.next{
	right: 16px;
}

.detail-image-lightbox-close{
	position: absolute;
	top: 18px;
	right: 18px;
	width: 44px;
	height: 44px;
}

.detail-image-lightbox-nav:hover,
.detail-image-lightbox-close:hover{
	background: rgba(15,23,42,0.58);
	border-color: rgba(255,255,255,0.42);
	box-shadow: 0 10px 26px rgba(0,0,0,0.26);
}

.detail-image-lightbox-nav:active{
	background: rgba(15,23,42,0.68);
}

.detail-image-lightbox-close:active{
	background: rgba(15,23,42,0.68);
}

.detail-image-lightbox-nav i,
.detail-image-lightbox-close i{
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	line-height: 1;
	text-shadow: 0 2px 8px rgba(0,0,0,0.55);
}

.detail-image-lightbox-close i{
	font-size: 22px;
}

.detail-image-lightbox-count{
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	align-items: center;
	justify-content: center;
	min-width: 52px;
	height: 30px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(15,23,42,0.62);
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	z-index: 2;
}

.detail-image-lightbox-thumbnails{
	position: absolute;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: calc(100vw - 140px);
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px;
	box-sizing: border-box;
	scrollbar-width: none;
	overscroll-behavior-inline: contain;
	z-index: 3;
}

.detail-image-lightbox-thumbnails::-webkit-scrollbar{
	display: none;
}

.detail-image-lightbox-thumbnail{
	position: relative;
	flex: 0 0 72px;
	width: 72px;
	height: 54px;
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 8px;
	background: rgba(17, 24, 39, 0.72);
	box-sizing: border-box;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.detail-image-lightbox-thumbnail:hover{
	opacity: 1;
}

.detail-image-lightbox-thumbnail.active{
	border-color: #fff;
	opacity: 1;
	transform: translateY(-2px);
}

.detail-image-lightbox-thumbnail img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #111827;
}

@media (max-width: 980px) {
	:root{
		--sidebar-current-width: 100%;
	}

	body{
		overflow: auto;
	}

	.global-topbar-left,
.global-topbar-right{
		justify-self: stretch;
	}

	.sidebar-inner,
.sidebar.expanded .sidebar-inner{
		grid-template-columns: 1fr;
	}

	.map-result-count{
		top: 124px;
	}

	.map-agent-card{
		top: 12px;
		right: 12px;
		left: 12px;
		width: auto;
		max-width: none;
	}

	.map-agent-head{
		gap: 7px;
		padding: 12px 14px 9px;
	}

	.map-agent-head-title{
		font-size: 16px;
	}

	.map-agent-head-sub{
		font-size: 13px;
	}

	.map-agent-body{
		grid-template-columns: 96px 1fr;
		gap: 10px;
		padding: 11px 12px 12px;
	}

	.map-agent-photo{
		height: 96px;
	}

	.map-agent-content{
		gap: 6px;
	}

	.map-agent-name{
		font-size: 20px;
	}

	.map-agent-office{
		font-size: 14px;
	}

	.map-agent-desc{
		font-size: 12px;
	}

	.map-agent-meta-row{
		display:flex;
		align-items:center;
		gap:10px;
		min-height:24px;
	}

	.map-agent-meta-label{
		width:72px;
		flex:0 0 72px;
		font-size:13px;
		font-weight:700;
		color:#9aa3af;
		line-height:1.35;
		margin:0;
		padding:0;
		transform:none;
		font-family:var(--font-ui);
	}

	.map-agent-meta-value{
		flex:1 1 auto;
		font-size:14px;
		font-weight:600;
		color:#4b5573;
		font-family:var(--font-ui);
		font-variant-numeric:normal;
		line-height:1.35;
		margin:0;
		padding:0;
	}

	.detail-image-lightbox-nav,
.detail-image-lightbox-close{
		width: 44px;
		height: 44px;
		min-width: 44px;
		border-radius: 999px;
	}

	.detail-image-lightbox-nav.prev{
		left: 8px;
	}

	.detail-image-lightbox-nav.next{
		right: 8px;
	}

	.detail-image-lightbox-close{
		top: 12px;
		right: 12px;
		width: 44px;
		height: 44px;
	}

	.detail-image-lightbox-count{
		top: 18px;
		left: 50%;
		font-size: 13px;
		height: 28px;
		min-width: 48px;
		padding: 0 9px;
	}

	.detail-image-lightbox-stage{
		padding: 78px 54px 96px;
	}

	.detail-image-lightbox-info{
		top: 14px;
		left: 14px;
		right: 72px;
	}

	.detail-image-lightbox-title{
		max-width: calc(50vw - 38px);
		font-size: 14px;
	}

	.detail-image-lightbox-meta{
		max-width: 62vw;
		font-size: 12px;
	}

	.detail-image-lightbox-thumbnails{
		bottom: 14px;
		max-width: calc(100vw - 28px);
		gap: 6px;
	}

	.detail-image-lightbox-thumbnail{
		flex-basis: 60px;
		width: 60px;
		height: 45px;
		border-radius: 7px;
	}

}

.detail-action-btn.cross-btn{
	display: none;
}

.detail-action-btn.cross-btn:hover{
	display: none;
}

.detail-action-btn.cross-btn{
	background: #03C75A;
	color: #fff;
}

/* right detail summary: type + deal on one line, same feel as left card badges */ 

.detail-summary-type-badge,
.detail-summary-deal-badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding: 0 8px;
	border-radius: 0;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.12px;
	white-space: nowrap;
}

.detail-summary-price-row{
	display: block;
}

.detail-summary-price{
	display: block;
}

.detail-summary-deal-badge[data-deal="전세"]{
	background:#E6F0FF;
	color:#2563EB;
}

.detail-summary-deal-badge[data-deal="월세"]{
	background:#E6FFF2;
	color:#16A34A;
}

.detail-summary-deal-badge[data-deal="년세"]{
	background:#FFF7E6;
	color:#D97706;
}





.detail-summary-deal-badge[data-deal="전세"]{
	box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
}

.detail-summary-deal-badge[data-deal="월세"]{
	box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.08);
}

.detail-summary-deal-badge[data-deal="년세"]{
	box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.08);
}



.detail-area-wrap.land-two-line{
	display: inline-flex;
	align-items: center;
	gap: 9px;
	flex-wrap: nowrap;
	white-space: nowrap;
	width: auto;
}

.detail-area-wrap.land-two-line .area-display,
.detail-area-wrap.land-two-line #detailAreaValue{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

/* right panel area: always 2 lines, value and unit button inline */ .detail-meta-item:first-child .detail-meta-label{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 8px;
	width: 100%;
}

.detail-meta-item:first-child .detail-area-wrap{
	display: inline-flex;
	align-items: center;
	gap: 9px;
	flex-wrap: nowrap;
	white-space: nowrap;
	width: auto;
}

.detail-meta-item:first-child #detailAreaValue{
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	line-height: 1;
	margin: 0;
}

.detail-meta-item:first-child #detailAreaToggleBtn{
	display: none;
}

/* stronger premium font tuning */ 
.card-title,
.detail-title,
.brand-title{
	font-weight: 800;
}

/* 왼쪽 패널 - 금액 */
.card-price,
.detail-summary-price,
.detail-hero-price{
	font-weight: 700;
	letter-spacing: -0.9px;
}

/* 왼쪽 패널 - 주소, 면적 */
.card-spec,
.card-address,
.detail-summary-address,
.detail-desc{
	font-weight: 400;
}

/* 왼쪽 패널 - 매뮬 유형 뱃지 */
.card-badge,
.card-deal,
.detail-summary-type-badge,
.detail-summary-deal-badge,
.map-tool-btn,
.map-unit-half-btn{
	font-weight: 600;
}

/* right-panel open performance tuning */
.detail-hero,
.detail-hero-slides,
.detail-content{
	transform: translateZ(0);
}

/* ===== consolidated layout & component rules (single source of truth) ===== */ :root{
	--detail-panel-top:0px;
	--detail-panel-height:100%;
}

.sidebar-detail-panel{
	max-height:100%;
	transition:opacity .22s ease;
}



.detail-panel-inner{
	height:100%;
	display:flex;
	flex-direction:column;
	min-height:0;
}

.detail-scroll{
	flex:1 1 auto;
	min-height:0;
	overflow-y:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
}

body.shared-detail-mode .sidebar-list-panel{
	display:none;
}

body.shared-detail-mode .sidebar-detail-panel{
	left:0;
	width:var(--sidebar-list-width);
	display:block;
	opacity:1;
	pointer-events:auto;
	visibility:visible;
	
	border-left: 1px solid #e6ebf0;
}

body.shared-detail-mode .sidebar:not(.expanded) .sidebar-detail-panel{
	opacity:1;
	pointer-events:auto;
}

.detail-features,
#detailFeatures,
.detail-hero-features,
#detailHeroFeatures,
.brand-card{
	display:none;
}



.detail-summary-top{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}



.detail-summary-deal-badge[data-deal="매매"],
.detail-summary-deal-badge[data-deal="전세"],
.detail-summary-deal-badge[data-deal="월세"],
.detail-summary-deal-badge[data-deal="년세"],
.detail-summary-deal-badge:not([data-deal]){
	background:#eef5ff;
	color:#2563eb;
}

.detail-tags-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
}

.detail-tags{
	display:flex;
	align-items:center;
	gap:4px;
	flex-wrap:wrap;
	min-width:0;
}

.detail-feature-tag{
	display:inline-flex;
	align-items:center;
	height:28px;
	min-height:28px;
	padding:0 10px;
	border-radius: 0;
	background:rgba(3,199,90,.08);
	border:1px solid rgba(3,199,90,.18);
	color:#03C75A;
	font-size:14px;
	letter-spacing:-0.15px;
	font-weight:700;
	white-space:nowrap;
}

.detail-roadview-inline-btn{
	margin-left:auto;
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	gap:4px;
	height:28px;
	padding:0 10px;
	border-radius: 999px;
	border:1px solid #bfd4ff;
	background:#ffffff;
	color:#2563eb;
	font-size:14px;
	letter-spacing:-0.1px;
	font-weight:700;
	cursor:pointer;
	white-space:nowrap;
}

.detail-roadview-inline-btn i{
	margin-right:0;
	font-size:14px;
	line-height:1;
}

.detail-inline-roadview-btn{
	margin-left:auto;
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	gap:4px;
	height:30px;
	padding:0 12px;
	border-radius: 999px;
	border:1px solid #bfd4ff;
	background:#ffffff;
	color:#2563eb;
	font-size:14px;
	font-weight:800;
	white-space:nowrap;
	cursor:pointer;
}

.detail-inline-roadview-btn i{
	font-size:14px;
	line-height:1;
}

.detail-meta-item{
	padding-top:10px;
	padding-bottom:10px;
}

.detail-meta-label{
	margin-bottom:4px;
}

.detail-meta-value,
#detailAreaValue,
#detailTypeValue,
#detailRegionValue{
	min-height:26px;
	height:26px;
	display:flex;
	align-items:center;
	line-height:1;
}

.detail-area-wrap{
	min-height:26px;
	height:26px;
	display:inline-flex;
	align-items:center;
	justify-content:flex-start;
	gap:6px;
	flex-wrap:nowrap;
	white-space:nowrap;
	min-width:0;
	width:max-content;
	line-height:1;
}

.detail-meta-item:first-child #detailAreaTypeToggleBtn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
	flex:0 0 auto;
	margin-left:0;
}

.detail-topbar .detail-close-btn i,
.detail-topbar .detail-icon-btn i{
	font-size:22px;
}

.card-price,
.card-date,
.card-spec,
.detail-summary-price,
.detail-hero-price,
.detail-meta-value,
.map-recommend-price,
.map-agent-meta-value,
#mapAgentPhone,
.area-num,
.area-rest,
.sub-version-fixed,
.global-sort-chip,
.map-result-count{
	font-family: var(--font-ui);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1, "lnum" 1;
}

.maintenance-fixed-under100-row.is-hidden,
.maintenance-fixed-detail-row.is-hidden{
	display: none;
}

.maintenance-detail-type-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 44px;
}


.maintenance-detail-type-grid{
	grid-auto-rows: minmax(40px, auto);
	align-items: stretch;
}

.maintenance-detail-type-grid .property-radio-option{
	height: 100%;
	min-height: 40px;
	align-items: center;
	line-height: 1.35;
}


.maintenance-detail-type-grid{
	row-gap: 10px;
}

.maintenance-form-row.maintenance-detail-row > .property-form-label{
	display: flex;
	align-items: center;
	min-height: 40px;
	line-height: 1.3;
}

.maintenance-detail-type-grid .property-radio-option input{
	align-self: center;
}

.maintenance-detail-type-grid .property-radio-option span{
	display: inline-block;
	line-height: 1.35;
}

@media (max-width: 720px) {
	.maintenance-form-row{
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.maintenance-choice-grid,
.maintenance-include-grid,
.maintenance-detail-type-grid{
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.maintenance-fee-field,
.maintenance-etc-fee-field{
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.maintenance-tab{
		font-size: 14px;
	}
}

.card-badge[data-type="다가구주택"],
.detail-summary-type-badge[data-type="다가구주택"],
.map-region-complex-badge[data-type="다가구주택"]{
    background: #fff7ed;
    color: #c2410c;
    box-shadow: inset 0 0 0 1px #fed7aa;
}


.detail-summary-block{
	padding: 18px 20px 16px;
	margin-bottom: 0;
	border-bottom: 1px solid #eef2f6;
	background: #ffffff;
}

.detail-content{
	padding: 0;
}

.detail-summary-top{
	margin-bottom: 10px;
	gap: 6px;
}

.detail-summary-type-badge,
.detail-summary-deal-badge,
.map-region-complex-badge,
.broker-listing-flag-badge{
	height: 23px;
	border-radius: 999px;
	padding: 0 8px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.1px;
}

.detail-summary-broker-flags,
.card-broker-flag-badges{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
}

.broker-listing-flag-badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 23px;
	min-width: 0;
	padding: 0 8px;
	border-radius: 999px;
	border: 1px solid #bfd4ff;
	background: #ffffff;
	color: #2563eb;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.1px;
	white-space: nowrap;
	word-break: keep-all;
	box-sizing: border-box;
}

.detail-summary-price-row{
	margin-bottom: 8px;
}

.detail-summary-price{
	color: #0b1220;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -0.55px;
	line-height: 1.08;
}

.detail-title{
	color: #202124;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.42;
	letter-spacing: -0.16px;
	margin-bottom: 6px;
}

.detail-summary-address{
	color: #525a66;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
}

.detail-info-sections{
	gap: 0;
	margin-top: 0;
	margin-bottom: 0;
	background: #ffffff;
}

.detail-info-section{
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #eef2f6;
	padding: 17px 20px 14px;
	background: #ffffff;
}

.detail-info-section-title{
	font-size: 14.5px;
	font-weight: 700;
	color: #202124;
	margin-bottom: 8px;
}

.detail-info-row{
	gap: 20px;
	padding: 9.5px 0;
	border-bottom: 1px solid #f3f5f8;
}

.detail-info-label{
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
}

.detail-info-value{
	color: #202124;
	font-size: 14px;
	font-weight: 600;
	white-space: pre-line;
}

.detail-desc{
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #eef2f6;
	margin-bottom: 0;
	padding: 0 20px 18px;
	color: #202124;
	font-size: 14.5px;
	line-height: 1.66;
}

.detail-desc-title{
	padding: 17px 20px 12px;
	color: #202124;
	font-size: 15.5px;
	font-weight: 700;
	line-height: 1.35;
	border-top: 0;
	background: #ffffff;
}

.detail-agent-card{
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #eef2f6;
	padding: 17px 20px;
}

.detail-meta-grid{
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #eef2f6;
	margin-bottom: 0;
	background: #ffffff;
}

.detail-meta-item{
	padding: 17px 20px 14px;
	border-right: 1px solid #f3f5f8;
}


.property-detail-card{
	min-height: 0;
}

.property-detail-row{
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 24px;
	margin-bottom: 32px;
}

.property-detail-row:last-child{
	margin-bottom: 0;
}

.property-detail-row.property-detail-date-row{
	margin-bottom: 18px;
}

.property-detail-date-check-row{
	margin-top: -6px;
	margin-bottom: 28px;
}

:root{
	--property-sub-check-gap-top: 12px;
	--property-sub-check-gap-bottom: 28px;
}

.property-detail-input,
.property-detail-textarea{
	width: 100%;
	border: 1px solid #d7dee8;
	border-radius: 0;
	background: #ffffff;
	color: #111827;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.16px;
	outline: none;
	box-shadow: none;
}

.property-detail-input{
	height: 54px;
	padding: 0 16px;
}

.property-detail-input::placeholder,
.property-detail-textarea::placeholder{
	color: #a8b0bc;
}

.property-detail-textarea{
	min-height: 348px;
	padding: 12px;
	resize: vertical;
	line-height: 1.55;
}

.property-detail-text-count{
	margin-top: 8px;
	text-align: right;
	font-size: 14px;
	font-weight: 500;
	color: #8b95a1;
	letter-spacing: -0.12px;
}

@media (max-width: 720px) {
	.property-detail-row{
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.property-detail-date-check-row{
		margin-top: 0;
	}
}

/* 상세 정보: 라벨과 오른쪽 항목 세로 중앙 정렬 */
.property-detail-row{
	align-items: center;
}

.property-detail-row .property-form-control,
.property-detail-row .property-info-field{
	align-self: center;
}

.property-watermark-control{
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 44px;
}

/* 상세 설명 textarea는 큰 박스 기준 중앙 정렬 */
.property-detail-row:has(#propertyDetailDescriptionInput){
	align-items: center;
}

body[data-property-type="land"] #buildingUseRow,
body[data-property-type="land"] .property-detail-date-row,
body[data-property-type="land"] .property-detail-date-check-row{
	display: none;
	visibility: hidden;
	pointer-events: none;
}

.property-address-wrap.has-detail-address .property-register-input{
	padding-right: var(--property-address-main-detail-padding-right);
}

.property-address-main-detail{
	position: absolute;
	top: 50%;
	right: var(--property-address-main-detail-right);
	transform: translateY(-50%);
	max-width: var(--property-address-main-detail-max-width);
	font-size: var(--property-address-main-detail-font-size);
	font-weight: var(--property-address-main-detail-font-weight);
	letter-spacing: -0.14px;
	line-height: 1;
	color: var(--property-address-main-detail-color);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	display: none;
}

.property-address-wrap.has-detail-address .property-address-main-detail{
	display: inline-flex;
	align-items: center;
}

.property-address-search-input,
.property-address-detail-input{
	width: 100%;
	height: var(--property-address-input-height);
	min-height: var(--property-address-input-height);
	border: var(--property-address-input-border);
	border-radius: var(--property-address-input-radius);
	background: var(--property-address-input-bg);
	color: var(--property-address-input-color);
	font-family: var(--font-ui);
	font-size: var(--property-address-input-font-size);
	font-weight: var(--property-address-input-font-weight);
	letter-spacing: var(--property-address-input-letter-spacing);
	outline: none;
	box-shadow: none;
	box-sizing: border-box;
}

.property-address-detail-input{
	padding: 0
	        var(--property-address-detail-input-padding-x);
}

.property-address-search-input:focus,
.property-address-detail-input:focus{
	border: var(--property-address-input-border-focus);
	background: var(--property-address-input-bg);
	box-shadow: none;
	outline: none;
}

.property-address-search-input::placeholder,
.property-address-detail-input::placeholder{
	color: var(--property-address-input-placeholder-color);
	font-weight: 500;
}

.property-address-result-line,
.property-address-detail-road,
.property-address-detail-jibun{
	font-size: var(--property-address-line-font-size);
	font-weight: var(--property-address-line-font-weight);
	line-height: var(--property-address-line-height);
	letter-spacing: -0.2px;
	color: #111827;
}

.property-address-result-select,
.property-address-detail-confirm{
	height: var(--property-address-primary-button-height);
	min-width: var(--property-address-primary-button-min-width);
	width: auto;
	padding: 0
	        var(--property-address-primary-button-padding-x);
	border-radius: var(--property-address-primary-button-radius);
	border: var(--property-address-primary-button-border);
	background: var(--property-address-primary-button-bg);
	color: var(--property-address-primary-button-color);
	font-size: var(--property-address-primary-button-font-size);
	font-weight: var(--property-address-primary-button-font-weight);
	letter-spacing: var(--property-address-primary-button-letter-spacing);
	box-shadow: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.property-address-result-select:hover,
.property-address-detail-confirm:hover{
	background: var(--property-address-primary-button-bg);
	border: var(--property-address-primary-button-border);
	color: var(--property-address-primary-button-color);
}

.property-address-detail-screen,
.property-address-search-screen{
	display: none;
}

.property-address-detail-screen.open,
.property-address-search-screen.open{
	display: block;
}

.property-address-detail-head{
	display: block;
	margin-bottom: var(--property-address-detail-head-margin-bottom);
}

.property-address-detail-address-row{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--property-address-address-row-gap);
	margin: 0
	        0
	        var(--property-address-address-row-margin-bottom);
}

.property-address-detail-label{
	display: inline-flex;
	align-items: center;
	height: var(--property-address-detail-label-height);
	margin: 0;
	padding: 0;
	font-size: var(--property-address-detail-label-font-size);
	font-weight: var(--property-address-detail-label-font-weight);
	line-height: 1;
	letter-spacing: -0.16px;
	color: var(--property-address-title-color);
}

.property-address-detail-selected{
	margin: var(--property-address-selected-margin-top)
	        var(--property-address-selected-margin-right)
	        var(--property-address-selected-margin-bottom)
	        var(--property-address-selected-margin-left);
}

.property-address-detail-road{
	margin: 0
	        0
	        var(--property-address-line-margin-bottom);
}

.property-address-detail-jibun{
	margin: 0;
	display: flex;
	align-items: center;
	gap: var(--property-address-line-gap);
}

.property-address-detail-section-title{
	margin: 0
	        0
	        var(--property-address-detail-section-title-margin-bottom);
	font-size: var(--property-address-detail-label-font-size);
	font-weight: var(--property-address-detail-label-font-weight);
	letter-spacing: -0.45px;
	color: var(--property-address-title-color);
}

.property-address-detail-section-title span{
	font-weight: 500;
	color: #6b7280;
}

.property-address-detail-help{
	margin: 0
	        0
	        var(--property-address-detail-help-margin-bottom);
	font-size: var(--property-address-detail-help-font-size);
	font-weight: 500;
	letter-spacing: -0.2px;
	color: var(--property-address-detail-help-color);
}

.property-address-detail-actions{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: var(--property-address-detail-actions-gap);
	margin-top: var(--property-address-detail-actions-margin-top);
}

.property-address-detail-actions .property-address-detail-edit,
.property-address-detail-actions .property-address-detail-confirm{
	height: var(--property-address-secondary-button-height);
	min-width: var(--property-address-secondary-button-min-width);
	padding: 0
	        var(--property-address-secondary-button-padding-x);
	border-radius: var(--property-address-secondary-button-radius);
	font-size: var(--property-address-secondary-button-font-size);
	font-weight: var(--property-address-secondary-button-font-weight);
	letter-spacing: -0.18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	cursor: pointer;
}

.property-address-detail-actions .property-address-detail-edit{
	border: var(--property-address-secondary-button-border);
	background: var(--property-address-secondary-button-bg);
	color: var(--property-address-secondary-button-color);
}

.property-address-detail-actions .property-address-detail-confirm{
	border: var(--property-address-primary-button-border);
	background: var(--property-address-primary-button-bg);
	color: var(--property-address-primary-button-color);
}

.property-address-detail-actions .property-address-detail-edit:hover{
	background: var(--property-address-secondary-button-bg);
	color: var(--property-address-secondary-button-color);
	border: var(--property-address-secondary-button-border);
}

.property-address-detail-actions .property-address-detail-confirm:hover{
	background: var(--property-address-primary-button-bg);
	color: var(--property-address-primary-button-color);
	border: var(--property-address-primary-button-border);
}

.property-address-detail-address-row .property-address-detail-edit{
	display: none;
}

.property-address-detail-edit i{
	display: none;
}


.detail-summary-type-badge{
	background: #eff6ff;
	color: #2563eb;
	box-shadow: inset 0 0 0 1px #bfd4ff;
}

.detail-summary-deal-badge[data-deal="매매"],
.detail-summary-deal-badge:not([data-deal]){
	background: #ffffff;
	color: #2563eb;
	box-shadow: inset 0 0 0 1px #bfd4ff;
}

.parcel-building-carousel {
	position: relative;
}

.parcel-building-carousel-nav {
	position: absolute;
	top: 50%;
	z-index: 4;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid #d8dde6;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(20, 32, 51, 0.14);
	cursor: pointer;
	transform: translateY(-50%);
}

.parcel-building-carousel-nav.is-prev {
	left: 20px;
}

.parcel-building-carousel-nav.is-next {
	right: 20px;
}

.parcel-building-carousel-nav span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-top: 2px solid #161b24;
	border-right: 2px solid #161b24;
}

.parcel-building-carousel-nav.is-prev span {
	transform: translate(-38%, -50%) rotate(-135deg);
}

.parcel-building-carousel-nav.is-next span {
	transform: translate(-62%, -50%) rotate(45deg);
}

.parcel-building-carousel-nav:disabled {
	opacity: 0.35;
	cursor: default;
}



/* 5.995: 건물 탭 마지막 PNU 상가업소정보 */
.parcel-apartment-business-group details{width:100%;}
.parcel-apartment-business-group summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:58px;padding:0 20px;cursor:pointer;list-style:none;}
.parcel-apartment-business-group summary::-webkit-details-marker{display:none;}
.parcel-apartment-business-group summary span{position:relative;display:inline-flex;align-items:center;gap:9px;}
.parcel-apartment-business-group summary span::after{width:9px;height:9px;border-right:2px solid #17243a;border-bottom:2px solid #17243a;content:'';transform:translateY(-2px) rotate(45deg);}
.parcel-apartment-business-group summary em{overflow:hidden;color:#5c6370;font-size:15px;font-style:normal;font-weight:600;text-overflow:ellipsis;white-space:nowrap;}
.parcel-apartment-business-list{border-top:0;}
.parcel-apartment-business-row{padding:14px 20px;border-bottom:1px solid #e2e5e9;}
.parcel-apartment-business-row:last-child{border-bottom:0;}
.parcel-apartment-business-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;}
.parcel-apartment-business-main strong{overflow:hidden;color:#16243a;font-size:15px;text-overflow:ellipsis;white-space:nowrap;}
.parcel-apartment-business-main span,.parcel-apartment-business-category{color:#7b8494;font-size:14px;font-weight:500;}
.parcel-apartment-business-category{margin-top:5px;}


/* REALJEJU 5.995: 상가업소정보가 접힌 상태에서는 화살표가 위쪽을 가리킵니다. */
.parcel-apartment-business-group details:not([open]) summary span::after {
  transform: translateY(2px) rotate(-135deg);
}


/* REALJEJU 5.995: 상가 업체명은 건축물현황 층수와 같은 굵기를 사용합니다. */
.parcel-apartment-business-main strong {
  font-weight: 800;
}

/* REALJEJU 5.995: 필지 요약과 상단 탭 버튼 사이의 공통 헤어라인을 복원합니다. */
.parcel-land-info-panel > .parcel-property-tabs {
	border-top: 1px solid #d5dae2;
}

/* REALJEJU 5.995: 모든 상단 탭은 해당 정보 영역 위 굵은 구분선에서 멈춥니다. */
.parcel-land-info-panel > .parcel-property-block {
	scroll-margin-top: calc(var(--parcel-sticky-tabs-top, 50px) + 48px);
}

/* REALJEJU 5.995: 실거래가 탭 복귀 시 제목 줄 전체가 고정 탭 아래에 보이게 합니다. */
.parcel-land-info-panel > #parcel-property-realtrade {
	scroll-margin-top: calc(var(--parcel-sticky-tabs-top, 50px) + 48px + 24px);
}

/* REALJEJU 5.995: 공동주택 단지명은 용도지역보다 먼저 표시합니다. */
.parcel-land-info-panel .parcel-property-complex-name {
	margin: 0 0 4px;
	color: #202124;
	font-family: var(--font-ui);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

/* REALJEJU 5.995: 토지 버튼은 토지 기본 정보 위 8px 구분선 전체가 보이는 시작점에 멈춥니다. */
.parcel-land-info-panel #parcel-property-land {
  scroll-margin-top: calc(var(--parcel-sticky-tabs-top, 50px) + 48px + 8px);
}

/* REALJEJU 5.995: 건물 버튼은 건물 정보 위 8px 구분선 전체가 보이는 시작점에 멈춥니다. */
.parcel-land-info-panel #parcel-property-building {
  scroll-margin-top: calc(var(--parcel-sticky-tabs-top, 50px) + 48px + 8px);
}

/* REALJEJU 5.995: 주소 하단선과 고정 탭 상단선을 1px 겹쳐 단일 헤어라인으로 보이게 합니다. */
.parcel-land-info-panel > .parcel-property-tabs {
  margin-top: -1px;
  top: calc(var(--parcel-sticky-tabs-top, 50px) - 1px);
}



/* 5.995: 실거래가 빈 상태를 기준으로 모든 빈 상태와 다음 굵은 구분선 사이를 8px로 통일 */
.parcel-land-info-panel {
  --rj-property-empty-separator-gap: 8px;
}

.parcel-land-info-panel .realjeju-property-state-message {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--rj-property-empty-row-height);
  min-height: var(--rj-property-empty-row-height);
  margin: 0 0 var(--rj-property-empty-separator-gap);
  padding-block: 0;
}

.parcel-land-info-panel .realjeju-property-empty-host,
.parcel-land-info-panel .realjeju-property-empty-section {
  margin-block-end: 0;
  padding-block-end: 0;
}

.parcel-land-info-panel .realjeju-after-empty-state {
  margin-block-start: 0;
}

.parcel-land-info-panel .parcel-property-nearby-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.parcel-land-info-panel .parcel-property-trade-graph-section.is-collapsed {
  padding-bottom: 0;
}

.parcel-land-info-panel .parcel-property-trade-graph-section > .parcel-property-nearby-heading {
  box-sizing: border-box;
  height: 68px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.parcel-land-info-panel .parcel-property-trade-graph-section.is-collapsed + .parcel-property-subsection {
  margin-top: 0;
}

.parcel-land-info-panel .parcel-property-nearby-toggle {
  flex: 0 0 auto;
  min-width: 54px;
  height: 30px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid #d7deea;
  border-radius: 999px;
  background: #ffffff;
  color: #4b5563;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.parcel-land-info-panel .parcel-property-nearby-toggle:hover {
  border-color: #b8c4d6;
  color: #1764ff;
}

.parcel-land-info-panel .parcel-property-trade-graph-section > [data-parcel-trade-chart][hidden] {
  display: none;
}

/* 5.995: 주변 유사거래 로딩 행도 공통 빈 상태와 같은 높이와 하단 간격을 사용 */
.parcel-land-info-panel .parcel-property-trade-graph-section > [data-parcel-trade-chart].parcel-property-loading {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--rj-property-empty-row-height);
  min-height: var(--rj-property-empty-row-height);
  margin: 0 0 var(--rj-property-empty-separator-gap);
  padding-block: 0;
}
.parcel-cancelled-trades {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 8px solid #f1f4f8;
}

.parcel-cancelled-trades > h3 {
	margin: 0 0 8px;
	color: #374151;
}

.parcel-cancelled-trades > p {
	margin: 0 0 12px;
	color: #6b7280;
	font-size: var(--rj-detail-content-font-size, 14px);
}

.parcel-trade-cancelled-row {
	color: #6b7280;
}

.parcel-trade-cancelled-row strong {
	color: #9ca3af;
	text-decoration: line-through;
}

.parcel-trade-cancelled-status {
	color: #dc2626;
	font-weight: 700;
}