@charset "utf-8";

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


/*분양중인단지*/

.pla .list_wrap {
	width: 100%;
	border-bottom: 2px solid #000;
	margin-bottom: 30px;}
	
	.pla .list_wrap ul { width: 740px;}
	
	.pla .list_wrap li {
		width: 460px;
		height: 160px;
		padding-left: 240px;
		margin-bottom: 35px;
		position: relative;}
			
			.pla .img_box {
				width: 210px;
				height: 154px;
				border: 1px solid #dadada;
				background: url(../img/sell/ing_img.gif) no-repeat top left;
				position: absolute;
				top: 0px;
				left: 0px;}
							
				.pla .img_box img {
					display: block;
					width: 100%;
					height: 154px;}
					
				.pla li.ing .img_box span {
					width: 46px;
					height: 23px;
					display: block;
					background: url(../img/sell/ing.gif) no-repeat top left;
					position: absolute;
					top: 0px;
					right: 0px;}
					
				.pla li.ing2 .img_box span {
					width: 46px;
					height: 23px;
					display: block;
					background: url(../img/sell/con_ck.gif) no-repeat top left;
					position: absolute;
					top: 0px;
					right: 0px;}
					
				.pla li.end .img_box span {
					width: 56px;
					height: 23px;
					display: block;
					background: url(../img/sell/end.gif) no-repeat top left;
					position: absolute;
					top: 0px;
					right: 0px;}
					
			.pla .btn_wrap {
				width: 106px;
				height: 27px;
				position: absolute;
				top: 0px;
				right: 0px;}
				
				.pla .btn_wrap a {
					display: block;
					float: left;}
				
		.pla .list_wrap h5 {
			width: 340px;
			height: 34px;
			padding-left: 10px;
			padding-right: 110px;
			margin-bottom: 10px;
			border-bottom: 1px solid #f0f0f0;
			background: url(../img/sell/pla_bulit.gif) no-repeat 0px 5px;
			font-family:'Nanum Barun Gothic', sans-serif;
			font-size: 18px;
			line-height: 21px;
			color: #262626;}

		.pla .list_wrap p.con {
			width: 100%;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			line-height: 24px;
			color: #797979;}


/*분양예정단지*/

.sch .list_wrap {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;}
	
	.sch .list_wrap li {
		width: 460px;
		height: 160px;
		padding-left: 240px;
		margin-bottom: 35px;
		position: relative;}
		
		.sch .img_box {
			width: 210px;
			height: 154px;
			border: 1px solid #dadada;
			background: url(../img/sell/ing_img.gif) no-repeat top left;
			position: absolute;
			top: 0px;
			left: 0px;}
			
			.sch .img_box img {
				width: 100%;
				height: 154px;}
				
		.sch .list_wrap h5 {
			width: 450px;
			height: 34px;
			padding-left: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #f0f0f0;
			background: url(../img/sell/pla_bulit.gif) no-repeat 0px 5px;
			font-family:'Nanum Barun Gothic', sans-serif;
			font-size: 18px;
			line-height: 21px;
			color: #262626;}

		.sch .list_wrap p.con {
			width: 100%;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			line-height: 24px;
			color: #797979;}
			
		.sch .list_wrap span.date {
			/*width: 133px;*/
			height: 19px;
			padding-top: 2px;
			padding-left: 5px;
			padding-right: 5px;
			border: 1px solid #c62621;
			background-color: #e64641;
			display: block;
			color: #fff;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			text-align: center;
			position: absolute;
			bottom: 0px;
			right: 0px;}
			
			.sch .list_wrap span.date strong { font-weight: 700;}

/*입주단지*/

.mov .list_wrap {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 2px solid #000;
	margin-bottom: 35px;}
	
	.mov .list_wrap li {
		width: 460px;
		height: 160px;
		padding-left: 240px;
		margin-bottom: 35px;
		position: relative;}
		
		.mov .img_box {
			width: 210px;
			height: 154px;
			border: 1px solid #dadada;
			background: url(../img/sell/ing_img.gif) no-repeat top left;
			position: absolute;
			top: 0px;
			left: 0px;}
			
			.mov .img_box img {
				width: 100%;
				height: 154px;}
				
		.mov .list_wrap h5 {
			width: 450px;
			height: 34px;
			padding-left: 10px;
			margin-bottom: 10px;
			border-bottom: 1px solid #f0f0f0;
			background: url(../img/sell/pla_bulit.gif) no-repeat 0px 5px;
			font-family:'Nanum Barun Gothic', sans-serif;
			font-size: 18px;
			line-height: 21px;
			color: #262626;}

		.mov .list_wrap p.con {
			width: 100%;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			line-height: 24px;
			color: #797979;}
			
		.mov .list_wrap span.date {
			width: 143px;
			height: 19px;
			padding-top: 2px;
			border: 1px solid #2d5da4;
			background-color: #376fb6;
			display: block;
			color: #fff;
			font-family: 'Nanum Gothic', sans-serif;
			font-size: 13px;
			text-align: center;
			position: absolute;
			bottom: 0px;
			right: 0px;}
			
			.mov .list_wrap span.date strong { font-weight: 700;}


/*청약가이드*/

.gui .tab_wrap {
	width: 705px;
	height: 37px;
	margin-bottom: 43px;
	font-family:'Nanum Barun Gothic', sans-serif;}
	
	.gui .tab_wrap li {
		width: 200px;
		height: 37px;
		float: left;
		margin-right: 4px;}
		
	.gui .tab_wrap li.list_02 { width: 260px;}
	.gui .tab_wrap li.list_03 { width: 226px;}
	
		.gui .tab_wrap a {
			width: 100%;
			height: 25px;
			padding-top: 10px;
			display: block;
			border: 1px solid #c8c8c8;
			color: #575757;
			font-size: 15px;
			text-align: center;}
			
		.gui .tab_wrap a.on {
			background-color: #4b535c;
			border: 1px solid #4b535c;
			color: #fff;}	

.gui .tab_box { position: relative;}

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

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

.gui .bt { border-top: 2px solid #000;}
.gui .bb { border-bottom: 2px solid #000;}
.gui .tbg { background-color: #f1f1f1;}
.gui .tac { text-align: center;}
.gui .vat { vertical-align: top;}
.gui .cb { color: #333333}
.gui .pl_20 { padding-left: 20px;}
.gui .pt_20 { padding-top: 20px;}
.gui td.pd { padding-bottom: 15px; padding-top: 15px;}

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

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

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

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

.gui .tab_02 td ul { padding-bottom: 10px;}
	
.gui .tab_02 td li {
	padding-left: 10px;
	margin-bottom: 10px;
	background: url(../img/sell/bulit_01.gif) no-repeat 0px 8px;}