body {	
	background-image:url(images/bg.jpg);
	background-position:left top;
	background-repeat:repeat;
	line-height: 150%;
	font-size:0.9em;
	-webkit-text-size-adjust: none;
}
body *
{
	text-shadow: none;
}
h2, h3, h4, h5, h6
{
	line-height: 1;
	color: #330;
	padding: 5px;
	border-top: 1px solid #ddad47;
	border-bottom: 1px solid #ddad47;
	display:block;
	font-weight:bold;
}
h2.board-h2{
	line-height: 1;
	color: #330;
	padding: 0px;
	border-top: 0px solid #ddad47;
	border-bottom: 0px solid #ddad47;
	display:block;
	font-weight:bold;
}
h2, h3
{
	font-size: 18px;
}
h4, h5, h6
{
	font-size: 16px;
}
p
{
	margin: 0;
}
a, a:link, a:active, a:visited, a:hover
{
	color: #333;
	text-decoration: none;
}
pre
{
	font-size: 12px;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#page {
	   
	   }
#page nav
{
	display: none;
}

#header
{
	width:100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 0;
	position:relative;
	}
.header
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	padding:0;
	overflow:hidden;
}
h1{
   display:block;
   padding:5px 20px 7px 28px;
   margin:0 auto;   
   width:80%;
   text-align:center;
   }
   h1 img{
	      width:75%;
		  }
		  p.phone-p{
				   position:absolute;
				   top:15px;
				   right:0.3%;
				   z-index:10;
				   width:13%;
					}
					p.phone-p2{
							   position:absolute;
							   top:15px;
							   right:14%;
							   z-index:11;
							   width:13%;
							  }
					 p.phone-p img{
						           width:95%;
								   }
								   p.phone-p2 img{
												 width:95%;
												 }
		  @media all and (min-width: 480px) {
									#header
									{
										font-size: 16px;
										font-weight: bold;
										text-align: center;
										padding: 5px 0 0 0;
									}
									
									h1{
									   padding:5px 0 10px 45px;
									   width:300px;
									   text-align:center;
									   }
									   h1 img{
											 margin:0;
											 padding:0;
											 width:75%;
											 }

									  p.phone-p{
											   position:absolute;
											   top:12px;
											   right:5px;
											   z-index:10;
											   width:10%;
												}
												p.phone-p2{
														 position:absolute;
														 top:12px;
														 right:110px;
														 z-index:11;
														 width:10%;
														  }
												
												p.phone-p img{
													       width:80%;
														   }
														   p.phone-p2 img{
																		 width:80%;
																		 }
										  }


#footer
       {clear:both;
		width: 100%;
		background-color:#333;
		box-shadow: 0 0 5px #ccc;
		text-align:center;
		padding:5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		color:#fff;
			}
address{
	    font-style:normal;
		color:#fff;
		}
#footer p{
	      font-size:0.8em;
}
#footer p a {color:#FFF; text-decoration:none;}

#header a.navmenu,
.header a
{
	background: center center no-repeat transparent;
	background-image: url(images/icons-png/bullets-3.png);
	background-size:99%;
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 10px;
	left: 10px;
}
	             
#header a.friends,
.header a.friends
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,
.header a.right
{
	left: auto;
	right: 10px;
}
#content,
.content
{
	padding: 0;
}
#content-sub,
.content-sub
{
	padding: 0;
	background-color:#FFF;
	background-image:url(images/bg_body2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
}
/*메인화면/////////////////////////////////////////////////////////*/
ul.m-btn-strong{
	           display: -webkit-flex;
			   display: flex;
			   -webkit-flex-flow: row wrap;
			   flex-flow: row wrap;
}
ul.m-btn-strong li{
	               float:left;
				   width:25%;
		           padding:10px 10px 5px 15px;
				   margin:1px;
				   border:1px solid #baccc9;
				   border-radius:5px;
				   color:#000;
				   
				   }
				   @media (min-width: 600px) {
					   ul.m-btn-strong li{
									   float:left;
									  /* width:25%;*/
									   width: 30%;
									   padding:10px 10px 5px 15px;
									   margin:1px;
									   border:1px solid #baccc9;
									   border-radius:5px;
									   color:#000;
									   }
					   }
				   ul.m-btn-strong li h4{
					                    color:#fff;
										font-size:1.0em;
										font-weight:bold;
										/*text-shadow:0 2px 0 #333;*/
										border: 0px;
										}
										ul.m-btn-strong li h4 span{
											                       font-size:0.8em;
																    color:#FFF;
																   }
				   ul.m-btn-strong li img{
					                      width:95%;
										  height:40px;
										  }
				   ul.m-btn-strong li.aaa{					                     
										 background-image:url(images/m1.png);
										 background-position:90% 90%;
										 background-repeat:no-repeat;
										 background-size:28%;
										 background-color:#1a6584;
										 }
										 ul.m-btn-strong li.aaa a{display:block; color:#FFF;}
										 ul.m-btn-strong li.bbb{
																 
																 background-image:url(images/m3.png);
																 background-position:90% 90%;
																 background-repeat:no-repeat;
																 background-size:16%;
																 background-color:#169fd8;
																 }
																 ul.m-btn-strong li.bbb a{display:block; color:#FFF;}
										 ul.m-btn-strong li.ccc{
																   background-image:url(images/m2.png);
																   background-position:90% 90%;
																   background-repeat:no-repeat;
																   background-size:20%;
																   background-color:#1a6584;
																   }
																   ul.m-btn-strong li.ccc a{display:block; color:#FFF;}
										 ul.m-btn-strong li.ddd{
																   background-image:url(images/m4.png);
																   background-position:90% 90%;
																   background-repeat:no-repeat;
																   background-size:35%;
																   background-color:#169fd8;
																   }
																   ul.m-btn-strong li.ddd a{display:block; color:#FFF;}
										 ul.m-btn-strong li.eee{
																   background-image:url(images/m5.png);
																   background-position:90% 90%;
																   background-repeat:no-repeat;
																   background-size:35%;
																   background-color:#1a6584;
																   }
																   ul.m-btn-strong li.eee a{display:block; color:#FFF;}
										 ul.m-btn-strong li.fff{
																 
																 background-image:url(images/m6.png);
																 background-position:90% 90%;
																 background-repeat:no-repeat;
																 background-size:30%;
																 background-color:#169fd8;
																 }
																 ul.m-btn-strong li.fff a{display:block; color:#FFF;}
																 @media all and (min-width: 480px) {

																					  
																	 }
/*소개말씀 테이블//////////////////////////////////////////////*/
.h-introduce {  
								  line-height:130%;
								  padding:7px;
								 /* border-radius:5px;	*/							  
								 /* background: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.3));  For Safari 5.1 to 6.0 */
    							 /* background: -o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.3));  For Opera 11.1 to 12.0 */
								 /* background: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.3)); For Firefox 3.6 to 15 */
								 /* background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.3));  Standard syntax (must be last) */								  					  
								  }
								  .h-introduce p {word-break:keep-all;}
                           dl.strong-point{
							                  border-top:1px solid #ff7e00;
											  border-bottom:2px solid #ff7e00;
											  width:98%;
											  margin:15px 0 0 0;
											  }
						   dl.strong-point dt{
							                     vertical-align:middle;
												 text-align:left;
												 padding:3px;
												 border-top:1px solid #ff7e00;
												 border-bottom:1px solid #ff7e00;
												 font-weight:bold;
												 background-color:#f7f7f7;
												 }
						   dl.strong-point dd{
							                     vertical-align:middle;
												 text-align:left;
												 line-height:160%;
												 word-break:keep-all;
												 }
													dl.strong-point dd ul {padding:0 0 0 25px; list-style:disc;}
													dl.strong-point dd ul li{word-break:keep-all;}
													/*생활안내//////////////////////////////////////////////*/
													 fieldset.infor-box{ 
																		   /*background: -webkit-linear-gradient(#e8f4e2, #ffffff);  For Safari 5.1 to 6.0 */
																		  /*  background: -o-linear-gradient(#fe8f4e2, #ffffff); For Opera 11.1 to 12.0 */
																		  /*  background: -moz-linear-gradient(#e8f4e2, #ffffff); For Firefox 3.6 to 15 */
																		  /* background: linear-gradient(#e8f4e2, #ffffff);  Standard syntax (must be last) */
																		   clear:both;
																		   border-radius: 5px;
																		   border:1px solid #F60;
																		   margin:5px;
																		   padding:5px;
																		   overflow:hidden;
																		   }
												   fieldset.infor-box legend{
																				 font-weight:bold;
																				 color:#C66;
																				 }
																				      .fa-box{display:block;float:left; width:15%;margin:0 auto;text-align:center; overflow:hidden;}
																					  .fa-box img.faimg{max-width:100%;}
												   fieldset.infor-box ul {
																			 display:block;
																			 float:left;
																			 width:76%;
																			 list-style:disc;
																			 padding:0 0px 0 25px;
																			 margin:0;
																			 text-indent:-5px;
																			 overflow:hidden;
																			 }
																			 fieldset.infor-box ul li{
																				                      word-break:keep-all;
																										   }
												/*시설보기.............................................*/
																			.jbMenu {
																					  border-top:3px solid #999;
																					  border-bottom:2px solid #999;
																					  width: 100%;
																					  background-color:#000;
																					}
																					.jbMenu ul {
																								margin:0 auto;
																								width:230px;											
																								overflow:hidden;
																								}
																					.jbMenu ul li{
																								  float:left;
																								  width:114px;
																								  text-align:center;
																								  }
																					.jbMenu ul a.jbmenu-a{
																									   text-decoration:none;
																									   text-align:center;
																									   display:block;
																									   padding:5px 3px;
																									   color:#FFF;
																									   font-size:1.0em;
																									   }
																					.jbContent {
																								height: 2000px;
																							   }
																					.jbFixed {
																							  position: fixed;
																							  top: 0px;
																							  }
																							img.photo-view {width:716px;}
																							@media all and (max-width: 480px) {
																								img.photo-view {width:98%;}
																							}
																			 /*주변환경/////////////////////////////////////////////*/
																			 fieldset.en-box{ 
																									 clear:both;
																									 border-radius: 5px;
																									 border:1px solid #F60;
																									 margin:5px;
																									 padding:5px;
																									 overflow:hidden;
																									 }
																			fieldset.en-box ul{
																								   list-style:disc;
																								   padding:0 0 0 25px;
																								   margin:0 0 15px 0;
																									 }
																			fieldset.en-box ul li{
																									 letter-spacing:-0.05em;
																									 word-break:keep-all;
																									 }
																			fieldset.en-box ul li ul{
																										   margin:0 0 0 20px;
																										   }
																									 fieldset.en-img{
																													border:0;
																													margin:0 auto;
																													overflow:hidden;
																													}
																						  
																					   fieldset.en-img ul li{
																											float:left;
																											width:47%;										
																											}
																									  .en-img ul li.en-box{float: left; width:48%;margin:0 auto;text-align:center;}
																									  .en-img ul li.en-box img{max-width:98%;}
																									   /*오시는길/////////////////////////////////////////////*/
																									  
																												 .h-map { 
																														width:320px;
																														margin:0 auto;
																														}
																														
																									 /*상담문의/////////////////////////////////////////////*/
																									   	   .h-customer { 
																														width:98%;
																														margin:0 auto;
																														text-align:center;
																														padding-bottom:50px;
																														}
																														.h-customer p {padding:10px 0; text-align:center;}
																														.h-customer p img{width:70%;}
																			 
																					  
.point1{font-weight:bold;}
.point2{color:#F00;}
.point3{color:#39F;}
.point4{color:#6C0;}
.point5{color:#f5652f;}
.point6{color:#93F;}
.point7{color:#090}
.point9{color:#660;}
.point10{color:#F60;}
.point11{color:#00b3d3;}