@charset "utf-8";
/* CSS Document */
@font-face {font-family:nanum; src:url(http://hualivingtel.gsall.co.kr/NanumBarunGothic.eot);} 
@font-face {font-family:nanum; src:url(http://hualivingtel.gsall.co.kr/NanumBarunGothic.woff);} 
body {
	  width:100%;
	  height:100%;
	  background-image:url(../images/bg_all.jpg);
	  background-position:left top;
	  background-repeat:repeat-x;
	  font-family:nanum,gulim,dotum;
	  font-size:14px;
	  line-height:170%;
	  }

#allbody {
	      width:1024px;
		  margin:0 auto 0;
		  background-color:#FFF;
		  position:relative;		  
		  }
a { 
    text-decoration:none;
	color:#000;
	font-size:12px;
	}
a:hover {
	     text-decoration:none;
		 color:#F60;
		 }
a:active, a:visited {
	                 text-decoration:none;
					 }
/*공통정의 상단*/
.goldheader {
	         height:93px;
			 position:relative;
			 }
			 h1 {
				 padding:15px 0 0 120px;
				 float:left;
				 }
			 .ribbon {
				      position:absolute;
					  left:0;
					  top:0;
					  }

/*공통정의 컨텐츠*/
.goldcontents {
	           clear:both;
	           width:1022px;
	           border:1px solid #d6ddd9;
	          }

/*공통정의 하단*/
.goldfooter { 
             height:92px;
			 clear:both;
			 background-color:#d6ddd9;
			 margin:5px 0 20px 0;
			 text-align:center;
			 }
.goldfooter a{
	          color:#C0F;
			  }
/*메인 정의*/
            .main-img{
				      height:362px;
					  }
			.main-en {
				      height:189px;
					  border-bottom:1px solid #d6ddd9;
					  margin:5px 0 5px 0;
					  }
			.main-en ul#main-strong {
				                     		     
				                    }
					 ul#main-strong li{ 
					                   width:184px;
									   height:184px;
									   border-top:5px solid #43464d;
									   border-right:1px solid #d6ddd9;
									   float:left;
									   text-align:center;
									   }
					   #main-strong li h2 {						                   
										   height:29px;
										   border-bottom:1px solid #d6ddd9;
										   padding:12px 0 0 0;
										   margin:0 0 6px 0;
										   }
			         .main-notice {
						           width:237px;
								   height:184px;
								   border-top:5px solid #e09616;
								   border-right:1px solid #d6ddd9;
								   float:left;
					              }
					 .main-notice h2 {
						              border-bottom:1px solid #d6ddd9;
									  height:29px;
									  padding:12px 0 0 0;
									  text-align:center;
									  }
					 .main-notice #noticelist {
						                      margin:6px 7px 0 10px;
											  } 
					 .main-phone {
						          width:228px;
						          height:189px;
								  float:left;
								  background-image:url(../images/bg_main_phone.png);
								  background-position:-15px center;
								  background-repeat:no-repeat;
								  text-align:center;
								  }
					 .main-phone h2 {
									  height:29px;
									  padding:12px 0 0 0;
									  }
					 .main-phone p.num {
						                font-family:Verdana, Arial, Tahoma;
										font-size:18px;
										font-weight:800;
										color:#F00;
										padding:0 0 0 25px;
										letter-spacing:-1px;
					                   }
								 p.num1 {
									     font-family:Verdana, Arial, Tahoma;
										 font-size:18px;
										 font-weight:800;
										 padding:0 0 0 25px;
										 letter-spacing:-2px;
					                    }
								 p.num2 {
										padding:5px 0 20px 30px;
										letter-spacing:-2px;
					                   }
						             
            
/*서브 정의*/
            .sub-img{
				      height:198px;
					  background-image:url(../images/img_sub.jpg);
					  background-position:center center;
					  background-repeat:no-repeat;
					  }
			.sub-area{
					
					  margin:5px 0 5px 0;
					  overflow:hidden;
			          }
					  #sub-left{
						        width:265px;
								height:100%;
								float:left;
								border-top:5px solid #43464d;
								border-right:1px solid #d6ddd9;
								border-bottom:2px solid #d6ddd9;
								background-image:url(../images/bg_left.jpg);
								background-position:left top;
								background-repeat:no-repeat;								
								}
								p.menu-left {
									         height:140px;
									         padding:17px 16px 0 0;
											 text-align:right;
											 }
								.sub-phone {
									        background-image:url(../images/bg_main_phone.png);
											background-position:left center;
											background-repeat:no-repeat;
											text-align:center;
											height:171px;
											}
								.sub-phone h3{
									          height:29px;
											  padding:12px 0 0 0;
											  }
											  p.num3{
													 font-family:Verdana, Arial, Tahoma;
													 font-size:18px;
													 font-weight:bold;
													 padding:0 0 0 35px;
													 letter-spacing:-1px;
													 }
											  p.num4{
													 padding:5px 0 0 40px;
													 }
					  #sub-right{
						         float:right;
								 width:745px;
								 }
								 .title-both h4{
									           float:left;
											   width:200px;
											   }
								 .title-both span#location {
									                        float:right;
									                        color:#666;
															font-size:11px;
															width:300px;
															text-align:right;
															padding:10px 0 0 0;
															}
					/*소개말씀 */
								 .contents-introduce {
													  clear:both;
													  background-image:url(../images/bg_introduce.jpg);
													  background-position:right bottom;
													  background-repeat:no-repeat;
													  padding:20px 10px 20px 20px;
													  letter-spacing:1px;
													  }
					                                  ul#sub-goodpoint {
														                list-style:disc;
																		padding:10px 0 10px 30px;
													  }
													  table.tablest1 {
														               border:1px solid #CCC;
																	   margin:5px 0 0 30px;													
																	   }
														   .tablest1 th {
															             font-weight:bold;
																		 vertical-align:middle;
																		 border-bottom:1px solid #ccc;
																		 }
														   .tablest1 td {
																		 vertical-align:middle;
																		 border-bottom:1px solid #ccc;
																		 }
														             td.tdcontents ul {
																					  list-style:disc;
																					  padding:0 0 0 30px;
																					  }
					/*생활안내*/
					.contents-information {
										  clear:both;
										  background-image:url(../images/bg_introduce.jpg);
										  background-position:right bottom;
										  background-repeat:no-repeat;
										  padding:20px 10px 20px 20px;
										  }	
					.contents-information fieldset{
												   border:1px solid #CCC;
												   padding:5px;
												   margin:0 0 10px 0;
												  }
					.contents-information fieldset legend {
						                                   font-size:14px;
														   font-weight:bold;
														   }
					/*시설보기*/
					.contents-facilities {
										  clear:both;
										  padding:20px 10px 20px 20px;
										  overflow:hidden;
										  }
					.contents-facilities .photoarea {
						                             overflow:hidden;
													 clear:both;
													 }
					.contents-facilities ul#thumnail-list {
						                                 width:260px;
														 float:left;
														 }
										 ul#thumnail-list li{
											                 float:left;
															 padding:0 2px 2px 0;
															 }
				    .contents-facilities #big-img {
						                           width:450px;
												   height:470px;
												   text-align:center;
												   float:right;
												   }
					                     h5.btn-on {
											        padding:5px 0;
													width:128px;
													text-align:center;
													background-color:#F60;
													float:left;
													}
													h5.btn-on a {
														         color:#FFF;
																 }
										 h5.btn-out {
											        padding:5px 0;
													width:128px;
													text-align:center;
													background-color:#666;
													float:left;
													}
													h5.btn-out a {
														         color:#ccc;
																 }
					/*주변환경*/
					.contents-environment {
                                          clear:both;
										  padding:20px 10px 20px 20px;
										  overflow:hidden;
										  }
					.contents-environment fieldset {
						                            float:left;
													width:330px;
													height:330px;
													padding:10px;
													margin:0 5px 5px 0;
													border:1px solid #CCC;
													}
					                                ul#en-info {
														        padding:15px 0 0 25px;
																list-style:disc;
																}
					/*오시는길*/
					.contents-map {
                                   clear:both;
								   padding:20px 10px 20px 20px;
								   text-align:center;
								   overflow:hidden;
								  }
								  table.tablest2 {
												 margin:5px 0 0 0;													
												 }
														   .tablest2 th {
															             font-weight:bold;
																		 vertical-align:middle;
																		 border-bottom:1px solid #eee;
																		 background-color:#f7f7f7;
																		 padding:3px 0;
																		 }
														   .tablest2 td {
																		 vertical-align:middle;
																		 border-bottom:1px solid #eee;
																		 background-color:#f7f7f7;
																		 padding:3px 0;
																		 }
														             td.tdcontents2 ul {
																					  list-style:disc;
																					  padding:0 0 0 30px;
																					  }
						/*입실문의*/
						.contents-qna {
									   clear:both;
									   padding:20px 10px 20px 20px;
									   overflow:hidden;
									  }

/*바텀 정의*/
 .footer-left{
	         float:left;
			 padding:25px 0 0 0;
			 width:783px;
			 line-height:20px;
			 text-align:right;
			 }
 .footer-right{
	          float:right;
			  width:230px;	
			  height:67px;		  
			  border-top:5px solid #43464d;
			  padding:20px 0 0 0;
			  background-image:url(/images/logo_bottom.png);
			  background-position:center center;
			  background-repeat:no-repeat;
			  }
 address {
	      font-style:normal;
		  }
 .footer-left p.copyright{
	                      font-size:0.8em;
						  }           
/*폰트 강조*/
.strongfont {
	         font-weight:bold;
			 }
.point1{color:#F00;}  
.point2{color:#60F;}
.point3{color:#30F;}
.point4{color:#390;}
.point5{color:#F60;}
.point6{color:#90F;}
.point7{color:#960;}         

/*주메뉴바*/
/* @group core nav menu */
#nav { margin: 0; padding: 0; 
       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: 40px; 
		padding-top:24px; 
		padding-left: 0px; 
		padding-right: 0px;
		color:#afafaf;
		}
#nav li { float: left; display: block; width:95px; text-align:center; font-size:12px; background-color: none; position: relative; z-index: 999; margin: 0 1px;}

#nav li a { font-size:15px; 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 {border-top: 0px solid #e09616; color: #e09616; padding:0px 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:440px; border-top: 1px solid #fff; text-align: left; background-color:#ddded7;}
#nav ul li:hover { 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; padding: 8px; color: #000; border-bottom: 0px solid transparent; text-transform:  uppercase; color: #000; font-size:12px;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #e09616; }

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