/* ============================================
동국을 빛낸 사람들 - 인물 상세 콘텐츠 영역
============================================
적용 위치: 기존 .b-person-con-list 대체
콘텐츠 너비: 1500px
폰트: PretendardJP (사이트), Inter (피그마 기준)
1rem = 10px (사이트 기준)

★ 피그마 실측값 기반 (캔버스 1900px)
============================================ */

/* -- 전체 컨테이너 -- */
.b-person-detail {
	max-width: 1500px;
	margin: 0 auto;
	padding: 140px 0 0;
	font-family: PretendardJP, sans-serif;
	color: #5e5c59;
	word-break: keep-all;
	width: 100%;
	box-sizing: border-box;
}

/* ============================================
1. 프로필 영역
피그마 그룹: 280 x 374px
배경: #F7F2EE / 상단라인: 3px #EA5413 / 높이: 727px
============================================ */
/* 전폭 배경 */
.b-person-detail__profile {
	text-align: center;
	height: 727px;
	padding: 0 0 60px;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
	background: #F7F2EE url('/_res/dongguk/_share/img/program/bg-personality2.png') center top / cover no-repeat;
	border-top: 3px solid #EA5413;
	overflow: visible;
	position: relative;
	z-index: 1;
}

/* 원형 프로필 사진: 피그마 그룹 280x374, 원형 지름 280px */
.b-person-detail__avatar {
	width: 280px;
	height: 280px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	margin: -140px auto 24px;
	position: relative;
	z-index: 2;
	background-color: #d9d3cc;
	border: 2px solid #c8c2bb;
	box-shadow: 0 0 15px -1px #999;
	transition: all .3s;
}

/* 이름: 피그마 40px / 700 / -2px / #333 */
.b-person-detail__name {
	font-size: 40px;
	font-weight: 700;
	color: #333333;
	letter-spacing: -2px;
	line-height: 40px;
	margin: 0 0 18px;
}

/* 연도: 피그마 20px / 300 / #666 */
.b-person-detail__years {
	font-size: 20px;
	font-weight: 300;
	color: #666666;
	letter-spacing: -0.015625em;
	line-height: 20px;
	margin: 0 0 19px;
}

/* 구분선: 피그마 40 x 6px / #EA5413 */
.b-person-detail__divider {
	display: block;
	width: 40px;
	height: 6px;
	background-color: #EA5413;
	margin: 0 auto 15px;
	border: none;
}

/* 부제: 피그마 30px / 400 / -1.5px / #786C61 */
.b-person-detail__subtitle {
	font-size: 30px;
	font-weight: 400;
	color: #786C61;
	letter-spacing: -1.5px;
	line-height: 30px;
	margin: 0 0 99px;
}

/* ============================================
2. 본문 이미지
메인/단체: 800px | 중간(--sm): 600px
============================================ */
.b-person-detail__figure {
	text-align: center;
	margin: 50px auto 60px;
	max-width: 600px;
}

/* 메인 사진: 배경과 겹침 (margin-top: -302px) */
.b-person-detail__figure--overlap {
	margin-top: -302px;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}

/*.b-person-detail__figure--overlap img {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}*/

.b-person-detail__figure--sm {
	max-width: 600px;
}

.b-person-detail__figure img {
	width: 100%;
	height: auto;
	display: block;
}

/* 캡션: 피그마 20px / 400 / -0.5px / #666 */
.b-person-detail__figure figcaption {
	font-size: 20px;
	font-weight: 400;
	color: #666666;
	letter-spacing: -0.5px;
	line-height: 20px;
	margin-top: 16px;
}

/* ============================================
3. 본문 텍스트
element.style 실측: 2.4rem / 200 / 3.8rem / -0.05em
텍스트 영역 너비: 1500px
============================================ */
.b-person-detail__text {
	max-width: 1500px;
	margin: 0 auto 4rem;
	font-size: 2.4rem;
	font-weight: 200;
	color: #333;
	line-height: 3.8rem;
	letter-spacing: -0.05em;
	text-align: start;
	white-space: normal;
}

.b-person-detail__text:last-of-type {
	padding-bottom: 0;
}

/* ============================================
4. 하단 섹션 영역
============================================ */
.b-person-detail__section {
	max-width: 1500px;
	margin: 0 auto 0;
}

/* 섹션 제목 + 주황 라인 (배경 바깥) */
.b-person-detail__section-header {
	max-width: 1500px;
	margin: 0 auto 0;
}

.b-person-detail__section-title {
	position: relative;
	display: inline-flex;
	font-size: 3rem;
	font-weight: 600;
	color: #333333;
	line-height: 1.4;
	letter-spacing: -0.03em;
	margin: 0;
	padding-bottom: 24px;
}

.b-person-detail__section-title::after {
	position: absolute;
	left: 0;
	bottom:0;
	right: 20px;
	content: '';
	display: block;
	height: 7px;
	background: #EA5413;
	margin-top: 0;
}

/* 섹션 본문 영역 (bg.png 배경) 
.b-person-detail__section-body {
background: url('/_res/dongguk/_share/img/program/bg-personality2.png') center top / 100% 100% no-repeat;
padding: 50px 60px 60px;
}*/

/* ============================================
5. 섹션 본문 텍스트
============================================ */
.b-person-detail__section-intro {
	max-width: 1500px;
	margin: 0 auto 40px;
	font-size: 2.4rem;
	font-weight: 200;
	color: #333;
	line-height: 3.8rem;
	letter-spacing: -0.05em;
}

/* ============================================
6. 하단 출처
============================================ */
.b-person-detail__credit {
	max-width: 1500px;
	margin: 17px auto 0;
	text-align: right;
	font-size: 2.4rem;
	font-weight: 200;
	color: rgb(94, 92, 89);
	letter-spacing: -0.05em;
}
.book-img{
	max-width: 300px;
	width: 100%;
	margin: 0 0 0 auto;
}
/* ============================================
반응형
============================================ */
@media (max-width: 1024px) {
	.b-person-detail { padding: 100px 30px 0; }
	.b-person-detail__profile {height:677px;}
	.b-person-detail__name { font-size: 32px; }
	.b-person-detail__subtitle { font-size: 24px; }
	.b-person-detail__text,
	.b-person-detail__section-intro { font-size: 2rem; line-height: 3.4rem; }
	.b-person-detail__section-title { font-size: 2.6rem; }
	.b-person-detail__section-header { margin-top: 70px; }
	.b-person-detail__avatar { width: 200px; height: 200px; margin-top: -100px; }
	.b-person-detail__credit{font-size: 2rem;}
}

@media (max-width: 768px) {
	.b-person-detail { padding: 70px 20px 0;width:100%;box-sizing:border-box }
	.b-person-detail__profile {height:447px;}
	.b-person-detail__avatar { width: 140px; height: 140px; margin-top: -70px; }
	.b-person-detail__name { font-size: 26px; letter-spacing: -1px; }
	.b-person-detail__years { font-size: 16px; }
	.b-person-detail__subtitle { font-size: 18px; }
	.b-person-detail__divider { width: 30px; height: 4px; }
	.b-person-detail__text,
	.b-person-detail__section-intro { font-size: 1.7rem; line-height: 3rem; margin-bottom: 3rem; }
	.b-person-detail__figure { margin: 30px auto 40px; }
	.b-person-detail__figure--sm { max-width: 100%; }
	.b-person-detail__figure figcaption { font-size: 16px; }
	.b-person-detail__section-title { font-size: 2.2rem; border-bottom-width: 5px; }
	.b-person-detail__section-header { margin-top: 50px; }
	.b-person-detail__figure--overlap { margin-top: -150px; }
	.b-person-detail__section-title::after { right: 0 }
	/*.b-person-detail__section-body { padding:20px }*/
	.b-person-detail__credit{font-size: 1.7rem;}
	.book-img{
		max-width:100%;
	}

}