/* 시안 06: lifework-main.nob64.html:25,68. */
.lw-guide .guide-grid {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 8vw;
	align-items: center;
}
.lw-guide .guide-steps { display: grid; gap: 0; margin: 35px 0 38px; }
.lw-guide .guide-step {
	display: flex;
	gap: 20px;
	padding: 16px 0;
	border-bottom: 1px solid var(--wp--preset--color--line);
	font-size: 14px;
}
.lw-guide .guide-step p { margin: 0; font-weight: 600; }
.lw-guide .guide-step .guide-step__number {
	color: var(--wp--preset--color--text-label); /* 시안 #879d80 */
	font: 700 12px var(--wp--preset--font-family--display);
}
.lw-guide .guide-next { margin: 0; }
.lw-guide .guide-art {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 470px;
	overflow: hidden;
	background: #e6e9d7;
}
.lw-guide .guide-art::before {
	content: "";
	position: absolute;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: #c1d2b2;
	transform: translate(72px, -60px);
	box-shadow: -150px 130px 0 #d3d5b2;
}
.lw-guide .guide-art::after {
	content: "";
	position: absolute;
	left: -10%;
	bottom: 65px;
	width: 120%;
	height: 120px;
	border-radius: 100%;
	background: #8ba891;
	transform: rotate(-13deg);
}
.lw-guide .guide-paper {
	position: relative;
	z-index: 1;
	width: 225px;
	height: 290px;
	padding: 34px;
	background: #f9f8ed;
	box-shadow: 15px 22px 40px #4e6c5540;
	transform: rotate(-9deg);
	transition: transform 0.5s;
}
.lw-guide .guide-paper p { margin: 0; }
.lw-guide .guide-paper .guide-paper__small {
	font: 800 10px var(--wp--preset--font-family--display);
	letter-spacing: 0.16em;
}
.lw-guide .guide-paper .guide-paper__title {
	margin-top: 40px;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.05em;
}
.lw-guide .guide-paper .scribble {
	margin-top: 22px;
	color: #93ab8a;
	font: 500 48px var(--wp--preset--font-family--serif);
}
@media (hover: hover) and (pointer: fine) {
	.lw-guide .guide-art:hover .guide-paper { transform: rotate(-4deg) translateY(-10px); }
}
@media (max-width: 1080px) {
	.lw-guide .guide-grid { gap: 8vw; }
}
@media (max-width: 960px) {
	.lw-guide .guide-grid { gap: 50px; }
}
@media (max-width: 720px) {
	.lw-guide .guide-grid { grid-template-columns: 1fr; gap: 30px; }
	.lw-guide .guide-art { min-height: 390px; }
}
@media (max-width: 480px) {
	.lw-guide .guide-grid { gap: 30px; }
}