@import url('content.css');
@import url('table.css');

@media all
{

	html { height: 100%; }
	body { text-align: center; font-family: gulim, AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size: 12px; height: 100%; color: #777; }

	A:link			{ color: #777; }
	A:visited	{ color: #777; }
	A:active		{  }
	A:hover		{  }

	#company	 {  }
	#wrapper	{ width: 980px; margin: 0 auto; text-align: left; position: relative; }

	/* header */
	#header { font-size: 0; background: url('../../images/common/bgdotted.gif') repeat-x bottom; padding-bottom: 1px; margin-bottom: 14px; position: absolute; z-index: 100; }
	#header	 h1 { width: 980px; padding: 40px 0 13px 0; }
	#header .gnb { position: absolute; top: 0; }

	#container { position: absolute; top: 95px; }

	/* spot */
	.spotImg { background: url('../../images/common/bgdotted.gif') repeat-x bottom; padding-bottom: 1px; width: 100%; }
	.leftSpot				{ float: left; font-size: 0; }
	.leftSpot img { position: absolute; }
	.contSpot			{ float: left; font-size: 0; margin-left: 190px; _margin-left: 95px; }
	.location			{ font-size: 11px; font-family: Dotum; text-align: right; padding: 4px 10px 2px 0; color: #999; background: url('../../images/common/bgdottedRigt.gif') repeat-y right; background-color: #f5f5f5; }
	.location img		{ vertical-align: middle; margin-top: -1px; }
	.location a:link	{ color: #777; }

	/* content */
	.content { background: url('../../images/common/bgLeft.gif') repeat-y right; margin-bottom: 29px; }
	.colContent { background: url('../../images/common/bgdotted.gif') repeat-x bottom; padding-bottom: 80px; width: 100%; }

	.ContentBody { float: left; width: 788px; }
	.colBody { padding: 40px 0 0 30px; }

	/* left */
	.left			{ float: left; width: 191px; }
	.colleft	{ padding: 42px 0 50px 20px; }
	.colleft h2	{ padding: 0 0 13px 13px; }
	.imgLeft { padding-left: 15px; }

	/* footer */
	#footer { background: url('../../images/common/bgdotted.gif') repeat-x top; padding: 18px 0 40px 0; clear: both; }
	#footer .footerSiteinfo { padding-top: 4px; float:left; }

	#footer ul.footerNavi { float: left; margin-right: 18px; font-size: 0; }
	#footer ul.footerNavi li.fir { padding-left: 0; }
	#footer ul.footerNavi li.last { background: none; padding-right: 0; }
	#footer ul.footerNavi li {
		background: url('../../images/common/bgFooterLinkbar.gif') no-repeat right;
		float: left;
		display: inline;
		padding: 0 10px;
	}
	#footer .copy { float: left; margin-right: 5px; }
	#footer address { float: left; margin-right: 5px; }
	#footer .telnum { float: left; }

#footer .footerSelect { float: right; margin-right: 2px; position: relative; right: -1px;}
#footer .footerSelect img { vertical-align: middle; }
#footer span.footerSelect1 { float: right; margin-right: 2px; position: relative; z-index: 1; }
#footer span.footerSelect2 { float: right; position: relative; z-index: 1; }

.botView1 { position: absolute; top: -58px; left: 41px; z-index: 2; }
.botView2 { position: absolute; top: -58px; left: 41px; z-index: 2; }

}