@charset "utf-8";

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


/*분양캘린더*/

.cal .btn_wrap {
	width: 100%;
	height: 58px;
	background: url(../img/move_in/btn_wrap.gif) no-repeat top left;
	margin-bottom: 38px;
	position: relative;}
	
	.cal .btn_wrap h4 {
		width: 226px;
		text-align: center;
		margin: 0px auto;
		font-weight: bold;
		font-family:tahoma, sans-serif;
		font-size: 44px;
		letter-spacing: -1px;
		line-height: 32px;
		color: #441b4e;}
		
		.cal .btn_wrap h4 span {
			font-family: 'Nanum Barun Gothic', sans-serif;
			font-size: 26px;}
			
	.cal .btn_wrap .prev_btn {
		width: 44px;
		height: 44px;
		display: block;
		background: url(../img/common/ir_img.gif) repeat top left;
		position: absolute;
		top: 6px;
		left: 433px;}

	.cal .btn_wrap .next_btn {
		width: 44px;
		height: 44px;
		display: block;
		background: url(../img/common/ir_img.gif) repeat top left;
		position: absolute;
		top: 6px;
		left: 702px;}
		
.cal .month_wrap {
	width: 1180px;
	border-left: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;}
	
	.cal .mBox {
		width: 294px;
		height: 250px;
		padding-top: 20px;
		border-right: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		float: left;
		text-align: center;}
		
		.cal .mBox h5 {
			width: 216px;
			height: 40px;
			margin: 0px auto 40px;
			font-family:tahoma, sans-serif;
			font-size: 50px;
			letter-spacing: -1px;
			line-height: 30px;
			font-weight: bold;
			color: #c0c0c0;}
			
		.cal .ck h5 { background: url(../img/move_in/line_01.gif) no-repeat 0px 20px; color: #441b4e;}
			
			.cal .mBox h5 span {
				font-family: 'Nanum Barun Gothic', sans-serif;
				font-size: 18px;}
				
			.cal .mBox li {
				width: 260px;
				margin: 0px auto 10px;}
				
				.cal .mBox li a {
					font-size: 18px;
					line-height: 30px;
					color: #5e5e5e;
					letter-spacing: -1px;}



/*분양예정 단지*/

.sch .list {
	width: 100%;
	border-top: 1px solid #e4e4e4;
	margin-bottom: 60px;}
	
	.sch .list li {
		width: 100%;
		padding: 40px 0px;
		border-bottom: 1px solid #e4e4e4;}
		
		.sch .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;}
			
			.sch .img_wrap img {
				width: 100%;
				height: 234px;}
				
		.sch .con_wrap {
			width: 755px;
			min-height: 180px;
			padding-bottom: 56px;
			position: relative;
			float: left;}
			
			.sch .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;}
				
			.sch .con_wrap p {
				font-size: 13px;
				line-height: 26px;
				color: #888;}
				
			.sch .con_wrap strong {
				display: block;
				position: absolute;
				bottom: 0px;
				left: 0px;
				font-size: 18px;
				line-height: 20px;
				color: #555;}
				
				.sch .con_wrap strong span {
					font-size: 13px;
					colro: #888;
					font-weight: normal;}

		.sch .date {
			width: 145px;
			height: 23px;
			background-color: #745c79;
			line-height: 24px;
			color:#fff;
			font-size: 13px;
			text-align: center;
			position: absolute;
			bottom: 0px;
			right: 0px;}
			
		.sch .btn_wrap {
			width: 144px;
			border-top: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;
			position: absolute;
			bottom: 30px;
			right: 0px;}
			
			.sch .btn_wrap a {
				width: 117px;
				padding-left: 27px;
				height: 25px;
				border-bottom: 1px solid #c8c8c8;
				display: block;
				text-align: center;
				font-size: 12px;
				line-height: 24px;
				color: #4e4e4e;}
				
			.sch .btn_wrap a.btn_01 { background: url(../img/sales/bulit_01.gif) no-repeat top left;}
			


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

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

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



/*분양중인 단지*/

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

		.sale .btn_wrap {
			width: 115px;
			border-top: 1px solid #c8c8c8;
			border-right: 1px solid #c8c8c8;
			position: absolute;
			bottom: 0px;
			right: 0px;}
			
			.sale .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;}
				
			.sale .btn_wrap a.btn_01 { background: url(../img/sales/bulit_01.gif) no-repeat top left;}
			.sale .btn_wrap a.btn_02 { background: url(../img/sales/bulit_02.gif) no-repeat top left;}
			.sale .btn_wrap a.btn_03 { background: url(../img/sales/bulit_03.gif) no-repeat top left;}
			.sale .btn_wrap a.btn_04 { background: url(../img/sales/bulit_04.gif) no-repeat top left;}
			.sale .btn_wrap a.btn_05 { background: url(../img/sales/bulit_05.gif) no-repeat top left;}


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

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

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


/*관심고객등록*/

.int .form_wrap {
	width: 100%;
	position: relative;}
	
	.int .form_wrap .clause_box {
		width: 485px;
		float: left;
		margin-right: 45px;}
		
		.int .form_wrap .clause_box h5 { height: 16px; text-align: center;}
		
		.int .form_wrap .clause_box p {
			width: auto;
			height: 258px;
			padding: 10px 15px;
			margin-bottom: 20px;
			background-color: #efefef;
			border: 1px solid #cecece;
			overflow-y: scroll;
			color: #797979;
			font-size: 12px;
			line-height: 20px;}
			
			.int .form_wrap .clause_box p strong {
				font-size: 13px;
				color: #4d4d4d;
				display: block;
				margin-bottom: 10px;}
			
			
		.int .form_wrap .clause_box input[type="radio"] { margin: 0px; vertical-align: text-bottom;}
		
		.int .form_wrap .clause_box input.ml_50 { margin-left: 50px;}
		.int .form_wrap .clause_box input.ml_30 { margin-left: 30px;}
		
		.int .form_wrap .clause_box .rBox { width: 100%;  margin-bottom: 30px; color: #414141; text-align: center;}
		
			.int .form_wrap .rBox strong{ color: 4d4d4d; font-size: 13px; }
		
		.int .form_wrap .clause_box .rBox img { vertical-align: middle;}
	
	.int .form_box {
		width: 650px;
		padding-top: 20px;
		float: left;}
		
		.int .form_box table { 
			width: 100%;
			margin-bottom: 20px;}
		
		.int .form_box th,
		.int .form_box td { 
			border-bottom: 1px solid #eaeaea;
			padding: 7px 0px 8px;
			color: #6d6d6d;}
			
		.int .form_box th { 
			text-align: left;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			color: #4d4d4d;
			letter-spacing: -1px;}
			
		
		.int .form_box th.bdn,
		.int .form_box td.bdn { border-bottom: none;}
		
		.int .form_box .textbar {
			width: 70px;
			height: 16px;
			padding: 4px 5px 3px;
			line-height: 16px;
			font-size: 12px;
			border: 1px solid #dadada;
			border-bottom: none;
			border-right: none;
			background-color: #EFEFEF;}
			
		.int .form_box .w_25 { width: 25px;}
		.int .form_box .w_45 { width: 45px;}
		.int .form_box .w_80 { width: 80px;}
		.int .form_box .w_90 { width: 90px;}
		.int .form_box .w_150 { width: 150px;}
		.int .form_box .w_250 { width: 332px;}
		.int .form_box .w_320 { width: 320px;}
		.int .form_box .w_400 { width: 450px;}
		
		.int .form_box .site { 
			width: 180px;
			height: 23px;
			padding-left: 2px;
			font-size: 13px; 
			font-weight: bold; 
			font-family: 'Nanum Barun Gothic', sans-serif; 
			color: #441b4e; 
			border: 1px solid #cfcfcf; 
			margin-right: 10px;}
		
		.int .form_box input[type="radio"] { margin: 0px; position: relative; top: 2px;}
		
		.int .form_box input.ml_10 { margin-left: 15px;}
		.int .form_box input.ml_20 { margin-left: 20px;}
		
		.int .form_box a img { vertical-align: top;}
		
		.form_box p.tac { color: #828387; font-size: 12px;}
		
		
.int  .btn_wrap {
	width: 100%;
	text-align: center;}
	
	.int .btn_wrap .btn_01 { margin-right: 15px;}


/*청약가이드*/

.sub .tab_wrap {
	width: 100%;
	height: 40px;
	margin-bottom: 60px;}
	
	.sub .tab_wrap li {
		width: 310px;
		float: left;}
		
	.sub .tab_wrap li.list_02 { width: 395px;}
	.sub .tab_wrap li.list_03 { width: 475px;}
	
		.sub .tab_wrap li a {
			width: 100%;
			height: 40px;
			display: block;
			background: url(../img/sales/sub_tab_off.gif) no-repeat top left;}
			
		.sub .tab_wrap li a.on { background-image: url(../img/sales/sub_tab_on.gif);}
		
		.sub .tab_wrap li.list_02 a { background-position: -310px 0px;}
		.sub .tab_wrap li.list_03 a { background-position: -705px 0px;}

.sub .tab_box {width: 100%; position: relative;}

	.sub .tab_box h4 {
		font-size: 40px;
		line-height: 42px;
		font-weight: bold;
		color: #89708e;
		text-align: center;
		padding-left: 20px;
		margin-bottom: 25px;}
		
	.sub .tb_02 h4 { color: #73869b;}
	.sub .tb_03 h4 { color: #939598;}
		
		.sub .tab_box h4 img { vertical-align: top;}

.sub table {
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	color: #797979;
	line-height: 19px;}
	
	.sub th,
	.sub td {
		padding: 7px 0px 9px;
		border-bottom: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;}
	
	.sub th.bt { border-right: 1px solid #e3e3e3;}
	
	.sub th.bdn,
	.sub td.bdn { border-right: none;}

.sub .bt { border-top: 1px solid #c1c1c0;}
.sub th.bt { border-bottom: 1px solid #c1c1c0;}
.sub .bb { border-bottom: 1px solid #c1c1c0;}
.sub .tbg { background-color: #f1f1f1;}
.sub .tac { text-align: center;}
.sub .vat { vertical-align: top;}
.sub .cb { color: #888;}
.sub th.cb { color: #444;}
.sub .pl_20 { padding-left: 20px;}
.sub .pt_20 { padding-top: 20px;}
.sub td.pd { padding-bottom: 15px; padding-top: 15px;}

.sub td th,
.sub td td {
	color: #666;
	padding: 6px 0px 8px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;}
	
.sub td th { border-top: 1px solid #c1c1c0; background-color: #f6f6f5;}

.sub .sb {font-size: 9px; vertical-align: top; position: relative; top: -1px;}

.sub .tb_02 .btn {
	width: 104px;
	height: 28px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	top: 0px;
	right: 0px;}

.sub .tb_02 td h6 {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;}

.sub .tb_02 td ul { padding-bottom: 30px;}
	
.sub .tb_02 td li {
	padding-left: 10px;
	margin-bottom: 10px;
	background: url(../img/sales/sbulit_01.gif) no-repeat 0px 8px;}