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

/* Layout */
#wrap { width:100%;}
#header { height:100px; z-index:20;}
#container { position:relative; width:100%; margin:0 auto; z-index:10;}
#container:after { display:block; clear:both; content:'';}
#content { position:relative; width:1024px; padding:45px 0; margin:0 auto;}
#footer { clear:both; color:#bebdbb; border-top:1px solid #ddd; font-size:13px; z-index:30;}

/* header */
#header .header_in { position:relative; width:1024px; height:100px; margin:0 auto;}
#header h1 { position:absolute; top:0; left:0;}

#lnb { float:right; width:60%;}
#lnb .lnb_navi .lnb_nav_dep1 { float:left; width:20%; text-align:center;}
#lnb .lnb_navi .lnb_nav_dep1 a { display:block; padding:40px 0; font-size:17px; font-weight:bold; color:#757575;}
#lnb .lnb_navi .lnb_nav_dep1 a:hover,
#lnb .lnb_navi .lnb_nav_dep1 .on { background:url('image/bg_lnb_on.gif') no-repeat center bottom; color:#3c3c3c;}

/* visual */
.main_visual { position:relative; width:100%; height:450px; background:url('image/bg_main_visual.jpg') no-repeat center top;}

.sub_visual_company { width:100%; height:229px; background:url('image/bg_sub_visual01.jpg') no-repeat center top; border-bottom:1px solid #ddd;}
.sub_visual_product { width:100%; height:229px; background:url('image/bg_sub_visual02.jpg') no-repeat center top; border-bottom:1px solid #ddd;}
.sub_visual_prcenter { width:100%; height:229px; background:url('image/bg_sub_visual03.jpg') no-repeat center top; border-bottom:1px solid #ddd;}
.sub_visual_customer { width:100%; height:229px; background:url('image/bg_sub_visual04.jpg') no-repeat center top; border-bottom:1px solid #ddd;}

/* container */
#content .main_quick { height:180px;}
#content .main_quick li { float:left; width:25%;}
#content .main_quick li a { display:block; padding-top:110px; width:100%; height:70px;}
#content .main_quick li a strong { display:block; padding-bottom:15px; font-size:16px; color:#57504c; text-align:center;}
#content .main_quick li a span { display:block; font-size:13px; color:#7c7c7c; text-align:center;}
#content .main_quick .quick1 { background:url('image/bg_main_intro.gif') no-repeat center top;}
#content .main_quick .quick2 { background:url('image/bg_main_info.gif') no-repeat center top;}
#content .main_quick .quick3 { background:url('image/bg_main_news.gif') no-repeat center top;}
#content .main_quick .quick4 { background:url('image/bg_main_cs.gif') no-repeat center top;}

/* footer */
#footer address { position:relative; width:1024px; margin:0 auto; color:#7c7c7c; padding:30px 0 40px 0;}
#footer address a { position:absolute; top:30px; right:0;}
#footer address div { padding-bottom:8px;}
#footer .copy { padding:14px 0; text-align:center; color:#d8d7d7; background:#625e5c;}