@charset "utf-8";

#filter_setting_container,
#search_filter,
#pc,
.rows_count_container {
	display: none;
}

.sub_navi {
	/* position: relative;
	top: 0; */
}

#toast-container>div {
	opacity: 1;
}

#search_filter_header {
	display: block;
	background-color: #fff;
	z-index: 3;
}

#filter_setting_container {
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 3;
}

.search_filter_header_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 20px 0;
}

.search_filter_bottom_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #f0f0f0;
}

.search_filter_bottom_title {
	position: relative;
	font-size: 12px;
	font-weight: 500;
	color: #364653;
	padding: 8px 10px;
	background-color: #ebebeb;
	border-radius: 2px;
	margin-right: 8px;
}

.search_filter_bottom_title>span {
	vertical-align: middle;
}

.search_filter_bottom_title>.blue {
	margin: 0 3px;
}

.search_filter_bottom_title>i {
	font-size: 18px;
	vertical-align: middle;
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.search_filter_bottom_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
	width: 110px;
	height: 40px;
	color: #fff;
	border-radius: 3px;
	background: #2b80eb;
}

.search_filter_bottom_button.change {
	border: 2px solid #364653;
}

.search_filter_bottom_button.change::before {
	content: attr(data-count);
	display: block;
	position: absolute;
	top: -8px;
	right: -8px;
	width: 16px;
	height: 16px;
	font-size: 12px;
	font-weight: 600;
	color: #364653;
	border-radius: 50%;
	border: 2px solid #364653;
	background-color: #fff;
}

.search_filter_button.change {
	color: #2b80eb;
	background-color: #EBF3FE;
	border: 1px solid #2b80eb;
}

.search_filter_button.change::before {
	content: attr(data-count);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -4px;
	right: -4px;
	width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: 400;
	color: #2b80eb;
	border-radius: 50%;
	border: 1px solid #2b80eb;
	background-color: #fff;
}

.search_filter_bottom_button>i {
	font-size: 20px;
	color: #fff;
	margin-right: 4px;
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.search_filter_bottom_button>span {
	font-size: 14px;
	font-weight: 600;
}

.list_check_all_label {
	padding: 4px;
	cursor: pointer;
}

.search_list .round-checkbox {
	padding: 4px;
	cursor: pointer;
}

.sort_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	padding: 4px;
}

.sort_button.active {
	font-weight: 500;
	color: #2B80EB;
}

.sort_button:hover {
	border-radius: 4px;
	;
	background-color: #f2f2f2;
}

.sort_button>img {
	margin-left: 4px;
}


#search_card_wrapper {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

#search_card_wrapper>.mul_list {
	width: 100%;
}

#pagination {
	margin: 30px 0;
}

.search_list_title {
	position: relative;
	display: flex;
	align-items: center;
	padding: 12px 0;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	background: #FAFAFA;
	gap: 27px;

}

.search_list_title>div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	text-align: center;
}

.search_list_title>div:nth-of-type(1) {
	width: 30px;
}

.search_list_title>div:nth-of-type(2) {
	width: 140px;
}

.search_list_title>div:nth-of-type(3) {
	width: 130px;
}

.search_list_title>div:nth-of-type(4) {
	width: 350px;
}

.search_list_title>div:nth-of-type(5) {
	width: 170px;
}

.search_list_title>div:nth-of-type(6) {
	width: 130px;
}

.search_list_title>div:nth-of-type(7) {
	width: 60px;
}



#subfilter_container {
	position: relative;
	display: flex;
	align-items: baseline;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0;
	/* margin-top: 24px; */
	/* z-index: 104; */
}

.subfilter_wrapper {
	margin-left: auto;
}

.result_row_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	align-self: center;
}

.result_row {
	color: #6B7684;
	font-size: 14px;
}

.sort_select {
	display: none;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #767676;
	padding-left: 12px;
	padding-right: 24px;
	margin-left: auto;
	border: none;
	border-radius: 8px;
	background-color: #f8f8f8;
}

.pc_sort_button {
	display: block;
}

.pc_sort_select {
	display: block;
}

.pc_sort_select:hover {
	background-color: #f2f2f2;
}

.sort_select::after {
	border-bottom: 1px solid #767676;
	border-right: 1px solid #767676;
}

.sort_select .list {
	left: inherit;
	right: 0;
}

.filter_swiper_container {
	z-index: 4;
	overflow: visible;
}

.filter_swiper_slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 38px;
	font-size: 12px;
	color: #767676;
	padding: 0 12px;
	margin-right: 8px;
	background-color: #f8f8f8;
	border-radius: 8px;
	border: none;
}

.filter_swiper_slide:hover {
	background-color: #f2f2f2;
}

.filter_swiper_slide>.filter_icon_img {
	width: 17px;
	margin-right: 2px;
}

.filter_swiper_slide.arrow_wrapper {
	padding-right: 8px;
}

.filter_swiper_slide:not(.theme_select).active {
	color: #2b80eb;
	background-color: #EBF3FE;
	border: 1px solid #2b80eb;
}

.filter_swiper_slide:last-child {
	margin-right: 0;
}

.filter_swiper_slide.pc_sort_button {
	padding: 0;
}

.search_filter_button {
	display: none;
	color: #2b80eb;
	background-color: #EBF3FE;
}

.filter_swiper_icon {
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-size: 20px;
}

.search_filter_button_icon {
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-size: 16px;
	margin-right: 2px;
}

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

.date_picker_icon {
	font-size: 18px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.filter_icon {
	font-size: 18px;
	margin-right: 4px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.filter_arrow {
	font-size: 18px;
	font-variation-settings:
		"FILL" 0,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}


#search_filter {
	position: sticky;
	top: 81px;
	/* position: relative; */
	display: flex;
	width: 100%;
	margin: 0 auto;
	max-width: 1200px;
	z-index: 104;
}

#search_filter_container {
	position: absolute;
	display: none;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 100vw;
	max-height: 100%;
	margin-top: 0;
	z-index: 9;
	background-color: #fff;
}

#search_filter_container.active {
	display: block;
}

#search_filter_wrapper {
	/* position: relative; */
	/* background-color: #fff; */
}

.search_filter_top {
	position: relative;
	display: none;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-top: 32px;
	margin-bottom: 32px;
}

.search_filter_title {
	width: 100%;
	font-size: 24px;
	font-weight: 600;
	margin-left: 16px;
}

.filter_close_button {
	position: absolute;
	left: 0;
	display: none;
	cursor: pointer;
}

#filter {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	height: calc(100vh - 83px);
	max-height: 100vh;
	padding: 0 16px;
	overflow: auto;
	background-color: #fff;
}

.myfilter_container {
	position: sticky;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	top: 0;
	width: 276px;
	height: fit-content;
	padding: 24px 16px;
	background-color: #fafafa;
	z-index: 10;
}

.filter_container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 292px);
}

.filter_container::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: calc(100% - 48px);
	background-color: #ebebeb;
}

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

.myfilter_subtitle {
	font-style: 12px;
	color: #777;
	padding-top: 4px;
}

.myfilter_wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.myfilter_swiper_container {
	position: relative;
	width: 100%;
	height: 220px;
	margin-top: 24px;
}

.myfilter {
	position: relative;
	width: 49%;
	height: 40px;
	font-size: 14px;
	text-align: center;
	color: #777;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.myfilter.empty {
	color: #ddd;
	border: 2px dotted #ddd;
	cursor: no-drop;
}

.myfilter.active {
	color: #2b80eb;
	border: 1px solid #2b80eb;
}

.myfilter_button_wrapper {
	position: relative;
	display: none;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 24px;
}

.myfilter_button_wrapper.active {
	display: flex;
}

.myfilter_button_wrapper>button {
	font-size: 14px;
	font-weight: 500;
	width: 49%;
	height: 40px;
	border-radius: 4px;
}

.myfilter_delete_button {
	width: 23%;
	color: #adb5bd;
	background-color: #efefef;
}

.myfilter_edit_button {
	width: 23%;
	color: #777;
	background-color: #d9d9d9;
}

.myfilter_get_button {
	width: 100% !important;
	color: #fff;
	margin-top: 8px;
	background-color: #000;
}

.myfilter_delete_button:disabled,
.myfilter_edit_button:disabled,
.myfilter_get_button:disabled {
	color: #ccc;
	background-color: #efefef;
	cursor: no-drop;
}

.save_myfilter {
	align-self: center;
	width: 200px;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #d1d1d1;
	border: 1px solid #ddd;
	border-radius: 30px;
	background-color: #fdfdfd;
	box-shadow: 0px 4px 4px 0px rgba(198, 198, 198, 0.25);
}

.save_myfilter.mob {
	position: absolute;
	display: none;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
	box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.24);
}

.save_myfilter.active {
	color: #fff;
	background-color: #2b80eb;
	border: none;
}

.filter_wrapper {
	position: relative;
	width: 50%;
	padding: 24px 16px 32px;
	border-top: 1px solid #efefef;
}

.filter_wrapper.hide {
	display: none;
}

.filter_wrapper.invisible {
	display: none;
}

.filter_container.active .filter_wrapper.hide {
	display: none;
}

.filter_container.active .filter_wrapper.visible {
	display: block;
}

.filter_wrapper:nth-child(1) {
	border-top: none;
}

.filter_inner {}

.dg {
	display: grid;
	/* grid-auto-rows: 1fr; */
	grid-column-gap: 6px;
	grid-row-gap: 6px;
}

.grid_full {
	grid-column: 1 / 5;
}

.grid4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid3 {
	grid-template-columns: repeat(3, 1fr);
}

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

.filter_inner_button_wrapper[data-address-depth="2"],
.filter_inner_button_wrapper[data-address-depth="3"] {
	display: none;
	padding: 12px 0;
	background-color: #f8f8f8;
}

.filter_inner_button_wrapper[data-address-depth="3"] {
	background-color: #f0f0f0;
}

.filter_inner_button_wrapper[data-address-depth="2"].active,
.filter_inner_button_wrapper[data-address-depth="3"].active {
	display: grid;
}

.filter_button_mob {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 36px;
	font-size: 13px;
	text-align: center;
	word-break: keep-all;
	color: #364653;
	border-radius: 30px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	/* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; */
}

.filter_button_mob.active {
	color: #2b80eb;
	border: 1px solid #2b80eb;
}

.jcsb {
	justify-content: space-between;
}

.w32 {
	width: 32%;
}

.w24 {
	width: 24%;
}

.mr8 {
	margin-right: 8px;
}

.filter_inner_title_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

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

.filter_inner_title[data-filter-item-type="1"] {
	color: #2b80eb;
}

.filter_inner_title[data-filter-item-type="2"] {
	color: #7758d0;
}

.filter_inner_reset {
	color: #c2c2c2;
	font-size: 13px;
}

.filter_inner_addr_trigger {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #364653;
	border-radius: 30px;
	border: 1px solid #777;
	padding: 0 24px;
	background: #fff;
}

.filter_inner_addr_trigger:disabled {
	opacity: 0.1;
	cursor: no-drop;
}

.filter_inner_addr_trigger_icon {
	font-size: 20px;
	color: #1c1b1f;
	margin-right: 8px;
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.filter_inner_addr_trigger_icon_arrow {
	margin-left: auto;
	margin-right: 0;
}

.filter_inner_addr_type {
	margin-right: 4px;
	white-space: nowrap;
}

.filter_inner_addr_name {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.slider_text_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.slider_text_wrap>div {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	max-width: 49%;
}

.slider_input_title {
	font-size: 12px;
	color: #acacac;
	white-space: nowrap;
	margin-right: 4px;
}

.search_filter_input_wrap {
	position: relative;
	display: flex;
	align-items: center;
	padding: 8px;
	border-radius: 2px;
	background-color: #f7f8f9;
}

.search_filter_input_wrap>label {
	display: flex;
}

.search_filter_input_edit_icon {
	right: -16px;
	width: 16px;
}

.search_filter_input {
	width: 100%;
	font-size: 14px;
	text-align: center;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.hide_search_filter_input {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
}

.slider_text_wrap.area_slider_text_wrap>div {
	justify-content: center;
}

.slider_text_wrap>span {
	margin: 0 8px;
}

.area_slider_wrap,
.date_slider_wrap,
.price_slider_wrap {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 80px;
	overflow-x: hidden;
	padding: 0 12px;
}

.area_slider_desc,
.date_slider_desc,
.price_slider_desc {
	position: relative;
	width: 100%;
}

.area_slider.ui-widget.ui-widget-content,
.date_slider.ui-widget.ui-widget-content,
.price_slider.ui-widget.ui-widget-content {
	border: none
}

.area_slider,
.date_slider,
.price_slider {
	width: 100%;
	height: 8px;
	border: none;
	background-color: #ddd;
	margin-right: 6px;
	cursor: pointer;
}

.area_slider .ui-slider-range,
.date_slider .ui-slider-range,
.price_slider .ui-slider-range {
	background-color: #2b80eb;
	height: 8px;
}

.area_slider .ui-slider-handle,
.date_slider .ui-slider-handle,
.price_slider .ui-slider-handle {
	top: -0.6em;
	width: 24px;
	height: 24px;
	background-color: #fff;
	border: 1px solid #2b80eb;
	border-radius: 50%;
	cursor: pointer;
}

.area_slider_desc>span,
.date_slider_desc>span,
.price_slider_desc>span {
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	color: rgba(51, 51, 51, 0.8);
	white-space: nowrap;
}

.filter_toggle_button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	font-size: 14px;
	font-weight: 500;
	color: #364653;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}

.filter_toggle_button>i {
	font-size: 20px;
	color: #1c1b1f;
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

.filter_post_button_wrapper {
	position: sticky;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	bottom: 0;
	padding: 20px 0;
	background-color: #fdfdfd;
	z-index: 9;
}

.filter_close_button_bottom {
	width: 95px;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	color: #777;
	border-radius: 4px;
	background-color: #d9d9d9;
	margin-right: 8px;
}

.filter_all_reset_button {
	width: 95px;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	color: #adb5bd;
	border-radius: 4px;
	background-color: #efefef;
}

.filter_post_button {
	width: 260px;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border-radius: 4px;
	background-color: #000;
	margin-left: 8px;
}

.filter_inner_button_ex_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 20px;
}

.filter_inner_subtitle {
	font-size: 14px;
	margin-bottom: 16px;
}

.filter_address_container {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 20px;
}

.filter_address_container {
	display: none;
}

.filter_address_top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-bottom: 1px solid #efefef;
}

.filter_address_top>button {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	color: #ccc;
	padding: 8px 12px;
}

.filter_address_top>button.active {
	color: #364653;
}

.filter_address_top>button.active::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 24px);
	height: 3px;
	background-color: #000;
}

.filter_address_wrapper {
	display: none;
}

.filter_address_wrapper.active {
	display: block;
}

.expand_icon {
	font-size: 16px;
}

.toji_wrap {
	padding-top: 8px;
	border-top: 1px solid #efefef;
}

.hide {
	display: none;
}

.special_filter_top {
	position: relative;
	display: flex;
	width: 100%;
}

.special_filter_toggle_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	margin-top: 16px;
}

.special_filter_toggle_wrapper>span {
	font-size: 14px;
	font-weight: 600;
	color: #364653;
	margin-right: 16px;
}

.toggleCheckbox {
	display: none;
}

.toggleContainer {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: fit-content;
	border: 1px solid #777;
	border-radius: 30px;
	background: #fff;
	font-size: 14px;
	color: #777;
	margin-left: auto;
	cursor: pointer;
}

.toggleContainer::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100%;
	left: 0%;
	border-radius: 30px;
	background: #2b80eb;
	transition: all 0.3s;
}

.toggleContainer div {
	padding: 10px 14px;
	text-align: center;
	z-index: 1;
}

.toggleCheckbox:checked+.toggleContainer::before {
	left: 50%;
}

.toggleCheckbox:checked+.toggleContainer div:first-child {
	color: #777;
	transition: color 0.3s;
}

.toggleCheckbox:checked+.toggleContainer div:last-child {
	color: #fff;
	transition: color 0.3s;
}

.toggleCheckbox+.toggleContainer div:first-child {
	color: #fff;
	transition: color 0.3s;
}

.toggleCheckbox+.toggleContainer div:last-child {
	color: #777;
	transition: color 0.3s;
}

.special_filter_desc_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px;
	border-radius: 10px;
	background-color: #fafafa;
}

.special_filter_desc_wrapper>p {
	color: #364653;
	font-size: 14px;
}

.special_filter_desc_wrapper>p>b {
	font-weight: 600;
}

.special_filter_desc_wrapper>p>span {
	color: #2b80eb;
}

.special_filter_section {
	margin-top: 32px;
	padding-bottom: 32px;
	border-bottom: 1px solid #efefef;
}

.special_filter_section:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

.special_filter_button_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 8px;
}

.filter_inner_button_wrapper>.special_filter_button_wrapper:last-of-type {
	margin-bottom: 0;
}

.special_filter_button_inner {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: auto;
}

.special_filter_text {
	font-size: 14px;
	color: #364653;
}

.hide_checkbox {
	display: none;
}

.special_container {
	width: 100%;
	background-color: #fff;
}

input[name="special"]:checked~.special_filter_button[data-special-contain=false] {
	color: #2b80eb;
	border: 1px solid #2b80eb;
}

input[name="special"]:not(:checked)~.special_filter_button[data-special-contain=true] {
	color: #2b80eb;
	border: 1px solid #2b80eb;
}

input[name="special_all"]:checked~.special_filter_button[data-special-contain=false] {
	color: #2b80eb;
	border: 1px solid #2b80eb;
}

input[name="special_all"]:not(:checked)~.special_filter_button[data-special-contain=true] {
	color: #2b80eb;
	border: 1px solid #2b80eb;
}

.special_filter_button {
	width: 80px;
	cursor: pointer;
}

.special_filter_button_inner>.special_filter_button:last-of-type {
	margin-left: 8px;
}

#filter_bottom_container {
	position: relative;
	display: flex;
	width: 100%;
}

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

.filter_state_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
}

.filter_state {
	position: relative;
	font-size: 16px;
	color: #777;
	padding: 20px 10px 16px;
}

.filter_state.active {
	color: #364653;
	font-weight: 700;
}

.filter_state.active::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 16px);
	height: 3px;
	border-radius: 2px;
	background-color: #364653;
}

.theme_filter_container {
	position: relative;
	width: 100%;
	height: 60px;
	background-color: #fff;
	z-index: 3;
}

.theme_filter_wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	background-color: #fafafa;
}

.theme_filter {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
	margin: 0 8px;
	cursor: auto;
}

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

.theme_label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
	color: #fff;
	padding: 2px 6px;
	margin-right: 6px;
	border-radius: 4px;
	background-color: #0038FF;
}

.theme_update_text {
	color: #777;
	font-weight: 300;
}

.filter_sort_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 24px 0;
}

.result_rows {
	display: block;
	font-size: 24px;
	font-weight: 300;
	margin-right: auto;
}

.tippy_filter_wrapper,
.date_filter_wrapper {
	position: relative;
	padding: 24px 16px;
}

.tippy_filter_top,
.date_filter_top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	/* margin-bottom: 28px; */
}

.tippy_filter_title,
.date_filter_title {
	font-size: 16px;
	font-weight: 500;
}

.tippy_filter_close_icon,
.date_filter_close_icon {
	margin-left: auto;
}

.tippy_filter_desc {
	position: relative;
	display: flex;
	flex-direction: column;
	margin-top: 8px;
}

.tippy_filter_desc>span {
	color: #777;
	font-size: 12px;
}

.tippy_filter_bottom,
.date_filter_bottom {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 28px;
}

.tippy_filter_button {
	width: 110px;
	margin: 0 2px;
	cursor: pointer;
}

.tippy_filter_button:first-child {
	margin-left: 0;
}

.tippy_filter_button:last-child {
	margin-right: 0;
}

.tui-datetime-input.datepicker_wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 130px;
	width: 130px;
	height: 42px;
	padding: 0 8px;
	border: 1px solid #e8e8e8;
	border-radius: 5px;
}

.tui-datepicker-input>input.date_picker_input {
	height: 100%;
	font-size: 14px;
	color: #364653;
	padding-left: 4px;
	padding-right: 4px;
}

#tui_date_picker_wrapper {
	position: absolute;
	bottom: 0;
	z-index: 1;
}

.date_picker_between {
	font-size: 12px;
	color: #777;
	margin: 0 4px;
	white-space: nowrap;
}

.date_picker_deadline {
	font-size: 12px;
	color: #777;
	margin-left: 4px;
	white-space: nowrap;
}

.date_filter_button_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 28px;
}

.date_filter_button.reset {
	width: 95px;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	color: #adb5bd;
	border-radius: 4px;
	background-color: #efefef;
}

.date_filter_button.post {
	width: 100%;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	border-radius: 4px;
	background-color: #000;
	margin-left: 8px;
}

.edit_filter_name_wrapper {
	position: relative;
	padding: 24px 16px;
}

.edit_filter_name_top {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 28px;
}

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

.edit_filter_name_close_icon {
	font-size: 24px;
	color: #ccc;
	margin-left: auto;
	font-variation-settings:
		"FILL" 1,
		"wght" 400,
		"GRAD" 0,
		"opsz" 48;
}

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

.edit_filter_name_input {
	position: relative;
	width: 60%;
	height: 40px;
	font-size: 14px;
	color: #777;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 12px;
}

.edit_filter_name_button {
	width: 20%;
	font-size: 14px;
	font-weight: 500;
	height: 40px;
	border-radius: 4px;
}

.edit_filter_name_button.cancel {
	/* width: 83px; */
	color: #777;
	background-color: #d9d9d9;
	margin: 0 8px;
}

.edit_filter_name_button.save {
	/* width: 83px; */
	color: #fff;
	background-color: #000;
}

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

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

.rows_count_container {
	margin-top: 48px;
	background-color: #fafafa;
}

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

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

.rows_count_wrapper {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;

}

.use_type_category {
	font-size: 13px;
	font-weight: 300;
	text-align: center;
	padding: 12px 0;
}

.use_type_category[data-use-type-category="주거용"] {
	color: #ff0000;
}

.use_type_category[data-use-type-category="상업용"] {
	color: #008DFF;
}

.use_type_category[data-use-type-category="토지"] {
	color: #000;
}

.picked_date_container.mobile {
	display: none;
	width: 100%;
	max-width: 1200px;
	padding: 12px 16px;
	background-color: #fafafa;
}

.mapsearch_pc {
	padding-left: 48px;
	padding-right: 48px;
	padding-bottom: 76px;
}

.search_filter_pc_title_wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	padding: 24px 0;
}

.search_filter_pc_title {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 22px;
	font-weight: 600;
}

.search_filter_title_img {
	width: 28px;
	height: 28px;
	margin-right: 4px;
}

.search_filter_pc_subtitle {
	color: #adb5bd;
	font-size: 14px;
	margin-top: 4px;
}

.tippy_tooltip_wrapper {
	padding: 16px 12px;
}

#notification_banner {
	position: relative;
	width: 100%;
	padding: 24px 0;
}

#notification_banner.mob {
	display: none;
}

.notification_banner_inner {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 16px 32px;
	background-color: #202126;
	border-radius: 5px;
}

.notification_banner_icon {
	font-size: 32px;
	/* color: #2B80EB; */
	color: #008DFF;
	margin-right: 16px;
	font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}

.notification_banner_text {
	position: relative;
	color: #fff;
}

.notification_banner_text>h3 {
	font-size: 13px;
	font-weight: 600;
}

.notification_banner_text>h3>span {
	font-weight: 300;
}

.notification_banner_text>p {
	font-size: 13px;
	padding-top: 2px;
}

.notification_banner_button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	color: #fff;
	padding: 10px 12px;
	margin-left: auto;
	border-radius: 5px;
	background-color: #008DFF;
}

.empty_list_wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	padding: 40px 0 80px 0;
}

.empty_list_img {
	width: 120px;
}

.empty_list_text {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	padding-bottom: 4px;
}

.empty_list_subtext {
	font-size: 13px;
	font-weight: 400;
	text-align: center;
}

.search_banner_container {
	position: relative;
	width: 100%;
	grid-column: span 4;
}

.search_slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.search_slide img {
	width: 100%;
	border-radius: 8px;
}

#search_button_container {
	position: relative;
	width: 100%;
	max-width: 1200px;
	padding: 20px 16px;
	margin: 0 auto;
	border-radius: 10px;
	background-color: #F9FAFB;
}

.search_button_wrapper {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
}

.search_button_inner {
	padding: 5px 0;
}

.search_button {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: 500;
	padding: 7px 12px;
}

.search_button.active {
	color: #2B80EB;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 2px 2px 2px 0px rgba(204, 204, 204, 0.25);
}

.search_button:hover {
	border-radius: 10px;
	background: #FFF;
	box-shadow: 2px 2px 2px 0px rgba(204, 204, 204, 0.25);
}

.npl_icon {
	width: 16px;
	margin-right: 4px;
}

@media screen and (max-width: 1024px) {
	.search_filter_pc_title_wrapper {
		padding: 20px 16px;
		border-bottom: 1px solid #f2f2f2;
	}

	.filter_swiper_container {
		padding: 0 16px;
		overflow: hidden;
	}

	#search_card_wrapper {
		grid-template-columns: repeat(3, 1fr);
	}

	.search_banner_container {
		grid-column: span 3;
	}

	#subfilter_container {
		padding: 0;
		margin-top: 0;
		flex-direction: column-reverse;
		z-index: 2;
	}

	.subfilter_wrapper {
		width: 100%;
		background-color: #fff;
		margin-left: 0;
		border-bottom: 1px solid #F7F8FC;
	}

	.subfilter_wrapper.sticky {
		position: sticky;
		top: 60px;
	}

	.subfilter_wrapper.fixed {
		position: fixed;
		top: 60px;
	}

	.search_filter_button {
		display: flex;
	}

	.result_row_wrapper {
		width: 100%;
		padding: 16px;
		background-color: #fff;
	}

	.sort_select {
		display: block;
		height: 38px;
		line-height: 38px;
	}

	.pc_sort_button,
	.pc_sort_select {
		display: none !important;
	}

	.picked_date_container.mobile {
		display: block;
	}

	#search_filter_header {
		display: block;
	}

	.search_filter_bottom_title {
		display: none;
	}

	.theme_filter_container>.inbox {
		padding: 0;
	}

	.theme_filter_wrapper {
		padding: 0 12px;
	}

	.date_picker_icon {
		font-size: 16px;
	}

	.picked_date_title {
		font-size: 12px;
		padding: 0 4px;
	}

	.picked_date {
		font-size: 12px;
	}

	.picked_sub_filter_wrapper {
		font-size: 12px;
		padding: 0 4px 0 12px;
		white-space: nowrap;
	}

	.picked_sub_filter_wrapper>i {
		font-size: 16px;
	}

	.filter_swiper_slide {
		margin-top: 8px;
		margin-bottom: 8px;
		height: 38px;
	}

	.filter_swiper_slide_arrow {
		margin-left: 4px;
	}

	#search_filter_container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 999999;
		background-color: #fff;
		transform: translateX(0);
		margin-top: 0;
		overflow: auto;
	}

	#search_filter_container>.inbox {
		padding: 0;
	}

	.search_filter_top {
		display: flex;
		justify-content: center;
		height: 60px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.filter_close_button {
		display: block;
		left: 16px;
	}

	#filter {
		position: relative;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
		height: auto;
		max-height: inherit;
		padding: 0;
		background-color: #fff;
		overflow: inherit;
	}

	.search_filter_title {
		font-size: 16px;
		text-align: center;
		margin-left: 0;
	}

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

	.myfilter_swiper_container {
		height: 120px;
	}

	.filter_container {
		width: 100%;
		flex-direction: column;
	}

	.filter_wrapper {
		width: 100%;
	}

	.filter_wrapper.hide {
		display: block;
	}

	.filter_wrapper:nth-of-type(-n + 2) {
		border-top: 1px solid #efefef;
	}

	.filter_container::before {
		display: none;
	}

	.filter_toggle_button {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(100% - 32px);
		margin: 0 auto;
	}

	.special_filter_top {
		flex-direction: column;
	}

	.special_filter_desc_wrapper>p {
		font-size: 13px;
	}

	.filter_post_button_wrapper {
		padding: 40px 16px 20px 16px;
	}

	.save_myfilter {
		display: none;
	}

	.save_myfilter.mob {
		display: block;
	}

	.filter_toggle_button {
		display: none;
	}

	.filter_close_button_bottom {
		/* display: none; */
	}

	.search_filter_header_inner,
	.search_filter_bottom_inner {
		padding: 12px 0;
	}

	.result_rows {
		font-size: 20px;
	}

	.filter_sort_wrapper {
		margin: 16px 0;
	}

	#notification_banner.mob {
		display: block;
	}

	#notification_banner.pc {
		display: none;
	}

	#notification_banner {
		padding: 16px 0 0 0;
	}

	.notification_banner_inner {
		padding: 16px 12px;
	}

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

	.notification_banner_button {
		padding: 8px 10px;
	}
}

@media screen and (max-width: 600px) {
	#search_card_wrapper {
		display: flex;
		flex-direction: column;
		grid-template-columns: repeat(1, 1fr);
	}

	.search_banner_container {
		grid-column: span 1;
	}

	.search_filter_pc_subtitle {
		font-size: 12px;
	}

	.search_button_inner {
		position: relative;
		width: 50%;
		display: flex;
	}

	.search_button {
		display: inline-flex;
	}
}

/* 인쇄용 스타일 */
@media print {

	/* 페이지 전체를 숨기고 인쇄할 요소만 표시 */
	body * {
		visibility: hidden;
	}

	.inbox {
		width: 100vw;
	}

	/* #list_container만 보이도록 설정 */
	#list_container,
	#list_container * {
		visibility: visible;
	}

	/* #list_container를 페이지 전체에 위치 */
	#list_container {
		position: absolute;
		top: 0;
		left: 0;
		width: 1200px;
	}

	#pagination {
		display: none;
	}

	.search_list:not(.checked) {
		display: none;
	}

	.mul_hide_menu_btn {
		display: none;
	}
}