/******************************************************************
	포스코 영문
*******************************************************************/

/******************************************************************
	BUSINESS > BUSINESS AREA
*******************************************************************/
div.business_area {
	width: 720px;
}
div.business_area div.summary {
	margin: 0 0 40px;
	font-size: 1.0em;

}
div.business_area div.map {
	margin: 0 0 40px;
}
#mask {
	position:fixed;
	_position:absolute;
	width: 3000px;
	height: 2000px;
	left: 0;
	top: 0;
	z-index: 9999999;
	background-color: #000;
	display: none;
}
#layer_map {
	display: none;
	margin: 0 0 0 -480px;
	width: 960px;
	height: 541px;
	position: absolute;
	left: 50%;
	top: 150px;
	z-index: 99999999;
}
#layer_map p img {
	border: 1px solid #ddd;
}
#layer_map span {
	position: absolute;
	right: 0px;
	top: 0px;
}
div.business_area h4 {
    clear: both;
    font-size: 1.7em;
}
div.business_area div.flexslider,
div.business_area div.flexslider2 {
	width: 340px;
	height: 277px;
}
div.business_area div.flexslider img,
div.business_area div.flexslider2 img{
	border: 1px solid #ddd;
	display: block;
	margin: 0 0 5px;
}
div.business_area div.flexslider ul span,
div.business_area div.flexslider2 ul span {
	color: #366987;
	display: block;
	padding: 0 0 0 8px;
	background: url("../images/common/bl_blue_point.gif") no-repeat 0 8px;
}
div.business_area div.flexslider {width: 338px;position:relative;float:left;overflow:hidden;margin: 0 0 10px; }
div.business_area div.flexslider .flex-control-nav {width:80px;text-align:center;position:absolute;right:0;top:16px;}
div.business_area div.flexslider .flex-control-nav li {margin:0 5px;display:inline-block;zoom:1;*float:left;}
div.business_area div.flexslider .flex-control-paging li a:hover, 
div.business_area div.flexslider .flex-control-paging li a.flex-active {color: #fff;background: url("../images/about/num_on.png") no-repeat;cursor: default;}
div.business_area div.flexslider .flex-control-paging li a {overflow:hidden;text-indent: -9000px;text-align: center;display: block;width: 14px;height: 16px;background: url("../images/about/num_off.png") no-repeat;}
div.business_area div.flexslider .flex-direction-nav {display:none;}

div.business_area div.flexslider2 {width: 338px;position:relative;float:left;overflow:hidden;margin: 0 0 10px; }
div.business_area div.flexslider2 .flex-control-nav {width:80px;text-align:center;position:absolute;right:0;top:16px;}
div.business_area div.flexslider2 .flex-control-nav li {margin:0 5px;display:inline-block;zoom:1;*float:left;}
div.business_area div.flexslider2 .flex-control-paging li a:hover, 
div.business_area div.flexslider2 .flex-control-paging li a.flex-active {color: #fff;background: url("../images/about/num_on.png") no-repeat;cursor: default;}
div.business_area div.flexslider2 .flex-control-paging li a {overflow:hidden;text-indent: -9000px;text-align: center;display: block;width: 14px;height: 16px;background: url("../images/about/num_off.png") no-repeat;}
div.business_area div.flexslider2 .flex-direction-nav {display:none;}


div.business_area div.container {
	margin: 0 0 40px;
	width: 720px;
	overflow: hidden;
}
div.business_area div.container div.left {
	float: left;
	width: 340px;
}
div.business_area div.container div.right {
	float: right;
	width: 340px;
}



/******************************************************************
	BUSINESS > INTRODUCTION
*******************************************************************/

div.biz_intro div.text p {
	margin: 0 0 30px;
}
div.biz_intro div.text p.img {
	float: right;
	padding: 0 0 0 20px;
}
div.biz_intro div.download {
	clear: both;
	margin: 0 0 60px;
}
#steel_plant_intro div.download {
	text-align: left;
}
/*#steel_plant_intro div.download a.left {
	float: left;
}*/
#steel_plant_intro div.download div.plant{
	margin-top:10px;
}
div.prj_list {
	margin: 0 0 20px;
	width: 720px;
	overflow: hidden;
}
div.prj_list ul.list {
	width: 820px;
	overflow: hidden;
}
div.prj_list ul.list li {
	padding: 0 20px 20px 0;
	width: 165px;
	float: left;
}
/* STEEL PLANTS
-------------------------------------------------------------------*/
#steel_plant_prj ul.list li div.prj_container {
	position: relative;
	padding: 20px;
	display: block;
	width: 125px;
	height: 110px;
	background: #12a8db;
	overflow: hidden;
}
#steel_plant_prj ul.list li div.prj_container div.prj_layer {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: block;
	width: 165px;
	height: 150px;
	background: #12a8db;
}
#steel_plant_prj ul.list li div.prj_container div.prj_text {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 9999;
	display: block;
	width: 125px;
	height: 110px;
}
#steel_plant_prj ul.list li #prj_container1 { background: url("../images/business/steel_plan_intro_onimg1.jpg") no-repeat; }
#steel_plant_prj ul.list li #prj_container2 { background: url("../images/business/steel_plan_intro_onimg2.jpg") no-repeat; }
#steel_plant_prj ul.list li #prj_container3 { background: url("../images/business/steel_plan_intro_onimg3.jpg") no-repeat; }
#steel_plant_prj ul.list li #prj_container4 { background: url("../images/business/steel_plan_intro_onimg4.jpg") no-repeat; }
#steel_plant_prj ul.list li #prj_container5 { background: url("../images/business/steel_plan_intro_onimg5.jpg") no-repeat; }
#steel_plant_prj ul.list li #prj_container6 { background: url("../images/business/steel_plan_intro_onimg6.jpg") no-repeat; }
#steel_plant_prj ul.list li #prj_container7 { background: url("../images/business/steel_plan_intro_onimg7.jpg") no-repeat; }

#steel_plant_prj div.prj_container .prj_tit {
	font-weight: 500;
	font-size: 1.29em;
	padding: 15px 0 10px;
	display: block;
	color: #fff;
	background: url("../images/business/biz_intro_title_bar.gif") no-repeat;
}
#steel_plant_prj h4 {
	background: url("../images/about/h4_bar.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #404040;
    font-size: 1.3em;
    font-weight: 600;
    padding: 15px 0 20px;
}
#steel_plant_prj p {
	position: absolute;
	left: 0;
	bottom: 0;
}


/* 1개짜리
-------------------------------------------------------------------*/
#power_prj {	position: relative; width: 720px; height: 159px; background: url("../images/business/power_prj_bg.jpg") no-repeat; }
#chemical_prj {	position: relative; width: 720px; height: 139px; background: url("../images/business/chemical_prj_bg.jpg") no-repeat; }
#civil_prj { position: relative; width: 720px; height: 159px; background: url("../images/business/civil_prj_bg.jpg") no-repeat; }
#environment_prj {	position: relative; width: 720px; height: 159px; background: url("../images/business/environment_prj_bg.jpg") no-repeat; }
#urban_prj {	position: relative; width: 720px; height: 130px; background: url("../images/business/urban_prj_bg.jpg") no-repeat;}


div.prj_list ul.list3 li div.prj_container div.prj_text { color: #fff; padding: 10px 20px; position: absolute; left: 5px; top: 10px; z-index: 9999; display: block; width: 720px; height: 159px; }
div.prj_list ul.list3 li div.prj_container div.prj_text ul {
	padding: 0 0 15px;
	width: 100%;
	overflow: hidden;
}
div.prj_list ul.list3 li div.prj_container div.prj_text ul li {
	width: 30%;
	line-height: 130%;
	float: left;
}
#chemical_prj ul.list3 li div.prj_container div.prj_text ul li {
	margin: 0 30px 0 0;
	line-height: 130%;
	display: inline;
	float: none;
}
div.prj_list ul.list3 li div.prj_container div.prj_layer { position: absolute; 	left: 0px; 	top: 0px; 	z-index: 999; display: block; width: 720px; height: 159px; background: #12a8db; }

div.prj_list div.prj_container .prj_tit {
	font-weight: 500;
	font-size: 1.29em;
	padding: 10px 0 10px;
	display: block;
	color: #fff;
	background: url("../images/business/biz_intro_title_bar.gif") no-repeat;
}
div.prj_list h4 {
	background: url("../images/about/h4_bar.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #404040;
    font-size: 1.3em;
    font-weight: 600;
    padding: 15px 0 20px;
}



/* Mining & Industrial (2개)
-------------------------------------------------------------------*/
div.prj_list ul.list2 {
	width: 820px;
	overflow: hidden;
}
div.prj_list ul.list2 li {
	padding: 0 20px 20px 0;
	width: 350px;
	float: left;
}
div.prj_list ul.list2 li div.prj_container {
	position: relative;
	padding: 20px;
	display: block;
	width: 310px;
	height: 189px;
	background: #12a8db;
	overflow: hidden;
}
div.prj_list ul.list2 li div.prj_container div.prj_layer {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: block;
	width: 350px;
	height: 229px;
	background: #12a8db;
}
div.prj_list ul.list2 li div.prj_container div.prj_text {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	position: relative;
	display: block;
	width: 310px;
	height: 189px;
}
div.prj_list ul.list2 li div.prj_container div.prj_text p {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.prj_list ul.list2 li ul {
	width: 300px;
	padding: 0 0 15px;
}
div.prj_list ul.list2 li li {
	color: #8de2ff;
	padding: 0;
	width: 300px;
	float: none;
	line-height: 120%;
}





/* Mining & Industrial (2개)
-------------------------------------------------------------------*/
div.prj_list ul.list2 {
	width: 820px;
	overflow: hidden;
}
div.prj_list ul.list2 li {
	padding: 0 20px 20px 0;
	width: 350px;
	float: left;
}
div.prj_list ul.list2 li div.prj_container {
	position: relative;
	padding: 20px;
	display: block;
	width: 310px;
	height: 189px;
	background: #12a8db;
	overflow: hidden;
}
div.prj_list ul.list2 li div.prj_container div.prj_layer {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: block;
	width: 350px;
	height: 229px;
	background: #12a8db;
}
div.prj_list ul.list2 li div.prj_container div.prj_text {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	position: relative;
	display: block;
	width: 310px;
	height: 189px;
}
div.prj_list ul.list2 li div.prj_container div.prj_text p {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.prj_list ul.list2 li ul {
	width: 300px;
	padding: 0 0 15px;
}
div.prj_list ul.list2 li li {
	color: #8de2ff;
	padding: 0;
	width: 300px;
	float: none;
	line-height: 120%;
}

/* Mining & Industrial (2개)
-------------------------------------------------------------------*/
div.prj_list ul.list4 {
	width: 820px;
	overflow: hidden;
}
div.prj_list ul.list4 li {
	margin: 0 20px 0 0;
	padding: 0 0 20px 0;
	width: 226px;
	float: left;
}
div.prj_list ul.list4 li div.prj_container {
	position: relative;
	padding: 20px;
	display: block;
	width: 206px;
	height: 110px;
	background: #12a8db;
	overflow: hidden;
}
div.prj_list ul.list4 li div.prj_container div.prj_layer {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: block;
	width: 226px;
	height: 150px;
	background: #12a8db;
}
div.prj_list ul.list4 li div.prj_container div.prj_text {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	position: relative;
	display: block;
	width: 206px;
	height: 110px;
}
div.prj_list ul.list4 li div.prj_container div.prj_text p {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
div.prj_list ul.list4 li ul {
	width: 206px;
	padding: 0 0 15px;
}
div.prj_list ul.list4 li li {
	color: #8de2ff;
	padding: 0;
	width: 206px;
	float: none;
	line-height: 120%;
}


#building_prj ul.list4 li #prj_container1 { background: url("../images/business/building_urban_intro_onimg1.jpg") no-repeat; }
#building_prj ul.list4 li #prj_container2 { background: url("../images/business/building_urban_intro_onimg2.jpg") no-repeat; }
#building_prj ul.list4 li #prj_container3 { background: url("../images/business/building_urban_intro_onimg3.jpg") no-repeat; }

/*

div.prj_list ul.list2 {
	width: 820px;
	overflow: hidden;
}
div.prj_list ul.list2 li {
	padding: 0 20px 20px 0;
	width: 350px;
	float: left;
}
div.prj_list ul.list2 li div.prj_container {
	position: relative;
	padding: 20px;
	display: block;
	width: 310px;
	height: 189px;
	background: #12a8db;
	overflow: hidden;
}
div.prj_list ul.list2 li div.prj_container div.prj_layer {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	display: block;
	width: 350px;
	height: 229px;
	background: #12a8db;
}
div.prj_list ul.list2 li div.prj_container div.prj_text {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	position: relative;
	display: block;
	width: 310px;
	height: 189px;
}
div.prj_list ul.list2 li ul {
	width: 300px;
	padding: 0 0 15px;
}
div.prj_list ul.list2 li li {
	color: #8de2ff;
	padding: 0;
	width: 300px;
	float: none;
	line-height: 120%;
}
#energy_chemical_prj div.prj_container {
	padding: 20px;
	display: block;
	width: 310px;
	height: 189px;
}


#power_intro ul.list2 li #prj_container1 { background: url("../images/business/energy_chemical_intro_onimg1.jpg") no-repeat; }
#power_intro ul.list2 li #prj_container2 { background: url("../images/business/energy_chemical_intro_onimg2.jpg") no-repeat; }

#civil_environment_prj ul.list2 li #prj_container1 { background: url("../images/business/civil_environment_intro_onimg1.jpg") no-repeat; }
#civil_environment_prj ul.list2 li #prj_container2 { background: url("../images/business/civil_environment_intro_onimg2.jpg") no-repeat; }

#building_prj ul.list li #prj_container1 { background: url("../images/business/building_urban_intro_onimg1.jpg") no-repeat; }
#building_prj ul.list li #prj_container2 { background: url("../images/business/building_urban_intro_onimg2.jpg") no-repeat; }
#building_prj ul.list li #prj_container3 { background: url("../images/business/building_urban_intro_onimg3.jpg") no-repeat; }





#chemical_prj {
	position: relative;
	width: 720px;
	height: 139px;
	background: url("../images/business/chemical_prj_bg.jpg") no-repeat;
}
#chemical_prj ul.list3 li div.prj_container div.prj_text { position: absolute; left: 5px; top: 0; z-index: 9999; display: block; width: 720px; height: 139px; }
#chemical_prj ul.list3 li div.prj_container div.prj_layer { position: absolute; 	left: 0px; 	top: 0px; 	z-index: 999; display: block; width: 720px; height: 139px; background: #12a8db; }

#civil_prj {
	position: relative;
	width: 720px;
	height: 159px;
	background: url("../images/business/civil_prj_bg.jpg") no-repeat;
}
#civil_prj ul.list3 li div.prj_container div.prj_text { position: absolute; left: 5px; top: 0; z-index: 9999; display: block; width: 720px; height: 159px; }
#civil_prj ul.list3 li div.prj_container div.prj_layer { position: absolute; 	left: 0px; 	top: 0px; 	z-index: 999; display: block; width: 720px; height: 159px; background: #12a8db; }

#environment_prj {
	position: relative;
	width: 720px;
	height: 159px;
	background: url("../images/business/environment_prj_bg.jpg") no-repeat;
}
#environment_prj ul.list3 li div.prj_container div.prj_text { position: absolute; left: 5px; top: 0; z-index: 9999; display: block; width: 720px; height: 159px; }
#environment_prj ul.list3 li div.prj_container div.prj_layer { position: absolute; 	left: 0px; 	top: 0px; 	z-index: 999; display: block; width: 720px; height: 159px; background: #12a8db; }


#environment_prj {
	position: relative;
	width: 720px;
	height: 159px;
	background: url("../images/business/environment_prj_bg.jpg") no-repeat;
}
#environment_prj ul.list3 li div.prj_container div.prj_text { position: absolute; left: 5px; top: 0; z-index: 9999; display: block; width: 720px; height: 159px; }
#environment_prj ul.list3 li div.prj_container div.prj_layer { position: absolute; left: 0px; top: 0px; 	z-index: 999; display: block; width: 720px; height: 159px; background: #12a8db; }


#urban_prj {
	position: relative;
	width: 720px;
	height: 130px;
	background: url("../images/business/urban_prj_bg.jpg") no-repeat;
}
#urban_prj ul.list3 li div.prj_container div.prj_text { position: absolute; left: 5px; top: 0; z-index: 9999; display: block; width: 720px; height: 130px; }
#urban_prj ul.list3 li div.prj_container div.prj_layer { position: absolute; left: 0px; top: 0px; 	z-index: 999; display: block; width: 720px; height: 130px; background: #12a8db; }




#power_prj div.prj_text,
#chemical_prj div.prj_text,
#civil_prj div.prj_text,
#civil_prj div.prj_text,
#urban_prj div.prj_text {
	padding: 20px;
}
#power_prj div.prj_text h5,
#chemical_prj div.prj_text h5,
#civil_prj div.prj_text h5,
#civil_prj div.prj_text h5,
#urban_prj div.prj_text h5 {
	padding: 15px 0 0;
}
#power_prj div.prj_text ul,
#chemical_prj div.prj_text ul,
#civil_prj div.prj_text ul,
#environment_prj div.prj_text ul,
#urban_prj div.prj_text ul {
	width: 680px;
	padding: 0 0 10px;
	overflow: hidden;
}
#power_prj div.prj_text  ul li,
#chemical_prj div.prj_text  ul li,
#civil_prj div.prj_text  ul li,
#environment_prj div.prj_text  ul li,
#urban_prj div.prj_text  ul li {
	width: 190px;
	line-height: 140%;
	color: #bbe3f0;
	float: left;
}
*/

/* BUSINESS CONTACT
-------------------------------------------------------------------*/
div.biz_intro div.biz_contact {
	position: relative;
	width: 680px;
	overflow: hidden;
	background:#f3f3f3;
	padding:15px 20px;
}
div.biz_intro div.biz_contact h4 {
	position: relative;
	width: 720px;
	height: 23px;
	/*margin: 0 0 10px;*/
	padding: 0 0 11px;
	background: none;
	/*border-bottom: 1px solid #ddd;*/
}
div.biz_contact p {
	padding: 5px 0 0;
	font-size: 1.1em;
	font-weight: 600;
	float: left;
	width: 480px;
}
div.biz_contact span {
	position: absolute;
	right: 40px;
	top: 9px;
}
/*
div.biz_contact {
	position: relative;
	width: 580px;
	padding: 20px 20px 20px 120px;
	color: #4c4c4c;
	background: #f6f6f6 url("../images/business/icon_biz_contact.gif") no-repeat 20px 20px;
}
div.biz_contact p strong {
	font-weight: 600;
}
div.biz_contact span {
	position: absolute;
	right: 20px;
	top: 25px;
}
*/

/*

#steel_plan_prj ul.list li:hover #prj_container1 { background: url("../images/business/steel_plan_intro_onimg1.jpg") no-repeat; }
#steel_plan_prj ul.list li:hover #prj_container2 { background: url("../images/business/steel_plan_intro_onimg2.jpg") no-repeat; }
#steel_plan_prj ul.list li:hover #prj_container3 { background: url("../images/business/steel_plan_intro_onimg3.jpg") no-repeat; }
#steel_plan_prj ul.list li:hover #prj_container4 { background: url("../images/business/steel_plan_intro_onimg4.jpg") no-repeat; }
#steel_plan_prj ul.list li:hover #prj_container5 { background: url("../images/business/steel_plan_intro_onimg5.jpg") no-repeat; }
#steel_plan_prj ul.list li:hover #prj_container6 { background: url("../images/business/steel_plan_intro_onimg6.jpg") no-repeat; }
#steel_plan_prj ul.list li:hover #prj_container7 { background: url("../images/business/steel_plan_intro_onimg7.jpg") no-repeat; }

#energy_chemical_prj ul.list2 li:hover #prj_container1 { background: url("../images/business/energy_chemical_intro_onimg1.jpg") no-repeat; }
#energy_chemical_prj ul.list2 li:hover #prj_container2 { background: url("../images/business/energy_chemical_intro_onimg2.jpg") no-repeat; }

#civil_environment_prj ul.list2 li:hover #prj_container1 { background: url("../images/business/civil_environment_intro_onimg1.jpg") no-repeat; }
#civil_environment_prj ul.list2 li:hover #prj_container2 { background: url("../images/business/civil_environment_intro_onimg2.jpg") no-repeat; }

#building_urban_prj ul.list li:hover #prj_container1 { background: url("../images/business/building_urban_intro_onimg1.jpg") no-repeat; }
#building_urban_prj ul.list li:hover #prj_container2 { background: url("../images/business/building_urban_intro_onimg2.jpg") no-repeat; }
#building_urban_prj ul.list li:hover #prj_container3 { background: url("../images/business/building_urban_intro_onimg3.jpg") no-repeat; }
#building_urban_prj ul.list li:hover #prj_container4 { background: url("../images/business/building_urban_intro_onimg4.jpg") no-repeat; }
#mining_industrial_prj ul.list2 li:hover #prj_container1 { background: url("../images/business/mining_industrial_intro_onimg1.jpg") no-repeat; }
#mining_industrial_prj ul.list2 li:hover #prj_container2 { background: url("../images/business/mining_industrial_intro_onimg2.jpg") no-repeat; }
*/
/******************************************************************
	BUSINESS > CMS
*******************************************************************/
div.business_content div.overview {
	padding: 0 0 50px;
}
div.business_content div.overview p {
	color: #8f8f8f;
}
div.business_content div.our_technology {
	padding: 50px 0 50px;
	overflow:hidden;
}
div.business_content div.our_technology div.tech_img{
	padding:10px;
	float:right;
}
div.business_content div.our_technology h5{
	padding-left:15px;
	background:url("../images/business/desalination_h5.gif") no-repeat left 5px;
	color:#4c4c4c;
}
div.business_content div.our_technology div.tech_txt{
	padding-bottom:30px;
}
div.business_content div.our_technology div.tech_txt ul li{
	padding-left:10px;
	background:url("../images/business/desalination_list.gif") no-repeat left 11px;
	color:#808080;
}
div.business_content div.our_technology div.tech_txt ul.tech_color{
	padding:30px 0 20px 0;
}
div.business_content div.our_technology div.tech_txt ul.tech_color li{
	background:none;
	padding-left:0px;
}
div.business_content div.our_technology div.tech_txt ul.tech_color li span.blue{color:#009dd3;}
div.business_content div.our_technology div.tech_txt.promotion{overflow:hidden;}
div.business_content div.our_technology div.tech_txt.promotion p{width:220px;float:left;padding:25px 0 0 30px;}
div.business_content div.our_technology div.tech_txt.promotion p.first{padding-left:0px;}
div.key_project {
	padding: 0 0 50px;
	width: 720px;
	overflow: hidden;
}
div.key_project p.project_pdf {
	margin: -45px 0 0;
	padding: 0 0 20px;
	text-align: right;
}
div.project_list ul {
	margin: 0 0 0 -30px;
	width: 750px;
	overflow: hidden;
}
div.project_list li {
	padding: 0 0 0 30px;
	float: left;
	width: 220px;
	position: relative;
}
div.project_list p.zoom {
	margin: -33px 0 0;
	text-align: right;
}
div.project_list p.zoom img {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}
div.project_list p.text {
	color: #8f8f8f;
	padding: 10px 0 30px;
	height: 50px;
}

div.layer_kp {
	margin: -15px 0 20px;
	display: none;
	padding: 18px 0 0;
	width: 720px;
	position: relative;
	z-index: 99999;
}


.kpbg1 { background: url("../images/common/layer_content_bg_top.gif") no-repeat 0 0; }
.kpbg2 { left: -248px; background: url("../images/common/layer_content_bg_top2.gif") no-repeat 0 0; }
.kpbg3 { left: -498px; background: url("../images/common/layer_content_bg_top3.gif") no-repeat 0 0; }
div.key_project div.layer_content {
	padding: 28px;
	width: 660px;
	background: #f3f3f3;
	border: 1px solid #e6e6e6;
	border-top: none;
	overflow: hidden;
}
div.key_project div.layer_content ul {
	margin: 0;
}
div.key_project div.layer_content li {
	display: block;
	float: none;
}
div.key_project div.layer_content div.img {
	width: 330px;
	float: left;
}
div.key_project div.layer_content div.prj_info {
	padding: 0 0 0 30px;
	width: 300px;
	float: left;
}
div.key_project div.layer_content div.prj_info h5 {
	padding: 0 0 14px;
		font-size: 19px;
	font-weight: normal;
}
div.key_project div.layer_content div.prj_info ul {
	padding: 15px 0 0;
}
div.key_project div.layer_content div.prj_info ul li {
	padding: 0 0 0 7px;
	background: url("../images/common/bl_dot.gif") no-repeat 0 9px;
}
div.key_project div.layer_content a.close {
	position: absolute;
	right: 10px;
	top: 28px;
}
div.team_contact {
	width: 680px;
	padding: 20px;
	background: #f6f6f6;
	overflow: hidden;
	position: relative;
}
div.team_contact h5 {
	font-size: 14px;
	width: 160px;
	height: 46px;
	border-right: 1px solid #ddd;
	position: absolute;
	left: 24px;
	top: 29px;
}
div.team_contact ul {
	width: 525px;
	height: 55px;
	padding: 5px 0 5px 174px;
	overflow: hidden;
}
div.team_contact ul li {
	float: left;
	width: 225px;
	height: 28px;
	padding: 0 0 0 30px;
}
div.team_contact ul li * {
	vertical-align: middle;
}





/******************************************************************
	BUSINESS > RND
*******************************************************************/
div.rnd div.summary {
	padding: 0 0 30px;
	line-height: 180%;
}
div.rnd div.summary strong {
	color: #404040;
	font-weight: 600;
}
div.rnd_list {
	width: 720px;
	overflow: hidden;
}
div.rnd_list ol {
	width: 740px;
	overflow: hidden;
}
div.rnd_list ol li {
	float: left;
	width: 165px;
	margin: 0 20px 20px 0;
	background: url("../images/business/rnd_bg.gif") no-repeat 0 0;
}
div.rnd_list ol li.on {
	background: url("../images/business/rnd_bg_on.gif") no-repeat 0 0;
}
div.rnd_list ol li a span {
	padding: 15px 0 0;
	display: block;
	color: #fff;
	background: url("../images/business/bar_w.gif") no-repeat;
}
div.rnd_list ol li div.menu a {
	padding: 20px;
	display: block;
	width: 125px;
	height: 110px;
	background: url("../images/business/icon_arr_rnd.png") no-repeat 20px 118px;
}
div.rnd_list ol li #menu1 { background: url("../images/business/icon_rnd_num01.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu2 { background: url("../images/business/icon_rnd_num02.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu3 { background: url("../images/business/icon_rnd_num03.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu4 { background: url("../images/business/icon_rnd_num04.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu5 { background: url("../images/business/icon_rnd_num05.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu6 { background: url("../images/business/icon_rnd_num06.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu7 { background: url("../images/business/icon_rnd_num07.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu8 { background: url("../images/business/icon_rnd_num08.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu9 { background: url("../images/business/icon_rnd_num09.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu10 { background: url("../images/business/icon_rnd_num10.png") no-repeat 100% 100%; }
div.rnd_list ol li #menu11 { background: url("../images/business/icon_rnd_num11.png") no-repeat 100% 100%; }
div.layer_rnd {
	display: none;
	padding: 18px 0 0;
	width: 720px;
	position: relative;
}
.rnd_bg1 { background: url("../images/business/layer_rnd_bg_top.gif") no-repeat 0 0; }
.rnd_bg2 { left: -185px; background: url("../images/business/layer_rnd_bg_top2.gif") no-repeat 0 0; }
.rnd_bg3 { left: -370px; background: url("../images/business/layer_rnd_bg_top3.gif") no-repeat 0 0; }
.rnd_bg4 { left: -555px; background: url("../images/business/layer_rnd_bg_top4.gif") no-repeat 0 0; }
div.layer_rnd div.layer_content {
	padding: 28px;
	width: 662px;
	background: #f3f3f3;
	border: 1px solid #e6e6e6;
	border-top: none;
	overflow: hidden;
	position: relative;
}
div.layer_rnd div.layer_content fieldset {
	border: none;
}
div.layer_rnd div.layer_content legend {
	padding: 17px 0 37px;
	color: #00578a;
	font-size: 20px;
	background: url("../images/business/bar_navy.gif") no-repeat;
}
div.layer_rnd a.close {
	position: absolute;
	right: 10px;
	top: 28px;
}
div.layer_rnd div.img {
	padding: 0 0 10px 20px;
	float: right;
}
div.layer_rnd div.text {
	line-height: 180%;
	padding: 0 0 20px;
}
div.layer_rnd div.text p strong {
	padding: 0 0 10px;
	font-size: 14px;
	display: block;
	font-weight: normal;
	color: #404040;
}
div.contact {
	color: #3c6b90;
	padding: 15px 0;
	background: #fff;
}
