#contents.produ .section_top .back_container{background-image: url(../../img/mobile/production/top_bg_color.jpg)}
#contents.produ .section{padding: 50px 0;text-align: center}
#contents.produ .section .inner{overflow: hidden;margin: 0 20px;}
#contents.produ .section .inner h3{font-size: 18px;line-height: 23px;text-align: center;}
#contents.produ .section .inner h4{position: relative;margin: 40px 0 20px; font-size: 18px;line-height: 17px;text-align: center;color: #666666;padding-top: 18px;}
#contents.produ .section .inner h4:before{content: '';position: absolute;top:0;left:50%;width: 20px;height: 2px;margin-left: -10px;background: url(http://m.cjfreshway.com/_resource/images/common/h4_line.png) no-repeat center top;}
#contents.produ .section .inner p{font-size: 14px;line-height: 23px;color: #666666;text-align: center;padding-top: 15px;}
#contents.produ .section .inner ul li .img img{width:100%;}

#contents.produ .section.solution .inner{max-width: 100%}
#contents.produ .section.solution .inner ul{max-width: 1080px;margin: 65px auto 0;overflow: hidden}
#contents.produ .section.solution .inner ul li{text-align: left}

#contents.produ .section.solution .inner ul li .tit{font-size: 14px;line-height: 15px;color: #851901;letter-spacing: -0.5px;padding: 24px 0 10px;}
#contents.produ .section.solution .inner ul li dl{padding-bottom: 30px;}
#contents.produ .section.solution .inner ul li dl dd{position: relative;padding: 4px 0 3px 6px;font-size: 12px;line-height: 17px;color: #666666;}
#contents.produ .section.solution .inner ul li dl dd:before{content: '';position: absolute;top:10px;left:0;width: 2px;height: 2px;background: #851901;border-radius: 100%;}
#contents.produ .section.solution .inner .btn_certificate{clear: both}
#contents.produ .section.solution .inner .btn_certificate a{display: block;width: 270px;height:50px;background: url(http://m.cjfreshway.com/_resource/images/infra/foodsafety/btn_bg_pattern.png) repeat;border-radius: 50px;line-height: 50px;color: #fff;text-align: center;margin: 0 auto;font-size: 15px;letter-spacing: -0.5px; background-size:270px}


#contents.produ .section.csv{background: #f6f6f6;}
#contents.produ .section.csv .inner{max-width: 1090px}
#contents.produ .section.csv .inner ul{margin: 0 auto 0;}
#contents.produ .section.csv .inner ul li{overflow:hidden;padding: 15px 0;}
#contents.produ .section.csv .inner ul li:last-child {padding:15px 0 0 0;}
#contents.produ .section.csv .inner ul li .img{}
#contents.produ .section.csv .inner ul li .text{text-align: left;}
#contents.produ .section.csv .inner ul li .text .desc{font-size: 14px;line-height: 21px;color: #666666;letter-spacing: -0.5px;padding-bottom: 5px;padding-left: 0;}
#contents.produ .section.csv .inner ul li .text .desc:before{content: none;}
#contents.produ .section.csv .inner ul li .text .tit{font-size: 14px;line-height: 15px;color: #851901;letter-spacing: -0.5px;padding: 24px 0 10px;}
#contents.produ .section.csv .inner ul li dl{}
#contents.produ .section.csv .inner ul li dl dd{position: relative;padding: 4px 0 3px 6px;font-size: 12px;line-height: 17px;color: #666666;}
#contents.produ .section.csv .inner ul li dl dd:before{content: '';position: absolute;top:10px;left:0;width: 2px;height: 2px;background: #851901;border-radius: 100%;}


#contents.produ .section.history .inner{max-width: none;}
#contents.produ .section.history .history_list{position: relative; margin: 40px auto 0;}
#contents.produ .section.history .history_list:before {content:'';width:1px;height:100%;background:#851901;position:absolute;left:50%;top:0px;}
#contents.produ .section.history .history_list ul {position: relative;padding-top: 35px; }
#contents.produ .section.history .history_list ul:before {content:'';width:5px;height:5px;background:#851901;position:absolute;left:50%;top:0;margin-left:-2px;border-radius: 5px}
#contents.produ .section.history .history_list ul:after {content:'';width:5px;height:5px;background:#851901;position:absolute;left:50%;bottom:0;margin-left:-2px;border-radius: 5px}
#contents.produ .section.history .history_list ul li {position:relative;  padding: 0 0 0 50%}
#contents.produ .section.history .history_list ul li .year_box {position:relative;}
#contents.produ .section.history .history_list ul li.left_box {text-align:right;  padding: 0 50% 0 0}
#contents.produ .section.history .history_list ul li.left_box .year_box {padding-right:25px;}
#contents.produ .section.history .history_list ul li.left_box .year_box:before {content:'';width:3px;height:3px;border:1px solid #851901;background:#f6f6f6;border-radius:5px;position:absolute;right:-3px;top:5px;z-index:2;}
#contents.produ .section.history .history_list ul li.left_box .year_box:after {content:'';width:18px;height:1px;position:absolute;right:0;top:7px;border-top:1px solid #ececec;}
#contents.produ .section.history .history_list ul li.right_box {text-align:left;}
#contents.produ .section.history .history_list ul li.right_box .year_box {padding-left:25px;}
#contents.produ .section.history .history_list ul li.right_box .year_box:before {content:'';width:3px;height:3px;border:1px solid #851901;background:#f6f6f6;border-radius:5px;position:absolute;left:-2px;top:5px;z-index:2;}
#contents.produ .section.history .history_list ul li.right_box .year_box:after {content:'';width:18px;height:1px;position:absolute;left:0;top:7px;border-top:1px solid #ececec;}
#contents.produ .section.history .history_list ul li .year_box .year {font-size:14px;color:#61af83;line-height:14px;margin-bottom:5px;}
#contents.produ .section.history .history_list ul li .year_box .year_text {font-size:12px;line-height:18px;letter-spacing: -0.5px;}


#contents.produ .popup{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;display: none;background: rgba(0,0,0,0.6);overflow-y:auto;}
#contents.produ .popup .pop_inner {position: relative;margin:10% auto;width: 334px;background:#fff;}
#contents.produ .popup .pop_inner .pop_content{text-align: center;padding: 65px 0 10px;}
#contents.produ .popup .pop_inner .pop_content h3{font-size: 18px;line-height: 30px;color: #4f9e74;letter-spacing: -0.1px;;}
#contents.produ .popup .pop_inner .pop_content ul{font-size: 0;letter-spacing: 0;word-spacing: 0;margin-top:25px;}
#contents.produ .popup .pop_inner .pop_content ul li{display: inline-block;vertical-align: top;margin-bottom:30px;}
#contents.produ .popup .pop_inner .pop_content ul li img{width:100px;}
#contents.produ .popup .pop_inner .pop_content ul li span{display:block;font-size: 14px;line-height: 21px;letter-spacing: -0.5px;padding-top: 15px;}
#contents.produ .popup .pop_inner .btn_close {width:27px;position: absolute; display: block;top: 20px;right: 20px;z-index: 99;}