@charset "utf-8";
/* CSS Document */
/*@import url(/NanumGothic.eot);*/
@font-face {font-family:nanum; src:url(http://thehill.wellbeingroom.co.kr/NanumGothic.eot);} 
@font-face {font-family:nanum; src:url(http://thehill.wellbeingroom.co.kr/NanumGothic.woff);}


body {
	  background-color:#d7d5cc;
	  background-image:url(bg_body.jpg);
	  background-position:top center;
	  background-repeat:no-repeat;
	  font-family:nanum, 나눔고딕, gulim, 굴림;
     }
#bodyall {
	      width:1024px;
		  margin:0 auto 0;
		  background-image:url(images/bg_shadow.png);
		  background-position:top left;
		  background-repeat:repeat-y;
		  overflow:hidden;
         }
 h1 {
	 display:block;
	 text-align:center;
	 padding:37px 0 9px 0;
	 }
	
a:link { color:#000; text-decoration:none; }
a:hover {color:#aae694; text-decoration:none; }

 .m-left {
	      width:262px;
		  background-image:url(images/bg_m_left.jpg);
		  background-position:top left;
		  background-repeat:no-repeat;
	      background-color:#ddded7;
		  float:left;
         }
 .m-middle{
	       width:762px;
		   float:right;		   
           }
 .goodpoint {
	         width:244px;
			 height:118px;
			 margin:0 5px 10px 0;
			 float:left;
			 
            }
 .goodpoint li {
	            background-color:#000;
				height:23px;
				margin:0 0 3px 0;
				color:#FFF;
				font-weight:bold;
				font-size:0.9em;
				text-align:center;
				vertical-align:middle;
				padding:6px 0 0 0;
  }
  .goodpoint li.p1 {color:#ff8abe;
  }
  .goodpoint li.p2 { color:#3C0;
  }
  #m-img {
	      background-image:url(images/bg_m_left.jpg);
		  background-position:bottom left;
		  background-repeat:no-repeat;
		  height:426px;
  }
  #m-phone {
	        height:133px;
			background-image:url(images/bg_m_phone.jpg);
			background-position: top left;
			background-repeat:no-repeat;
			text-align:right;
			padding:15px 10px 0 0;
  }
  #m-phone p {
	          padding:0 0 7px 0;
  }
  .m-middle #main-img {
	         padding:0 0 0 42px;
  }
  #main-img {
	          position:relative;
              height:635px;
			  }
  #main-img .main-swf {
	                   width:718px;
	                   height:457px;
					   margin:0 0 7px 0;
					   background-image:url(images/bg_basic.png);
					   background-position:right bottom;
					   background-repeat:no-repeat;
					   border:#ddded7 solid 1px;
  }
  #main-img .blingbling {position:absolute; 
                         left:1px;
						 top:1px;
                         width:704px;
					  	 height:524px;
						 overflow:hidden;
						 z-index:3999px;
  }
  .m-middle #topmenu {
	                  height:95px;
					  background-image:url(/images/ribbon.png);
					  background-position:left top;
					  background-repeat:no-repeat;
  }
  
 /*서브페이지*/
#img-left01 {
	         background-image:url(images/img_left01.jpg);
			 background-position:bottom left;
			 background-repeat:no-repeat;
			 height:354px;
}
#sub-phone {
	        clear:both;
	        height:133px;
			background-image:url(images/bg_m_phone.jpg);
			background-position: top left;
			background-repeat:no-repeat;
			text-align:right;
			padding:15px 10px 0 0;
  }
#sub-phone {
	        padding:15px 15px 7px 0;
			}
			#sub-phone p {
				          padding:0 0 7px 0;
						  }
#contents {
           width:743px;
		   background-color:#FFF;
		   margin:0 0 0 18px;		   
            }
ul.subquick {
	         padding:1px 0 1px 0;
}
ul.subquick li{
	        float:left;
}
ul.subquick li.lispace {
	                    padding:0 1px;
}
 .p4-sub {
	   clear:both;
	   height:135px;
	   background-color:#FFF;
	   background-image:url(images/bg_m_phone.jpg);
	   background-position: 5px bottom;
	   background-repeat:no-repeat;
	   padding:12px 7px 0 7px;
	   margin:0 0 78px 0;
	   text-align:right;
  }
h3 {
	height:37px;
    background-image:url(images/bg_title.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:10px 0 0 70px;
	font-size:20px;
	font-weight:bold;
}
.introduce {
	        line-height:170%;
			padding:20px 20px 20px 30px;
			font-size:0.8em;
			background-image:url(images/bg_introduce.jpg);
			background-position:right bottom;
			background-repeat:no-repeat;
}
.introduce ul#sub-goodpoint {
	                       list-style:disc;
						   padding:15px 0 15px 50px;
						   color:#03F;
			               font-weight:bold;
}     
.introduce table {
	              margin: 10px 0;
				  }
table .thtitle {
	              font-weight:bold;
				  text-align: center;
				  vertical-align:middle;
				  border:#b7ac63 solid 1px;
}
table .tdcontents {
				  vertical-align:middle;
				  border:#b7ac63 solid 1px;
				  padding:0 20px;
}
table .tdcontents ul {
	                 list-style:disc;
}
      .tdcontents dl { text-align:left; }
      .tdcontents dt {
		              font-weight:bold;
					  color:#03F;
					  }
	  .tdcontents dd {
		              padding:0 0 0 15px;
					  }
.introduce fieldset {
	                 margin:10px 20px;
					 padding:10px;
					 border:#CCC solid 1px;
					 }
.introduce fieldset legend {
	                        background-image:url(images/icon1.gif);
							background-position:left center;
							background-repeat:no-repeat;
							height:26px;
							padding:10px 0 0 45px;
							color:#F60;
							font-weight:bold;
}
.facilities {
			 padding:0 10px 0 10px;
			 height:550px;
}
.facilities ul#thumnail-list {
							  width:260px;
							  margin:0 0 0 0;
							  float:left;
							  clear:both;
							  border:1px solid #F60;
			                  }
.facilities ul#thumnail-list li {
	                             float:left;
								 padding: 0px 1px 1px 0;
}
.facilities #big-img {
	                width:450px;
					float:right;
					text-align:center;
}
            .list-button {
				          float:left;
						  padding:5px;
						  margin: 10px 0 0 0;
						  text-align:center;
						  background-color:#F60;
						  width:116px;
						  }
						  .list-button-out {
											float:left;
											padding:5px;
											margin: 10px 0 0 0;
											text-align:center;
											background-color:#999;
											width:117px;
											}
		 .list-button, a {
							color:#FFF;
							text-decoration:none;
							font-weight:bold;
							font-size:0.9em;
							}
							.list-button-out, a {
											color:#FFF;
											text-decoration:none;
											font-weight:bold;
											font-size:0.9em;
											}
.point1 {color:#F00;}
.point2 {color:#393;}
.point3 {color:#F3F;}
.point4{color:#C60;}
.point5{color:#39F;}

.environment {
	          line-height:170%;
			  padding:10px 0 20px 40px;
		      font-size:0.8em;
			  height:500px;
			  background-image:url(images/bg_img.jpg);
			  background-position:right bottom;
			  background-repeat:no-repeat;
			  }
h4 {
	color:#F60;
	font-size:16px;
	font-weight:bold;
	margin:0 0 30px 0;
}
.environment #en-ul {
	                 margin: 30px 0 20px 20px;
	                 list-style:disc;
	
}
.map {
	        line-height:170%;
			padding:10px 0 7px 35px;
			font-size:0.8em;
}
.map table {margin:10px 0 0 0px; width:679px;}	
.qna {
	        line-height:170%;
			padding:10px 0 20px 20px;
			font-size:0.8em;
}		  
/*하단*/ 
 #footer {
		   clear:both;
		   text-align:center;
		   padding:0 0 30px 0;
		   background-color:#c5c2b6;
		   border-bottom:#45766b solid 0px;
		   background-image:url(/images/footer_bg.png);
		   background-position:center top;
		   background-repeat:repeat-y; 
 }

 #footer address {
	             width:762px;
				 margin:0 auto 0;      
	             color:#000;
				 font-style:normal;
				 padding:20px 0 10px 262px;
				 font-size:0.7em;
				 line-height:150%;
 }
#footer p {
	       font-size:0.7em;
		   width:762px;
		   margin:0 auto 0;
		   padding:0 0 0 262px;
}
#footer a { color:#655039; text-decoration:none;}
#footer a:hover {color:#CCC; text-decoration:none;}
	

/*주메뉴바*/
/* @group core nav menu */
#nav { margin: 0; padding: 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:24px; 
		padding-left: 175px; 
		padding-right: 0px;
		color:#CCC;
		}
#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:14px; font-weight: bold; line-height: 28px; text-decoration: none;  color: #fff; 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: 2px solid #cd161c; color: #cd161c; padding:8px 5px 5px 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-weight: bold; font-size:12px;}
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #fff; }

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