/*/------      Basic Style      ------/*/

a {
    text-decoration: none;
}
ul { 
    margin:0;
    padding:0;
}
li {
    list-style: none;
    margin:0;
    padding:0;
}
.clearfix::after{
    display: block;
    position: relative;
    content:"";
    width: 100%;
    clear: both;
    height: 0;
}
div {
    box-sizing: border-box;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*/------      Default Layout Style      ------/*/

#wrap{
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

#map_dist{
    position: relative;
    margin: auto;
    background-color: #ffffff;
}
#map_frontDiv{
	position: relative;
    margin: auto;
    background-color: #ffffff;
}
/*/------      Custom Style      ------/*/

/*#map_dist path{
    fill: transparent;
    fill-opacity: 0;
    stroke-width: 1;
    stroke: #666666;
} */

#map_dist path{
    fill: #f8f8f9;
    fill-opacity: 1;
    stroke-width: 1;
    stroke: #b3b3b3;
}
#map_frontDiv path{
    fill: #f8f8f9;
    fill-opacity: 1;
    stroke-width: 1;
    stroke: #b3b3b3;
}
#map_frontDiv path.m_point {
	fill: #EE7800;
    fill-opacity: 0.5;
    stroke-width: 1.7px;
    stroke: #587fdd;
}
#map_frontDiv path.l_point {
	fill: #EE7800;
    fill-opacity: 0.5;
    stroke-width: 50;
    stroke: #c5d2f3;
    text-align: center !important;
}
#map_frontDiv .leaflet-tooltip {
	background-color: unset;
	border: 0;
	border-radius: 0;
	box-shadow: unset;
}
.map-dist-icon{
    text-align: center;
    color: #ffffff; 
    border-radius: 35px;
    line-height: 30px;
    z-index: 100 !important;   /* popup보다 낮게 */
}

#mapClose{
    position: absolute;
    color: #4d4d4d;
    background-color: #f8f8f9;
    border: 1px solid #e6e6e6;
    width: 45px;
    height: 45px;
    font-size: 10px;
    font-weight: 100;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    z-index: 901;
    top: 11px;   /*top: calc(50% - 450px);*/
    right: 15px; /*left: calc(50% + 285px);*/
}
#mapClose:hover{
    box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.2);
}
#mapClose > p{
    /*display: inline;*/
    line-height: 23px;
    font-size: 30px;
    margin: 0;
}
#mapClose > p > i{
    display: inline;
    line-height: 23px;
    font-size: 20px;
    margin: 0;
}

#map_miniMap{
	position: relative;
    margin: auto;
    background-color: #ffffff;
}

#map_miniMap path{
    fill: #f8f8f9;
    fill-opacity: 1;
    stroke-width: 1;
    stroke: #b3b3b3;
}

#map_miniMap path.m_point {
	fill: #EE7800;
    fill-opacity: 0.5;
    stroke-width: 1.7px;
    stroke: #587fdd;
}
/*---@@--- leaflet popup ---@@---*/
.leaflet-popup{
    bottom: 15px!important;
    pointer-events: none;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background-color: #505a6e;
    color: #ffffff;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-popup-content{
    font-size: 11px;
    line-height: 5px;
    width: 125px;
}
.leaflet-popup-content::after{
    display: block;
    position: relative;
    content:"";
    width: 100%;
    clear: both;
    height: 0;
}
.leaflet-popup-content p{
    color: #ffffff;
    float: left;
    width: 100%;
    margin: 6px 0px;
}
.leaflet-popup-content p > i.fas{
    color: #ffffff;
}
.leaflet-popup-content .center *{
    float: none;
    display: block;
    font-weight: 100;
}
.leaflet-popup-content .center *:first-child{
    font-weight: 600;
    font-size: 14px;
    padding: 5px 0;
}
.leaflet-popup-content .center{
    text-align: center;
    font-size: 12px;
    line-height: 19px;
}
.leaflet-popup-content p:first-child{
    font-size: 15px;
}
.leaflet-popup-content .head{
    font-size: 0px;
    height: 0;
    border-top: 1px solid #525252;
}
.leaflet-popup-content .head:first-child{
    border: 0;
    padding-top: 0;
}
.leaflet-popup-content .left{
    float: left;
    color: #cccccc;
}
.leaflet-popup-content .right{
    float: right;
}

.bg-map-icon {
	text-align: center;
    line-height: 20px;
	background-color:none;
	color:#aaa;
}
.leaflet-marker-icon.leaflet-interactive {
	line-height: 20px !important;
	 
}
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
    /* max-width: none !important; */ 
}

#tapMap {
	background-color:#fff;
    z-index: 10;
}


.map-dist-icon2{
  twidth: 94px;
  height: 32px;
  padding: 5px 11px 7px 10px;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #18b3ea;
  background-color: #fff;
}