@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 }

/* 공통 CSS */
.clear {clear:both;}

/* 컬러 */
.color1 { background-color: #8FC31F;}
.color2 { background-color: #78CF84;}
.color3 { background-color: #6CCFDB;}
.color4 { background-color: #8DC2D8;}

/* 상단 이미지 및 네비 */
/*.header_image{ width:100%;background:url("/images/biz_img_tmp_01.png") center no-repeat;background-size:100% 100%; display:table; }*/

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

/* 푸드서비스 사업 -> 4개의 목표 */
.business_gole > div { display: inline-block; width:48.0%; vertical-align: top; line-height:150%; text-align:center;}								
.business_gole > div:first-child  img { width: 221px; height: 50px; margin: 0 auto;}						
.business_gole > div:nth-child(2) img { width: 144px; height: 50px; margin: 0 auto;}						
.business_gole > div:nth-child(3) img { width: 306px; height: 50px; margin: 0 auto;}
.business_gole > div:nth-child(4) img { width: 147px; height: 50px; margin: 0 auto;}						
.business_gole > div:nth-child(odd) {float:left;}
.business_gole > div:nth-child(even) {float:right;}

/* 푸드서비스 사업 -> 1.운영현황 */
.list_text > span:nth-child(2) {padding-left:20px;}
.list_text2 > span:nth-child(2) {padding-left:23px;}

.operation_list { text-align:left; height:100%; }
.operation_list > div > div{ height:100%; display: inline-block; vertical-align: text-top;}
.operation_list > div > div:nth-child(odd){ width:48%; margin-right:1%; } 
.operation_list > div > div:nth-child(even){ width:48%; margin-left:1%; text-align: left; line-height:180%;}
.operation_list .operation_title {text-align:left; vertical-align:top;}

/* 푸드서비스 사업 -> 급식운영절차 */
.food_operation > div { line-height: 180%; vertical-align: top; }
.food_operation > div > div {display: inline-block; }
.food_operation > div > div:first-child > div { text-align: center; margin-top: 41%; color: #FFFFFF; }
.food_operation > div > div:last-child  { width: 75%; text-align: left; padding-left: 1.5%; margin-top: 1%;}

.food_operation .radius_c1 { width: 100px; height: 100px; background-color:#8FC31F; border-radius: 100px; vertical-align: top; color: #FFFFFF; }
.food_operation .radius_c2 { width: 100px; height: 100px; background-color:#78CF84; border-radius: 100px; vertical-align: top; color: #FFFFFF; margin-top: 10px; }
.food_operation .radius_c3 { width: 100px; height: 100px; background-color:#6CCFDB; border-radius: 100px; vertical-align: top; color: #FFFFFF;}
.food_operation .radius_c4 { width: 100px; height: 100px; background-color:#8DC2D8; border-radius: 100px; vertical-align: top; color: #FFFFFF;}
.food_operation .radius_c5 { width: 100px; height: 100px; background-color:#96A6DA; border-radius: 100px; vertical-align: top; color: #FFFFFF; }

/* 컨센션 */
.title_image > div{width:32.5%;display:inline-block;}
.title_image > div:nth-child(2){ margin:0 0.3%; }

.logo > div{width:24.1%;display:inline-block; margin:0 0.1%; vertical-align: top; }  
.logo > div > div:first-child {height:120px; border:solid 1px #DFDED2; background-color: #ffffff;display:table;width:100%;}
.logo > div > div:first-child > div {text-align:center; padding-top: 0px;display:table-cell;vertical-align:middle;}
.logo > div > div img{width:auto; margin:0 auto; } 

.title_text > div {text-align:left;}

/* 컨센션 -> 공항 2개의 컨텐츠 */
.airport_contents{display:inline-block; width:49.0%;}

.logo2 > div{width:48.0%;display:inline-block; margin:0 0.1%; vertical-align: top; }  
.logo2 > div > div:first-child {height:120px; border:solid 1px #DFDED2; background-color: #ffffff;display:table;width:100%;}
.logo2 > div > div:first-child > div {text-align:center; padding-top: 0px;display:table-cell;vertical-align:middle;}
.logo2 > div > div img{width:auto; margin:0 auto; } 

/* 휴게소 사업 */

.rest_list { text-align:left; display: inline-block; width:100%; };
.rest_list > img{ height:190px; }

.rest_list > div:first-child { width:48%; display:inline-block; vertical-align: top; float:left;}						
.rest_list > div:last-child  { width:48%; display:inline-block; vertical-align: top; float:right;}

.rest_list .font_size28 {font-size:28px; color:#8FC31F; font-weight:bold;}
.rest_list > div p{text-align:left; line-height:150%;}

/* ********************************** (1200 ~ 990  사이즈)85% CSS ************** */
@media screen and (max-width:1200px) and (min-width:990px){
	
	/* 휴게소 사업 */
	.rest_list .font_size28 {font-size:23px;}
}
/* ********************************** (989 ~ 768  사이즈)70% CSS **************** */
@media screen and (max-width:989px) and (min-width:768px){
	
	/*컨텐츠 정보 */
	.contents_info{ width:97%; }
	
	/* 컨텐츠 정보 -> 1.운영현황 */
		
	.operation_list > div > div:nth-child(odd){ height:230px; }
	.operation_list > div > div:nth-child(even){ height:230px; }	
	
	/* 푸드서비스 사업 -> 급식운영절차 */
	.food_operation > div { line-height: 150%; }
	.food_operation .radius_c1 { width: 85px; height: 85px; }
	.food_operation .radius_c2 { width: 85px; height: 85px; margin-top: 9px; }
	.food_operation .radius_c3 { width: 85px; height: 85px; }
	.food_operation .radius_c4 { width: 85px; height: 85px; }
	.food_operation .radius_c5 { width: 85px; height: 85px; }
	
	/* 휴게소 사업 */
	.rest_list .font_size28 {font-size:20px;}
}

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

	/* 상단 이미지 */
	.header_image{ background:url("/images/biz_img_tmp_t_01.png") center no-repeat; background-size:inherit; }
		
	/* 컨텐츠 정보 */
	.contents_info{ width:97%; }
	
	/* 컨텐츠 정보 -> 1.운영현황 */		
	.operation_list > div > div:nth-child(odd) { width:100%;height:100%;}
	.operation_list > div > div:nth-child(odd) > img{ width:100%;margin:0 auto; }
	.operation_list > div > div:nth-child(even){ width:100%; height:100%;}
	.operation_list .operation_sub_title {  vertical-align: top; }
	.operation_list .operation_coment{  vertical-align: top; line-height: 150%;}
	
	.list_text > span {display:block;}
	.list_text2 > span {display:block;}
	.list_text > span:nth-child(2) {padding-left:0px;}
	.list_text2 > span:nth-child(2) {padding-left:0px;}
	
	/* 푸드서비스 사업 -> 급식운영절차 */	
	.food_operation > div { line-height: 150%; }
	.food_operation .radius_c1 { width: 85px; height: 85px; }
	.food_operation .radius_c2 { width: 85px; height: 85px; margin-top: 3%; }
	.food_operation .radius_c3 { width: 85px; height: 85px; }
	.food_operation .radius_c4 { width: 85px; height: 85px; }
	.food_operation .radius_c5 { width: 85px; height: 85px; }
	
	/* 휴게소 사업 */
	.rest_list .font_size28 {font-size:18px;}
}
/* ********************************** (414미만 사이즈 모바일) CSS**************** */
@media screen and (max-width:414px){

	/* 상단 이미지 */
	.header_image{ background:url("/images/biz_img_tmp_t_01.png") center no-repeat; background-size:inherit; }
	
	/* 컨텐츠 정보 */
	.contents_info{ width:97%; }	
	.contents_info > div:nth-child(6) > img { height: 100px; }
	
	/* 컨텐츠 정보 -> 4개의 목표 */
	.business_gole > div {width:100%; }
	.business_gole > div:nth-child(odd) {float:none;}
	.business_gole > div:nth-child(even) {float:none;}
	.business_gole > div:nth-child(3) {margin-bottom: 25px;}
	
	/* 운영현황 */ 
	.operation_list > div > div:nth-child(odd) { width:100%; height:100%;}
	.operation_list > div > div:nth-child(even){ width:100%; }
	.operation_list .operation_sub_title { vertical-align: top; }
	.operation_list .operation_coment{ vertical-align: top; line-height: 150%;}
	
	.food_operation > div > div:first-child { width: 50px; text-align: center; margin-left: 3%;}
	.food_operation > div > div:last-child  { width: 100%; text-align: center;}
	.food_operation > div > div:first-child > div { margin-top: 13px; }
	
	/* 푸드서비스 사업 -> 급식운영절차 */
	.food_operation > div > div:first-child { width: 50px; text-align: center; margin-left: 3%;}
	.food_operation > div > div:last-child  { width: 100%; text-align: center;}
	.food_operation > div > div:first-child > div { margin-top: 13px; }	
	.food_operation .radius_c1 { width: 50px; height: 50px; }
	.food_operation .radius_c2 { width: 50px; height: 50px; margin-top: 8px; }
	.food_operation .radius_c3 { width: 50px; height: 50px; }
	.food_operation .radius_c4 { width: 50px; height: 50px; }
	.food_operation .radius_c5 { width: 50px; height: 50px; }
	
	.operation_gap{ padding-bottom:0; padding-top:1%; }
	
	.list_text > span {display:block;}
	.list_text2 > span {display:block;}
	.list_text > span:nth-child(2) {padding-left:0px;}
	.list_text2 > span:nth-child(2) {padding-left:0px;}
	
	
	/* 컨센션 -> 외식 */	
	.title_image > div{width:49%;}
	.title_image > div:nth-child(2){margin:0;}
	.title_image > div:last-child{display:block; }
	
	.logo > div{width:48.5%;}
	
	/* 컨센션 -> 공항 2개의 컨텐츠 */
	.airport_contents{display:block; width:97%;} 
	
	/* 휴게소 사업 */
	.rest_list > div:first-child { width:97%; display:block; float:none;}						
	.rest_list > div:last-child  { width:97%; display:block; float:none;}
	.rest_list .font_size28 {font-size:16px;}
}