@charset "utf-8";
/* CSS Document */

 /**************header************/
  #main_header{margin:0; width:100%; height:100px;}
  #main_header h1{top:55px;left:25px;width:195px; height:45px; position:absolute; z-index:1000; }

  /**************container************/
  #main_container{margin:0; width:100%; overflow:hidden;min-width:980px;}/**2012.10.05**/
  /**비주얼**/
  /*
  #visual{margin:0 auto; width:980px; height:544px; background:url('../images/etc/main_bg.gif') right 90px no-repeat;position:relative;  }
  */
  #visual{margin:0 auto; width:980px; height:544px; position:relative;  }
  .bg_img{width:640px; height:264px;  position:absolute; z-index:3; left:0px; top:0px;}
       /** 이미지 애니**/

  .motionAni_01{width:640px; height:200px; background:#FFFFFF; position:absolute; z-index:4; left:0; top:1000px;}
  .motionAni_02{width:84px; height:615px;position:absolute; z-index:1; right:355px; top:500px;}
  .motionAni_03{width:375px; height:600px;position:absolute; z-index:2; right:50px; top:550px;} 
  .motionAni_04{width:160px; height:106px;position:absolute; z-index:1; right:0px; top:600px;} 
  .motionAni_05{width:220px; height:266px;position:absolute; z-index:1; left:0px;  top:500px;}
  .motionAni_06{width:60px; height:280px;position:absolute; z-index:1; left:340px;  top:500px;} 
       /**텍스트 애니**/ 
  .motionAni_07{width:362px; height:60px;position:absolute; z-index:4; left:2000px; top:85px;}    
  .motionAni_08{width:362px; height:60px;position:absolute; z-index:4; left:2000px; top:138px;} 
  .motionAni_09{width:362px; height:60px;position:absolute; z-index:4; left:2000px; top:210px;} 
     /** BG 오브젝트 애니**/
  .motionAni_10{width:92px; height:92px;position:absolute; z-index:1; right:63px; top:-200px;}  
  .motionAni_11{width:92px; height:92px;position:absolute; z-index:1; left:230px; top:-200px;}  
  .motionAni_12{width:44px; height:46px;position:absolute; z-index:2; right:34px; top:-200px;}  
  .motionAni_13{width:63px; height:93px;position:absolute; z-index:1; right:48px; top:-200px;}  
  .motionAni_14{width:33px; height:48px;position:absolute; z-index:1; right:6px; top:-200px;}  
     
      /**공지사항**/
.notice{ position:absolute; left:25px; bottom:10px;width:930px; height:33px; border:1px #dd321c solid; background:#FFFFFF; z-index:1000; top:7000px;} 
.notice .title{ position:absolute; left:30px;top:11px;}
.notice .more{ position:absolute; right:00px;top:0px;}
.notice .more a{padding:0 0 10px 10px}
.notice  ul.noti{margin-left:110px; list-style:none;}
.notice li{float:left; width:380px;padding-top:9px;}
.notice li span.info{float:left; background:url('../images/etc/bul_info.gif') left top no-repeat;padding-left:44px;height:24px; }
.notice li span.announce{float:left; background:url('../images/etc/bul_notice.gif') left top no-repeat;padding-left:44px;height:24px;}
.notice li span.date{float:right;padding-right:30px;}
#main_contentWrap{margin:0;width:100%;background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#625f55), color-stop(100%,#45433c));Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#625f55, endColorstr=#45433c);/*height:170px;*/ z-index:1000; position:relative;min-width:980px;}/**2012.10.05**/ 
.main_content{margin:0 auto; width:955px;padding-top:20px;padding-left:25px; overflow:hidden;padding-bottom:20px; }
.main_content ul{margin:0 ; padding:0; list-style:none;}
.main_content li{ float:left;}
.main_content li.product{width:340px; margin-right:24px;}
.main_content li.oilPrice{width:227px; margin-right:24px;}
.main_content li.partner{width:314px; }
  
    /**제품정보**/
  .main_content .bunkerc{ border:1px #686660 solid;color:#aaa7a0; font-size:11px; line-height:16px; background:url('../images/etc/main_baunkerc.png') right bottom no-repeat;height:83px; padding:15px 0 0 13px;position:relative;} 
  .main_content .lamp{ border:1px #686660 solid;color:#aaa7a0; font-size:11px; line-height:16px; background:url('../images/etc/main_lampoil.png') right bottom no-repeat;height:83px; padding:15px 0 0 13px;position:relative;}   
  .main_content .oil{ border:1px #686660 solid;color:#aaa7a0; font-size:11px; line-height:16px;background:url('../images/etc/main_oil.png') right bottom no-repeat;height:83px; padding:15px 0 0 13px;position:relative;} 
  .main_content .asphalt{border:1px #686660 solid;color:#aaa7a0; font-size:11px; line-height:16px;background:url('../images/etc/main_asphalt.png') right bottom no-repeat;height:83px; padding:15px 0 0 13px;position:relative;}    
  .main_content .point{color:#d0b753;font-size:12px; font-weight:bold;}
  .rolling{ position:absolute;top:8px; right:8px;}
  .rolling li{float:left;padding:0 5px; background:url('../images/etc/bul_rolling_off.png') no-repeat}			/**2012.10.09**/
  .rolling li.select{float:left;padding:0 5px; background:url('../images/etc/bul_rolling_on.png') no-repeat}	/**2012.10.09**/
  
  #mainflash {
        width:340px;
        height:100px;
        position:relative;
        overflow:hidden;
    }
 
    #mainflash .mainbannerImg{
        position:absolute;
    }
  
  
#menu1{
	padding:0px;
	margin-top:-100px;
	padding-top:100px;
	margin-left: -323px;
	background:url('../images/etc/blank.png') no-repeat;
}

#menu2{
	padding:0px;
	margin-top:-100px;
	padding-top:100px;
	margin-left: -155px;
	background:url('../images/etc/blank.png') no-repeat;
}

#menu3{
	padding:0px;
	margin-top:-100px;
	padding-top:100px;
	margin-left: 13px;
    background:url('../images/etc/blank.png') no-repeat;
}

#menu4{
	padding:0px;
	margin-top:-100px;
	padding-top:100px;
	margin-left: 181px;
	background:url('../images/etc/blank.png') no-repeat;
}

#menu5{
	padding:1px;
	margin-top:-100px;
	padding-top:120px;
	margin-left: 309px;	
	width:180px;
	
		/**2012.10.09**/
}

    /**유가정보**/
  .price_date{color:#d4cdb4; font-size:11px; display:block;height:14px; float:right;}
  .price_division{height:22px;border-top:1px #686660 solid;border-left:1px #686660 solid;border-right:1px #686660 solid;margin-top:10px;display:inline-block;}
  .price_division ul{ width:224px;list-style:none;padding-top:2px; overflow:hidden;}
  .price_division li{ float:left;width:105px; text-align:center;}
   
  .price_kind{width:224px;border:1px #686660 solid;}
  .price_kind ul{list-style:none; display:inline-block;height:20px;}
  .price_kind li{float:left; text-align:center;border-right:1px #686660 solid;border-bottom:1px #686660 solid;width:74px; color:#fff; font-size:11px;padding:2px 0;display:inline-block;}
  .price_kind li.last{border-right:0px;}  
  .price_kind li.select{color:#d0b753;border-bottom:0px}
  .price_kind  table{ border:0;font-size:11px;color:#d2d2d2;}
  .price_kind  td{padding-left:6px;height:18px;}
  .price_kind  th{color:#898989;width:72px;padding-left:4px;}
  
  .oilType .natOn{ color:#fff;font-size:1.4em;  background:url('../images/etc/btn_nat_price_on.png') no-repeat}
  .oilType .natOff{ color:#fff;font-size:1.4em;  background:url('../images/etc/btn_nat_price_off.png') no-repeat}
  .oilType .intOn{margin-left:10px; color:#fff;font-size:1.4em;  background:url('../images/etc/btn_int_price_on.png') no-repeat}
  .oilType .intOff{margin-left:10px; color:#fff;font-size:1.4em;  background:url('../images/etc/btn_int_price_off.png') no-repeat}
 
    /**파트너십**/ 
  .partnership {border:1px #686660 solid;color:#aaa7a0; font-size:11px; line-height:16px;position:relative;}
  .partnership p {color:#aaa7a0; font-size:11px; line-height:14px;padding:20px 16px; width:230px;}
  .partnership span.godoil{ position:absolute; top:-20px; right:-20px;}
  
  
    /**************footerr************/ 
 #main_footer_wrap{margin-top:0px; width:100%;z-index:1000; position:relative; background:#FFF;}
 #main_footer{margin:0 auto; width:980px; position:relative;height:60px;padding-top:23px;} 
 #main_footer h2{margin-left:25px; display:inline-block;}