/**
* A-Marketing Cascading Style Sheets
* File Name : layout.css
* Description : 메인,서브 공통 스타일시트
* Author : Web business Team / White
* Email : yan@amarketing.co.kr
* Date : 2015.02.09
* Update : 2015.02.09
* Copyright(c) 2015 A-Marketing. All Rights Reserved.
*/

/* Layout Selector */
html, body { height:100%;}
#wrap { width:100%; font-size:13px; line-height:1.4em; background:url('image/bg_header.jpg') repeat-x top;}


/* header */
#header { position:relative; width:1024px; height:110px; margin:0 auto; z-index:30;}
#header h1 { position:absolute; top:20px; left:0;}


/* gnb */
#gnb { position:absolute; top:25px; right:0;}
#gnb li { float:left; background:url('image/bg_gnb_dot.gif') no-repeat left 10px;}
#gnb li a { display:block; padding:0 15px; color:#848484;}
#gnb li a:hover { position:relative; top:1px;}
#gnb li .on { color:#d4463b;}
#gnb .bg_no { background:none;}


/* container */
.intro #container { height:876px; background:url('image/bg_intro.jpg') repeat-x center top; border-top:4px solid #7cb614;}
.intro #container h1 { position:absolute; width:105px; top:25px; left:50%; margin-left:415px;}
.intro #container .btn_korean { position:absolute; top:335px; left:50%; margin-left:-345px;}
.intro #container .btn_english { position:absolute; top:465px; left:50%; margin-left:140px;}
.intro #container .tit_intro { position:absolute; width:450px; height:80px; top:93px; left:50%; margin-left:-225px; overflow:hidden;}
.intro #container .tit_intro li { position:absolute; top:0; left:0; opacity:0;}
.intro #container .tit_intro .on { opacity:1;}
#container { width:100%; z-index:10; background:url('image/bg_main_content.jpg') repeat-x center bottom; z-index:10;}
#container .main_content { width:1024px; height:614px; margin:0 auto;}

#container .sub_content { background:#fff url('image/bg_sub.jpg') repeat-x center bottom; z-index:10;}
#container .content_wrap { width:1024px; margin:0 auto; z-index:10;}
#container .content_wrap:after { content:" "; display:block; clear:both;}

/* snb */
#snb { float:left; width:163px; letter-spacing:-0.05em;}
#snb h2.snb_title { padding:30px 0;}
#snb .lnb_navi > li a { display:block; padding:10px 15px; margin-bottom:8px; font-size:14px; font-weight:bold; color:#877c75; border:1px solid #bfb6b1; background:#fdfcfc;}
#snb .lnb_navi > li .on,
#snb .lnb_navi > li a:hover { color:#689b0d; border:1px solid #7cb614; background:#fff url('image/bg_snb_over.jpg') no-repeat 141px 14px;}
#snb .snb_dep2 > li { background:url('image/bg_snb_2deps.png') repeat-x left bottom;}
#snb .snb_dep2 > li a { display:block; padding:7px 0 8px 27px; margin-bottom:0; font-size:13px; font-weight:normal; color:#877c75; border:none; background:url('image/ico_snb_2deps.gif') no-repeat 20px center;}
#snb .snb_dep2 > li .on,
#snb .snb_dep2 > li a:hover { color:#5e5854; border:none; font-weight:bold; background:url('image/ico_snb_2deps.gif') no-repeat 20px center;}
#snb p { padding:30px 0 100px 0;}

/*
.prod_list { width:163px; margin-top:20px;}
.prod_list:after { content:" "; display:block; clear:both;}

.prod_list li { float:left;}
.prod_list li a { display:block; width:80px; height:47px; margin-bottom:3px;}
.prod_list .prod01 { background:url('image/img_snb_prod01_off.jpg') no-repeat;}
.prod_list .prod02 { background:url('image/img_snb_prod02_off.jpg') no-repeat;}
.prod_list .prod03 { background:url('image/img_snb_prod03_off.jpg') no-repeat;}
.prod_list .prod04 { background:url('image/img_snb_prod04_off.jpg') no-repeat;}
.prod_list .prod05 { background:url('image/img_snb_prod05_off.jpg') no-repeat;}
.prod_list .prod06 { background:url('image/img_snb_prod06_off.jpg') no-repeat;}
.prod_list .prod07 { background:url('image/img_snb_prod07_off.jpg') no-repeat;}
.prod_list .prod08 { background:url('image/img_snb_prod08_off.jpg') no-repeat;}
.prod_list .prod09 { background:url('image/img_snb_prod09_off.jpg') no-repeat;}
.prod_list .prod10 { background:url('image/img_snb_prod10_off.jpg') no-repeat;}
.prod_list .prod11 { background:url('image/img_snb_prod11_off.jpg') no-repeat;}
.prod_list .prod12 { background:url('image/img_snb_prod12_off.jpg') no-repeat;}
.prod_list .prod13 { background:url('image/img_snb_prod13_off.jpg') no-repeat;}
.prod_list .prod01:hover { background:url('image/img_snb_prod01_on.jpg') no-repeat;}
.prod_list .prod02:hover { background:url('image/img_snb_prod02_on.jpg') no-repeat;}
.prod_list .prod03:hover { background:url('image/img_snb_prod03_on.jpg') no-repeat;}
.prod_list .prod04:hover { background:url('image/img_snb_prod04_on.jpg') no-repeat;}
.prod_list .prod05:hover { background:url('image/img_snb_prod05_on.jpg') no-repeat;}
.prod_list .prod06:hover { background:url('image/img_snb_prod06_on.jpg') no-repeat;}
.prod_list .prod07:hover { background:url('image/img_snb_prod07_on.jpg') no-repeat;}
.prod_list .prod08:hover { background:url('image/img_snb_prod08_on.jpg') no-repeat;}
.prod_list .prod09:hover { background:url('image/img_snb_prod09_on.jpg') no-repeat;}
.prod_list .prod10:hover { background:url('image/img_snb_prod10_on.jpg') no-repeat;}
.prod_list .prod11:hover { background:url('image/img_snb_prod11_on.jpg') no-repeat;}
.prod_list .prod12:hover { background:url('image/img_snb_prod12_on.jpg') no-repeat;}
.prod_list .prod13:hover { background:url('image/img_snb_prod13_on.jpg') no-repeat;}
*/

/* content */
#content { width:800px; padding:0 0 40px 41px; float:right; background:url('image/bg_sub_line.gif') repeat-y left top;}
.content_box { min-height:600px; padding:0 0 40px 0;}

/* stle */
#stle { width:800px; padding:40px 0; position:relative; letter-spacing:-0.05em;}
#stle h2.stle { padding-left:28px; color:#535353; font-size:20px; font-weight:bold; background:url('image/bg_stle_line.jpg') no-repeat 0 8px;}
#stle ul { position:absolute; top:40px; right:0;}
#stle li { float:left; color:#848484; font-size:13px;}
#stle li span { color:#848484; padding:0 5px;}

/* main banner */
.ban_rolling { position:relative; width:100%; height:400px; overflow:hidden; background:#f1d6a1;}
.ban_rolling .ban_pane li { position:absolute; top:0; left:0; width:100%; height:400px; z-index:0; opacity:0;}
.ban_rolling .ban_pane .ban_image01 { background:url('image/img_visual01.jpg') no-repeat center top;}
.ban_rolling .ban_pane .ban_image02 { background:url('image/img_visual01.jpg') no-repeat center top;}
.ban_rolling .ban_pane .on { z-index:1; opacity:1;}
.ban_rolling .ban_nav { position:absolute; bottom:60px; left:50%; margin-left:-480px; z-index:10;}
.ban_rolling .ban_nav li { float:left; margin-right:10px; text-align:center;}
.ban_rolling .ban_nav li a { display:block; width:12px; height:12px; background:url('image/btn_spot_off.png') no-repeat 0 0;}
.ban_rolling .ban_nav li a:hover,
.ban_rolling .ban_nav li .over,
.ban_rolling .ban_nav li .on { background:url('image/btn_spot_on.png') no-repeat 0 0;}
.ban_rolling .ban_pane_next { position:absolute; top: 50%; margin-top:-42px; right:50%; margin-right:-590px; z-index:10;}
.ban_rolling .ban_pane_prev { position:absolute; top: 50%; margin-top:-42px; left:50%; margin-left:-590px; z-index:10;}

/* sub visual */
.sub_visual { width:100%;height:180px; background:url('image/img_spot01.jpg') no-repeat center top;}

#lnb { position:absolute; width:100%; float:right; top:52px; letter-spacing:-0.05em;}
#lnb:after { content:" "; display:block; clear:both;}
#lnb .lnb_navi { width:700px; float:right;}
#lnb .lnb_navi .lnb_nav_dep1 { position:relative; float:left; width:20%; text-align:center; letter-spacing:-0.05em;}
#lnb .lnb_navi .lnb_nav_dep1 a { display:block; padding:20px 0; font-size:17px; font-weight:bold; color:#7f736d; background:url('image/bg_lnb_line.gif') no-repeat right center;}
#lnb .lnb_navi .lnb_nav_dep1 .lnb_dep1_idx5 { background:none;}


#lnb .lnb_navi .lnb_nav_dep1 a:hover,
#lnb .lnb_navi .lnb_nav_dep1 .on { color:#4b9100;}
#lnb .lnb_sub { border-left:1px solid #ece6e1; position:absolute; top:58px; padding:0; width:100%; height:0; text-align:left; overflow:hidden;}
#lnb .lnb_sub .lnb_dep2 { float:left; padding:0; width:203px; height:300px; text-align:left; overflow:hidden; border-right:1px solid #ece6e1;}
#lnb .lnb_sub .lnb_dep2 a { display:block; padding:7px 0 7px 20px; margin-top:8px; margin-left:10px; margin-right:10px; font-size:14px; color:#66584f; background:#f0e9e4;}
#lnb .lnb_sub .lnb_dep2 a:hover,
#lnb .lnb_sub .lnb_dep2 .on { background:#689b0d; font-weight:bold; color:#fff;}
#lnb .lnb_sub .tit_dep2 { text-align:center; padding-top:20px; height:45px;}
.bg_lnb { position:absolute; width:100%; height:0; top:110px; background:#e5ddd7; opacity:0.95; filter:Alpha(Opacity=95); z-index:20;}

/* footer */
.intro #footer { padding:27px 0; text-align:center;}
#footer { border-top:1px solid #e5e1d6;}
#footer span { color:#4b9e13;}
#footer { z-index:20;}
#footer .footer_in { position:relative; width:1024px; margin:0 auto; letter-spacing:-0.05em;}
#footer .footer_in p { padding-bottom:30px;}
#footer .footer_in address { width:670px; padding-bottom:15px; color:#848484; line-height:1.5em;}
#footer .footer_in .footer_btns { padding:30px 0 15px 0; height:20px;}
#footer .footer_in .footer_btns li { float:left;}
#footer .footer_in .footer_btns li a { margin-right:20px; font-weight:bold; font-size:14px; color:#545454;}
#footer .footer_in .footer_btns li a:hover { position:relative; top:1px;}
#footer .footer_in .totop {position:absolute; top:30px; right:0;}
#footer .footer_in .footer_image {position:absolute; top:40px; right:40px;}
#footer .footer_in .footer_image li { float:left; margin-right:20px;}
#footer .txt_gray { color:#dfdfdf;}