.mt-2 {margin-top:2px}

.map {position:relative; width: 100%;height:750px}

.stat {position:relative; width:180px; height:30px}
.stat .box {top:0; left:60px; width:60px; height:100%}
.stat.green {background-color:#4eb53e; border:1px solid #44753c; border-radius:0.3em}
.stat.green .box {background-color:#289917}
.stat.blue {background-color:#516dc0; border:1px solid #192955; border-radius:0.3em}
.stat.blue .box {background-color:#455b9a}
.stat.multirows {height:59px}
.stat.orange {height:59px; background-color:#d89a3e; border:1px solid #8a5f21; border-radius:0.3em}
.stat.orange .box {background-color:#c78b32}
.stat.orange-oneline {background-color:#d89a3e; border:1px solid #8a5f21; border-radius:0.3em}
.stat.orange-oneline .box {background-color:#c78b32}
.stat.red {background-color:#c04c5d !important; border:1px solid #741d29 !important}
.stat.red .box {background-color:#af3647 !important}
.stat.grey {background-color:#666666 !important; border:1px solid #333333 !important; border-radius:0.3em}
.stat.grey .box {background-color:#555555 !important}

.stat span {position:absolute; color:#fff; font-size:11px; font-family:dotum; line-height:1.0em; text-align:center; letter-spacing:0}
.stat .src {top:10px; left:0; width:60px}
.stat.orange .src {top:24px}
.stat .dest {top:10px; right:0; width:60px}
.stat .dest2 {top:39px; right:0; width:60px}
.stat .current {top:5px; left:0px; width:60px; font-size:19px; font-weight:bold; font-family:'consolas'}
.stat .public {top:17px; left:0px; width:60px; font-size:11px; font-weight:normal; color:#000}
.stat .public > em {color:#000}
.stat .current2 {top:35px; left:0px; width:60px; font-size:19px; font-weight:bold; font-family:'consolas'}
.stat .public2 {top:46px; left:0px; width:60px; font-size:11px; font-weight:normal; color:#000}
.stat .public2 > em {color:#000}
.stat .box:has(.public) .current {top:0px}
.stat .box:has(.public) .current2 {top:29px}
.stat em {margin-left:3px; font-size:12px; font-style:normal; color:#fff; font-family:'dotum'}

.stat.anchor_up_right {margin-top:-70px; margin-left:-205px}
.stat.anchor_up_right_half {margin-top:-45px; margin-left:-205px}
.stat.anchor_right {margin-left:-180px}

/*
하노이ic 추가
.stat.hanoi {width:180px; height:59px !important}
.stat.hanoi .src {top:11px; left:7px; width:60px}
.stat.hanoi .src2 {top:38px; left:7px; width:60px}
.stat.hanoi .dest {top:24px; width:45px}
.stat.hanoi .box {left:75px}
*/

/* 필리핀2 추가*/
.ph {width:180px; height:59px !important}
.ph .src {top:4px; left:7px; width:60px}
.ph .src2 {top:33px; left:7px; width:60px}
.ph .dest {top:24px; width:45px}
.ph .box {left:75px}

.india .src {top:24px}
.indonesia .src {top:24px}

#map_subject {position:absolute; top:10px; left:10px; z-index:9999; text-align:left; padding:10px 30px; background-color:#666; color:#fff; font-size:22px; border-radius:0.3em}
#public_green_desc {position:absolute; top:90px; left:10px; z-index:9999; text-align:left}
#public_orange_desc {position:absolute; top:155px; left:10px; z-index:9999; text-align:left}
#public_blue_desc {position:absolute; top:220px; left:10px; z-index:9999; text-align:left}

.desc {position:relative; width:150px; height:30px}
.desc_name {padding-bottom:2px; color:#000}
.desc_name label {color:#000}
.desc_name label input {margin-right:3px}
.desc .box {top:0; left:45px; width:60px; height:100%}
.desc.green {background-color:#4eb53e; border:1px solid #44753c; border-radius:0.3em}
.desc.green .box {background-color:#289917}
.desc.blue {background-color:#516dc0; border:1px solid #192955; border-radius:0.3em}
.desc.blue .box {background-color:#455b9a}
.desc.orange {background-color:#d89a3e; border:1px solid #8a5f21; border-radius:0.3em}
.desc.orange .box {background-color:#c78b32}

.desc span {position:absolute; color:#fff; font-size:11px; font-family:dotum; line-height:1.0em; text-align:center; letter-spacing:0}
.desc .src {top:10px; left:0; width:45px}
.desc .dest {top:10px; right:0; width:45px}
.desc .current {top:10px; left:0px; width:60px; font-size:12px; font-weight:normal}
.desc .public {top:17px; left:0px; width:60px; font-size:11px; font-weight:normal; color:#000}
.desc .box:has(.public) .current {top:2px}

.country_label {width:60px; height:20px}
.country_label.green {background-color:#666; border:1px solid #444; border-radius:0.2em}
.country_label.green span.name {display:block; width:100%; margin:0; color:#fff; font-size:11px; font-family:'dotum'; text-align:center; line-height:2.0em}
.country_label.anchor_up_right {margin-top:-40px; margin-left:-25px}
.country_label.anchor_up_right_half {margin-top:-15px; margin-left:-4px}
.country_label.anchor_up_right_2x {margin-top:-80px; margin-left:-25px}
.country_label.anchor_right {margin-left:-60px}
.country_label.anchor_right_half {margin-left:-60px}

#zoom_control {position:absolute; bottom:10px; left:10px; z-index:9999; text-align:left; font-size:24px}
#zoom_control button {display:inline-block; width:40px; padding:4px 10px; text-align:center; font-size:24px}


/* 목표값 미달시 경고 */
.pulse {animation: pulse-animation 1s infinite;}
@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(100, 0, 0, 1);
		border-radius:0.3em
	}
	100% {
		box-shadow: 0 0 0 10px rgba(100, 0, 0, 0);
		border-radius:0.3em;
	}
}