section {
	margin: 40px auto;
	width: 95%;
}

h1 {
	text-align: center;
	font-size: 2.5rem;
	border-bottom: var(--donghee-blue) 2px solid;
	padding-bottom: 32px;
	margin-bottom: 64px;
}

.banner {
	background: left 10% / cover no-repeat url("/assets/images/banner-manufacturing.jpg");
}

.technology.welding :nth-child(3) {
	background: center / cover no-repeat url("/assets/images/welding-mag.jpg");
	display: none;
}
.technology.welding :nth-child(4) {
	background: center 90% / cover no-repeat url("/assets/images/welding-mig.webp");
	display: none;
}
.technology.welding :nth-child(7) {
	background: center / cover no-repeat url("/assets/images/welding-tig.webp");
	display: none;
}
.technology.welding :nth-child(8) {
	background: center / cover no-repeat url("/assets/images/welding-spot.jpg");
	display: none;
}
.technology.welding :nth-child(11) {
	background: center / cover no-repeat url("/assets/images/welding-projection.webp");
	display: none;
}
.technology.welding :nth-child(12) {
	background: center 50% / cover no-repeat url("/assets/images/welding-seam.jpg");
	display: none;
}
.technology.welding :nth-child(15) {
	background: center / cover no-repeat url("/assets/images/welding-fsw.jpg");
	display: none;
}
.technology.welding :nth-child(16) {
	background: center 50% / cover no-repeat url("/assets/images/welding-plastic.jpg");
	display: none;
}
.technology.painting :nth-child(3) {
	background: center 90% / cover no-repeat url("/assets/images/painting-electrophoresis.jpg");
	display: none;
}
.technology.painting :nth-child(4) {
	background: center / cover no-repeat url("/assets/images/painting-spray.jpg");
	display: none;
}
.technology.blow-molding :nth-child(3) {
	background: center / cover no-repeat url("/assets/images/bmm.png");
	display: none;
}

.technology {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.technology > div {
	width: 50%;
	padding: 16px;
	flex: 0 0 100%;
}

.technology h1 {
	flex: 0 0 100%;
}

.technology h2 {
	text-align: center;
}

.technology p {
	line-height: 1rem;
}

.technology.welding :nth-child(2),
.technology.welding :nth-child(5),
.technology.welding :nth-child(6),
.technology.welding :nth-child(9),
.technology.welding :nth-child(10),
.technology.welding :nth-child(13),
.technology.welding :nth-child(14),
.technology.welding :nth-child(17),
.technology.painting :nth-child(2),
.technology.painting :nth-child(5),
.technology.blow-molding :nth-child(2) {
	background-color: rgb(226, 226, 226);
}

@media (min-width: 65rem) {
	section {
		width: 80%;
	}

	.technology p {
		line-height: 1.7rem;
	}
}

@media (min-width: 35rem) {
	.technology.welding :nth-child(3),
	.technology.welding :nth-child(4),
	.technology.welding :nth-child(7),
	.technology.welding :nth-child(8),
	.technology.welding :nth-child(11),
	.technology.welding :nth-child(12),
	.technology.welding :nth-child(15),
	.technology.welding :nth-child(16),
	.technology.painting :nth-child(3),
	.technology.painting :nth-child(4),
	.technology.blow-molding :nth-child(3) {
		display: block;
	}

	.technology > div {
		min-height: 400px;
		flex: 0 0 50%;
	}
}