/* Global Framework

-----------------------------------------------------------------------------------*/

#bodyWrap {

	width: 960px;

	margin: 0 auto;

	background-color: #FFF;

	position: relative;

}



/* Page Header

-----------------------------------------------------------------------------------*/

#header { 

	width: 100%; height: 137px;

	position:relative; 

}

#header #topGnb { position: absolute; top: 0; left: 0; width: 960px; z-index: 3; }

#header #location { position: absolute; top: 107px; left: 0; width: 960px; height: 30px; background-color:#3F3F3F; cursor:default; z-index:1;}

#header #loginTopArea { position: absolute; top: 111px; right:20px; color:#929292; font-size:11px; z-index:4; }

#header #loginTopArea strong { color:#DADADA; }

#header #loginTopArea input.userID,

#header #loginTopArea input.userPW { 

	border:none; background-color:#929292;

	 color:#fff; height:16px; 

	 padding: 4px 3px 0px 2px; 

	 background-repeat:no-repeat; 

	 background-position:0 6px; 

}

#header #loginTopArea img { vertical-align:middle; }

#header #loginTopArea div.loginText { float:left; padding:6px 11px 0 0; }

#header #visual { position: absolute; top: 137px; left :0; width: 960px; z-index:2; }



/* Page Content

-----------------------------------------------------------------------------------*/

#mainContent { clear:both; width:100%; margin-bottom:15px; }

#mainContent #mainVisual { width:960px; height:330px; margin-bottom:18px; }

#mainContent #mainContent_lef { float:left; display:inline; width:580px; margin: 0 0 0 20px; }

#mainContent #mainContent_rig { float:right; display:inline; width:314px; margin: 0 20px 0 0; }



#mainContent #event { margin-bottom:20px; }

#mainContent #event h2 { margin-bottom:6px; }

#mainContent #event a { float:left; display:block; width:285px; height:62px; }

#mainContent #event a.first { margin-right:10px; }



#mainContent #blog { margin-bottom:0; }

#mainContent #blog h2 { margin-bottom:20px; }

#mainContent #blog h3 { background:url(/images/common/bul_bar_01.gif) no-repeat 13px 2px; padding:0 0 0 23px; margin-bottom:12px; }

#mainContent #blog dl { width:567px; margin:0 0 0 auto; }

#mainContent #blog dl dt { float:left; width:124px; padding-bottom:20px; }

#mainContent #blog dl dt img { border:3px solid #DDD; }

#mainContent #blog dl dd { float:left; width:428px; display:inline; font-size:11px; color:#888; padding:7px 15px 0 0; line-height:16px; }

#mainContent #blog dl dd strong { display:block; padding-bottom:7px; font-size:12px; color:#555; }

#mainContent #blog dl dd span { display:block; padding-bottom:1px; }

#mainContent #blog dl dd a:link,

#mainContent #blog dl dd a:visited,

#mainContent #blog dl dd a:hover,

#mainContent #blog dl dd a:active { color:#888; }



#mainContent #notice { margin-bottom:13px; }

#mainContent #notice h2 { position:relative; margin-bottom:15px; }

#mainContent #notice h2 a.more { position:absolute; top:6px; right:13px; }

#mainContent #notice ul { margin-left:17px; }

#mainContent #notice ul li {

	overflow: hidden; padding: 0 0 2px 7px;

	color:#888; font-size:11px;

	background: url(/images/main/bul_arrow.gif) left 4px no-repeat;

}

#mainContent #notice ul li a { float:left; color:#888; }

#mainContent #notice ul li span { float:right; margin-right:15px; }



#mainContent #banner { margin-bottom:22px; }

#mainContent #banner a { float:left; display:block; }



#mainContent #online { margin-bottom:6px; }

#mainContent #online h2 { position:relative; margin-bottom:17px; }

#mainContent #online h2 a.more { position:absolute; top:6px; right:13px; }

#mainContent #online dl { width:297px; margin:0 0 0 auto; }

#mainContent #online dl dt { float:left; width:41px; }

#mainContent #online dl dd { float:left; display:inline; font-size:11px; padding-bottom:16px; }

#mainContent #online dl dd strong { display:block; padding-bottom:2px; }



#mainContent #ask { margin-bottom:24px; }

#mainContent #ask h2 { position:relative; margin-bottom:17px; }

#mainContent #ask h2 a.more { position:absolute; top:6px; right:13px; }

#mainContent #ask a.ask { display:block; margin-left:17px; }



#mainContent #family { margin-bottom:20px; }

#mainContent #family h2 { margin-bottom:13px; }

#mainContent #family p { width:300px; display:block; margin:0 auto; }



#mainContent #autoCAD { margin-bottom:35px; }

* html #mainContent #autoCAD { margin-bottom:0px; } /* ie6 hack */

*:first-child+html #mainContent #autoCAD { margin-bottom:0px; } /* ie7 hack */

#mainContent #autoCAD h2 { margin-bottom:15px; }

#mainContent #autoCAD a { float:left; display:block; }



/* Page Footer

-----------------------------------------------------------------------------------*/

#footer { 

	clear: both; position:relative; 

	width: 100%; height:126px;

	background-color:#000;

}

#footer #footerArea img.logo { position:absolute; left:34px; top:51px; }

#footer #footerArea ul.utility { 

	position: absolute; right: 32px; top: 31px;

}

#footer #footerArea ul.utility li {

	float:left; display:inline;

	padding-right:14px; margin-right:13px;

	background:url(/images/common/footer_dot.gif) right 1px no-repeat;

}

#footer #footerArea ul.utility li.last { background:none; margin-right:0; padding-right:0; }

#footer #footerArea address {  

	position: absolute; right:30px; top:57px;	

	display:block; width:567px; height:25px;

	text-indent:-5000px; font-size:1px;

	background:url(/images/common/footer_address.gif) top left no-repeat;

}