@charset "UTF-8";

.por-estate-price-type-panel {
	padding: 0;
	background: transparent;
	height: 100%;
	margin: 0;
}

.por-estate-price-type-panel .box-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	padding: 4px 0;
}

.por-estate-price-type-panel .box-tit {
	margin: 0;
}

.por-estate-price-type-panel .box-tit.between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.por-left-sidebar-slot-primary .por-estate-price-type-panel .h21_scroll {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	overflow-y: auto;
	border-radius: var(--krds-radius-medium1, 12px);
	width: 100%;
	padding: 0;
}

.por-estate-price-type-panel .structured-list {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 0.8rem;
	margin: 0;
}

.por-estate-price-type-panel .structured-item {
	width: 100%;
	padding: 0 1.2rem;
	background: var(--krds-high-contrast-color-surface-gray-subtle, #4b5563);
	border: 0.1rem solid var(--krds-high-contrast-color-surface-white-subtle, #fff);
	border-radius: var(--krds-radius-medium1, 12px);
}

.por-estate-price-type-panel .structured-item.active {
	background: var(--krds-high-contrast-color-surface-white-subtle, #fff);
	border: 0.1rem solid var(--krds-high-contrast-color-surface-white-subtle, #fff);
}

.por-estate-price-type-panel .structured-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.2rem;
	height: 4.2rem;
}

.por-estate-price-type-panel .structured-title .krds-badge-wrap .label {
	color: var(--krds-light-color-text-basic-inverse, #fff);
	font-weight: 700;
}

.por-estate-price-type-panel .structured-item.active .structured-title .krds-badge-wrap .label {
	color: var(--krds-light-color-text-basic-inverse, #111827);
}

.por-estate-price-type-panel .por-structured-actions {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	margin-left: auto;
}

.por-estate-price-type-panel .structured-item-2D {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.por-estate-price-type-panel .structured-item.active .structured-item-2D {
	visibility: visible;
	opacity: 1;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 0.8rem;
	margin-bottom: var(--krds-padding-3, 12px);
	padding: var(--krds-padding-3, 12px) var(--krds-padding-5, 16px);
	background: var(--krds-high-contrast-color-divider-gray-light, #e5e7eb);
	border-radius: var(--krds-radius-medium1, 12px);
}

.por-estate-price-type-panel .structured-item.active .structured-item-2D li {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 0.8rem;
}

.por-estate-price-type-panel .tructured-2D-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	width: 100%;
}

.por-estate-price-type-panel .tructured-2D-header .krds-form-check {
	display: flex;
	align-items: center;
	column-gap: 0.4rem;
	min-height: 2rem;
	padding-top: 2px;
}

.por-estate-price-type-panel .por-estate-filter {
	width: 100%;
}

.por-estate-price-type-panel .por-estate-filter .krds-select {
	width: 100%;
}

.por-estate-price-type-panel .por-info-row {
	align-items: flex-start;
}

.por-estate-price-type-panel .por-info-text {
	font-size: var(--krds-pc-font-size-body-xsmall, 1.3rem);
	color: var(--krds-light-color-text-basic-inverse, #fff);
	line-height: 1.45;
}

.por-estate-price-type-panel .structured-item.active .structured_btn {
	height: 1.6rem;
}

.por-estate-price-type-panel .structured-item.active .structured_btn::after {
	display: none;
}

.por-estate-price-type-panel .btn-legend {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	padding: 0;
	background: transparent;
	border: 1px solid var(--krds-color-light-gray-40, #bbb);
	border-radius: 0.4rem;
	cursor: pointer;
}

.por-estate-price-type-panel .btn-legend:hover {
	background: var(--krds-color-light-gray-10, #f5f5f5);
	border-color: var(--krds-color-light-primary-60, #0066cc);
}

.por-estate-price-type-panel .btn-legend.is-active {
	background: var(--krds-color-light-primary-60, #0066cc);
	border-color: var(--krds-color-light-primary-60, #0066cc);
}

.por-estate-price-type-panel .btn-legend.is-active .ico-legend {
	filter: brightness(0) invert(1);
}

.por-estate-price-type-panel .btn-legend .ico-legend {
	width: 1.4rem;
	height: 1.4rem;
	display: inline-flex;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M3 5h2v14H3V5zm4 0h2v14H7V5zm4 0h2v14h-2V5zm4 0h6v2h-6V5zm0 4h6v2h-6V9zm0 4h6v2h-6v-2zm0 4h6v2h-6v-2z'/%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
}

.por-estate-price-type-panel .btn-legend:disabled {
	opacity: 0.35;
	cursor: default;
	pointer-events: none;
}

.por-estate-action-buttons {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	gap: 0 var(--krds-gap-3);
	margin-top: 1.2rem;
	flex-shrink: 0;
}

.por-sidebar-with-bottom {
	display: flex !important;
	flex-direction: column;
}

.por-sidebar-with-bottom .krds-tab-area {
	flex: 1 1 0;
	min-height: 0;
	height: auto !important;
}

.por-sidebar-bottom-buttons {
	display: flex;
	flex-direction: row;
	gap: 0 var(--krds-gap-3);
	padding: 1.2rem 1.6rem;
	flex-shrink: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.por-sidebar-bottom-buttons .por-estate-action-button {
	flex: 1;
	width: auto;
}

.por-estate-action-button {
	width: 50%;
	border: 0.1rem solid var(--krds-color-light-primary-40);
	border-radius: 0.2rem;
	background-color: #393984;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
}

.por-estate-action-button.secondary {
	background: #393984;
}

.por-estate-price-sublegend {
	margin-top: 8px;
}

/* 체크박스를 라디오 모양으로 표시 */
.por-estate-price-type-panel .tructured-2D-header .krds-form-check.medium > input[type="checkbox"] ~ label::before {
	border-radius: 50% !important;
}
.por-estate-price-type-panel .tructured-2D-header .krds-form-check.medium > input[type="checkbox"] ~ label::after {
	border-radius: 50% !important;
}