@charset "utf-8";
/* CSS Document */


/* 레이아웃 */
body {background:#0a1137 url(../images/main/main_bg_x.jpg) repeat-x 0 0; color:#888888;}
div#wrap {width:900px; margin:0 auto; position:relative; overflow:hidden; background:url(../images/main/main_bg.jpg) no-repeat 0 0; margin:0 auto; }
	div#header {width:900px; height:360px;}
	div#header .logo {width:141px; height:53px; float:left; margin:14px 0 0 20px; display:inline;}	
	/* LNB */
	div#header .lnb {width:340px; height:13px; float:right; display:inline; position:relative; margin-top:56px; margin-right:15px; text-align:right;}
	div#header .lnb ul.menu {float:left;}
	div#header .lnb .menu li {height:13px; float:left;  display:inline;  background:url(../images/common/lnb_bar.gif) no-repeat left 7px; padding:0 10px;}
	div#header .lnb .menu li.bg_none {background:none; padding-left:0px;}

	div#header .lnb ul.lang { width:150px; float:right;}
	div#header .lnb ul.lang li.mg { margin-right:5px;}
	div#header .lnb ul.lang li { height:13px; float:left;}
	/* //LNB */

	/* GNB */
	div#header .gnb {width:900px; height:65px; position: absolute; top:80px; left:0px; background:  url(../images/common/gnb_bg.gif) no-repeat 0 0; }
	div#header .gnb li { height:40px; float:left; background:url(../../images/eng/common/gnb_bar.gif) no-repeat left 4px; margin-top:10px; text-align:center; }
	div#header .gnb li a { color:#ffffff; font-weight:bold; }
	div#header .gnb li a:hover { color:#fbab00; text-decoration:none; }
	div#header .gnb li a.on { color:#fbab00;}
	
	/* GNB sub */ 
	div#header .gnb div {width:900px; height:34px; position:absolute; top:30px; left:0px; z-index:100; }
	div#header .gnb div li { height:14px; float:left;  margin-top:11px; margin-right:38px; }
	div#header .gnb div li a { color:#b5c1de; font-weight:normal; }
	div#header .gnb div li a:hover { color:#fbab00; text-decoration:none; }
	div#header .gnb div li.on a { color:#fbab00; font-weight:normal; }
	
	/* GNB main 좌표값 설정 */ 
	div#header .gnb li.menu1 { width:159px; }
	div#header .gnb li.menu2 { width:150px;}
	div#header .gnb li.menu3 { width:203px;}
	div#header .gnb li.menu4 { width:201px;}
	div#header .gnb li.menu5 { width:170px;}
	
	/* GNB sub 좌표값 설정 */ 
	div#header .gnb li.menu1 div { padding-left:30px; background:url(../images/common/gnb_sub_bg.gif) no-repeat 0 0; }
	div#header .gnb li.menu2 div { padding-left:100px; background:url(../images/common/gnb_sub_bg2.gif) no-repeat 0 0; }
	div#header .gnb li.menu3 div { padding-left:300px; background:url(../images/common/gnb_sub_bg3.gif) no-repeat 0 0; }
	div#header .gnb li.menu4 div { padding-left:380px; background:url(../images/common/gnb_sub_bg4.gif) no-repeat 0 0; }
	div#header .gnb li.menu5 div { padding-left:770px; background:url(../images/common/gnb_sub_bg5.gif) no-repeat 0 0; }
	
	div.product_01 {width:815px; height:125px; position:absolute; top:240px; left:50px; }
	div.product_01 p { color:#253173;}
	div.product_01 p.pro_title { font-size:15px; font-weight:bold;}
	div.product_01 p.more {margin-top:5px;}
	div.product_01 p.image {width:400px; height:180px; position:absolute; top:-52px; right:0px; text-align:right;}
	/* //GNB */
	/* container */
	div#container {width: 900px; position:relative; background:url(../../images/eng/common/bg_container.gif) no-repeat 0 top;}
		
		/* product */
		div.product { width:825px; height:103px; position:relative; margin:11px auto 40px auto;  }
		div.product ul {width:825px; height:103px; }
		div.product ul li { float:left; margin-right:1px;}
		/* //product */
		
		/* 서브메인 contents */
		div#contents {width:825px;  height:160px; margin:0 auto;  }
			div.notice { width:315px; height:160px; position:relative; float:left; margin-right:45px;}
			div.notice h2 {margin-bottom:11px;}
			div.notice p {font-size:11px; line-height:1.5em; }
			div.notice p.skyblue a {font-size:12px; color:#327fc9; }
			div.notice ul li {width:315px; height:18px;}
			div.notice ul li a {float:left; background:url(../images/main/bu_dot.gif) no-repeat 3px 8px; padding-left:10px; color:#b8b7b7 !important; font-size:11px;}
			div.notice ul li em {float:right; font-size:10px;}
			div.notice .more {position:absolute; top:5px; right:0px;}
			
			
			div.download { width:255px; height:160px; position:relative; float:left;}
			div.download h2 {margin-bottom:13px;}
			div.download ul li {width:255px; height:19px; }
			div.download ul li a {float:left; background:url(../images/main/bu_dot.gif) no-repeat 3px 8px; padding-left:10px; color:#b8b7b7 !important; font-size:11px; }
			div.download ul li em {float:right; font-size:10px;}
			div.download .more {position:absolute; top:5px; right:0px;}
			
			div.quick_link { width:165px; height:160px; position:relative; float:right; }
			div.quick_link li { margin-bottom:2px; }

		
		
		
	/* footer */
	div#wrap_footer {width:100%; height:74px; background-color:#0a1137; position:relative; margin-top:25px; border-top: 1px solid #1f2548; clear: both; }
	div#footer {width:870px; height:54px; position:relative; margin:0 auto; padding:20px 0 0 30px; }
	div#footer p {font-size:11px; color:#7f96ae; }
	div#footer p em {font-weight:bold;}
	/* //footer */	
	
	
/* //레이아웃 */	
	
/* 컨텐츠 구성 */	
	
	
	/* span시리즈 속성 정의 */
	.bold {font-weight:bold !important;}
	.f11 {font-size:11px;}
	.blue { color:#1a7fb9; font-weight:bold;}
	.skyblue {color:#327fc9;}
	.orange { color:#f96503;}
	/* //span시리즈 속성 정의 */
	.f_left {float:left;}
	.f_right {float:right;}
	.c_both {clear:both;}
	.f10 {font-size:10px !important;}
