@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
body {
	  width:100%;
	  height:100%;
	  font-family:'Jeju Gothic', serif;
	  font-size:0.9em;
	  line-height:140%;
	  background-image:url(../images/bg_dot.gif);
	  background-position:left top;
	  background-repeat:repeat;	
	  }
a {
   text-decoration:none;
   color:#63F;
   }
a.hover{
	    text-decoration:none;
		color:#000;
		}
a.m-bbs-list{
	         color:#FFF;
			 }
			 a.single-a{
					   padding:10px;
					   text-align:center;
					   display:block;
					   width:150px;
					   float:left;
					   background-color:#F90;
					   color:#FFF;
					   font-size:1.0em;
					   }
					   a.single-b{
								 padding:10px;
								 text-align:center;
								 display:block;
								 width:150px;
								 float:left;
								 background-color:#999;
								 color:#FFF;
								 font-size:1.0em;
								 }
#allbody {
	      width:1300px;
		  margin:0 auto;
		  overflow:hidden;		  	  
		  }
		  td {
			  vertical-align:middle;
			  }
/*공통정의 상단*/
.happyheader {
	         height:115px;
			 position:relative;
			 border-right:1px solid #eee;			 
			 border-left:1px solid #eee;
			 background-image:url(../images/bg_header_bottom.png);
			 background-position:left bottom;
			 background-repeat:repeat-x;
			 }
			 h1 {
				 width:331px;
				 height:95px;
				 border-bottom:5px solid #ff5b00;
				 float:left;
				 text-align:right;
				 padding:15px 20px 0 0;
				 background-image:url(../images/bg_logo.png);
				 background-position:left top;
				 background-repeat:no-repeat;
				 }
				 
			 .menu-right{
				         width:195px;
						 float:right;
						 }

/*공통정의 컨텐츠*/
.m-action-img{
	          width:1300px;
			  height:329px;
			  }

/*공통정의 하단*/
.happyfooter {
	          clear:both;
			  background-color:#949dab;
			  text-align:center;
			  padding:20px 0 20px 0;
			  font-size:0.9em;
			   }
			   address{
				       font-style:normal;
					   }
.happyfooter a{
	          color:#C0F;
			  }
/*메인 정의*/
            .m-action-img{
						  width:1300px;
						  height:367px;
						  background:#FFF;
						  }
			 .m-action-img-left{
				                float:left;
								width:351px;
								}
            .m-contents{
				        clear:both;
				        width:1300px;				
						background-color:#ffffff;
						overflow:hidden;
				        }
			.m-contents #notice-area{
									  width:336px;
									  float:left;								  
									  background-image:url(../images/m_qna_title.png);
									  background-position:19px 16px;
									  background-repeat:no-repeat;
									  border-top:5px solid #4444c6;
									  padding:55px 0 0 15px;
									  }
					    #notice-area span.m-bbslist-area{
														display:block;
														padding:0 15px 0 55px;
														height:80px;
														}
						#notice-area ul.m-quick-btn{
							                        overflow:hidden;
													padding:0 0 0 7px;
													}
						#notice-area ul.m-quick-btn li{
							                           float:left;
													   }
			.m-contents #phone-area{
				                    width:295px;
									height:172px;
									float:left;
									text-align:center;							
									background-image:url(../images/bg_corner_phone.png);
									background-position:left top;
									background-repeat:no-repeat;
									background-color:#4444c6;
									padding:57px 0 0 0;
									}
						            p.m-phone-num{
							                       font-family:Arial,Verdana, Geneva, sans-serif;
												   font-size:1.8em;
												   font-weight:bold;
												   margin:28px 20px 15px 0;
												   text-align:right;
												   line-height:1.4em;
												   color:#FFF;											   
												   }
						 #phone-area p{
							           padding:0 0 10px 0;
									   }
			.m-contents ul#en-area{
								   float:left;
								   padding:15px 16px 0 16px;
								   background-color:#31323b;
								   background-image:url(../images/bg_corner_en.png);
								   background-position:left top;
								   background-repeat:no-repeat;
								   }
			            ul#en-area li{
							          float:left;
									  padding:12px 6px 32px 6px;									  
									  }
									  ul#en-area li.fromin{
															background-image:url(../images/m_ver_line.png);
															background-position:right top;
															background-repeat:no-repeat;
															}
			
						             
            
/*서브 정의*/
             .sub-action-img{
							width:1300px;
							height:226px;
							background-image:url(../images/sub_img.jpg);
							background-position:left top;
							background-repeat:no-repeat;
							}
			 .sub-body{
					   width:1300px;
					   overflow:hidden;
					   background-image:url(/images/bg_m_phone.png);
					   background-position:left top;
					   background-repeat:repeat;
					   } 
								   .sub-phone{
											  width:351px;
											  float:left;											  
											  border-top:5px solid #4444c6;
											  line-height:none;
											  padding:62px 0 22px 0;
											  background-image:url(../images/bg_corner_subjpg.png);
											  background-position:left top;
											  background-repeat:no-repeat;												  							  
											  }
									          #sub-phone-num{
										                     background-image:url(../images/bg_sub_phone.png);
															 background-position:center top;
															 background-repeat:no-repeat;
															 padding:20px 0 0 0;
															 text-align:right;
															 color:#FFF;
															 }
												p.phone-number{
															   font-family:Arial,Verdana, Geneva, sans-serif;
															   font-size:1.8em;
															   font-weight:bold;
															   margin:10px 20px 15px 60px;
															   text-align:right;
															   line-height:1.4em;
															   color:#FFF;											   
															   }
															 
								   .sub-phone p{
										      padding:0 0 10px 0;
											  text-align:center;
											  }
									ul.sub-quick-btn{
										             width:280px;
													 margin:30px 0 0 25px;
													 padding:10px;
													 overflow:hidden;
													 box-sizing: border-box; /* 박스 사이즈 포함 정도 */
													 border-radius: 10px; /* 모깎기 - 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래 */
													 border: 5px solid #eee; /* 선 - 두께, 스타일, 컬러 */
													 background:#fff;
													 }
									ul.sub-quick-btn li{
										                float:left;
														width:50%;
														height:25px;
														padding:7px 0 7px 2px;
														text-align:left;
														border-right:1px solid #ccc;
														border-bottom:1px solid #eee;
														}
									ul.sub-quick-btn li.rrr{
										                float:right;
														padding:7px 0 7px 0;
														border-right:0px solid #eee;
														}									
								     .sub-contents{
												 width:949px;
												 min-height:100%;
												 float:right;
												 background-color:#31323b;												 
												 position:relative;
												 }
												 span.location{
													           position:absolute;
															   right:17px;
															   top:20px;
													           width:200px;
															   height:20px;
															   text-align:right;
															   color:#FFF;
															   }
												 h2.h2-title{
													         background-image:url(../images/sub_h2_bg.png);
															 background-position:25px 17px;
															 background-repeat:no-repeat;
															 width:362px;
															 height:30px;
															 padding:28px 25px 0 80px;
															 font-size:1.4em;
															 color:#4444c6;	
															 font-weight:bold;								 
															 }												 
												 .sub-sub-contents{
													               background-color:#FFF;
																   margin:0 17px 17px 25px;
																   padding:15px 15px 15px 30px;
																   overflow:hidden;
																   }
												/*소개말씀*/
												.sub-sub-contents-introduce{
																		   background-color:#FFF;
																		   margin:0 17px 17px 25px;
																		   padding:15px 35px 15px 170px;
																		   overflow:hidden;
																		   background-image:url(../images/img_introduce.jpg);
																		   background-position:70px 30px;
																		   background-repeat:no-repeat;
																		   }
																		   p.introduce-greeting1{
																			                     margin:0 0 0 110px;
																								 }
												table#introduce{
																border-top:1px solid #eee;
																margin:15px 0 15px 120px;
														  }
												table#introduce th{
																   width:90px;
																   font-weight:bold;
																   text-align:center;
																   vertical-align:middle;
																   padding:5px;
																   border-right:1px solid #eee;
																   border-bottom:1px solid #eee;
																   }
												table#introduce td{
															 padding:5px;
															 border-bottom:1px solid #eee;
															 }
												 table#introduce ul{
													                padding: 0 25px;
																	list-style:url(../images/dot.png);
																	}
												 /* 생활안내*/
												 .sub-sub-contents-information{
													               background-color:#FFF;
																   margin:0 17px 17px 25px;
																   padding:15px 15px 15px 30px;
																   overflow:hidden;
																   background-image:url(../images/bg_introduce.jpg);
																   background-position:right bottom;
																   background-repeat:no-repeat;
																   }
												 .sub-sub-contents-information fieldset{
																					  width:780px;
																					  margin:0 0 10px 0;
																					  padding:7px 15px 7px 20px;
																					  box-sizing: border-box; /* 박스 사이즈 포함 정도 */
																					  border-radius: 10px; /* 모깎기 - 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래 */
																					  border: 1px solid #eee; /* 선 - 두께, 스타일, 컬러 */
																					  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); /* 박스 그림자 - 가로 위치, 세로 위치, 크기, 스프레드, 컬러 */
																					   /* 배경 - 이미지, 배경 컬러 지정 */
																					  }
												.sub-sub-contents-information fieldset legend{
													                               font-weight:bold;
																				   font-size:1.0em;
																				   }
																				   .sub-sub-contents-information fieldset.s-img{background-image:url(../images/s_img1.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																				   .sub-sub-contents-information fieldset.s-img2{background-image:url(../images/s_img2.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																				   .sub-sub-contents-information fieldset.s-img3{background-image:url(../images/s_img3.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																				    .sub-sub-contents-information fieldset.s-img4{background-image:url(../images/s_img4.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																					.sub-sub-contents-information fieldset.s-img5{background-image:url(../images/s_img5.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																				   .sub-sub-contents-information fieldset.s-img6{background-image:url(../images/s_img6.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																					.sub-sub-contents-information fieldset.s-img7{background-image:url(../images/s_img7.jpg); background-position:7px 7px; background-repeat:no-repeat;
																				                                                height:135px; padding:7px 0 7px 175px; }
																					                                              
												 /*시설보기*/
												 fieldset.info-text{
																	 border:1px solid #CCC;
																	 padding:10px;
																	 }
														 .info-text ul#infotext{
																			   list-style-image:url(../images/icon1.png);
																			   padding:0 0 0 35px;
																				}
												 fieldset#thumbnail-img{
													                    float:left;
																		width:390px;
																		padding:5px 5px 5px 0;
																		overflow:hidden;
																		}
																		#thumbnail-img ul.thumnail-list{
																			                          }
															            #thumbnail-img ul.thumnail-list li{
																			                               float:left;
																										   padding:1px;
																										   }
												 fieldset#big-img{
													              float:right;
													              width:450px;
																  height:516px;
																  text-align:center;
																  padding:5px;
																  }
																  h6 {
																	  font-weight:bold;
																	  color:#F60;
																	  padding:5px 0 0 0;
																	  }
																	  /*사진보기방식*/
																							#push {
																								  height: 43px; /* .push must be the same height as .footer */
																								  padding-top:10px;
																							      }						
																													
																													#bigPic{
																														width:750px;
																														height:500px;
																														padding:1px;
																														border:1px solid #cccccc;
																														background-color:#eeeeee;
																														margin: 0 auto 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:836px;
																															 margin:0 0 0 55px;
																															 overflow:hidden;
																															 } 
																													
																													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#enset {
																				width:820px;													
																				padding:5px;
																				margin:0 5px 10px 0;
																				border:1px solid #CCC;
																				}
																		ul.enlist1 {
																					padding:35px 0 0 345px;
																					list-style:url(../images/dot.png);
																					background-image:url(../images/en_img1.jpg);
																					background-position:left center;
																					background-repeat:no-repeat;
																					height:140px;															
																					}
																					ul.enlist2 {
																								padding:15px 0 0 185px;
																								list-style:url(../images/dot.png);
																								background-image:url(../images/en_img2.jpg);
																								background-position:left center;
																								background-repeat:no-repeat;
																								height:170px;
																								}
											/*오시는길*/
											p.map-img{
												      margin:0 auto;
													  width:803px;
													  }
										    table#map{
													  border-top:1px solid #eee;
													  margin:0 auto;
											}
											table#map th{
												         width:110px;
												         font-weight:bold;
														 text-align:center;
														 vertical-align:middle;
														 padding:5px;
														 border-bottom:1px solid #eee;
														 }
											table#map td{
												         padding:5px;
														 border-bottom:1px solid #eee;
														 }
											table#map ul{
													                padding: 0 25px;
																	list-style:url(../images/dot.png);
																	}
																   
/*바텀 정의*/

/*폰트 강조*/
.strongfont {
	         text-decoration:undeerline;
			 }
.point1{color:#F00;}  
.point2{color:#60F;}
.point3{color:#30F;}
.point4{color:#390;}
.point5{color:#F60;}
.point6{color:#90F;}
.point7{color:#960;}
.point8{color:#390;}         

/*주메뉴바*/
/* @group core nav menu */
#nav { 
       float:left;
       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 { font-size:1.4em; line-height: 28px; text-decoration: none;  color: #000; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 5px; 
           }
#nav li a:hover {}
#nav li a.hov {font-size:1.4em; 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 { width:100px; border-top: 1px solid #fff; border-left:0px solid transparent; border-right: 0px solid transparent; text-align: center; background:#fff; }

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

#nav ul a { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color:#000; font-size:1.2em; line-height:17px;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #4444c6; font-size:1.2em; line-height:17px;}

* 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; }