@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 {
	  width:100%;
	  height:100%;
	  font-family: "Nanum Gothic", sans-serif;
	  font-size:14px;
	  font-weight:400;
	  line-height:150%;
	  background-image:url(../images/bg_all_sub.png);
	  background-position:left top;
	  background-repeat:repeat-x;
	  background-color:#f7f4ec;
	  }
a {
   text-decoration:none;
   }
a.hover{
	    text-decoration:none;
		color:#000;
		}
		a sup{color:#F00;}
.allbody {
	      width:1200px;
		  margin:0 auto;
		  background-color:#FFF;
		  overflow:hidden;  	  
		  }
		  td {
			  vertical-align:middle;
			  }
/*공통정의 상단////////////////////////////////////////////////////////////////*/
.header-ca {
	         width:1200px;
			 height:137px;
			 margin: 0 auto;
			 position:relative;
			/* -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;
						}*/
				  .ribbon{
					     width:301px;
						 height:127px;
						 position:absolute;
						 left:0;
						 top:0;
						 z-index:3;
						 }
				  h1 {
					   width:321px;
					   hegith:119px;
					   position:absolute;
						 left:10px;
						 top:15px;
						 z-index:2;
				      }
				 
			/*메뉴바*/
				/* 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-smiddle{
				         clear:both;
						 width:100%;
						 height:127px;
						 background-image:url(../images/sub_img.jpg);
						 background-position: center top;
						 background-repeat:no-repeat;
						 background-color:#cdd1ca;
						 margin: 0 auto;
						 }
						 .lv-scontents{
									  width:1200px;
									  background-image:url(../images/bg_smiddle.png);
									  background-position: right 15px;
									  background-repeat:no-repeat;
									  margin:9px auto;
									  overflow:hidden;
						              }
									  div#lv-left {
										          width:334px;									  
												  float:left;
									              }
												   div#lv-right {
																width:780px;
																float:left;
																padding:50px 10px 20px 40px;
																margin:0 0 0 20px;
																border-left: 1px solid #999;
																}
												 /*공통정의 서브 컨텐츠 ////////////////////////////////////////////////////////////////*/
													   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:#0a327d;
																  text-align:right;
																  border-radius: 7px; 
																  -webkit-border-radius: 7px; 
																  -moz-border-radius: 7px; 
																  }
																  fieldset.phone-sub{
																	                width:280px;																					
																					margin:100px 0 0 30px;
																					padding:20px 22px 20px 0;
																					overflow:hidden;
																					border-top:1px solid #a1a1a1;
																					border-bottom:1px solid #a1a1a1;
																					overflow:hidden;
																					background-image:url(../images/bg_sub_phone.png);
																								background-position:10px 60px;
																								background-repeat:no-repeat;
																					}
																					.phone-sub h4{
																						          text-align:left;
																								  }
																					p.phone-num2{
																								font-family: 'Sumana', serif;																				
																							    font-size:24px;
																								line-height:28px;
																								padding:0px 0 0 60px;
																								text-align:right;																								
																								/*text-shadow: 3px 3px 3px rgba(160, 160, 160, 0.76);*/
																							}
																							p.kakao_line { background-image:url(../images/bg_kakao_line.png); 
																																	              background-position:left top;
																																				  background-repeat:no-repeat;
																																				  font-family: 'Sumana', serif;
																																				  font-size:20px;
																																				  width:219px;
																																				  height:43px;
																																				  font-size:22px; 
																																				  font-weight:bold;
																																				  color:#FF0;
																																				  text-align:right;
																																				  padding:7px 30px 0 0;
																																				  margin:0 auto 0;
																																				  }
																							p.phone-num2 span{
																											 font-family: "Nanum Gothic", sans-serif;
																											 font-size:0.5em;
																											 text-align:left;
																											 display:block;
																											 margin:10px 0 10px 0;
																											 text-shadow:none;
																											 color:#000;
																											 text-align:right;
																											 }
																				  fieldset#bank-num{
																		                width:280px;
																						height:40px;
																					   font-size:1.0em;	
																					   margin:20px 0 0 30px;
																					   padding:5px;
																					   border:1px dotted #CCC;	
																					   text-align:center;
																					   background-color:#FFF;
																					   color:#00F;																			   
																					   }
																					   fieldset#bank-num legend{
																						                        font-weight:bold;
																												text-align:left;
																												}
																 /*소개말씀 ////////////////////////////////////////////////////////////////*/
																 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-top:1px solid #CCC;
																						   margin:20px 0 10px 30px;
																						   width:730px;
																						   }
																			table.tablesty1 th{
																							  vertical-align:middle;
																							  font-weight:700;
																							  text-align:left;
																							  vertical-align:middle;
																							  width:171px;
																							  height:97px;
																							  padding:0 0 0 79px;
																							  border-bottom:1px solid #CCC;
																							  border-right:1px solid #CCC;
																							  font-size:12px;
																							  }
																							  table.tablesty1 th.strong1{
																								                         background-image:url(../images/m_icon-1.png);
																														 background-position:left 5px;
																														 background-repeat:no-repeat;
																														 }
																														 table.tablesty1 th.strong2{
																								                         background-image:url(../images/m_icon9.png);
																														 background-position:left 5px;
																														 background-repeat:no-repeat;
																														 }
																														 table.tablesty1 th.strong3{
																								                         background-image:url(../images/m_icon2-1.png);
																														 background-position:left 5px;
																														 background-repeat:no-repeat;
																														 }
																														 table.tablesty1 th.strong4{
																								                         background-image:url(../images/m_icon4-1.png);
																														 background-position:left 5px;
																														 background-repeat:no-repeat;
																														 }
																			table.tablesty1 td{
																							   padding:5px;
																							   vertical-align:middle;
																							   border-bottom:1px solid #CCC;
																							   font-size:12px;
																							   }
																				 .tablesty1 td ul{
																								 list-style:disc;
																								 padding:0 0 0 20px;
																								 }
																								 ul.lv-3-icon {
																									           overflow:hidden;
																											   margin:0 0 0 20px;
																									           }
																											   ul.lv-3-icon li{
																												               width:98px;
																															   text-align:center;
																															   float:left;
																															   }
																								 
																		
											/*생활안내 ////////////////////////////////////////////////////////////////*/
											#timetable {
													   line-height:170%;
													   overflow:hidden;
													   }
													   
													   table.timetable{
																	  width:774px;
																	   border-top:2px solid #08659e;
																	   border-bottom:2px solid #08659e;
																	   }
																	   table.timetable caption{
																							   font-size:18px;
																							   font-weight:bold;
																							   }
																	   table.timetable th{
																						  padding:5px;
																						  font-weight:bold;
																						  text-align:center;
																						  vertical-align:middle;
																						  border-bottom: 1px solid #08659e;
																						  width:235px;
																						  }
																						  table.timetable td{
																											 text-align:center;
																											 vertical-align:middle;
																											 padding:3px;
																											 border-bottom:1px dotted #CCC;
																											 }
																											 ul.notice-time{
																															width:764px;
																															margin:20px 0 0 0;
																															padding:10px 0 10px 25px;
																															list-style:disc;
																															border-top:2px solid #08659e;
																															border-bottom:2px solid #08659e;
																															}
											/*입사절차 ////////////////////////////////////////////////////////////////////////*/
											#process {
													 line-height:180%;			 
													 overflow:hidden;
													 }
												 table.process-table{
																	 width:774px;
																	 border-top:2px solid #08659e;
																	 border-bottom:2px solid #08659e;
																	 }
																	 table.process-table caption{
																							 font-size:18px;
																							 font-weight:bold;
																							 background-color:#eee;
																							 }
																	 table.process-table th{
																						font-weight:bold;
																						text-align:center;
																						vertical-align:middle;
																						border-right: 1px solid #ccc;
																						border-bottom: 1px solid #ccc;
																						width:200px;
																						}
																						table.process-table td{
																										   text-align:left;
																										   vertical-align:middle;
																										   padding:10px 0 10px 20px;
																										   border-bottom:1px solid #CCC;
																										   }
																										   table.process-table ul{
																																  list-style:disc;																																							
																																   padding:0 0 0 25px;
																																  }
																																  table.process-table ul ul{
																																							list-style:circle;																																							
																																							padding:0 0 0 25px;
																																							}
																																  table.process-table ul ol{
																																							list-style:decimal;																																							
																																							padding:0 0 0 25px;
																																							font-size:0.9em;
																																							}
															
											/*시설보기////////////////////////////////////////////////////////////////*/
											     
												 #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: #000;
																					text-decoration: none;
																					text-transform: uppercase;
																					text-shadow: 0 1px 0 #fff;
																					font-size: 13px;
																					font-weight: 300;
																		
																					/* Background & effects */
																					background: #eee;
																				}
														  
																  /* 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;
																	 margin-bottom:7px;
																	 border-top:2px dotted #CCC;
																	 border-bottom:2px dotted #CCC;
																	 overflow:hidden;
																	 }
																	 fieldset.info-text legend {font-weight:bold;}
																	  fieldset.info-text ul.view-strong-list{
																		                    list-style:url(../images/dot.png);
																							padding:0 0 0 25px;
																							margin:0 0 10px 0;
																							}
																							ul.view-icon-strong{
																								                 float:right;
																												 list-style:none;
																												 overflow:hidden;																												 
																												 }
																												 ul.view-icon-strong li{
																													                     float:left;
																																		 padding:2px;
																																		 }
														   
												  #photo-view-left{
																  clear:both;
																  width:295px;
																  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;
																												}
																												caption{
																													    text-align:left;
																														}
												  .photo-view-right{
																   width:480px;
																   height:565px;
																   float:right;
																   text-align:center;
																   }
																   /*사진보기---------------------------------------------------------------------------*/
																												#push {
																														height: 43px; /* .push must be the same height as .footer */
																														padding-top:10px;
																													}
																													#wrapper{
																														width:776px;
																														height: auto !important;
																														text-align:left;
																														margin: 0 auto;
																													}
																													
																													.clearfix{
																														clear:both;
																														float:none;
																													}
																													#bigPic{
																														width:774px;
																														height:516px;
																														padding:1px;
																														border:1px solid #cccccc;
																														background-color:#eeeeee;
																														margin-bottom:10px;
																														position:relative;
																													}
																													#bigPic img{
																														position:absolute;
																														left:1px;
																														display:none;
																													}
																													ul#thumbs li.active{
																														border:2px solid #000;	
																														background:#89817c;
																														padding:2px;
																													}
																													ul#thumbs{
																														     width:774px;
																															 margin:0 0 0 20px;
																															 } 
																													
																													ul#thumbs li{
																														margin:0;
																														padding:0;
																														list-style:none;
																													}
																														
																													ul#thumbs li{
																														float:left;
																														margin-right:5px;
																														margin-bottom:5px;
																														border:1px solid #89817c;	
																														padding:3px;
																														cursor:pointer;
																													}
																													ul#thumbs img{
																														float:left;
																														width:80px;
																														height:53px;
																														line-height:53px;
																														overflow:hidden;
																														position:relative;
																														z-index:1;		
																													}


											/*주변환경 ////////////////////////////////////////////////////////////////*/
											fieldset#en-img{
														   float:left;
														   width:280px;
														   margin:0 0 0 30px
														   }
										     fieldset#en-info-right{
																  float:left;
																  width:370px;
																  }
												   #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; 
																	   }
											/*오시는길 ////////////////////////////////////////////////////////////////*/
											div.body-contents-map{																				   
															 background-image:url(../images/sub01_bg.jpg);
															 background-position:bottom right;
															 background-repeat:no-repeat;	
															  }
															  div.body-contents-map span{
																                         font-size:16px;
																						 font-weight:bold;
																						 color:#F30;																						 
																					}
											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;
																			    }
																																		  
																 
												           


/*공통정의 하단*/
/*공통정의 하단*/
.footer-ca {
			clear:both;
			border-top:3px solid #08659e;
			text-align:center;
			padding:20px 0 20px 0;
			overflow:hidden;
			font-family:'Jeju Gothic', san-serif;
			}
			   address{
					   
					   font-style:normal;
					   }
.footer-ca a{
	          color:#08659e;
			  }
			   .footer-ca p.en{
				             font-size:0.8em;
							 font-family: "Nanum Gothic", sans-serif;
							 }
							 .footer-ca span{
								             
											 }
/*메인 정의*/ 
			
						             
            
/*서브 정의*/
 
																   
/*바텀 정의*/

/*폰트 강조*/
strong {
	    font-weight:600;
		}
.point{color:#FF0000; font-weight:bold;}
.point2{color:#08659e;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:115px; text-align:center; font-size:12px; background-color: none; position: relative; z-index: 999; margin: 0 1px;}

#nav li a { display: block; font-size:16px; font-weight: bold; line-height: 28px; text-decoration: none;  color: #fff; zoom: 1; border-left: 0px solid transparent; border-right: 0px solid transparent; padding: 5px 5px; 
           }
#nav li a:hover {}
#nav li a.hov {border-top: 0px solid #e09616; color: #bee3d2; padding:5px 5px; background-color:none;}
#nav li a span{display:block; padding:2px; margin:5px 0 0 0; font-size:11px; font-weight:normal; text-align:center; border:1px solid #eee; color:#eee}
/* @group subnav */
#nav ul { position: absolute; left:0px; display: none; margin: 0; padding: 0; list-style: none; border:0px #ddded7 solid;}	
#nav ul li { display: block; width:130px; 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:190px; 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; }