@charset "UTF-8";

/* 식판천사소개 */
.subContents h3 {font-size:54px; font-weight:600; color:#2947CA; margin-bottom:40px;}
.chapter-attached {padding-bottom:31.25%; margin-top:var(--space); margin-bottom:80px; --space:120px;}
.chapter-attached.bg01 {background:url(../images/sub01_img01.jpg) no-repeat 50% 50%/80% auto; background-attachment:fixed;}
.chapter-attached.bg02 {background:url(../images/sub01_img02.jpg) no-repeat 50% 50%/90% auto; background-attachment:fixed;}
.chapter-attached.bg03 {background:url(../images/sub01_img03.jpg) no-repeat 50% 50%/90% auto; background-attachment:fixed;}
.chapter-attached.bg04 {background:url(../images/sub01_img04.jpg) no-repeat 50% 50%/90% auto; background-attachment:fixed;}
.txt01 {font-size:30px; font-weight:600;}
.comp_con01 {margin-left:40%;}
.comp_tt {font-size:20px;}
.radius_img {border-radius:50%;}

/* 사업소개 */
.gray_box {background:#f7f7f7; padding:30px;}

/* 식판세척과정 */
.round_step,.img_step {display:flex; flex-wrap:wrap;}
.round_step li,.img_step li {width:25%; margin-top:50px; position:relative;}
.round_step li:before {position:absolute; content:''; height:1px; width:100%; background:#2947CA; top:98px; left:110px;}
.round_step li:nth-child(4n):before, .round_step li:last-child:before {display:none;}
.round_step li .tit {font-size:18px; border:3px solid #2947CA; color:#2947CA; width:200px; height:200px; border-radius:100%; display:flex; align-items:center; justify-content:center; margin:0 auto; z-index:1; background:#fff; position:relative; transition:0.2s;}
.round_step li .txt {text-align:center; width:80%; margin:15px auto 0; letter-spacing:-0.5px; font-size:20px;}

.img_step li {padding:0 10px;}

/* 다회용기렌탈&세척 */
.bus02_top {overflow:hidden; padding:150px 50px 0 50px;}
.bus02_top_con {background:#004B86; color:#fff; padding:35px; width:45%; float:right; font-size:18px;}
.bus02_top_con > p {font-size:23px; margin-top:28px; line-height:35px; letter-spacing:-1px;}
.bus02_top.bg01 {background:url(../images/bus02_top01.jpg)no-repeat left top;}
.bus02_top.bg02 {background:url(../images/sub02_img09.jpg)no-repeat left top; height:460px;}
.bus02_top.bg03 {background:url(../images/bus02_top02.jpg)no-repeat left top;}


/*media query*/
@media screen and (max-width:1280px) {
	
}

@media screen and (max-width:1024px) {
	
}

@media screen and (max-width:960px) {
	
}

@media screen and (max-width:768px) {
	.comp_con01 {margin-left:0;}

	/* 식판세척과정 */
	.round_step li {width:100%; margin-top:50px;}
	.round_step li:before {height:100%; width:1px; left:50%; z-index:-1;}
	.round_step li:nth-child(4n):before {display:block;}
	.round_step li .txt {margin:15px auto 0; background: #fff;}
	.img_step li {width:50%; margin-top:50px;}

	/* 다회용기렌탈&세척 */
	.bus02_top {padding:200px 20px 0 20px;}
	.bus02_top_con {padding:25px; width:100%; font-size:15px;}

	.chapter-attached.bg01 {background:url(../images/sub01_img01.jpg) no-repeat 50% 50%/100% auto;}
	.chapter-attached.bg02 {background:url(../images/sub01_img02.jpg) no-repeat 50% 50%/100% auto;}
	.chapter-attached.bg03 {background:url(../images/sub01_img03.jpg) no-repeat 50% 50%/100% auto;}
	.chapter-attached.bg04 {background:url(../images/sub01_img04.jpg) no-repeat 50% 50%/100% auto;}
}

@media screen and (max-width:640px) {
	.subContents h3 {font-size:24px; margin-bottom:20px;}
	.chapter-attached {margin-bottom:40px; --space:40px;}
	.comp_tt {font-size:16px;}
	.gray_box {padding:15px;}
	.round_step li .txt {font-size:16px;}
}

@media screen and (max-width:480px) {
	
}