.center{text-align:center;}
#bo_cate {border-bottom:2px solid #1977b5;padding:10px;margin:10px auto; max-width:1300px; }
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px;}
#bo_cate a, .bo_cate_on a {display:block;line-height:30px;padding:0 10px;border-radius:3px;border:1px solid #d2d6dc; color:#1977b5;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#ecf2f3;}
#bo_cate #bo_cate_on, .bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}

.select_map01{z-index:200; transition: all 0.5s ease-out; transform: scale(1.02) !important;  -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02);  -o-transform: scale(1.02); background: rgba(0,0,0 , 0.6);border-radius:15px;}
.select_map02{z-index:200; transition: all 0.5s ease-out; transform: scale(1.2) !important;  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2);  -o-transform: scale(1.2); background: rgba(0,0,0 , 0.6);border-radius:15px;}
.select_map03{z-index:200; transition: all 0.5s ease-out; transform: scale(1.3) !important;  -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3);  -o-transform: scale(1.3); background: rgba(0,0,0 , 0.6);border-radius:15px;}

.map_inner{position:relative;  border-radius:20px;}
.mapclose{	 position:absolute;		top:10px; left:20px; font-size:15pt; color:#FFF; cursor:pointer;	}
#subj{ font-size:1.4em; color:#FFF; position:absolute; top:30px; left:80px; min-width:150px; padding:8px 30px 10px; 
border-top:3px solid #000;  border-bottom:3px solid #000; text-align:center;
 }

.tooltip{position:absolute; min-width:100px; font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕'; 
font-size:13px;letter-spacing:-0.2px; text-align:center; font-weight:bold;white-space:nowrap;transition:all .2s ease;padding:5px 10px 6px;border-radius:5px;
color:#fff;background:#025272;box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);opacity:0;  z-index:999;
}
.tooltip:after {  content: "";  position: absolute;
    left: 40%;   top: 100%;   width: 0; height: 0; border-left: 5px solid transparent; border-top: 5px solid #025272; border-right: 5px solid transparent;
}

.map01 .tooltip{ font-size:14px;	   }
/****	pos ani ***/
.loader_outer{position: absolute; cursor:pointer; border-radius: 50%; z-index:200;}
.loader { position: relative;	background: #006AD5;  
  width: 23px;  height: 23px;	    color:#FFF; text-align:center;  font-size:13px;
  aspect-ratio: 1;  border-radius: 50%;  box-shadow: 0 0 0 0 #0004;  animation: mypulse 2.5s infinite linear;
}
.loader a{color:#FFF;}

.loader:before, .loader:after { content: "";  position: absolute;  inset: 0;
  border-radius: inherit; box-shadow: 0 0 0 0 #0004;
  animation: inherit; animation-delay: -0.1s;
}
.loader:after {   animation-delay: -1s;}
@keyframes mypulse {	  100% {box-shadow: 0 0 0 22px #0000}	}

.loader:hover { animation: none;	 border:3px solid #FF7939;}
.view{opacity:1 !important;}
/******************************/

.dialog .flex_ul{display:flex;}
.mapclose{display:none;}