#placard_map { overflow:hidden; }
#placard_map { overflow:hidden; }
#placard_map .tit { position:relative; border-bottom:1px solid #ddd; z-index:1; }
#placard_map .tit h1 { text-align:center; padding:10px 20px; font-size:20px; color:#333; font-weight:bold; }
#placard_map .tit h1 span { position:relative; display:inline-block; vertical-align:middle; padding-left:40px; height:65px; background:url(/placard/images/symbol.gif) no-repeat left center}
#placard_map .placard_mapList { counter-reset:num; }
#placard_map .placard_mapList ul li { font-weight:bold; border-bottom:1px solid #ddd; background:#fff; }
#placard_map .placard_mapList ul li a { position:relative; display:block;/*  width:75%; */ padding:10px 0 10px 25%; }
#placard_map .placard_mapList ul li a:after { position:absolute; left:0; top:0; text-align:center; width:20%; padding-top:10px; padding-bottom:10px; color:#fff; background-color:#1b5bb2; counter-increment:num; content:counter(num); }
#placard_map .placard_mapList ul li a:hover { background-color:#f0f0f0; }

#placard_map>div>div { height:91%; }
/* 		#placard_map .placard_mapCon { padding-left:20%; width:80%; } */
#placard_map .placard_mapCon { padding-left:20%;  } 
#placard_map .placard_mapList { position:absolute; left:0; top:86px; overflow-y:auto; float:left; width:20%; z-index:99999; }



/* map api info window */
.basicwindow {background:rgba(255,255,255,.9); padding:15px; border:1px solid #aaa; position:relative;bottom:80px;}
.basicwindow p.title{font:bold 13px nanumgothic,나눔고딕; padding-right:20px}
.basicwindow div.content{margin-top:7px; font:12px nanumgothic,나눔고딕; line-height:130%}
.basicwindow p.addr{margin-top:7px; font:12px nanumgothic,나눔고딕; line-height:130%}
.basicwindow .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.basicwindow .close:hover {cursor: pointer;}
         
.customoverlay {position:relative;bottom:70px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: #d95050 url(//t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 15px;font-size:14px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('//t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}

.overlaywrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.overlaywrap * {padding: 0;margin: 0;}
.overlaywrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.overlaywrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.overlaywrap .info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.overlaywrap .info .close {position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.overlaywrap .info .close:hover {cursor: pointer;}
.overlaywrap .info .body {position: relative;overflow: hidden;}
.overlaywrap .info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.overlaywrap .desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.overlaywrap .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.overlaywrap .info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.overlaywrap .info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('//t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.overlaywrap .info .link {color: #5085BB;}

/* 현수막 게시대 */
.placardwindow {background:rgba(255,255,255,.9); padding:15px; border:1px solid #aaa; width:180px; margin-bottom:200px}
.placardwindow .close{position: absolute;top: 10px;right: 10px;color: #888;width: 17px;height: 17px;background: url('//t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png')}
.placardwindow p.title{font:bold 13px nanumgothic,나눔고딕}
.placardwindow p.addr{margin-top:7px; font:12px nanumgothic,나눔고딕; line-height:130%}
.placardwindow p.content{margin-top:2px; font:12px nanumgothic,나눔고딕; line-height:130%;text-align:center}