/* common */

/* 서브 페이지: 배너 없음 → 헤더 static, wrap 패딩 제거 */
body.is-sub .header__main {
	position: static;
	top: auto;
	transition: none;
}
body.is-sub #wrap { padding-top: 0; }
*{word-break: keep-all; overflow-wrap: break-word;}

#wrap{padding-top: 0 !important;}

/* ===== Sub Visual ===== */
#sv {
	background: var(--color-white);
	display: flex;
	align-items: center;
}

/* 탭 없는 독립 서브 비주얼 (policy, search 등 $num=0 페이지) */
#subContents:has(.sv__inner--no-tab) {
	padding: 0;
}
.sv__inner--no-tab {
	background: var(--color-white);
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 0;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sv__inner {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 80px 0;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 40px;
}

/* 브레드크럼 */
.sv__crumb-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.sv__crumb-item {
	display: flex;
	align-items: center;
}

.sv__crumb-home {
	display: flex;
	align-items: center;
	color: inherit;
}

.sv__crumb-text {
	font-size: 15px;
	letter-spacing: -0.30px;
	font-family: var(--baseFont);
	font-weight: 400;
	color: var(--color-gray-mid);
	line-height: 1.3;
}

/* 타이틀 + 셀렉트 */
.sv__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sv__title {
	margin: 0;
	font-size: 64px;
	letter-spacing: -1.28px;
	font-family: var(--baseFont);
	font-weight: 700;
	color: var(--color-primary);
	line-height: 1.3;
}

/* 커스텀 드롭다운 */
.sv__sel-wrap {
	display: flex;
	gap: 10px;
}

.sv__sel {
	position: relative;
	width: 280px;
}

.sv__sel-btn {
	width: 100%;
	height: 65px;
	padding: 0 40px;
	background: var(--color-bg-light);
	border: none;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	transition: border-radius 0.2s ease;
}

.sv__sel-btn[aria-expanded="true"] {
	border-radius: 20px 20px 0 0;
}

.sv__sel-text {
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	color: var(--color-black);
	line-height: 23.4px;
	text-align: left;
}

.sv__sel-arrow {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.sv__sel-btn[aria-expanded="true"] .sv__sel-arrow {
	transform: rotate(180deg);
}

.sv__sel-list {
	display: flex;
	position: absolute;
	top: 100%;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0 40px 20px;
	list-style: none;
	background: var(--color-bg-light);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 15px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-6px);
	transition:
		opacity 0.22s ease,
		transform 0.22s ease,
		visibility 0s linear 0.22s;
}

.sv__sel-list.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition:
		opacity 0.26s ease,
		transform 0.26s ease,
		visibility 0s linear 0s;
}

.sv__sel-list li[aria-selected="true"] a {
	color: var(--color-black);
	font-weight: 600;
}

.sv__sel-list li a {
	display: block;
	padding: 0;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 23.4px;
	color: var(--color-gray-pale);
	text-decoration: none;
	white-space: nowrap;
	transition: color 0.15s ease;
}

.sv__sel-list li a:hover {
	color: var(--color-black);
}

/* ===== Sub Contents ===== */
#subContents {
	padding: 80px 0;
}

#subContents .inner {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* ===== Greeting (인사말) ===== */
.greeting-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0 0 120px; /* 상단 80px은 #subContents padding / 하단 합산 200px */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* 이미지 영역 — 합성 1장 히어로 */
.greeting__img {
	position: relative;
	overflow: hidden;
}

.greeting__hero {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* 텍스트 영역 */
.greeting__txt {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* h2 + 구분 바 */
.greeting__h2 {
	display: flex;
	flex-direction: column;
	gap: 57px;
}

.greeting__heading {
	margin: 0;
	color: var(--color-primary);
	font-size: 48px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 72px;
	letter-spacing: -0.96px;
}

.greeting__bar {
	width: 100px;
	height: 3px;
	background: var(--color-primary);
}

/* 본문 단락 */
.greeting__p {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.greeting__p p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 20px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 34px;
	letter-spacing: -0.4px;
}

.greeting__p p.greeting__sign {
	color: var(--color-primary);
	font-size: 22px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.44px;
}

.greeting__sign br{display:none;}

/* ===== Location (오시는길) ===== */
.eng { font-family: var(--engFont); }

#subContents:has(.location) {
	padding: 80px 0 200px;
	box-sizing: border-box;
}

.location__top {
	display: flex;
	align-items: flex-start;
	gap: clamp(40px, 6.25vw, 120px);
	padding-bottom: 80px;
	border-bottom: 1px solid var(--color-border);
}

.location__txt {
	flex: 1;
	min-width: 0;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: clamp(32px, 4vw, 80px);
}

.location__heading {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.location__title {
	margin: 0;
	color: var(--color-primary);
	font-size: 48px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.96px;
}

.location__desc {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 20px;
	font-family: var(--baseFont);
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: -0.4px;
}

.location__info {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.location__cta {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	padding: 10px 30px;
	background: var(--color-primary);
	border-radius: 100px;
	color: var(--color-white) !important;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s ease;
}

.location__cta:hover {
	background: var(--color-primary-dark);
}

.location__contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.location__contact-item {
	display: flex;
	align-items: center;
}

.location__contact-label {
	width: clamp(140px, 32%, 200px);
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: clamp(12px, 2vw, 20px);
}

.location__contact-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(23, 51, 73, 0.10);
	flex-shrink: 0;
}

.location__contact-name {
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.location__contact-value {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 400;
	line-height: 1.3;
}

.location__map-wrap {
	flex-shrink: 0;
	width: 640px;
	max-width: 100%;
}

.location__map {
	width: 640px;
	max-width: 100%;
	height: 640px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.location__map .root_daum_roughmap {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
}

.location__map .root_daum_roughmap .wrap_map,
.location__map .root_daum_roughmap .wrap_controllers,
.location__map .root_daum_roughmap iframe {
	width: 100% !important;
	height: 100% !important;
}

.location__transport {
	padding-top: 80px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.location__transport-title {
	margin: 0;
	color: var(--color-black);
	font-size: 32px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.64px;
}

.location__transport-body {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.location__transport-section {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.location__transport-subtitle {
	margin: 0;
	color: var(--color-black);
	font-size: 20px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.4px;
}

.location__subway {
	display: flex;
	align-items: center;
	gap: 20px;
}

.location__tags {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
}

.location__tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	border-radius: 100px;
	font-size: 16px;
	letter-spacing: -0.32px;
	font-weight: 600;
	line-height: 1;
}

.location__tag--line2 {
	width: 30px;
	background: #3CB44A;
	color: var(--color-white);
	font-family: var(--engFont);
}

.location__tag--bundang {
	padding: 0 15px;
	background: #FFCE33;
	color: var(--color-white);
	font-family: var(--baseFont);
}

.location__subway-desc {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -0.36px;
}

.location__subway-desc strong {
	font-weight: 600;
}

.location__parking {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.location__parking li {
	color: var(--color-gray-dark);
	font-size: 18px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -0.36px;
}

.location__parking li::before {
	content: '- ';
}

.location__parking strong {
	font-weight: 600;
}
/* ===== //Location ===== */

.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4,
.root_daum_roughmap .cont{display: none !important;}

/* ===== Belief (새율의 신념) ===== */
#subContents:has(.belief) {
	padding-bottom: 120px;
}

.belief {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* 인트로 */
.belief__intro {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.belief__intro-h2 {
	margin: 0;
	color: var(--color-primary);
	font-size: 48px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 72px;
	letter-spacing: -0.96px;
}

.belief__intro-p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 20px;
	font-family: var(--baseFont);
	font-weight: 400;
	line-height: 34px;
	letter-spacing: -0.4px;
}

/* 신념 아이템 (01, 03) */
.belief__item {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.belief__item-img {
	flex-shrink: 0;
	width: 640px;
	height: 480px;
	overflow: hidden;
}

.belief__item-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.belief__item-txt {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.belief__item-head {
	padding-left: 120px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.belief__item-body {
	padding-left: 120px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.belief__item-title {
	margin: 0;
	color: var(--color-primary);
	font-size: 32px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 48px;
	letter-spacing: -0.64px;
}

.belief__item-quote {
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.48px;
}

.belief__item-body p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: -0.36px;
}

.belief__item-body strong {
	font-weight: 600;
}

/* 다크 섹션 (02, full-bleed) */
.belief__dark {
	background: linear-gradient(180deg, #22445E 0%, #001627 100%);
	padding: 80px 0;
}

.belief__dark-inner {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

/* 다크 섹션 내부: 텍스트 패딩 방향 반전 (좌→우), 색상 오버라이드 */
.belief__dark .belief__item-head {
	padding-left: 0;
	padding-right: 120px;
	border-bottom-color: rgba(255, 255, 255, 0.10);
}

.belief__dark .belief__item-body {
	padding-left: 0;
	padding-right: 120px;
}

.belief__dark .belief__item-title {
	color: #F3E2B3;
}

.belief__dark .belief__item-quote {
	color: var(--color-white);
}

.belief__dark .belief__item-body p {
	color: var(--color-white);
}

/* ===== Belief 반응형 ===== */

/* 1600px 이하 */
@media (max-width: 1600px) {
	.belief {
		gap: 60px;
	}

	.belief__item-img {
		width: 560px;
		height: 420px;
	}

	.belief__item-head {
		padding-left: 100px;
		padding-bottom: 30px;
		gap: 16px;
	}

	.belief__item-body {
		padding-left: 100px;
		gap: 16px;
	}

	.belief__intro-h2 {
		font-size: 40px;
		line-height: 60px;
		letter-spacing: -0.8px;
	}

	.belief__intro-p {
		font-size: 18px;
		letter-spacing: -0.36px;
		line-height: 30px;
	}

	.belief__item-title {
		font-size: 28px;
		letter-spacing: -0.56px;
		line-height: 42px;
	}

	.belief__item-quote {
		font-size: 21px;
		letter-spacing: -0.42px;
	}

	.belief__item-body p {
		font-size: 16px;
		letter-spacing: -0.32px;
	}

	.belief__dark-inner {
		width: 93.75%;
	}

	.belief__dark .belief__item-head {
		padding-right: 100px;
	}

	.belief__dark .belief__item-body {
		padding-right: 100px;
	}

	#subContents:has(.belief) {
		padding-bottom: 100px;
	}
}

/* 1280px 이하 */
@media (max-width: 1280px) {
	.belief {
		gap: 50px;
	}

	#subContents:has(.belief) {
		padding-bottom: 80px;
	}

	.belief__intro {
		width: 91.67%;
		gap: 24px;
	}

	.belief__intro-h2 {
		font-size: 36px;
		line-height: 54px;
		letter-spacing: -0.72px;
	}

	.belief__intro-p {
		font-size: 16px;
		letter-spacing: -0.32px;
		line-height: 28px;
	}

	.belief__item {
		width: 91.67%;
		flex-direction: column;
		gap: 40px;
	}

	.belief__item-img {
		width: 100%;
		height: 360px;
		flex-shrink: 0;
	}

	.belief__item-head {
		padding-left: 0;
		padding-bottom: 24px;
		gap: 12px;
	}

	.belief__item-body {
		padding-left: 0;
		gap: 16px;
	}

	.belief__item-title {
		font-size: 24px;
		letter-spacing: -0.48px;
		line-height: 36px;
	}

	.belief__item-quote {
		font-size: 18px;
		letter-spacing: -0.36px;
	}

	.belief__item-body p {
		font-size: 15px;
		letter-spacing: -0.30px;
		line-height: 1.65;
	}

	.belief__dark {
		padding: 60px 0;
	}

	.belief__dark-inner {
		width: 91.67%;
		flex-direction: column;
		gap: 40px;
	}

	.belief__dark .belief__item-img {
		width: 100%;
		height: 360px;
	}

	.belief__dark .belief__item-head {
		padding-right: 0;
		padding-bottom: 24px;
	}

	.belief__dark .belief__item-body {
		padding-right: 0;
	}
}

/* 1024px 이하 */
@media (max-width: 1024px) {
	.belief {
		gap: 40px;
	}

	#subContents:has(.belief) {
		padding-bottom: 60px;
	}

	.belief__intro {
		width: 91.67%;
		gap: 20px;
	}

	.belief__intro-h2 {
		font-size: 28px;
		line-height: 42px;
		letter-spacing: -0.56px;
	}

	.belief__intro-p {
		font-size: 15px;
		letter-spacing: -0.30px;
		line-height: 26px;
	}

	.belief__item {
		width: 91.67%;
	}

	.belief__item-img {
		height: 320px;
	}

	.belief__item-head {
		padding-bottom: 20px;
		gap: 10px;
	}

	.belief__item-body {
		gap: 14px;
	}

	.belief__item-title {
		font-size: 22px;
		letter-spacing: -0.44px;
		line-height: 33px;
	}

	.belief__item-quote {
		font-size: 16px;
		letter-spacing: -0.32px;
		line-height: 1.4;
	}

	.belief__item-body p {
		font-size: 14px;
		letter-spacing: -0.28px;
		line-height: 1.6;
	}

	.belief__dark {
		padding: 50px 0;
	}

	.belief__dark-inner {
		width: 91.67%;
	}
}

/* 768px 이하 */
@media (max-width: 768px) {
	.belief {
		gap: 30px;
	}

	#subContents:has(.belief) {
		padding-bottom: 50px;
	}

	.belief__intro {
		width: 91.67%;
		gap: 16px;
	}

	.belief__intro-h2 {
		font-size: 24px;
		line-height: 36px;
		letter-spacing: -0.48px;
	}

	.belief__intro-p {
		font-size: 14px;
		letter-spacing: -0.28px;
		line-height: 24px;
	}

	.belief__item {
		width: 91.67%;
	}

	.belief__item-img {
		height: 280px;
	}

	.belief__item-head {
		padding-bottom: 16px;
		gap: 8px;
	}

	.belief__item-body {
		gap: 12px;
	}

	.belief__item-title {
		font-size: 20px;
		letter-spacing: -0.40px;
		line-height: 30px;
	}

	.belief__item-quote {
		font-size: 15px;
		letter-spacing: -0.30px;
		line-height: 1.35;
	}

	.belief__item-body p {
		font-size: 13px;
		letter-spacing: -0.26px;
		line-height: 1.55;
	}

	.belief__dark {
		padding: 40px 0;
	}

	.belief__dark-inner {
		width: 91.67%;
	}
}

/* 480px 이하 */
@media (max-width: 480px) {
	.belief {
		gap: 24px;
	}

	#subContents:has(.belief) {
		padding-bottom: 40px;
	}

	.belief__intro {
		width: 91.67%;
		gap: 14px;
	}

	.belief__intro-h2 {
		font-size: 18px;
		line-height: 27px;
		letter-spacing: -0.36px;
	}

	.belief__intro-p {
		font-size: 13px;
		letter-spacing: -0.26px;
		line-height: 22px;
	}

	.belief__item {
		width: 91.67%;
	}

	.belief__item-img {
		height: 240px;
	}

	.belief__item-head {
		padding-bottom: 14px;
		gap: 6px;
	}

	.belief__item-body {
		gap: 10px;
	}

	.belief__item-title {
		font-size: 18px;
		letter-spacing: -0.36px;
		line-height: 27px;
	}

	.belief__item-quote {
		font-size: 14px;
		letter-spacing: -0.28px;
		line-height: 1.3;
	}

	.belief__item-body p {
		font-size: 12px;
		letter-spacing: -0.24px;
		line-height: 1.5;
	}

	.belief__dark {
		padding: 30px 0;
	}

	.belief__dark-inner {
		width: 91.67%;
	}
}

/* ===== //Belief ===== */

/* ===== Lawyer (변호사소개) ===== */
#subContents:has(.lawyer-con) {
	padding: 0 0 120px;
}

.lawyer-con {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

/* 탭 */
.lawyer__tab {
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid var(--color-border);
}

.lawyer__tab-btn {
	flex: 1 1 0;
	padding: 25px 10px;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	cursor: pointer;
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	color: var(--color-gray);
	line-height: 1.3;
	transition: color 0.2s, border-color 0.2s;
	white-space: nowrap;
}

.lawyer__tab-btn.is-on {
	color: var(--color-primary);
	border-bottom-color: var(--color-primary);
}

/* 패널 */
.lawyer__panels {
	position: relative;
}

.lawyer__panel {
	display: none;
}

.lawyer__panel.is-on {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 120px;
	padding-top: 77px;
}

/* 왼쪽 사진 + 이전/다음 버튼 */
.lawyer__sticky {
	flex-shrink: 0;
	width: 520px;
	display: flex;
	flex-direction: column;
	gap: 0;
	position: sticky;
	top: 120px;
}

.lawyer__img-wrap {
	width: 520px;
	height: 700px;
	overflow: hidden;
}

.lawyer__img-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

/* 변호사: 뷰포트 fixed 미사용, 패널 기준 이미지 세로영역 */
.lawyer__panel.is-on .lawyer__nav-btn {
	position: absolute;
	left: 0;
	right: 0;
	top: 77px;
	height: 700px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	pointer-events: none;
	z-index: 100;
}

.lawyer__panel.is-on .lawyer__prev,
.lawyer__panel.is-on .lawyer__next {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	transform: none;
	width: 100px;
	height: 100px;
	background: var(--color-gray-dark);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background 0.2s;
	pointer-events: auto;
	z-index: 100;
	transform: translateY(-50%);
}

.lawyer__panel.is-on .lawyer__prev{left: -120px;}
.lawyer__panel.is-on .lawyer__next{right: -1000px;}

.lawyer__sticky .lawyer__prev:hover,
.lawyer__sticky .lawyer__next:hover {
	background: var(--color-primary);
}

/* 오른쪽 상세 */
.lawyer__detail {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* 이름 행 */
.lawyer__name-row {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 40px 0;
	border-bottom: 2px solid var(--color-primary);
}

.lawyer__icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}

.lawyer__name {
	flex: 1;
	margin: 0;
	color: var(--color-black);
	font-size: 36px;
	letter-spacing: -0.72px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
}

.lawyer__link-btn {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

.lawyer__link-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background: var(--color-primary);
	border: none;
	border-radius: 50%;
	text-decoration: none;
	cursor: pointer;
}

.lawyer__link-copy {
	position: relative;
}

.lawyer__link-copy::after {
	content: '링크가 복사되었습니다';
	position: absolute; /* popup */
	bottom: calc(100% + 8px);
	right: 0;
	white-space: nowrap;
	padding: 6px 10px;
	border-radius: 6px;
	background: var(--color-black);
	color: var(--color-white);
	font-size: 12px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.lawyer__link-copy.is-copied::after {
	opacity: 1;
}

/* 섹션 공통 */
.lawyer__scroll {
	display: flex;
	flex-direction: column;
}

.lawyer__section {
	padding: 60px 20px;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.lawyer__section-title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.lawyer__bullet {
	width: 10px;
	height: 10px;
	background: var(--color-primary);
	flex-shrink: 0;
	display: block;
}

.lawyer__section-title h3 {
	margin: 0;
	color: var(--color-black);
	font-size: 28px;
	letter-spacing: -0.56px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

/* 리스트 */
.lawyer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.lawyer__list li {
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.3;
}

/* 연도 있는 리스트 */
.lawyer__list--year li {
	display: flex;
	align-items: center;
}

.lawyer__year {
	width: 150px;
	flex-shrink: 0;
	color: var(--color-gray-pale);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	line-height: 1.3;
}
/* ===== //Lawyer ===== */

/* ===== Practice (업무분야) ===== */
#subContents:has(.practice-con) {
	padding: 0 0 200px;
}

.practice-con {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

/* 탭 */
.practice__tab {
	display: flex;
	align-items: stretch;
	border-bottom: 1px solid var(--color-border);
}

.practice__tab-btn {
	flex: 1 1 0;
	padding: 25px 10px;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	cursor: pointer;
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	color: var(--color-gray);
	line-height: 1.3;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	transition: color 0.2s, border-color 0.2s;
}

.practice__tab-btn.is-on {
	color: var(--color-primary);
	border-bottom-color: var(--color-primary);
}

/* 본문 */
.practice__body {
	display: flex;
	flex-direction: column;
	gap: 80px;
	padding-top: 80px;
}

/* 이미지 */
.practice__img {
	overflow: hidden;
	height: 380px;
}

.practice__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 텍스트 */
.practice__txt {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.practice__title {
	margin: 0;
	color: var(--color-primary);
	font-size: 42px;
	letter-spacing: -0.84px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
}

.practice__desc {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.practice__desc p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 34px;
}

.practice__desc p strong {
	font-weight: 600;
}

.practice__desc p:last-child {
	padding-bottom: 80px;
}

/* 성공사례 */
.practice__case {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 80px 0;
	border-top: 1px solid var(--color-border);
	border-bottom: 1px solid var(--color-border);
	overflow: hidden;
}

.practice__case-title {
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.practice__case .swiper {
	width: 100%;
}

.practice__case .swiper-slide {
	box-sizing: border-box;
}

.practice__case-card {
	width: 100%;
	padding: 40px;
	background: var(--color-bg-light);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.practice__case-keywords {
	display: flex;
	align-items: center;
	gap: 5px;
}

.practice__case-kw {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 15px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 14px;
	letter-spacing: -0.28px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.practice__case-txt {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.practice__case-heading {
	margin: 0;
	color: var(--color-black);
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.5;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.practice__case-body {
	margin: 0;
	color: var(--color-gray-pale);
	font-size: 16px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.6;
	min-width: 0;
	letter-spacing: -0.32px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 슬라이드 컨트롤 */
#practiceSwiper {
	width: 100%;
	overflow: visible;
}

.practice__case-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding-top: 0px;
}

.practice__case-prev,
.practice__case-next {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	flex-shrink: 0;
}

.practice__case-prev svg,
.practice__case-next svg {
	display: block;
}

.practice__case-pagination.swiper-pagination-progressbar {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	flex: 0 0 80px;
	height: 2px;
	background: #DDDDDD;
}

.practice__case-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--color-primary);
}

/* CTA */
.practice__cta {
	display: flex;
	justify-content: center;
	padding-top: 80px;
}

.practice__cta-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 85px;
	background: var(--color-primary);
	color: var(--color-white) !important;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s;
}

.practice__cta-btn:hover {
	background: var(--color-primary-dark);
}
/* ===== //Practice ===== */

/* ===== Success (성공사례) ===== */
.success-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}

/* 검색 바 */
.srch {
	width: 100%;
	max-width: 960px;
	display: flex;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
}

.srch form {
	display: contents;
}

.srch__select {
	flex-shrink: 0;
	width: 280px;
}

.srch__sel-native {
	width: 100%;
	height: 85px;
	padding: 0 20px 0 40px;
	background: var(--color-white);
	border: none;
	border-right: 1px solid var(--color-border);
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px center;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	color: var(--color-black);
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
}

.srch__input-wrap {
	flex: 1 1 0;
	min-width: 0;
	height: 85px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px 0 20px;
	gap: 10px;
}

.srch__input {
	flex: 1 1 0;
	min-width: 0;
	height: 100%;
	border: none;
	outline: none;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	color: var(--color-black);
	background: transparent;
}

.srch__input::placeholder {
	color: var(--color-gray-pale);
}

.srch__btn {
	flex-shrink: 0;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 카드 그리드 */
.success__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 1400px;
	display: grid;
	grid-template-columns: repeat(4, 335px);
	gap: 20px;
	justify-content: center;
}

.success__item {
	min-width: 0;
}

.success__card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 40px;
	background: var(--color-bg-light);
	text-decoration: none;
	color: inherit;
	box-sizing: border-box;
	transition: background 0.2s;
}

.success__card:hover {
	background: #efefef;
}

.success__keywords {
	display: flex;
	align-items: center;
	gap: 5px;
}

.success__keyword {
	padding: 5px 15px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 15px;
	letter-spacing: -0.30px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 19.5px;
}

.success__txt {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--color-border);
}

.success__heading {
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 36px;
	letter-spacing: -0.48px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.success__desc {
	margin: 0;
	color: var(--color-gray-pale);
	font-size: 16px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: -0.032em;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 변호사 영역 */
.success__lawyer {
	display: flex;
	align-items: center;
	gap: 30px;
}

.success__lawyer-img {
	flex-shrink: 0;
	width: 65px;
	height: 80px;
	overflow: hidden;
}

.success__lawyer-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.success__lawyer-txt {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.success__lawyer-label {
	color: var(--color-text-dark);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 20.8px;
}

.success__lawyer-name {
	color: var(--color-black);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 31.2px;
}

/* 페이지네이션 */
.paging {
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: center;
}

.paging__btn {
	width: 45px;
	height: 45px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.paging__btn svg {
	flex-shrink: 0;
}

.paging__nums {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.paging__num {
	width: 45px;
	height: 45px;
	border: 2px solid var(--color-border);
	background: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-gray-pale);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--engFont);
	font-weight: 600;
	line-height: 23.4px;
	transition: border-color 0.15s, color 0.15s;
	box-sizing: border-box;
}

.paging__num.is-on,
.paging__num:hover {
	border-color: var(--color-primary);
	color: var(--color-primary);
}
/* ===== //Success ===== */

/* ===== Review (의뢰인후기) ===== */
.review-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

.review__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px 20px;
}

.review__item {
	min-width: 0;
}

.review__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-decoration: none;
	color: inherit;
}

.review__img {
	width: 100%;
	aspect-ratio: 335 / 209;
	overflow: hidden;
	background: var(--color-white);
}

.review__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review__img--placeholder {
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.review__img--placeholder img {
	width: 170px;
	height: auto;
	object-fit: contain;
}

.review__txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.review__title {
	margin: 0;
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 32px;
	min-width: 0;
	display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.review__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--engFont);
	font-weight: 500;
	line-height: 20.8px;
}
/* ===== //Review ===== */

/* ===== Column (칼럼) ===== */
.column-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

/* 탭 */
.column__tab {
	width: 100%;
}

.column__tab-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.column__tab-item--bar {
	width: 1px;
	height: 15px;
	background: var(--color-border);
	flex-shrink: 0;
}

.column__tab-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--color-gray);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 23.4px;
	transition: color 0.15s;
	white-space: nowrap;
}

.column__tab-btn.is-on,
.column__tab-btn:hover {
	color: var(--color-primary);
}

/* 카드 리스트 */
.column__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 20px;
}

.column__item {
	min-width: 0;
}

.column__card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	text-decoration: none;
	color: inherit;
}

.column__img {
	width: 100%;
	aspect-ratio: 440 / 230;
	overflow: hidden;
	background: var(--color-white);
}

.column__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.column__img--placeholder {
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.column__img--placeholder img {
	width: 187px;
	height: auto;
	object-fit: contain;
}

.column__txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.column__title {
	margin: 0;
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 32px;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.column__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--engFont);
	font-weight: 500;
	line-height: 20.8px;
}
/* ===== //Column ===== */

/* ===== Success View (성공사례 상세) ===== */
.sv-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 80px 0 120px;
	box-sizing: border-box;
}

.sv-con__body {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

/* 왼쪽 본문 */
.sv-con__main {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* 제목 헤더 */
.sv-view__head {
	padding: 80px 0px 60px 0;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sv-view__title {
	margin: 0;
	color: var(--color-black);
	font-size: 42px;
	letter-spacing: -0.84px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.5;
}

.sv-view__info {
	display: flex;
	align-items: center;
	gap: 20px;
}

.sv-view__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	line-height: 1.3;
}

.sv-view__bar {
	width: 1px;
	height: 15px;
	background: var(--color-border);
	flex-shrink: 0;
}

.sv-view__tags {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
}

/* 에디터 본문 */
.sv-view__editor {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

/* 요약 박스 */
.sv-view__summary {
	align-self: stretch;
	padding: 40px;
	background: var(--color-bg-light);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sv-view__summary-title {
	color: var(--color-primary);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
}

.sv-view__summary-txt {
	margin: 0;
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 400;
	line-height: 1.6;
}

.sv-view__summary p{
	margin: 0;
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 400;
	line-height: 1.6;
}

/* 첨부 이미지 */
.sv-view__img {
	width: 100%;
	max-width: 640px;
}

.sv-view__img img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid var(--color-border);
}

/* 섹션 목록 */
.sv-view__sections {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.sv-view__section {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sv-view__section-title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.sv-view__bullet {
	width: 10px;
	height: 10px;
	background: var(--color-primary);
	flex-shrink: 0;
}

.sv-view__section-title h3 {
	margin: 0;
	color: var(--color-primary);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
}

.sv-view__section p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.7;
}

/* 하단: 이전/다음 + 목록 */
.sv-view__foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}

.sv-view__post-nav {
	align-self: stretch;
	display: flex;
	gap: 20px;
}

.sv-view__post {
	flex: 1 1 0;
	min-width: 0;
	padding: 40px;
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	gap: 30px;
	text-decoration: none;
	color: inherit;
	transition: background 0.2s;
}

.sv-view__post:hover {
	background: #efefef;
}

.sv-view__post svg {
	flex-shrink: 0;
}

.sv-view__post-txt {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sv-view__post-txt--right {
	align-items: flex-end;
}

.sv-view__post-label {
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
}

.sv-view__post-txt--right .sv-view__post-label {
	text-align: right;
}

.sv-view__post-date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	line-height: 1.3;
}

.sv-view__post-txt--right .sv-view__post-date {
	text-align: right;
}

.sv-view__list-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 85px;
	background: var(--color-primary);
	color: var(--color-white) !important;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s;
}

.sv-view__list-btn:hover {
	background: var(--color-primary-dark);
}

/* 오른쪽 사이드바 */
.sv-con__side {
	flex-shrink: 0;
	width: 300px;
	border: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 0;
	position: sticky;
	top: 80px;
	align-self: flex-start;
	padding: 0 30px 30px 30px;
	min-height: 937px;
}

.sv-side__block {
	padding: 30px 0;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sv-side__block-title {
	padding: 15px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

.sv-side__keywords {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.sv-side__keyword {
	padding: 10px 20px;
	background: var(--color-bg-light);
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.sv-side__lawyers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sv-side__lawyer {
	display: flex;
	align-items: center;
	gap: 30px;
}

.sv-side__lawyer-img {
	flex-shrink: 0;
	width: 65px;
	height: 80px;
	overflow: hidden;
}

.sv-side__lawyer-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.sv-side__lawyer-info {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.sv-side__lawyer-name {
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.sv-side__lawyer-role {
	color: var(--color-gray-mid);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.3;
}

.sv-side__result {
	padding: 25px;
	border: 2px solid var(--color-primary);
	color: var(--color-primary);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}
/* ===== //Success View ===== */

/* ===== Review View (의뢰인 후기 상세) ===== */
.rv-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
}

.rv-con__body {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

/* 왼쪽 본문 */
.rv-con__main {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* 제목 헤더 */
.rv-view__head {
	padding: 80px 0 60px 0;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.rv-view__title {
	margin: 0;
	color: var(--color-black);
	font-size: 42px;
	letter-spacing: -0.84px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.5;
}

.rv-view__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	line-height: 1.3;
}

/* 에디터 본문 */
.rv-view__editor {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

/* 첨부 이미지 */
.rv-view__img {
	width: 100%;
	max-width: 640px;
}

.rv-view__img img {
	display: block;
	width: 100%;
	height: auto;
}

/* 웹에디터 영역 */
.rv-view__txtarea {
    align-self: stretch;
    background: var(--color-bg-light);
    display: flex;
    justify-content: flex-start;
    padding: 60px;
    flex-direction: column;
}

.rv-view__txtarea p{
	color: #333;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 170%; /* 30.6px */
	letter-spacing: -0.36px;
	word-break: keep-all;
}

.rv-view__txtarea-placeholder {
	margin: 0;
	color: var(--color-gray-pale);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

/* 하단: 이전/다음 + 목록 */
.rv-view__foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}

.rv-view__post-nav {
	align-self: stretch;
	display: flex;
	gap: 20px;
}

.rv-view__post {
	flex: 1 1 0;
	min-width: 0;
	padding: 40px;
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	gap: 30px;
	text-decoration: none;
	color: inherit;
	transition: background 0.2s;
}

.rv-view__post:hover {
	background: #efefef;
}

.rv-view__post svg {
	flex-shrink: 0;
}

.rv-view__post-txt {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}



.rv-view__post-txt--right {
	align-items: flex-end;
}

.rv-view__post-label {
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
	min-width: 0;
}

.rv-view__post-txt--right .rv-view__post-label {
	text-align: right;
}

.rv-view__post-date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	line-height: 1.3;
}

.rv-view__post-txt--right .rv-view__post-date {
	text-align: right;
}

.rv-view__post--next{justify-content: flex-end;}

.rv-view__list-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 85px;
	background: var(--color-primary);
	color: var(--color-white) !important;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s;
}

.rv-view__list-btn:hover {
	background: var(--color-primary-dark);
}

/* 오른쪽 사이드바 */
.rv-con__side {
	flex-shrink: 0;
	width: 300px;
	border: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	position: sticky;
	top: 80px;
	align-self: flex-start;
}

.rv-side__block {
	padding: 30px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-height:937px;
}

.rv-side__block-title {
	padding: 15px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
}

.rv-side__lawyers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.rv-side__lawyer {
	display: flex;
	align-items: center;
	gap: 30px;
}

.rv-side__lawyer-img {
	flex-shrink: 0;
	width: 65px;
	height: 80px;
	overflow: hidden;
}

.rv-side__lawyer-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.rv-side__lawyer-info {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.rv-side__lawyer-name {
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.rv-side__lawyer-role {
	color: var(--color-gray-mid);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.3;
}
/* ===== //Review View ===== */

/* ===== Consult (비밀상담신청) ===== */
.consult-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* 상단: 타이틀 + 스텝 */
.consult__top {
	display: flex;
	flex-direction: column;
	gap: 80px;
	padding-bottom: 80px;
	border-bottom: 1px solid var(--color-border);
}

.consult__txt {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.consult__sub {
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
}

.consult__title {
	margin: 0;
	color: var(--color-primary);
	font-size: 48px;
	letter-spacing: -0.96px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
}

/* 스텝 리스트 */
.consult__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	position: relative;
}

.consult__steps::after{
	content: '';
	display: block;
	width: 80%;
	height: 30px;
	background: var(--color-bg-light);
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.consult__step {
	flex: 1 1 0;
	min-width: 0;
}

.consult__step-arrow {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.consult__step-circle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: 1px solid rgba(23, 51, 73, 0.2);
	background: var(--color-white);
	padding: 30px;
	box-sizing: border-box;
}

.consult__step-circle--active {
	background: var(--color-primary);
	border-color: var(--color-primary);
}

.consult__step-num {
	color: #CCCCCC;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.consult__step-circle--active .consult__step-num {
	color: var(--color-white);
}

.consult__step-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.consult__step-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	text-align: center;
}

.consult__step-txt strong {
	display: block;
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.consult__step-txt span {
	display: block;
	color: var(--color-gray-mid);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
}

.consult__step-circle--active .consult__step-txt strong,
.consult__step-circle--active .consult__step-txt span {
	color: var(--color-white);
}

/* 폼 영역 */
.consult__form-wrap {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.consult__anon {
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.consult__form {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 20px;
}

/* 폼 행 */
.consult__row {
	width: calc(50% - 20px);
	display: flex;
	align-items: center;
}

.consult__row--textarea {
	width: 100%;
	align-items: flex-start;
}

.consult__label {
	flex-shrink: 0;
	width: 150px;
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.consult__row--textarea .consult__label {
	padding-top: 20px;
}

.consult__input {
	flex: 1 1 0;
	min-width: 0;
	max-width: 530px;
	height: 61px;
	padding: 0 20px;
	border: 1px solid var(--color-border);
	outline: none;
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 400;
	color: var(--color-black);
	background: var(--color-white);
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.15s;
}

.consult__input::placeholder {
	color: var(--color-gray);
}

.consult__input:focus {
	border-color: var(--color-primary);
}

/* 라디오 */
.consult__radios {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 0;
}

.consult__radio {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 400;
	color: var(--color-gray-dark);
	line-height: 1.3;
}

.consult__radio input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.consult__radio-mark {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 1px solid var(--color-border);
	box-sizing: border-box;
	transition: border-color 0.15s;
}

.consult__radio input[type="radio"]:checked + .consult__radio-mark {
	border: 5px solid var(--color-primary);
}

.consult__radio input[type="radio"]:focus-visible + .consult__radio-mark {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

/* 텍스트에어리어 */
.consult__textarea {
	flex: 1 1 0;
	min-width: 0;
	height: 200px;
	padding: 20px;
	border: 1px solid var(--color-border);
	outline: none;
	resize: vertical;
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 400;
	color: var(--color-black);
	background: var(--color-white);
	box-sizing: border-box;
	transition: border-color 0.15s;
}

.consult__textarea::placeholder {
	color: var(--color-gray);
}

.consult__textarea:focus {
	border-color: var(--color-primary);
}

/* 캡차 */
.consult__row--captcha {
	width: 100%;
}

.consult__captcha {
	display: flex;
	align-items: stretch;
	gap: 5px;
	flex: 1 1 0;
	min-width: 0;
	max-width: 530px;
}

.consult__captcha-img {
	flex-shrink: 0;
	width: 146px;
	height: 61px;
	border: 1px solid var(--color-border);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.consult__captcha-img img {
	width: 146px;
	height: 61px;
	display: block;
	object-fit: cover;
}

.consult__captcha-input {
	max-width: none;
}

.consult__captcha-btn {
	flex-shrink: 0;
	width: 61px;
	background: #222222;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s;
}

.consult__captcha-btn:hover {
	background: #444444;
}

/* 동의 */
.consult__agree {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 15px;
}

.consult__agree-label {
	display: flex;
	align-items: center;
	gap: 15px;
	cursor: pointer;
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
}

.consult__agree-check {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.consult__agree-box {
	flex-shrink: 0;
	width: 25px;
	height: 25px;
	background: #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.15s;
}

.consult__agree-box svg path {
	stroke: #CCCCCC;
	transition: stroke 0.15s;
}

.consult__agree-check:checked + .consult__agree-box {
	background: var(--color-primary);
}

.consult__agree-check:checked + .consult__agree-box svg path {
	stroke: var(--color-white);
}

.consult__agree-check:focus-visible + .consult__agree-box {
	outline: 2px solid var(--color-primary);
	outline-offset: 2px;
}

.consult__agree-more {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 500;
	text-decoration: none;
	line-height: 1.3;
	position: relative;
}
.consult__agree-more::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: var(--color-gray);
}

/* 제출 버튼 */
.consult__submit {
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 40px;
}

.consult__submit-btn {
	width: 300px;
	height: 85px;
	background: var(--color-primary);
	border: none;
	color: var(--color-white);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	transition: background 0.2s;
}

.consult__submit-btn:hover {
	background: var(--color-primary-dark);
}
/* ===== //Consult ===== */

/* ===== FAQ (법률정보) ===== */
.faq-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

/* 탭 */
.faq__tab {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

.faq__tab-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	color: var(--color-gray);
	line-height: 23.4px;
	white-space: nowrap;
	transition: color 0.15s;
}

.faq__tab-btn:hover {
	color: var(--color-primary);
	transition: color 0.15s;
}

.faq__tab-btn.is-on {
	color: var(--color-primary);
}

.faq__tab-bar {
	display: block;
	width: 1px;
	height: 15px;
	background: var(--color-border);
	flex-shrink: 0;
}

/* 리스트 */
.faq__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.faq__item {
	width: 100%;
}

.faq__card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 60px;
	background: var(--color-bg-light);
	text-decoration: none;
	color: inherit;
	transition: background 0.15s;
}

.faq__card:hover {
	background: #f0f0f0;
}

/* 카테고리 배지 */
.faq__category {
	display: inline-flex;
	align-items: center;
	padding: 5px 15px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 14px;
	letter-spacing: -0.28px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 18.2px;
	align-self: flex-start;
}

/* Q + 제목 행 */
.faq__title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.faq__q {
	flex-shrink: 0;
	color: var(--color-primary);
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: var(--engFont);
	font-weight: 600;
	line-height: 28.6px;
}

.faq__question {
	flex: 1;
	min-width: 0;
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 31.2px;
}

.faq__arrow {
	flex-shrink: 0;
}

/* 본문 미리보기 */
.faq__desc {
	margin: 0;
	color: var(--color-gray);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27px;
}
/* ===== //FAQ ===== */

/* ===== Youtube (유튜브) ===== */
.youtube-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* 섹션 공통 */
.yt-section {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* 섹션 헤더 (채널 정보 행) */
.yt-section__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-border);
}

/* 채널 */
.yt-channel {
	display: flex;
	align-items: center;
	gap: 30px;
}

.yt-channel__img {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	background: #D9D9D9;
}

.yt-channel__txt {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.yt-channel__name {
	color: var(--color-black);
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.yt-channel__sub {
	color: var(--color-gray-mid);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
}

.yt-channel__subscribe {
	flex-shrink: 0;
	padding: 10px 15px;
	background: var(--color-black);
	border-radius: 100px;
	color: var(--color-white) !important;
	font-size: 14px;
	letter-spacing: -0.28px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s;
}

.yt-channel__subscribe:hover {
	background: var(--color-gray-dark);
}

/* 일반 영상 카드 그리드 */
.yt-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 40px;
}

.yt-item {
	min-width: 0;
}

.yt-card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	text-decoration: none;
	color: inherit;
}

/* 썸네일: 플레이버튼은 단일 겹침 overlay */
.yt-card__thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 440 / 248;
	overflow: hidden;
	background: var(--color-bg-light);
}

.yt-card__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yt-card__thumb--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
}

.yt-card__thumb--placeholder img {
	width: 187px;
	height: auto;
	object-fit: contain;
}

.yt-card__play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	pointer-events: none;
}

.yt-card__txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.yt-card__title {
	margin: 0;
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 32px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.yt-card__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--engFont);
	font-weight: 500;
	line-height: 20.8px;
}

/* 더보기 버튼 */
.yt-more {
	align-self: center;
	width: 300px;
	height: 85px;
	background: none;
	border: 1px solid var(--color-border);
	color: #CCCCCC;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
}

.yt-more:hover {
	border-color: var(--color-gray-pale);
	color: var(--color-gray);
}

/* Shorts 섹션 헤더 */
.yt-section__head--shorts {
	justify-content: flex-start;
	gap: 15px;
}

.yt-shorts-label {
	color: var(--color-black);
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	line-height: 1.3;
}

/* Shorts 카드 그리드 */
.yt-shorts-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 40px 20px;
}

.yt-shorts-item {
	min-width: 0;
}

.yt-shorts-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-decoration: none;
	color: inherit;
}

.yt-shorts-card__thumb {
	width: 100%;
	aspect-ratio: 264 / 469;
	overflow: hidden;
	background: var(--color-bg-light);
}

.yt-shorts-card__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yt-shorts-card__thumb--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
}

.yt-shorts-card__thumb--placeholder img {
	width: 187px;
	height: auto;
	object-fit: contain;
}

.yt-shorts-card__title {
	margin: 0;
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 28.8px;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ===== 변호사 선임 기준 ===== */
.ls-con {
	display: flex;
	flex-direction: column;
}

/* 헤드 */
.ls__head {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0 0px 80px 0px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.ls__head-title {
	margin: 0;
	color: var(--color-primary);
	font-size: 48px;
	letter-spacing: -0.96px;
	font-weight: 700;
	line-height: 1.5;
}

.ls__head-desc {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-weight: 400;
	line-height: 1.7;
}

/* 5가지 확인 섹션 */
.ls__check {
	position: relative;
	padding: 80px 0;
	overflow: hidden;
}

.ls__check-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.ls__check-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: brightness(0.2);
}

.ls__check-inner {
	position: relative;
	z-index: 1;
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.ls__check-title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.ls__check-dot {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: var(--color-primary);
	flex-shrink: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}

.ls__check-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.ls__check-heading {
	margin: 0;
	color: var(--color-white);
	font-size: 32px;
	letter-spacing: -0.64px;
	font-weight: 600;
	line-height: 1.3;
	min-width: 0;
}

.ls__check-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ls__check-item {
	padding: 60px;
	background: var(--color-primary);
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.ls__check-num-row {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.ls__num {
	color: #F3E2B3;
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: 'Figtree', sans-serif;
	font-style: italic;
	font-weight: 700;
	line-height: 1.3;
	flex-shrink: 0;
}

.ls__item-title {
	color: #F3E2B3;
	font-size: 24px;
	letter-spacing: -0.48px;
	font-weight: 600;
	line-height: 1.3;
	min-width: 0;
}

.ls__item-desc {
	margin: 0;
	color: rgba(255, 255, 255, 0.80);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-weight: 400;
	line-height: 1.7;
}

/* 좋은 선임 섹션 */
.ls__good {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 120px 0;
	display: flex;
	align-items: center;
	gap: 120px;
}

.ls__good-txt {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.ls__good-top {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.ls__good-title {
	margin: 0;
	color: var(--color-primary);
	font-size: 36px;
	letter-spacing: -0.72px;
	font-weight: 700;
	line-height: 1.5;
}

.ls__good-sub {
	margin: 0;
	color: var(--color-black);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-weight: 600;
	line-height: 1.6;
}

.ls__good-bar {
	display: block;
	width: 50px;
	height: 3px;
	background: var(--color-primary);
}

.ls__good-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ls__good-body p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-weight: 300;
	line-height: 1.7;
}

.ls__good-emphasis {
	color: var(--color-primary) !important;
	font-weight: 600 !important;
}

.ls__good-img {
	flex: 1 1 0;
	min-width: 0;
	aspect-ratio: 640 / 705;
	overflow: hidden;
}

.ls__good-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* ===== //Youtube ===== */

/* ===== Process (단계별 대응 프로세스) ===== */
.process-con {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
}

/* 인트로 */
.process__intro {
	width: 93.75%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 0 80px 0;
	display: flex;
	align-items: center;
	gap: 60px;
}

.process__intro-txt {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.process__intro-head {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.process__intro-title {
	margin: 0;
	color: var(--color-primary);
	font-size: 36px;
	letter-spacing: -0.72px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 54px;
}

.process__intro-bar {
	display: block;
	width: 50px;
	height: 3px;
	background: var(--color-primary);
}

.process__intro-desc {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.process__intro-desc p {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 30.6px;
}

.process__intro-img {
	flex-shrink: 0;
	width: 640px;
	overflow: hidden;
}

.process__intro-img img {
	display: block;
	width: 100%;
	height: 480px;
	object-fit: cover;
	max-width: 100%;
}

/* 탭 + 슬라이더 */
.process__stage {
	width: 100%;
	background: var(--color-bg-light);
	padding: 80px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
}

.process__tab {
	width: 93.75%;
	max-width: 1400px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.process__tab-btn {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: var(--color-gray);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 26px;
	white-space: nowrap;
	transition: color 0.2s;
}

.process__tab-btn.is-on {
	color: var(--color-primary);
	font-size: 42px;
	letter-spacing: -0.84px;
	line-height: 54.6px;
}

.process__tab-bar {
	flex-shrink: 0;
	width: 1px;
	height: 25px;
	background: var(--color-border);
}

/* 슬라이더 */
.process__slider-wrap {
	width: 93.75%;
	max-width: 1400px;
	position: relative;
}

.process__slider {
	position: relative;
	width: 100%;
	height: 500px;
}

.process__slide {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.6s ease;
}

.process__slide.is-on {
	opacity: 1;
	pointer-events: auto;
}

.process__slide-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 100%;
}

.process__slide-gra {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.85) 100%);
}

.process__slide-content {
	position: relative;
	padding: 80px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	z-index: 1;
}

.process__slide-step {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.process__slide-num {
	color: var(--color-white);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
	line-height: 23.4px;
}

.process__slide-title {
	margin: 0;
	color: var(--color-white);
	font-size: 32px;
	letter-spacing: -0.64px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 41.6px;
}

.process__slide-desc {
	margin: 0;
	color: var(--color-white);
	font-size: 18px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 30.6px;
	letter-spacing: -0.36px;
}

/* 이전/다음 버튼 */
.process__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 60px;
	background: var(--color-gray-dark);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.process__arrow--prev {
	left: -40px;
}

.process__arrow--next {
	right: -40px;
}

/* CTA */
.process__cta {
	padding: 80px 0;
	display: flex;
	justify-content: center;
}

.process__cta-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 85px;
	background: var(--color-primary);
	color: var(--color-white) !important;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 23.4px;
	text-decoration: none;
	transition: background 0.2s;
}

.process__cta-btn:hover {
	background: var(--color-primary-dark);
}
/* ===== //Process ===== */

/* ===== Press (언론보도) ===== */
.press-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

/* 리스트 */
.press__list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 2px solid var(--color-black);
	display: flex;
	flex-direction: column;
}

.press__item {
	border-bottom: 1px solid var(--color-border);
}

.press__card {
	display: flex;
	align-items: center;
	gap: 60px;
	padding: 60px 0;
	text-decoration: none;
	color: inherit;
}

.press__img {
	width: 315px;
	flex-shrink: 0;
	aspect-ratio: 315 / 165;
	overflow: hidden;
	background: var(--color-white);
}

.press__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.press__img--placeholder {
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.press__img--placeholder img {
	width: 170px;
	height: auto;
	object-fit: contain;
}

.press__txt {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.press__title {
	margin: 0;
	color: var(--color-black);
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 28.6px;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.press__desc {
	margin: 0;
	color: var(--color-gray);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 400;
	line-height: 28.8px;
	min-width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.press__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--engFont);
	font-weight: 500;
	line-height: 20.8px;
}

/* email-policy */
.email-policy {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	box-sizing: border-box;
}

.email-policy__section {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.email-policy__heading {
	margin: 0;
	color: var(--color-black);
	font-size: 28px;
	letter-spacing: -0.56px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 36.4px;
}

.email-policy__notice {
	padding: 60px;
	background: var(--color-bg-light);
	text-align: center;
}

.email-policy__notice p {
	margin: 0;
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 32px;
}

.email-policy__law {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.email-policy__law-title {
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.40px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 32px;
}

.email-policy__law-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.email-policy__law-list li {
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}

.email-policy__date {
	margin: 0;
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}

/* ===== FAQ View (FAQ 상세) ===== */
.faq-view-con {
	max-width: 1080px;
	width: 93.75%;
	margin: 0 auto;
	padding: 0px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* 제목 영역 */
.faq-view__head {
	padding-bottom: 60px;
	border-bottom: 1px solid var(--color-border);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.faq-view__category {
	display: inline-flex;
	align-items: center;
	padding: 5px 15px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 14px;
	letter-spacing: -0.28px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 18.2px;
	align-self: flex-start;
}

.faq-view__title {
	margin: 0;
	color: var(--color-black);
	font-size: 42px;
	letter-spacing: -0.84px;
	font-family: var(--baseFont);
	font-weight: 700;
	line-height: 1.5;
}

.faq-view__info {
	display: flex;
	align-items: center;
	gap: 20px;
}

.faq-view__date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	line-height: 1.3;
	flex-shrink: 0;
}

.faq-view__info-bar {
	display: block;
	width: 1px;
	height: 15px;
	background: var(--color-border);
	flex-shrink: 0;
}

.faq-view__keywords {
	display: flex;
	align-items: center;
	gap: 5px;
	flex-wrap: wrap;
}

.faq-view__keyword {
	padding: 5px 15px;
	background: var(--color-bg-light);
	border-radius: 100px;
	color: var(--color-gray-pale);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

/* 본문 영역 */
.faq-view__editor {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.faq-view__txt {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.7;
}

/* 답변 박스 */
.faq-view__box {
	padding: 60px;
	background: var(--color-bg-light);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.faq-view__box-head {
	display: flex;
	align-items: center;
	gap: 20px;
}

.faq-view__box-a {
	flex-shrink: 0;
	color: var(--color-primary);
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: 'Figtree', sans-serif;
	font-weight: 600;
	line-height: 28.6px;
}

.faq-view__box-title {
	margin: 0;
	flex: 1;
	color: var(--color-primary);
	font-size: 24px;
	letter-spacing: -0.48px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
}

.faq-view__box-txt {
	margin: 0;
	color: var(--color-gray-dark);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 1.7;
}

/* 하단: 이전/다음 + 목록 */
.faq-view__foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 80px;
}

.faq-view__post-nav {
	align-self: stretch;
	display: flex;
	gap: 20px;
}

.faq-view__post {
	flex: 1 1 0;
	min-width: 0;
	padding: 40px;
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	gap: 30px;
	text-decoration: none;
	color: inherit;
	transition: background 0.2s;
}

.faq-view__post:hover {
	background: #efefef;
}

.faq-view__post svg {
	flex-shrink: 0;
}

.faq-view__post-txt {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.faq-view__post-txt--right {
	align-items: flex-end;
}

.faq-view__post-label {
	color: var(--color-black);
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 500;
	line-height: 1.3;
	min-width: 0;
}

.faq-view__post-txt--right .faq-view__post-label {
	text-align: right;
}

.faq-view__post-date {
	color: var(--color-gray);
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	line-height: 1.3;
}

.faq-view__post-txt--right .faq-view__post-date {
	text-align: right;
}

.faq-view__list-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 85px;
	background: var(--color-primary);
	color: var(--color-white) !important;
	font-size: 18px;
	letter-spacing: -0.36px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background 0.2s;
}

.faq-view__list-btn:hover {
	background: var(--color-primary-dark);
}
/* ===== //FAQ View ===== */

/* ===== Privacy Policy (개인정보처리방침) ===== */
.privacy-policy {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding-bottom: 120px;
	padding-top: 80px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.privacy-policy__section {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.privacy-policy__heading {
	margin: 0;
	color: var(--color-black);
	font-size: 28px;
	letter-spacing: -0.56px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 36.4px;
}

.privacy-policy__txt {
	margin: 0;
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}

.privacy-policy__list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.privacy-policy__list li {
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}

.privacy-policy__sub {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.privacy-policy__sub-title {
	color: var(--color-black);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 27.2px;
}
/* ===== //Privacy Policy ===== */

/* ===== Service Policy (이용약관) ===== */
.service-policy {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding-bottom: 120px;
	padding-top: 80px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.service-policy__chapter {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.service-policy__chapter-title {
	margin: 0;
	color: var(--color-black);
	font-size: 28px;
	letter-spacing: -0.56px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 36.4px;
}

.service-policy__section {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.service-policy__heading {
	margin: 0;
	color: var(--color-black);
	font-size: 20px;
	letter-spacing: -0.4px;
	font-family: var(--baseFont);
	font-weight: 600;
	line-height: 32px;
}

.service-policy__txt {
	margin: 0;
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}

.service-policy__list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.service-policy__list li {
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}

.service-policy__sub-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 5px 0 0;
	padding-left: 20px;
	list-style: none;
}

.service-policy__sub-list li {
	color: var(--color-gray-mid);
	font-size: 17px;
	letter-spacing: -0.34px;
	font-family: var(--baseFont);
	font-weight: 300;
	line-height: 27.2px;
}
/* ===== //Service Policy ===== */

/* ===== Search Result (검색 결과) ===== */
.sr-con {
	max-width: 1400px;
	width: 93.75%;
	margin: 0 auto;
	padding: 80px 0 120px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

/* 검색 바 — 중앙 정렬 */
.sr-con .srch {
	align-self: center;
}

/* 검색 결과 요약 */
.sr__summary {
	text-align: center;
	font-size: 28px;
	letter-spacing: -0.56px;
	font-family: var(--baseFont);
	font-weight: 400;
	color: var(--color-black);
	line-height: 1.3;
}

.sr__keyword {
	font-weight: 400;
}

.sr__count {
	color: var(--color-primary);
	font-family: 'Figtree', sans-serif;
	font-weight: 700;
}

/* 결과 리스트 */
.sr__list {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

/* 섹션 공통 */
.sr__section {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.sr__section-title {
	padding: 20px 0;
	border-bottom: 1px solid var(--color-black);
}

.sr__section-title h2 {
	font-size: 32px;
	letter-spacing: -0.64px;
	font-family: var(--baseFont);
	font-weight: 600;
	color: var(--color-black);
	line-height: 1.3;
}

.sr__section-count {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-gray-pale);
	letter-spacing: -0.48px;
	margin-left: 4px;
}

.sr__cards {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ── 성공사례 카드 ── */
.sr__cards--success {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.sr__cards--success .sr__item {
	width: 335px;
	flex-shrink: 0;
}

/* ── 의뢰인 후기 카드 ── */
.sr__cards--review {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.sr__cards--review .sr__item {
	width: 335px;
}

.review__card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-decoration: none;
	color: inherit;
}

.review__img {
	width: 100%;
	height: 209px;
	overflow: hidden;
	background: var(--color-white);
}

.review__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.review__img--placeholder {
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.review__img--placeholder img {
	width: 170px;
	height: auto;
	object-fit: contain;
}

.review__txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.review__title {
	font-size: 20px;
	letter-spacing: -0.4px;
	font-family: var(--baseFont);
	font-weight: 500;
	color: var(--color-black);
	line-height: 1.6;
}

.review__date {
	font-size: 16px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	color: var(--color-gray);
	line-height: 1.3;
}

/* ── 칼럼 카드 ── */
.sr__cards--column {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.sr__cards--column .sr__item {
	width: 440px;
	flex-shrink: 0;
}

.column__card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	text-decoration: none;
	color: inherit;
}

.column__img {
	width: 100%;
	height: 230px;
	overflow: hidden;
}

.column__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.column__img--placeholder {
	background: var(--color-bg-light);
	display: flex;
	align-items: center;
	justify-content: center;
}

.column__img--placeholder img {
	width: 187px;
	height: auto;
	object-fit: contain;
}

.column__txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.column__title {
	font-size: 20px;
	letter-spacing: -0.4px;
	font-family: var(--baseFont);
	font-weight: 500;
	color: var(--color-black);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.column__date {
	font-size: 16px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	color: var(--color-gray);
	line-height: 1.3;
}

/* ── 언론보도 카드 ── */
.sr__cards--press {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sr__press-card {
	display: flex;
	gap: 40px;
	align-items: flex-start;
	text-decoration: none;
	color: inherit;
}

.sr__press-img {
	flex-shrink: 0;
	width: 260px;
	height: 160px;
	overflow: hidden;
}

.sr__press-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sr__press-txt {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 10px 0;
}

.sr__press-title {
	font-size: 22px;
	letter-spacing: -0.44px;
	font-family: var(--baseFont);
	font-weight: 600;
	color: var(--color-black);
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sr__press-desc {
	font-size: 16px;
	letter-spacing: -0.32px;
	font-family: var(--baseFont);
	font-weight: 400;
	color: var(--color-gray-mid);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sr__press-date {
	font-size: 16px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	color: var(--color-gray);
	line-height: 1.3;
}

/* ── 유튜브 카드 ── */
.sr__cards--youtube {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.sr__cards--youtube .sr__item {
	width: 440px;
	flex-shrink: 0;
}

.sr__yt-card {
	display: flex;
	flex-direction: column;
	gap: 30px;
	text-decoration: none;
	color: inherit;
}

.sr__yt-thumb {
	position: relative;
	width: 100%;
	height: 230px;
	overflow: hidden;
}

.sr__yt-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	pointer-events: none;
}

.sr__yt-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.sr__yt-txt {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sr__yt-title {
	font-size: 20px;
	letter-spacing: -0.4px;
	font-family: var(--baseFont);
	font-weight: 500;
	color: var(--color-black);
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.sr__yt-date {
	font-size: 16px;
	font-family: 'Figtree', sans-serif;
	font-weight: 500;
	color: var(--color-gray);
	line-height: 1.3;
}
/* ===== //Search Result ===== */