/*--------------------------------------------------|
| layout.css 
| Update : 2011-10-25
|--------------------------------------------------*/
@charset "utf-8";

/*
	layout은 메인화면에 디자인된 요소입니다.
	
	참고할 만한 사이트 - http://layouts.ironmyers.com/
	                   - http://www.dynamicdrive.com/style/layouts/
					   - http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
*/

body.main {position:relative; margin:0; background:url("/new/kor/img/main/bg.jpg") no-repeat center 0;}
/*#wrapper {position:relative; width:960px; margin:0 auto;} 가운데 정렬시*/
#wrapper {position:relative; width:960px; margin-left:25px ;}
/* HEADER */
#header {position:relative; width:960px; height:102px;}
#header h1 {position:absolute; top:30px; left:0; width:158px; height:38px; z-index:2;}
#header .utility {position:absolute; top:10px; right:0; z-index:2;}
#header .utility li {float:left; right 2px; padding:0 9px; font-size:0;}
#header .utility li.last-child {background:none; padding:0 0 0 9px;}

/* GNB */
#gnavigation {position:absolute; top:46px; right:0; width:570px; z-index:2;}
#gnavigation img{vertical-align:top;}
#gnavigation li{float:left;padding:0 0 0 40px; line-height:0;}
#gnavigation li.menu01{float:left; padding:0;}
#gnavigation li ul{float:left;}
#gnavigation li ul li{float:left; font-size:0; padding:0;}
#gnavigation li.menu01 ul{position:absolute; top:30px; left:-15px; height:0px;}
#gnavigation li.menu01 ul li{float:left; padding:0 0 0 20px;}
#gnavigation li.menu02 ul{position:absolute; top:30px; left:-110px; height:26px;}
#gnavigation li.menu02 ul li{float:left; padding:0 0 0 20px;}
#gnavigation li.menu03 ul{position:absolute; top:30px; height:26px;}
#gnavigation li.menu04 ul{position:absolute; top:30px; height:26px;}
#gnavigation li.menu05 ul{position:absolute; top:30px; left:410px; height:26px;}
#gnavigation li.menu05 ul li{float:left; padding:0 0 0 20px;}

/* VISUAL */
#m_visual {position:relative; height:329px;}

/* CONTENTS */
#m_contents {position:relative; width:960px; height:137px; background:url("/new/kor/img/main/bg_contents.jpg") repeat-y; padding:40px 0 0 0;}
#m_contents h4 {width:100%; font-size:0; line-height:0;}

#m_contents .notice {position:relative; float:left; width:290px; margin:0 15px 0 15px;}
#m_contents .notice ul {position:absolute; top:35px; left:0;}
#m_contents .notice .date {margin-left:218px;float:right; width:67px; text-align:right; font:10px/1.9 'Verdana'; color:#999999;}
#m_contents .notice ul li {padding:0px;}

#m_contents .customer {position:relative; float:right; width:300px;}
#m_contents .customer .txt {position:absolute; top:27px; left:0;}

/* FOOTER */
#footer {clear:both; position:relative; width:100%; height:115px; background:url("/new/kor/img/main/footer_line.gif") repeat-x;}
/* #footer .in {position:relative; width:960px; margin:0 auto;}*/
#footer .in {position:relative; width:960px; margin-left:15px;}
#footer .in address {position:absolute; top:24px; left:0px; width:610px; height:43px;}

/* SITEMAP */
.sitemap { position:absolute; top:82px; left:50px; width:956px; height:260px; border:2px solid #ccc; background:url("/new/kor/img/main/sitemap_bg.gif") repeat;}
.sitemap .close { padding:10PX 10px 0 0;text-align:right } 
.sitemap ul { padding:10px; width:171px; height:200px; float:left; display:inline-block;}
.sitemap ul p { background-color:#e46c0a; width:150px; padding:6px; font-weight:bold; text-align:center; color:#fff;}
.sitemap ul li { width:134px; height:24px; border-bottom:1px solid #eee;  padding-left:18px; font-size:11px; color:#6666; line-height:24px }
.sitemap ul li a { color:666 }
.sitemap ul li a:hover { color:#e46c0a; }