/* =========================
   섹션 기본
========================= */
.brand_intro_2{
  position:relative;
  width:100%;
  min-height:auto;
  overflow:visible;   /* ✅ hidden → visible */
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================
   전체 배경
========================= */
.brand_bg{
  position:absolute;
  inset:0;
  z-index:1;
}

.brand_bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* =========================
   중앙 컨텐츠 영역
========================= */
.brand_intro_inner_2{
  position:relative;
  z-index:2;

  width:100%;
  max-width:1400px;
  margin:0 auto;

  padding: 10px 8% 60px;
  box-sizing:border-box;

  display:flex;                 
  flex-direction:column;        
  align-items:center;          
  gap: clamp(22px, 4vw, 50px);
}

/* =========================
   fadeUp (안정버전)
========================= */
.fadeUp2{
  opacity:0;
  transition: opacity 1s ease;
}
.fadeUp2.show{
  opacity:1;
}


/* =========================
   제목 스타일
========================= */
.iot_title{
  display:block;
  width: min(700px, 80vw);
  align-self: center;
  pointer-events:none;
  z-index:10;
  position: relative;
}

/* =========================
   GRID
========================= */
.iot_grid{
  width:100%; 
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;   /* ← 원하는 값으로 줄이면 됨 */

  margin-top: clamp(150px, 30vw, 700px); /* ✅ 그리드 위 여백 */
}

/* =========================
   CELL
========================= */
.iot_cell{
  position:relative;
  min-height: clamp(120px, 14vw, 200px);
}

/* 박스 */
.iot_box{
  width:95%;
  height:95%;
  object-fit:contain;
  display:block;
}

/* 아이콘 */
.iot_icon{
  position:absolute;
  top:18%;
  left:18%;
  width:28%;
}

.iot_icon--1{ 
  transform: 
  translateX(30px); 
}

/* 라벨 */
.iot_label{
  position:absolute;
  left:50%;
  bottom:12%;
  transform:translateX(-50%);

  margin:0;
  font-weight:700;
  text-align:center;

  font-size:clamp(16px,1.6vw,24px);

  color:#4b008f;

  text-shadow:
    0 1px 3px rgba(0,0,0,0.3),
    0 0 8px rgba(255,0,200,0.15);
}

/* 모바일 */
@media (max-width:900px){
  .iot_grid{
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:520px){
  .iot_grid{
    grid-template-columns:1fr;
  }
}