/* BK civil representative greeting — Figma 1920/390 exact layout. */
.bk-civil-renewal.about .about_intro_renewal {
	display: block;
	width: 100%;
	overflow: clip;
	background: #fff;
	color: #1a1a1a;
	font-family: var(--bk-font);
	font-synthesis: none;
}

.bk-civil-renewal.about .about_intro_renewal,
.bk-civil-renewal.about .about_intro_renewal *,
.bk-civil-renewal.about .about_intro_renewal *::before,
.bk-civil-renewal.about .about_intro_renewal *::after {
	box-sizing: border-box;
}

.bk-civil-renewal.about .about_intro_renewal h2,
.bk-civil-renewal.about .about_intro_renewal p {
	margin: 0;
	padding: 0;
}

@media (min-width: 1025px) {
	.bk-civil-renewal.about .bk-subpage-hero {
		--bk-pc-hero: calc(280 / 1920 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__content {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding: calc(17 / 1920 * 100vw) 0 calc(171 / 1920 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__lead {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: calc(90 / 1920 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__desktop-title {
		order: 2;
		width: calc(1400 / 1920 * 100vw);
		min-height: calc(122 / 1920 * 100vw);
		color: #1a1a1a;
		font-size: calc(38 / 1920 * 100vw);
		font-weight: 300;
		line-height: 1.6;
		text-align: center;
	}

	.bk-civil-renewal.about .about_intro_renewal__desktop-title strong {
		font-weight: 600;
	}

	.bk-civil-renewal.about .about_intro_renewal__mobile-title,
	.bk-civil-renewal.about .about_intro_renewal__greeting--mobile,
	.bk-civil-renewal.about .about_intro_renewal__copy--mobile,
	.bk-civil-renewal.about .about_intro_renewal__signature-mobile {
		display: none;
	}

	.bk-civil-renewal.about .about_intro_renewal__greeting--pc {
		order: 1;
		display: block;
		width: calc(1600 / 1920 * 100vw);
		height: calc(591 / 1920 * 100vw);
		border-radius: calc(40 / 1920 * 100vw);
		object-fit: cover;
	}

	.bk-civil-renewal.about .about_intro_renewal__message {
		display: flex;
		width: calc(1400 / 1920 * 100vw);
		flex-direction: column;
		align-items: center;
		gap: calc(60 / 1920 * 100vw);
		margin-top: calc(60 / 1920 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__copy--desktop {
		display: flex;
		width: 100%;
		min-height: calc(624 / 1920 * 100vw);
		flex-direction: column;
		justify-content: space-between;
		color: #1a1a1a;
		font-size: calc(24 / 1920 * 100vw);
		font-weight: 400;
		line-height: 2;
		text-align: center;
	}

	.bk-civil-renewal.about .about_intro_renewal__copy p span {
		display: block;
		white-space: nowrap;
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-area {
		position: relative;
		display: block;
		width: 100%;
		height: calc(124 / 1920 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__signature {
		position: absolute;
		left: 50%;
		top: 50%;
		width: calc(393 / 1920 * 100vw);
		transform: translate(-50%, -50%);
		color: #1a1a1a;
		font-family: "Pretendard", sans-serif !important;
		font-size: calc(24 / 1920 * 100vw);
		font-weight: 400;
		line-height: 1.6;
		text-align: right;
		white-space: nowrap;
	}

	.bk-civil-renewal.about .about_intro_renewal__signature strong {
		font-size: calc(30 / 1920 * 100vw);
		font-weight: 600;
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-pc {
		position: absolute;
		left: calc(50% + calc(212.5 / 1920 * 100vw));
		top: 50%;
		display: block;
		width: calc(202 / 1920 * 100vw);
		height: calc(115 / 1920 * 100vw);
		transform: translateY(-50%);
		object-fit: contain;
	}
}

@media (max-width: 1024px) {
	.bk-civil-renewal.about .about_intro_renewal__content {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding: calc(40 / 390 * 100vw) 0 calc(45 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__lead {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: calc(35 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__desktop-title,
	.bk-civil-renewal.about .about_intro_renewal__greeting--pc,
	.bk-civil-renewal.about .about_intro_renewal__copy--desktop,
	.bk-civil-renewal.about .about_intro_renewal__signature,
	.bk-civil-renewal.about .about_intro_renewal__signature-pc {
		display: none;
	}

	.bk-civil-renewal.about .about_intro_renewal__mobile-title {
		display: block;
		width: 100%;
		min-height: calc(105 / 390 * 100vw);
		color: #1a1a1a;
		font-size: calc(22 / 390 * 100vw);
		font-weight: 300;
		line-height: 1.6;
		text-align: center;
	}

	.bk-civil-renewal.about .about_intro_renewal__mobile-title strong {
		font-weight: 600;
	}

	.bk-civil-renewal.about .about_intro_renewal__greeting--mobile {
		display: block;
		width: calc(370 / 390 * 100vw);
		height: calc(209 / 390 * 100vw);
		border-radius: calc(9.25 / 390 * 100vw);
		object-fit: cover;
	}

	.bk-civil-renewal.about .about_intro_renewal__message {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: calc(10 / 390 * 100vw);
		margin-top: calc(35 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__copy--mobile {
		display: flex;
		width: calc(350 / 390 * 100vw);
		min-height: calc(864 / 390 * 100vw);
		flex-direction: column;
		justify-content: flex-start;
		color: #1a1a1a;
		font-size: calc(16 / 390 * 100vw);
		font-weight: 300;
		line-height: 2;
		word-break: break-all;
		letter-spacing: calc(.7 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__copy--mobile p:nth-child(2),
	.bk-civil-renewal.about .about_intro_renewal__copy--mobile p:nth-child(3) {
		margin-top: calc(32 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__copy--mobile p span {
		display: block;
		white-space: nowrap;
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-area {
		position: relative;
		display: flex;
		width: calc(350 / 390 * 100vw);
		height: calc(62 / 390 * 100vw);
		align-items: center;
		justify-content: flex-start;
		padding: 0;
		align-self: flex-start;
		margin-left: calc(20 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-mobile {
		position: static;
		display: flex;
		width: 100%;
		height: calc(62 / 390 * 100vw);
		align-items: center;
		justify-content: flex-start;
		gap: calc(8 / 390 * 100vw);
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-mobile p {
		margin: 0;
		color: #1a1a1a;
		font-family: "Pretendard", sans-serif !important;
		font-size: calc(16 / 390 * 100vw);
		font-weight: 400;
		line-height: 1.6;
		text-align: left;
		white-space: nowrap;
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-mobile p strong {
		font-size: calc(20 / 390 * 100vw);
		font-weight: 600;
	}

	.bk-civil-renewal.about .about_intro_renewal__signature-mobile img {
		position: static;
		display: block;
		width: calc(109 / 390 * 100vw);
		height: calc(62 / 390 * 100vw);
		flex: 0 0 calc(109 / 390 * 100vw);
		object-fit: contain;
	}
}