@charset "utf-8";

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


/*입주단지*/

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

		.com .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;}
			
		.com .type2 { background-color: #b2b5ba;}


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

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

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


/*캘린더*/

.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;}


/*입주가이드*/

.gui .tab_wrap {
	width: 100%;
	height: 40px;
	margin-bottom: 60px;}
	
	.gui .tab_wrap li {
		width: 390px;
		float: left;}
		
	.gui .tab_wrap li.list_02,
	.gui .tab_wrap li.list_03 { width: 395px;}
	
		.gui .tab_wrap li a {
			width: 100%;
			height: 40px;
			display: block;
			background: url(../img/move_in/gui_tab_off.gif) no-repeat top left;}
			
		.gui .tab_wrap li a.on { background-image: url(../img/move_in/gui_tab_on.gif);}
		
		.gui .tab_wrap li.list_02 a { background-position: -390px 0px;}
		.gui .tab_wrap li.list_03 a { background-position: -785px 0px;}

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

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

	.gui .tab_box h5 {
		font-size: 26px;
		line-height: 34px;
		font-weight: bold;
		color: #441b4e;
		text-align: center;
		margin-bottom: 10px;}
		
	.gui .tb_03 h5 { color: #4d4d4d;}
				
	.gui .tb_01 p.tac { 
		font-size: 14px;
		line-height: 24px;
		color: #5e5e5e;
		margin-bottom: 40px;}

.gui ol {
	width: 100%;
	padding-top: 25px;
	border-top: 1px solid #e4e4e4;
	position: relative;}
	
	.gui .list { margin-bottom: 35px;}
	
	.gui .tb_01 .list_01,
	.gui .tb_01 .list_02 { width: 540px;}	
	.gui .tb_01 .list_03,
	.gui .tb_01 .list_04,
	.gui .tb_01 .list_05 { width: 525px; position: absolute; right: 0px;}
	
	.gui .tb_01 .list_03 { top: 25px;}
	.gui .tb_01 .list_04 { top: 165px;}
	.gui .tb_01 .list_05 { top: 325px;}
	
	.gui .tb_02 .list { float: left;}
	
	.gui .tb_02 .list_01 { width: 380px;}
	.gui .tb_02 .list_02 { width: 430px;}
	.gui .tb_02 .list_03 { width: 370px;}
	
	.gui .tb_03 .nth_01 .list_01,
	.gui .tb_03 .nth_01 .list_02,
	.gui .tb_03 .nth_01 .list_03,
	.gui .tb_03 .nth_02 .list_01,
	.gui .tb_03 .nth_02 .list_02 { width: 580px;}	
	
	.gui .tb_03 .nth_01 .list_04,
	.gui .tb_03 .nth_01 .list_05,
	.gui .tb_03 .nth_02 .list_03,
	.gui .tb_03 .nth_02 .list_04 { width: 520px; position: absolute; right: 0px;}
	
	.gui .tb_03 .nth_01 .list_04 { top: 25px;}
	.gui .tb_03 .nth_01 .list_05 { top: 220px;}
	.gui .tb_03 .nth_02 .list_03 { top: 25px;}
	.gui .tb_03 .nth_02 .list_04 { top: 230px;}
	
		.gui .list h6 {
			padding-left: 55px;
			font-size: 20px;
			line-height: 44px;
			color: #616161;
			font-weight: normal;
			margin-bottom: 15px; }
		
		.gui .tb_01 .list_01 h6 { background: url(../img/move_in/num1_01.gif) no-repeat top left;}
		.gui .tb_01 .list_02 h6 { background: url(../img/move_in/num1_02.gif) no-repeat top left;}
		.gui .tb_01 .list_03 h6 { background: url(../img/move_in/num1_03.gif) no-repeat top left;}
		.gui .tb_01 .list_04 h6 { background: url(../img/move_in/num1_04.gif) no-repeat top left;}
		.gui .tb_01 .list_05 h6 { background: url(../img/move_in/num1_05.gif) no-repeat top left;}
		
		.gui .tb_02 .list_01 h6 { background: url(../img/move_in/num2_01.gif) no-repeat top left;}
		.gui .tb_02 .list_02 h6 { background: url(../img/move_in/num2_02.gif) no-repeat top left;}
		.gui .tb_02 .list_03 h6 { background: url(../img/move_in/num2_03.gif) no-repeat top left;}
		
		.gui .tb_03 .list_01 h6 { background: url(../img/move_in/num3_01.gif) no-repeat top left;}
		.gui .tb_03 .list_02 h6 { background: url(../img/move_in/num3_02.gif) no-repeat top left;}
		.gui .tb_03 .list_03 h6 { background: url(../img/move_in/num3_03.gif) no-repeat top left;}
		.gui .tb_03 .list_04 h6 { background: url(../img/move_in/num3_04.gif) no-repeat top left;}
		.gui .tb_03 .list_05 h6 { background: url(../img/move_in/num3_05.gif) no-repeat top left;}
		
	.gui .list li {
		font-size: 13px;
		line-height: 22px;
		color: #888;
		letter-spacing: -1px;
		padding-left: 10px;
		background: url(../img/move_in/bar.gif) no-repeat 0px 10px;}

	.gui .list p {
		font-size: 13px;
		line-height: 22px;
		color: #888;
		letter-spacing: -1px;}


/*입주서비스*/

.ser .tab_wrap {
	width: 100%;
	height: 40px;
	margin-bottom: 60px;}
	
	.ser .tab_wrap li {
		width: 290px;
		float: left;}
		
	.ser .tab_wrap li.list_02 { width: 295px;}
	.ser .tab_wrap li.list_03 { width: 298px;}
	.ser .tab_wrap li.list_04 { width: 297px;}
	
		.ser .tab_wrap li a {
			width: 100%;
			height: 40px;
			display: block;
			background: url(../img/move_in/ser_tab_off.gif) no-repeat top left;}
			
		.ser .tab_wrap li a.on { background-image: url(../img/move_in/ser_tab_on.gif);}
		
		.ser .tab_wrap li.list_02 a { background-position: -290px 0px;}
		.ser .tab_wrap li.list_03 a { background-position: -585px 0px;}
		.ser .tab_wrap li.list_04 a { background-position: -883px 0px;}

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

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

.ser .tb_01 ul {
	width: 100%;
	padding-top: 39px;
	height: 184px;
	background: url(../img/move_in/service_01_02.gif) no-repeat top left;
	margin-bottom: 45px;}

	.ser .tb_01 li {
		width: 182px;
		float: left;
		margin-right: 17px;}
		
	.ser .tb_01 li.list_06 { margin-right: 0px;}
	
		.ser .tb_01 li a {
			width: 100%;
			height: 184px;
			display: block;
			background: url(../img/move_in/service_01_off.gif) no-repeat top left;
			cursor: inherit;}
			
		.ser .tb_01 li a:hover,
		.ser .tb_01 li a:focus { background-image: url(../img/move_in/service_01_on.gif);}
		
		.ser .tb_01 li.list_02 a { background-position: -200px 0px;}
		.ser .tb_01 li.list_03 a { background-position: -399px 0px;}
		.ser .tb_01 li.list_04 a { background-position: -599px 0px;}
		.ser .tb_01 li.list_05 a { background-position: -798px 0px;}
		.ser .tb_01 li.list_06 a { background-position: -998px 0px;}

.ser .tb_01 .btn {
	width: 262px;
	height: 40px;
	display: block;
	background: url(../img/common/ir_img.gif) repeat top left;
	position: absolute;
	bottom: 25px;
	left: 749px;}

.ser .tb_03 th {
	height: 37px;
	border-bottom: 2px solid #c1c1c0;
	border-top: 1px solid #c1c1c0;
	border-right: 1px solid #e3e3e3;
	background-color: #f1f1f1;
	font-size: 15px;
	color: #444;}
	
.ser .tb_03 td {
	padding: 15px 0px;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	font-size: 13px;
	line-height: 22px;
	color: #888;
	text-align: center;}
	
.ser .tb_03 td.nth_03 {
	text-align: left;
	padding-left: 45px;
	border-right: none;}

.ser .tb_04 .stab_wrap {
	width: 590px;
	height: 39px;
	margin: 0px auto 23px;}
	
	.ser .tb_04 .stab_wrap li {
		width: 295px;
		float: left;}
		
		.ser .tb_04 .stab_wrap li a {
			width: 100%;
			height: 40px;
			display: block;
			background: url(../img/move_in/ser04_tab_off.gif) no-repeat top left;}
			
		.ser .tb_04 .stab_wrap li a.on { background-image: url(../img/move_in/ser04_tab_on.gif);}
		
		.ser .tb_04 .stab_wrap li.list_02 a { background-position: -295px 0px;}