@charset "utf-8";

/**
* =================================================================================
* INFORMATION
* ---------------------------------------------------------------------------------
* @Author : Kim, Kyu, Jung (kyujung83@naver.com)
* @File Name : common.css
* @Description : Style Sheet
* @Version : 1.0
* @Create Date : 2013.12.28
* @Update Date : N/A
* @History : N/A
* =================================================================================
*/

/*=================================================================================
* Layout - ÆʺñÆÑÅ丮 - Css
=================================================================================*/
.production01 p { line-height: 20px; color: #666;}
.production01 h4 { padding-bottom: 15px;}
.production01 .bording { padding-bottom: 25px; border-bottom: 1px solid #dedede; margin-bottom: 25px;}



/*=================================================================================
* Layout - Æʺñ½ºÅ丮 - Css
=================================================================================*/
.production02 h4 { padding-bottom: 15px;}
.production02 .css-tabs { width: 100%; background: url("/skin/img/common/bg_line.gif") repeat-x left bottom; height: 37px;}
.production02 .css-tabs:after { content: ''; display: block; clear: both;}
.production02 .css-tabs li { float: left; margin-right: 1px; width: 125px;}
.production02 .css-tabs li.last { margin-right: 0;}
.production02 .css-tabs li a { display: block; background: url("/skin/img/common/tabbg2.gif") no-repeat left top; height: 37px; width: 100%; text-align: center;}
.production02 .css-tabs li a span { font-weight: bold; color: #666; display: inline-block; padding-top: 10px;}
.production02 .css-tabs li a.current { background: url("/skin/img/common/tabbg2.gif") no-repeat left bottom;}
.production02 .css-tabs li a.current span { font-size: 14px; font-weight: bold; color: #fa5100; display: inline-block; padding-top: 10px;}
.production02 .storyvisual { padding: 30px 0 25px 0;}
.production02 .storylistbox { width: 100%; padding-bottom: 25px; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.production02 .storylistbox:after { content: ''; display: block; clear: both;}
.production02 .storylistbox li { float: left; width: 178px; margin-right: 16px;}
.production02 .storylistbox li.last { margin-right: 0;}
.production02 .storylistbox li span { display: inline-block; border: 1px solid #d8dbdd;}
.production02 .storylistbox li p { padding-top: 10px; text-align: center; color: #333;}
.production02 .storylistbox2 { width: 100%; padding-top: 20px; border-top: 1px solid #dedede;}
.production02 .storylistbox2:after { content: ''; display: block; clear: both;}
.production02 .storylistbox2 li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dedede;}
.production02 .storylistbox2 li dl { width: 100%;}
.production02 .storylistbox2 li dl:after { content: ''; display: block; clear: both;}
.production02 .storylistbox2 li dl dt { float: left; width: 197px;}
.production02 .storylistbox2 li dl dd { float: left; width: 555px; padding-bottom: 8px; color: #666;}

.production03 .lineh20 { line-height: 20px; color: #666;}
.production03 .pdb20 { padding-bottom: 20px;}
.production03 .css-tabs { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.production03 .css-tabs:after { content: ''; display: block; clear: both;}
.production03 .css-tabs li { float: left; width: 253px; height: 95px;}
.production03 .css-tabs li.last { width: 254px;}
.production03 .css-tabs li a { display: block; width: 100%; height: 100%; background: url("/skin/img/production/bgmenuprocess.jpg") no-repeat left top;}
.production03 .css-tabs li a span { font: 0/0 serif;}
.production03 .css-tabs li.pc1 { height: 96px;}
.production03 .css-tabs li.pc2 { height: 96px;}
.production03 .css-tabs li.pc3 { height: 96px;}
.production03 .css-tabs li.pc1 .current { height: 95px;}
.production03 .css-tabs li.pc2 .current { height: 95px;}
.production03 .css-tabs li.pc3 .current { height: 95px;}
.production03 .css-tabs li.pc1 a { background-position: 0 0;}
.production03 .css-tabs li.pc2 a { background-position: -253px 0;}
.production03 .css-tabs li.pc3 a { background-position: -506px 0;}
.production03 .css-tabs li.pc4 a { background-position: 0 -96px;}
.production03 .css-tabs li.pc5 a { background-position: -253px -96px;}
.production03 .css-tabs li.pc6 a { background-position: -506px -96px;}
.production03 .css-tabs li.pc7 a { background-position: 0 -191px;}
.production03 .css-tabs li.pc8 a { background-position: -253px -191px;}
.production03 .css-tabs li.pc9 a { background-position: -506px -191px;}
.production03 .css-tabs li.pc1 .current { background-position: 0 -286px;}
.production03 .css-tabs li.pc2 .current { background-position: -253px -286px;}
.production03 .css-tabs li.pc3 .current { background-position: -506px -286px;}
.production03 .css-tabs li.pc4 .current { background-position: 0 -381px;}
.production03 .css-tabs li.pc5 .current { background-position: -253px -381px;}
.production03 .css-tabs li.pc6 .current { background-position: -506px -381px;}
.production03 .css-tabs li.pc7 .current { background-position: 0 -476px;}
.production03 .css-tabs li.pc8 .current { background-position: -253px -476px;}
.production03 .css-tabs li.pc9 .current { background-position: -506px -476px;}


/* ========================================================================================== */

/*=================================================================================
* Content - ¹è¼Û¾È³» - Css
=================================================================================*/
.production01 p.deliveTime{padding:10px 0 20px 0;}
.production01 ul.delivery{width:100%;margin-bottom:18px;}
.production01 ul.delivery:after{content:""; display:block; clear:both;}
.production01 ul.delivery li{float:left; width:332px; border:1px solid #d8dbdd; padding:23px 23px 22px 23px; text-align:center;}
.production01 ul.delivery li.last{border-left:0}
.production01 p.postscript1{margin-bottom:40px;}
.production01 h4.shipping_tit01{padding-bottom:28px;}
.production01 p.process{padding-bottom:26px;}
.production01 p.postscript2{margin-bottom:54px;} 
.production01 ul.shipping_group{width:100%; margin-bottom:44px;}
.production01 ul.shipping_group:after{content:""; display:block; clear:both;}
.production01 ul.shipping_group li{float:left;width:236px; padding-right:26px;}
.production01 ul.shipping_group li.last{ padding-right:0px;}
/*=================================================================================
* Content - »ý»ê¹è¼Û>Á¦Ç°À̾߱â - Css
=================================================================================*/
.production02 h4.prductstory3Tit01{margin:30px 0 28px 0; padding-bottom:0;}
.production02 h4.prductstory3Tit07{margin-bottom:20px;padding-bottom:0;}
.production02 h4.prductstory3Tit10{margin:30px 0 20px 0; padding-bottom:0;}
.production02 h4.prductstory3Tit11{margin-bottom:32px; padding-bottom:0;}
.production02 h5.prductstory3Tit02 { padding-bottom: 15px;}
.production02 p.prductstory3Tit08{margin-bottom:26px;}
.production02 p.prductstory3Tit03{ line-height:20px; letter-spacing:-.3px; color:#666666; }

.production02 .prductstory3Tit03{border-bottom:1px solid #dedede; padding-bottom:25px; margin-bottom:25px; width:100%;}
.production02 .prductstory3Tit03:after{content:""; display:block; clear:both;}
.production02 .prductstory3Tit03 dt{float:left; width:140px; text-align:center;}
.production02 .prductstory3Tit03 dd{float:left; width:534px; text-align:left;  line-height:20px; letter-spacing:-.3px; color:#666666; padding:15px 0;}
.production02 .prductstory3Tbl{margin:10px 0 23px 0; border:1px solid #d8dbdd; width:100%;}
.production02 .prductstory3Tbl thead tr th{background:#f4f4f4; color:#666666;  padding:8px 0; border-bottom:1px solid #d8dbdd;border-right:1px solid #d8dbdd; }
.production02 .prductstory3Tbl tbody tr td{ color:#333333;  padding:8px 0; border-bottom:1px solid #d8dbdd;border-right:1px solid #d8dbdd; line-height:18px; padding:15px 0; text-align:center;}
.production02 .prductstory3Tbl tbody tr td.bold{font-weight:bold; color:#333;}
.production02 .prductstory3Tbl tbody tr td.last,.production02 .prductstory3Tbl thead tr th.last{border-right:0;}
.production02 .prductstory3Tbl tbody tr td.brdLine{border-bottom:0}
.production02 .prductstory3Tit06{ margin-bottom:55px; width:100%;}
.production02 .prductstory3Tit06:after{content:""; display:block; clear:both;}
.production02 .prductstory3Tit06 dt{float:left; width:140px; text-align:center;}
.production02 .prductstory3Tit06 dd{float:left; width:584px; text-align:left;  line-height:20px; letter-spacing:-.3px; color:#666666; padding-top:24px;}


.production02 .prductstory3Tit04{width:100%; margin-bottom:35px;}
.production02 .prductstory3Tit04:after{content:""; display:block; clear:both;}
.production02 .prductstory3Tit04 li{float:left; margin-right:16px;}
.production02 .prductstory3Tit04 li span{display:block; border:1px solid #d8dbdd;}
.production02 .prductstory3Tit04 li.last{margin-right:0;}
.production02 .prductstory3Tit04 li p{color:#666;  line-height:12px;padding:20px 0; text-align:center;}
.production02 .prductstory3Tit09{margin-bottom:37px;}


.production02 .prductstory3Gigan{margin-bottom:52px; width:100%;}
.production02 .prductstory3Gigan:after{content:""; display:block; clear:both;}
.production02 .prductstory3Gigan p{float:left; width:372px;}
.production02 .prductstory3Gigan p span{display:block; border:1px solid #d8dbdd;}
.production02 .prductstory3Gigan dl{float:right; width:370px; vertical-align:middle; padding-top:47px;}
.production02 .prductstory3Gigan dl dt{margin-bottom:12px;}

.production02 ol.prductstory6{width:100%;}
.production02 ol.prductstory6 li.prductstory6_1_1{margin-bottom:27px;}
.production02 ol.prductstory6 li.prductstory6_1_1 p{padding-bottom:12px;}
.production02 ol.prductstory6 li.prductstory6_1_1 ul.prductstory6_1{width:100%;}
.production02 ol.prductstory6 li.prductstory6_1_1 ul.prductstory6_1:after{content:""; display:block; clear:both;}
.production02 ol.prductstory6 li.prductstory6_1_1 ul.prductstory6_1 li{float:left; width:242px; margin-right:16px;}
.production02 ol.prductstory6 li.prductstory6_1_1 ul.prductstory6_1 li span{display:block; border:1px solid #d8dbdd;}
.production02 ol.prductstory6 li.prductstory6_1_1 ul.prductstory6_1 li.last{margin-right:0;}

.farm_ill{background:url("/skin/img/production/farm_bg2.jpg");width:760px;height:615px;position:relative;}
.farm_obj{position:absolute;}
.farm_obj>.obj_img{position:absolute;}
.farm_obj>.obj_img>img{width:100%;}
.farm_obj>.on>img{width:120%;}
.farm_obj>.bln{position:absolute;z-index:10;display:none;}




/*=================================================================================
* Content - Àç·áÀ̾߱â - Css
=================================================================================*/
.production04 .css-tabs { width: 100%; background: url("/skin/img/common/bg_line.gif") repeat-x left bottom; height: 37px;}
.production04 .css-tabs:after { content: ''; display: block; clear: both;}
.production04 .css-tabs li { float: left; margin-right: 1px; width: 125px;}
.production04 .css-tabs li.last { margin-right: 0;}
.production04 .css-tabs li a { display: block; background: url("/skin/img/common/tabbg2.gif") no-repeat left top; height: 37px; width: 100%; text-align: center;}
.production04 .css-tabs li a span { font-weight: bold; color: #666; display: inline-block; padding-top: 10px;}
.production04 .css-tabs li a.current { background: url("/skin/img/common/tabbg2.gif") no-repeat left bottom;}
.production04 .css-tabs li a.current span { font-size: 14px; font-weight: bold; color: #fa5100; display: inline-block; padding-top: 10px;}
.production04 .right { text-align: right;}
.production04 .mgb_30 { margin-bottom: 30px;}
.production04 h4 { margin-bottom: 20px;}
.production04 .mgb_20 { margin-bottom: 20px;}
.production04 .mgb_10 { margin-bottom: 10px;}
.production04 .co_666 { color: #666;}
.production04 .co_333 { color: #333;}
.production04 .ls_05 { letter-spacing: .5px;}
.production04 .bold { font-weight: bold;}
.production04 .pro_list li { background: url("/skin/img/common/bullet_03.gif") no-repeat left 7px; padding-left: 9px; color: #666; padding-bottom: 2px;}

/*=================================================================================
* Content - »ý»ê¹è¼Û>À§»ý°ü¸®HACCP - Css
=================================================================================*/
.production05 p.haccp_visual{border-bottom:1px solid #bdbdbd; margin-bottom:35px;}
.production05 .haccp_private p{color:#333; font-weight:bold; font-size:12px; line-height:12px;}
.production05 .haccp_private .manage li{color:#666; font-size:12px; line-height:20px; background:url("/skin/img/production/haccp_dot.gif") no-repeat left center; padding-left:13px; margin-left:3px }

.production05 .haccp_private .manage li.last{background:none; padding:3px 0 0 0; margin-left:0}
.production05 .haccp_private .orderSort{width:100%; margin-bottom:40px;}
.production05 .haccp_private .orderSort:after{content:""; display:block; clear:both;}
.production05 .haccp_private .orderSort li{float:left; width:242px; margin:0 17px 28px 0;}
.production05 .haccp_private .orderSort li.last{margin-right:0;}
.production05 .haccp_private .orderSort li.noMargin{margin-bottom:0;}
.production05 .haccp_private .orderSort li span{display:inline-block; border:1px solid #d8dbdd;}
.production05 .haccp_private .orderSort li p{border-left:1px solid #d8dbdd;border-right:1px solid #d8dbdd;border-bottom:1px solid #d8dbdd; color:#333333; font-size:12px; line-height:12px; vertical-align:middle;}
.production05 .haccp_private .orderSort li img{vertical-align:middle; margin-right:8px;}
.production05 .haccp_gubun{margin-bottom:45px; border:1px solid #d8dbdd; width:100%; }
.production05 .haccp_gubun thead tr th.first{background:#cefdff; padding:14px 0; line-height:12px; color:#2086c6; font-weight:bold; border-right:1px solid #d8dbdd; border-bottom:1px solid #d8dbdd;}
.production05 .haccp_gubun thead tr th{background:#ecffce; padding:14px 0; line-height:12px; color:#629c07; font-weight:bold;border-right:1px solid #d8dbdd; border-bottom:1px solid #d8dbdd}
.production05 .haccp_gubun thead tr th.last{background:#f3ecdc; padding:14px 0; line-height:12px; color:#915117; font-weight:bold;border-bottom:1px solid #d8dbdd;}
.production05 .haccp_gubun tbody tr td{text-align:center; padding:14px 0; line-height:12px; color:#333333;  border-right:1px solid #d8dbdd; border-bottom:1px solid #d8dbdd;}
.production05 .haccp_gubun tbody tr td.last{border-right:0;}
.production05 .haccp_see{border:1px solid #d8dbdd; padding:18px 32px 12px; 32px;}
.production05 .haccp_see p{margin-bottom:14px; text-align:center;}
.production05 .haccp_see ul{width:100%;}
.production05 .haccp_see ul:after{content:""; display:block; clear:both;}
.production05 .haccp_see ul li{float:left; margin:0 7px 8px 0;}
.production05 .haccp_see ul li.last{margin-right:0}


.production05 .haccp_evir dl dt{color:#333333; font-size:12px; line-height:12px; margin-bottom:8px; font-weight:bold;}
.production05 .haccp_evir dl dd{color:#666666; font-size:12px; line-height:20px; margin-bottom:10px;}
.production05 .haccp_evir ul.evir{width:100%; margin-bottom:30px}
.production05 .haccp_evir ul.evir:after{content:""; display:block; clear:both;}
.production05 .haccp_evir ul.evir li{float:left; width:371px; margin:0 16px 0 0;}
.production05 .haccp_evir ul.evir li.last{margin-right:0;}
.production05 .haccp_evir ul.evir li span{display:inline-block; border:1px solid #d8dbdd;}

.production05 .haccp_evir p.gita{color:#333333; font-size:12px; line-height:12px; padding-bottom:10px; font-weight:bold;}

.production05  .mgb12{margin-bottom:12px;}
.production05  .mgb15{margin-bottom:15px;}
.production05  .mgb17{margin-bottom:17px;}
.production05  .mgb20{margin-bottom:20px;}
.production05  .mgb27{margin-bottom:27px;}
.production05  .mgb45{margin-bottom:45px;}

/*=================================================================================
* Content - ÆÑÅ丮 °ßÇÐ - Css
=================================================================================*/
.production06 .mgb_20 { margin-bottom: 20px;}
.production06 #tabs-menu { width: 100%; padding-bottom: 100px; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.production06 #tabs-menu:after { content:""; display:block; clear:both;}
.production06 #tabs-menu li { float: left;}
.production06 #tabs-menu li.clear { clear: both; padding-left: 120px;}
.production06 .txtfacbox { padding-bottom: 20px; padding-top: 20px; border-bottom: 1px solid #dedede; color: #666; line-height: 16px; padding-left: 7px;}