@charset "utf-8";

/*********************************** 전체 적용 CSS ***************************** */
body{ overflow-x:hidden;overflow-y:auto; background-color:#FBFAEE; color:#444444; }
img{ display:block;width:100%;max-width:100%; }
#wrapper{ overflow:hidden }

/* 개인공통 */
.padding_h10 { padding-top: 10px; }
.padding_l2 { padding-left: 2%;}
.text_align_left { text-align: left; line-height: 150%;} 

/* 상단 이미지 및 네비 */
/*.header_image{ width:100%;background:url("/images/infra_img_01_1920.png") center no-repeat; background-size:100% 100%; display:table; }*/
/*
.header_image{ height:680px;width:100%; background:url("/images/infra_img_01.png") center no-repeat; display:table; }
.header_image  div{ color:#FFFFFF; }
.header_image > div{ display:table-cell;vertical-align:middle;text-align:center;}
.header_image > div > div:first-child{ font-size:96px; margin-top:90px; font-weight: bold; }
.header_image > div > div:nth-child(2){ font-size:28px;margin:2% 0;}
.header_image > div > div:last-child > img{ width:248px;margin:0 auto }
*/

/* 컨텐츠 정보 */
.contents_info{ max-width:980px;width:100%; margin:0 auto; }
.contents_info > div{ line-height:150%; text-align:center; }

/* 협력업체 이미지 및 설명*/
.list_foodSanitation > div { text-align: left;  line-height: 150%;}
.list_foodSanitation > div > div { line-height: 150%;}



.cooperation { text-align:left; display: inline-block; width:100%; };
.cooperation > img{ height:220px; }
.cooperation > div:first-child { width:32%; display:inline-block; margin: -4;     vertical-align: top; }
.cooperation > div:nth-child(2){ width:32%; display:inline-block; margin: 0 0.5%; vertical-align: top; }
.cooperation > div:last-child  { width:32%; display:inline-block; margin: -4;     vertical-align: top; }


/* 식재 안전 검증 이미지 및 설명*/
/*
.food { text-align:left; height:100%; display: inline-block;}
.food > img{ height:220px; }
.food > div:first-child { width:49%; display:inline-block; margin: 0 0.5%; vertical-align: top;}
.food > div:last-child  { width:49%; display:inline-block; margin: -4; vertical-align: top; }
*/

/* 사업장 위생관리 */
/*
.hygiene > div { display: inline-block; vertical-align: middle; width:100%; }
.hygiene > div:first-child { width:49%; margin-right:0.5%; }
.hygiene > div:last-child { width:49%; }
*/

/* 식재 */
.prod { text-align:left; width:100%; display: inline-block;}
.prod > div:first-child { width:49%; display:inline-block; margin: 0 0.5%; vertical-align: top;}
.prod > div:last-child  { width:49%; display:inline-block; margin: -4; vertical-align: top; }
.imgTopic {position:relative; }
.imgTopic > div {position:absolute; bottom:20px; width:100%; height:23.3%; font-size:28px; background-color: #000000; opacity: 0.6; filter: alpha(opacity=60); }
.imgTopic > div> table { width:100%; height:100%;}
.imgTopic .td2 { vertical-align:middle;  height:100%; font-size:28px; color: #FFFFFF; }
.bottomInfo > div{display: inline-block; height: 100%;}

/* 구매 경쟁력 확보*/
.buy_list{ max-width:980px; width:100%; margin:0 auto; }
.buy_list > div{ line-height:140%; text-align:center; display: inline-block; width: 23.9%; margin: 0 0.2%;} 
.buy_list > div > div:first-child { display:table;height:50px;background-color:#8FC31F;color:#ffffff; width:100%; border:solid 1px #8FC31F;} 
.buy_list > div > div:first-child > p { display:table-cell; text-align:center; vertical-align:middle; width:100%; }
.buy_list > div > div:last-child { display:table; height:100px; background-color:#FFFFFF; width:100%; border:solid 1px #8FC31F;}
.buy_list > div > div:last-child > p { display:table-cell;text-align:center;vertical-align:middle; padding: 0 8% 0 8%;}

/* 사전품질 관리 */
.quality_list { max-width:980px; width:100%; margin:0 auto; text-align:left; padding-left: 1%;} 
.quality_list > div{ line-height:140%; text-align:left; display: inline-block; width: 23.9%; margin: 0 0.2%;}
.quality_list > div > div:first-child { display:table;height:50px;background-color:#78CF84;color:#ffffff; width:100%; border:solid 1px #78CF84;} 
.quality_list > div > div:first-child > p { display:table-cell; text-align:center; vertical-align:middle; width:100%; }
.quality_list > div > div:last-child { display:table; height:100px; background-color:#FFFFFF; width:100%; border:solid 1px #78CF84;}
.quality_list > div > div:last-child > p { display:table-cell;text-align:center;vertical-align:middle; padding: 0 8% 0 8%;}

/* 까다로운 구매원칙 */
.principles_list{ max-width:980px; width:100%; margin:0 auto; }
.principles_list > div{ line-height:140%; text-align:center; display: inline-block; width: 23.9%; margin: 0 0.2%; vertical-align: top; }
.principles_list > div > div:first-child { display:table;height:50px;background-color:#8DC2D8;color:#ffffff; width:100%; border:solid 1px #8DC2D8;} 
.principles_list > div > div:first-child > p { display:table-cell; text-align:center; vertical-align:middle; width:100%; }
.principles_list > div > div:last-child { display:table; height:100px; background-color:#FFFFFF; width:100%; border:solid 1px #8DC2D8;}
.principles_list > div > div:last-child > p { display:table-cell;text-align:center;vertical-align:middle; padding: 0 8% 0 8%;}

/* 식재개발 R&D */
.development_list { text-align:left; height:100%; width:100%;}
.development_list > div > div{ height:100%; display: inline-block; vertical-align: text-top;}
.development_list > div > div:nth-child(odd){ width:48%; margin-right:1%; } 
.development_list > div > div:nth-child(even){ width:48%; margin-left:1%; text-align: left; line-height:180%;}
.development_list .development_title { font-size: 24px; color:#444444; font-weight: bold; height: 100%; }
.development_list .development_coment{ font-size: 18px; color:#444444; height: 100%; }

/* 식품개발 PROCESS */
.process > div { text-align: center; } 
.process > div > div { display: inline-block; height: 100%; margin-bottom: 30px; padding: 0px; vertical-align: top;}
.process > div > div > div { display: inline-block; width: 100%; height: 100%; }
.process img { width: 12px; height: 22px; }
.process > div > div > div:last-child { width:17px; margin: 70px 0px 0px 7px;}
.process .radius_c1 { width: 164px; height: 160px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; }
.process .radius_c2 { width: 164px; height: 160px; background-color:#AAAAAA; border-radius: 100px; vertical-align: top; }
.process .radius_c1 > div { text-align: center; margin-top: 54px; color: #FFFFFF;}
.process .radius_c2 > div { text-align: center; margin-top: 54px; color: #FFFFFF;}

/* 표준레시피 개발 */
.recipe_list > div:last-child > div { display: inline-block; vertical-align: top; text-align: left;}
/* 
.recipe_list > div:last-child > div:first-child { width: 48.5%; padding-right: 1%;}
.recipe_list > div:last-child > div:last-child { width: 48.5%; padding-left: 1%;}
 */
 .recipe_list > div:last-child > div:first-child { width: 100%; }
.recipe_list > div:last-child > div:last-child { width: 100%; }
.recipe_list .development_title { font-size: 24px; color:#444444; font-weight: bold; height: 100%; line-height:36px; }
.recipe_list .development_coment{ font-size: 18px; color:#444444; height: 100%; line-height:30px;}

/* 보관 및 배송 프로세스 */
.process2 > div > div { display: inline-block; height: 100%; margin-bottom: 30px; padding: 0px; vertical-align: top; }
.process2 > div > div > div { display: inline-block; width: 100%; height: 100%; }
.process2 img { width: 12px; height: 22px; }
.process2 > div > div > div:last-child { width:25px; margin: 90px 0px 0px 12px; }
.process2 .radius_c1 { width: 200px; height: 200px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; }
.process2 .radius_c2 { width: 200px; height: 200px; background-color:#AAAAAA; border-radius: 100px; vertical-align: top; }
.process2 .radius_c1 > div { text-align: center; margin-top: 60px; color: #FFFFFF;}
.process2 .radius_c2 > div { text-align: center; margin-top: 60px; color: #FFFFFF;} 
.process2 .radius_nbsp { width: 12px; height: 22px; }; 

/* 물류네트워크 */
.network { margin: 0 auto; padding: 0; } 
.network > div { display: inline-block; line-height: 180%; vertical-align: middle;}
.network > div:first-child { width: 30%; }
.network > div:last-child  { width: 66%; text-align: left; padding-left: 3%; }   

/* 시설컨설팅 프로세스 */
.consulting_process > div { line-height: 180%; }
.consulting_process > div > div {display: inline-block; }
.consulting_process > div > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.consulting_process > div > div:last-child  { width: 77%; text-align: left; padding-left: 1.5%; margin-top: 1%;} 
.consulting_process .radius_c3 { width: 100px; height: 100px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.consulting_process .radius_c4 { width: 100px; height: 100px; background-color:#78CF84; border-radius: 100px; vertical-align: top; color: #FFFFFF; margin-top: 10px; }
.consulting_process .radius_c5 { width: 100px; height: 100px; background-color:#6CCFDB; border-radius: 100px; vertical-align: top; color: #FFFFFF;}
.consulting_process .radius_c6 { width: 100px; height: 100px; background-color:#8DC2D8; border-radius: 100px; vertical-align: top; color: #FFFFFF;}
.consulting_process .radius_c7 { width: 100px; height: 100px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.consulting_gap{ padding-bottom:1%; }

/* ********************************** (1200 ~ 990  사이즈)85% CSS ************** */
@media screen and (max-width:1200px) and (min-width:990px){
	/* 상단 이미지 */
	/*
	.header_image{ height:578px;}
	.header_image > div > div:first-child{ font-size:82px;margin-top:77px;}
	.header_image > div > div:nth-child(2){ font-size:24px;}
	.header_image > div > div:last-child > img{ width:210px;}
	*/
}
/* ********************************** (989 ~ 768  사이즈)70% CSS **************** */
@media screen and (max-width:989px) and (min-width:768px){
	
	/* 공통패딩 */
	.padding_h10 { padding-top: 9px; }

	/* 상단 이미지 */
	/*
	.header_image{ height:491px;}
	.header_image > div > div:first-child{ font-size:70px;margin-top:65px;}
	.header_image > div > div:nth-child(2){ font-size:20px;}
	.header_image > div > div:last-child > img{ width:179px;}
	*/
	
	/*컨텐츠 정보 */
	.contents_info{ width:97%; }
	
	/* 협력업체 이미지 및 설명*/

	/* 식재 안전 검증 이미지 및 설명*/
	
	/* 사업장 위생관리 */
	
	/* 식재 이미지 및 설명 */
	.imgTopic > div { bottom:17px; font-size:24px;}
	.imgTopic .td2 { font-size:24px; }
	
	/* 구매 경쟁력 확보*/
	
	/* 사전품질 관리 */
	
	/* 까다로운 구매원칙 */
	
	/* 식재개발 R&D */ 
	.development_list > div > div:nth-child(odd){ height:230px; }
	.development_list > div > div:nth-child(even){ height:230px; }
	.development_list .development_title { font-size: 20px; }
	.development_list .development_coment{ font-size: 15px; }
	
	/* 식품개발 PROCESS */
	.process > div > div { margin-bottom: 26px; }
	.process img { width: 10px; height: 19px; }
	.process > div > div > div:last-child { width:15px; margin: 60px 0px 0px 6px;}
	.process .radius_c1 { width: 139px; height: 136px; }
	.process .radius_c2 { width: 139px; height: 136px; }
	.process .radius_c1 > div { margin-top: 42px; }
	.process .radius_c2 > div { margin-top: 42px; }
	
	/* 표준레시피 개발 */
	.recipe_list .development_title { font-size: 20px; line-height:31px; }
	.recipe_list .development_coment{ font-size: 15px; line-height:26px;}
	
	/* 보관 및 배송 프로세스 */
	.process2 > div > div {margin-bottom: 26px; line-height: 20px; line-height: 110%;}
	.process2 > div > div > div:last-child { width:20px; margin: 77px 0px 0px 10px;}
	.process2 .radius_c1 { width: 170px; height: 170px; }
	.process2 .radius_c2 { width: 170px; height: 170px; }
	.process2 .radius_c1 > div { margin-top: 51px; }
	.process2 .radius_c2 > div { margin-top: 51px; } 
	.process2 .radius_nbsp { width: 10px; height: 19px; }; 
	
	/* 시설컨설팅 프로세스 */
	.consulting_process > div { line-height: 150%; } 
	.consulting_process .radius_c3 { width: 85px; height: 85px; }
	.consulting_process .radius_c4 { width: 85px; height: 85px; margin-top: 9px; }
	.consulting_process .radius_c5 { width: 85px; height: 85px; }
	.consulting_process .radius_c6 { width: 85px; height: 85px; }
	.consulting_process .radius_c7 { width: 85px; height: 85px; }
}

/* ********************************** (767 ~ 415  사이즈)65% CSS **************** */
@media screen and (max-width:767px) and (min-width:415px){

	/* 공통패딩 */
	.padding_h10 { padding-top: 8px; }
	
	/* 상단 이미지 */
	.header_image{ background:url("/images/infra_img_01_768.png") center no-repeat; background-size:inherit; }
	
	/*
	.header_image{ height:417px;}
	.header_image > div > div:first-child{ font-size:60px;margin-top:55px;}
	.header_image > div > div:nth-child(2){ font-size:17px;}
	.header_image > div > div:last-child > img{ width:152px;}
	*/
	
	/* 컨텐츠 정보 */
	.contents_info{ width:97%; }
	
	/* 협력업체 이미지 및 설명*/
	
	/* 식재 안전 검증 이미지 및 설명*/
	
	/* 사업장 위생관리 */
	
	/* 식재 이미지 및 설명 */
	.imgTopic > div { bottom:14px; font-size:20px; }
	.imgTopic .td2  { font-size:20px; }
	
	/* 구매 경쟁력 확보*/
	
	/* 사전품질 관리 */
	
	/* 까다로운 구매원칙 */
	.principles_list > div{ line-height: 120%; }
	
	/* 식재개발 R&D */ 
	.development_list > div > div:nth-child(odd) { width:100%;height:100%;}
	.development_list > div > div:nth-child(odd) > img{ width:85%;margin:0 auto; }
	.development_list > div > div:nth-child(even){ width:85%; height:100%;}
	.development_list .development_title { font-size: 16px; vertical-align: top; }
	.development_list .development_coment{ font-size: 14px; vertical-align: top; line-height: 150%;}
	
	/* 식품개발 PROCESS */
	.process > div > div { margin-bottom: 22px; line-height: 120%;}
	.process img { width: 9px; height: 16px; }
	.process > div > div > div:last-child { width:13px; margin: 51px 0px 0px 5px;}
	.process .radius_c1 { width: 118px; height: 116px; }
	.process .radius_c2 { width: 118px; height: 116px; }
	.process .radius_c1 > div { margin-top: 35px; }
	.process .radius_c2 > div { margin-top: 35px; }
	
	/* 표준레시피 개발 */
	.recipe_list .development_title { font-size: 17px; line-height:26px; } 
	.recipe_list .development_coment{ font-size: 13px; line-height:22px; }
	.recipe_list > div:last-child > div:last-child { padding-left: 0;}
	
	/* 보관 및 배송 프로세스 */
	.process2 > div > div {margin-bottom: 22px; line-height: 100%; vertical-align: top;}  
	.process2 > div > div > div:last-child { width:18px; margin: 65px 0px 0px 8px;}
	.process2 .radius_c1 { width: 145px; height: 145px; }
	.process2 .radius_c2 { width: 145px; height: 145px; }
	.process2 .radius_c1 > div { margin-top: 43px; }
	.process2 .radius_c2 > div { margin-top: 43px; } 
	.process2 .radius_nbsp { width: 9px; height: 16px; }; 
	
	/* 물류네트워크 */
	.network img { width: 200px; height: 316px; }
	.network > div:first-child { width: 200px; height: 316px; padding-bottom: 25px; }
	.network > div:last-child  { width: 100%; } 
	
	/* 시설컨설팅 프로세스 */
	.consulting_process > div { line-height: 150%; } 
	.consulting_process .radius_c3 { width: 85px; height: 85px; }
	.consulting_process .radius_c4 { width: 85px; height: 85px; margin-top: 3%; }
	.consulting_process .radius_c5 { width: 85px; height: 85px; }
	.consulting_process .radius_c6 { width: 85px; height: 85px; }
	.consulting_process .radius_c7 { width: 85px; height: 85px; }
	
}
/* ********************************** (414미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:414px){
	/* 상단 이미지 */
	.header_image{ background:url("/images/infra_img_01_768.png") center no-repeat; background-size:inherit; }
	/*
	.header_image{ height:340px;}
	.header_image > div > div:first-child{ font-size:48px; margin-top:47px;}
	.header_image > div > div:nth-child(2){ font-size:13px;}
	.header_image > div > div:last-child > img{ width:124px;}
	*/
	
	/* 컨텐츠 정보 */
	.contents_info{ width:97%; }
	
	/* 협력업체 이미지 및 설명 */
	.cooperation > div:first-child { width:48.5%; }
	.cooperation > div:nth-child(2){ width:48.5%; }
	.cooperation > div:last-child  { width:48.5%; display:block; margin-top:15px;}
	
	/* 식재 안전 검증 이미지 및 설명*/
	.food > div:first-child { width:99%; display:block;}
	.food > div:last-child  { width:99%; display:block; padding-top: 15px;}
	
	/* 사업장 위생관리 */
	.hygiene > div:first-child{ width:100%; margin-bottom: 10px;}
	.hygiene > div:last-child { width:100%; }
	
	/* 식재 이미지 및 설명 */
	.prod > div:first-child { width:99%; display:block;}
	.prod > div:last-child  { width:99%; display:block; padding-top: 15px;}
	.imgTopic > div { bottom:10px; font-size:18px; }
	.imgTopic .td2  { height:48px; font-size:18px; }  
	
	/* 구매 경쟁력 확보*/
	.buy_list > div{ width: 48%; margin: 0 0.3%;}
	
	 /* 사전품질 관리 */
	.quality_list > div{ width: 48%; margin: 0 0.3%;}
	
	/* 까다로운 구매원칙 */
	.principles_list > div{ width: 48%; margin: 0% 0.3% 2% 0.3%;}
		
	/* 식재개발 R&D */ 
	.development_list > div > div:nth-child(odd) { width:100%; height:100%;}
	.development_list > div > div:nth-child(even){ width:100%; }
	.development_list .development_title { font-size: 16px; vertical-align: top; }
	.development_list .development_coment{ font-size: 14px; vertical-align: top; line-height: 150%;}

	/* 식품개발 PROCESS */
	.process > div > div { margin-bottom: 15px; }
	.process img { width: 6px; height: 11px; }
	.process > div > div > div:last-child { width:20px; margin: 35px 0px 0px 10px;} 
	.process .radius_c1 { width: 82px; height: 82px; }
	.process .radius_c2 { width: 82px; height: 82px; }
	.process .radius_c1 > div { margin-top: 22px; line-height: 110%; }
	.process .radius_c2 > div { margin-top: 22px; line-height: 110%; }
	.process .font_s20 { font-size: 11px;}
	.process .gap_h10 { font-size: 3px;}
	.process .line2 > div { margin-top: 12px; line-height: 110%; }  
	
	/* 표준레시피 개발 */
	.recipe_list > div:last-child > div:first-child { width: 100%; padding:0;}
	.recipe_list > div:last-child > div:last-child { width: 100%;  padding:0;}
	.recipe_list .development_title { font-size: 16px; line-height:18px;}
	.recipe_list .development_coment{ font-size: 14px; line-height:20px;}
	.recipe_list .Mgap_h14{height: 14px;}
	
	/* 보관 및 배송 프로세스 */
	.process2 > div > div {margin-bottom: 22px; line-height: 100%; vertical-align: top;}  
	.process2 > div > div > div:last-child { width:21px; margin: 50px 0px 0px 9px;}
	.process2 .radius_c1 { width: 120px; height: 120px; }
	.process2 .radius_c2 { width: 120px; height: 120px; }
	.process2 .radius_c1 > div { margin-top: 25px; }
	.process2 .radius_c2 > div { margin-top: 25px; }
	.process2 .radius_nbsp { width: 9px; height: 16px; }; 
	
	/* 물류네트워크 */
	.network img { width: 200px; height: 316px; }
	.network > div:first-child { width: 200px; height: 316px; padding-bottom: 25px; }
	.network > div:last-child  { width: 100%; }
	
	/* 시설컨설팅 프로세스 */
	.consulting_process > div > div:first-child { width: 50px; text-align: center; margin-left: 3%;}
	.consulting_process > div > div:last-child  { width: 100%; text-align: center;}
	.consulting_process > div > div:first-child > div { margin-top: 13px; }
	.consulting_process .radius_c3 { width: 50px; height: 50px; }
	.consulting_process .radius_c4 { width: 50px; height: 50px; margin-top: 8px; }
	.consulting_process .radius_c5 { width: 50px; height: 50px; }
	.consulting_process .radius_c6 { width: 50px; height: 50px; }
	.consulting_process .radius_c7 { width: 50px; height: 50px; }
	.consulting_gap{ padding-bottom:0; padding-top:1%; }
	
}