body {	
	background-image:url(images/bg.png);
	background-position:left top;
	background-repeat:repeat;
	background-attachment:fixed;
	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 #666;
	border-bottom: 1px solid #666;
	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;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding:0;
}
h1{
   margin:0 auto;
   padding:5px 0 5px;
   width:200px;
   text-align:left;
   border:0px solid #fff;
   }
   h1 img{
	      width:95%;
		  }
		  p.phone-p{
				   position:absolute;
				   top:10px;
				   right:0.5%;
				   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-p img{
						           width:90%;
								   }
		  @media all and (min-width: 500px) {
									#header
									{
										font-size: 16px;
										font-weight: bold;
										text-align: center;
										padding: 5px 0 0 0;
									}
									
									h1{
									   margin:0 auto;
									   width:342px;
									   padding:0;
									   }
									   h1 img{
											 margin:0;
											 padding:0;
											 width:70%;
											 }

									  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:70%;
												}
												
												p.phone-p 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{;}
#header a.navmenu,
.header a
{
	background: center center no-repeat transparent;
	background-image: url(images/icons-png/bullets-black.png);
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 7px;
	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:auto;	
			   margin:0 auto;
			   overflow:hidden;
}
ul.m-btn-strong li{
	               display:inline-block;
				   width:25%;
				   padding:10px 10px 15px 15px;
				   margin:-1px;
				   border:1px solid #FFF;
				   border-radius: 10px 10px 10px 0px; 
				   -webkit-border-radius: 10px 10px 10px 0px; 
				   -moz-border-radius: 10px 10px 10px 0px; 
				   }
				   @media all and (min-width: 480px) {
					   
													ul.m-btn-strong li{
																	 float:left;
																	 width:28%;
																	 padding:10px 10px 25px 15px;
																	 margin:-1px;
																	 border:1px solid #FFF;
																	 color:#FFF;
																	 }
					   }
				   ul.m-btn-strong li h4{
										font-size:18px;
										font-weight:bold;
										text-shadow:#fff 0 0 2px;
										}
										ul.m-btn-strong li h4 span{
											                       font-size:0.8em;
																   }
				   ul.m-btn-strong li img{
					                      width:95%;
										  height:40%;
										  }
				   ul.m-btn-strong li.aaa{
					                     background-color:#64e9b8;
										 background-image:url(images/m1.png);
										 background-position:90% 90%;
										 background-repeat:no-repeat;
										 background-size:38%;
										 }
										 ul.m-btn-strong li.bbb{
															   background-color:#c4aaff;
															   background-image:url(images/m2.png);
															   background-position:90% 90%;
															   background-repeat:no-repeat;
															   background-size:40%;
																 }
										 ul.m-btn-strong li.ccc{
															   background-color:#64e9b8;
															   background-image:url(images/m3.png);
															   background-position:90% 90%;
															   background-repeat:no-repeat;
															   background-size:35%;
																   }
										 ul.m-btn-strong li.ddd{
															   background-color:#c4aaff;
															   background-image:url(images/m4.png);
															   background-position:90% 90%;
															   background-repeat:no-repeat;
															   background-size:45%;
																   }
										 ul.m-btn-strong li.eee{
															   background-color:#64e9b8;
															   background-image:url(images/m5.png);
															   background-position:80% 80%;
															   background-repeat:no-repeat;
															   background-size:35%;
																   }
										 ul.m-btn-strong li.fff{
															   background-color:#c4aaff;
															   background-image:url(images/m6.png);
															   background-position:90% 90%;
															   background-repeat:no-repeat;
															   background-size:40%;
										 }
/*소개말씀 테이블//////////////////////////////////////////////*/
.h-introduce {  
								  line-height:150%;
								  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:3px double #ccc;
											  border-bottom:2px solid #ccc;
											  width:98%;
											  margin:15px auto;
											  }
						   table.strong-point th{
							                     vertical-align:middle;
												 text-align:center;
												 padding:5px;
												 border-bottom:1px solid #ccc;
												 background-color:#eee;
												 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.timetable{
																	 width:98%;
																	 margin:0 auto;
																	 border-top:2px solid #4e00ff;
																	 border-bottom:2px solid #4e00ff;
																	 }
																	 table.timetable caption{
																							 font-size:18px;
																							 font-weight:bold;
																							 color:#FFF;
																							 background-color:#4e00ff;
																							  border-radius: 10px 10px 0px 0px;
																							  -webkit-border-radius: 10px 10px 0px 0px; 
																							  -moz-border-radius: 10px 0px 0px 0px; 
																							 }
																	 table.timetable th{
																						padding:5px;
																						font-weight:bold;
																						text-align:center;
																						vertical-align:middle;
																						border-bottom: 2px solid #ccc;
																						width:20%;
																						}
																						table.timetable td{
																										   text-align:center;
																										   vertical-align:middle;
																										   padding:3px;
																										   border-bottom:1px dotted #CCC;
																										   }
																										   ul.notice-time{
																														  width:80%;
																														  margin:20px auto;
																														  padding:10px 0 10px 25px;
																														  list-style:disc;
																														  }
																														  ul.notice-time li{
																																			word-break:loose;
																																			}
													/*시설안내//////////////////////////////////////////////*/
													 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:18%;margin:0 auto;text-align:center;}
																					  .fa-box img.faimg{max-width:100%;}
												   fieldset.introduce-box ul {
																			 float:left;
																			 width:73%;
																			 list-style:disc;
																			 padding:0 0 0 25px;
																			 margin:0;
																			 overflow:hidden;
																			 }
																			 fieldset.introduce-box ul li{
																				                           word-break:break-all;
																										   }
																										   .jbMenu {
																													border-top:1px solid #CCC;
																													border-bottom:2px dotted #CCC;
																													width: 100%;
																													background-color:#C9F;
																												  }
																												  .jbMenu ul {
																															  margin:0 auto;
																															  width:220px;											
																															  overflow:hidden;
																															  }
																												  .jbMenu ul li{
																																float:left;
																																width:100px;
																																padding:5px;
																																text-align:center;
																																}
																												  .jbMenu ul a.jbmenu-a{
																																	 text-decoration:none;
																																	 text-align:center;
																																	 display:block;
																																	 padding:5px;
																																	 color:#000;
																																	 font-size:1.0em;
																																	 }
																												  .jbContent {
																															  height: 2000px;
																															 }
																												  .jbFixed {
																															position: fixed;
																															top: 0px;
																															}
				/*입사절차/////////////////////////////////////////////*/
							table.process-table{
				             width:98%;
							 margin:0 auto;
							 border-top:1px solid #4e00ff;
							 border-bottom:2px solid #4e00ff;
							 }
							 table.process-table caption{
								                     font-size:18px;
													 font-weight:bold;
													 color:#FFF;
													background-color:#4e00ff;
													border-radius: 10px 10px 0px 0px;
													-webkit-border-radius: 10px 10px 0px 0px; 
													-moz-border-radius: 10px 0px 0px 0px; 
													 }
							 table.process-table th{
												font-weight:bold;
												text-align:center;
												vertical-align:middle;
												border-right: 1px solid #ccc;
												border-bottom: 1px solid #ccc;
												width:20%;
												}
												table.process-table td{
													               text-align:left;
																   vertical-align:middle;
																   padding:5px 0 5px;
																   border-bottom:1px solid #CCC;
																   }
																   table.process-table ul{
																	             	      list-style:disc;
																						  padding:0 0 0 25px;
																						  word-break:break-all;
																						  }
																						  table.process-table ul li{ word-wrap:break-word;}
																						  table.process-table ul ul{
																							                        list-style:circle;
																													padding:0 0 0 25px;																													
																													}
																													table.process-table ul ul li{
																														                         word-wrap:break-word;
																																				 }
																									   /*오시는길/////////////////////////////////////////////*/
																									   p.map-img{
																										         text-align:center;
																												 }
																												 .h-map {  
																														width:100%;
																														height:360px;
																														margin:0 auto;
																														}
																													/*	.h-map img{width:100%; display:block;}*/
																	.location-info { width:98%;
																	                 margin:10px auto;
																					 border-radius: 5px; 
																					 -webkit-border-radius: 5px; 
																					 -moz-border-radius: 5px;
																					 padding:5px;
																					 background-color:#333;
																					 color:#FFF;
																					  }
																					  .location-info li{margin-bottom:7px;}
																			 
																					  
.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;}