@import "basic.css";
@import "layout.css";

#mainVis { width: 100%; height: 340px; background: url('../img/main/visual.jpg') no-repeat 50% 0; }
	.mainVis2 { width: 162px; float: left; text-align: top;}

#mainContents { margin: auto; position: relative; width: 970px; margin-top: 20px;zoom:1; }
#mainContents:after {display:block;clear:both;content:"";}
*html #mainContents { position: relative; width: 970px; margin-top: 20px; }

	#mainPro { float: left; top: 0; width: 450px; height: 325px; }
		.mainPro1 { background: url('../img/main/proBg.gif'); width: 450px; height: 308px;}
		.mainProTop { margin: 10px 0 5px 0; }
		.mainProMiddle { margin-top: 7px; margin-bottom: 5px; }
		.mainProBottom { margin-top: 5px;}
		#mainPro p img { margin-right: -4px; }
		#mainPro ul { list-style: none;	margin: 0; padding: 0; color: #808080; }
			#mainPro ul li { padding: 5px 0 5px 15px; }
			.mainPro-text1 { font-size: 8pt; width: 75px; text-align: center; display: inline; }
	#mainNotice { float: left; width: 270px; height: 325px; margin-left: 30px; list-style: none; text-align: left; }
			#mainNotice li { margin-bottom: 5px; background: url('../img/main/bul.gif') no-repeat 0 6; }
#mainCustomer { float: right; width: 190px; height: 325px;}
	.mainCustomer2 { margin-top: 60px; width: 190px; height: 137px; background: url('../img/main/banImg.gif') no-repeat; }


/*===============================================================*
                           LAYOUT : FOOT 영역
*===============================================================*/
#copy {margin-top:30px;padding:20px 0;text-align:center;border-top:1px solid #dadada;}
#copy:before {display:block;clear:both;content:"";}
#copy p {display:inline-block;position:relative;width:970px;margin:0 auto;text-align:left;}
#copy p a.priv {display:inline-block;position:absolute;right:0;top:20px;color:#f34;cursor:pointer;}