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

/* content 공통 */
h3 { padding-left:22px; margin-bottom:20px; font-size:18px; font-weight:bold; background:url('image/bu_h3.gif') no-repeat left 3px; color:#292929; letter-spacing:-0.075em;}
h4 { padding-left:36px; margin-bottom:15px; font-size:15px; font-weight:bold; background:url('image/bu_h4.gif') no-repeat 20px center; color:#60544e; letter-spacing:-0.05em;}
.txt_orange { color:#ea6811;}
.txt_black { color:#3e3e3e;}
.btle { padding-bottom:30px}


/* 0101_인사말 */
.gree { position:relative; width:100%; background:url('image/bg_gree.gif') no-repeat right top;}
.gree .tit_gree { padding-top:60px;}
.gree .p_gree { padding-top:50px; font-size:14px; color:#656565; line-height:1.8em; letter-spacing:-0.05em;}
.gree .img_gree { position:absolute; top:247px; right:10px;}


/* 0104_연혁 */
.history dt { height:31px; padding:10px 0 0 30px; margin-bottom:20px; border:solid 1px #cfc8c4; font-size:17px; font-weight:bold; background:url('image/bg_hist.gif') no-repeat left top; color:#4b9100; letter-spacing:-0.05em;}
.history dd { padding-left:70px; margin-bottom:10px; font-size:14px; background:url('image/bu_hist.gif') no-repeat 40px center; color:#656565; letter-spacing:-0.05em;}


/* 0106_인증서 */
.mark_list:after { content:""; display:block; clear:both;}
.mark_list li {  float:left; margin:0 10px 10px 0;}

.cert_box { position:relative; width:100%; min-height:320px;}
.cert_box .cert_list:after { content:""; display:block; clear:both;}
.cert_box .cert_list li { padding:0 0 6px 50px; background:url('image/bu_hist.gif') no-repeat 30px 7px; color:#656565; letter-spacing:-0.05em;}
.cert_box .mark_list { width:400px; padding:30px 0 0 30px;}
.cert_box .img_cert { position:absolute; top:0; right:0;}
.cert_box p { padding-left:35px; font-size:14px; color:#656565; letter-spacing:-0.05em; line-height:25px;}
.cert_box .p_biz { font-weight:800; font-size:16px; color:#4465b5; letter-spacing:0;}
.cert_box .p_biz span { color:#ff7f12;}


/* 0107_오시는길 */
.map { width:770px; border:solid 10px #ebe7e6;}


/* 0201_제품소개 */
.product_list:after { content:""; display:block; clear:both;}
.product_list li { position:relative; float:left; width:758px; max-height:220px; padding:20px; margin-bottom:20px; border-top:solid 1px #e9e9e9; border-left:solid 1px #e9e9e9; border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0;}
.product_list li .img_box { float:left; margin-right:30px; width:370px; height:220px;}
.product_list li .txt_box { float:left; width:350px; height:220px; padding-top:10px;}
.product_list li .txt_box p { font-size:14px; color:#656565; letter-spacing:-0.05em; line-height:25px;}
.product_list li .btn_list { position:absolute; bottom:20px; right:20px;}

.tbl_prod_view { border-top:solid 2px #2c2c2c; font-size:14px; letter-spacing:-0.05em;}
.tbl_prod_view th { padding:15px 0 16px 20px; border-bottom:solid 1px #dadada; font-weight:bold; background:url('image/bg_th_line.gif') no-repeat right center; color:#2c2c2c; text-align:left;}
.tbl_prod_view td { padding:15px 0 16px 20px; border-bottom:solid 1px #dadada; color:#656565; line-height:23px; text-align:left;}
.tbl_prod_view .line_left { border-left:solid 1px #dadada;}
.product_view .btn_view { margin-top:40px; text-align:center;}


/* 0301_레시피 */
.recipe ul:after { content:""; display:block; clear:both;}
.recipe li.reci_box { position:relative; width:100%; height:220px; padding:30px 0; background:url('image/bg_dotline.gif') repeat-x left bottom;}
.recipe .img_box { float:left;}
.recipe .txt_box { float:left; width:370px; height:210px; padding:10px 20px 0 30px;}
.recipe ol li { padding-left:35px; margin-bottom:15px; font-size:14px; color:#656565; line-height:1.5em; letter-spacing:-0.05em;}
.recipe ol .ico_no01 { background:url('image/ico_no01.gif') no-repeat left 3px; }
.recipe ol .ico_no02 { background:url('image/ico_no02.gif') no-repeat left 3px; }
.recipe ol .ico_no03 { background:url('image/ico_no03.gif') no-repeat left 3px; }
.recipe .btn_view { position:absolute; bottom:30px; right:0;}
.recipe .btn_view a { display:block; width:170px; height:26px; padding-top:7px; border-top:solid 1px #e9e9e9; border-left:solid 1px #e9e9e9; border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; font-size:14px; font-weight:bold; color:#6ca506; letter-spacing:-0.05em; text-align:center;}
.recipe .btn_view a:hover { position:relative; top:1px;}


/* 0302_제조공정 */
.process { z-index:1; position:relative; width:100%; min-height:950px; background:url('image/bg_step.gif') no-repeat left top;}
.process li { position:relative; float:left; margin:0 58px 52px 0;}
.process .btn_more { position:absolute; top:88px; right:11px;}
.process .btn_more a:hover { position:relative; top:1px;}

.step_pop { position:absolute; top:0; left:0; z-index:2; width:100%; min-height:950px; background:url('image/bg_step_pop.gif') no-repeat left top;}
.step_pop .pop_box { position:relative; width:450px; height:730px; padding:40px; margin:40px 0 0 130px; border:solid 1px #cfc8c4; background:#fff;}
.step_pop .pop_box p { height:60px; color:#656565; line-height:1.5em; letter-spacing:-0.05em;}

.step_pop .btn_close { position:absolute; top:20px; right:20px;}


/* 0402_인재상 */
.career { width:100%; height:310px; margin:50px 10px 0 10px; background:url('image/bg_career.gif') no-repeat center 50px; }
.career li { float:left; width:190px; height:130px; padding:180px 35px 0 35px; text-align:center; letter-spacing:-0.05em;}
.career li h5 { margin-bottom:15px; font-size:23px; font-weight:bold; color:#444;}
.career li p { font-size:14px; color:#656565; line-height:22px;}
.bg_career01 { background:url('image/ico_career01.gif') no-repeat center top;}
.bg_career02 { background:url('image/ico_career02.gif') no-repeat center top;}
.bg_career03 { background:url('image/ico_career03.gif') no-repeat center top;}


/* 0103_비전 ESG */
.vision .esg_list { text-align:center; font-size:0;}
.vision .esg_item { display:inline-block; width:33.3%; vertical-align:top;}
.vision .esg_circle { width:200px; height:200px; margin:0 auto; padding-top:38px; border-radius:50%; background:#a3d17c; text-align:center; box-sizing:border-box;}
.vision .esg_circle strong { display:block; margin-top:8px; font-size:19px; line-height:1.35; color:#232323; letter-spacing:-0.05em;}
.vision .esg_item p { margin-top:22px; font-size:14px; line-height:1.7; color:#656565; letter-spacing:-0.05em; word-break:keep-all;}


/* CSS 버튼 기본 */
.btn { font-weight:bold; position:relative; display:inline-block; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-align:center; white-space:nowrap; border-width:1px; border-style:solid; border-color:transparent; background-image:none; -o-user-select:none;}
.btn { border-radius: 3px; min-width:34px; letter-spacing:-0.05em;}
.btn.active, .btn:active { outline:0; background-image: none; -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125); box-shadow:inset 0 3px 5px rgba(0,0,0,.125);}
.btn { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
 
/* CSS 버튼 크기 */
.btn_small { font-size:11px; padding:0 5px; line-height:20px; min-width:22px; height:22px;}
input.btn_small,
button.btn_small { font-size:11px; padding:0 5px; line-height:20px; min-width:22px; height:24px; vertical-align:top;}
.btn_medium { font-size:13px; padding:0 10px; line-height: 28px; height: 30px;}
input.btn_medium,
button.btn_medium { font-size:13px; padding:0 10px; line-height: 28px; height: 32px; vertical-align:top;}
.btn_large { font-size:14px; width:170px; height:40px; line-height:38px; }
input.btn_large,
button.btn_large { font-size:14px; width:170px; height:40px; line-height:38px; vertical-align:middle;}
.btn_grand { font-size:18px; padding:0 16px; line-height:44px; min-width:56px; height:46px;}
input.btn_grand,
button.btn_grand { font-size:18px; padding:0 16px; line-height:44px; min-width:56px; height:48px; vertical-align:top;}
 
/* CSS 버튼 색상 */
.btn_green { color:#6ca506; border-color:#6ca506; background-color:#fff;}
 
/* active 상태 속성 */
.btn_green.active,
.btn_green.disabled,
.btn_green.disabled.active,
.btn_green.disabled:active,
.btn_green.disabled:focus,
.btn_green.disabled:hover,
.btn_green:active,
.btn_green:focus,
.btn_green:hover,
.btn_green[disabled],
.btn_green[disabled].active,
.btn_green[disabled]:active,
.btn_green[disabled]:focus,
.btn_green[disabled]:hover { color:#fff; border-color:#6ca506; background-color:#6ca506;}