@charset "utf-8";

body .business {}

.business .business-con {padding:100px 0; position:relative;}
.business .business-con .img {width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.business .business-con img {width:100%; height:100%;object-fit:cover;}
.business .business-con .inner {width:50%; padding:100px 100px 100px 0; background:#fff;}
.business .business-con .inner span {font-size:var(--fs14); color:#666;line-height:1.8; display:block;}
.business .business-con .inner span b {padding:0 0 0 20px; font-size:var(--fs24); color:#000; font-weight:800; display:inline-block;}
.business .business-con .inner h4 {margin:50px 0; padding:0 0 0 30px; border-left:20px solid var(--red); font-size:var(--fs24); font-weight:700; line-height:1.4; color:var(--blue);}
.business .business-con .inner h5 {font-size:var(--fs18); font-weight:800; line-height:1.8;}
.business .business-con .inner h5+p {padding:10px 0 0; font-size:var(--fs18);  line-height:1.8;}

.business .business-con.right .inner {padding:100px 0 100px 100px; margin:0 0 0 auto;}
.business .business-con.right .inner h4 {padding:0 30px 0 0; border-right:20px solid var(--red); border-left:0;}



/* 전기공사업 */
.elec {}

/* 정보통신공사업 */
.fac {}

/* 전문소방시설업 */
.fire {}

/* 기계설비공사업 */
.info {}






/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1024px) {
	
	.business .business-con {padding:0;}
	.business .business-con .img {height:40vw; min-height:250px; position:static;}
	.business .business-con .inner {padding:50px 0 0; width:100%;}
	.business .business-con .inner h4 {margin:30px 0; border-width:15px;}
	
	.business .business-con.right .inner {padding:50px 0 0; margin:0}
	.business .business-con.right .inner h4 {padding:0 0 0 30px; border-left:15px solid var(--red); border-right:0;}
	

	/* 전기공사업 */
	.elec {}
	
	/* 정보통신공사업 */
	.fac {}
	
	/* 전문소방시설업 */
	.fire {}
	
	/* 기계설비공사업 */
	.info {}
	
	
	
}


/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	
	.business .business-con {padding:0;}
	.business .business-con .img {position:static;}
	.business .business-con .inner {padding:10px 0 0; width:100%;}
	.business .business-con .inner h4 {margin:10px 0 20px; padding:0 0 0 20px; border-width:10px;}
	.business .business-con .inner h5+p {padding:5px 0 0;}
	
	.business .business-con.right .inner {padding:10px 0 0;}
	.business .business-con.right .inner h4 {padding:0 0 0 20px; border-width:10px;}
	
	/* 전기공사업 */
	.elec {}
	
	/* 정보통신공사업 */
	.fac {}
	
	/* 전문소방시설업 */
	.fire {}
	
	/* 기계설비공사업 */
	.info {}
	
	
	
}