/* ============================================
   COUNT1 - 카운팅 섹션 (배경이미지 + 숫자 카운트업)
   ============================================ */

/* 최상위 - 패딩은 mbt_widget_padding 인라인 스타일로 적용 */
.COUNT1 {
  position: relative;
  overflow: hidden;
}

/* 내부 래퍼 - 높이 + 수직 중앙정렬 (bg/overlay 위에 표시) */
.COUNT1 .count1_inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--count1-height, auto);
}

/* ── 배경이미지 (항목1 이미지1) ── */
.COUNT1 .count1_bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  filter: blur(var(--count1-blur, 0px));
}
.COUNT1 .count1_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.COUNT1 .count1_bg picture {
  display: block;
  width: 100%;
  height: 100%;
}
.COUNT1 .count1_bg .count1_bg_alt {
  width: 100%;
  height: 100%;
}
.COUNT1 .count1_bg .count1_bg_alt img,
.COUNT1 .count1_bg .count1_bg_alt video,
.COUNT1 .count1_bg .count1_bg_alt iframe,
.COUNT1 .count1_bg .count1_bg_alt lottie-player {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ── 오버레이 ── */
.COUNT1 .count1_overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, var(--count1-overlay, 0.75));
  z-index: 1;
}

/* ── 콘텐츠 영역 (flex 자식 → 전체 너비 유지) ── */
.COUNT1 .contents-container {
  position: relative;
  z-index: 2;
  width: 100% !important;
}
.COUNT1 .count1_content {
  /* 내부 패딩 없음 - 섹션 설정의 상단/하단 패딩으로 제어 */
}

/* ── 타이틀 영역 ── */
.COUNT1 .count1_title_area {
  width: 100%;
}
.COUNT1 .count1_tit {
  color: #fff;
  font-size: clamp(32px, calc(3.75vw + 20px), 80px);
  font-weight: 700;
  line-height: 1.1;
  /* 텍스트 클리핑 애니메이션 초기 */
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.1);
  background-image: linear-gradient(#fff, #fff);
  background-size: 0 100%;
  background-repeat: no-repeat;
}
.COUNT1 .count1_desc {
  color: #fff;
  font-size: clamp(14px, calc(0.47vw + 12.5px), 20px);
  line-height: 1.6;
  margin-top: clamp(4px, calc(0.47vw + 2.5px), 10px);
  overflow: hidden;
}
.COUNT1 .count1_desc > span {
  display: block;
  transform: translateY(100%);
}

/* ── 버튼 ── */
.COUNT1 .count1_btn {
  display: inline-flex;
  align-items: center;
  margin-top: clamp(15px, calc(0.78vw + 12.5px), 25px);
  padding: clamp(10px, calc(0.39vw + 8.75px), 15px) clamp(20px, calc(0.78vw + 17.5px), 30px);
  border: 2px solid #FF6E00;
  color: #FF6E00;
  font-size: clamp(14px, calc(0.47vw + 12.5px), 20px);
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  transition: background 0.3s, color 0.3s;
}
.COUNT1 .count1_btn:hover {
  background: #FF6E00;
  color: #fff;
}

/* ── 카운트 리스트 ── */
.COUNT1 .count1_list {
  display: flex;
  align-items: stretch;
  gap: clamp(20px, calc(3.13vw + 10px), 60px);
  margin-top: clamp(40px, calc(3.13vw + 30px), 80px);
  float: left;
  width: 100%;
}
.COUNT1 .count1_item {
  flex: 1;
}
.COUNT1 .count1_label {
  color: rgba(255,255,255,0.6);
  font-size: clamp(13px, calc(0.23vw + 12.26px), 16px);
  font-weight: 400;
  line-height: 1.4;
}
.COUNT1 .count1_num {
  margin-top: clamp(10px, calc(0.47vw + 8.5px), 16px);
  padding-top: clamp(10px, calc(0.47vw + 8.5px), 16px);
  border-top: 1px solid rgba(255,255,255,0.3);
}
.COUNT1 .count1_num strong {
  font-size: clamp(36px, calc(3.44vw + 24.98px), 80px);
  line-height: 1.25;
  color: #fff;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

/* ── 반응형: 태블릿 ── */
@media screen and (max-width: 992px) {
  .COUNT1 .count1_list {
    flex-direction: column;
    gap: clamp(20px, 4vw, 40px);
  }
  .COUNT1 .count1_item {
    flex: none;
    width: 100%;
  }
}

/* ── 반응형: 모바일 ── */
@media screen and (max-width: 640px) {
  .COUNT1 .count1_num {
    margin-top: 8px;
    padding-top: 8px;
  }
}

/* ── 배경 고정 (bg-fixed) ── */
.COUNT1.bg-fixed {
  clip-path: inset(0);
}
.COUNT1.bg-fixed .count1_bg,
.COUNT1.bg-fixed .count1_overlay {
  position: fixed;
}

/* ── 편집 모드 ── */
.COUNT1 .wg_edit_txt,
.COUNT1 .wg_edit_img,
.COUNT1 .wg_edit_link {
  transition: none !important;
}
