body, html{ height: 100%; margin: 0px;  overflow-y: hidden; overflow-x: hidden; }
.wrap {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;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {padding: 5px 0 0 10px;height: 30px;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.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');}
.info .close:hover {cursor: pointer;}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
.info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.info .link {color: #5085BB;}
#thispot{ position: fixed; right: 10px; bottom: 25px; z-index:1; width:50px; height:50px;}
#sickperson{ position: fixed; left: 10px; bottom: 12px; z-index:1; width:50px; height:50px;}
#map{ z-index:0; }
#searchbar{z-index: 2; background-color: rgb(248, 248, 248); padding: 0px; position:fixed; left:0px; top:0px; right:0px; margin: 0px;}
#searchbardev{z-index: 2; text-align:right; background-color: rgb(248, 248, 248); padding: 4px; position:fixed; left:0px; top:0px; right:0px; margin: 0px;}
.navbar-default{ z-index: 1; }
#search{color:#f0ad4e;}
#keyword{ margin-top: 16px; width: 95%; height:34px;border-radius: 0px;}
/*#keyword:focus{border-color:orange; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px orange;}*/
.input-group-addon{ background-color: #f8f8f8; border:0px; }
#searchhint{z-index:1;background-color: rgb(248,248,248,0.6); height:150px; position:fixed; left:0px;top:50px;right:0px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding:17px;overflow: hidden;overflow-y: scroll;}
.person{height:20px; margin-bottom:10px; overflow: hidden; font-weight: bold;}
.detail{height:15px; overflow:hidden; color: gray; margin-left:10px; font-size:smaller;}
.input-group-multi [class*='col-'] {
  margin: 0 !important;
  padding: 0 !important;
  border: 0px;
}
.person:hover{color: orange;}

.input-group-multi .form-control {
  border-right: 0;
}

.input-group-multi [class*='col-']:last-child .form-control {
  border-right: 0;
}
#pharmacy{position: fixed; right: 10px; bottom: 125px; z-index:1; width:45px; height:45px;}
#hospital{position: fixed; right: 10px; bottom: 75px; z-index:1; width:45px; height:45px;}

.input-group-addon{margin-right:0px;padding-right: 0px;}
#searchoption{margin-right:0px;border-top-right-radius: 0px; border-bottom-right-radius: 0px; height:35px;}
.map_wrap, .map_wrap * {margin:0;padding:0;font-family:'Malgun Gothic',dotum,'돋움',sans-serif;font-size:12px;}
.map_wrap a, .map_wrap a:hover, .map_wrap a:active{color:#000;text-decoration: none;}
.map_wrap {position:relative;width:100%;height:500px;}
#menu_wrap {position:absolute;top:60px;left:0;bottom:0;width:250px;margin:10px 10px 10px 0px;padding:0px;overflow-y:auto;background:rgba(255, 255, 255, 0.5);z-index: 1;font-size:12px;border-radius: 10px;}
.bg_white {background:#fff;}
#menu_wrap hr {display: block; height: 1px;border: 0; border-top: 2px solid #5F5F5F;margin:3px 0;}
#menu_wrap .option{text-align: center;}
#menu_wrap .option p {margin:10px 0;}  
#menu_wrap .option button {margin-left:5px;}
#menu_wrap {font-weight: bold;}
#placesList {padding-inline-start: 10px;}
#placesList li {list-style: none;}
#placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;}
#placesList .item span {display: block;margin-top:4px;}
#placesList .item h5, #placesList .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#placesList .item .info{padding:10px 5px 20px 10px;}
#placesList .info .gray {color:#8a8a8a;}
#placesList .info .jibun {padding-left:26px;background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
#placesList .info .tel {color:#009900;}
#placesList .item .markerbgimg {width:20px; float:left;position:relative;width:36px; height:37px;margin:20px 0 0 10px;}
#placesList .item .markerbg {float:left;position:relative;width:36px; height:37px;margin:20px 0 0 10px;background:url(../img/marker_number.png) no-repeat; }
#placesList .item .marker_1 {background-position: 0 -10px;}
#placesList .item .marker_2 {background-position: 0 -56px;}
#placesList .item .marker_3 {background-position: 0 -102px}
#placesList .item .marker_4 {background-position: 0 -148px;}
#placesList .item .marker_5 {background-position: 0 -194px;}
#placesList .item .marker_6 {background-position: 0 -240px;}
#placesList .item .marker_7 {background-position: 0 -286px;}
#placesList .item .marker_8 {background-position: 0 -332px;}
#placesList .item .marker_9 {background-position: 0 -378px;}
#placesList .item .marker_10 {background-position: 0 -423px;}
#placesList .item .marker_11 {background-position: 0 -470px;}
#placesList .item .marker_12 {background-position: 0 -516px;}
#placesList .item .marker_13 {background-position: 0 -562px;}
#placesList .item .marker_14 {background-position: 0 -608px;}
#placesList .item .marker_15 {background-position: 0 -654px;}
#pagination {margin:10px auto;text-align: center;}
#pagination a {display:inline-block;margin-right:10px;}
#pagination .on {font-weight: bold; cursor: default;color:#777;}
.personId { font-size: 9px; }

#exampleModalLongTitle img{ width : 33px; }
.modaldiv div {text-align: left; margin: 5px; font-size: 15px;}
.modal-content {max-width: 500px;}
.modal-footer {padding:5px;}
@media screen and (min-width: 768px){
    .modal-dialog {
        width: 500px;
        margin: 30px auto;
    }

    #menu_wrap {
        background-color:rgba(248, 248, 248, 0.8);
    }

    #searchhint{background-color: rgb(248,248,248,0.8); position:fixed;  height: 300px; left:30px;}

}
.label {margin-bottom: 96px; z-index: 5; color: black;}
.label * {display: inline-block;vertical-align: top;}
.label .left {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat;display: inline-block;height: 50px;overflow: hidden;vertical-align: top;width: 7px;}
.label .center {background: url(http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png) repeat-x;display: inline-block;height: 50px;font-size: 12px;line-height: 24px;}
.label .right {background: url("http://t1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") -1px 0  no-repeat;display: inline-block;height: 50px;overflow: hidden;width: 6px;}

.mask_plenty{ font-weight: bold; color:#5f933b; z-index:9;}
.mask_some{ font-weight: bold; color:#d7a11d; z-index:8;}
.mask_few{ font-weight: bold; color:#c56524; z-index:7;}
.mask_empty{ font-weight: bold; z-index:5;}
.mask_null{ font-weight: bold; z-index:8;}
.mask_{ font-weight: bold; z-index:7;}
.mask_undefined{ font-weight: bold; z-index:7;}
.mask_soon{ font-weight: bold; color:#5f933b; z-index:8;}

.maskoption { position: fixed; right: 60px; bottom: 127px; z-index:10; display:none;}
.maskoption img { width:40px; height: 40px; }
.maskoption img:hover { width: 45px; height: 45px; }