@charset "utf-8";
/* CSS Document */
/*@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Philosopher:700);*/
body {
	  font-family: "Nanum Gothic", sans-serif;
	  font-size:0.9em;
	  font-weight:200;
	  line-height:150%;
	  background-image:url(../images/bg.png);
	  background-position:left top;
	  background-repeat:repeat-x;
	  }
a {
   text-decoration:none;
   color:#63F;
   }
a.hover{
	    text-decoration:none;
		color:#000;
		}
.allbody {
	      width:1200px;
		  margin:0 auto;
		  overflow:hidden;
		  background-color:#FFF;		  	  
		  }
		  td {
			  vertical-align:middle;
			  }
/*공통정의 상단////////////////////////////////////////////////////////////////*/
.lv-header {
	         height:120px;			 
			 border-top: 5px solid #25928e;
			 background-image:url(../images/bg_header_bottom.png);
			 background-position:left bottom;
			 background-repeat:repeat-x;
			/* -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
			 -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
			  box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
			  */
			 }
			 /*.lv-header{
				        position: fixed;
						height: 110px;
						width: 100%;
						top: 0;
						left: 0;
						border-top: 5px solid #1e4b9d;
						background: #fff;
						-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
						-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
						box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
						z-index: 999999;
						}*/
			 h1 {
				 width:400px;
				 float:left;
				 padding:5px 0 0 0;
				 text-align:right;
				 position:relative;
				 }
				 .ribbon{
					     position:absolute;
						 width:190px;
						 height:90px;
						 left:0;
						 top:0;
						 z-index:3;
						 overflow:hidden;
						 }
			/*메뉴바*/
				/* section{
						width:1200px;
						margin:0 auto;
					}
					nav {
						 margin:30px 0 0 0;
						 float:right;
						 }
				    nav a {
						  text-decoration: none;
						  color: #000000;
						  position: relative;
						  display: inline-block;
						  margin: 0 12px;
						  font-size:1.2em;
						  font-weight:600;
					}
					*/
					/* BG colours 
					.shade1 {
						background: #440e62;
					}
				
					.shade2 {
						background: #662d91;
					}
				
					.shade3{
					 }
                     */
			 .lv-middle{
				         clear:both;
						 width:1200px;
						 overflow:hidden;
						 -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
						 -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
						 box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
						 z-index: 999999;
						 background-color:#FFF;						 
						 }
						 /*메인 컨텐츠 ////////////////////////////////////////////////////////////////*/
						 .lv-contents{
							          width:560px;
									  float:right;
									  overflow:hidden;
						              }
									  fieldset.lv-1{
												   height:135px;
												   margin:21px 0 0 15px;
												   overflow:hidden;
												   border-bottom:0px solid #a1a1a1;
												   }
																			fieldset.lv-1 h3{
																							  padding:7px 0 3px 10px;
																							  border-bottom:1px solid #c6c6c6;
																							  }
													div#m-notice {
																  width:257px;
																  height:145px;																  
																  float:left;
																  }
																  
													div#m-qna {
																width:280px;
																height:145px;
																float:left;
																background-image:url(../images/bg_icon.png);
																background-position:10px 60px;
																background-repeat:no-repeat;
																}
																p.phone-num{
																		  font-family: 'Titillium Web', sans-serif;
																		  padding:10px 0 0 78px;
																		  font-size:1.8em;
																		  /*text-shadow: 3px 3px 3px rgba(160, 160, 160, 0.76);*/
																		  }
																		  p.phone-num span{
																			               font-family: "Nanum Gothic", sans-serif;
																						   font-size:0.45em;
																						   text-align:left;
																						   display:block;
																						   margin:10px 0 0 0;
																						   text-shadow:none;
																						   color:#000;
																						   }
									                             p.chain{
																	     clear:both;
																		 text-align:center;
																		 padding:15px 0 10px 0;
																		 margin:0 0 0 15px;
																		 }
									       ul.lv-2{
										           clear:both;
												   width:544px;
												   padding:0 0 0 15px;											  
												   overflow:hidden;
												   }
									       ul.lv-2 li{
													  float:left;													  
													  }
													  fieldset.lv-3{
																   clear:both;
																   width:544px;
																   height:117px;
																   padding:20px 0 0 15px;
																   overflow:hidden;
																   }
																   ul.lv-3-icon{
																			   overflow:hidden;
																			   padding:0 0 0 10px
																			   }
																   ul.lv-3-icon li{
																	               float:left;
																				   width:86px;
																				   text-align:center;
																				   }
													  

/*공통정의 서브 ////////////////////////////////////////////////////////////////*/
             .lv-smiddle{
				         width:1200px;
						 height:185px;
						 background-image:url(../images/subimg.jpg);
						 background-position:3px top;
						 background-repeat:no-repeat;
						 }
						 .lv-scontents{
									  width:1180px;
									  background-image:url(../images/bg_smiddle.png);
									  background-position:left top;
									  background-repeat:no-repeat;
									  margin:9px auto;
									  overflow:hidden;
						              }
									  div#lv-left {
										          width:334px;									  
												  float:left;
									              }
												   div#lv-right {
																width:750px;
																float:left;
																padding:50px 10px 20px 40px;
																margin:0 0 0 20px;
																background-image:url(../images/left_coner_bottom.png);
																background-position:30px bottom;
																background-repeat:no-repeat;
																}
												 /*공통정의 서브 컨텐츠 ////////////////////////////////////////////////////////////////*/
													   h2.h2-left{												        
																  width:282px;
																  font-family:'Jeju Gothic', san-serif;
																  color:#FFF;
																  font-size:1.3em;
																  margin:9px 0 0 30px;
																  padding:20px 22px 20px 0;
																  background-image:url(../images/arrow.png);
																  background-position:20px 20px;
																  background-repeat:no-repeat;
																  background-color:#25928e;
																  text-align:right;
																  border-radius: 7px; 
																  -webkit-border-radius: 7px; 
																  -moz-border-radius: 7px; 
																  }
																  fieldset.phone-sub{
																	                width:280px;
																					background-image:url(../images/bg_icon.png);
																					background-position:10px 60px;
																					background-repeat:no-repeat;																					
																					margin:100px 0 0 30px;
																					padding:7px 0 7px 0; 
																					height:130px;
																					border-top:1px solid #a1a1a1;
																					border-bottom:1px solid #a1a1a1;
																					overflow:hidden;
																					}
																					p.phone-num2{
																								font-family: 'Titillium Web', sans-serif;																				
																							    font-size:1.8em;
																								padding:15px 0 0 70px;
																								/*text-shadow: 3px 3px 3px rgba(160, 160, 160, 0.76);*/
																							}
																							p.phone-num2 span{
																											 font-family: "Nanum Gothic", sans-serif;
																											 font-size:0.5em;
																											 text-align:left;
																											 display:block;
																											 margin:10px 0 0 0;
																											 text-shadow:none;
																											 color:#000;
																											 }
																				   p.kakao{
																						   background-image:url(../images/bg_kakao.png);
																						   background-position:10px 5px;
																						   background-repeat:no-repeat;
																						   background-color:#ffe90b;
																						   -moz-border-radius: 5px;
																							-webkit-border-radius: 5px;
																							border-radius: 5px;
																							font-family:'Jeju Gothic', san-serif;
																							font-size:0.85em;
																							color:#000;
																							width:150px;
																							margin:25px 0 0 7px;
																							padding:5px 10px 5px 45px;																															  
																						   }
																															 p.account{
																																       margin:15px 0 0 7px;
																																	   font-family:'Jeju Gothic', san-serif;
																																	   font-size:0.8em;
																																	   color:#FFF;
																															 }
																 /*소개말씀 ////////////////////////////////////////////////////////////////*/
																 div.body-contents{																				   
																				   background-image:url(../images/sub01_bg.jpg);
																				   background-position:bottom right;
																				   background-repeat:no-repeat;	
																					}
																            div.body-contents p{
																				                margin:0 0 15px 0;
																								}
																			table.tablesty1{
																						   border:1px solid #CCC;
																						   margin:20px 0 10px 30px;
																						   }
																			table.tablesty1 th{
																							  width:100px;
																							  vertical-align:middle;
																							  font-weight:bold;
																							  text-align:center;
																							  border-bottom:1px solid #CCC;
																							  border-right:1px solid #CCC;
																							  }
																			table.tablesty1 td{
																							   width:540px; 
																							   padding:5px;
																							   vertical-align:middle;
																							   border-bottom:1px solid #CCC;
																							   }
																				 .tablesty1 td ul{
																								 list-style:disc;
																								 padding:0 0 0 20px;
																								 }
																								  ul.lv-3-greeting{
																											   overflow:hidden;
																											   padding:0 0 0 30px;
																											   margin:20px 0 20px 0;																											   }
																								   ul.lv-3-greeting li{
																												   float:left;
																												   width:96px;
																												   text-align:center;
																												   }
																								 
																		
											/*생활안내 ////////////////////////////////////////////////////////////////*/
											fieldset#infomation{
												                padding:7px 7px 7px 156px;
																margin:0px 10px 10px 10px;
																height:120px;
																border:#CCCCCC solid 1px;
											                    background-image:url(../images/info-1.jpg);
																background-position:10px 10px;
																background-repeat:no-repeat;
																}
											fieldset#infomation2{
												                padding:7px 7px 7px 156px;
																margin:10px;
																height:120px;
																border:#CCCCCC solid 1px;
											                    background-image:url(../images/info-3.jpg);
																background-position:10px 10px;
																background-repeat:no-repeat;
																}
																fieldset#infomation3{
																					padding:7px 7px 7px 156px;
																					margin:10px;
																					height:120px;
																					border:#CCCCCC solid 1px;
																					background-image:url(../images/info-2.jpg);
																					background-position:10px 10px;
																					background-repeat:no-repeat;
																					}
																					fieldset#infomation4{
																										padding:7px 7px 7px 156px;
																										margin:10px;
																										height:120px;
																										border:#CCCCCC solid 1px;
																										background-image:url(../images/info-4.jpg);
																										background-position:10px 10px;
																										background-repeat:no-repeat;
																										}
																										fieldset#infomation5{
																															padding:7px 7px 7px 156px;
																															margin:10px;
																															height:120px;
																															border:#CCCCCC solid 1px;
																															background-image:url(../images/info-5.jpg);
																															background-position:10px 10px;
																															background-repeat:no-repeat;
																															}
																															fieldset#infomation6{
																															padding:7px 7px 7px 156px;
																															margin:10px;
																															height:120px;
																															border:#CCCCCC solid 1px;
																															background-image:url(../images/info-6.jpg);
																															background-position:10px 10px;
																															background-repeat:no-repeat;
																															}
											fieldset legend.both{ color:#930; font-weight:bold;}
											ul.strong-point{
												            list-style-image:url(../images/jum.png);
															padding:0 0 0 25px;
															margin:10px 0 0 0;
															}
											
															
											/*시설보기////////////////////////////////////////////////////////////////*/
											     
												 #cssmenu > ul{
															  vertical-align: baseline;
															  margin:0 0 0 50px;
															  line-height: 1;
															  }
														  
														  /* The container */
														  #cssmenu > ul {
																		display: block;
																		position: relative;																		
																		}
														  
															  /* The list elements which contain the links */
															  #cssmenu > ul li {
																				display: block;
																				position: relative;
																				margin: 0;
																				padding: 0;
																				width: 250px;	
																			   }
														  
																  /* General link styling */
																  #cssmenu > ul li a {
																					/* Layout */
																					display: block;
																					position: relative;
																					margin: 0;
																					border-top: 1px dotted #fff;
																					border-bottom: 1px dotted #d9d9d9;
																					padding: 11px 20px;
																					width: 240px;
																		
																					/* Typography */
																					color: #3dafea;
																					text-decoration: none;
																					text-transform: uppercase;
																					text-shadow: 0 1px 0 #fff;
																					font-size: 13px;
																					font-weight: 300;
																		
																					/* Background & effects */
																					background: #eaeaea;
																				}
														  
																  /* Rounded corners for the first link of the menu/submenus */
																  #cssmenu > ul li:first-child>a {
																								  border-top-left-radius: 4px;
																								  border-top-right-radius: 4px;
																								  border-top: 0;
																							     }
														  
																  /* Rounded corners for the last link of the menu/submenus */
																  #cssmenu > ul li:last-child>a {
																								border-bottom-left-radius: 4px;
																								border-bottom-right-radius: 4px;
																								border-bottom: 0;
																							    }
														  
																  /* The hover state of the menu/submenu links */
																  #cssmenu > ul li>a:hover, #cssmenu > ul li:hover>a {
																													  color: #fff;
																													  text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
																													  background: #54cdf1;
																													  background: -webkit-linear-gradient(bottom, #54cdf1, #74d7f3);
																													  background: -ms-linear-gradient(bottom, #54cdf1, #74d7f3); 
																													  background: -moz-linear-gradient(bottom, #54cdf1, #74d7f3);
																													  background: -o-linear-gradient(bottom, #54cdf1, #74d7f3);
																													  border-color: transparent;
																												  }
														  
																  /* The arrow indicating a submenu */
																  #cssmenu > ul .has-sub>a::after {
																	  content: '';
																	  position: absolute;
																	  top: 16px;
																	  right: 10px;
																	  width: 0px;
																	  height: 0px;
														  
																	  /* Creating the arrow using borders */
																	  border: 4px solid transparent;
																	  border-left: 4px solid #3dafea; 
																  }
														  
																  /* The same arrow, but with a darker color, to create the shadow effect */
																  #cssmenu > ul .has-sub>a::before {
																	  content: '';
																	  position: absolute;
																	  top: 17px;
																	  right: 10px;
																	  width: 0px;
																	  height: 0px;
														  
																	  /* Creating the arrow using borders */
																	  border: 4px solid transparent;
																	  border-left: 4px solid #fff;
																  }
														  
																  /* Changing the color of the arrow on hover */
																  #cssmenu > ul li>a:hover::after, #cssmenu > ul li:hover>a::after {
																	  border-left: 4px solid #fff;
																  }
														  
																  #cssmenu > ul li>a:hover::before, #cssmenu > ul li:hover>a::before {
																	  border-left: 4px solid rgba(0, 0, 0, .25);
																  }
														  
															  
																  /* THE SUBMENUS */
																  #cssmenu > ul ul {
																	  position: absolute;
																	  left: 150px;
																	  top: -9999px;
																	  padding-left: 5px;
																	  opacity: 0;
																	  /* The fade effect, created using an opacity transition */
																	  -webkit-transition: opacity .3s ease-in;
																	  -moz-transition: opacity .3s ease-in;
																	  -o-transition: opacity .3s ease-in;
																	  -ms-transition: opacity .3s ease-in;
																  }
														  
																  /* Showing the submenu when the user is hovering the parent link */
																  #cssmenu > ul li:hover>ul {
																	  top: 0px;
																	  opacity: 1;
																  }
												 ul.left-menu{												              
															  margin:5px 0 0 100px;															  
															  }
															  ul.left-menu li{
																              padding:7px 5px;
																			  margin:0 0 2px 0;
																			  text-align:center;
																			  border-bottom:1px solid #CCC;
																			  }
												  fieldset.info-text {
													                 padding:7px;
																	 border-bottom:2px dotted #CCC;
																	 }
																	  fieldset.info-text ul{
																		                    list-style:url(../images/dot.png);
																							padding:0 0 0 25px;
																							}
														   
												  #photo-view-left{
																  width:245px;
																  float:left;
																  }
																  table.thumbnail-list{
																					   clear:both;
																					   }
																  table.thumbnail-list td{
																						 padding:1px;
																						 }
																						 .view-on {background-color:#F60; float:left; width:104px; padding:5px; text-align:center;}
																						 .view-out {background-color:#666; float:left;width:104px; padding:5px; text-align:center;}
																						 .view-on a{
																									font-weight:bold;
																									color:#FFF;
																									}
																									.view-out a{
																												font-weight:bold;
																												color:#FFF;
																												}
												  .photo-view-right{
																   width:502px;
																   height:516px;
																   float:right;
																   text-align:center;
																   padding:20px 0 0 0;
																   }


											/*주변환경 ////////////////////////////////////////////////////////////////*/
											fieldset#en-img{
														   float:left;
														   width:340px;
														   margin:0 0 0 30px
														   }
										     fieldset#en-info-right{
																  float:left;
																  width:330px;
																  }
												   #en-info-right ul{
																	 list-style:disc;
																	 padding:0 0 0 20px;
																	 }
																	 h5{
																	   font-size:14px;
																	   font-weight:bold;
																	   color:#F30;
																	   padding:15px 0 10px 0; 
																	   }
											/*오시는길 ////////////////////////////////////////////////////////////////*/
											fieldset.lv-map span{
												                 font-family:'Jeju Gothic', san-serif;
																 font-weight:bold;
																 font-size:1.2em;
																 }
																 table.tablesty2{
																					 border:1px solid #CCC;
																					 margin:0 0 0 60px;
																					 width:632px;
																					 }
																		  .tablesty2 th{
																						vertical-align:middle;
																						border-right:1px solid #ccc;
																						border-bottom:1px solid #ccc;
																						font-weight:bold;
																						text-align:center;
																						padding:5px;
																						width:80px;
																						}
																		  .tablesty2 td{
																						vertical-align:middle;
																						text-align:left;
																						padding:5px;
																						border-bottom:1px solid #ccc;
																						}
																		  .talbesty2 caption{
																							 position:absolute;
																							 left:-300000;
																							 top:-30000;
																							 }
																						dl.dlsty1{
																								  padding:0 0 0 20px;
																								  }
																						dt {
																							font-weight:bold;
																							color:#390;
																							}
																						dd ul#busnum{
																									 list-style:disc;
																									 padding:0 0 0 20px;
																									 }
																 /*고객지원 ////////////////////////////////////////////////////////////////*/
																 ul.menu-left{
																              width:100px;
																			  margin:0 auto;
																			  list-style:disc;
																			   }
																			   ul.menu-left li{
																				                padding:3px 5px;
																								border-bottom:1px solid #666;
																								color:#FFF;
																								}
																								ul.menu-left li a{
																									              color:#FFF;
																												  }
																												  ul.menu-left li a:hover{
																													                      color:#0CF;
																																		  }
																		       fieldset.email-qna{
																				                width:500px;
																								padding:35px 20px 20px 140px;
																								margin:0 auto;
																								box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
																								-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
																								-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
																								-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
																								-webkit-background-clip: padding-box;
																								background-clip: padding-box;
																								background-image:url(../bbs/email/bg.png);
																								background-position:20px 20px;
																								background-repeat:no-repeat;
																			    }
																																		  
																 
												           


/*공통정의 하단*/
.lv-footer {
			clear:both;
			background-color:#cccccc;
			text-align:center;
			padding:20px 0 20px 0;
			overflow:hidden;
			}
			   address{
					   font-family:'Jeju Gothic', san-serif;
					   font-style:normal;
					   font-size:0.8em;
					   }
.lv-footer a{
	          color:#C0F;
			  }
			   .lv-footer p.en{
				             font-size:0.8em;
							 }
/*메인 정의*/ 
			
						             
            
/*서브 정의*/
 
																   
/*바텀 정의*/

/*폰트 강조*/
strong {
	    font-weight:600;
		}
.point{color:#FF0000; font-weight:bold;}
.point2{color:#0033FF;font-weight:bold;}
.point3{color:#FF6600;font-weight:bold;}
.point4{color:#6600FF;font-weight:bold;}
.point5{color:#336600;font-weight:bold;}
.point6{color:#CCFF00; font-weight:bold;}
.point7{color:#99CCFF; font-weight:bold;}
.point8{color:#6666FF;}
.point9{color:#339900;}
.point10{color:#0099FF;}
.point11{color:#FF33FF;}
.point12{color:#F00;}     

/*주메뉴바*/
/* @group core nav menu */
#nav { 
       float:right;
       list-style: none;
	   -moz-border-radius-bottomleft: 4px; 
	   -webkit-border-bottom-left-radius: 4px; 
	   border-bottom-right-radius: 4px; 
	   -moz-border-radius-bottomright: 4px;
	    -webkit-border-bottom-right-radius: 4px; 
		height: 45px; 
		padding-top:30px; 
		padding-left: 30px; 
		padding-right: 0px;
		color:#afafaf;
		}
#nav li { float: left; display: block; width:105px; text-align:center; font-size:12px; background-color: none; position: relative; z-index: 999; margin: 0 1px;}

#nav li a { font-size:16px; font-weight: bold; line-height: 28px; text-decoration: none;  color: #000; zoom: 1; border-left: 0px solid transparent; border-right: 0px solid transparent; padding: 0px 5px; 
           }
#nav li a:hover {}
#nav li a.hov {border-top: 0px solid #e09616; color: #4444c6; padding:0 5px; background-color:none;}

/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; border:0px #ddded7 solid;}	
#nav ul li { width:100px; border-top: 1px solid #fff; border-left:0px solid transparent; border-right: 0px solid transparent; text-align: center; background:#ddded7;}
#nav ul li:hover { border-top: 1px solid #fff; border-left:0px solid transparent; border-right: 0px solid transparent; background:#fff; }

#nav ul li.bgroup { width:170px; border-top: 0px solid #fff; text-align: left; background-color:#ddded7;}

#nav ul a { line-height: 17px; color: #000; border-bottom: 0px solid transparent; text-transform:  uppercase; color: #000; font-weight: bold; font-size:12px;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #4444c6; }

* html #nav ul { margin: 0 0 0 -2px; }

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }