@import url(board.css);
@import url(page.css);
@import url(etc.css);
 
/****************** Layout CSS ********************/

/* common */
body	{
	width:100%;
	height:100%;
}
#top	{
	width:100%;
	height:92px;
	background:url('../images/layout/gnbBg.gif') repeat-x left bottom #FFFFFF;
}
#topWrap	{
	width:850px;
	height:92px;
	margin:0 auto;
}
.siteLogo	{
	float:left;
	margin-top:7px;
	margin-left:7px;
	display:inline;
}

#siteMenu	{
	float:right;
	margin-top:41px;
	height:18px;
}
#siteMenu	li	{
	float:left;
	margin-right:12px;
}

#gnb	{
	clear:both;
	height:33px;
	position:relative;
	z-index:0;
}
#gnb	.gnb1Li	{
	float:left;
}
.gnb1Li	div	{
	position:absolute;
	z-index:5;
	padding-top:6px;
}
#gnb21	{
	left:10px;
	top:30px;
	background:url('../images/layout/gnb_arrow.gif') no-repeat 37px top;
	display:none;
	width:850px;
}
#gnb22	{
	left:260px;
	top:30px;
	background:url('../images/layout/gnb_arrow.gif') no-repeat 37px top;
	display:none;
	width:600px;
}
#gnb23	{
	width:350px;
	left:503px;
	top:30px;
	display:none;
	background:url('../images/layout/gnb_arrow.gif') no-repeat 43px top;
}
.gnb1Li	div	ul	{
	float:left;
	clear:both;
	overflow:hidden;
	padding-right:3px;
	background:url('../images/layout/gnb_last.gif') no-repeat right top;
}
.gnb1Li	li	{
	float:left;
}


#middle	{
	clear:both;
	overflow:hidden;
	width:100%;
}
#mainVisual	{
	width:100%;
	background-color:#F0F6F7;
}
#visual	{
	width:100%;
	background:url('../images/layout/subVisualBg.jpg') no-repeat 50% bottom #F0F6F7;
}
#mainVisual	p	{
	width:850px;
	margin:0 auto;
}
#visual	p	{
	width:850px;
	margin:0 auto;
}
#middleWrap	{
	width:850px;
	margin:0 auto;
	position:relative;
}
 
#left	{
	position:relative;
	z-index:1;
	float:left;
	left:8px;
	top:-49px;
	width:180px;
	word-break:keep-all;

}
#left	.sitemapH2	{	
	background:url('../images/layout/left_bg.gif') no-repeat left top #FFFFFF;
	height:392px;
}
#left	ul	{
	background:url('../images/layout/left_bg.gif') no-repeat left top #FFFFFF;
	height:392px;
	padding:10px 19px 0 16px;
	width:145px;
}
#left	li	{
	background:url('../images/common/bul/bul01.gif') no-repeat 2px 9px #FFFFFF;
	padding:5px 0;
	border-bottom:1px solid #E5E5E5;
	padding-left:10px;
}
#left	li	a:hover	{
	color:#6A6A6A;
	font-weight:bold;
}
#left	li.on	{
	font-weight:bold;
}
#left	li	ol	{
	width:110px;
	background-color:#F1F1F1;
	padding:5px 10px 0;
	margin:5px 0;
}
#left	li	ol.scrollOl	{
	height:200px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}
#left	li	li	{
	background:none;
	padding:0;
	border-bottom:none;
	padding-left:0px;
	padding-bottom:5px;
	text-indent:-7px;
	padding-left:7px;
}
#left	li.on	li	{
	font-weight:normal;
}
#left	li	li.on	{
	font-weight:bold;
}
#left	.leftHealth	{
	width:120px;
	background-color:#FFFFFF;
	padding:0;
	margin:0;
	margin-left:10px;
}
#left	.leftHealth	li	{
	border-top:1px solid #E5E5E5;
	text-indent:0;
	padding-left:5px;
	font-size:.92em;
}
#left	.leftHealth	li.on	a	{
	color:#29A2BA !important;
	font-weight:normal !important;
}

#contentArea	{
	float:right;
	width:645px;
	min-height:400px;
}
*	html	#contentArea	{
	height:400px;
}
#location	{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px solid #E5E5E5;
	text-align:right;
}
.siteH3	{
	height:32px;
	font-size:1.13em;
	color:#121212;
}
#footer	{width:100%; overflow:hidden; _zoom:1; height:100px; background:url('../images/layout/footerBg.gif') repeat-x left top; margin-top:30px;}

#footerStyle{margin:0 auto; width:800px;}

#footWrap	{
	float:left;
	width:360px;
	 padding:0;
	background:url('../images/layout/footLogo.gif') no-repeat left 10px;
	height:70px;
}
#footer	p	{
	margin-left:58px;
	height:13px;
}
.copyright	{
	padding-top:20px;
}

.appointment{
	float:right; text-align:left; width:380px;  padding:0 !important; 
	height:74px; padding:0 0 0 20px !important; margin:10px 0 0 0; background:url('../images/layout/bgFoot01.gif') no-repeat left center; }
.appointment p{text-align:left; margin:3px 0 0 0 !important; padding:0 !important;}
.appointment p img * {vertical-align:middle;}