/* 형사 리뉴얼의 서브 히어로·브레드크럼 수치를 그대로 사용하는 대표/변호사 소개 공통 셸. */
.bk-civil-renewal.is-exact-profile .bk-subpage-hero,
.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb,
.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb {
	box-sizing: border-box;
	font-family: var(--bk-font);
}

.bk-civil-renewal.is-exact-profile .bk-subpage-hero {
	display: none;
}

.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb,
.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb {
	display: none;
}

/* The legacy civil layout pulls every desktop body up by 112px and adds
 * page-specific content padding. The criminal renewal shell has neither. */
.bk-civil-renewal.is-exact-profile > .body {
	margin-top: 0 !important;
}

.bk-civil-renewal.is-exact-profile .content_wrap > .bh_wrap,
.bk-civil-renewal.is-exact-profile .content_inner {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.bk-civil-renewal.is-exact-profile #content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 !important;
}

@media (max-width: 1024px) {
	.bk-civil-renewal.is-exact-profile .bk-subpage-hero {
		position: relative;
		display: block;
		height: calc(192 / 360 * 100vw);
		overflow: hidden;
		background: #005352;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__media,
	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__media img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__media img {
		object-fit: cover;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero h1 {
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: calc(31.384615 / 360 * 100vw);
		left: 0;
		margin: 0;
		color: #fff;
		font-size: calc(24 / 360 * 100vw);
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb {
		position: absolute;
		z-index: 1;
		top: calc(92.307692 / 360 * 100vw);
		left: 50%;
		display: flex;
		width: max-content;
		max-width: calc(323.076923 / 360 * 100vw);
		height: calc(15.692308 / 360 * 100vw);
		align-items: flex-start;
		justify-content: flex-start;
		margin: 0;
		opacity: .7;
		transform: translateX(-50%);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb a {
		box-sizing: border-box;
		display: flex;
		width: calc(27.692308 / 360 * 100vw);
		height: calc(15.692308 / 360 * 100vw);
		flex: 0 0 calc(27.692308 / 360 * 100vw);
		align-items: center;
		padding-right: calc(13.846154 / 360 * 100vw);
		border-right: max(.3px, calc(.3 / 390 * 100vw)) solid #94969d;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb a img {
		display: block;
		width: calc(13.846154 / 360 * 100vw);
		height: calc(13.846154 / 360 * 100vw);
		object-fit: contain;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb span,
	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb strong {
		box-sizing: border-box;
		display: flex;
		width: max-content;
		height: calc(15.692308 / 360 * 100vw);
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		padding: 0 calc(9.230769 / 360 * 100vw);
		color: #fff;
		font-size: calc(11.076923 / 360 * 100vw);
		line-height: 1.4;
		white-space: nowrap;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb span {
		border-right: max(.3px, calc(.3 / 390 * 100vw)) solid #94969d;
		font-weight: 400;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__mobile-breadcrumb strong {
		font-weight: 600;
	}
}

@media (min-width: 1025px) {
	.bk-civil-renewal.is-exact-profile .bk-subpage-hero {
		position: relative;
		display: block;
		height: calc(400 / 1920 * 100vw);
		overflow: hidden;
		background: #005352;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__media,
	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__media img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero__media img {
		object-fit: cover;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero h1 {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding-top: calc(100 / 1920 * 100vw);
		color: #fff;
		font-size: calc(48 / 1920 * 100vw);
		font-weight: 600;
		line-height: 1.4;
		text-align: center;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb {
		position: relative;
		z-index: 2;
		display: flex;
		width: min(calc(100% - calc(80 / 1920 * 100vw)), calc(1600 / 1920 * 100vw));
		height: calc(28 / 1920 * 100vw);
		align-items: center;
		justify-content: flex-end;
		margin: calc(40 / 1920 * 100vw) auto calc(100 / 1920 * 100vw);
		color: #94969d;
		font-size: calc(20 / 1920 * 100vw);
		line-height: 1.4;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb > a,
	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu {
		display: flex;
		height: calc(28 / 1920 * 100vw);
		align-items: center;
		border-right: calc(1 / 1920 * 100vw) solid rgba(148, 150, 157, .55);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb > a {
		padding: 0 calc(60 / 1920 * 100vw) 0 calc(15 / 1920 * 100vw);
		color: #94969d;
		text-decoration: none;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb > .bk-subpage-breadcrumb__home {
		padding: 0 calc(20 / 1920 * 100vw) 0 0;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__home img {
		width: calc(24 / 1920 * 100vw);
		height: calc(24 / 1920 * 100vw);
		object-fit: contain;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu {
		position: relative;
		border-right: 0;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu button {
		display: flex;
		width: calc(200 / 1920 * 100vw);
		height: calc(28 / 1920 * 100vw);
		align-items: center;
		justify-content: space-between;
		padding: 0 0 0 calc(15 / 1920 * 100vw);
		border: 0;
		background: transparent;
		color: #94969d;
		font: inherit;
		font-weight: 600;
		cursor: pointer;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu button::after {
		content: ">";
		font-size: calc(22 / 1920 * 100vw);
		font-weight: 300;
		line-height: 1;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu ul {
		position: absolute;
		top: calc(48 / 1920 * 100vw);
		left: 0;
		width: calc(217 / 1920 * 100vw);
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
		border: calc(1 / 1920 * 100vw) solid rgba(148, 150, 157, .55);
		background: #fff;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu li + li {
		border-top: calc(1 / 1920 * 100vw) solid rgba(148, 150, 157, .55);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu li a {
		display: block;
		padding: calc(10 / 1920 * 100vw) calc(15 / 1920 * 100vw);
		color: #000;
		font-size: calc(18 / 1920 * 100vw);
		font-weight: 400;
		line-height: calc(25 / 1920 * 100vw);
		text-decoration: none;
	}
}

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

	.bk-civil-renewal.is-exact-profile .bk-subpage-hero h1 {
		padding-top: calc(64 / 1920 * 100vw);
		font-size: calc(40 / 1920 * 100vw);
		font-weight: 650;
		letter-spacing: -.025em;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb {
		width: min(calc(100% - calc(64 / 1920 * 100vw)), calc(1440 / 1920 * 100vw));
		height: calc(24 / 1920 * 100vw);
		margin: calc(24 / 1920 * 100vw) auto calc(72 / 1920 * 100vw);
		font-size: calc(18 / 1920 * 100vw);
		line-height: 1.35;
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb > a,
	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu {
		height: calc(24 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb > a {
		padding-right: calc(40 / 1920 * 100vw);
		padding-left: calc(12 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb > .bk-subpage-breadcrumb__home {
		padding-right: calc(16 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__home img {
		width: calc(20 / 1920 * 100vw);
		height: calc(20 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu button {
		width: calc(176 / 1920 * 100vw);
		height: calc(24 / 1920 * 100vw);
		padding-left: calc(12 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu button::after {
		font-size: calc(21 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu ul {
		top: calc(36 / 1920 * 100vw);
		width: calc(190 / 1920 * 100vw);
	}

	.bk-civil-renewal.is-exact-profile .bk-subpage-breadcrumb__menu li a {
		padding: calc(8 / 1920 * 100vw) calc(12 / 1920 * 100vw);
		font-size: calc(18 / 1920 * 100vw);
		line-height: 1.4;
	}
}