/*****************************************
 * 매물 검색이 있는 페이지에서만 사용하는 css
 *****************************************/
.mobile-search-top-wrapper {
	display:none;
	margin-top:50px;
}

.mobile-search-top {
	height:50px;
	padding-left:15px;
	padding-right:15px;
	border-bottom:1px solid #ddd;
	-webkit-box-align: center;
	align-items: center;
	position:fixed;
	top:61px;
	width:100%;
	z-index:100;
	background-color:#fff;
}

.mobile-search-top .btn {
	display: inline-block;
	border:1px solid #ccc;
	border-radius:2px;
}

.mobile-search-top select {
	height:100%;
	border:1px solid #ccc;
	margin-right:5px;
}

#mobile-search-section {
	display:none;
	width: 100%;
	background-color: rgb(243, 243, 243);
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	z-index: 200;
	}

	#mobile-search-section .header {
		position:fixed;
		top:0px;
		left:0px;
		right:0px;
		width:100%;
		z-index:100;
		height: 45px;
		padding-left:15px;
		padding-right:15px;
		background-color: rgb(248, 248, 248);
		border-bottom: 1px solid rgb(230, 230, 230);}

	#mobile-search-section .body {
		position:fixed;
		width:100%;
		height:100%;
		padding: 55px 15px;
		overflow-y:scroll;
		background-color:#fff;
	}

	#mobile-search-section .footer {
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		width:100%;
	}

	#mobile-search-section .footer .btn {
		width:100%;
		height:45px;
		border-radius:0;
		font-size:18px;
		padding-top:7px;
	}

@media (max-width: 1180px) {

	#page_header {display:none;}

	.mobile-search-top-wrapper {display:block;}

	#mobile-search-section.on {
		display:block;
	}

}