/* 공통요소*/

.animate-fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-fade-up.active {
  opacity: 1;
  transform: translateY(0);
}

.delay-0 {
  transition-delay: 0s;
}

.delay-1 {
  transition-delay: 0.2s;
}

.delay-2 {
  transition-delay: 0.4s;
}

.delay-3 {
  transition-delay: 0.6s;
}

.delay-4 {
  transition-delay: 0.8s;
}

.delay-5 {
  transition-delay: 1.0s;
}

.delay-6 {
  transition-delay: 1.2s;
}

.delay-7 {
  transition-delay: 1.4s;
}

.delay-8 {
  transition-delay: 1.6s;
}


header *,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

main {
  padding-top: 0px;
}

header ul,
li {
  list-style: none;
}

/* 실무 표준 공통 컨테이너 */
.container {
  width: 100%;
  max-width: 1400px;
  /* PC 최대 폭 */
  margin: 0 auto;
  padding: 0 40px;
  /* PC 기본 좌우 여백 */
  box-sizing: border-box;
}

/* --- 2. 헤더 --- */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1000;
  border-bottom: 1px solid #806b59;
}

header .header-inner {
  border-bottom: none;
}

header .container {
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 60px;
  flex-wrap: nowrap;
}

header .logo a {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 24px;
  font-weight: 800;
  color: #4A3728;
  text-decoration: none;
  width: 150px;
  display: flex;
  align-items: center;
}


header nav.gnb {
  margin-left: 30px;
  flex: 1;
}

header nav.gnb ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

header nav.gnb ul li.nav-item {
  width: 180px;
  text-align: center;
}

header nav.gnb ul li.nav-item a {
  font-family: 'Nanum Myeongjo', serif;
  padding: 10px 0;
  font-size: 17px;
  color: #4A3728;
  font-weight: 600;
  text-decoration: none;
  display: block;
}

header .right-side {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 15px;
}

header .tel {
  font-size: 15px;
  color: #4A3728;
  font-family: 'Nanum Myeongjo', serif;
  font-weight: 600;
  white-space: nowrap;
}


.menu-toggle {
  display: none;
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
  margin-left: 20px;
}

.menu-toggle .bar {
  width: 25px;
  height: 3px;
  background-color: #4A3728;
  transition: all 0.3s ease;
}

header .tel a {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
}

header nav.gnb ul li.nav-item {
  width: 180px;
  text-align: center;
  position: relative;
  cursor: pointer;
}

header nav.gnb ul li.nav-item .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  min-width: 150px;
  background: #fff;
  border: 1px solid #806b59;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
  padding: 10px 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  z-index: 9999;
}

header nav.gnb ul li.nav-item.active .sub-menu {
  opacity: 1;
  visibility: visible;
}

header nav.gnb ul li.nav-item .sub-menu li {
  width: 100%;
  text-align: center;
}

header nav.gnb ul li.nav-item .sub-menu li a {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 15px;
  color: #777;
  padding: 10px 20px;
  font-weight: 400;
  display: block;
}

header nav.gnb ul li.nav-item .sub-menu li a:hover {
  color: #3E2C24;
  font-weight: 700;
}

/* footer*/

footer {
  background-color: #2B2523;
  padding: 50px 0;
  border-top: 1px solid #e2e2e2;
  color: white;
  font-size: 14px;
}

footer .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

footer p {
  font-family: 'Nanum Myeongjo', serif;
  line-height: 1.8;
  margin-bottom: 10px;
}

footer .copyright {
  font-family: 'Nanum Myeongjo', serif;
  margin-top: 20px;
  font-size: 12px;
  color: white;
}

/*세부페이지 공통 히어로섹션*/
.page-container {
  width: 100%;
  margin: 0;
}


.hero-section {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}


.hero-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.hero-content {
  font-family: 'Nanum Myeongjo', serif;
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

/*세부페이지 공통 상단바*/
.breadcrumb-bar {
  width: 100%;
  background-color: #F9F7F5;
  padding: 20px 0;
  border-bottom: 1px solid #E0DCD9;
}

.breadcrumb-bar .container {
  padding: 0 20%;
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #888;
  letter-spacing: 0.5px;
}

.breadcrumb-bar .path {
  font-family: 'Nanum Myeongjo', serif;
  color: #4A3728;
  font-weight: 600;
  font-size: 14px;
}

.breadcrumb-bar .separator {
  font-family: 'Nanum Myeongjo', serif;
  margin: 0 10px;
  color: #ccc;
  font-size: 10px;
}

/*강조 하이라이트*/
.highlight {
  /* 그라데이션을 사용하여 하이라이트 색상과 두께를 조절합니다 */
  background: linear-gradient(to top, #d3c4bc 40%, transparent 40%);
  padding: 0 4px;
  /* 글자 양옆에 아주 약간의 여백 */
  border-radius: 4px;
  /* 모서리를 둥글게 처리 */
  background-size: 0% 100%;
  /* 처음에는 형광펜 칠이 안 보이도록 너비를 0%로 설정 */
  background-repeat: no-repeat;
  /* 배경이 반복되지 않게 고정 */
  transition: background-size 1.5s ease-in-out;
}

.highlight.active {
  background-size: 100% 100%;
  /* active 클래스가 붙으면 너비를 100%로 늘려서 색을 채움 */
}

/*공통 부분 끝*/












/* main.html hero 섹션 */
.new-knowhow_m {
  padding-top: 225px;
  position: relative;
  background-image: url('leon-gao-ooX-lfJqzhE-unsplash.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 650px;
  color: #fff;
}

.new-knowhow_m::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.new-knowhow_m .container {
  position: relative;
  z-index: 2;
}

.nk-desc ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  gap: 10px;
  padding-left: 0;
}

.s-text {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 20px;
  color: white;
  text-align: center;
}

.m-text {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 30px;
  color: white;
  text-align: center;
}

.l-text {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 45px;
  font-weight: 700;
  color: white;
}

.nkd-bar {
  width: 40px;
  height: 2px;
  background: white;
}

.scroll-down {
  font-family: 'Nanum Myeongjo', serif;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  z-index: 10;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.arrow-wrapper {
  position: relative;
  width: 30px;
  height: 40px;
  display: flex;
  justify-content: center;
}

.arrow-svg {
  position: absolute;
  width: 30px;
  height: 30px;
  stroke: white;
  animation: fadePulse 2s infinite;
}

.arrow-svg:nth-child(1) {
  animation-delay: 0s;
}

.arrow-svg:nth-child(2) {
  animation-delay: 1s;
}

@keyframes fadePulse {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }

  50% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(5px);
  }
}












/* 본문 시작*/
/* 왜 박지호 한의원인가요? 섹션*/

.features1 {
  background-color: #F5F2F0;
}

.features1 .container {
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  align-items: left;
  padding: 80px 40px;
}

.features1 .uppertitle {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 25px;
  color: #4A3728;
}

.features1 .title {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 45px;
  margin: 0px 0 50px;
  color: #4A3728;
}


.features1 .contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.feature-item {
  font-family: 'Nanum Myeongjo', serif;
  padding: 50px;
  background: #fdfdfd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 23px;
  border: 1px solid #eee;
  text-align: center;
  height: 200px;
  transition: background-color 0.7s ease, color 0.7s ease;
}

.feature-item h3 {
  font-family: 'Nanum Myeongjo', serif;
  font-size: clamp(20px, 2.5vw, 30px);
  margin: 0;
  word-break: keep-all;
}

.feature-item p {
  font-family: 'Nanum Myeongjo', serif;
  font-size: clamp(14px, 1.8vw, 20px);
  margin: 0;
  word-break: keep-all;
}


.feature-item:hover {
  background-color: #6B625E;

}

.feature-item:hover h3,
.feature-item:hover p {
  color: #ffffff;
  /* 내부 텍스트 흰색 */
}



/* FAQ 섹션 */

.features1-1 {
  background-color: #e4dbd3;
  background-size: 20px 20px;
}

.features1-1 .container {
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 40px;
  flex-direction: column;
}

.features1-1 .title {
  margin-bottom: 5px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 45px;
  color: #4A3728;
  position: relative;
  z-index: 1;
}

.features1-1 .subtitle {
  margin: 0px 0px 55px 0px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 25px;
  color: #4A3728;
}


.features1-1 .slider-container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.features1-1 .faq-slider {
  display: flex;
  flex-direction: row;
  transition: transform 0.8s ease-in-out;
}

.features1-1 .faq-slide {
  min-width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  /* 세로 중앙 정렬 */
  justify-content: space-between;
  /* 양 끝으로 배치 */
  gap: 40px;
  /* 글자와 사진 사이 간격 */
}

.features1-1 .faq-part {
  display: flex;
  flex-direction: column;

  flex: 1;
  /* 사진 영역을 제외한 나머지 공간을 모두 차지 */
  text-align: left;
  /* 글자 왼쪽 정렬 */
  min-width: 0;
  /* 글자가 박스를 뚫고 나가는 것을 방지 */
}

.features1-1 .faq-q1 {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 25px;
  margin: 0px;
}

.features1-1 .faq-q {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 32px;
  font-weight: bold;
  margin: 0px;
}

.features1-1 .faq-a {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 20px;
}

.features1-1 .faq-slide>a {
  width: 55%;
  /* 원래 이미지에 있던 너비 속성을 여기로 이동 */
  height: 400px;
  /* 원래 이미지에 있던 높이 속성을 여기로 이동 */
  flex-shrink: 0;
  /* 부모 압박에 의해 링크 박스가 줄어드는 것을 방지 */
  display: block;
  /* inline 요소를 block으로 변경하여 크기 값이 먹히도록 설정 */
}

/* 2. 이미지는 방금 설정한 a 태그 안을 꽉 채우도록 변경 */
.features1-1 .img-part {
  width: 100%;
  /* 50%에서 100%로 변경 (a 태그 너비의 100%) */
  height: 100%;
  /* 400px에서 100%로 변경 (a 태그 높이의 100%) */
  object-fit: cover;
  /* 이미지가 찌그러지지 않게 꽉 채우는 속성은 유지 */
}

.features1-1 .slider-dots {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}

.features1-1 .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  transition: 0.3s;

}

.features1-1 .dot.active {
  background: #4A3728;
  transform: scale(1.2);
}











/* 의료진 소개 섹션 */
.features3 {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    url("의료진소개배경.jpg");
}

.features3 .container {
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 50px 40px 0px;
  flex-wrap: wrap;
}

.features3 .uppertitle {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 25px;
  color: #4A3728;
  font-weight: bold;
}

.features3 .title {
  font-family: 'Nanum Myeongjo', serif;
  text-align: left;
  font-size: 45px;
  margin: 0 0 20px 0;
  color: #4A3728;
}

.staff-img-placeholder {
  width: 30%;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  border-radius: 10px;
  margin-right: 50px;
}

.staff-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.staff-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-title2 {
  font-family: 'Nanum Myeongjo', serif;
  text-align: left;
  font-size: 32px;
  margin: 0 0 20px 0;
  color: #4A3728;
}

.section-desc1 {
  font-family: 'Nanum Myeongjo', serif;
  text-align: left;
  font-size: 20px;
  margin: 0px 0 40px;
  color: #4A3728;
}

.more-btn {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #4A3728;
  color: #4A3728;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.more-btn:hover {
  background: #4A3728;
  color: #fff;
}








/* 진료과목 안내 섹션 */

.features2 {
  position: relative;
  background-image: linear-gradient(rgba(43, 37, 35, 0.85), rgba(43, 37, 35, 0.85)), url("진료과목.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.features2 .container {
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  padding: 50px 40px 80px;
}

.features2 .title {
  margin-bottom: 5px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 45px;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}

.features2 .subtitle {
  margin: 0px 0px 55px 0px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 25px;
  color: #ffffff;
}

.features2 .contents {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width: 100%;
}

.features2 .feature-item {
  padding: 40px 20px;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  width: 100%;
  min-height: 320px;
  box-sizing: border-box;
  transition: transform 0.4s ease;
}

.item-1 { background-image: linear-gradient(rgba(43, 37, 35, 0.7), rgba(43, 37, 35, 0.7)), url("추나.jpg"); }
.item-2 { background-image: linear-gradient(rgba(43, 37, 35, 0.7), rgba(43, 37, 35, 0.7)), url("피부미용.jpg"); }
.item-3 { background-image: linear-gradient(rgba(43, 37, 35, 0.7), rgba(43, 37, 35, 0.7)), url("태반 약침.png"); }
.item-4 { background-image: linear-gradient(rgba(43, 37, 35, 0.7), rgba(43, 37, 35, 0.7)), url("한약.jpg"); }
.item-5 { background-image: linear-gradient(rgba(43, 37, 35, 0.7), rgba(43, 37, 35, 0.7)), url("다이어트.jpg"); }
.item-6 { background-image: linear-gradient(rgba(43, 37, 35, 0.7), rgba(43, 37, 35, 0.7)), url("교통사고.jpg"); }

.features2 .feature-item h3 {
  font-family: 'Nanum Myeongjo', serif;
  color: #6B625E;
  font-size: clamp(20px, 2vw, 26px);
  margin: 15px 0 10px 0;
  word-break: break-word;
}

.features2 .feature-item p {
  font-family: 'Nanum Myeongjo', serif;
  color: gray;
  font-size: clamp(14px, 1.5vw, 17px);
  margin: 0;
  word-break: break-word;
  line-height: 1.6;
}

.features2 .icon {
  width: 60px;
  margin-bottom: 0px;
}

.features2 .feature-item h3,
.features2 .feature-item p {
  color: #ffffff !important;
  transition: transform 0.4s ease;
}

.features2 .feature-item:hover {
  background-color: transparent;
  transform: scale(1.03);
}

.features2 .feature-item:hover h3 {
  transform: scale(1.08);
}

.features2 .feature-item:hover p {
  transform: scale(1.05);
}

.item-1:hover { background-image: linear-gradient(rgba(43, 37, 35, 0.2), rgba(43, 37, 35, 0.2)), url("추나.jpg"); }

.features2::before {
  content: "";
  position: absolute;
  top: -150px;
  right: -150px;
  width: 500px;
  height: 500px;
  background: rgba(255, 255, 255, 0.05);
  /* 은은한 흰색 원 */
  border-radius: 50%;
  pointer-events: none;
  /* 마우스 클릭을 방해하지 않음 */
}

.features2::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: -100px;
  width: 350px;
  height: 350px;
  background: rgba(255, 255, 255, 0.03);
  /* 조금 더 연하게 설정 */
  border-radius: 50%;
  pointer-events: none;
}












/*고정사진 섹션*/
.features4 {
  position: relative;
  width: 100%;
  height: 600px;
  background-image: url('고정된\ 사진.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  align-items: top;
  color: #fff;
}


.features4 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 37, 35, 0.9);
  z-index: 1;
}


.features4 .container {
  position: relative;
  z-index: 2;
  text-align: center;
}

.section-title5 {
  font-family: 'Nanum Myeongjo', serif;
  text-align: left;
  font-size: 45px;
  color: white;
  padding: 0px 0px 20px 200px;
}


.section-desc2 {
  font-family: 'Nanum Myeongjo', serif;
  text-align: left;
  font-size: 22px;
  margin: 0px 0 50px;
  color: white;
  line-height: 2;
  padding-left: 200px;
}















/* FAQ 섹션 */

.features5 {
  background-color: #F9F7F5;
  background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
  background-size: 20px 20px;
}

.features5 .container {
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0px 40px 40px;
  flex-direction: column;
}

.features5 .subtitle {
  margin: 80px 0px 0px 0px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 25px;
  color: #3b291b;
  font-weight: bold;
}

.features5 .title {
  margin: 0px 0px 30px 0px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 45px;
  color: #4A3728;
}

.features5 .slider-container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.features5 .faq-slider {
  display: flex;
  transition: transform 0.8s ease-in-out;
}

.features5 .faq-slide {
  min-width: 100%;
  text-align: center;
  box-sizing: border-box;
}

.features5 .slider-dots {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 30px;
}

.features5 .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e0dcd9;
  cursor: pointer;
  transition: 0.3s;

}

.features5 .dot.active {
  background: #4A3728;
  transform: scale(1.2);
}

.features5 .faq-q {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 26px;
  font-weight: bold;
}

.features5 .faq-a {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 20px;
}

















/*한의원 소식 섹션*/
.features6 {
  background-color: #F5F2F0;
}

.features6 .container {
  margin: 0 auto;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  padding: 0px 40px 80px;
}

.features6 .title {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 45px;
  margin: 80px 0 0px;
  color: #4A3728;
}

.features6 .subtitle {
  margin: 0px 0px 55px 0px;
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 25px;
  color: #4A3728;
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  margin-top: 40px;
}

.review-card {
  display: block;
  text-decoration: none;
  background: #f9f7f6;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.review-card:hover {
  transform: translateY(-2px);
}

.review-card__image {
  width: 100%;
  height: 300px;
  background-color: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
}


















/* 오시는 길, 공지사항 섹션 */

.features7 .container {
  margin: 0 auto;
  padding: 80px 40px;
}


.info-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.info-box {
  flex: 1;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 500px;
}

.features7 .box1 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid gray;
  height: 500px;
}

.features7 .box2 {
  border: 1px solid gray;
  height: 400px;
  padding: 50px;
}

.features7 .box3 {
  height: 100px;
  background: #4b4340;
  display: flex;
  align-items: center;
  justify-content: center;
}

.features7 .TEL {
  font-family: 'Nanum Myeongjo', serif;
  color: white;
  font-size: 20px;
  font-weight: bold;
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5px;
}

.section-title-alt {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 20px;
  color: #333;
  margin-bottom: 0;
  letter-spacing: 2px;
  text-transform: uppercase;

}


.text-link {
  font-size: 14px;
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #888;
  padding-bottom: 2px;
}

.notice-list-alt li {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #555;
}














/* --- 우측 고정 통합 직사각형 플로팅 박스 (확대 & 롱 버전) --- */
.floating-social {
  position: fixed;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 998;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 115px;
  /* 가로 폭을 살짝 늘림 */
}

.floating-social .social-item {
  text-decoration: none;
  padding: 30px 10px;
  /* 상하 여백을 더 늘려 세로로 더 길게 만듦 */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}

.floating-social .social-item.blog {
  border-bottom: 1px solid #eee;
}

.floating-social .social-item.blog:hover {
  background-color: #f2fcf6;
}

.floating-social .social-item.insta:hover {
  background-color: #fdf0f3;
}

.floating-social .social-content-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.floating-social .social-img-wrap {
  width: 44px;
  /* 아이콘 크기 확대 */
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.floating-social .social-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.floating-social .social-text {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 14px;
  /* 글자 크기 확대 */
  font-weight: 750;
  color: #4A3728;
  text-align: center;
  white-space: nowrap;
}










/* about.html */
.aboutfeatures1 {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
    url("의료진소개배경.jpg");
}

.aboutfeatures1 .container {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 40px 0px;
  flex-wrap: wrap;
}

.aboutfeatures1 .height-bar {
  width: 1px;
  height: 90px;
  background: #4A3728;
  margin: 0 auto;
  margin-top: 30px;
}


.aboutfeatures1 .title {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 45px;
  margin: 50px 0 50px;
  color: #4A3728;
}

.staff-img-placeholder {
  width: 30%;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  border-radius: 10px;
  margin-right: 50px;
}

.staff-card {
  display: flex;
  align-items: row;
  justify-content: space-between;
  width: 100%;
}

.section-title2 {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 32px;
  margin: 40px 0;
  color: #4A3728;
}

.section-desc1 {
  font-family: 'Nanum Myeongjo', serif;
  text-align: center;
  font-size: 20px;
  margin: 0px 0 40px;
  color: #4A3728;
}

.more-btn {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #4A3728;
  color: #4A3728;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s;
}

.more-btn:hover {
  background: #4A3728;
  color: #fff;
}
















/* time.html */
.clinic-hours-section {
  padding: 80px 20px;
  background-color: #f9f9f9;
}

.hours-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 좌우 2단 배치 */
  gap: 60px;
  max-width: 900px;
  margin: 0 auto;
}

/* 표 스타일 */
.hours-table {
  width: 100%;
  border-collapse: collapse;
}

.hours-table th,
.hours-table td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.hours-table th {
  color: #a89574;
  font-weight: bold;
}

.hours-table .closed td {
  color: #e74c3c;
  font-weight: bold;
}

/* 안내 영역 */
.hours-notice h3 {
  margin-top: 0;
  margin-bottom: 15px;
}

.hours-notice ul {
  list-style: none;
  padding: 0;
  line-height: 2;
  color: #666;
}

.appointment-btn {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 25px;
  background: #a89574;
  color: white;
  text-decoration: none;
  border-radius: 5px;
}















/* aboutvisitingtreatment.html */
/* 섹션 헤더 스타일 */
.section-header {
  text-align: center;
  margin-bottom: 60px;
}

/* 카드 간 간격 조정 */
.staff-wrapper {
  display: flex;
  flex-direction: column;
  gap: 80px;
}

/* 텍스트 영역 가독성 보강 */
.staff-info h3 {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 26px;
  color: #4A3728;
  margin-bottom: 15px;
}

.staff-info .description {
  line-height: 1.8;
  color: #555;
  font-size: 1.05rem;
}

/* 반응형 설정 (화면이 줄어들면 세로 배치) */
@media (max-width: 900px) {
  .features2 .container {
    padding: 40px 5%;
  }


  .staff-img-placeholder {
    margin: 0 auto 20px auto;
  }
}