/* CSS Document */
 
 
/* Default Type Selector */
*{ margin:0; padding:0; font-size:12px; font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, Sans-serif;}
img,
fieldset{ border:none;}
legend{ display:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
li{ list-style:none;}
em,
address{ font-style:normal;}
button{ cursor:pointer; _cursor /**/:hand;}
body,td,th {color: #777;}
body {
	background: url(../imgs/sub_bg.gif) repeat-x left -15px; margin:0px; padding:0px;
	list-style:none;
}

body#main {
	background: url(../imgs/main/main_bg.jpg) repeat-x left 0px;
}
/* Layout */
#wrap{  margin-left:0px; margin-top:10px; width:970px;}
#header{ position:relative;   padding:0; width:970px; height:55px; _height /**/:55px;text-align:left;}
#main #header{height:55px;}
#header .logo {position:absolute; left:30px; top:0px;}
#header h1 *{vertical-align:middle; margin:-3px 3px 3px 3px;}
#gnbt{ overflow:hidden; position:absolute; top:-5px; right:-2px; }
#gnbt li{   padding:0 6px 0 7px; float:left; position:relative; left:-1px;  background:url('../imgs/top/top_line.gif') no-repeat left 5px ;}
#gnbt a{ color:#333; font-size:10px; letter-spacing:-1px;}

#gnb  {position:absolute; top:17px; left:280px; width:820px;  } 
#gnb li a 
#gnb ul{ zoom:1;}
#gnb ul ul{ _width:100%;}

/* ±Û·Î¹ú ¸Þ´º ¹èÄ¡ */

#gnb:after {display:block;  clear:both; height:25px; width:auto; }
#gnb li {float:left; width:0px; text-align:center;  height:25px; width:auto; }
#gnb li li {height:25px; background:url('../imgs/top/menu_top_sub_bg.gif') repeat-x left top; } 
#gnb .left{float:left; width:24px;  height:25px; text-align:center; background:url('../imgs/top/menu_top_sub_left.gif') repeat-x left 1px;  }
#gnb .right{width:24px; height:25px; background:url('../imgs/top/menu_top_sub_right.gif') no-repeat right 1px; }
#gnb li a { display:block; height:25px; padding-top:6px; } 
#gnb li.g1 { width:180px; }
#gnb li.g2 { width:180px;}
#gnb li.g3 { width:180px;}
#gnb li.g4 { width:180px;} 
#gnb ul { position:relative; }
#gnb ul ul { position:absolute; top:37px; display:none;}
#gnb ul#gm1 {left:-20px; vertical-align:middle;}
#gnb ul#gm2 {left:120px; vertical-align:middle;}
#gnb ul#gm3 {left:365px; vertical-align:middle;}
#gnb ul#gm4 {left:450px; vertical-align:middle;} 
 
#gnb a{ color:#efefef; font-size:11px; letter-spacing:-1px; display:inline; height:auto; padding:0; margin:0 10px; }
#gnb a:hover { color:#ff6600;  font-size:11px; letter-spacing:-1px; text-decoration:none;}

/* ±Û·Î¹ú ¸Þ´º È°¼º */
#gnb .active ul { display:block; }
#gnb .active a { text-decoration:underline; }
#gnb .active li a { text-decoration:none; }
#gnb .active .active a { text-decoration:underline; }

/* À̹ÌÁö¿ë ·Ñ¿À¹ö */
A.roll img { display:inline; border:0;} 
A.roll img.over { display:none; } 

A.roll:hover { border:0; }
A.roll:hover img { display:none; } 
A.roll:hover img.over { display:inline; } 

 
#main #menu{}
#menu{ overflow:hidden; position:absolute; margin-top:35px; right:-2px;}
#menu li{  width:120px; padding:0 6px 0 7px; float:right; position:relative; left:-1px; }
#menu a{ color:#444444; font-size:11px; letter-spacing:-1px; margin-left:10px;}

#mainImg {float:left;  padding:0; margin:0; width:990px; height:425px; background:url('../imgs/main/main_img.jpg') no-repeat left top;}  

#contents {float:left; width:990px; height:200px; position:relative; padding:0; margin:0;  background:#ffffff url('../imgs/main/img_left.gif') no-repeat left top;   }
 
#notice {float:left; position:relative; top:0px; left:60px;  width:300px; height:200px; }  
#notice .tit {float:left; }
#notice .more {float:right; position:relative; top:10px;} 
#notice table {clear:both; border-top:1px solid #2974ad; border-collapse:0; width:300px;}
#notice caption {padding-left:0px; height:5px;}
#notice tr{ border-bottom:1px dotted #cdcdcd; }
#notice td{color:#666; padding-left:10px; width:290px; height:22px; background:url('../imgs/bt_dot02.gif') no-repeat left 8px; }
#notice tr td.start{  background:none;  height:7px; }

#notice td a{color:#636363;}
#notice td a:hover{color:#999; text-decoration:none;}

#project {float:left; position:relative; top:0px; left:90px;  width:540px; height:45px;  border-bottom:1px dotted #cdcdcd; }
#bgRight {float:right; position:absolute; top:0px; right:0; width:345px; height:160px; background:url('../imgs/main/img_right.gif') no-repeat right top; padding:0;} 

#mBox {float:right; position:relative; top:10px; left:0;  width:600px; height:185px; }
#gnss {float:left; position:relative;  left:2px; width:197px; height:127px; padding-left:12px; background:url('../imgs/main/v_line.gif') no-repeat left top;}
#gpsdata {float:left; position:relative; left:2px; width:164px; height:127px; padding-left:12px; background:url('../imgs/main/v_line.gif') no-repeat left top;}
#gdc {float:left; position:relative;left:2px; width:163px; height:127px; padding-left:12px; background:url('../imgs/main/v_line.gif') no-repeat left top; }

#container {margin-left:15px; margin-top:20px;}
#container ul {float:left; }
#container li.start  {float:left; width:290px;} 
#container li  {float:left; width:300px; background:url('../imgs/main_line.gif') no-repeat left 20px; margin-left:0px; margin-right:10px; }

 

#introduction dl {float:left; width:300px; height:120px; marign:0px;}
#introduction  dt  { width:300px; }
#introduction  dd.img {marign:0px; padding:0px; width:297px; height:81px; margin-left:7px;}
#introduction  dd {padding-left:15px; margin-top:5px; line-height:120%;}


/*banner*/
#banner { float:left;  position:relative; width:930px; height:50px;  top:0; left:35px;}
#banner .b_left{float:left;  width:13px; height:17px; margin-top:10px;}
#banner .b_right{ float:right; width:13px; height:17px; margin-top:-30px;}
#banner .banner_slider{  height:40px; width:894px;  margin-left:10px;}
#banner .banner_slider ul{ }
#banner .banner_slider ul li{ float:left; padding:0px; margin-left:35px;  background:url('../imgs/bottom/ban_arrow_line.gif') no-repeat left center;  }
#banner .banner_slider ul li.line_no{  background:none;}

/*footer*/
#footer {clear:both; position:relative; padding:18px 0 5px 200px; border-top:1px solid #dedede; text-align:left; width:770px; } 
#footer p.logo{ position:absolute; left:30px; top:3px; width:140px; height:42px;}
#footer * {margin:0; padding:0; color:#333; list-style:none; font-size:11px; font-style:normal; font-family:"³ª´®°íµñ", NanumGothic, "µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif; line-height:normal;}
#footer a {text-decoration:none; color:#333;}
#footer a:visited {text-decoration:none; color:#666;}
#footer ul {clear:left; width:570px;}
#footer ul li {float:left; padding:0 5px 0 30px; font-size:11px; background:url('../imgs/bottom/line.gif') no-repeat left 50%; white-space:nowrap;}
#footer ul li a:hover,
#footer ul li a:hover strong {color:#ff6600; text-decoration:none;}
#footer ul li.first {background:none; padding:0 3px 0 0;}  

#familySite {position:absolute; top:15px; right:5px;}
#familySite fieldset legend {float:right; display:none; width:auto; padding-top:0px; background:none;}
#familySite select {border:1px solid #ddd; float:left; } 
#familySite input.img_go{float:right;}
#footer #lastUpdate {float:right; color:#666; width:auto;}

#footer .info {margin:0 0 5px 0; color:#7e7e7e; font-size:11px; line-height:15px;}
#footer .info2 {margin:-3px 0 13px 0; font-size:11px; line-height:18px;}
#footer .info2 span {display:inline-block; margin-left:2px; padding-left:7px; font-size:11px; background:url(../imgs/bottom/line.gif) 1px 50% no-repeat; _background-position:left 10%;}
#footer .f_desc{clear:left; position:relative; top:5px; margin-left:0px; margin-top:0px; padding-top:0px; width:770px;}
#footer address {text-align:left;}
#footer address img {margin-right:6px; vertical-align:middle;}
#footer address a {font:bold 9px Tahoma; color:#333;}
#footer address a:hover {color:#009bc8;}
#footer address span {padding-left:2px; }
#footer address em {padding-left:0px; font:8px;  line-height:150%; }
#footer address .logo {display:inline-block; *display:inline; vertical-align:top; *vertical-align:baseline; margin:0 10px 0 10px;}  

#quickmenu{position:absolute; left:980px; top:220px;}
#quickmenu table{width:86px; height:240px;}

#main #quickmenu{display:none;}