@import url("/fonts/nt/nt.css");

@font-face { font-family: 'NotoSerifKR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-style: normal; } 

/* ÃʱâÈ­ */
html {overflow-y:scroll;height: 100% }
body { height: 100%; margin: 0; padding: 0;  font-family:'ntkr-regular', sans-serif; }
h1,h5 { text-align : center} 
#map_head { width: 100%; height: 8%; margin-left:auto; margin-right:auto; border-top:0px; border-left:0px; border-right:0px;min-height:70px   } 


#map_head > .top_bar{ width: 100%;height:90%; } 
#map_head > .top_bar > .head_logo { float:left;width: 50%;height:90%;} 
#map_head > .top_bar > .head_logo > a > .logo{  height:80%;margin-top:10px;margin-left:50px } 
#map_head > .top_bar > .head_logo_text { float:left;width:48%;height: 90%;text-align:right;margin-right:2%;}
#map_head > .top_bar > .head_logo_text > ul { list-style:none;text-align:right;float:right }
#map_head > .top_bar > .head_logo_text > ul > li  { float:left;padding:15px;font-size:1.2em;font-weight:bold;cursor:pointer }

#map_head > .head_line{ width: 100%; height: 10%; background:#a74939   } 

#map { width: 100%; height: 92%; border : solid blue ; margin-left:auto; margin-right:auto; border:0px; float:left } 

#map_event { position:absolute;z-index:10000000;margin-top:15px; width: 95px; height: 80%; border : solid blue ; margin-left:auto; margin-right:auto; border:0px; float:left;right:330px; } 


#map_event > .level { margin-left:-20px;margin-right:20px; } 


#map_event > .level > li:first-child{
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

#map_event > .level > li:last-child{
border-bottom-right-radius: 15px;    
border-bottom-left-radius: 15px;
}


#map_list_head_box { position:absolute;z-index:10000000;width: 300px; height: 200px; margin-top:30px; overflow:auto;border : solid blue ; margin-left:auto; margin-right:auto; border:0px; float:right;right:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;    
border-bottom-left-radius: 15px;
background:#fff;
} 

#map_list_head_box ul { list-style:none;padding:0px;margin:0px 0px 0px 10px;font-size:0.8em; } 
#map_list_head_box ul li{ float:left; } 

#map_list_head { position:absolute;z-index:10000000;width: 300px; height: 60%; margin-top:250px; overflow:auto;border : solid blue ; margin-left:auto; margin-right:auto; border:0px; float:right;right:20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;    
border-bottom-left-radius: 15px;
background:#fff;
} 

#map_list { } 

#map_list_head  > .wrap_list { margin-top:0px;  } 


#map_list .wrap{ display:table;font-size:0.8em;padding:15px;border-bottom:1px solid silver;min-width:200px; } 

/*¸®½ºÆ® ½ºÅ¸ÀÏ on*/
#map_list .wrap_list_on{ background:#f7f7f7;font-size:0.8em;padding:15px;border-bottom:1px solid silver; } 
#map_list .wrap_list_off:hover{ cursor:pointer;} 
#map_list .wrap_list_on > .info > .title{ font-size:1em;font-weight:bold; } 
/*¸®½ºÆ® ½ºÅ¸ÀÏ off*/
#map_list .wrap_list_off{ background:#ffffff;font-size:0.8em;padding:15px;border-bottom:1px solid silver; } 
#map_list .wrap_list_off:hover{ background:#f7f7f7;cursor:pointer;} 
#map_list .wrap_list_off > .info > .title{ font-size:1em;font-weight:bold; } 
/*¸®½ºÆ® ½ºÅ¸ÀÏ*/
/* 񀨦 */
#map_list_head_box .areaname { width:100%;display:table;margin-top:10px; }
#map_list_head_box .areaname > ul > li { width:34px;font-size:0.83em;cursor:pointer;border-left:1px dotted silver;border-top:1px dotted silver;border-bottom:1px dotted silver;text-align:center;padding: 5px 0px 5px 0px  }
#map_list_head_box .areaname > ul > li:first-child { width:279px;border-bottom:0px;border-right:1px dotted silver; }
#map_list_head_box .areaname > ul > li:nth-child(9) { border-right:1px dotted silver; }
#map_list_head_box .areaname > ul > li:last-child { border-right:1px dotted silver; }

#map_list_head_box .areaname .box_over_off { background:#f7f7f7 }
#map_list_head_box .areaname .box_over_on { background:#000;color:#fff }

/* 񀨦 */
/* °¡³ª´Ù */
#map_list_head_box .alphaname { width:100%;display:table;margin-top:10px; }
#map_list_head_box .alphaname > ul > li { width:19px;font-size:0.83em;cursor:pointer;border-top:1px dotted silver;border-left:1px dotted silver;border-bottom:1px dotted silver;text-align:center;padding: 5px 0px 5px 0px  }
#map_list_head_box .alphaname > ul > li:first-child { width:279px;border-bottom:0px;border-right:1px dotted silver; }
#map_list_head_box .alphaname > ul > li:last-child { border-right:1px dotted silver; }
#map_list_head_box .alphaname .box_over_off { background:#fcefe4 }
#map_list_head_box .alphaname .box_over_on { background:#8f4a0c;color:#fff }

/* °¡³ª´Ù */
.nodata { display:table;width:100%;padding-top:30px;text-align:center;font-size:0.83em; }


/*°Ë»ö*/
#map_list_head_box  #btn-key { 
	width:30px;float:left;background:gray;color:#fff;padding:3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;    
	border-bottom-left-radius: 5px;
}
#map_list_head_box  #key-message {
    width:30px;
	padding:3px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;    
	border-bottom-left-radius: 5px;
    margin-top:2px;
}

#map .wrap_info > .wraps {
	padding:0px;
    border:0px;
	width:350px;
	border:0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;    
	border-bottom-left-radius: 5px;

}
#map .wrap_info > .wraps > .infos { margin:0px; }
#map .wrap_info > .wraps > .infos > .title { background:#363636;margin:0px;padding:3px 3px 3px 10px;color:#fff;font-size:0.8em;font-weight:bold; }
#map .wrap_info > .wraps > .infos > .body > .desc { margin:0px;padding:10px;font-size:0.8em; }
#map .wrap_info > .wraps > .infos > .body > .desc > div > a { color:#000;text-decoration:none }
#map .wrap_info > .wraps > .infos > .body > .desc > div { line-height:200% }




.btn1 { cursor:pointer}
.btn2 { margin-right:10px; }

.showman { position:absolute;width:100%;height:100%;background:#000;display:none;z-index:1500000000;opacity: 0.5; }

.showman_view { position:absolute;left:50%; width:720px;transform:translateX(-50%);height:600px;display:none;background:#fff;color:#000;z-index:1500000001;opacity: 2;margin-top:100px;
border-top-left-radius: 39px;
border-top-right-radius: 39px;
border-bottom-right-radius: 39px;    
border-bottom-left-radius: 39px;
}

.showman_view  .top_base{ background:#000;border-top-left-radius: 39px;border-top-right-radius: 39px;height:60px;color:#fff;text-align:center;font-size:1.25em;padding-top:22px;font-weight:bold}

.showman_view  .top_base .xclose { position:absolute;top:0px;left:650px;font-size:0.8em;padding-top:27px;cursor:pointer }

.showman_view  .top_content{ width:640px;height:460px;margin:0 auto;padding:20px;overflow:hidden;overflow-y:auto; }

.showman_view  .top_content .nodata_content { text-align:center;width:720px;font-size:1.25em;padding-top:22px;font-weight:bold }