/*
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: gulim;
    font-size:12px;
}
img{
    vertical-align: middle;
    text-align: center;
}
th, td {
    vertical-align: middle;
    text-align: center;
}
*/
#map {
    width: 100%;
    height: 100%;
}

.ol-popup {
    display: none;
    position: absolute;
    background-color: rgba( 203, 221, 255, 0.9 );
/*  
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
    -webkit-filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.5));
    filter: drop-shadow(0px 1px 4px rgba(0,0,0,0.5));
*/
    padding: 15px;
    border-radius: 0px;
    border: 0px solid transparent;
    bottom: 16px; /*꼬리와 포인터 간격*/
    left: -69px;   
    height: auto;
    width: auto;
    min-width: 110px;
/*
    overflow: auto;
*/

/*줄바꿈 방지*/   
   word-wrap: break-word;

}

 /* 말풍선 꼬리 */
.ol-popup:after  {
    margin-top:15px;
    border-top: 15px solid rgba( 203, 221, 255, 0.9 );
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
    border-bottom:0 solid transparent; 
    content: ""; 
    position:absolute;
    top:auto; left:60px;
}

.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}

.ol-popup-closer:after {
    content: "X";
}

.ol-attribution a {
    text-decoration: none;
    color: #666;
    font-family: sans-serif;
    font-size: 100%;
}

#popup-content>ul>li:nth-child(even) {
    background-color: #eee;
}

/*팝업 컨텐츠 가운데 정렬*/
#popup-content table{
margin:0px  auto;


}
#popup-content ul {
    list-style-type: none;
    padding-left: 0;
}

#popup-content li {
    margin-bottom:0.25em;
}

/*글씨스타일_국가명*/
#popup-content tr:nth-child(2) {
    font-weight: bold;
height: 3em;
}

/*글씨스타일_지역명*/
#popup-content tr:nth-child(3) {
    color:#666;
    height:20px;
}

/*글씨스타일_경보명*/
#popup-content tr:nth-child(4) {
    font-weight: bold;
}

/*글씨스타일_더보기*/
#popup-content tr:nth-child(5) td {
    padding-top:10px;
}

 /*국기 사이즈*/ 
#popup-content img{
    width : 108px;
}

/*버튼생성*/
#popup-content a{
    text-decoration:none;
    font-family:"gulim" ;
    background-color:#539edd;
    color:#ffffff;
    font-weight:bold;
    padding:7px 25px 5px;
    font-size:12px;
}

body.main div.map_area div.map_inner {width:100%;}
body.main div.map_info {width:1100px;margin:0 auto;}
#map {height:530px;}