/* 메인 프레임 전체 영역 */
.main-frame {
  background-image: url("/sites/computer/images/배경4.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  width: 100%;
  height: 978px;
  border-radius: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  box-shadow: none;
}

/* 슬로건 영역 */
.main-frame .visual_slogan {
  margin-bottom: 80px; /* 🔹 아이콘과의 간격 넓힘 (기존 40 → 80) */
}

.main-frame .visual_slogan .p_1 {
  font-size: 22px;  /* 🔹 글씨 크기 약간 키움 (기존 18 → 22) */
  color: #fff;
  margin-bottom: 12px;
}

.main-frame .visual_slogan .p_2 {
  font-size: 48px;  /* 🔹 메인 슬로건 크게 (기존 36 → 48) */
  font-weight: 800; /* 🔹 글자 두께 강화 */
  color: #fff;
  margin-bottom: 20px;
}

.main-frame .visual_slogan .p_3 {
  font-size: 20px;  /* 🔹 부제도 약간 키움 (기존 16 → 20) */
  color: #f0f0f0;
}

/* 아이콘 영역 */
.main-frame .icon-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px; /* 🔹 아이콘 사이 간격 살짝 늘림 (기존 24 → 32) */
  margin-top: 20px; /* 🔹 위쪽 여백 추가 */
}

.main-frame .icon-row a img {
  width: 160px; /* 🔹 아이콘 크기도 약간 키움 (기존 140 → 160) */
  height: auto;
  transition: transform 0.25s ease, filter 0.25s ease;
}

.main-frame .icon-row a:hover img {
  transform: scale(1.08);
  filter: brightness(1.2);
}