.byungiwon_intro_box {   
		position: relative;
		width: 100%;
		background: #f7f8f9; /* 한결 더 밝고 깨끗한 프리미엄 스튜디오 톤 배경 */
		padding: 40px 0; /* 상하 여백을 늘려 컴포넌트 간 호흡 확보 */
	}
	
	.byungiwon_intro {
		position: relative;
		max-width: 1100px; /* 미세하게 확장하여 양대 밸런스 최적화 */
		margin: 0 auto;
		padding: 50px 40px; /* 내부 패딩 조정 */
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		gap: 60px; /* 좌우 콘텐츠 공간 분리 극대화 */
		align-items: center; /* 원장님 사진과 텍스트 중앙 정렬로 편안함 부여 */
		background: #ffffff; /* 컨테이너 자체를 흰색 카드로 디자인 */
		border-radius: 24px; /* 라운딩을 깊게 주어 트렌디한 감성 연출 */
		box-shadow: 0 20px 40px rgba(7, 30, 37, 0.04), 0 1px 3px rgba(7, 30, 37, 0.02); /* 부드러운 입체감 */
	}
	
	.byun_intro_l {
		position: relative;
		flex: 1;
		max-width: 440px;
		border-radius: 16px;
		overflow: hidden;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06); /* 사진에도 깊이감 부여 */
	}
	.byun_intro_l img {
		width: 100%;
		height: auto;
		display: block;
		transition: transform 0.5s ease;
	}
	.byun_intro_l:hover img {
		transform: scale(1.02); /* 섬세한 호버 인터랙션 추가 */
	}
	
	.byun_intro_r {
		position: relative;
		flex: 12%;
		max-width: 540px;
	}
	
	.byun_intro_r h1 {
		font-size: 30px; /* 서브 텍스트 개념의 에피타이저 타이틀로 변모 */
		letter-spacing: 1px;
		margin-bottom: 12px;
		background-image: linear-gradient(-45deg, #dfda3e, #42c358, #0fac72);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
		background-size: 400% 400%;
		animation: colorChange 3s ease infinite;       
		font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
		font-weight: bold;
	}
	
	.byun_intro_r h2 {
		font-size: 26px; /* 지나치게 크던 폰트를 모던하고 단단한 크기로 조정 */
		line-height: 1.5;
		margin-top: 0;
		margin-bottom: 28px;
		color: #1e293b;
		font-family: 'ChosunIlboMyungjo';
		font-weight: 400;
		word-break: keep-all;
	}
	
	.byun_intro_r h2 b {
		font-weight: 800;
		color: #20937c; /* 가문 고유의 메인컬러로 볼드 강조 */
	}
	
	.intro_box {
		position: relative;
		padding-top: 28px;
		border-top: 2px solid #f1f5f9; /* 어두운 선 대신 맑은 그레이 경계선 사용 */
		min-height: 380px;
	}
	
	.intro_box h3 {   
		font-size: 22px;
		font-weight: 500;
		color: #334155;
		margin-bottom: 0;
		padding-right: 0;
	}
	
	.intro_box h3 strong {
		font-size: 26px;
		font-weight: 800;
		color: #0f172a;
		margin-left: 4px;
	}
	
	/* 탭 버튼 그룹 상단 정렬 및 컴포넌트화 */
	.intro_btn_group {
		position: relative;
		margin-top: 20px;
		margin-bottom: 15px;
		display: inline-flex;
		background: #f1f5f9; /* iOS 세그먼트 스타일의 캡슐 백그라운드 */
		padding: 5px;
		border-radius: 30px;
		gap: 2px;
	}
	
	.intro_btn_group button {   
		font-size: 13px;
		background: transparent;
		color: #64748b;
		font-family: 'Pretendard';
		padding: 8px 20px;
		cursor: pointer;
		border: none;
		transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
		border-radius: 25px;
		font-weight: 600;
		letter-spacing: -0.02em;
	}
	
	/* 선택되어 활성화된 탭 스타일 */
	.intro_btn_group button.active_btn {
		background: #ffffff;
		color: #20937c;
		font-weight: 700;
		box-shadow: 0 4px 10px rgba(32, 147, 124, 0.12); /* 활성화 탭 플로팅 효과 */
	}
	
	.intro_btn_group button:hover {
		color: #20937c;
	}
	
	@font-face {
		font-family: 'ChosunIlboMyungjo';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
		font-weight: bold;
		font-display: swap;
	}

	.introtab_view p {
		font-size: 16px; /* 장문 가독성을 위해 18px -> 16px 서체 다이어트 */
		padding: 15px 0;
		color: #334155;
		line-height: 1.75;
		font-family: 'Pretendard'; /* 긴 소개글은 명조보다 산세리프 계열이 눈 피로도가 낮습니다 */
	}

	.introtab_view, .introtab_view2 {
		min-height: 340px;
	}
	
	.introtab_view2 ul {
		padding-top: 15px;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	
	.introtab_view2 ul li {
		font-size: 15px;
		color: #475569;
		font-family: 'Pretendard';
		list-style: none;
		padding-left: 14px;
		position: relative;
	}
	
	.introtab_view2 ul li::before {
		content: "";
		position: absolute;
		left: 0;
		top: 9px;
		width: 5px;
		height: 5px;
		background: #20937c; /* 리스트 점 색상 통일 */
		border-radius: 50%;
	}
	
	/* 역사 타임라인 영역 */
	.byun_history {
		padding: 60px 20px;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	.byun_history h1 {
		font-size: 38px;
		font-weight: 800;
		color: #1a1a1a;
		margin-bottom: 10px;
	}

	.byun_history > p {
		font-size: 20px;
		color: #666;
		margin-bottom: 60px;
	}

	#tlWrap {
		position: relative;
		max-width: 1000px;
		padding-left: 60px;
		text-align: left;
		margin: 0;
		box-sizing: border-box;
	}

	.tl-track {
		position: absolute;
		left: 17px;
		top: 23px;
		bottom: 10px;
		width: 4px;
		background: #eef1f0;
		border-radius: 4px;
	}

	.tl-fill {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 0%;
		background: #32bfa3;
		border-radius: 4px;
		transition: height 0.1s ease-out;
	}

	.tl-item {
		position: relative;
		display: flex;
		gap: 40px;
		align-items: center;
		margin-bottom: 70px;
		opacity: 0.3;
		transform: translateY(20px);
		transition: opacity 0.6s ease, transform 0.6s ease;
		padding-top: 20px;
	}

	.tl-item:last-child { 
		margin-bottom: 0; 
	}

	.tl-item.visible {
		opacity: 1;
		transform: translateY(0);
	}

	.tl-dot {
		position: absolute;
		left: -51px;
		top: 22px;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		background: #fff;
		border: 3px solid #cedbd6;
		box-sizing: border-box;
		z-index: 10;
		transition: border-color 0.4s ease, background-color 0.4s ease;
	}

	.tl-item.visible .tl-dot {
		border-color: #32bfa3;
		background-color: #fff;
	}

	.tl-text { 
		flex: 1; 
	}

	.tl-gen {
		display: inline-block;
		font-size: 18px;
		font-weight: 600;
		color: #22938b;
		background: #c9f9e8;
		padding: 2px 10px;
		border-radius: 5px;
		margin-bottom: 14px;
		letter-spacing: -0.01em;
	}

	.tl-name {
		font-size: 27px;
		font-weight: 700;
		color: #111;
		margin-bottom: 14px;
		line-height: 1.3;
	}

	.tl-name em {
		font-style: normal;
		color: #22938b;
		margin-right: 15px;
		font-weight: 700;
		font-size: 22px;
	}

	.tl-desc {
		font-size: 18px;
		color: #555;
		line-height: 1.7;
		margin-bottom: 10px;
		word-break: keep-all;
	}

	.tl-highlight {
		font-size: 19px;
		font-weight: 400;
		color: #222;
	}

	.tl-photo {
		width: 410px;
		flex-shrink: 0;
		border-radius: 16px;
		overflow: hidden;
		background: #f7f9f8;
		box-shadow: 0 4px 12px rgba(0,0,0,0.04);
	}

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

	/* ==========================================================================
	   [디자인 고도화] 동서양 장 건강 영역 (byun_dongsuyang)
	   ========================================================================== */   
	.byun_dongsuyang {   
position: relative;
    background: linear-gradient(-45deg, #b9daee, #1f2d3d, #2a3a59, #414141);
    background-size: 400% 400%;
    animation: colorChange 8s ease infinite;
    margin-top: 90px;
    overflow: hidden;
		width: 100%;
	}   
	
.byun_dongsuyang::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 1;
}	
	
	
	
	@keyframes premiumGlow {
		0% { background-position: 0% 50%; }
		50% { background-position: 100% 50%; }
		100% { background-position: 0% 50%; }
	}
		
	.byun_gunbon_box {
		width: 100%;
		max-width: 1000px;
		padding: 100px 20px;
		margin: 0 auto;
		box-sizing: border-box;
	}
		
	.byun_gunbon_box h1 {
		font-size: 38px;
		font-weight: 700;
		letter-spacing: -0.03em;
		margin-bottom: 50px;
		color: #fff;
		text-align: center;
		word-break: keep-all;
		font-family: 'Pretendard', sans-serif;
	}

	#byun_gunbon {
		display: flex;
		gap: 40px;
		margin-bottom: 60px;
	}

	#byun_gunbon_l,
	#byun_gunbon_r {
		flex: 1;
		background-color: #ffffff;
		padding: 50px 40px;
		border-radius: 20px;
		position: relative;
		min-height: 380px;
		box-sizing: border-box;
		box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
		border: 1px solid rgba(255, 255, 255, 0.1);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	@font-face {
		font-family: 'JoseonBoldMyongjo';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKm.woff') format('woff');
		font-weight: normal;
		font-display: swap;
	}
		
	#byun_gunbon_l h3 {
		font-size: 34px;
		font-family: 'JoseonBoldMyongjo', serif;
		color: #0f172a;
		margin: 0 0 5px 0;
		font-weight: 100;
	}

	#byun_gunbon_l p {
		font-size: 20px;
		margin: 0 0 30px 0;
		font-weight: 600;
		color: #64748b;
		letter-spacing: -0.02em;
	}

	#byun_gunbon_l h2,
	#byun_gunbon_r h2 {
		font-size: 28px;
		margin: auto 0 12px 0;
		color: #0f172a;
		text-align: left;
		max-width: 250px;
		line-height: 1.35;
		font-weight: 700;
		letter-spacing: -0.03em;
		word-break: keep-all;
	}

	#byun_gunbon_l span,
	#byun_gunbon_r span {
		font-size: 16px;
		color: #fff;
		font-weight: 700;
		background: #000000;
		padding: 4px 12px;
		border-radius: 6px;
		align-self: flex-start;
	}

	#byun_gunbon_l img {
		position: absolute;
		right: 30px;
		top: 45px;
		max-width: 170px;
		opacity: 0.95;
	}
	
	#byun_gunbon_r h3 {
		font-size: 28px;
		margin: 0 0 30px 0;
		font-family: 'JoseonBoldMyongjo', serif;
		color: #0f172a;
		line-height: 1.3;
		font-weight: 100;
	}
	
	#byun_gunbon_r img {
		position: absolute;
		right: 20px;
		top: 45px;
		max-width: 170px;
		opacity: 0.95;
	}   
		
	.byun_gunbon_btxt {
		font-size: 32px;
		margin-top: 20px;
		margin-bottom: 40px;
		color: #f8fafc;
		text-align: center;
		line-height: 1.5;
		word-break: keep-all;
		font-weight: 400;
		font-family: 'Pretendard', sans-serif;
	}

	.byun_gunbon_box b {
    background-image: linear-gradient(-45deg, #dfda3e, #42c358, #0fac72);
    -webkit-background-clip: text;
    color: transparent;
    background-size: 400% 400%;
    animation: colorChange 3s ease infinite;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-weight: bold;
	}

	.arrow-box {
		max-width: 60%;
		height: auto;
		animation: fadeIn 0.3s ease-out forwards, bounce 1s infinite ease-in-out;
		animation-delay: 0.1s, 0.5s;
	}
		
	/* 연구 영역 */   
	.byun_yungu_box {
		background: #f3f4f8;
		padding: 80px 20px;
		width: 100%;
		box-sizing: border-box;
	}
		
	.byun_yungu_box h1 {
		font-size: 35px;
		font-weight: 700;
		text-align: center;
		line-height: 1.4;
		color: #111111;
		margin-bottom: 60px;
		word-break: keep-all;
	}

	#byun_yungu {
		position: relative;
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		padding: 60px;
		background: #fff;
		box-sizing: border-box;
	}
		
	#byun_yungu > img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 12px;
		margin-bottom: 40px;
	}

	.byun_yungu_list h2, 
	.byun_book_list h2 {
		font-size: 24px;
		font-weight: 700;
		color: #222222;
		border-bottom: 2px solid #e0e0e0;
		padding-bottom: 10px;
		margin-top: 40px;
		margin-bottom: 30px;
	}

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

	.byun_yungu_list li {
		position: relative;
		padding-left: 20px;
		margin-bottom: 20px;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.4;
		color: #000000;
		word-break: keep-all;
	}

	.byun_yungu_list li::before {
		content: "•";
		position: absolute;
		left: 0;
		top: 0;
		color: #000000;
		font-size: 18px;
	}

	.byun_yungu_list li p {
		margin: 4px 0 0 0;
		font-size: 17px;
		font-weight: 400;
		color: #666666;
	}

	.byun_book_list ul {
		list-style: none;
		padding: 0;
		margin: 0;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 15px;
	}

	.byun_book_list li div {
		text-align: center;
		background: #f3f3f3;
		height: 245px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 10px;
		box-sizing: border-box;
	}

	.byun_book_list li img {
		max-width: 100%;
		max-height: 180px;
		height: auto;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}

	.byun_book_list li p {
		margin: 0;
		font-size: 16px;
		color: #555555;
		line-height: 1.4;
		word-break: keep-all;
		margin-top: 20px;
		font-weight: 600;
		text-align: center;
	}

	.byun_since_box {
		background-image: url('https://www.okbyun.co.kr/img/byunhom/intro/jewoldang_bg.jpg');
		background-attachment: fixed; /* PC에서 패럴랙스 스크롤 효과 유지 */
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 400px; 
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;
		padding: 60px 20px;
		box-sizing: border-box;
		width: 100%;
	}

	/* 이미지 위에 어두운 반투명 레이어를 깔아 글씨 가독성 완벽 확보 */
	.byun_since_box::before {
		content: "";
		position: absolute;
		top: 0; left: 0; right: 0; bottom: 0;
		background-color: rgb(0 0 0 / 9%);/* 어둠 강도를 45%로 살짝 올려 글씨 가독성 강화 */
		z-index: 1;
	}

	/* 텍스트 스타일 정의 */
	.byun_since {
		position: relative;
		z-index: 2; /* 어두운 레이어보다 위로 올림 */
		color: #ffffff;
		width: 100%;
		max-width: 800px; /* 본문 텍스트가 너무 퍼지지 않게 제한 */
		margin: 0 auto;
	}

	.byun_since h1 {
		font-size: 45px;
		font-weight: 700;
		letter-spacing: 2px;
		margin-bottom: 20px;
	}

	.byun_since h3 {
		font-size: 26px;
		font-weight: 500;
		margin-bottom: 25px;
		line-height: 1.4;
		word-break: keep-all; /* 한글 단어 단위 줄바꿈 */
	}

	.byun_since p {
		font-size: 20px;
		font-weight: 300;
		line-height: 1.7;
		opacity: 0.95;
		word-break: keep-all;
	}   

	/* PC 버전에서 모바일 전용 제목 요소를 숨김 */
	.byun_intro_title_m {
		display: none;
	}

	/* ==========================================================================
	   모바일 & 태블릿 반응형 미디어 쿼리 (1024px 이하 스마트폰 전체 대응)
	   ========================================================================== */
	@media screen and (max-width: 1024px) {
		.byungiwon_intro_box {
			padding: 20px 0;
		}

		.byun_since_box {
			background-attachment: scroll !important; 
			background-position: center center; 
			min-height: 320px; 
			padding: 50px 20px;
		}

		.byun_since_box::before {
			background-color: rgb(0 0 0 / 9%);; 
		}

		.byun_since h1 {
			font-size: 32px;
			letter-spacing: 1px;
			margin-bottom: 15px;
		}

		.byun_since h3 {
			font-size: 19px;
			margin-bottom: 20px;
			line-height: 1.5;
		}

		.byun_since p {
			font-size: 15px;
			line-height: 1.6;
		}

		/* 원장님 상단 소개 반응형 구조 제어 */
		.byungiwon_intro {
			flex-direction: column;
			align-items: center;
			padding: 40px 20px;
			margin: 20px; /* 모바일 그리드 카드 여백 확보 */
			gap: 24px;
		}
		
		/* 모바일 전용 타이틀 구조 고도화 */
		.byun_intro_title_m {
			display: block;
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}
		.byun_intro_title_m h1 {
			font-size: 30px; /* [수정] 모바일 가독성을 위해 기존 14px에서 18px로 크기 확대 */
			letter-spacing: -1px;
			background-image: linear-gradient(-45deg, #dfda3e, #42c358, #0fac72);
			background-clip: text;
			-webkit-background-clip: text;
			color: transparent;
			background-size: 400% 400%;
			animation: colorChange 3s ease infinite;
			margin: 0 0 12px 0; /* 마진 조정 */        
			font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
			font-weight: bold;
		}
		.byun_intro_title_m h2 {
			font-size: 20px;
			line-height: 1.4;
			margin-top: 8px;
			margin-bottom: 0;
			color: #1e293b;
			font-family: 'ChosunIlboMyungjo';
		}
		.byun_intro_title_m h2 b {
			font-weight: 800;
			color: #20937c;
		}

		/* PC용 우측 영역 내부의 제목은 모바일에서 숨김 */
		.byun_intro_r > h1,
		.byun_intro_r > h2 {
			display: none;
		}

		.byun_intro_l {
			max-width: 280px;
			margin-bottom: 0;
		}
		.byun_intro_r {
			width: 100%;
			max-width: 1000px;
		}
		.intro_box {
			padding-top: 20px;
  		  border-top: 2px solid #fff;
		}
		.intro_box h3 { font-size: 18px; text-align: center; margin-top: 0; }
		.intro_box h3 strong { font-size: 22px; }
		
		/* 모바일에서 버튼 그룹 정렬 지정 */
		.intro_btn_group { display: flex; justify-content: center; margin: 20px auto 10px; right: auto; top: auto; width: 100%; max-width: 280px; }
		.intro_btn_group button { flex: 1; text-align: center; padding: 10px 0; font-size: 13px; }

		.introtab_view p { font-size: 15px; text-align: left; } /* 문맥 정렬을 왼쪽으로 바꾸어 가독성 상향 */
		.introtab_view, .introtab_view2 { min-height: auto; }
		.introtab_view2 ul li { font-size: 14px; text-align: left; }

		/* 역사 타임라인 */
		.byun_history h1 { font-size: 30px; }
		.byun_history > p { font-size: 16px; margin-bottom: 40px; }
		#tlWrap { padding-left: 35px; }
		.tl-track { left: 9px; }
		.tl-dot { left: -31px; width: 16px; height: 16px; top: 25px; }
		
		/* [수정] 모바일 환경에서 tl-text(소개글)가 tl-photo(사진)보다 무조건 위로 오도록 flex-direction을 기본 column 구조로 배치 */
		.tl-item { flex-direction: column; gap: 20px; margin-bottom: 50px; align-items: flex-start; }
		
		.tl-photo { width: 100%; max-width: 100%; }
		.tl-gen { font-size: 15px; }
		.tl-name { font-size: 22px; }
		.tl-name em { font-size: 18px; display: block; margin-bottom: 5px; }
		.tl-desc { font-size: 15px; }
		.tl-highlight { font-size: 18px;; }

		/* 동서양 근본 박스 반응형 최적화 */
		.byun_gunbon_box { padding: 60px 20px; }
		.byun_gunbon_box h1 { font-size: 24px; margin-bottom: 35px; }
		#byun_gunbon { flex-direction: column; gap: 24px; margin-bottom: 40px; }
		#byun_gunbon_l, #byun_gunbon_r { padding: 30px; min-height: auto; padding-bottom: 40px;}
		#byun_gunbon_l h3 { font-size: 28px; }
		#byun_gunbon_r h3 { font-size: 24px; margin-bottom: 20px; }
		#byun_gunbon_l p { font-size: 17px; margin-bottom: 20px; }
		#byun_gunbon_l h2, #byun_gunbon_r h2 { font-size: 24px; margin-top: 30px; max-width: 100%; }
		#byun_gunbon_l img, #byun_gunbon_r img { position: relative; display: block; margin: 0 auto; right: auto; top: auto; max-width: 140px; }
		.byun_gunbon_btxt { font-size: 22px; margin-bottom: 30px; line-height: 1.4; }

		/* 연구 및 저서 */
		.byun_yungu_box h1 { font-size: 22px; margin-bottom: 40px; }
		#byun_yungu { padding: 20px; }
		.byun_yungu_list h2, .byun_book_list h2 { font-size: 20px; }
		.byun_yungu_list li { font-size: 16px; }
		.byun_yungu_list li p { font-size: 14px; }
		.byun_book_list ul { grid-template-columns: repeat(2, 1fr); gap: 15px; }
		.byun_book_list li div { height: 180px; }
		.byun_book_list li img { max-height: 130px; }
		.byun_book_list li p { font-size: 14px; }

		/* 하단 샌스 배너 */
		.byun_since h1 { font-size: 32px; }
		.byun_since h3 { font-size: 18px; }
		.byun_since p { font-size: 15px; }
	}
	
.byunguttxt{
    background-image: linear-gradient(-45deg, #dfda3e, #42c358, #0fac72);
    -webkit-background-clip: text;
    color: transparent;
    background-size: 400% 400%;
    animation: colorChange 3s ease infinite;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
    font-weight: bold;
	
}