@charset "utf-8";

html,
body {
	font-weight: 500;
	color: #000;
}

#ca_wrap {
	padding: 0 16px;
}

.detail_section {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	z-index: 0;
}

#detail_view_banner {
	background-color: #FC3049;
}

.detail_view_banner_text {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 14px 0;
}

#case_top {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 16px;
}

.madang_lgo_small_black {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 4px 6px;
	background-color: #000;
}

.madang_lgo_small_black.gongmae {
	background-color: #7c56d5;
}

.madang_lgo_small_black>img {
	width: 46px;
}

.top_main_address.before {
	display: block;
	width: auto;
}

.top_sub_address {
	font-size: 13px;
	font-weight: 500;
	color: #3a3a3a;
	margin-right: 8px;
}

.top_sub_address_copy {
	font-size: 13px;
	color: #3281f9;
	cursor: pointer;
}

.top_sub_address_copy>i {
	font-size: 16px;
	margin-right: 2px;
}

.top_court_name {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.5);
	padding-left: 8px;
	padding-right: 8px;
}

.top_casenum {
	font-size: 13px;
	font-weight: 500;
	padding-right: 8px;
}

.top_main_address_row {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-top: 4px;
	padding-bottom: 4px;
}

.top_main_address {
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
}

#case_image_map_container {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 205px;
}

.case_image_container {
	width: 60%;
	height: 100%;
}

.case_image_swiper_container {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.case_image_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #eee;
}

.case_image_wrap>img {
	width: 100%;
	min-height: 100%;
}

.case_image_content_wrap {
	position: absolute;
	display: flex;
	align-items: center;
	top: 8px;
	left: 8px;
	z-index: 8;
}

.case_image_length {
	position: static;
	bottom: auto;
	width: auto;
	height: auto;
	font-size: 10px;
	color: #fff;
	padding: 6px 12px;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0.7);
	white-space: nowrap;
}

.load_image_modal {
	font-size: 10px;
	color: #fff;
	padding: 6px 12px;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0.7);
	margin-left: 4px;
}

.ca_img_next {
	right: 0;
	margin-top: 0;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;

	background-image: url(../images/icon/more_arrow_right_white.svg);
	background-size: 12px 24px;
}

.ca_img_prev {
	left: 0;
	margin-top: 0;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;

	background-image: url(../images/icon/more_arrow_left_white.svg);
	background-size: 12px 24px;
}

.case_map_container {
	position: relative;
	width: 38%;
	height: 100%;
	margin-left: auto;
	/* margin-left: 20px; */
	border: 1px solid #eee;
}

.case_map_button_wrap {
	position: absolute;
	display: flex;
	align-items: center;
	bottom: 8px;
	right: 8px;
	z-index: 2;
}

.case_map_button_wrap>button {
	color: #fff;
	font-size: 10px;
	padding: 6px 12px;
	border-radius: 16px;
	background-color: rgba(0, 0, 0, 0.7);
	margin-left: 4px;
}

.case_map_button_wrap>button>i {
	font-size: 14px;
	margin-right: 4px;
}

.open_modal_map_button {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	border: 1px solid #364653;
	border-radius: 4px;
	z-index: 9;
}

.link_case_navi {
	display: none;
}

#case_common_container {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 24px;
	padding-bottom: 24px;
}

#case_common_container>div {
	position: relative;
	display: flex;
	align-items: flex-start;
	align-self: stretch;
	flex-direction: column;
	flex-wrap: wrap;
}

.case_common_wrap {
	width: 53%;
}

.case_bid_wrap {
	width: 45%;
}

.case_common_title_wrap {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	width: 100%;
	height: 33px;
	/* padding-bottom: 12px; */
	border-bottom: 1px solid #ddd;
}

.case_common_title_wrap>small>i {
	font-size: 20px;
}

.case_common_title {
	display: inline-block;
	width: 50%;
	font-size: 16px;
	font-weight: 600;
}

.case_common_content_wrap {
	position: relative;
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	/* min-height: 50px; */
	min-height: 266px;
	padding-top: 20px;
	gap: 0 2%;
	/* height: calc(100% - 33px); */
}

.case_common_content_inner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 49%;
	padding-bottom: 14px;
}

.case_common_content_inner.hide {
	display: none;
}

.case_common_content_inner>span {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.case_common_content_title {
	font-size: 13px;
	color: #3a3a3a;
	opacity: 0.8;
}

.case_common_content_text {
	font-size: 14px;
	font-weight: 500;
}

.case_common_content_text>span {
	font-size: 14px;
}

.item_status:not([data-status-code="1"]) {
	color: #fc3049;
}

[data-status-code="60"] {
	color: #3281f9;
}

[data-status-code="40"] {
	color: #ba252b;
}

[data-status-code="30"] {
	color: #999;
}

.case_common_title[data-status-code="10"],
.mul_common_status[data-status-code="10"] {
	color: #3281f9;
}

.case_common_title[data-status-code="60"],
.mul_common_status[data-status-code="60"] {
	color: #3281f9;
}

.case_common_title[data-status-code="40"],
.mul_common_status[data-status-code="40"] {
	color: #ba252b;
}

.sub_cont_inner span {
	font-size: 13px;
}

.sub_cont_inner span.state.sold {
	font-size: 10px;
	padding: 2px 6px;
	background-color: rgba(252, 61, 70, 0.1);
	border-radius: 16px;
	font-size: 10px;
	color: #ba252b;
}

.sub_cont_inner span.state_low {
	font-size: 10px;
	color: #ba252b;
}

.sub_cont_inner span.low_price {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.7);
}

.bid_circle {
	position: relative;

	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 8px;

	border-radius: 50%;
	background-color: #999;
}

.common_special {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
	justify-content: flex-start;
	border-bottom: none;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-direction: initial;

	flex-wrap: wrap;
	justify-content: center;
}

.common_special>span {
	font-size: 14px;
}

.common_special>span:last-child {
	margin-right: 0;
}

.main_title {
	position: relative;

	margin-right: 12px;

	font-size: 22px;
	font-weight: 500;
	line-height: .8;

	white-space: nowrap;
}

.sub_title {
	position: relative;

	display: flex;
	padding-left: 16px;

	font-size: 15px;
	font-weight: 500;

	white-space: nowrap;

	align-items: center;
	white-space: nowrap;
}

/*상세 내비*/
#ca_nav {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 9;
	margin-bottom: 48px;
	transition: all .2s;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.ca_nav_container {
	height: 45px;
	box-sizing: border-box;
}

.ca_nav_wrapper {
	position: relative;

	display: flex;
	box-sizing: border-box;

	align-items: center;
}

.ca_nav_slide {
	width: 20%;
	height: 100%;

	text-align: center;
}

.ca_nav_slide>span {
	position: relative;

	display: inline-flex;
	height: 100%;

	font-size: 16px;

	cursor: pointer;
	/*transition: all .2s;*/

	color: #acacac;

	align-items: center;
}

.ca_nav_slide>span::before {
	position: absolute;
	bottom: 0;
	left: 50%;

	width: 0;
	height: 2px;

	content: "";
	/*transition: all .2s;*/
	transform: scale(0) translateX(-100%);

	background-color: #1d1d1d;
}

.ca_nav_slide>span.on::before {
	width: calc(100%);

	transform: scale(1) translateX(-50%);
}

.ca_nav_slide>span.on {
	font-weight: 700;

	color: #364653;
}

/* 리뉴얼중 */
.case_real_estate {
	margin-top: 20px;
}

#datail_login_container {
	position: absolute;
	top: -2px;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	min-height: 300px;
	height: 100%;
}

#datail_login_container::after {
	content: "";
	display: block;
	position: absolute;
	top: -200px;
	left: 0;
	width: 100%;
	height: 200px;
	opacity: 0.7;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 56.5%);
}

.datail_login_title {
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 24px;
}

.datail_login_subtitle {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 8px;
}

.datail_login_desc {
	font-weight: 300;
	color: #777;
	text-align: center;
}

.datail_login_button {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 14px 20px;
	margin-top: 40px;
	border-radius: 8px;
	background-color: #fc3049;
}

#ca_side {
	padding: 0;
	box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
}

.page_zoom_container {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: -50%;
	z-index: 1;
}

.page_zoom_tip_wrap {
	padding-bottom: 8px;
}

.page_zoom_tip_wrap>p {
	color: #565656;
}

.page_zoom_buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 4px 20px;
	border-radius: 8px;
	background-color: #f3f4f6;
}

.page_zoom_buttons>button {
	width: 32%;
	font-size: 14px;
	font-weight: 500;
	padding: 4px 0;
	border-radius: 8px;
	white-space: nowrap;
}

.page_zoom_buttons>button.active {
	color: #000;
	background-color: #fff;
}

.link_wrap {
	justify-content: flex-start;
	padding: 24px 16px 16px;
}

.link_inner {
	width: 25%;
}

/*.link_inner:nth-of-type(n+9) {*/
/*.link_inner:nth-of-type(n+7) {*/
/*display: none;*/
/*}*/
#ca_right .case_side_button_wrap {
	width: auto;
	/*padding: 0 16px;*/
	padding-top: 16px;
	margin: 0 16px;
	border-top: 1px solid #eee;
}

.case_view_count_wrapper {
	display: inline-flex;
	background-color: #f6f6f6;
	padding: 12px 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-top: none;
	overflow: hidden;
}

.case_view_count_inner {
	animation: text-scroll 15s linear infinite;
}

.case_view_count_inner>span {
	border-radius: 2px;
	padding-bottom: 1px;
	margin-right: 5px;
}

.case_view_count_inner>p {
	font-size: 12px;
}

@keyframes text-scroll {
	from {
		transform: translateX(90%);
		-moz-transform: translateX(90%);
		-webkit-transform: translateX(90%);
		-o-transform: translateX(90%);
		-ms-transform: translateX(90%);
	}

	to {
		transform: translateX(-90%);
		-moz-transform: translateX(-90%);
		-webkit-transform: translateX(-90%);
		-o-transform: translateX(-90%);
		-ms-transform: translateX(-90%);
	}
}

.link_more_btn {
	padding: 8px 0;
	margin-top: 16px;
	box-shadow: none;
}

.link_btn {
	border: 1px solid #efefef;
	box-shadow: none;
}

.link_btn>img {
	width: 28px;
	height: 28px;
}

#case_document_container {
	display: none;
}

.case_side_bottom {
	padding-top: 24px;
}

.right_banner_container {
	position: relative;
	width: 100%;
}

.mobile_banner_container {
	width: 100%;
}

.adsbymadang_banner_detail {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
}

.adsbymadang_banner_detail>img {
	max-width: 100%;
}

.detail_right_banner_slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: fit-content;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
}

.detail_right_banner_slide picture {
	display: flex;
	width: 100%;
	max-height: 200px;
}

.detail_right_banner_slide img {
	max-width: 100%;
}

.detail_left_banner {
	width: 100%;
}

.detail_left_banner_slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor: pointer;
	overflow: hidden;
}

.detail_left_banner_slide img {
	max-width: 100%;
}

.detail_left_banner_slide picture {
	width: 100%;
	max-height: 200px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.td_link_wrapper>a {
	display: block;
	width: 100%;
	color: #3281f9;
	/*text-decoration: underline;*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.td_link_wrapper>a:hover {
	text-decoration: underline;
}

#case_price_container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 16px 0;
	border: 1px solid #ddd;
	margin-top: 16px;
}

#case_price_container>div {
	padding: 0 16px;
	border-right: 1px solid #ddd;
}

#case_price_container>div:last-child {
	border-right: none;
}

.case_price_title {
	font-size: 13px;
}

.case_price_title_wrap,
.case_price_text_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.case_price_title_wrap {
	margin-bottom: 4px;
}

.case_price_text {
	font-size: 16px;
	font-weight: 600;
	margin-right: 8px;
}

.molit_sell_price_wrap,
.molit_rent_price_wrap {
	width: 50%;
}

.price_view_detail {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: #acacac;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 1px 2px 1px 6px;
	margin-left: 8px;
	cursor: pointer;
}

.eval_per {
	font-size: 10px;
	color: #fff;
	font-weight: 300;
	line-height: 1;
	padding: 2px 3px 2px 5px;
	border-radius: 16px;
	margin-left: 8px;
	background-color: #3281f9;
}

.low_price_wrap[data-status-code="40"] .eval_per {
	background-color: #ba252b;
}

.eval_per i {
	font-size: 14px;
}

.eval_price_wrap {
	width: 50%;
}

.low_price_wrap {
	width: 50%;
	color: #3281f9;
}

.low_price_wrap[data-status-code="40"] {
	color: #ba252b;
}

.case_price_title_wrap {
	margin-bottom: 4px;
}

.molit_common_price_wrap {
	width: 82%;
}

.case_price_text_label {
	font-size: 12px;
	color: #777;
	margin-right: 8px;
}

.molit_total_price_wrapper {
	/*width: 50%;*/
	width: 100%;
}

.molit_pyeong_price_wrapper {
	width: 50%;
}

.case_price_text {
	margin-right: 8px;
}

.sub_title.red::before {
	background-color: #ba252b;
}

.sub_title.black::before {
	background-color: #000;
}

/*상세페이지 버튼 재구성*/
.detail_side_button_container {
	margin: 0 16px;
}

.detail_side_button_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

#detail_bottom {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 999;
	display: none;
	width: 100%;
	/*height: 72px;*/
	padding: 12px 16px;
	background-color: #fff;
	box-shadow: 0 -1px 16px -3px rgb(0 0 0 / 24%);
	align-items: center;
	justify-content: center;
}

.detail_bottom_button_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
}

.detail_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 8px;
}

.consulting_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 14px;
	padding: 10px 12px;
	border-radius: 4px;
	background-color: gold;
	white-space: nowrap;
	margin-left: 12px;
}

.consulting_button::before {
	content: "BETA SERVICE";
	/*display: block;*/
	display: none;
	position: absolute;
	top: -1.2em;
	right: 0;
	width: max-content;
	font-size: 10px;
	color: #fc3049;
	padding: 0px 4px;
	border: 1px solid #fc3049;
	border-radius: 2px;
	background-color: #fff;
}

.toggle_viewport_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.toggle_viewport_icon {
	font-size: 24px;
}

.toggle_viewport_icon {
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

html[viewport="pc"] #detail_bottom {
	height: 18vw;
	padding: 0 1vw;
}

html[viewport="pc"] .cont_wrap {
	height: auto;
	padding: 10px 0;
}

html[viewport="pc"] #detail_bottom .toggle_viewport_button,
html[viewport="pc"] #detail_bottom .detail_button {
	width: 2.5em;
}

html[viewport="pc"] #detail_bottom .toggle_viewport_button,
html[viewport="pc"] #detail_bottom .detail_button,
html[viewport="pc"] #detail_bottom .consulting_button {
	height: 13vw;
	font-size: 5vw;
	font-weight: 500;
	padding: 0;
}

html[viewport="pc"] #detail_bottom .detail_button>img {
	width: 5vw;
	height: 5vw;
}

html[viewport="pc"] #detail_bottom .toggle_viewport_icon {
	font-size: 5vw;
}

html[viewport="pc"] .consulting_button::before {
	display: none;
}

#recommand_list {
	/*padding-top: 36px;*/
	padding-top: 12px;
}

#recommand_list .main_title {
	margin-right: 32px;
}

.madangs_ai {
	position: absolute;
	top: -6px;
	right: -28px;
	width: 22px;
	/*margin-right: 8px;*/
	/*margin-left: 8px;*/
}

.detail_list_container,
.recommand_list_container {
	width: 100%;
}

.mulgun-list,
.mulgun-list-detail_list,
.mulgun-list-recommand_list {
	width: 276px;
}

.detail_list-button-next,
.recommand_list-button-next {
	right: -20px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);
	padding: 1.8em;
	background-size: 12px 20px;
}

.detail_list-button-prev,
.recommand_list-button-prev {
	left: -20px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 1;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.16);
	padding: 1.8em;
	background-size: 12px 20px;
}

/* 멤버십 */
.membership_contents_container {
	width: 100%;
}

.membership_contents_container.mob {
	display: none;
}

.membership_black_label {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 2px 8px;
	margin-bottom: 4px;
	background-color: #000;
}

.membership_contents_title {
	font-size: 22px;
	font-weight: 600;
}

.membership_contents_subtitle_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.membership_contents_desc {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #9b9b9b;
	margin-top: 4px;
	cursor: help;
}

.membership_help_icon {
	font-size: 14px;
	color: #9b9b9b;
	cursor: help;
}

.membership_data_date {
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	background-color: #000;
}

.membership_help_tooltip {
	position: relative;
	padding: 20px;
}

.membership_help_title {
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 2px;
}

.membership_help_text {
	font-size: 13px;
	color: #9b9b9b;
	white-space: pre-line;
}

.case_price_title.mobile {
	display: none;
}

.detail_document_container {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.detail_document_wrapper {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 24px 12px;
}

.detail_document_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 25%;
}

.detail_document_button.new:not(:disabled)::after {
	content: "N";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -8px;
	right: 0;
	width: 15px;
	height: 15px;
	font-size: 10px;
	color: #fff;
	background-color: #fc3049;
	font-weight: 400;
	border-radius: 50%;
}

.detail_document_button_inner {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 60px;
}

.detail_document_wrapper>.detail_document_button:nth-of-type(n + 5) {
	margin-top: 16px;
}

.detail_document_image_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 90%;
	height: 100%;
	border: 1px solid #eee;
	border-radius: 4px;
}

.button_membership_label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90%;
	color: #fff;
	font-size: 10px;
	white-space: nowrap;
	padding: 1px 0;
	background-color: #000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.detail_document_image_wrapper>.material-symbols-outlined {
	font-size: 32px;
	font-variation-settings:
		"FILL" 0,
		"wght" 200,
		"GRAD" 0,
		"opsz" 48;
}

.detail_document_button>i {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border: 1px solid #eee;
	font-size: 28px;
	font-variation-settings:
		"FILL" 0,
		"wght" 200,
		"GRAD" 0,
		"opsz" 48;
}

.detail_document_button>span {
	font-size: 12px;
	color: #3a3a3a;
	margin-top: 4px;
}

.detail_document_button>small.scheduled {
	font-size: 10px;
	color: #3a3a3a;
}

.detail_link_container {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.detail_link_wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 12px;
}

.detail_link_wrapper>.detail_link_button:nth-of-type(n + 10) {
	display: none;
}

.detail_link_wrapper.active>.detail_link_button:nth-of-type(n + 10) {
	display: flex;
}

.detail_link_button {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	width: 33%;
	padding-left: 12px;
}

.detail_link_wrapper>.detail_link_button:nth-of-type(n + 4) {
	margin-top: 16px;
}

.detail_link_label {
	font-size: 10px;
}

.detail_link_label.naver {
	color: #03c75a;
}

.detail_link_label.court {
	color: #2C5EA2;
}

.detail_link_label.onbid {
	color: #003d7c;
}

.detail_link_text {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
}

.detail_link_text>i {
	font-size: 16px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.detail_link_more_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #f6f6f6;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	cursor: pointer;
}

.detail_link_more_button>i {
	font-size: 28px;
}

.detail_banner {
	display: none;
}

.banner_count_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 20px;
}

.banner_count_wrap .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	margin: 0 2px;
}

.detail_right_banner {
	width: 100%;
}

#detail_right {
	position: relative;
	width: 24%;
}

.detail_right_container {
	/* position: sticky;
	top: 20px; */
	margin-top: 20px;
}

.detail_top_button_container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.detail_top_button_container.mob {
	display: none;
	background-color: #fcfcfc;
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.detail_top_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
}

.detail_top_button>span {
	font-size: 14px;
	font-weight: 500;
}

.detail_top_button>.material-symbols-outlined {
	margin-right: 2px;
	font-size: 18px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.detail_top_button.favorite .material-symbols-outlined.active {
	color: red;
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.detail_view_count_wrapper {
	display: inline-flex;
	background-color: #f6f6f6;
	padding: 6px 0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: none;
	overflow: hidden;
}

.detail_view_count {
	width: 100%;
	font-size: 12px;
	text-align: center;
	animation: text-scrollv2 15s linear infinite;
}

.expert_section_header {
	padding-bottom: 16px;
}

.expert_section_title {
	font-size: 16px;
	font-weight: 700;
}

.expert_type_switch_wrapper {
	position: relative;
	display: flex;
	width: 100%;
	margin-bottom: 8px;
}

.expert_type_switch {
	display: inline-flex;
	gap: 8px;
	padding: 4px;
	margin-left: auto;
	background: #f5f5f5;
	border-radius: 8px;
}

.switch_button {
	padding: 4px 8px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	background: transparent;
	cursor: pointer;
	transition: all 0.2s ease;
}

.switch_button.active {
	background: #fff;
	color: #2A4BB4;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.expert_list_wrapper {
	position: relative;
	width: 100%;
}

.expert_card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 276px;
	height: auto;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	gap: 12px;
	cursor: pointer;
}

.expert_card:hover {
	background-color: #f5f6fa;
	border: 1px solid rgba(74, 107, 196, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.expert_card_top {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	gap: 8px;
}

.expert_card_image_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	overflow: hidden;
}

.expert_card_image_wrapper>img {
	width: 100%;
	height: 100%;
}

.expert_card_name_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.expert_card_name {
	font-size: 15px;
	font-weight: 700;
}

.expert_card_category {
	font-size: 13px;
	font-weight: 500;
	color: #A0A0A0;
}

.expert_card_comment {
	display: block;
	display: -webkit-box;
	font-size: 13px;
	font-weight: 500;
	color: #A0A0A0;
	height: 3.9em;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.expert_card_label_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	gap: 6px;
}

.expert_card_label {
	position: relative;
	display: flex;
	font-size: 11px;
	font-weight: 500;
	color: #2A4BB4;
	padding: 4px 12px;
	background-color: rgba(219, 234, 254, 0.6);
	border-radius: 10px;
}

.expert_card_button {
	margin-top: auto;
}

#expert_footer {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 20px 0;
	background-color: #f5f5f5;
}

#expert_footer .text_wrapper p {
	font-size: 13px;
	color: #A0A0A0;
	white-space: pre-line;
	word-break: keep-all;
}

@media screen and (max-width: 1024px) {
	.expert_list_wrapper {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
}

@media screen and (max-width: 600px) {
	#expert_banner {
		max-height: 240px;
		height: auto;
	}

	.expert_banner_wrapper>img {
		width: 100%;
		height: auto;
	}

	#expert_list {
		margin: 24px 0;
	}

	.expert_list_wrapper {
		grid-template-columns: repeat(1, 1fr);
		gap: 16px;
	}

	.expert_card {
		padding: 16px;
	}

	#expert_footer .text_wrapper p {
		font-size: 11px;
	}
}

@keyframes text-scrollv2 {
	from {
		transform: translateX(100%);
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		-o-transform: translateX(100%);
		-ms-transform: translateX(100%);
	}

	to {
		transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
	}
}

.detail_banner.mob {
	display: none;
	width: 100%;
}

.error_report_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	padding: 14px 0;
	border-radius: 4px;
	background-color: #364653;
}

.error_report_button.mob {
	display: none;
	width: calc(100vw - 32px);
	margin: 32px auto 0 auto;
}

.error_report_button>i {
	font-size: 20px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.favorite_memo_container {
	position: relative;
	width: 100%;
	height: 40px;
	border: 1px solid #eee;
	border-radius: 8px;
	margin-bottom: 20px;
}

.favorite_memo_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fvr_group_name {
	min-width: 32px;
	width: auto;
	max-width: 120px;
	font-size: 14px;
	color: #4d96ff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 8px;
}

input[name="favorite_memo"].fvr_memo {
	max-width: calc(100% - 120px);
	font-size: 14px;
	color: #777;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.favorite_memo_edit {
	display: flex;
	align-items: center;
	height: 100%;
	font-size: 14px;
	color: #acacac;
	white-space: nowrap;
	margin-left: auto;
	cursor: pointer;
}

.favorite_memo_edit_wrap {
	position: relative;
	display: none;
	align-items: center;
	height: 100%;
	margin-left: auto;
}

.favorite_memo_edit_wrap.active {
	display: flex;
}

.favorite_memo_edit_wrap>.favorite_memo_edit:last-of-type {
	margin-left: 8px;
}


.ca-txt-center-txt>span {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.ca-txt-center-txt.red {
	color: #ba252b;
}

.table_title_tooltip {
	vertical-align: text-bottom;
}

.keep-all {
	word-break: keep-all;
}

.membership_container {
	display: none;
}

.membership_container.active {
	display: block;
}

.detail_print {
	position: relative;
	display: inline-flex;
	align-self: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 500;
	color: #555;
	padding: 6px 14px;
	background-color: #FAFAFA;
	border: 1px solid #eee;
	border-radius: 6px;
	margin-left: auto;
}

.detail_print>i {
	font-size: 16px;
	margin-right: 4px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.sub_title_btn_wrap {
	position: relative;
	display: flex;
}

.sub_title_btn_wrap>button {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	color: #364653;
	padding: 6px 12px;
	border: 1px solid #364653;
	border-radius: 4px;
	margin-left: 4px;
}

.sub_title_btn_wrap>button>img {
	width: 13px;
	height: 16px;
	margin-right: 4px;
}

.sub_title_btn_wrap>button>i {
	font-size: 16px;
	margin-right: 4px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.sub_title_toggle_btn_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	/*border: 1px solid #ddd;*/
}

.sub_title_toggle_btn_wrap>button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	margin-left: 0;
	padding: 4px 8px;
	border: 1px solid #eee;
	border-radius: 0;
	/*border-right: 1px solid #ddd;*/
}

.sub_title_toggle_btn_wrap>button:not(:first-of-type) {
	border-left: none;
}

.sub_title_toggle_btn_wrap>button.active {
	color: #fff;
	background-color: #3281f9;
	border: 1px solid #3281f9;
}

.move_to_madangs_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	margin-left: 0;
	padding: 8px 12px;
	border: 1px solid #eee;
	border-radius: 4px;
	background-color: #f5f6fa;
}

.move_to_madangs_button>i {
	font-size: 16px;
	margin-right: 4px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.viewport_pc_container {
	position: fixed;
	display: none;
	align-items: center;
	justify-content: center;
	top: 20px;
	left: 50%;
	width: calc(100vw - 200px);
	transform: translateX(-50%);
	background-color: #fc3049;
	border-radius: 40px;
	z-index: 104;
}

.viewport_mobile_button {
	color: #fff;
	font-size: 40px;
	text-decoration: underline;
	padding: 0.3em;
}

html[viewport="pc"] .viewport_pc_container {
	display: flex;
}

.personal_recommand_feedback {
	position: fixed;
	display: none;
	width: 100%;
	bottom: 12px;
	z-index: 99999;
}

.personal_recommand_feedback_inner {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: fit-content;
	padding: 24px;
	margin: 0 auto;
	/* background-color: #fff; */
	background-color: #f5f6fa;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.personal_recommand_feedback_close_button {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 20px;
	color: #777;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.personal_recommand_feedback_title {
	font-size: 16px;
	font-weight: 600;
}

.personal_recommand_button_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 8px 0;
}

.personal_recommand_button {
	border: 1px solid #ccc;
	/* color: #777; */
	padding: 8px 12px;
	margin: 0 4px;
	border-radius: 4px;
	background-color: #fff;
}

.personal_recommand_feedback_desc {
	font-size: 12px;
}

.personal_recommand_feedback_desc>.point {
	color: #007DF7;
	font-weight: 600;
}

.membership_list_empty_result {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.membership_list_empty_result>img {
	width: 300px;
	margin-bottom: 20px;
}

.membership_list_empty_result>span {
	text-align: center;
	color: #999;
}

.membership_list_empty_result>button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 36px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	background-color: #000;
	margin-top: 8px;
}

table.tablev2 {
	width: 100%;
	border: none;
}

.tablev2 tr,
.tablev2 th,
.tablev2 td {
	border: none;
}

.tablev2 .bb {
	border-bottom: 1px solid #eee;
}

th.tablev2_title {
	font-size: 13px;
	font-weight: 400;
	color: #999;
	text-align: center;
	padding: 12px 4px;
	background-color: #F8F9FB;
	border: none;
}

td.tablev2_desc {
	font-size: 13px;
	color: #000;
	padding: 18px 4px;
	background-color: #fff;
	white-space: normal;
	/* 사파리에서 강제 줄바꿈 */
}

.tablev2_desc>.gray {
	color: #999;
}

.tablev2_desc>.small {
	font-size: 12px;
}

.item_status:not([data-status-code="1"]) {
	color: #fc3049;
}

.tac {
	text-align: center;
}

.tar {
	text-align: right;
}

.tal {
	text-align: left;
}

.wsn {
	white-space: nowrap;
}

.table_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 4px;
	white-space: nowrap;
	background-color: #f5f6f7;
	margin: 0 auto;
}

.table_button:hover {
	background-color: #e5e7eb;
}

.table_button>img {
	margin-right: 4px;
}

.eval_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	font-size: 13px;
	padding: 4px;
	border-radius: 4px;
	white-space: nowrap;
	background-color: #f5f6f7;
}

.eval_button:hover {
	background-color: #e5e7eb;
}

.eval_button>img {
	margin-right: 4px;
}

.text_content_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 16px;
	margin-bottom: 24px;
	border-radius: 8px;
	background-color: #F8FBFF;
}

.text_content_wrapper.gray {
	background-color: #F9FAFB;
}

.text_content_title {
	font-size: 13px;
	font-weight: 600;
	padding-bottom: 16px;
}

.text_content_text {
	font-size: 13px;
	color: #6B7684;
}

.text_content_more_button {
	position: relative;
	display: inline-flex;
	justify-content: flex-end;
	width: fit-content;
	text-decoration: underline;
	margin-left: auto;
	padding: 8px 12px;
}

.unit-toggle {
	position: relative;
	display: flex;
	align-items: center;
	padding: 4px;
	background-color: #e5e7eb;
	border-radius: 8px;
	width: 70px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.unit-button {
	flex: 1;
	text-align: center;
	padding: 4px 0;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	border-radius: 8px;
	z-index: 1;
}

.unit-m {
	color: #6b7280;
}

.unit-p {
	color: #6b7280;
}

.unit-slider {
	position: absolute;
	width: calc(50% - 4px);
	height: calc(100% - 4px);
	background-color: white;
	border-radius: 8px;
	transition: transform 0.3s ease;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 0;
}

.unit-toggle[data-selected="p"] .unit-slider {
	transform: translateX(100%);
}

.unit-toggle[data-selected="m"] .unit-slider {
	transform: translateX(0);
}

.unit-toggle[data-selected="m"] .unit-m {
	color: #111827;
}

.unit-toggle[data-selected="p"] .unit-p {
	color: #111827;
}

.ca_items_common {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
}

.ca_items_common>div {
	width: 50%;
	padding: 16px;
	border-radius: 8px;
	background-color: #F8FBFF;
}

.ca_items_common_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.ca_items_common_inner.title {
	border-bottom: 1px solid #eee;
}

.ca_items_common_inner>span {
	display: flex;
	align-items: center;
	color: #6B7684;
	padding: 10px;
}

.ca_items_common_inner>span>small {
	font-size: 12px;
	margin-left: 4px;
}

.ca_items_common_inner.title>span {
	color: #000;
}

.eum_link,
.regist_pdf,
.building_pdf,
.building_img {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	font-size: 13px;
	font-weight: 400;
	margin-left: auto;
	margin-top: 8px;
	background-color: #f5f6f7;
	padding: 6px 10px;
	border-radius: 4px;
}

.regist_pdf {
	margin-right: auto;
}

.eum_link:hover,
.regist_pdf:hover,
.building_pdf:hover,
.building_img:hover {
	background-color: #e5e7eb;
}

.eum_link>img,
.regist_pdf>img,
.building_pdf>img,
.building_img>img {
	width: 14px;
	margin-right: 2px;
}

.items_clamp_text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* 보여줄 줄 수 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* 잘린 부분에 ... 표시 */
}


.items_read_more {
	background-color: #d1d5db;
	border: none;
	padding: 4px 8px;
	font-size: 12px;
	color: #374151;
	cursor: pointer;
	border-radius: 4px;
}

.underline {
	text-decoration: underline;
	cursor: pointer;
}

.table_more_button {
	display: flex;
	width: 100%;
	height: 40px;
	padding: 10px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 8px;
	background: #F9FAFB;
	color: #000;
	font-size: 13px;
	font-weight: 600;
	margin-top: 16px;
	cursor: pointer;
	transition: background 0.3s ease, color 0.3s ease;
}

/* ✅ hover 시 변경되는 스타일 */
.table_more_button:hover {
	background: #E5E7EB;
	/* 더 진한 회색 */
	color: #111827;
	/* 좀 더 진한 글자색 */
}

#same_address_sold_list {
	width: 100%;
}

.detail_banner_mob_container {
	width: 100%;
}

.sub_cont_wrap p.tablev2_bottom_desc,
.tablev2_bottom_desc {
	font-size: 12px;
	font-weight: 400;
	color: #999;
}

.blind_list_container .mul_list::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(54, 70, 83, 0.8);
	z-index: 2;
}

.blind_list_container .mul_list::after {
	content: "멤버십 전용";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 42px;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 2;
}

.blind_list_container .mul_top_wrapper {
	display: none;
}

.npl_company_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 13px;
}

.npl_company_inner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

.npl_company_label {
	color: #2B80EB;
	font-weight: 600;
	margin-right: 8px;
}

.npl_company_content {
	font-weight: 600;
}

.npl_company_button {
	font-size: 13px;
	font-weight: 500;
	margin-left: auto;
	white-space: nowrap;
	background-color: #fff;
	padding: 6px 8px;
	border-radius: 4px;
	border: 1px solid #f3f4f5;
	transition: all .2s;
}

.npl_company_button:hover {
	background-color: #f3f4f5;
}

/* 관심도 */
.popup_container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: baseline;
	width: 100%;
	height: 100%;
	padding: 24px 12px;
	background-color: #f8fafc;
}

.populariy_top {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	width: 100%;
	gap: 4px;
	margin-bottom: 24px;
	padding: 0 12px;
}

.top_title {
	font-size: 24px;
	font-weight: 600;
	color: #1e293b;
}

.top_date {
	font-size: 14px;
	color: #64748b;
}

.card_container {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	width: 100%;
}

.card {
	position: relative;
	width: 100%;
	border-radius: 12px;
	padding: 24px 16px;
	background-color: #fff;
	border: 1px solid #e5e7eb;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card.half {
	grid-column: span 2;
}

.card.full {
	grid-column: 1 / -1;
}

.card.h400 {
	max-height: 400px;
	min-height: 300px;
}

.card.h300 {
	max-height: 300px;
	min-height: 250px;
}

.card_header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 8px;
	margin-bottom: 16px;
}

.card_sub_title {
	font-size: 14px;
	font-weight: 600;
	color: #767676;
	border: none;
	padding-left: 0;
	height: auto;
	line-height: 1.3;
}

.card_sub_title_icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	font-size: 16px;
	font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
	border-radius: 50%;
	margin-left: auto;
}

.card_sub_title_icon.blue {
	color: #2563eb;
	background-color: #dbeafe;
}

.card_sub_title_icon.green {
	color: #16a34a;
	background-color: #dcfce7;
}

.card_sub_title_icon.purple {
	color: #9333ea;
	background-color: #ede9fe;
}

.card_sub_title_icon.orange {
	color: #f59e0b;
	background-color: #fef3c7;
}

.card_sub_title_icon.red {
	color: #dc2626;
	background-color: #fecaca;
}

.card_body {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.card_body_item_value {
	font-size: 24px;
	font-weight: 600;
}

.statistics-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14px;
	background: #fff;
	/* border-radius: 16px; */
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.statistics-table th,
.statistics-table td {
	border-bottom: 1px solid #e5e7eb;
	padding: 12px 8px;
	text-align: center;
}

.statistics-table th {
	background: #f3f4f6;
	font-weight: 700;
	color: #2563eb;
	border-top: 1px solid #e5e7eb;
}

.statistics-table tbody tr:last-child td {
	border-bottom: none;
}

.statistics-table tbody tr:nth-child(even) {
	background: #f9fafb;
}

.statistics-table-total {
	background: #f1f5ff !important;
	font-weight: 700;
	color: #1d4ed8;
	border-top: 2px solid #2563eb;
}

.statistics-table td,
.statistics-table th {
	transition: background 0.2s;
}

.statistics-table tr:hover td:not(.statistics-table-total) {
	background: #e0e7ff;
}

.statistics-table {
	/* border-radius: 16px; */
	overflow: hidden;
}

.chart-dl-btn>i {
	font-size: 20px;
	font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48;
}

/* 차트 액션 버튼 통일 스타일 */
.chart-action-buttons {
	position: absolute;
	display: none;
	top: 12px;
	right: 16px;
	z-index: 2;
	gap: 6px;
}

.chart-action-buttons button {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8fafc;
	border: none;
	border-radius: 6px;
	width: 28px;
	height: 28px;
	cursor: pointer;
	font-size: 1.2rem;
	transition: background 0.15s;
	/* color: #333; */
}

.chart-action-buttons button:hover {
	background: #e0e7ef;
}

.chart-action-buttons .material-symbols-outlined {
	font-size: 20px;
	/* color: #333; */
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
}

.stat-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 12px;
}

.trend-pattern-section {
	padding: 16px;
	background: #f8fafc;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
}

.trend-pattern-header {
	margin-bottom: 12px;
}

.trend-pattern-title {
	font-size: 16px;
	font-weight: 600;
	color: #1e293b;
	margin: 0;
}

.trend-pattern-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.trend-pattern-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 12px;
	background: white;
	border-radius: 6px;
	border: 1px solid #e2e8f0;
}

.trend-pattern-item.highlight {
	background: #fef2f2;
	border-color: #fee2e2;
}

.trend-pattern-item.insight {
	background: #f0fdf4;
	border-color: #dcfce7;
}

.trend-pattern-label {
	font-size: 14px;
	font-weight: 500;
	color: #64748b;
}

.trend-pattern-value {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 14px;
	font-weight: 600;
	color: #1e293b;
}

.membership_icon {
	width: 14px;
}

.trend-pattern-item.highlight .trend-pattern-value {
	color: #dc2626;
}

.detail_popularity {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 12px;
	padding: 16px;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.detail_popularity_list {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.detail_popularity_list:last-child {
	border-bottom: none;
}

.detail_popularity_list.title {
	border-bottom: none;
}

.detail_popularity_list.progress-container {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.detail_popularity_list_title {
	font-size: 13px;
	font-weight: 400;
}

.detail_popularity_list_text {
	font-size: 14px;
	font-weight: 600;
}

.detail_popularity_list_title.big {
	font-size: 18px;
	font-weight: 600;
}

.detail_popularity_list_text.big {
	font-size: 20px;
	font-weight: 700;
}

.detail_popularity_list_text.small {
	font-size: 12px;
	font-weight: 400;
	color: #64748b;
}

.detail_popularity_list_text.bold {
	font-weight: 600;
}

.insight-group {
	padding: 12px;
	border-radius: 8px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
}

.risk-group {
	background: #fef2f2;
	border-color: #fee2e2;
}

.opportunity-group {
	background: #f0fdf4;
	border-color: #dcfce7;
}

.progress-bar {
	width: 100%;
	height: 6px;
	background: #e2e8f0;
	border-radius: 3px;
	overflow: hidden;
	margin: 6px 0 4px 0;
}

.progress-bar-fill {
	height: 100%;
	border-radius: 3px;
	transition: width 0.3s ease;
}

.interest-rate {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	margin-top: 2px;
}

.trend-indicator {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
}

.trend-up {
	background: #dcfce7;
	color: #059669;
}

.trend-down {
	background: #fee2e2;
	color: #dc2626;
}

.trend-neutral {
	background: #f1f5f9;
	color: #64748b;
}

.error_report_banner_left {
	display: none;
}

.boundary-slider-wrapper {
	position: relative;
	width: 100%;
	overflow: auto;
}

.boundary-slider-container {
	position: relative;
	width: 100%;
	padding: 16px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	margin-top: 8px;
}

.slider-desc {
	font-size: 12px;
	color: #8b95a1;
	margin-bottom: 20px;
}

.slider-main-town {
	font-size: 15px;
	font-weight: 600;
	color: #3182f6;
	margin-top: 48px;
	/* 라벨 공간 확보 */
}

/* noUiSlider 토스 스타일 */
#customSlider {
	position: relative;
	width: calc(100% - 24px);
	height: auto;
	border: none;
	box-shadow: none;
	background-color: #fff;
	margin: 0 auto;
}

.noUi-base {
	height: auto;
}

.noUi-connects {
	border-radius: 2px;
	height: 4px;
	background: #e5e8eb;
	overflow: hidden;
}

.noUi-connect {
	background: #3182f6;
}

.noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	right: -10px;
	top: -8px;
	background: #fff;
	border: 2px solid #3182f6;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: all 200ms ease;
}

.noUi-horizontal .noUi-handle:hover {
	transform: scale(1.08);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.noUi-handle:before,
.noUi-handle:after {
	display: none;
}


/* 핍스(라벨+마커) 컨테이너 */
.noUi-pips {
	position: relative;
	padding: 0;
	height: 30px;
	left: 0;
	top: 0;
	margin-top: 0;
}

.noUi-marker {
	width: 10px !important;
	height: 10px !important;
	background-color: #e5e8eb !important;
	border-radius: 50% !important;
	position: absolute !important;
	top: -7px !important;
	/* 위로 올림 */
	transform: translateX(-50%) !important;
}

.noUi-marker-large {
	width: 10px !important;
	height: 10px !important;
}

.noUi-marker-active {
	background-color: #3182f6 !important;
	/* 파란색 */
}


/* 라벨 스타일링 */
.noUi-value {
	position: absolute;
	text-align: center;
	white-space: nowrap;
	color: #8b95a1;
	font-size: 12px;
	font-weight: 500;
	padding-top: 4px;
}

.noUi-value[data-value="0"] {
	transform: translate(-10%, 50%);
}

.noUi-value[data-value="4"] {
	transform: translate(-90%, 50%);
}

.noUi-value-active {
	color: #3182f6;
	font-weight: 600;
}

/* 반응형 */
.ui-slider label {
	display: block;
	position: absolute;
	box-sizing: border-box;
	margin-top: 18px;
	text-align: center;
	padding: 0;
	font-size: 15px;
	font-weight: 500;
	color: #6b7280;
	left: 0;
	width: 80px;
	transform: translateX(-50%);
	pointer-events: none;
}

.ui-slider label.active {
	color: #2563eb;
	font-weight: 700;
	font-size: 16px;
}

.ui-slider label:before {
	display: block;
	position: absolute;
	content: '';
	width: 2px;
	background-color: #e0e7ef;
	height: 12px;
	top: -12px;
	left: 50%;
	margin-left: -1px;
}

.ui-slider label.active:before {
	background-color: #2563eb;
}

#sliderTownCount {
	color: #2563eb;
	text-decoration: underline;
	cursor: pointer;
}

.statistics_list_wrapper {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	gap: 8px;
}

#statistics_use_type_text {
	color: #3182f6;
}

.load_more_btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	grid-column: 1 / -1;
	background-color: #364653;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	border: none;
	border-radius: 4px;
	box-shadow: none;
	padding: 10px 48px;
	margin: 0 auto;
	cursor: pointer;
	transition: all .2s;
}

.load_more_btn:hover {
	color: #fff;
	background-color: #000;
}

@media screen and (max-width: 1200px) {
	#ca_wrap {
		padding: 0;
	}

	#case_top {
		padding: 0 16px;
	}

	.top_main_address.before {
		width: auto;
	}

	.case_map_container {
		margin-left: 0;
	}


	#detail_right {
		display: none;
	}

	.detail_top_button_container.mob {
		display: flex;
	}

	.error_report_button.mob {
		display: flex;
	}

	#case_price_container {
		padding: 24px 16px;
	}

	#case_document_container {
		display: block;
		width: 100%;
		padding: 0 16px 24px;
		margin-top: 24px;
	}

	.case_document_wrapper {
		position: relative;
		border: 1px solid #efefef;
		border-radius: 8px;
	}

	.link_wrap {
		padding: 24px 20px;
		border-top: none;
	}

	.link_inner {
		width: 25%;
	}

	.link_btn {
		width: 85%;
	}

	.case_view_count_wrapper {
		margin-top: 0;
	}

	.case_view_count_inner {
		padding: 0;
		border: none;
	}

	.case_view_count_inner>p {
		font-size: 16px;
	}

	#bid_result_container,
	#case_notes_container {
		padding: 0 16px;
	}

	.consulting_button {
		padding: 12px;
	}

	.detail_list-button-next,
	.detail_list-button-prev,
	.recommand_list-button-next,
	.recommand_list-button-prev {
		display: none;
	}

	.detail_banner.mob {
		display: block;
		padding-bottom: 16px;
	}

	.adsbymadang_banner_detail {
		border-radius: 0;
	}

	.detail_print {
		display: none;
	}

	.detail_banner_mob_container {}

	.plan_banner_mob {
		padding-bottom: 24px;
	}

	.case_notes_wrapper .sub_title_wrap {
		padding-top: 24px;
	}

	.error_report_banner_left {
		display: flex;
	}

	.detail_left_banner_slide {
		border-radius: 0;
	}
}

@media screen and (max-width: 1024px) {
	#ca_nav.fixed {
		box-shadow: 0 1px 16px 3px rgba(0, 0, 0, .12);
	}
}

@media screen and (max-width: 888px) {
	#case_document_container {
		margin-top: 0;
	}

	#case_price_container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-content: space-around;
		border: none;
		padding: 0 16px;
	}

	#case_common_container {
		padding-bottom: 0;
	}

	.case_price_title_wrap,
	.case_price_text_wrap {
		justify-content: flex-start;
	}

	.case_price_title_wrap {
		margin-bottom: 0;
	}

	.case_price_title.pc {
		display: none;
	}

	.case_price_title.mobile {
		display: inline-block;
	}

	#case_price_container>div {
		border-right: none;
		padding: 0;
	}

	#case_price_container>div:nth-child(3),
	#case_price_container>div:nth-child(4) {
		padding-top: 16px;
	}

	.molit_common_price_wrap {
		width: 100%;
	}

	.consulting_button {
		font-size: 16px;
		font-weight: 500;
	}
}

@media screen and (max-width: 768px) {

	#case_common_container>div {
		width: 100%;
	}

	.case_common_content_wrap {
		width: 100%;
		height: auto;
		min-height: inherit;
	}

	.membership_contents_container {
		display: none;
	}

	.membership_contents_container.mob {
		display: block;
	}

	.membership_help_tooltip {
		padding: 16px 12px;
	}

	.membership_help_title {
		font-size: 12px;
	}

	.membership_help_text {
		font-size: 12px;
	}
}

@media screen and (max-width: 600px) {
	.madang_lgo_small_black>img {
		width: 36px;
	}

	.top_court_name,
	.top_casenum {
		font-size: 12px;
	}

	.top_main_address.before {
		display: inline;
	}

	.top_main_address {
		display: inline;
	}

	.top_sub_address {
		font-size: 12px;
		font-weight: 400;
		opacity: 0.8;
	}

	.top_sub_address_copy {
		font-size: 12px;
	}

	#case_image_map_container {
		height: 216px;
	}

	.case_image_length {
		font-size: 10px;
		padding: 4px 8px;
	}

	.load_image_modal {
		font-size: 10px;
		padding: 4px 8px;
		margin-left: 6px;
	}

	.case_map_button_wrap {
		bottom: 8px;
		right: 8px;
	}

	.case_map_button_wrap>button {
		font-size: 10px;
		padding: 4px 8px;
	}

	.common_special>span {
		font-size: 14px;
	}


	#datail_login_container::after {
		top: -100px;
		height: 100px;
	}

	.datail_login_title {
		font-size: 24px;
	}

	.case_view_count_inner>p {
		font-size: 12px;
	}

	#case_price_container>div {
		white-space: nowrap;
	}

	.case_price_title {
		font-size: 13px;
		white-space: nowrap;
	}

	.main_title {
		font-size: 28px;
	}

	.favorite_memo_container {
		height: 32px;
	}

	.fvr_group_name {
		font-size: 12px;
	}

	input[name="favorite_memo"].fvr_memo {
		max-width: calc(100% - 60px);
		font-size: 12px;
	}

	.favorite_memo_edit {
		font-size: 12px;
	}

	.sub_title_btn_wrap>button {
		font-size: 12px;
	}

	.membership_list_empty_result>img {
		width: 200px;
	}

	.ca_items_common {
		flex-wrap: wrap;
	}

	.ca_items_common>div {
		width: 100%;
	}

	.tablev2 tr,
	.tablev2 th,
	.tablev2 td {
		border: none;
	}

	.tablev2 .bb {
		border-bottom: 1px solid #eee;
	}

	tr.tablev2_mob_tr {
		padding: 16px 0;
	}

	th.tablev2_mob_title {
		font-size: 13px;
		font-weight: 400;
		color: #999;
		text-align: left;
		border: none;
		white-space: nowrap;
		padding: 16px 0;
	}

	td.tablev2_mob_desc {
		font-size: 13px;
		color: #000;
		background-color: #fff;
		padding: 16px 0;
	}

	.tablev2_mob_desc>.gray {
		color: #999;
	}

	.tablev2_mob_desc>.small {
		font-size: 12px;
	}

	.ca_items_mob_title_tr {
		background-color: #F8F9FB;
	}

	.ca_items_mob_title {
		text-align: center;
		padding: 10px 0;
	}

	.padding_row {
		padding: 8px 0;
	}

	.text_content_wrapper {
		width: calc(100vw - 32px);
	}

	.regist_pdf {
		margin-right: 0;
	}

	.npl_company_wrapper {
		flex-wrap: wrap;
	}

	.npl_company_label {
		margin-right: 0;
	}

	.npl_company_content {
		margin-left: auto;
	}

	.npl_company_button {
		margin-left: auto;
		margin-top: 8px;
	}

	.ca-notice {
		font-size: 13px;
	}
}

:root {
	--swiper-pagination-color: #000;
}