/* 평생학습지도 ==================================================================================== */ 

.local_list_wrap												{position:relative; border:1px solid #dddddd; display: grid; grid-template-columns:330px auto; gap:0px; margin:0 0 50px 0;  height:550px; transition:all 0.3s ease;}
.local_list_wrap .listbox								{position:relative; padding:20px  ;overflow-y:scroll;}
.local_list_wrap .listbox .tit							{position:relative; color:#666; padding-left:25px; margin-bottom:10px;cursor:pointer;  }
.local_list_wrap .listbox .tit:before				{position:absolute; content:''; left:0;top:3px;width:19px;height:19px; background:#ccc; border-radius:50%;   }
.local_list_wrap .listbox .tit:after					{position:absolute; content:'';top:9px; left:5px; width:5px;height:5px;border:solid #fff; border-width:1px 1px 0 0; opacity:0.8;transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.local_list_wrap .listbox .tit.on						{color:#2044a7;font-weight:600;}
.local_list_wrap .listbox .tit.on:before		{ background:#2044a7;  opacity:1;}
.local_list_wrap .listbox .tit:hover				{color:#2044a7; }
.local_list_wrap .listbox .txt							{display:none;background:#eff2f6;padding:15px;margin-bottom:10px; }
.local_list_wrap .listbox .txt li						{position:relative; display: grid; grid-template-columns: 50px auto; font-size:0.9em; letter-spacing:-0.5px;   }
.local_list_wrap .listbox .txt li:before			{position:absolute; content:''; left:0;top:10px;width:3px;height:3px; background:#999;    }
.local_list_wrap .listbox .txt .txt01				{padding-left:8px;}
.local_list_wrap .listbox .txt .txt02				{ }


  
@media screen and (max-width: 800px) { 
.local_list_wrap												{ display: block;height:initial; }
.local_list_wrap .mapbox								{height:400px;}
.local_list_wrap .listbox								{position:relative; padding:  15px 13px;overflow-y:scroll;height:160px;margin-bottom:10px; }
.local_list_wrap .listbox .tit							{ padding-left:20px;font-size:0.9em;  margin-bottom:5px;}
.local_list_wrap .listbox .tit:before				{ top:4px;width:16px;height:16px;  }
.local_list_wrap .listbox .tit:after					{  content:'';top:9px; left:4px;width:4px;height:4px; }
.local_list_wrap .listbox .txt							{ padding:10px 12px;margin-bottom:7px; }
.local_list_wrap .listbox .txt li						{ font-size:0.85em;   }
}