/**
* A-Marketing Cascading Style Sheets
* File Name : layout.css
* Description : 레이아웃 스타일시트
* Author : Web business Team / white
* Email : yan@amarketing.co.kr
* Date : 2015.08.26
* Update : 2015.08.26
* Copyright(c) 2015 A-Marketing. All Rights Reserved.
*/

/* Layout */
#wrap { width:100%;}
#header { width:100%; height:132px; background:url('image/bg_header.gif') repeat-x center top; z-index:20;}
#container { width:100%; z-index:10;}
#container:after { display:block; clear:both; content:'';}
.main_container { width:100%; height:925px; background:url('image/bg_main.jpg') no-repeat center top; z-index:30;}
.sub_container { width:100%; z-index:30;}
#content { position:relative; width:1024px; margin:0 auto;}
#content:after { display:block; clear:both; content:'';}


/* header */
#header .header_in { position:relative; width:1024px; height:132px; margin:0 auto;}
#header .header_in h1 { padding-top:29px;}


/* gnb */
#gnb { position:relative; height:32px;}
#gnb:after { display:block; clear:both; content:'';}
#gnb .gnb_left { height:32px; border-left:solid 1px #3c3c3c;}
#gnb .gnb_left li { float:left; border-right:solid 1px #3c3c3c;}
#gnb .gnb_left li a { display:block; padding:0 35px; font-size:12px; font-weight:bold; color:#dedede; letter-spacing:-0.05em; line-height:32px;}
#gnb .gnb_right { position:absolute; top:0; right:0; height:32px;}
#gnb .gnb_right li { float:left;}
#gnb .gnb_right li a { display:block; padding:0 13px; font-size:12px; font-weight:bold; color:#a7a7a7; letter-spacing:-0.05em; line-height:32px;}
#gnb li a:hover { color:#ececec;}


/* lnb */
#lnb { position:absolute; top:32px; right:0; z-index:40;}
#lnb:after { display:block; clear:both; content:'';}
#lnb .lnb_left { float:left;}
#lnb .lnb_left li { float:left;}
#lnb .lnb_left li a { display:block; padding:0 30px; font-size:17px; font-weight:bold; color:#5f5f5f; letter-spacing:-0.05em; line-height:100px;}
#lnb .lnb_left li a:hover { color:#353535;}
#lnb .lnb_right { float:left; padding:33px 0 0 20px;}
#lnb .lnb_right li { float:left; margin-left:5px;}
#lnb .lnb_right .lnb_loca a { display:block; width:100px; height:34px; border-radius:3px; font-size:13px; font-weight:bold; background:#87a600; color:#fff; letter-spacing:-0.05em; line-height:34px; text-align:center;}
#lnb .lnb_right .lnb_cs a { display:block; width:70px; height:34px; border-radius:3px; font-size:13px; font-weight:bold; background:#408134; color:#fff; letter-spacing:-0.05em; line-height:34px; text-align:center;}


/* main_container */
.tit_energy { position:absolute; top:-100px; left:218px; z-index:20; }

.top_text { position:absolute; top:60px; left:570px;}
.top_text p { padding:14px 0 80px 0;}
.top_text li { float:left; margin-right:5px;}
.top_text li a:hover { position:relative; top:1px;}

.leftmenu { float:left; width:190px;}
.leftmenu li { width:190px; border-bottom:solid 1px #abb48b;}
.leftmenu li a { display:block; width:190px; height:98px;}
.leftmenu li .lnb_company { background:url('image/lnb_company_off.gif') no-repeat;}
.leftmenu li .lnb_product { background:url('image/lnb_product_off.gif') no-repeat;}
.leftmenu li .lnb_location { background:url('image/lnb_location_off.gif') no-repeat;}
.leftmenu li .lnb_cscenter { background:url('image/lnb_cscenter_off.gif') no-repeat;}
.leftmenu li .lnb_company:hover { background:url('image/lnb_company_on.gif') no-repeat;}
.leftmenu li .lnb_product:hover { background:url('image/lnb_product_on.gif') no-repeat;}
.leftmenu li .lnb_location:hover { background:url('image/lnb_location_on.gif') no-repeat;}
.leftmenu li .lnb_cscenter:hover { background:url('image/lnb_cscenter_on.gif') no-repeat;}

.main_content ul:after { display:block; clear:both; content:'';}
.main_content .btn_view { position:absolute; bottom:20px; right:20px;}
.main_content .btn_view a { display:block; width:90px; height:34px; border-radius:3px; font-size:13px; font-weight:bold; background:#408134; color:#fff; letter-spacing:-0.05em; line-height:34px; text-align:center;}
.main_content .article1 { float:left; margin-top:297px;}
.main_content .article1 .processor { position:relative; width:320px; height:250px; background:url('image/bg_processor.jpg') no-repeat;}
.main_content .article1 .processor h2 { padding:45px 0 20px 17px;}
.main_content .article1 .processor p { padding-left:17px;}
.main_content .article1 .probiotics { position:relative; width:320px; height:220px; background:url('image/bg_probiotics.jpg') no-repeat;}
.main_content .article1 .probiotics h2 { padding:19px 0 20px 109px;}
.main_content .article1 .probiotics p { padding-left:109px;}
.main_content .article2 { float:left; margin-top:399px;}
.main_content .article2 .cert { position:relative; width:333px; height:148px; background:url('image/bg_cert.png') no-repeat;}
.main_content .article2 .cert h2 { padding-left:42px;}
.main_content .article2 .cert p { padding:35px 0 20px 20px;}
.main_content .article2 .immunity { position:relative; width:333px; height:220px; background:url('image/bg_immunity.jpg') no-repeat;}
.main_content .article2 .immunity h2 { padding:15px 0 20px 25px;}
.main_content .article2 .immunity p { padding-left:25px;}
.main_content .article2 .p_ecoenergy { padding:30px 0 0 25px;}
.main_content .link { float:left; margin-top:415px;}

.quick { position:absolute; top:0; right:-51px;}


/* sub_container */
.sub_container { width:100%; margin-bottom:50px; background:url('image/bg_stle.gif') repeat-x left 300px;}
.sub_visual { width:100%; height:300px; background:url('image/bg_sub01.jpg') no-repeat top center;}
.sub_visual .sub_visual_in { position:relative; width:1024px; margin:0 auto;}

.content_box { float:left; width:790px; min-height:500px; position:relative;}


/* snb */
#snb { float:left; width:190px; margin-right:44px;}
#snb .snb_navi:after { display:block; clear:both; content:'';}
#snb .snb_navi { width:188px; border:solid 1px #d3d3d3;}
#snb .snb_navi li { border-top:solid 1px #d3d3d3;}
#snb .snb_navi li:first-child { border-top:solid 1px #d3d3d3;}
#snb .snb_navi li a { display:block; width:158px; padding:17px 0 18px 30px; font-size:15px; color:#525252; letter-spacing:-0.05em;}
#snb .snb_navi li a:hover, #snb .snb_navi .on a { background:#79a600 url('image/bg_snb_on.png') no-repeat 160px center; font-weight:bold; color:#fff;}
#snb .btn_cert { padding-top:30px;}


/* stle */
#stle { position:relative; float:left; width:790px; height:80px; margin-bottom:60px;}
#stle h2 { font-size:25px; color:#4f4f4f; line-height:80px; letter-spacing:-0.075em;}
#stle ul { position:absolute; top:33px; right:0;}
#stle ul li { float:left; font-size:13px; color:#616161;}
#stle ul li span { padding:0 5px;}


/* footer */
#footer { position:relative; clear:both; width:100%; height:150px; background:url('image/bg_footer.gif') repeat-x top; z-index:20;}
#footer:after { display:block; clear:both; content:'';}
#footer .footer_in { position:relative; width:1024px; padding-top:40px; margin:0 auto;}
#footer address { font-size:13px; color:#565656; line-height:20px; letter-spacing:-0.05em;}
#footer address span { margin-right:35px;}
#footer .copy { margin-top:15px; font-size:13px; color:#3b3b3b;}
#footer .copy span { color:#009241;}
#footer .btn_top { position:absolute; top:40px; right:0;}