@charset "utf-8";

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


/*공사중인단지*/

.cons .list {
	width: 100%;
	border-top: 1px solid #e4e4e4;
	margin-bottom: 60px;}
	
	.cons .list li {
		width: 100%;
		padding: 40px 0px;
		border-bottom: 1px solid #e4e4e4;}
		
		.cons .img_wrap {
			width: 360px;
			height: 234px;
			border: 1px solid #b9b9b9;
			float: left;
			margin-right: 60px;
			background: url(../img/move_in/img_bg.gif) no-repeat top left;}
			
			.cons .img_wrap img {
				width: 100%;
				height: 234px;}
				
		.cons .con_wrap {
			width: 755px;
			min-height: 180px;
			padding-bottom: 56px;
			position: relative;
			float: left;}
			
			.cons .con_wrap h5 {
				font-size: 24px;
				line-height: 24px;
				font-weight: bold;
				color: #5e5e5e;
				padding-bottom: 13px;
				background: url(../img/site/tit_bg.gif) no-repeat bottom left;
				margin-bottom: 15px;}
				
			.cons .con_wrap p {
				font-size: 13px;
				line-height: 26px;
				color: #888;}
				
			.cons .con_wrap strong {
				display: block;
				position: absolute;
				bottom: 0px;
				left: 0px;
				font-size: 18px;
				line-height: 20px;
				color: #555;}
				
				.cons .con_wrap strong span {
					font-size: 13px;
					colro: #888;
					font-weight: normal;}

		.cons .btn_wrap {
			width: 115px;
			border-top: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;
			position: absolute;
			bottom: 0px;
			right: 0px;}
			
			.cons .btn_wrap a {
				width: 88px;
				padding-left: 27px;
				height: 25px;
				border-bottom: 1px solid #c8c8c8;
				display: block;
				text-align: center;
				font-size: 12px;
				line-height: 24px;
				color: #4e4e4e;}
				
			.cons .btn_wrap a.btn_01 { background: url(../img/site/bulit_01.gif) no-repeat top left;}
			.cons .btn_wrap a.btn_02 { background: url(../img/site/bulit_02.gif) no-repeat top left;}
			.cons .btn_wrap a.btn_03 { background: url(../img/site/bulit_03.gif) no-repeat top left;}


.cons .ps_wrap { width: 570px; margin: 0px auto;}

.cons .search_wrap { float: left; margin-right: 50px;}

.cons .paging_wrap { width: 265px; float: left;}


/*중도금 조회 계산*/

.pay .form_wrap {
	width: 100%;
	height: 280px;
	margin-bottom: 70px;
	background: url(../img/site/payment_01.gif) no-repeat top left;
	position: relative;}
	
	.pay .fw2 { background-image: url(../img/site/payment_02.gif);}
	
	.pay .form_wrap ul {
		width: 140px;
		position: absolute;
		top: 110px;
		left: 610px;}
		
	.pay .fw2 ul { top: 86px; left: 634px;}
		
		.pay .form_wrap li.list_02 { position: absolute; top: 30px; left: 0px;}
		.pay .form_wrap li.list_03 { position: absolute; top: 30px; left: 85px;}
		.pay .form_wrap li.list_04 { position: absolute; top: 62px; left: 0px;}
		.pay .form_wrap p{ position: absolute; bottom: -30px; left: 1px; font-size: 18px; color: #441B4E; width: 100%; text-align: right;}
		
		.pay .form_wrap input {
			width: 50px;
			border: none;
			border-left: 1px solid #dcdcdc;
			border-top: 1px solid #dcdcdc;
			color: #696969;
			font-size: 13px;
			line-height: 20px;
			font-weight: bold;
			font-family: 'Nanum Gothic', sans-serif;
			text-align: center;}
			
		.pay .form_wrap li.list_01 input,
		.pay .fw2 li.list_04 input {
			width: 135px;
			padding-left: 6px;
			text-align: left;
			font-size: 14px;
			color: #441b4e;}
			
			
		.pay .form_wrap .btn {
			width: 106px;
			height: 53px;
			display: block;
			background: url(../img/common/ir_img.gif) repeat top left;
			position: absolute;
			top: 109px;
			left: 807px;}
			
		.pay .fw2 .btn { height: 83px; top: 87px; left:841px;}

.result_wrap { position: relative;}

.result_wrap h3 {
	font-size: 26px;
	line-height: 36px;
	letter-spacing: -1px;
	color: #441b4e;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;}
	
	.result_wrap span.total { 
		display: block;
		position: absolute;
		top: 34px;
		left: 0px;
		font-size: 14px;
		color: #F00;}

.result_wrap h4 {
	font-size: 20px;
	line-height: 32px;
	color: #5e5e5e;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	text-decoration: underline;}
	
.result_wrap table {
	border-top: 1px solid #d3d3d3;}
	
	.result_wrap th,
	.result_wrap td {
		border-bottom: 1px solid #d3d3d3;
		border-right: 1px solid #d3d3d3;}
		
	.result_wrap td.bgn,
	.result_wrap th.nth_01,
	.result_wrap td.nth_01 {
		border-left: 1px solid #d3d3d3;}
		
	.result_wrap .space td { border-right: none;}
		
	.result_wrap th {
		font-size: 14px;
		color: #4d4d4d;
		line-height: 20px;
		padding: 5px 0px;
		background-color: #efefef;}
		
	.result_wrap td {
		font-size: 13px;
		line-height: 20px;
		padding: 4px 0px;
		color: #5e5e5e;
		text-align: center;}
		
	.result_wrap td.tar { text-align: right; padding-right: 5px;}
	
	.result_wrap .total td { background-color: #efefef;  padding-top: 5px; padding-bottom: 5px;}
	
	.result_wrap .hover td { background-color: #dfcbdd;}
	.result_wrap .hover td.bgn { background-color: #fff;}