.page-wrap {
  max-width: 1100px;
  margin: 40px auto;
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
}

/* ---------------- 상단 3단 ---------------- */
.top-3col {
  display: flex;
  gap: 25px;
  align-items: stretch; /* 높이 맞춤 (핵심) */
  margin-bottom: 50px;
}

.col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.col img {
  width: 100%;
  border-radius: 6px;
  object-fit: cover;
}

.col.center {
  max-width: 280px;
}

/* ⭐ 텍스트 영역 (세로중앙 + 양측정렬) */
.col.desc {
  justify-content: center;
}

.col.desc .desc {
  text-align: justify;
  word-break: keep-all;
  line-height: 1.6;
  font-size: 15px;
}

/* ---------------- 하단 블록 ---------------- */
.section {
  margin-bottom: 50px;
}

.section-title {

  font-size: 22px;
  margin-bottom: 15px;
 
  padding-left: 10px;
}

/* 좌우 구조 */
.section-box {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.section-img {
  width: 220px;
  flex-shrink: 0;
}

.section-img img {
  width: 100%;
  border-radius: 6px;
}

.section-text {
  flex: 1;
  font-size: 15px;
  line-height: 1.6;
}

/* 리스트 */
.section-text ul {
  margin-top: 10px;
  padding-left: 0;
  list-style: none;
}

.section-text li {
  margin-bottom: 6px;
  padding-left: 0;
}

/* ---------------- 반응형 ---------------- */
@media (max-width: 768px) {

  /* 전체 여백 축소 */
  .page-wrap {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  /* 상단 3단 */
  .top-3col {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  /* 컬럼 width 초기화 */
  .top-3col .col {
    width: 100%;
    max-width: 100%;
    flex: none;
  }

  /* 이미지 */
  .col img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* 가운데 이미지 */
  .col.center {
    max-width: 100%;
  }

  /* 텍스트 */
  .col.desc {
    width: 100%;
  }

  .col.desc .desc {
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
    word-break: keep-all;
    text-align: left;
  }

  /* 하단 section */
  .section-box {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .section-img {
    width: 100%;
  }

  .section-img img {
    width: 100%;
    display: block;
  }

  .section-text {
    width: 100%;
    font-size: 16px;
    line-height: 1.8;
    word-break: keep-all;
  }

}