/* 🎨 섹션 전체 배경/레이아웃 */
.container.section-title {
  position: relative;
  display: block;
  min-height: 100vh;

  /* 위는 흰색 → 아래는 투명 (짧은 그라데이션) + 배경 이미지 전체 */
  background-image:
    linear-gradient(to bottom, #ffffff 0%, rgba(255,255,255,0) 10%),
    url('../msb/배경.jpg');
  background-size: auto, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: top center, center;

  overflow-x: hidden;   /* ← 좌우 스크롤 완전 차단 */
  overflow-y: auto;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 99vw;         /* ← 100% 대신 뷰포트 기준 폭으로 고정 */
  box-sizing: border-box;
}

/* 🧱 콘텐츠 테이블 */
.container.section-title .content-table {
  width: 100%;
  max-width: 1450px;
  margin: 40px auto 0;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
  box-sizing: border-box;
}

/* 📐 셀 배치 (좌우 간격 유지) */
.container.section-title .left-cell {
  width: 550px;
  vertical-align: top;
  text-align: left;
  padding-right: 120px;
}

.container.section-title .right-cell {
  max-width: 750px;
  vertical-align: top;
  text-align: right;
  padding-left: 150px;
}

/* 🖼️ 이미지 스타일 - 확대 + 살짝 이동하되 overflow 숨김 */
.container.section-title .main-img {
  width: 145%;
  height: auto;
  display: block;
  margin-bottom: 320px;
  transform: translateX(28px);
  max-width: none;       /* 이미지가 부모 폭 제한 안 받도록 */
}

.container.section-title .desc-img {
  width: 145%;
  height: auto;
  display: block;
  transform: translateX(28px);
  max-width: none;
}

.container.section-title .right-img {
  width: 78%;
  height: auto;
  display: block;
  transform: translateX(18px);
  max-width: none;
}

/* 🔹 섹션 간 여백 */
.container.section-title .section-spacing {
  margin-top: 200px;
}

/* 🔝 맨 위로 버튼 */
.container.section-title #scrollToTopBtn {
  position: fixed;
  bottom: 40px;
  right: 40px;
  width: 56px;
  height: 56px;
  border-radius: 12px;
  border: none;
  background-color: #303ddb;
  color: white;
  font-size: 32px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 9999;
}

/* 공백용 이미지 전용 스타일 */
.container.section-title .blank-img {
  width: 80%;           /* ← 크기 작게 (기존 145%보다 훨씬 줄임) */
  height: auto;
  margin: 0 auto;       /* 가운데 정렬 */
  transform: none;      /* 오른쪽으로 이동하지 않음 */
  display: block;
  opacity: 0.9;         /* 살짝 투명감 (원하면 제거 가능) */
}