/**
* A-Marketing Cascading Style Sheets
* File Name : content.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.
*/

/* 공통 */
h4 { padding-left:25px; margin:50px 0 20px 0; font-weight:bold; font-size:17px; background:url('image/ico_h4.gif') no-repeat left center; color:#3f3f3f; letter-spacing:-0.05em;}
h5 { padding-left:30px; margin:25px 0 15px 0; font-weight:bold; font-size:15px; background:url('image/ico_h5.gif') no-repeat 15px center; color:#009241; letter-spacing:-0.05em;}
p.p_indent { font-size:14px; color:#5d5d5d; letter-spacing:-0.05em; line-height:23px;}
.p_point { color:#379c6e; font-size:20px; font-weight:bold; text-decoration:underline;}
.txt_red { color:#9e0b0f;}
.bu_list li { margin-bottom:8px; padding-left:30px; background:url('image/bu_list.gif') no-repeat 20px 10px; font-size:14px; color:#494949; letter-spacing:-0.05em; line-height:21px;}

/* tab */
.tab .tab_nav { height:39px; margin-bottom:50px; border-bottom:solid 1px #408134;}
.tab .tab_nav > li { float:left; width:150px; margin-right:2px;}
.tab .tab_nav > li a { display:block; width:150px; font-size:14px; font-weight:bold; background:url('image/bg_tab_off.gif') no-repeat; color:#939393; text-align:center; line-height:40px;}
.tab .tab_nav .on a, .tab .tab_nav li a:hover { background:url('image/bg_tab_on.gif') no-repeat; color:#408134;}

.tab .tab_cont { clear:both;}
.tab .tab_cont .tab_cont_in { display:none; width:100%;}
.tab .tab_cont .on { display:block;}

/* tbl_top */
.tbl_top { border-top:solid 2px #7fac06; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; border-left:solid 1px #dcdcdc; letter-spacing:-0.05em;}
.tbl_top thead th { padding:15px 0 16px 0; border-bottom:solid 1px #adadad; border-right:solid 1px #dcdcdc; font-weight:bold; font-size:14px; color:#7fac06; letter-spacing:-0.05em; text-align:center;}
.tbl_top tbody th { padding:12px 0 13px 0; border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; font-weight:bold; font-size:13px; background:#f9f9f9; color:#4d4d4d; text-align:center; line-height:20px;}
.tbl_top tbody td { padding:12px 0 13px 0; border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; font-size:13px; background:#f9f9f9; color:#4d4d4d; text-align:center; line-height:20px;}
.tbl_top tbody .td_left { padding:12px 0 13px 20px; text-align:left;}


/* 0101_인사말 */
.introduce { background:url('image/bg_introduce.jpg') no-repeat left top; min-height:540px; padding:60px 0 0 340px; }
.introduce .p_introduce { padding:30px 0 50px; font-size:15px; color:#5d5d5d; letter-spacing:-0.05em; line-height:30px;}
.introduce .p_sign { float:right;}


/* 0102_회사개요 */
.p_greeting { margin-bottom:50px; font-size:15px; color:#5d5d5d; letter-spacing:-0.05em; line-height:30px; text-align:center;}

.history h3 { width:100%; height:46px; padding-left:30px; margin-bottom:30px; border-top:solid 2px #7fac06; border-right:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; border-left:solid 1px #dcdcdc; font-weight:bold; font-size:17px; color:#7fac06; line-height:46px; }
.history dl { overflow:hidden; font-size:14px; color:#2b2b2b; letter-spacing:-0.05em;}
.history dt { float:left; width:10%; padding-left:7%; margin-bottom:15px; background:url('image/bu_history.gif') no-repeat 30px center; font-weight:bold;}
.history dd { float:left; width:80%; margin-bottom:15px;}


/* 0103_인증서 */
.certification:after { display:block; clear:both; content:'';}
.certification li { float:left; margin-right:7px; width:191px; text-align:center;}
.certification li .img_box { padding:15px; border:solid 1px #dcdcdc;}
.certification li p { padding-top:20px; font-size:13px; color:#272727; letter-spacing:-0.05em; line-height:23px; text-align:center;}
.certification li span { display:block; color:#5d5d5d; line-height:18px;}

.pop_certi { position:fixed; top:0; left:50%; z-index:1000; width:600px; margin-left:-300px; overflow:hidden; border:solid 1px #3c3c3c; background:#fff;}
.pop_certi .tit_pop_certi { position:relative; height:60px; background:#3c3c3c;}
.pop_certi .tit_pop_certi h3 { padding:20px 0 0 30px; font-size:17px; font-weight:bold; color:#fff; letter-spacing:-0.05em; line-height:17px;}
.pop_certi .tit_pop_certi .btn_close { position:absolute; top:20px; right:20px;}
.pop_certi .pop_con { padding:30px;}


/* 02_제품소개 */
.probiotics01 { background:url('image/bg_con_probiotics01.jpg') no-repeat right 690px;}
.probiotics02 { background:url('image/bg_con_probiotics02.jpg') no-repeat right bottom;}
.probiotics03 { background:url('image/bg_con_probiotics03.jpg') no-repeat right bottom; height:600px;}

.immunity { background:url('image/bg_con_immunity.jpg') no-repeat right 420px;}
.tbl_immunity { float:left; margin:50px 0 0 40px;}

.processor01 { background:url('image/bg_con_processor.jpg') no-repeat right 980px;}
.certification2:after { display:block; clear:both; content:'';}
.certification2 li { float:left; margin-right:7px; text-align:center;}
.certification2 li .img_box { width:200px; padding:15px; border:solid 1px #dcdcdc;}

.certification .btn_cert_more, .certification2 .btn_cert_more { display:block; width:110px; height:34px; margin:15px auto 0; background:#797979; color:#fff; font-size:13px; font-weight:bold; line-height:34px; border-radius:4px;}
.btn_news_more { display:block; width:170px; height:50px; margin:40px auto 0; background:#698e07; color:#fff; font-size:16px; font-weight:bold; line-height:50px; border-radius:4px; text-align:center;}

/* 뉴스기사보기_팝업 */
.ban_rolling { position:relative; width:740px; height:920px; overflow:hidden; padding-left:50px;}
.ban_rolling .ban_pane { position:absolute; top:0; left:0; width:10000000px;}
.ban_rolling .ban_pane li { float:left;}
.ban_rolling .ban_pane .first { opacity:1;}
.ban_rolling .ban_pane .on { z-index:1;}
.ban_rolling .ban_pane_next { position:absolute; top:50%; right:20px; z-index:10;}
.ban_rolling .ban_pane_prev { position:absolute; top:50%; left:20px; z-index:10;}
.ban_rolling .ban_pane li img { padding:30px 80px;}

/* 03_오시는길 */
.top_loca { padding:6px 0 0 240px; margin-bottom:30px; font-size:14px; background:url('image/ico_loca.gif') no-repeat 177px top; color:#5d5d5d; line-height:25px; letter-spacing:-0.05em;}
.top_loca .p_address { font-size:15px; color:#282828;}
.loca_box { border:solid 5px #f5f5f5; padding:15px;}