@charset "euc-kr";
img { margin:0; padding:0; border:0; vertical-align:top;}
#wrapper {width:100%; background:url(../img/main/m_bg.jpg) top left repeat-x}
    #container {width:950px;   margin:0 auto; } 
	    #top {width:950px; height:78px;  } 
	        .logo{ float:left; width:200px;height:78px; margin:0  } 
		    .search{ float:left; width:480px;height:78px;  }
			   .sear{ width:330px; height:30px; padding:25px 0 0 125px  }  
			.topps{ float:right; width:270px;height:78px; } 
			   .topps1 {float:right; padding:8px 0 0 0 } 
	           .topps1 li{float:right;   }
			   .topps2 {float:right; padding:5px 0 0 0  } 
	           .topps2 li{float:right;   }
	    #navi {clear:both; width:900px; height:34px; position:relative; margin:0; padding-left:70px; background:url(../img/main/navi_bg.jpg) top center no-repeat}
        #navi ul{width:900px; height:20px;  padding:7px 0 0 0; margin:0;}
        #navi ul li{width:auto; height:25px; float:left; padding-right:40px}
		#middle {clear:both; width:950px; padding-top:20px} 
		    #left {float:left; width:200px;}
			  .leftgnb {float:left; width:190px; background:url(../img/sub/leftgnb_middle.gif) top left repeat-y}
			  .leftcall {float:left; width:190px; height:175px; padding-top:20px}
			  .leftbank {float:left; width:190px; height:175px; padding-top:20px; padding-bottom:20px}
			#right {float:left; width:750px;} 
			  .m1{float:left; width:750px; height:310px;}
			     .best{float:left; width:750px; height:310px;  background:url(../img/main/best_bg.jpg) top left no-repeat }    
			     .best ul{float:left; width:730px; height:250px; padding:43px 0 0 20px}  
			     .best li{float:left; padding-right:10px; }
			     
			  .m2{float:left; width:750px; padding-top:20px} 
			     .tit{float:left; width:750px; height:29px} 
				 .product {float:left; width:750px; height:282px; margin-top:20px;}
				 .product ul{float:left; width:630px; height:263px; padding:9px 0 0 120px}  
			     .product li{float:left; padding-right:10px; } 
				 .product img {width:200px;height:263px;}
 				 .bg1{background:url(../img/main/md_bg_01.jpg) top left no-repeat}
				 .bg2{clear:both; background:url(../img/main/md_bg_02.jpg) top left no-repeat}
				 .bg3{clear:both; background:url(../img/main/md_bg_03.jpg) top left no-repeat}
				 .bg4{clear:both; background:url(../img/main/md_bg_04.jpg) top left no-repeat}

		#bottom {clear:both; width:950px; height:173px; margin-top:20px;  background:url(../img/main/bottom_bg.gif) top left no-repeat;}
			.notice{float:left; width:220px; height:133px; padding:20px 0 0 40px; font-size:11px;  }  
			.guide{float:left; width:302px; height:133px; padding:20px 0 0 40px;  }  
			.call{float:left; width:276px; height:133px; padding:20px 0 0 40px;  }  
		#copyright {clear:both; width:950; height:130px;}
	    #quick {width:90px; background:url(../img/main/quick_bg.gif) top left repeat-y }		
.clear {clear:both;}