@charset "utf-8";

/* Layout */
body{background:url(../images/bg_001.jpg) repeat-y 0 0; background-position: center; background-color:#CFCFCF; width:100%;}

#log{position:absolute; z-index:1; left:0px; width:100%}
#wrap{
	margin: 0 auto;
}

#header {
	position: relative;
	width: 1120px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	#header h1{
	position: absolute;
	left: 19px;
	top: 20px;
	margin-top: 12px;
	height: 110px;
}
	#header h1 a{
	display: block;
	overflow: hidden;
	width: 200px;
	height: 120px;
	background: url(../images/logo2.png) no-repeat;
	text-indent: -5000px
}

	.topMenu {float:right; margin-top:35px; margin-bottom:38px}
	.topMenu dd{float:left; padding-right:15px;}
	.topMenu dd a{display:block; height:30px; text-indent:-5000px; overflow:hidden}
	.topMenu dd a#tmenu1{width:95px; background-image:url(../images/button_est.png)}
	.topMenu dd a#tmenu1:hover{background-image:url(../images/button_est_over.png)}
	.topMenu dd a#tmenu2{width:95px; background-image:url(../images/button_est_2.png)}
	.topMenu dd a#tmenu2:hover{background-image:url(../images/button_est_over_2.png)}


	#mainMenu {clear:right; float:right; margin-bottom:10px;}
	#mainMenu li{float:left; padding-right:30px;}
	#mainMenu2 {clear:right; float:right; margin-bottom:10px;}
	#mainMenu2 li{float:left; padding-right:30px;background: url(http://designecon.co.kr/images/shadow_line.png);}
	#mainMenu2 a{display:block; text-indent:-5000px; overflow:hidden}
	#mainMenu2 li#menu7{width:780px; height:26px; background-image:url(http://designecon.co.kr/images/shadow_line.png)}


	#mainMenu a{display:block; text-indent:-5000px; overflow:hidden}
	#mainMenu a#menu1{width:100px; height:26px; background-image:url(../images/menu1.png)}
	#mainMenu a#menu1:hover{
	width: 100px;
	height: 26px;
	background-image: url(../images/menu1_over.png)
}
	#mainMenu a#menu2{width:269px; height:26px; background-image:url(../images/menu2.png)}
	#mainMenu a#menu2:hover{width:269px; height:26px; background-image:url(../images/menu2_over.png)}
	#mainMenu a#menu3{width:290px; height:26px; background-image:url(../images/menu3.png)}
	#mainMenu a#menu3:hover{width:290px; height:26px; background-image:url(../images/menu3_over.png)}
	#mainMenu a#menu4{width:250px; height:26px; background-image:url(../images/menu4.png)}
	#mainMenu a#menu4:hover{width:250px; height:26px; background-image:url(../images/menu4_over.png)}
	#mainMenu a#menu5{width:295px; height:26px; background-image:url(../images/menu5.png)}
	#mainMenu a#menu5:hover{width:295px; height:26px; background-image:url(../images/menu5_over.png)}
	#mainMenu a#menu6{width:100px; height:26px; background-image:url(../images/menu6.png)}
	#mainMenu a#menu6:hover{width:100px; height:26px; background-image:url(../images/menu6_over.png)}

	#mainMenu a#menu6{width:100px; height:26px; background-image:url(../images/menu6.png)}
	#mainMenu a#menu6:hover{width:100px; height:26px; background-image:url(../images/menu6_over.png)}

#shadow{ 

background: url(http://designecon.co.kr/images/shadow_line.png); 
} 

.visual{
	clear: both;
	width: 1120px;
	height: 570px;
	margin: 0;
	margin-top: 40px;
	margin-bottom: 40px;
	background: url(../images/main_visual.png);
	text-align: left;
	text-indent: -5000px;
	overflow: hidden
}

#line {
	margin-bottom: 35px;
}

#content{	
    margin: 0 auto;
	width:1120px;
}

#contents{*zoom:1;
	width: auto;
	margin: 0 auto;
	text-align: left
}
#contents:after{content:"";display:block;clear:both;}

	#leftTab {position:relative; float:left; width:438px;}
	#leftTab .tabLine {position:absolute; width:438px; height:1px; margin-top:45px; background:url(../images/tab_dash.gif) no-repeat}
	#leftTab dt{float:left; height:32px}
	#leftTab dd{display:none; width:438px; position:absolute; left:0; top:48px;}
	#leftTab dd ul{margin-top:14px;}
	#leftTab dd li{float:left; width:438px; display:inline; margin-left:5px; margin-bottom:13px; background:url(../images/tab_dot.gif) no-repeat 0 50%}
	#leftTab dd li a{float:left; display:inline; margin-left:10px;}
	#leftTab dd li span{float:right; display:inline; margin-right:10px}

	#top {


}
		
	#portfolio {
    position:relative; 
    float:left; 
	width: 1120px;
}
	#portfolio .more{
	position: absolute;
	left: 718px;
	top: 203px;
	height: 23px;
}
	#portfolio .more2{
	position: absolute;
	left: 790px;
	top: 372px;
	height: 23px;
}
	#portfolio .more3{
	position: absolute;
	left: 914px;
	top: 250px;
	height: 23px;
}
	#portfolio .more4{
	position: absolute;
	left: 731px;
	top: 498px;
	width: 361px;
	height: 156px;
    padding-top: 47px;
	padding-left: 23px;
	background: url(../images/back_port.png) no-repeat;

}

#bottomMenu {width:100%; border-top:1px solid #d7d7d7; text-align:left}
	.bottom {width:995px; margin:0 auto}
	.bottom ul{float:right; margin-bottom:15px}	
	.bottom li{float:left}	
	.bottom li.last{padding-right:10px}

#footer{
	clear: both;
	width: 950px;
	height: 120px;
	margin: 0 auto;
	background-position: 0 0px;
}
	.footArea {
	position: relative;
	width: auto;
	margin: 0 auto;
}
	.footArea h1{
	position: absolute;
	float: left;
	top: 0px;
	left: 98px;
}
	.footArea address{position:absolute; width:520px; height:31px; left:450px; top:40px}



/* #footer{width:100%} /* Bg가 100프로 들어가는 이유부분 */
	/* .footer{width:961px; margin:0 auto} /* 풋터에 내용을 넣기 위해서 또하나의 풋터를 생성 */