.byungiwon_intro_box{   
		position:relative;
		width: 100%;
		background: #f3f4f8;
	}
	
	.byungiwon_intro{
		position:relative;
		width: 1000px;
		margin: 0 auto;
		padding-top: 60px;
		height: auto !important; 
		overflow: hidden;
	}
	
	.byun_intro_l{
		position: relative;
		float: left;
	}
	
	.byun_intro_r{
		position: relative;
		width: 540px;
		float: right;
	}
	
	.byun_intro_r h1{
		font-size: 36px;
		background-image: linear-gradient(-45deg, #2cb5cd, #d2dd27, #1bc9c6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-size: 400% 400%;
    animation: colorChange 3s ease infinite;
	}
	
	.byun_intro_r h2{
		font-size: 22px;
		line-height: 1.3;
		margin-top: 8px;
		margin-bottom: 20px;
		color: #4b4b4b;
		font-family: 'ChosunIlboMyungjo';
	}
	
	.byun_intro_r h2 b{
		font-weight: 800;
	}
	
	.intro_box{
		position: relative;
		padding-top: 20px;
		border-top: 1px solid #bdbdbd;
		min-height: 380px; /* 탭 전환 시 하단 영역 들썩임 방지 */
	}
	
	.intro_box h3{   
		font-size: 28px;
		font-weight: 600;
		color: #4b4b4b;
	}
	
	.intro_box h3 strong{
		font-size: 32px;
		font-weight: 800;
	}
	
	.intro_box button{   
		position: absolute;
		font-size: 16px;
		background: #2d2d2d;
		color: #fff;
		font-family: 'Pretendard';
		padding: 6px 12px;
		right: 0px;
		top: 24px;
		cursor: pointer;
		border: none;
		transition: background 0.2s;
		border-radius: 4px;
}
	
	.intro_box button:hover {
		background: #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: 18px;
		padding: 30px 0px;
		color:#000;
		line-height: 1.6;
		font-family: 'ChosunIlboMyungjo';
	}

	/* 경력 리스트 스타일 깔끔하게 정돈 */
	.introtab_view {
		height: 500px;
	}	

	.introtab_view2 {
		height: 500px;
	}
	.introtab_view2 ul{
	padding-top:30px;
	}
	
	.introtab_view2 ul li {
		font-size: 16px;
		line-height: 2;
		color: #333;
		font-family: 'Pretendard';
		list-style: none;
	}
	
	
/* ==========================================
   역사 타임라인 영역 스타일 고도화 (이미지 기반)
   ========================================== */
.byun_history {
 padding-top: 60px;
    width: 1000px;
    margin: 0 auto;
}

.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;
}

/* 타임라인 메인 트랙 */
.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);
}

/* 타임라인 포인트 (Dot) 디자인 변경 */
.tl-dot {
    position: absolute;
    left: -51px; /* 트랙 중심 정렬 */
    top: 22px; /* 수평 라인 중앙에 위치 calc(50% - 11px); */
    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, box-shadow 0.4s ease;
}

/* 활성화(스크롤 도달)되었을 때의 내부 원형 그라데이션 및 디자인 효과 */
.tl-item.visible .tl-dot {
    border-color: #32bfa3;
    background-color: #fff;
  
} /*   box-shadow: inset 0 0 0 4px #32bfa3, 0 0 0 5px rgba(50, 191, 163, 0.15); */

.tl-text { 
    flex: 1; 
}

/* 대수 표기 뱃지 디자인 (이미지 싱크로율 100%) */
.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, 
.tl-photo .tl-photo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    font-size: 54px;
    background: #f4f7f6;
}


/* 동서양 */	

/* 동서양 융합 - 트렌디 무빙 그라데이션 & 테크 패턴 배경 */	
.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;
}	

/* 은은한 미래지향적 격자 패턴 레이어 추가 (과하지 않게 배경에 녹아듦) */
.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;
}

/* 동서양 콘텐츠가 배경 패턴 위로 올라오도록 제어 */
.byun_gunbon_box {
    position: relative;
    z-index: 2;
    width: 1000px;
    padding: 90px 10px;
    margin: 0 auto;
}

/* 그라데이션 무빙 애니메이션 (기존 파일에 colorChange 정의가 없다면 이 코드가 활성화시킵니다) */
@keyframes colorChange {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}



.byun_gunbon_box {
    width: 1000px;
    padding: 90px 10px;
    margin: 0 auto;
    
}
	
.byun_gunbon_box h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 50px;
	color: #fff;
	text-align: center;
}

#byun_gunbon {
  display: flex;
  gap: 30px;
  margin-bottom: 50px;
}

#byun_gunbon_l,
#byun_gunbon_r {
    flex: 1;
    background-color: #fff;
    padding: 50px 40px 10px;;
    border-radius: 10px;
    position: relative;
	 height: 350px;
}

@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: 35px;
    font-family: 'JoseonBoldMyongjo';
	    font-weight: 100;
}

#byun_gunbon_l p {
    font-size: 25px;
    margin-bottom: 20px;
    font-weight: 700;
}

#byun_gunbon_l h2 {
font-size: 30px;
    margin-top: 120px;
    margin-bottom: 10px;
    color: #000;
    text-align: left;
    width: 250px;
    line-height: 1.2;
}

#byun_gunbon_l span {
font-size: 20px;
    color: #757575;
    font-weight: 500;
}

#byun_gunbon_l img {
	position: absolute;
    right: 20px;
    top: 50px;
}
#byun_gunbon_r img {
	position: absolute;
    right: 10px;
    top: 60px;
}	

#byun_gunbon_r h3 {
 font-size: 30px;
    margin-bottom: 20px;
    font-family: 'JoseonBoldMyongjo';
    font-weight: 100;
    line-height: 1.2;
	
}
#byun_gunbon_r h2 {
font-size: 30px;
    margin-top: 130px;
    margin-bottom: 10px;
    color: #000;
    text-align: left;
    width: 250px;
    line-height: 1.2;
}	
	
#byun_gunbon_r span {
font-size: 20px;
    color: #757575;
    font-weight: 500;
}
	
.byun_gunbon_btxt {
	font-size: 35px;
    margin-top: 0;
    margin-bottom: 60px;
    color: #fff;
    text-align: center;
}

.byun_gunbon_box b {
  font-weight: 700;
	color: #a2ff81;
}



.byun_gunbon_box img {

}	
	
	
/* 소장 움직임 */	
.arrow-box{
	right: 380px;
    top: 220px;
	animation: fadeIn 0.3s ease-out forwards, bounce 1s infinite ease-in-out;
    animation-delay: 0.1s, 0.5s;
	
}
	

/* 연구 중 */	
#byun_yungu{
	position:relative;
	width: 900px;
    margin: 0 auto;
	 padding: 60px;
	    background: #fff;
}
	
.byun_yungu_box{
	    background: #f3f4f8;
    padding-top: 80px;
	 padding-bottom: 80px;
}
	
	
	
.byun_yungu_box h1 {
     font-size: 35px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    color: #111111;
    margin-bottom: 60px;
}


	

	

/* 원장님 이미지 */
#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;
}

/* 2. 연구 논문 리스트 */
.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;
}

/* 불릿 포인트 (•) 구현 */
.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;
}

/* 3. 저서 리스트 (4열 가로 배치) */
.byun_book_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4열로 균등 분할 */
    gap: 15px;
}

.byun_book_list li div {
    text-align: center;
	background: #f3f3f3;
    height: 245px;
}

/* 도서 이미지 스타일 */
.byun_book_list li img {
    width: 100%;
    max-width: 120px;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 40px;
}

/* 도서 제목 텍스트 */
.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;
}

	
	
	
	
	
	
	
/* 5대 마지막 */	

	
.byun_since_box {
    width: 100%;
    height: 450px;
      background-size: cover;
    letter-spacing: 0.5px;
	  background: url(/img/byunhom/intro/jewoldang_bg.jpg) center center fixed;
    margin-bottom: 40px;
}



/* 텍스트 스타일 정의 */
.byun_since {
    position: relative;
	    text-align: center;
    padding-top: 100px;
    color: #ffffff; /* 글자색 하얀색 */
}

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

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

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