@charset "utf-8";
/* CSS Document */
body{ 
     border-top:#b78184 solid 5px;
	 background-image:url(/images/body_bg.gif);
	 background-position:left top;
	 background-repeat:repeat;
	 font-size:14px;
	 font-family:Arial,Tohoma,Geneva,sans-serif;
	 text-align:center;
	 }
	 
/* 페이지 공통*/
			h1 {
				 float:left;
				 }
			h2 {}
			h2.bigtitle{
				        background-image:url(images/bg_h2_bigtitle.gif);
						background-position:left center;
						background-repeat:no-repeat;
						height:30px;
						padding:10px 0 0 30px;
						font-size:16px;
						font-family:Arial, Tohoma, Geneva, sans-serif;
						font-weight:800;
						position:relative;
						}						
			h2.subtitle {
						 padding:70px 0 0 0; 
						 color:#FFF;
						 }
			h4 {
				padding:0px 0 10px 0
				}
			h4#thumnailh4 {
						   clear:both; padding:10px 0 5px 0;
						   }
			a{
				  font-size:12px;
				  text-decoration:none;
				  color:#454545;
				  }
			a:visited{
					 font-size:12px;
					 text-decoration:none;
					 color:#454545;
					 }
			a:hover{
				   font-size:12px;
				   text-decoration:underline;
				   color:#454545;
				   }
			a:acitve{
					 font-size:12px;
					 text-decoration:none;
					 color:#000;
					 }

#bodyall{margin:0 auto 0; width:1024px; text-align:left; background-color:#FFF;}
 .header{
	     width:1014px; 
		 height:87px; 
		 border-bottom:#b78184 solid 5px; 
		 border-right:#b78184 solid 5px; 
		 border-left:#b78184 solid 5px;
		 background-color:#fff8f8;
		 }
 .topmenu{
	      float:right; 
		  width:697px;
		  }
		  td, th {vertical-align:middle;}
/*메인*/
 .mainswf{
	      clear:both;
		  width:1020px; 
		  height:380px; 
		  border-right:#b78184 solid 2px; 
		  border-left:#b78184 solid 2px;
		  padding-top:5px;
		  }
 .maincontents {
			   background-color:#FFF;
			   border-top:#dedede solid 1px;
			   border-bottom:#dedede solid 1px;
			   overflow:hidden;
               }
   #m1 {
	    float:left;
		width:316px;
		border-right:#dedede solid 1px;
		}
		#m1 .m1-pst1 {
			          width:288px;
					  height:99px;
					  padding:17px 0 0 28px;
					  border-bottom:#dedede solid 1px;
	                }
		#m1 .m1-pst2 {
			          width:288px;
					  height:68px;
					  padding:9px 0 0 28px;
					  border-top:#dedede solid 1px;
					  clear:both;
	                }
		#m1 ul.m1-ulst1 li{			               
						   float:left;
						   width:104px;
						   height:31px;
						   padding:12px 0 0 0;
						   text-align:center; 
	                       }
		#m1 ul.m1-ulst1 li.noti{
						        border-right:#dedede solid 1px;
								border-left:#dedede solid 1px;
	                        }
   #m2 {
	    float:left;
		width:316px;
		border-right:#dedede solid 1px;
   }
       #m2 h3.m2-hst1 {
		               height:22px;
					   padding:7px 0 0 13px;
					   border-bottom:#dedede solid 1px;
	   }
	   #m2 .m2-list {
		             height:100px;
					 border-bottom:#dedede solid 1px;
	   }
	       .m2-list .m-notice-list {
			                        line-height:150%;
									padding:10px 12px 0 17px;
		                            }
			        .m-notice-list li a {
						                 color:#333;
						                 font-weight:bold;
					                    }
	   #m2 ul.m2-room li {
						  float:left;
						  width:104px;
						  height:62px;
						  text-align:center;
						  padding:15px 0 0 0;
						  background-image:url(/images/m_room_corner.gif);
						  background-position:right top;
						  background-repeat:no-repeat;
	   }
	   #m2 ul.m2-room li.roomlie {
								  text-align:center;
								  border-right:#dedede solid 1px;
	   }
	   #m2 ul.m2-room li.roomliee {
		                          float:right; 
								  text-align:center;
								  
	   }
   #m3 {
	    float:left;
		width:390px;
       }
       #m3 h3.m3-hst1 {
		               height:22px;
					   padding:7px 0 0 13px;
					   border-bottom:#dedede solid 1px;
	   }
	   #m3 .m3-en {
					   padding:5px;
					   border-bottom:#dedede solid 1px;
					   overflow:hidden;
					   line-height:150%;
	   }
	    .m3-en #m-imst1 {
		                float:left;
						margin:0 5px 0 0;
	   }
	   .point1{
		        color:#F66;
	   }
	   #m3 .m-banner{
		             padding:18px 2px 5px;
					 text-align:center;
	   }
/*서브페이지 공통*/
  .subtopimg{
	         clear:both; 
             height:127px;
			 border-top:#b78184 solid 1px;
			 border-right:#b78184 solid 1px;
			 border-left:#b78184 solid 1px;
			 background-image:url(/images/sub_top_img.jpg); 
			 background-position:left top; 
			 background-repeat:no-repeat;
			 background-color:#FFF;
			 padding-top:5px;
			 margin-top:5px;
			 }
  .subinfo{width:1020px; 
           background-color:#FFF;
           background-image:url(../images/sub_bg.jpg);
		   background-position:right bottom;
		   background-repeat:no-repeat;
		   border-top:#D7D2D3 solid 1px; 
		   border-right:#b78184 solid 2px; 
		   border-left:#b78184 solid 2px;
		   border-bottom:#D7D2D3 solid 1px;
		   padding-bottom:10px;
		   overflow:hidden;}
    #subleft{width:288px; height:400px;text-align:right; padding-top:255px; float:left;
	         background-image:url(/images/sub_left_img.jpg);
			 background-position:top right;
			 background-repeat:no-repeat;
			 }
    #subcontents{width:732px; float:right; position:relative;
	             overflow:hidden;
				 }
	.location{
			  font-size:10px;
			  position:absolute;
			  right:5px;
			  top:14px;
			  width:300px;
			  text-align:right;
			  }
	 div.subcontent{padding:0px 10px 0px 20px; line-height:150%;}
     div.subcontent fieldset{padding:7px; line-height:170%; margin:0 0 30px;}
	 div.subcontent fieldset legend {font-size:13px;}
	    .subcontent .thumnail-area {float:left; width:200px; }
	    .subcontent ul.thumnail {list-style:none; width:200px; padding:0px; margin:0px;}
	    .subcontent ul.thumnail li{float:left; margin:0 1px 1px 0;}
	    .subcontent .f-st { float:left; width:500px; height:521px; padding:0px; line-height:170%; text-align:center;}
/*소개말씀*/
    .introduce-text{		            
					}
	           img.pimg {
		                 margin:10px 0 20px 0;
						 }
						 p.introduceline{
										 line-height:150%;
						                 }
						 p.introduceline2{
										 padding:20px 0 0 0;
						                 }
	.introduce-text table#introduce-table{}
	                table#introduce-table th{
						                     vertical-align:middle;
											 text-align:center;
											 font-weight:bold;
											 border-right:1px #CCC solid;
											 border-bottom:1px #CCC solid;
											 }
					                 .thfirst{
											 border-top:1px #CCC solid;
											 }
					table#introduce-table td{
						                     padding:3px 0 3px 12px;
											 vertical-align:middle;
											 border-bottom:1px #CCC solid;
											 }
											 /*생활안내*/
											  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:disc;;
															padding:0 0 0 25px;
															margin:10px 0 0 0;
															line-height:130%;
															}
/*요금안내 및 이용안내*/
   .subcontent-information { padding:0px 10px 0px 20px; line-height:150%; }
   .subcontent-information fieldset {
	                                 border:1px solid #CCC;
									 padding:20px;
									 margin:0 0 10px 0;
									 }
	.subcontent-information fieldset legend {
		                                     font-size:14px;
											 font-weight:bold;
											 height:27px;
											 background-image:url(../images/icon1.gif);
											 background-position:center left;
											 background-repeat:no-repeat;
											 padding: 10px 0 0 60px;
											 vertical-align:middle;
											 }
                            ol#pointimport {
								            list-style:decimal;
											padding:0 0 0 30px;
											}
											ul#pointimport2 {
															list-style:disc;
															padding:0 0 0 30px;
															}
															 table#rate {
																        border:1px solid #eee;
																		margin:0 0 20px 0;
																		width:680px;
																		background-color:#FFF;																		
																		}
															 table#rate th {
																           border-right:1px solid #fff;																		   
																		   background-color:#eee;
																		   font-weight:bold;
																		   padding:3px;																		   
																		   }
																		 th.thst1{ width:100px;}
																		 th.thst2{ width:150px;}
																		 th.thst3{ width:130px;}	       
															 table#rate td{
																		   padding:3px;
																		   text-align:center;
																		   border-right:1px solid #eee;																 
																		   }
															 table#rate td.rate-etc{
																					text-align:left;
																					border-right:0 soild #ccc
																					}
																				   table.single-rate caption {
																											 font-size:14px;
																											 color:#C06;
																											 font-weight:bold;
																											 }													   
																					
																										 table.dt-rate caption {
																																   font-size:14px;
																																   color:#1659d3;
																																   font-weight:bold;
																																   }																										 
																														 table.hanok-rate caption {
																																			   font-size:14px;
																																			   color:#218719;
																																			   font-weight:bold;
																																			   }
																														  
																																			   table.family-rate caption {
																																									   font-size:14px;
																																									   color:#d76d27;
																																									   font-weight:bold;
																																									   }																																				
															
/*시설보기*/
                 .subcontent-photo{padding:0 0 0 10px; line-height:150%;}
				  ul.room-menu{margin:0; padding:0px; list-style:none;font-weight:bold;}
				  ul.room-menu li a.roomon {float:left; text-align:center;
									 padding:10px;
									 border-right:#FFF solid 1px;
									 background-color:#F60;
									 width:146px;
									 color:#FFF;
									 letter-spacing:-1px;
									 }
				  ul.room-menu li a:hover {
										   background-color:#ccc;
									 }
				  ul.room-menu li a.roomout {float:left; text-align:center;
									 padding:10px;
									 border-right:#FFF solid 1px;
									 background-color:#ccc;
									 width:146px;
									 letter-spacing:-1px;
									 }
				  ul.room-menu li span {
										font-size:10px;
				                        }
				  table.facilities-info {
										 clear:both;
										 margin:30px 0 0 0;
										 }
				  table.facilities-info caption {color:#FFF;}
				  table.facilities-info td{border:#b78184 solid 1px; text-align:center;}
				  table.facilities-info th{border:#b78184 solid 1px; background-color:#FFFDFF;}
				  table.facilities-info ul{float:left; text-align:left; list-style:disc;}
				 				  div.facilities-list{
					                  float:left; text-align:left;
									  width:450px;
									  padding:55px 0 15px 25px;
									  }
				  .re-button {float:right; padding:30px 20px 0px 0px;}
				 /*사진보기방식-----------------------------*/
																												#push {
																														height: 43px; /* .push must be the same height as .footer */
																														padding-top:10px;
																													}
																													#wrapper{
																														width:1020px;
																														min-height: 96%;
																														height: auto !important;
																														height: 96%;
																														text-align:left;
																														margin: 0 auto;
																													}
																													
																													.clearfix{
																														clear:both;
																														float:none;
																													}
																													#bigPic{
																														clear:both;
																														width:716px;
																														height:477px;
																														padding:1px;
																														border:1px solid #e6c488;
																														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:716x;
																															 margin:0 auto;
																															 } 
																													
																													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:67px;
																														height:45px;
																														line-height:53px;
																														overflow:hidden;
																														position:relative;
																														z-index:1;		
																													}
				 
/*오시는길*/ 
	.subcontent-map{
		             background-image:url(images/map.png);
	                 background-position:30px top;
					 background-repeat:no-repeat;
					 height:782px;
					 position:relative;
					 }
					 .location2{
								font-size:10px;
								position:absolute;
								right:463px;
								top:251px;
								width:300px;
								text-align:right;
							  }
	.map-info {
		      position:absolute; left:30px; bottom:20px;
			  }
			  
	 table#map-table th {
		                 font-weight:bold;
						 vertical-align:middle;
						 text-align:center;
						 border-top:#ccc 1px solid;
						 border-bottom:#ccc 1px solid;
						 border-left:#ccc 1px solid;
						 }
	 table#map-table td{
		                padding:3px 0 3px 12px;
						border:#ccc 1px solid;
						}
						/*게시판-Q&A*/
						.subcontents-qna{
							             width:702px;
										 padding:0px 10px 0px 20px;
										 }
/*하단정의*/
.footer {clear:both;
	     width:1024px; 
	     height:80px; 
	     margin: 0 auto 0; 
		 padding:10px 0 0 0;
	     text-align:center;
	     border-top:#ccc solid 1px; 
		 border-bottom:#ccc solid 1px;
	     background-color:#fff;
	     }
.footer address {
                 font-style:normal;
				 font-size:12px;
				 line-height:130%;
				 }
	    address.enadd {
			           font-family:Arial, Helvetica, sans-serif;
					   font-size:10px;
					   }
.footer p{
	      font-size:10px;
		  font-family:Arial, Helvetica, sans-serif;
		  }


.point1{color:#F00;}
.point2{color:#09F;}
.point3{color:#F90;}
.point4{color:#F6F;}
.point5{color:#C0F;}
.point6{color:#090;}

/*주메뉴바*/
/* @group core nav menu */
.top-menu{
		  }
#nav { margin:0;
       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: 40px; 
		padding-top:10px; 
		padding-left: 25px; 
		padding-right: 0;
		}

#nav li { float: left; display: block; text-align:center; font-size:12px; background-color: none; position: relative; z-index: 999; margin: 0 1px; padding:0 20px;}

#nav li a { padding: 0; font-size:16px; font-weight: bold; line-height: 40px; 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 {border-left: 1px solid #d5dce8; border-right: 1px solid #d5dce8; color: #CC1212; }

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

#nav ul a { line-height: 17px; padding: 8px; color: #000; border-bottom: 1px 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: #CC1212; }

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