@charset "UTF-8";

@media (min-width: 1200px) and (max-width: 1500px){
	/*nav*/
	.main-nav{width:30%;}
	/*map*/
	#map-container{width:70%;}
}
/****************************
tablet(ipad pro)
****************************/
@media screen and (max-width: 1280px){
	.map-srch-title{display:inline-block;}
}

/****************************
tablet(ipad)
****************************/
@media (min-width: 768px) and (max-width: 1199px){
	/* .title-box{width: 44%;} */
	.message-box {margin: 10px;padding: 5px;}
	.map-message {font-size: 0.8em;}
	.map-srch-box{width:55%;}
	.map-srch-title{display:none;}
	
	/*nav*/
	.main-nav{width:40%;}
	.srch-box span{font-size:12px;}
	
	.panel.on {top: 37%;}
	
	/*map*/
	#map-container{width:60%;}
}


/*****************************
mobile
*****************************/
@media (max-width: 767px) {
	html, body{overflow:auto;overflow-x:hidden;}
	.loading img{top: 45%; left: 45%;}
	.main-header {height: 95px}
	.title-box{width: 100%; padding: 5px;height: 55px;}
	.map-title{font-size: 0.9em; padding-left: 10px;margin-left: 8px;}
	.message-box {left: 80%;text-align: center;margin-left: -70%;margin-top: 48px;width: 82%;}
	.map-message {font-size: 0.7em;}
	.map-srch-box{width: 100%;padding: 5px 15px 10px 15px;}
	.map-srch-title{display:none;}
	.map-txt-box{width:100%;}
	.map-srch-box .map-srch-btn {position: absolute;width: 20px;height: 20px;margin: 4px 10px;border: 0 none;top: 5px;right: 0;font-size: 0;/* line-height: 0; *//* text-indent: -9999px; *//* overflow: hidden; */}
	
	/*nav*/
	.main-nav{position:relative;float:none;width:100%;height:100%;}	.marker-grp{padding: 5px;}
	.marker-wrap{margin:0;width: 33.333%;}
	.marker-wrap:nth-child(2n-1){padding-left: 5px;}
	.srch-box span{font-size: 13px;padding: 11px 0;}
	#result-list {height: calc(100% - 375px);}
	
	/*content*/
	.main-content {height: calc(100% - 55px);}
	
	/*map*/
	#map-container{float:none;width:100%;height:calc(100% - 360px);}
	
	/*roadview*/
	#map-container.view_roadview #map{width: 250px; height: 250px;}
}