/* PC_SUB DEDICATED FILE */
/* =========================================================
   32_business.css (PC)
   - Business Overview layout
   ========================================================= */

/* =========================================================
   Business Overview layout
   ========================================================= */
.bo{
  padding: 26px 0 40px;
}

.bo-inner{
  width: min(1200px, calc(100% - 80px));
  margin: 0 auto;
}

.bo-media{
  margin: 0 0 34px;  /* ✅ 탭 하단 간격은 .sub-tabs margin-bottom이 담당 */
}

.bo-media-img{
  width: 100%;
  display: block;
  border-radius: 0;
  transform-origin: center;
  will-change: transform;
  animation: boZoomIn 12s cubic-bezier(.16, 1, .3, 1) forwards;
}

@keyframes boZoomIn{
  from{ transform: scale(1.08); }
  to  { transform: scale(1.02); }
}

@media (prefers-reduced-motion: reduce){
  .bo-media-img{ animation: none; transform: none; }
}

.bo-media-cap{
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #2E3B42;
}

.bo-tables{
  margin-top: 10px;
}

.bo-table{
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 34px;
}

.bo-table tbody th,
.bo-table tbody td{
  border: 1px solid rgba(0,0,0,0.35);
  padding: 16px 14px;
  font-size: 18px;
  color: #111;
  vertical-align: middle;
}

.bo-table tbody th{
  width: 20%;
  background: #fff;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.bo-table--types tbody th{
  width: auto;
}

.bo-table--types tbody td{
  text-align: center;
}

.bo-table--types tbody td:nth-child(2),
.bo-table--types tbody td:nth-child(1){
  text-align: center;
}