@import "reset.css";
@import "default.css";
@import "base.css";
@import "sub_base.css";

@charset "utf-8";

/*사업영역*/

.area .mj_tit { width: 710px; margin-bottom: 15px;}

	.area .mj_tit .b { right: 70px;}

.area ul {
	width: 100%;
	height: 500px;}
	
	.area li {
		width: 85px;
		float: left;}
		
	.area li.list_02 { width: 86px;}
	.area li.list_04,
	.area li.list_06,
	.area li.list_07 { width: 83px;}
	.area li.list_04 { width: 84px;}
	.area li.list_08 { width: 80px;}
	.area li.list_09 { width: 81px;}
		
		.area li a {
			width: 100%;
			height: 500px;
			display: block;
			background: url(../img/business/area_off.jpg) no-repeat top left;}
			
		.area li a:hover,
		.area li a:focus { background-image: url(../img/business/area_on.jpg);}
		
		.area .list_02 a { background-position: -85px 0px;}
		.area .list_03 a { background-position: -171px 0px;}
		.area .list_04 a { background-position: -256px 0px;}
		.area .list_05 a { background-position: -339px 0px;}
		.area .list_06 a { background-position: -423px 0px;}
		.area .list_07 a { background-position: -506px 0px;}
		.area .list_08 a { background-position: -589px 0px;}
		.area .list_09 a { background-position: -669px 0px;}


.fuel h4 { 
	width: 690px;
	font-size: 25px;
	line-height: 34px;
	letter-spacing: -1.5px;
	color: #000;
	margin-left: 40px;
	margin-top: -10px;
	font-weight: normal;}
	
	.fuel h4 .red { color: #c13b3b;}


.mgh2 { 
	background: url(../img/business/mgh2_00.png) no-repeat right top; height:10%;
	}

.mgh2 table { 
	border-bottom: 2px solid #434343;
	border-top: 2px solid #434343;}
	
	.mgh2 th,
	.mgh2 td { 
		padding: 5px 0px 6px; 
		border-bottom: 1px solid #dadada;
		font-size: 12px;
		line-height: 26px;}
	
	.mgh2 th {
		padding-left: 18px;
		text-align: left;
		color: #000;
		background-color: #efefef;}
		
	.mgh2 td {
		padding-left: 25px;}
		
	.mgh2 .last th,
	.mgh2 .last td {;}


/*합금철플랜트*/

.mak h5.type_01 { text-transform: uppercase; letter-spacing:-1px;}

.mak .tab_wrap { height: 36px;}

.mak p { font-size: 13px; line-height: 18px;}

.mak .tab_wrap a {
	width: 374px;
	height: 24px;
	padding-top: 10px;}

.mak .sp ul{ padding-left: 75px;}

.mak .sp h6 {
	width: 75px;
	position: absolute;
	left: 0px;
	font-weight: normal;}	
	
.mak_02 .fboxL { width: 400px;}
.mak_02 .fboxR { width: 355px;}

.mak_02 .ftype_02 .fboxL { width: 320px;}
.mak_02 .ftype_02 .fboxR { width: 435px;}
		
/*산업플랜트*/

.roll .tab_wrap { height: 36px;}

.roll .tab_wrap a {
	width: 249px;
	height: 24px;
	padding-top: 10px;}
	
.ind .tab_wrap a.db { height: 48px; padding-top: 20px;}
.ind .tab_wrap a.tr { height: 56px; padding-top: 12px;}

.ind_01 p {
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -1px;}
	
.ie7 .ind_01 p { letter-spacing: 0px;}
	
	.ind_01 p .cb { color: #000; padding-bottom: 5px; font-weight: bold; display: block;}
	.ind_01 p .cr { color: #ce171e; padding-top: 5px; display: block; font-weight: bold;}

.ind .fboxL { width: 400px;}
.ind .fboxR { width: 355px;}

.ind .list2 {
	width: 770px;
	height: 200px;}
	
	.ind .list2 li {
		width: 245px;
		float: left;
		margin-right: 10px;}


/*공업로*/

.fur .tab_wrap { height: 36px;}

.fur .tab_wrap a {
	width: 186px;
	height: 24px;
	padding-top: 10px;}
	
.fur .tab_wrap .list_01 a { width: 216px;}
.fur .tab_wrap .list_02 a { width: 268px;}
.fur .tab_wrap .list_03 a { width: 128px;}
.fur .tab_wrap .list_04 a { width: 134px;}

.fur_04 .list2 {width: 770px;}

.fur_04 .list2:after { 
    content:"";
	height:0;
	visibility: hidden;
	display: block;
	clear: both; }
	
	.fur_04 .list2 li {
		width: 179px;
		height: 180px;
		float: left;
		margin-right: 13px;}
		
	.fur_04 .list2 li.db { height: 165px;}
	
/*AI 다이캐스팅 플랜트 */

.cas .fboxL {width: 405px;}
.cas .fboxR {width: 350px;}

.cas table.type_01 th { padding: 0px;}


/*Al 리사이클링 플랜트 */

.rec .fboxL {width: 405px;}
.rec .fboxR {width: 350px;}


/*S.D.M Process*/

.sdm .tab_wrap { height: 36px;}

.sdm .tab_wrap a {
	width: 374px;
	height: 24px;
	padding-top: 10px;}
	
.sdm .nth_01 { width: 290px;}
.sdm .nth_02 { width: 275px;}
.sdm .nth_03 { width: 190px;}

/*Trading*/

.tra .tab_wrap { height: 36px;}

.tra .tab_wrap a {
	width: 89px;
	height: 24px;
	padding-top: 10px;}
	
.tra .tab_wrap .list_01 a { width: 213px;}
.tra .tab_wrap .list_02 a { width: 145px;}
.tra .tab_wrap .list_03 a { width: 235px;}
.tra .tab_wrap .list_04 a { width: 153px;}
	
.tra .tab_wrap a.db { height: 48px; padding-top: 20px;}
.tra .tab_wrap a.tr { height: 56px; padding-top: 12px;}


.tra_01 .tit2 {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 18px;
	color: #ce171e;}
	
	.tra_01 .tit2 img { margin-right: 3px;}
	
	.tra_01 .tit2 span {
		font-size: 12px;
		color: #555;
		padding-left: 5px;
		font-weight: normal;
		vertical-align: bottom;
		font-family: 'Nanum Gothic', sans-serif;}
	
.tra_01 .list2 {width: 770px;}

.tra_01 .list2:after { 
    content:"";
	height:0;
	visibility: hidden;
	display: block;
	clear: both; }
	
	.tra_01 .list2 li {
		width: 179px;
		height: 150px;
		float: left;
		margin-right: 13px;}
		
	.tra_01 .list2 li.db { height: 165px;}


.tra .fboxL { width: 400px;}
.tra .fboxR { width: 355px;}

.tra ul.list { margin-bottom: 30px;}
.tra ul.last { margin-bottom: 50px;}

.tra_04 .fboxL { width: 295px;}
.tra_04 .fboxR { width: 460px;}

.tra_05 .fboxL { width: 260px;}
.tra_05 .fboxR { width: 495px;}

.tra_06 .fboxL { width: 290px;}
.tra_06 .fboxR { width: 465px;}

.tra_06 table.type_01 { margin-bottom: 30px;}

.tra_07 .nth_01 .fboxL { width: 290px;}
.tra_07 .nth_01 .fboxR { width: 465px;}

.tra_07 .nth_02 .fboxL { width: 250px;}
.tra_07 .nth_02 .fboxR { width: 505px;}

.tra_07 .fboxL ul.list,
.tra_07 .fboxR ul.list { margin-bottom: 15px;}
	
/*esco*/

.esco { width: 750px;}

.esco .tab_wrap { height: 36px;}

.esco .tab_wrap a {
	width: 374px;
	height: 24px;
	padding-top: 10px;}

.esco p { font-size: 13px;}
	
.esco_01 .nth_01 {
	width: 670px;
	padding: 25px 0px 30px 85px;
	background: url(../img/business/esco_01.gif) no-repeat top left #f1f1f1;}
	
	.esco_01 .nth_01 .fboxR { width: 670px;}
	
		.esco_01 .nth_01 .fboxR h5 { font-size: 15px;}
		
		.esco_01 .nth_01 .fboxR p { line-height: 17px; margin-bottom: 0px;}
		
		.esco_01 .nth_01 .fboxR p.mb_15 { margin-bottom: 15px;}

.esco_01 .nth_02 .fboxL { width: 45%;}

.esco_01 .nth_03 .fboxL { width: 33%;}

.esco_01 .clear h5 {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 18px;
	color: #ce171e;}
	
	.esco_01 .clear h5 img { margin-right: 3px; margin-bottom: 1px;}

	.esco_01 .nth_03 h6 {
		font-size: 13px;
		color: #2c2c2c;
		margin-bottom: 5px;}
		
		.esco_01 .nth_03 h6 img { 
			vertical-align: top; 
			margin-right: 3px;
			margin-top: 3px;}
			
	.esco_01 .nth_03 ul { 
		margin-bottom: 15px;
		padding-left: 7px;}

.esco_01 .nth_04 ul.list2 { width: 770px;}

	.esco_01 .nth_04 ul.list2 li {
		float:left;
		margin-bottom: 15px;
		margin-right: 12px;}

.esco_01 .nth_05 .fboxL { width: 310px;}
.esco_01 .nth_05 .fboxR { width: 435px;}

	.esco_01 .nth_05 p { margin-bottom: 10px;}
	
		.esco_01 .nth_05 p span { color: #d84347;}
	
	.esco_01 .nth_05 li {
		padding-left: 15px;
		position: relative;
		margin-bottom: 5px;
		font-size: 13px;
		color: #2c2c2c;
		font-weight: bold;}

		.esco_01 .nth_05 li img { 
			display: block;
			position: absolute;
			top: 4px;
			left: 0px;}

.esco_02 .nth_01 {
	width: 690px;
	padding-left: 65px;
	background: url(../img/business/esco_02_01.gif) no-repeat top left;}
	
	.esco_02 .nth_01 .fboxR { width: 690px;}
	
		.esco_02 .nth_01 .fboxR h5 { font-size: 15px; padding-top: 5px;}
		
		.esco_02 .nth_01 .fboxR p { line-height: 17px; margin-bottom: 0px;}
		
		.esco_02 .nth_01 .fboxR p.mb_20 { margin-bottom: 20px;}
		.esco_02 .nth_01 .fboxR p.mb_30 { margin-bottom: 30px;}

.esco_02 .nth_02 ul.list2 { width: 770px;}

	.esco_02 .nth_02 ul.list2 li {
		float:left;
		margin-bottom: 10px;
		margin-right: 10px;}

.esco_02 .nth_04 .fboxL p { margin-bottom: 10px;}

/*기타*/

.oth .tab_wrap { height: 36px;}

.oth .tab_wrap a {
	width: 186px;
	height: 24px;
	padding-top: 10px;}
	
.oth .tab_wrap .list_04 a { width: 188px;}

.oth h5.type_02 {
	width: 100%;
	margin-bottom: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	line-height: 34px;
	color: #999;}

.oth .fboxL { width: 400px;}
.oth .fboxR { width: 355px;}

.oth .list2 {
	width: 770px;
	height: 200px;}
	
	.oth .list2 li {
		width: 245px;
		float: left;
		margin-right: 10px;}