.mob .tit-main{position:relative;padding:3vh 0 2vh;color:#fff;}
.mob .tit-main span{font-size:18px;letter-spacing:-2px;}
.mob .tit-main strong{font-size:22px;letter-spacing: -1.5px;}


.mob #mapid {width: 100%;height:400px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;z-index: 0;}
.mob .map-area{float:initial;position:relative;}

/* ==========좌측 */
.mob #slideDate{float:initial;width:100%;height: 69px;padding:0 4.16%;box-sizing: border-box;box-shadow: 0px 5px 5px}
.date-area{width:100%;padding-top: 30px;}
.control-area{float:right;width: 260px;}
.control-area>div{float:left;}
.mob .btn-box{position:absolute;right: 10px;top: 10px;height: initial;padding-top:0;margin-left:0;margin-right:0;text-align: center;z-index:10;}
#playBtn, #pauseBtn{box-shadow:0 3px 6px rgba(0,0,0,0.7)}

.mob .slider-tip{width: 48px;padding-bottom: 0;padding-top: 1px;margin-left: -21px! important;letter-spacing: 0;}
.mob .slider-rulelabel span{font-size:12px;}
.mob .leaflet-right .leaflet-control, .mob .leaflet-bottom .leaflet-control-scale, .mob .leaflet-control-container{display:none;}
.mob .leaflet-touch .leaflet-bar a{width: 26px;height: 26px;line-height: 26px;}

.mob #Chart{display:inline-block;right: 3.16%;bottom: 0;width: calc(100% - 3.16% - 3.16%);height:90px;margin: 0 auto;font-family: 'notokr';}
.mob #Chart:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:#fff;opacity: 1;border-radius: 10px 10px 0 0;}
.mob #Chart div:last-child {display: none;width: 50px;text-align: center;line-height: 15px;}
.mob #Chart div:last-child:after {content: "";position: absolute;bottom: -4px;left: calc(50% - 4px);width: 10px;height: 10px;transform: rotate(45deg);background-color: #103B7C;}








.mob .con-area{position:relative;padding: 12px 4.16% 20px;}
.mob #info_date{margin-bottom: 14px;border-bottom:1px solid #aaa;font-size:22px;color:#666;font-weight: 300;line-height: 40px;}
.mob .cnt-area li{float:left;width: 49%;;margin-bottom: 0;}
.mob .cnt-area li:last-child{margin-left: 2%;}
.mob .cnt-area .tit-cnt{font-size:18px;color:#1264A3;font-weight:600;line-height: 24px;}
.mob .cnt-area .tit-cnt span{margin-left: 6px;font-size:16px;line-height: 32px;font-weight: 300;opacity: 0.8;}
.mob .cnt-area .cnt-sum{display:inline-block;margin-top: 4px;font-size: 32px;color: #3a3a3a;;font-weight: 500;line-height: 1;}
.mob .cnt-area .cnt-sum:after{display:inline-block;margin-left: 3px;font-size: 20px;line-height: 1;font-weight: 500;opacity: 0.6;}
.mob .con-area .txt-detail{position:initial;margin-top: 30px;padding:10px 0;border-top:1px solid #ddd;font-size:12px;color:#444;line-height:20px;}


.mob .last-update{position:initial;bottom:0;right:0;width: 100%;height: 30px;background:#ccc;line-height:30px;font-size:13px;color:#000;letter-spacing: -0.5px;font-weight:500;text-align:center;box-sizing: border-box}
  
.mob .tit-main.v2{height: 70px;padding: 19px 0 18px;box-sizing: border-box}
.mob .tit-main.v2 span.arrow{position: absolute;right: 4.16%;bottom: 20px;font-size:30px;color:#fff;}
.mob .tit-main.v2 span{display:inline-block;margin-left: 10px;font-size:18px;line-height:31px;font-weight:300;letter-spacing:-2px;}
.mob .tit-main.v2 strong{font-size:22px;letter-spacing: -1.5px;}

.mob #footer{position:initial;width: 100%;padding:16px 0 16px;line-height:30px;font-size:13px;}
.mob #footer .footer-area{font-size: 1.2rem;}


.mob .leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    display: block;
    right: 8px;
    top: 10px;
    width: 20px;
    height: 20px;
    color: #55447b;
    text-indent: -9999px;
  }
  .mob .leaflet-container a.leaflet-popup-close-button:before, .mpb .leaflet-container a.leaflet-popup-close-button:after, .mob .leaflet-container a.leaflet-popup-close-button:before, .mob .leaflet-container a.leaflet-popup-close-button:after{height: 22px;}


  .badge {
    border-radius: 50%;
    border: 2px solid white;
    background-color: red;
    padding: 0px 0px 3px 0px;
    text-align: center;
    font-size: 8pt;
    font-weight: 900;
    color: white;
  }