/* ---------- 웹표준 코딩시작 ---------- */

/* 웹표준 코딩의 설명

 margin  					 				 // 외부의 여백
 padding				  					 // 내부의 여백 ex) padding:위px 오른쪽px 아래px 왼쪽px;
 text-align:center; 						 // 가운데 설정
 margin:0 auto; 							 // 가운데정렬
 text-indent:-9999px; 		 				 // 글씨를 치워주기 위해 사용 함.
 
 h1.indent{
  text-indent:-9999px; 
  width:400px;
  height:100px;
  background:transparent url("logo_pipecivil.png") no-repeat ;
 }

 line-height:38px; 							// 세로 가운데정렬 (줄간격)
 
 opacity:0.05; 								// 투명도 , 숫자가 낮아질수록 투명도는 높아진다.
 filter:Alpha(opacity=5);  					// 투명도 , 숫자가 낮아질수록 투명도는 높아진다. - 윈도우 8버젼이상부터 적용 (둘다 해야함.)
 background-position:-123px -366px;         // 배경이미지의 위치지정


 닷핵 : #header_2_group_right li.r_box01 {padding:3px 0px 0px 0px;} IE 계열
        #header_2_group_right li.r_box01 {.padding:2px 0px 0px 0px;} 비 IE 계열 (익스플로러 6~7에만 적용)
		
 닷핵 : IE 와 비 IE계열에서 1px의 차이가 나기 때문에 중요한 여백설정시 닷핵을 추가한다.
*/

/* ----- 전체 레이아웃 폼 속성 ----- */
#formStart {float:center;width:100%; margin:0 auto} /* 전체영역 전체폼의 크기 : 995px */

  #logoLine {float:center;width:100%;padding:0px 0px 5px 0px;} /* 로고라인 */
  #manuLine {float:center;width:100%;height:47px;} /* 메뉴라인 */
  #manuUnderLine {float:center;width:100%;height:3px;} /* 메뉴아래라인 */
  #bannerLine {float:center;width:100%;height:379px;padding:12px 0px 0px 0px;} /* 배너라인 */
  #contentsLine {float:center;width:100%;padding:0px 0px 0px 0px;} /* 컨텐츠라인 */
  #copyLine {float:center;width:100%;margin:20px 0px 0px 0px;} /* 카피라이터라인 */ 
  
  #lineing {float:center;width:100%;height:1px;} /* 구분라인 */    


/* ----- 로고라인  ----- */
  #logoForm {float:left;width:995px;} /* 로고폼 */
     #logoFormLeft {float:left;width:605px;text-align:left;padding:0px 0px 0px 0px;}
     #logoFormRight {float:left;width:355px;text-align:right;padding:0px 15px 0px 0px;}
  

/* ----- 메뉴라인  ----- */
  #manuForm {float:left;width:995px;height:50px;background-color:#2a89bf;} /* 메뉴폼 */
     #manuForm li.leftManu {float:left;text-align:left;line-height:50px;padding:0px 40px 0px 40px;}
	 #manuForm li.rightManu {float:right;text-align:right;line-height:50px;padding:0px 40px 0px 0px;}

	 
/* ----- 배너라인  ----- */	 
  #bannerForm {float:left;width:995px;height:358px;} /* 배너폼 */
		
		
/* ----- 컨텐츠라인  ----- */	 
  #contentsForm {float:left;width:995px;} /* 컨텐츠폼 */
     #contentsFormLeft {float:left;width:311px;text-align:left;background-color:#ffffff;padding:10px 10px 10px 10px;}
		 #contentsFormLeft li.title {float:left;width:311px;text-align:left;padding:0px 0px 15px 0px;}	
		 #contentsFormLeft li.contents {float:left;width:311px;text-align:left;padding:0px 0px 10px 0px;}			  
     #contentsFormCenter {float:left;width:302px;text-align:left;background-color:#ffffff;padding:10px 10px 10px 10px;margin:0px 0px 0px 10px;}
		 #contentsFormCenter li.title {float:left;width:302px;text-align:left;padding:0px 0px 15px 0px;}	
		 #contentsFormCenter li.contents {float:left;width:302px;text-align:left;padding:0px 0px 10px 0px;}		 
     #contentsFormRight {float:left;width:302px;text-align:left;background-color:#ffffff;padding:10px 10px 10px 10px;margin:0px 0px 0px 10px;}
		 #contentsFormRight li.title {float:left;width:302px;text-align:left;padding:0px 0px 15px 0px;}		 
		 #contentsFormRight li.contents {float:left;width:302px;text-align:left;padding:0px 0px 10px 0px;}	
		  

/* ----- 카피라이터 라인  ----- */	 
  #copyForm {float:left;width:995px;height:200px;background-color:#555555;margin:0px 0px 20px 0px;} /* 카피라이터폼 */
     #copyFormLeft {float:left;width:623px;text-align:left;padding:10px 0px 0px 15px;}
		 #copyFormLeft li.copyLine {float:left;width:498px;text-align:left;padding:5px 0px 0px 0px;}	
     #copyFormRight {float:left;width:357px;text-align:left;padding:0px 0px 0px 0px;}
		 #copyFormRight li.copyLine {float:left;width:497px;text-align:left;padding:5px 0px 0px 0px;}