.map_wrap .map-size-btn { position: absolute; bottom: .75rem; right: .75rem; z-index: 3; cursor: pointer; font-size: 1rem; }
.map_wrap, .map_wrap * {margin:0; padding:0;font-size:.75rem;}
.map_wrap {position:relative;width:100%;height:21.875rem;}
.map_wrap #map {width:100%;height:auto;position:relative;overflow:hidden}
.map_wrap, .map_wrap #map {transition: width 1s ease 0s, height 1s cubic-bezier(0, 1, 0.5, 1) 0s;}
/*#category {position:absolute;top:3px;left:3px;border-radius: 3px; border:1px solid #909090; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);background: #fff;overflow: hidden;z-index: 2;}*/
.map_wrap #category { background: #fcfcfc; position: relative; }
.map_wrap #category ul { display: flex; flex-wrap: wrap; justify-content: center; font-size: 0.875rem; padding: 5px 0; }
.map_wrap #category ul li {list-style: none;width:auto; padding:.5rem .3rem;margin: 2px;text-align: center; cursor: pointer;}
.map_wrap #category ul li.on {background: #2b405d;font-weight: 500;color: white;border-radius: 2rem;}
/*#category li:hover {background: #3396ee;}*/
.placeinfo_wrap {position: absolute;bottom: 1.8rem;left: -7.5rem;width: 15rem;}
.placeinfo {position:relative;width:245px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff; font-weight:500;}
.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 0px 0px 2px #e5e6e7;}
.placeinfo_wrap .after {content:'';position:relative;margin-left:-0.625rem;left:50%;width:1.4rem;height:.7rem;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.placeinfo a, .placeinfo span {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.placeinfo a {font-size: .9325rem;}
.placeinfo span {cursor: default;font-size: .75rem;padding: 0 .625rem;}
.placeinfo .title {font-weight: 500; padding: .625rem;}
.placeinfo .title * {color: #2B405E;}
.placeinfo .title:hover {background: linear-gradient( 160deg, #ffbf00 -100%, transparent);}
.placeinfo .road {color:#7E7E7E;}
.placeinfo .jibun {color:#AFAFAF;}
.placeinfo .tel {color:#7E7E7E;padding-top:.625rem;display:inline-block;}
.placeinfo .distance {color:#0068c3;padding-top:.625rem;display:inline-block;float:right;}
.placeinfo .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.placeinfo .close:hover {cursor: pointer;}

@media(max-width: 991px) { 
	.map_wrap #category ul { max-width: 90%; justify-content: flex-start; }
}