@charset "utf-8";

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

.plan .tab_wrap { width: 750px; margin-bottom: 25px;}

	.plan .tab_wrap li { float: left;}
	
		.plan .tab_wrap li a { 
			width: 379px;
			height: 29px;
			display: block;
			background: url(../img/complex/plan_tab_01.gif) no-repeat 0px 0px;}
			
		.plan .tab_wrap li.list_01 a { background-image: url(../img/complex/plan_tab_02.gif);}
		.plan .tab_wrap li.list_02 a { background-position: -379px 0px; width: 371px;}
		
		.plan .tab_wrap li.list_01 a.on {background-image: url(../img/complex/plan_tab_01.gif);}
		.plan .tab_wrap li.list_02 a.on {background-image: url(../img/complex/plan_tab_02.gif);}

.plan #box_01 h3 {
	width: 750px;
	height: 55px;
	margin-bottom: 10px;
	background: url(../img/complex/plan_01_01.gif) no-repeat right top;}
	
.plan #box_01 .ir_01 {
	height: 115px;
	margin-bottom: 35px;
	background: url(../img/complex/plan_01_03.gif) no-repeat top left;}

.plan #box_01 .ir_02 {
	height: 220px;
	margin-bottom: 30px;
	background: url(../img/complex/plan_01_05.gif) no-repeat top left;}
	
.plan .cau_box {
	height: 110px;
	margin-bottom: 30px;
	background: url(../img/complex/plan_01_06.gif) no-repeat top left;}

.plan #box_02 h3 {
	width: 750px;
	height: 55px;
	margin-bottom: 10px;
	background: url(../img/complex/plan_02_01.gif) no-repeat right top;}
	
.plan #box_02 .ir_01 {
	height: 115px;
	margin-bottom: 35px;
	background: url(../img/complex/plan_02_03.gif) no-repeat top left;}

.plan #box_02 .ir_02 {
	height: 225px;
	margin-bottom: 30px;
	background: url(../img/complex/plan_02_06.gif) no-repeat top left;}
	

/*유니트*/

.unit .tab_wrap { width: 750px; margin-bottom: 20px;}

	.unit .tab_wrap li { float: left;}
	
		.unit .tab_wrap li a { 
			width: 151px;
			height: 29px;
			display: block;
			background: url(../img/complex/unit_tab_01.gif) no-repeat 0px 0px;}
			
		.unit .tab_wrap li.list_01 a { background-image: url(../img/complex/unit_tab_02.gif);}
		.unit .tab_wrap li.list_02 a { background-position: -151px 0px; width: 151px;}
		.unit .tab_wrap li.list_03 a { background-position: -302px 0px; width: 151px;}
		.unit .tab_wrap li.list_04 a { background-position: -453px 0px; width: 150px;}
		.unit .tab_wrap li.list_05 a { background-position: -603px 0px; width: 147px;}
		
		.unit .tab_wrap li.list_01 a.on {background-image: url(../img/complex/unit_tab_01.gif);}
		.unit .tab_wrap li.list_02 a.on {background-image: url(../img/complex/unit_tab_02.gif);}
		.unit .tab_wrap li.list_03 a.on {background-image: url(../img/complex/unit_tab_03.gif);}
		.unit .tab_wrap li.list_04 a.on {background-image: url(../img/complex/unit_tab_04.gif);}
		.unit .tab_wrap li.list_05 a.on {background-image: url(../img/complex/unit_tab_05.gif);}

.tab_box { position: relative;}

	.tab_box img.ps {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;}

.unit .cau_box {
	height: 110px;
	margin-bottom: 30px;
	background: url(../img/complex/unit_01_05.gif) no-repeat top left;}

.unit #box_01 .ir_01 {
	width: 325px;
	height: 265px;
	margin-bottom: 35px;
	background: url(../img/complex/unit_01_01.gif) no-repeat top left;}

.unit #box_02 .ir_01 {
	width: 325px;
	height: 265px;
	margin-bottom: 35px;
	background: url(../img/complex/unit_02_01.gif) no-repeat top left;}

.unit #box_03 .ir_01 {
	width: 325px;
	height: 265px;
	margin-bottom: 35px;
	background: url(../img/complex/unit_03_01.gif) no-repeat top left;}

.unit #box_04 .ir_01 {
	width: 325px;
	height: 265px;
	margin-bottom: 35px;
	background: url(../img/complex/unit_04_01.gif) no-repeat top left;}

.unit #box_05 .ir_01 {
	width: 325px;
	height: 265px;
	margin-bottom: 35px;
	background: url(../img/complex/unit_05_01.gif) no-repeat top left;}


/*동호수 배치도*/

.chart .ir_01 {
	height: 1675px;
	background: url(../img/complex/chart_02.gif) no-repeat top left;}