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

@charset "utf-8";

/*임시페이지*/

.hou h4 {
	width: 100%;
	height: 42px;
	margin-bottom: 22px;
	border-bottom: 3px solid #0177c1;}
	
	.hou .tab_box {
		width: 670px;
		padding-bottom: 23px;
		position: relative;
		z-index: 100;}
		
		.hou .tab_box .img_wrap {
			display: block;
			margin-right: 24px;
			float: left;}
			
		.hou .tab_box .info_box { width: 310px; float: left;}
		
		.hou .tab_box .view_btn{
			width: 29px;
			height: 29px;
			display: block;
			position: absolute;
			top: 220px;
			left: 305px;}
			
		.hou .tab_box .view_box {
			width: 800px;
			padding-top: 20px;
			padding-bottom: 10px;
			position: absolute;
			top: -120px;
			left: -130px;
			background: url(../img/business/close_01.gif) no-repeat top right #337096;}
			
		.hou .tab_box .view_02 { 
			width: 520px;
			background: url(../img/business/close_02.gif) no-repeat top right #337096;
			left: 0px;}
			
			.hou .tab_box .view_box h5 {
				width: 600px;
				height: 21px;
				margin: 0px auto 20px;
				line-height: 21px;
				padding-right: 160px;
				padding-left: 20px;
				font-size: 20px;
				color: #fff;
				font-family: 'Nanum Gothic', sans-serif;
				letter-spacing: -0.5px;
				background: url(../img/business/view_bg.gif) no-repeat top left;}
				
			.hou .tab_box .view_02 h5 {
				width: 430px;
				padding-right: 50px;}
				
			.hou .tab_box .view_box img {
				display: block;
				max-width: 780px;
				margin: 0px auto;}
				
			.hou .tab_box .view_02 img { max-width: 500px;}
				
			.hou .tab_box .view_box .close_btn {
				width: 50px;
				height: 50px;
				display: block;
				background: url(../img/common/ir_img.gif) repeat top left;
				position: absolute;
				top: 0px;
				right: 0px;}
				
			.hou .tab_box .view_02 .close_btn { width: 60px; height: 60px;}
			
		.hou .tab_box h5 {
			width: 310px;
			line-height: 24px;
			font-size: 20px;
			font-weight: bold;
			color: #3b3b3b;
			margin-bottom: 10px;
			font-family: 'Nanum Gothic', sans-serif;}
			
		.hou .tab_box table {
			width: 310px;
			margin-bottom: 18px;
			border-top: 1px solid #a1a1a1;}
			
			.hou .tab_box th,
			.hou .tab_box td {
				padding: 7px 0px;
				color: #3b3b3b;
				border-bottom: 1px dashed #cdcdcd;}
				
				
			.hou .tab_box th { 
				background-color: #f5f5f5;
				text-align: left;
				padding-left: 9px;}
				
			.hou .tab_box td {
				padding-left: 10px;}
				
				
	.hou .tab_wrap {
		width: 100%;
		height: 208px;
		background: url(../img/business/housing_02.jpg) no-repeat top left;
		position: relative;}
		
	.arc .tab_wrap { background-image: url(../img/business/civil_02.jpg);}


		.hou .tab_wrap li {
			width: 150px;
			position: absolute;
			top: 30px;
			left: 33px;}
			
		.hou .tab_wrap .list_02 { left: 180px;}
			
			.hou .tab_wrap a {
				display: block;
				width: 100%;
				height: 140px;
				background: url(../img/common/ir_img.gif) repeat top left}
				


/*사업소개*/

.bs_info h4 {
	width: 100%;
	height: 42px;
	margin-bottom: 22px;
	border-bottom: 3px solid #0177c1;}
			
	.bs_info .img_wrap {
		width: 333px;
		height: 240px;
		margin-right: 24px;
		padding: 4px 0px;
		border: 1px solid #d9d9d9;
		position: relative;
		text-align: center;
		float: left;}
		
		.bs_info .img_wrap h6 {
			width: 53px;
			height: 53px;
			background: url(../img/business/rb_01.png) no-repeat top left;
			position: absolute;
			top: 0px;
			left: 0px;}
			
		.bs_info .img_wrap h6.tit_02 { background-image: url(../img/business/rb_02.png);}
		.bs_info .img_wrap h6.tit_03 { background-image: url(../img/business/rb_03.png);}
		
		.bs_info .img_wrap img.vimg {
			width: 325px;
			height: 240px;
			display: block;
			margin: 0px auto;}
			
		.bs_info .img_wrap .view_btn {
			width: 29px;
			height: 29px;
			display: block;
			position: absolute;
			bottom: 0px;
			right: 0px;}
			
	.bs_info .info_box { width: 310px; float: left;}
					
		.bs_info .view_box {
			width: 800px;
			padding-top: 20px;
			padding-bottom: 10px;
			position: absolute;
			top: -100px;
			left: -130px;
			background: url(../img/business/close_01.gif) no-repeat top right #337096;
			z-index: 10;}
			
		.bs_info .view_02 { 
			width: 520px;
			background: url(../img/business/close_02.gif) no-repeat top right #337096;
			left: 0px;}
			
			.bs_info .view_box h5 {
				width: 600px;
				height: 21px;
				margin: 0px auto 20px;
				line-height: 21px;
				padding-right: 160px;
				padding-left: 20px;
				font-size: 20px;
				color: #fff;
				font-family: 'Nanum Gothic', sans-serif;
				letter-spacing: -0.5px;
				background: url(../img/business/view_bg.gif) no-repeat top left;}
				
			.bs_info .view_02 h5 {
				width: 430px;
				padding-right: 50px;}
				
			.bs_info .view_box img {
				display: block;
				max-width: 780px;
				margin: 0px auto;}
				
			.bs_info .view_02 img { max-width: 500px;}
				
			.bs_info .view_box .close_btn {
				width: 50px;
				height: 50px;
				display: block;
				background: url(../img/common/ir_img.gif) repeat top left;
				position: absolute;
				top: 0px;
				right: 0px;}
				
			.bs_info .view_02 .close_btn { width: 60px; height: 60px;}
			
		.bs_info .info_box h5 {
			width: 310px;
			line-height: 24px;
			font-size: 20px;
			font-weight: bold;
			color: #3b3b3b;
			margin-bottom: 10px;
			font-family: 'Nanum Gothic', sans-serif;}
			
		.bs_info .info_box table {
			width: 310px;
			margin-bottom: 18px;
			border-top: 1px solid #a1a1a1;
			border-bottom: 1px solid #a1a1a1;}
			
			.bs_info .info_box th,
			.bs_info .info_box td {
				padding: 7px 0px;
				color: #3b3b3b;
				border-bottom: 1px dotted #cdcdcd;}
				
				
			.bs_info .info_box th { 
				background-color: #f5f5f5;
				text-align: left;
				padding-left: 9px;
				font-weight: normal;}
				
			.bs_info .info_box td {
				padding-left: 10px;}
				
.bs_info .list_wrap {
	width: 100%;
	height: 208px;
	padding-top: 23px;
	position: relative;
	background: url(../img/business/list_bg.gif) no-repeat 0px 23px;
	clear: both;}				

	.bs_info .list_wrap ul {
		width: 640px;
		height: 140px;
		position: absolute;
		top: 52px;
		left: 22px;}
		
		.bs_info .list_wrap li {
			width: 140px;
			height: 130px;
			border: 1px solid #e1e1e1;
			padding: 4px;
			margin-right: 8px;
			background: url(../img/business/ex.gif) no-repeat 4px 4px;
			float: left;}
			
			.bs_info .list_wrap li a {
				display: block;
				font-size: 11px;
				color: #3b3b3b;
				letter-spacing: -1px;}
				
			.bs_info .list_wrap li a:hover,
			.bs_info .list_wrap li a:focus { color: #000;}
			
			.bs_info .list_wrap li img {
				display: block;
				width: 140px;
				height: 104px;
				margin-bottom: 5px;}
				
				.bs_info .list_wrap li a span {
					display: block;
					overflow: hidden;
					text-overflow: hidden;
					white-space: nowrap;
					text-align: center;}

	.bs_info .list_wrap .btn {
		width: 10px;
		height: 22px;
		display: block;
		position: absolute;
		top: 106px;}
		
	.bs_info .list_wrap .btn_01 {
		left: 2px;
		background: url(../img/business/prev_btn.gif) no-repeat top left;}

	.bs_info .list_wrap .btn_02 {
		right: 2px;
		background: url(../img/business/next_btn.gif) no-repeat top left;}