@charset "euc-kr";

/* intro */
 @import "../css/common.css";
 @import "../css/layout.css";
 @import "../css/table.css";
 @import "../css/topmenu.css";




 .box {
 font-family:Dotum;
 border:1px solid #B9B7B7;
 font-size:12px;
 color:#555555;
 line-height:1.5;
 padding:0;
 scrollbar-face-color: #FFFFFF;
 background-color: #F3F3F3;

 }

 .form_style
{ 	border-bottom-width:1pt;
	border-bottom-color:#E6E6E6;
	border-bottom-style:solid;
	width:100px;
	}
	
.historyArea{padding:0px;margin:0px; line-height:35px;position: relative; }
 

	
.history{padding:0px;margin:0px; } 
 
.history ul li{ list-style:none;padding:0px;margin:0px; }


	.h_Year{width:40px;float:left;padding-top:10px; }
	.h_Mon{width:630px;  float:left;  background-image: url('../image/about/his_back.gif');  }
		.h_Mon1{width:20px; float:left; padding:10px 0 0 5px;clear: both; }
		.h_Con{left:20px;width:600px;float:right;}

.AArea{margin-bottom:30px; }
	.AArea_1{margin-bottom:30px; }
	.AArea_2{margin-bottom:30px;}
	.AArea_2 img{padding:0 5px 0 0;vertical-align:top; }
	.AArea_3{margin-bottom:30px;float:left;width:280px;}
	.AArea_4{margin-bottom:30px;left:280px;position: absolute;}
	.AArea_4 dl dt{margin:0 0 8px 0;padding-top:10px;}
	.AArea_4 dl dd{margin-bottom:20px;}
	.AArea_5{margin-bottom:30px;padding:0 0 30px 30px; }
	.AArea_5 li{margin-bottom:10px; }
		ul.SmallList{padding-left:20px; }
		li.SmallList_1{margin-bottom:0px;}
	 .green{text-weight:bold;color:green;}


.Certiimg01{width:174px;position: relative;left:0; text-align:center;}
.Certiimg02{width:174px;position: absolute;left:174px;text-align:center;top:0;}
.Certiimg03{width:174px;position: absolute;left:348px;text-align:center;top:0;}
.Certiimg04{width:174px;position: absolute;left:522px;text-align:center;top:0;}


.BArea{margin-bottom:40px; text-align:center; }
.CArea{margin-bottom:40px;position: relative; }

.inqArea{margin-bottom:20px;background-image:url('../image/inq/box3.gif');width:634px; }
.inqArea_1{padding:20px; }


.bottom30{margin-bottom:30px;}
.bottom20{margin-bottom:20px;}
.l20_b20{padding:0 0 20px 10px;}
.l20_b20 dl dt{padding:0 0 20px 10px;}
.l20_b20 dl dd{padding:0 0 20px 40px;}
.l20_b20 dl dd ol li{margin:0 0 10px 0;}

.proLeftArea{position: relative ; }
.proLeftArea2{position: relative ; width:530px;}
.proRightArea{left:360px;position: absolute;  width:330px;top:0; }
.proRightArea2{left:380px;position: absolute; width:300px;text-align:right; top:35px;}
.proRightArea3{left:550px;position: absolute; width:120px;text-align:right; top:35px;}
.proRightArea4{left:450px;position: absolute; width:120px;text-align:center; top:-150px;}
.proArea{margin:0 0 30px 0; position: relative; }
.proArea_1{ padding:0 0 30px 20px; }
p img{vertical-align:middle;}


#MovieArea{background:#000000; height:386px;padding:30px;}


#SiteMAP{width: 100%;  position: relative; margin-bottom:130px; padding-bottom:30px;}
#SiteMAP ul li{list-style:url("../image/sitemap/icon.gif"); padding:0 0 5px 0px; margin-left:30px;}
#SiteMAP p{padding-bottom:20px;}
 
 


#SiteMAP #ComSite{left:0px;width:170px;position: relative; padding:0 0 30px 0;}
#SiteMAP #PumpSite{left:172px;width:170px;position: absolute; top:0px;}
#SiteMAP #ProSite{left:344px;width:170px;position: absolute;top:0px; padding-bottom:30px;}
#SiteMAP #DataSite{left:516px;width:170px;position: absolute;top:0px;}

#SiteMAP #InqSite{left:0px;width:170px;position: absolute;  padding:0 0 30px 0;}
#SiteMAP #PrSite{left:172px;width:170px;position: relative; }
#SiteMAP #CusSite{left:0px;width:170px;position: absolute; top:350px;}


.inqtxt{padding:15px;background:#f7f7f7;margin: 10px 0;font-size:110%;font-weight:bold;}
.inqtxt span{font-weight:bold;color:#0000ff;}