body {	
	/*background-image:url(images/bg.png);*/
	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;
	background-image:url(images/bg_top_new.png);
	background-position:left top;
	background-repeat:repeat-x;
	position:relative;
	}
.header
{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding:0;
}
h1{
   padding:5px 0 7px 48px;
   width:200px;
   text-align:left;
   }
   h1 img{
	      width:95%;
		  }
		  p.phone-p{
				   position:absolute;
				   top:10px;
				   right:0.3%;
				   z-index:10;
				   width:20%;
				   background-image:url(images/m_phone2.png);
				   background-position:center center;
				   background-repeat:no-repeat;
				   background-size:60%;
					}
					p.phone-p2{
							   position:absolute;
							   top:10px;
							   right:14%;
							   z-index:11;
							   width:20%;
							   background-image:url(images/m_phone2_sms.png);
							   background-position:center center;
							   background-repeat:no-repeat;
							   background-size:60%;
							  }
					 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;
										background-image:url(images/bg_top_new.png);
										background-position:left top;
										background-repeat:repeat-x;
									}
									
									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:20%;
											   background-image:url(images/m_phone.png);
											   background-position:center center;
											   background-repeat:no-repeat;
											   background-size:80%;
												}
												p.phone-p2{
														 position:absolute;
														 top:12px;
														 right:110px;
														 z-index:11;
														 width:20%;
														 background-image:url(images/m_phone_sms.png);
														 background-position:center center;
														 background-repeat:no-repeat;
														 background-size:80%;
														  }
												
												p.phone-p img{
													       width:80%;
														   }
														   p.phone-p2 img{
																		 width:80%;
																		 }
										  }


#footer
       {
		clear:both;
		width: 100%;
		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;
			}
address{
	    font-style:normal;
		}
#footer p{
	      font-size:0.8em;
}
#footer p a{text-decoration:none;}
#header a.navmenu,
.header a
{
	background: center center no-repeat transparent;
	background-image: url(images/icons-png/bullets-white.png);
	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;
}
/*메인화면/////////////////////////////////////////////////////////*/
ul.m-btn-strong{
	           width:100%;
			   margin:0 auto;
}
ul.m-btn-strong li{
	               float:left;
				   width:25%;
		           padding:10px 10px 5px 15px;
				   margin:1px;
				   border:1px solid #FFF;
				   color:#FFF;
				   }
				   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;
																   }
				   ul.m-btn-strong li img{
					                      width:95%;
										  height:40px;
										  }
				   ul.m-btn-strong li.aaa{
					                     background-color:#2e6779;
										 background-image:url(images/m1.png);
										 background-position:90% 90%;
										 background-repeat:no-repeat;
										 background-size:28%;
										 }
										 ul.m-btn-strong li.bbb{
																 background-color:#5d182f;
																 background-image:url(images/m2.png);
																 background-position:90% 90%;
																 background-repeat:no-repeat;
																 background-size:25%;
																 }
										 ul.m-btn-strong li.ccc{
																   background-color:#908f26;
																   background-image:url(images/m3.png);
																   background-position:90% 90%;
																   background-repeat:no-repeat;
																   background-size:40%;
																   }
										 ul.m-btn-strong li.ddd{
																   background-color:#007fa7;
																   background-image:url(images/m4.png);
																   background-position:90% 90%;
																   background-repeat:no-repeat;
																   background-size:38%;
																   }
										 ul.m-btn-strong li.eee{
																   background-color:#945067;
																   background-image:url(images/m5.png);
																   background-position:90% 90%;
																   background-repeat:no-repeat;
																   background-size:35%;
																   }
										 ul.m-btn-strong li.fff{
																 background-color:#97b269;
																 background-image:url(images/m6.png);
																 background-position:90% 90%;
																 background-repeat:no-repeat;
																 background-size:35%;
																 }
																 @media all and (min-width: 480px) {
																	 ul.m-btn-strong li{
																					   float:left;
																					   width:28%;
																					   padding:10px 10px 5px 15px;
																					   margin:1px;
																					   border:1px solid #FFF;
																					   color:#FFF;
																					   }
																					  
																	 }
/*소개말씀 테이블//////////////////////////////////////////////*/
.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) */								  					  
								  }
                           table.strong-point{
							                  border-top:2px solid #ff7e00;
											  border-bottom:2px solid #ff7e00;
											  width:99%;
											  margin:15px 0 0 0;
											  }
						   table.strong-point th{
							                     vertical-align:middle;
												 text-align:center;
												 padding:5px;
												 border-bottom:1px solid #ccc;
												 width:15%;
												 font-weight:bold;
												 }
						   table.strong-point td{
							                     vertical-align:middle;
												 text-align:left;
												 padding:5px;
												 border-bottom:1px solid #ccc;
												 }
						   table.strong-point td ul{
							                        list-style:disc;
													padding:0 0 0 25px;
													}
													table.strong-point td ul li {word-break:keep-all;}
													/*시설안내//////////////////////////////////////////////*/
													 fieldset.introduce-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:10px;
																		   padding:5px;
																		   overflow:hidden;
																		   }
												   fieldset.introduce-box legend{
																				 font-weight:bold;
																				 color:#C66;
																				 }
																				      .fa-box{float:left; width:15%;margin:0 auto;text-align:center;}
																					  .fa-box img.faimg{max-width:100%;}
												   fieldset.introduce-box ul {
																			 float:left;
																			 width:75%;
																			 list-style:disc;
																			 padding:0 0 0 25px;
																			 margin:0;
																			 overflow:hidden;
																			 }
																			 fieldset.introduce-box ul li{
																				                           word-break:keep-all;
																										   }
																			/*시설보기 ////////////////////////////////////////////////*/
																			/*시설보기*/
 	 .thumb-line {padding:10px; 50px 20px 50px; overflow:hidden}
	 .example-image-link a{display:block;width:14.28%;float:left; padding:3px; border-radius: 7px; margin-bottom:20px;}
	 .image-link a{display:block;width:12.28%;float:left; padding:3px; border-radius: 7px; margin-bottom:20px;}/*상단 미리보기*/
	@media screen and (max-width: 480px){
		 .btn-success span { display:block;}
		 .example-image-link a{display:block;width:150px;float:left;}
	     .image-link a{display:block;width:150px;float:left;}/*상단 미리보기*/
	 }
	 .jbMenu {
																					  border-top:3px solid #999;
																					  border-bottom:2px solid #999;
																					  width: 210px;
																					  background-color:#000;
																					}
																					.jbMenu ul {
																								margin:0 auto;
																								width:210px;											
																								overflow:hidden;
																								}
																					.jbMenu ul li{
																								  float:left;
																								  width:70px;
																								  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.envir-box{ 
																							   clear:both;
																							   border-radius: 5px;
																							   border:1px solid #F60;
																							   margin:10px;
																							   padding:5px;
																							   overflow:hidden;
																							   }
																	         fieldset.envir-box legend{
																									 font-weight:bold;
																									 color:#C66;
																									 }
																									 fieldset.envir-box ul {
																														   list-style:disc;
																														   padding:0 0 0 25px;
																														   margin:0;
																														   overflow:hidden;
																														   }
																														   fieldset.envir-box ul li{
																																				    word-break: break-all
																																				   }
																																				   
																						   ul#ul-en{
																								   list-style:disc;
																								   padding:0 0 0 25px;
																								   margin:0 0 15px 0;
																									 }
																							ul#ul-en li{
																									 letter-spacing:-0.05em;
																									 }
																							ul#ul-en 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:32%;										
																											}
																									  .en-img ul li.en-box{float: left; width:32%;margin:0 auto;text-align:center;}
																									  .en-img ul li.en-box img{max-width:98%;}
																									   /*오시는길/////////////////////////////////////////////*/
																									   p.map-img{
																										         text-align:center;
																												 }
																												 .h-map { 
																														width:330px;
																														margin:0 auto;
																														}
																			 
																					  
.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;}


/* g4m gallery latest*/

@media all and (min-width: 500px) {
  .box-private { overflow:hidden;}

}
.box-private {width:320px; margin:0 auto; overflow:hidden;}

/*ul li.box{float: left; width: <?php echo $width + 5?>px; height: <?php echo $height + 5?>px; text-align: center;width:50%;margin:0 auto;text-align:center;}*/

.swipebox a{display:inline-block;}

 .katalk_scroll {position:fixed; right:0px; top:80px; width:0px; z-index:9999; background-color:#fbe300; 
															font-family: "Open Sans", sans-serif;
															font-weight:900;
															font-size:0px;
															font-weight:900;
															 text-align:right;
																	 padding:10px; width:0px; height:0px; visibility:hidden; display:none;
																	 display:block;
																	 border-radius: 0px; 
																	 -webkit-border-radius: 0px; 
																	 -moz-border-radius: 0px;
																	 }	
			   @media (max-width: 768px) {
					 .katalk_scroll {position:fixed; right:0px; top:67px; width: auto; z-index:9999; background-color:#fbe300; 
															          font-family: "Open Sans", sans-serif;
																	  font-weight:900;
																	  font-size:16px;
																	  font-weight:900;
																	  line-height:1;
																	  text-align:center;
																	  padding:8px 5px 8px 40px; width:auto; height:auto; visibility:visible;
																	  display:block;
																	  border-radius: 5px; 
																	  -webkit-border-radius: 5px; 
																	  -moz-border-radius: 5px;
																	  background-image:url(images/katalk.png);
																	  background-position:5px center;
																	  background-repeat:no-repeat;
																	  background-size:30px;
																	 }	
																   .mo-thumb  {width:30px; height:30px;}
			   }
			   
			    /*사진 보기 방식 ===================================*/
		  /*source : http://responsiveslides.com/ */
		  /*readme and License http://guest1.gosiwonshop.com/autor_README.txt*/
		  /*! http://responsiveslides.com v1.54 by @viljamis */
				  #slider3 {
							box-shadow: none;
							-moz-box-shadow: none;
							-webkit-box-shadow: none;
							margin: 0 auto;
							background-color:#eee;
							border:1px solid #ccc;
							}
				.rslides_tabs {
							  list-style: none;
							  padding: 0;
							  background: rgba(0,0,0,.1);
							  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,0.2);
							  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,0.2);
							  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,.2);
							  font-size: 18px;
							  list-style: none;
							  margin: 0 auto 50px;
							  max-width: 783px;
							  padding: 10px 0;
							  text-align: center;
							  width: 100%;
							  }
							.rslides_tabs li {
											  display: inline;
											  float: none;
											  margin-right: 1px;
											  }																												
							.rslides_tabs a {
											width: auto;
											line-height: 20px;
											padding: 9px 20px;
											height: auto;
											background: transparent;
											display: inline;
											}																												
							.rslides_tabs li:first-child {
														 margin-left: 0;
														 }
							
							.rslides_tabs .rslides_here a {
														  background: rgba(255,255,255,.1);
														  color: #fff;
														  font-weight: bold;
														  }	
							#slider3-pager a {
											 display: inline-block;
											 }								  
							#slider3-pager img {
							                   float: left;
											   width:71px;
											   height:51px;
							}								  
							#slider3-pager .rslides_here a {
															background: transparent;
															box-shadow: 0 0 0 2px #666;
														  }								  
							#slider3-pager a {
							                  padding: 0;
							}