/* 상단 메뉴 */
.lnb_service {width:825px; margin:0 auto 50px 300px}
.lnb_service li {float:left; width:195px; margin-left:13px; border:1px solid #d7d7d7}
.lnb_service li:first-child {margin-left:0}



/* 단체급식 */
.meals p.img {text-align:center; margin:30px 0}
.meals p.img img {width:50px; }
.meals .row01 {font-size:25px; color:#404040; text-align:center; line-height:35px}

.meals .row02 {border: 4px dotted #777; }
.meals .row02 .subtitle {font-family: 'NotoSansKR-Medium'; color:#404040; font-size:30px; line-height:32px; text-align:center}
.meals .row02 .subtitle:before {position: absolute;top: 0px;left: 0;width: 0x;height: 0px;background-color: #79aa3f;content: "";transform: skew(-45deg);margin-left: 0px;}
.meals .row02 .circle_list, .box_list {text-align: center;margin-bottom: 0px;overflow: hidden; }
.meals .row02 .circle_list > li {display: inline-block;vertical-align: top;margin: 0 8px;width: calc(100% / 5);}

.meals .row02 .circle_list > li .shape {position:relative; display:inline-block;width: 220px;height: 200px;background-color: #fff;border: 0px solid #e1e1e1;border-radius: 0;text-align: center;color: #646464;line-height: 24px;}
.meals .row02 .circle_list > li .shape:after {content:'';display:block;clear:both; z-index:999; position:absolute; left:0; top:36%; margin-left:-20px; width:20px; height:20px; background:url(/images/meals_icon03.jpg) no-repeat; background-size:20px;}
.meals .row02 .circle_list > li .line_height4:after {margin-left:-30px}
.meals .row02 .circle_list > li:first-child .shape:after  {background:none;}

.meals .row02 .circle_list > li .shape.line_height1,
.meals .row02 .circle_list > li .shape.line_height2,
.meals .row02 .circle_list > li .shape.line_height3,
.meals .row02 .circle_list > li .shape.line_height4 {padding-top: 25px; color:#404040}
.meals .row02 .circle_list i {color:#000}
.meals .row02 .circle_list em {display:inline-block; font-family: 'NotoSansKR-Medium'; color:#568636; font-size:25px; line-height:30px; padding-bottom:5px; border-bottom:1px solid #000}
.meals .row02 .circle_list span {display:block; margin-top:10px; line-height:20px}

.meals .row03 div {width:45%; margin:0 auto;  padding:2%; background:linear-gradient(to right, #77ac2d, #00998e, #006ead)}
.meals .row03 h4 {font-size:20px; color:#fff; text-align:center}
.meals .row03 p {font-size:25px; color:#fff; text-align:center}


/* 해외사업 */
.business .row01 h4 {font-size:15px; color:#404040}
.business .row01 h4 em {font-size:20px; color:#000}
.overseas .row01 h4 em {font-size:23px; color:#568636}


/* 주요사업장 */
.place .row02 {padding-bottom:0px}
.place .row p.img {width:calc(80% - 14px);margin:0 auto; border:1px solid #ddd; text-align:center; padding:3%; background:#f5f5f5; box-shadow: 1px 1px 9px 2px rgba(163, 174, 184, 0.4);}
.place .row p.img img {width:calc(100% - 2px);border-top:2px solid #fff; border-left:2px solid #fff; border-right:2px solid #aaa; border-bottom:2px solid #aaa}
.place .row01 h4 {text-align:center; font-size:20px; color:#000; margin:0 0 20px}
.place .row01 .empty {height:40px}


.place .row02 h4,
.place .row03 h4,
.place .row04 h4,
.place .row05 h4,
.place .row06 h4,
.place .row07 h4,
.place .row08 h4,
.place .row09 h4 {text-align:center; font-size:20px; color:#000; margin:50px 0 20px}



@media all and (max-width:1250px)
{
	/* 단체급식 */
	.meals .row02 .circle_list > li .shape:after {left:50%; margin-left:-10vw;}
	.meals .row02 .circle_list > li .line_height4:after {margin-left:-11vw;}
}

@media all and (max-width:1024px)
{
	/* 단체급식 */
	.meals .row02 {border: 3px dotted #777; padding-bottom:25px}
	.meals .row02 .circle_list > li {float:none; clear:both; width: 100%; margin:0 !important; padding:0% !important}
	.meals .row02 .circle_list > li .shape {width:100%; height:auto; }
	.meals .row02 .circle_list > li .shape {position:relative; margin:20px 0}
	.meals .row02 .circle_list > li .line_height1 {margin-top:0}
	.meals .row02 .circle_list > li .shape:after {left:0; top:-15px; margin-left:0; width:100%; height:20px; background:url(/images/meals_icon03.jpg) center no-repeat; background-size:20px;}


	/* 주요사업장 */
	.place .row01 h4 {font-size:17px; margin:0 0 15px}
	.place .row02 h4,
	.place .row03 h4,
	.place .row04 h4,
	.place .row05 h4,
	.place .row06 h4,
	.place .row07 h4,
	.place .row08 h4,
	.place .row09 h4 {font-size:17px; margin:30px 0 15px}
}



@media all and (max-width:820px)
{
	/* 단체급식 */
	.meals .row01 {font-size:20px; line-height:27px}
    .meals .row02 .subtitle {font-size: 25px;margin-bottom:0;}
	.meals .row02 .circle_list i {font-style: normal; color:#000; font-size:14px;}
	.meals .row02 .circle_list em {font-size:21px;}	
	.meals .row02 .circle_list span {display:block; font-size:15px;}	
	.meals .row03 h4 {font-size:17px;}
	.meals .row03 p {font-size:20px;}
}




@media all and (max-width:520px)
{	
	/* 단체급식 */
	.meals .row01 {font-size:16px; line-height:22px}
	.meals .empty {height:12px}	
	.meals .row03 h4 {font-size:13px;}
	.meals .row03 p {font-size:16px;}


	.meals p.img {text-align:center; margin:20px 0}
	.meals p.img img {width:35px; }


	.meals .row02 {border: 2px dotted #777}
    .meals .row02 .subtitle {font-size: 20px; margin: 0px; padding:15px}	
	.meals .row02 .circle_list i {font-style: normal; color:#000; font-size:12px; line-height:20px; margin-right:5px}
	.meals .row02 .circle_list em {font-size:17px; line-height:20px}	
	.meals .row02 .circle_list span {display:block; font-size:13px; line-height:17px}	


	.meals .row02 .circle_list > li .shape {height:100px}
	.meals .row02 .circle_list > li .shape:after {left:0; top:0; margin-left:0; width:100%; height:12px; background:url(/images/meals_icon03.jpg) center no-repeat; background-size:12px;}
}



@media all and (max-width:450px)
{	 
}


@media all and (max-width:420px)
{	
	/* 단체급식 */
	.meals .row03 div {width:80%;}


	/* 해외사업 */
	.business .row01 h4 {font-size:13px}
	.business .row01 h4 em {font-size:17px}
	.business .row02 .empty {height:12px}


	/* 연구개발 */
	.rnd .row01 {font-size:13px; line-height:20px !important;}	
	

	/* 주요사업장 */
	.place .row p.img {width:100%; margin:0 auto; border:0px solid #ddd; text-align:center; padding:0; background:none; box-shadow: none;}
	.place .row p.img img {width:100%;border:0}
	.place .row01 .empty {height:20px}
	.place .row01 h4 {font-size:15px; margin:0 0 10px}

	.place .row02 h4,
	.place .row03 h4,
	.place .row04 h4,
	.place .row05 h4,
	.place .row06 h4,
	.place .row07 h4,
	.place .row08 h4,
	.place .row09 h4  {font-size:15px; margin:20px 0 10px}	

}