@charset "UTF-8";

.sec-1 .box-1 {
	display: grid;
	gap: 33px;
}

.sec-1 .list-dot {
	display: grid;
	row-gap: 10px;
	margin-top: 10px;
	line-height: 1.5;
}

.customize .sec-1 .text-1 {
	margin-top: 84px;
}

@media screen and (min-width: 768px) {
	.sec-1 .box-1 {
		grid-template-columns: max-content auto;
		grid-template-rows: repeat(2, max-content) auto;
		align-items: start;
		justify-content: space-between;
	}

	.sec-1 .box-1 .list-dot {
		grid-column-start: 1;
	}

	.sec-1 .box-1 .img {
		grid-column-start: 2;
		grid-row: 1/-1;
		max-width: 728px;
	}
}

@media screen and (min-width: 1024px) {
	.sec-1 .box-1 {
		gap: 53px;
	}

	.customize .sec-1 .text-1 {
		margin-top: 118px;
	}
}