@charset "utf-8";
/* CSS Document */

/*******************************
 * 파일명 : newWebMainGis.css
 * 설명	  : 2025년 신규 웹 메인 GIS 화면 CSS
 * update - 2025.06.27.
********************************/

@keyframes point_pump {
    0% {
        transform: scale(0);
        transform-origin: 50% 50%;
    }

    50% {
        transform: scale(2.2);
    }

    100% {
        opacity: 0;
    }
}

.dotStationFeature:before{
    /*
    transition: all .1s;
    -webkit-animation: circular 3s 0s ease-in-out infinite;
    animation: circular 0.8s 0s ease-in-out infinite;
    */
    animation: point_pump 1s cubic-bezier(.76, .54, .42, .82) infinite;
}

.dotStationFeature.g01:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch01.png) no-repeat 0 0; left:0; top:0;}
.dotStationFeature.g01:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#48c9ff; border-radius:50px;}
.dotStationFeature.g02:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch02.png) no-repeat 0 0; left:0; top:0;}
.dotStationFeature.g02:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#7eff90; border-radius:50px;}
.dotStationFeature.g03:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch03.png) no-repeat 0 0; left:0; top:0;}
.dotStationFeature.g03:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#fff200; border-radius:50px;}
.dotStationFeature.g04:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch04.png) no-repeat 0 0; left:0; top:0;}
.dotStationFeature.g04:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#ff8888; border-radius:50px;}
.dotStationFeature.g05:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch05.png) no-repeat 0 0; left:0; top:0;}
.dotStationFeature.g05:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#afafaf; border-radius:50px;}
.dotStationFeature.g07:after{ content:""; position:absolute; width:10px; height:10px;  background: url(../images/img_ch05.png) no-repeat 0 0; left:0; top:0;}
.dotStationFeature.g07:before{ content:""; position:absolute; left:0; top:0; width:10px; height:10px; background:#afafaf; border-radius:50px;}

