/* Always set the map height explicitly to
 * define the size of the div element that contains the map. */
#map {
	height: 100%;
}

.mapWrap {box-sizing: border-box !important; padding: 30px !important; width: 100% !important;}

.left-google-srh {width: 20%; max-width: 276px; overflow-y: scroll; border:1px solid #ccc; height: 800px;}
.left-google-srh .searchArea {background-color: #fff;}
.left-google-srh .searchArea .logo {text-align: center; padding: 15px 0px; border-bottom: 1px solid #ccc; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}

.g-srh-value { width: 100%;}


/* scroll */
.left-google-srh::-webkit-scrollbar {}

/*스크롤바 전체*/
.left-google-srh::-webkit-scrollbar{
	width: 6px;
}

/*스크롤바 막대*/
.left-google-srh::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgba(0,0,0,0.25);
}

/*스크롤바 여백*/
.left-google-srh::-webkit-scrollbar-track {
	background-color: #f4f5f9;
}

#srhMapTrgt { width:100%; padding: 15px 15px; border: none; border-bottom:1px solid #ccc; background-color: #f4f5f9;}
.g-srh-value { display: flex;}

#infoResList, .searchSelect { background-color: #fff; border:none; padding: 15px; border-bottom:1px solid #ccc; }

.listArea .mapItem { padding: 16px 20px; border-bottom: 1px solid #eee;}
.listArea .mapItem .itemTitle { color: #000; font-size: 16px; font-weight: 700;}
.listArea .mapItem .itemDesc { font-size: 14px; color: #999;}
.listArea .mapItem .itemDesc.openTextArea {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.2em;
	height: 4.8em;
}

#mapCanvas { width: 78%; height: 100%;}



.left-map-sh { width: 100%; padding: 20px; display: flex;}
.left-map-sh a { display: block;}
.left-map-sh a i { float:right; color: #000; font-size:15px}

@media(max-width:1023px){
	.left-google-srh {width: 100%; overflow-y: scroll; height: 300px; border:1px solid #ccc;}
	#mapCanvas { width: 100%; height: 500px;;}
}

.listArea > .active { border: 2px solid #0081b7;}
.listArea > .active > a .itemDesc {
	height: auto !important;
	word-break: break-all;
	margin-top: 5px;
	line-height: 1.6em;
}
.itemDesc {
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.2em;
	height: 2.4em;
}


.gm_pagination { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-top: 20px;  padding-bottom: 10px;}
.gm_pagination ul { display: flex; flex-direction: row; align-items: center; justify-content: center;}
.gm_pagination ul li { display: flex; align-items: center; justify-content: center;}
.gm_pagination ul li a{margin-right: 3px; border:1px solid #ccc; width: 21px; padding: 2px 0px; font-weight: 300; font-size: 13px; color:#404040; text-align: center;}
.gm_pagination ul li a > i { font-size:16px;}
.gm_pagination ul li:last-child a{ margin-right: 0px;}
.gm_pagination ul li a.active { background-color: #070d21; color:#fff; border: 1px solid #070d21;}

.iwThum {
	text-align: center;
}
.iwThum > img {
	width: 150px;
}