/* =========================================================
   1) TITLE SECTION (1280 x 422)
========================================================= */
.sub-title-section{
  width: 100%;
  background: #fff;
}

.sub-title-section__inner{
  position: relative;

  width: 100%;
  max-width: 1280px;
  height: 422px;

  margin: 0 auto;
  box-sizing: border-box;

  /* ✅ 위/아래 패딩 140 */
  padding: 140px 0;

  /* ✅ 패딩 제외한 가운데 영역에서 중앙정렬 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sub-title-box{
  position: relative;

  height: 96px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
}

/* point (page_point.svg) */
.page-point{
  position: absolute;
  width: 15px;
  height: 15px;

  left: 50%;
  bottom: 100%;
  transform: translate(-50%, 40%);

  display: block;
  pointer-events: none;
}

/* =========================================================
   2) CONTENT SECTION (1280 x 540)
========================================================= */
.sub-content-section {
  width: 100%;
  background: var(--c-white);
}

.sub-content-section__inner {
  width: 100%;
  max-width: 1280px;
  height: 540px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 140px 0;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

/* 모바일: 컨텐츠 섹션 */
@media (max-width: 799px) {
  .sub-content-section__inner {
    padding: 140px 20px;
  }
}

/* COLOR BOX PRODUCTION LINE (padding 하단 라인에 붙이기) */
.sub-title-sub{
  position: absolute;
  left: 50%;
  bottom: 140px;
  transform: translateX(-50%);

  width: fit-content;

  height: 29px;
  line-height: 29px;

  white-space: nowrap;
  text-align: center;

  text-transform: uppercase;
  letter-spacing: 0.12em;
}