@charset "euc-kr";
/* CSS Document */
* {-webkit-text-size-adjust:none}
body{ 
    width:100%;
	background:url(../images/bg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	 }
	 
.body-all{
		  width:100%;
		  margin:0 auto;
          }
.header{
	    width:100%;
		display:block;
		padding:0;
		overflow:hidden;		
		}
 h1{
	width:60%;
	float:left;
	overflow:hidden;
	
	}	 
	h1 img{
		   width:98%;
		   }
	div.m-phone{
		        width:38%;
				min-height:70px;
				display:block;
				float:right;
	
				position:relative;			
				overflow:hidden;
				}
				div.m-phone a{display:block;}
				div.m-phone img.phone{
								position:absolute;
								width:35%;
								left:1px;
								top:1px;
								margin-left:20px;
								}
								
								div.m-phone img.sms{
					            position:absolute;
								width:35%;
								right:10px;
								top:1px;
								}
								
								@media all and (min-width: 1024px) {
									.body-all{
												width:870px;
												margin:0 auto;
												}
												div.m-phone{
															min-height:120px;}

										  }
										  @media all and (min-width: 668px) {
												  .body-all{
															  width:660px;
															  margin:0 auto;
															  }
															  div.m-phone{
																		  min-height:140px;}

										  }
				/* Àüü /////////////////////////////////////////////////////////////////*/
				div.top-menu{
					       width:100%;
						   height:41px;
						   background-color:#3e940a;
						   }
						   ul#menu{
							          width:99%;
									  height:41px;
									  margin:0 auto;
									  overflow:hidden;
									  }
									  ul#tmenu li{
										            float:left;
													width:19%;
													background: -webkit-linear-gradient(#66bf31, #3f950b); /* For Safari 5.1 to 6.0 */
												    background: -o-linear-gradient(#66bf31, #3f950b);  /*For Opera 11.1 to 12.0 */
												    background: -moz-linear-gradient(#66bf31, #3f950b); /* For Firefox 3.6 to 15 */
												    background: linear-gradient(#66bf31, #3f950b); /* Standard syntax (must be last) */
												    border-radius: 7px;
													text-align:center;
													padding:10px 0;
													margin:0 1px;
													}
													ul#tmenu li.tsmenu{
																float:left;
																width:19%;
																background: -webkit-linear-gradient(#3f950b, #66bf31); /* For Safari 5.1 to 6.0 */
																background: -o-linear-gradient(#3f950b, #66bf31);  /*For Opera 11.1 to 12.0 */
																background: -moz-linear-gradient(#3f950b, #66bf31); /* For Firefox 3.6 to 15 */
																background: linear-gradient(#3f950b, #66bf31); /* Standard syntax (must be last) */							   
																border-radius: 7px;
																text-align:center;
																padding:10px 0;
																margin:0 1px;
																}
																ul#tmenu li a{
																	          display:block;
																			  font-size:0.9em;
																			  color:#fff;
																			  font-weight:bold;
																			  text-decoration:none;
																			  }
				/* ¸ÞÀοµ¿ª////////////////////////////////////////////////////////////////*/
				div.m-contents{
					           padding:2px 5px 5px 5px;
							   overflow:hidden;
							   }
				div.m-boss-img{
					           float:left;
							   width:75%;
							   height:380px;
							   }
							   @media all and (min-width: 340px) {
														   div.m-boss-img{
																		 float:left;
																		 width:75%;
																		 height:380px;
																		 }
								   
								   }
								   @media all and (min-width: 580px) {
														   div.m-boss-img{
																		 float:left;
																		 width:75%;
																		 height:620px;
																		 }
								   
								   }
							   div.m-right{
								           float:right;
										   width:20%;
										   padding:0 0 7px 0;
										   overflow:hidden;
										   }
										   @media all and (min-width: 340px) {
											                                       div.m-right{
																							   float:right;
																							   width:20%;
																							   padding:0 0 7px 0;
																							   overflow:hidden;
																							   }											   
											                                       }
										   @media all and (min-width: 580px) {
											   
																				   div.m-right{
																							   float:right;
																							   width:20%;
																							   padding:0 0 7px 0;
																							   overflow:hidden;
																							   }
										   }
										   fieldset#s1-area{ clear:both; width:100%; margin-bottom:5px;}
										   fieldset#s1-area p img{ width:100%;}
										   
										   fieldset#s2-area{ width:100%; margin-bottom:5px;}
										   fieldset#s2-area p img{ width:100%;}
										   
										   fieldset#s3-area{ width:100%; margin-bottom:5px;}
										   fieldset#s3-area p img{ width:100%;}
										   
										   fieldset#s4-area{ width:100%; margin-bottom:5px;}
										   fieldset#s4-area p img{ width:100%;}
										   
										   ul.m-en {width:100%; clear:both;overflow:hidden; margin-top:10px;}
										   ul.m-en li{float:left; width:26%;}
										   ul.m-en li.en-textt{float:left; width:23%;}
										   ul.m-en li img {width:98%;}
										   
										   ul#icon{ 
										           width:100%;
												   overflow:hidden;
												   }
										   ul#icon li {
											           width:18%;
													   float:left;
													   padding:6px 4px;
													   }

	/* ÇÏ´Ü¿µ¿ª /////////////////////////////////////////////////////////////////*/		
	.footer{
		    clear:both;
			text-align:center;
			background-color:#dfdfe1;
			padding:20px 0;
			margin:0 0 15px 0;
			font-size:0.7em;
			}
			address {
				     font-style:normal;
					 line-height:140%;
					 }
					 /*¼­ºê ¿µ¿ª//////////////////////////////////////////////////////*/
						 div.sub-contents{
										  padding:7px;
										  }
						 h3{
							padding:7px;
							margin:3px 0 0 0;
							background-color:#e5ecd2;
							font-size:1.1em;
							font-weight:bold;
							}
					 /*¼Ò°³¸»¾¸ //////////////////////////////////////////////////////*/
					 div#introduce{
								   padding:15px 5px 15px;								   
								   }
								   div#introduce p {
									              font-size:0.9em;
												  line-height:140%;
												  }
								   table.strong-point{
													  border-top:3px solid #090;
													  border-bottom:3px solid #090;
													  width:98%;
													  margin-top:15px;
													  }
													  table.strong-point th{
																			border-right:1px solid #CCC;
																			border-bottom:1px solid #CCC;
																			width:20%;
																			vertical-align:middle;
																			text-align:center;
																			font-size:20px;
																			font-size:0.9em;
																			}
																			table.strong-point td{
																				                  border-bottom:1px solid #CCC;
																								  text-align:left;
																								  padding:7px;																								  																								 
																								  }	
																								  table.strong-point td ul{
																									                        list-style:disc;
																															 padding:0 0 0 25px;
																															 font-size:0.9em;
																															 line-height:140%;
																															}
																															
					/*»ýÈ°¾È³»//////////////////////////////////////////////*/
					div#information{
								    padding:10px 5px 15px;
								   }
													 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 #3e940a;
																		   margin:5px 0 0 0;
																		   padding:5px;
																		   overflow:hidden;
																		   }
												   fieldset.introduce-box legend{
																				 font-weight:bold;
																				 color:#ff0000;
																				 font-size:1.1em;
																				 display:block;
																				 padding:3px;
																				 }
																				      .fa-box{float: left; width:25%;margin:0 auto;text-align:center;}
																					  img.faimg{max-width:98%;}
												   fieldset.introduce-box ul {																			 
																			 float:right;
																			 width:65%;
																			 list-style:disc;
																			 padding:0 0 0 25px;
																			 font-size:0.9em;																			 
																			 overflow:hidden;
																			 }
																			 .introduce-box ul li{word-break:keep-all;line-height:140%;}
						/*½Ã¼³º¸±â/////////////////////////////////////////////*/
					     div#facilities{
								   width:302px;
								   margin:0 auto;
								   padding:5px 0 15px;
								   }
								   img.list{
									         width:300px;
											 margin:0 auto;
											 text-align:center;
											 padding:1px 0;
											}
											.jbMenu {
													border-top:3px solid #31670f;
													border-bottom:2px solid #31670f;
													width: 100%;
													background-color:#68bc30;
													}
													.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:#FFF;
																	   font-size:1.0em;
																	   }
													.jbContent {
																height: 2000px;
															   }
													.jbFixed {
															  position: fixed;
															  top: 0px;
															  }
								   
								   
																			 /*ÁÖº¯È¯°æ/////////////////////////////////////////////*/
																						   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%;}	
					/*¿À½Ã´Â±æ/////////////////////////////////////////////*/
					     div#howto{								   
								   width:340px;
								   margin:0 auto;
								   line-height:2.0em;
								   text-align:center;
								   }
								   div#howto span{font-size:18px; font-weight:700;}
								   div#howto img{
									             width:340px;
												 }
								   /*»ó´ã¹®ÀÇ/////////////////////////////////////////////*/
									   div#customer{								   
												   width:98%;
												   margin:0 auto;
												   line-height:2.0em;
												   text-align:center;
												   }
												   div#customer p.connect img {width:55%; padding:10px 0 0;}
								   																				  			 
				   /*°­Á¶/////////////////////////////////////////////////////////////*/
				   .point1{ color:#F00;}
				   .point2{ color:#00F;}
				   .point3{ color:#390;}
				   .point4{ color:#93F;}
				   .point5{ color:#F60;}