@charset "utf-8";
@import url(base.css);
@import url(layout.css);

html { 	background-color:#636362 }
body {background:url('/Sub_Modules/images/en/index2/body_bg.gif') repeat-x 0 0;}
#wrap {
	width:962px; 
	margin:auto;
	text-align:left;
	padding-top:20px;
}
#wrapper {
	width:100%;
	height:675px; 
	background: url('/Sub_Modules/images/en/index2/cont_bg.gif') no-repeat 0 0; 
	padding:1px 0 0 1px;
}
#header {
	width:962px;
	margin:0 auto;
	/*background:url('/Sub_Modules/images/kr/index2/top_bg.gif') no-repeat left top; */
	height:130px;
	position:relative;
	z-index:900;
}

#middle {
	width:962px;
	margin:0 auto;
	/*background:url('/Sub_Modules/images/en/index2/middle_bg.gif') repeat-y left top; */
	position:relative;
	z-index:600;
	padding:0 1px;
	margin-bottom:5px;
}
#footer {
	width:962px;
	margin:0 auto;
	background:url('/Sub_Modules/images/en/index2/footer_bg.gif') no-repeat left top; 
	height:99px;
	position:relative;
	z-index:400;
	text-align:left;
}

div.hlogo {
	position:absolute;
	top:12px;
	left:34px;
}
div.hsearch {
	position:absolute;
	top:38px;
	right:150px;
}
div.hsearch ul li {
	float:left;
}
div.hsearch ul li.r1 {  padding:0px 6px 0 0; }
div.hsearch ul li.r2 { padding:0 7px 0 0; }
div.hsearch ul li.r3 { padding-right:7px; }

div.hsearch input.text {
	font-size:11px;
	border:1px solid #c9c9c9
}
div.hutil {
	position:absolute;
	top:38px;
	right:10px;
}
div.hutil ul li {
	float:left;
}


div.hmenu {
	width:936px;
	position:absolute;
	top:68px;
	left:1px;
	background: url(/Sub_Modules/images/en/index2/gnb_bg.gif) no-repeat 0 0;
	margin-left:11px;
}
div.hmenu ul {
	overflow:hidden;
	width:875px;
	margin:0 auto;
}
div.hmenu ul li.top {
	width:125px;
	padding:8px 0 12px; 0;
	float:left;
	font-weight:bold;
	text-align:center;
	background: url(/Sub_Modules/images/en/index2/menu_line.gif) no-repeat 100% 10px;
}

.bgnone {
	background:none !important;
	}

div.hmenu ol {
	position:absolute;top:23px;left:3px;
	background: url(/Sub_Modules/images/en/index2/gnb_bg2.gif) no-repeat 0 0;
	height:25px;
	width:937px;
}
div.hmenu ol.list {
	overflow:hidden;
	display:none;
	margin-top:10px;
	padding-top:2px;
}
div.hmenu ol.list li {
	line-height:15px;
	text-align:left;
	margin-right:10px;
	float:left;
	padding-top:3px;

}

/* main A : banner & product */
div.mainA {
	width:925px;
	padding:0 18px 20px 16px;
}
div.banner {
	width:570px;
	float:left;
}
div.product {
	width:308px;
	float:right;
}

div.banner dl dt {
	width:530px;
	float:left;
}
div.banner dl dd.list {
	width:40px;
	float:left;
	text-align:center;
}
div.banner ol.list li {
	height:40px;
}
div.banner ol.list li.on img { border:3px solid #e9302e; }
div.banner ol.list li.off img { border:3px solid #d6d6d6; }
div.product {position:relative;width:310px;height:159px;padding-left:3px;background: url(/Sub_Modules/images/en/index2/pr_bg.gif) no-repeat 0 0;}
div.product ul.tab {
	height:35px;
}
div.product ul.tab li.on { padding:5px 0 5px 0; width:76px; background:url(/Sub_Modules/images/en/index2/pr_tab_over.gif) no-repeat 0 0; margin-right:1px; float:left; color:#ffffff; font-size:11px; font-weight:bold; font-family:Tahoma; text-align:center; }
div.product ul.tab li.off { padding:5px 0 5px 0; width:76px; background:url(/Sub_Modules/images/en/index2/pr_tab_off.gif) no-repeat 0 0; margin-right:1px;  float:left; color:#ffffff; font-size:11px; font-weight:bold; font-family:Tahoma; text-align:center; }

div.product div.prod {
	height:130px;
}
div.product div.prod dt {
	width:120px;
	float:left;
	padding-left:3px;
}
div.product div.prod dd {
	width:180px;
	float:left;
	padding-top:20px;
}
div.product div.prod dd p.tit {
	color:#353535;
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
}
div.product div.prod dd p.txt {
	color:#707070;
	font-size:11px;
}


/* main B : update & applications & news letter */
div.mainB {
	width:928px;
	padding:0 18px 0 10px;
}
div.update {
	width:290px;
	float:left;
	position:relative;
}

div.appl {
	width:290px;
	float:left;
	margin:0 29px;
	position:relative;
}
div.letter {
	width:290px;
	float:left;
	position:relative;
}
div.mainB h6 {
	height:18px;
	padding:8px 0 0 20px;
	background:url('/Sub_Modules/images/en/index2/footer_bg01.gif') no-repeat left bottom;
	width:290px;
	margin-left:1px;
	position:absolute;top:0;
}
div.mainB div.more {
	text-align:right;
	margin-top:-21px;
	padding:0 6px 0 0;
	height:19px;
	position:absolute;top:27px;right:10px;
}
div.mainB ol.list li {
	color:#666666;
	font-size:10px;
	font-family:Tahoma;
	line-height:15px;
	padding:3px 5px 0 8px;
}
div.mainB ol.list li a {
	color:#666666;
}
div.mainB img.middle {
	vertical-align:middle;
	margin:0 0 1px 5px;
}
div.mainB ol.list2 {
	background:url('/Sub_Modules/images/en/index2/articel_txt_bg.gif') no-repeat left bottom; 
	padding-left:6px;
	width:290px;
	height:122px;
	padding-top:30px;
	
}
.brnone {border:none !important; background:none !important; list-style:none !important;}
.subscr {text-align:right;}
.subscr img {margin:8px 10px 0 0;}
div.mainB ol.list2 li {
	color:#a9a9a9;
	font-size:10px;
	font-family:Tahoma;
	line-height:15px;
	padding:3px 0 3px 0;
	background:url('/Sub_Modules/images/en/index2/line_01.gif') no-repeat left bottom; 
}
div.mainB ol.list2 li a {
	color:#666666;
	/*background:url('/Sub_Modules/images/en/index2/dot_01.gif') no-repeat left 5px; */
	padding-left:8px;
}
div.mainB div.btn {
	text-align:right;
	padding-top:10px;
}


/* footer */
div.flogo {
	position:absolute;
	top:35px;
	left:40px;
}
div.flogo2 {
	position:absolute;
	top:15px;
	left:640px;
}
div.futil {
	height:15px;
	padding:35px 0 0 20px;
}
div.futil ul li {
	float:left;
	padding:0 11px 0 15px;
	background:url('/Sub_Modules/images/en/index2/footer_bar.gif') no-repeat left top; 
}
div.futil ul li.fst {
	background-image:none;
}
div.fcopy {
	color:#909090;
	font-size:11px;
	font-family:Tahoma;
	margin-left:20px;
	/*border-left:1px solid #f0f0f0;*/
	padding-left:17px;
}

#DP_SubScription{width:303px; height:100px; background-color:#FFFFFF; border:0px solid #fff; position:absolute; left:50%; margin-left:150px; top:430px;}



/* 서브메뉴의 탑메뉴는 sub_style.css 파일에서 정의해야 함. */

#sub_Product {padding-left:30px;}
#sub_Tech{padding-left:80px;}
#sub_Support{padding-left:250px; width:400px;}
#sub_Library{padding-left:220px; width:400px;}
#sub_Disti{padding-left:530px; width:400px;}
#sub_Openhardware{padding-left:520px; width:450px;} /*20111213 추가*/
#sub_About{padding-left:700px; width:300px;}

#sub_Mypage{padding-left:600px; width:400px;} /*20111129 미사용*/
#sub_ioPlatform{padding-left:500px; width:400px;} /*20111213 미사용 , 20111129 추가*/

#sub_PR {padding-left:350px;}
#sub_Disti2{padding-left:510px;}
#sub_recruit{padding-left:520px;}