@charset "utf-8";

.pc-only { display: block; }
.mo-only { display: none; }

.mb-20 { margin-bottom: 1.25rem !important; }

/* 사업소개  */
.biz-sub { --content-text-color: #000000; --biz-border-color: #666666; --biz-tab-active-text-color: var(--primary-color); --biz-tab-active-border: var(--primary-color); --biz-tab-underline-height: 5px; --biz-tab-underline-width: 100%; --biz-tab-height: 64px; --biz-tab-gap: 4.375rem; --biz-filter-active-bg: #0082cf; --biz-filter-inactive-bg: var(--gray-100); --biz-filter-inactive-color: #666666; color: var(--content-text-color); padding-top: 6.25rem; padding-bottom: 12.5rem; }

/* 비주얼 */
.sub-hero.sub-hero--business { background-color: #2a3540; background-image: url("/resources/images/common/sub_visual_business.jpg"); }
.sub-hero.sub-hero--business .breadcrumb {
  --breadcrumb-gap: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sub-hero.sub-hero--business .breadcrumb li + li {
  margin-left: 1.625rem;
  margin-left: var(--breadcrumb-gap);
}
@supports (gap: 1rem) {
  .sub-hero.sub-hero--business .breadcrumb {
    gap: 1.625rem;
    gap: var(--breadcrumb-gap);
  }
  .sub-hero.sub-hero--business .breadcrumb li + li {
    margin-left: 0;
  }
}
.sub-hero.sub-hero--business .breadcrumb li { position: relative; }
.sub-hero.sub-hero--business .breadcrumb li + li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  position: absolute;
  top: 50%;
  left: -.8125rem;
  left: calc(var(--breadcrumb-gap) / -2);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sub-hero.sub-hero--business .breadcrumb li.active { font-weight: 600; }

/* 탭 */
.biz-sub .tab-line { display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; gap: var(--biz-tab-gap); box-sizing: border-box; height: var(--biz-tab-height); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--biz-border-color); border-bottom: 1px solid var(--biz-border-color); }
.biz-sub .tab-line__item { margin: 0; flex-shrink: 0; display: flex; align-items: stretch; min-height: 0; height: auto; align-self: stretch; }
.biz-sub .tab-line__link { box-sizing: border-box; position: relative; align-self: stretch; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 0; padding: 0; font-size: var(--font-size-ui); font-weight: 500; color: var(--content-text-color); white-space: nowrap; transition: color 0.2s, border-color 0.2s; }
.biz-sub .tab-line__link.is-active { font-weight: 700; color: var(--biz-tab-active-text-color); }
.biz-sub .tab-line__link.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; width: auto; height: var(--biz-tab-underline-height); background-color: var(--biz-tab-active-border); transform: none; }
.biz-sub .biz-tab-line-wrap { overflow-x: auto; overflow-y: hidden; margin-left: calc(-1 * var(--inner-padding-x)); margin-right: calc(-1 * var(--inner-padding-x)); padding-left: var(--inner-padding-x); padding-right: var(--inner-padding-x); -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
.biz-sub .biz-tab-line-wrap::-webkit-scrollbar { height: 0; }
.biz-sub .biz-tab-line-wrap .tab-line { width: 100%; min-width: min-content; }
.biz-sub .filter-pills { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.biz-sub .filter-pills__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1.25rem; font-size: var(--font-size-ui); font-weight: 500; color: var(--biz-filter-inactive-color); background-color: var(--biz-filter-inactive-bg); border-radius: var(--radius-sm); transition: background-color 0.2s, color 0.2s; }
.biz-sub .filter-pills__btn.is-active { font-weight: 700; color: var(--light-color); background-color: var(--biz-filter-active-bg); }
.biz-sub .filter-pills--equal { width: 840px; max-width: 100%; /* margin-left: auto; margin-right: auto; */ gap: 0; overflow: hidden; border: 1px solid #999999; flex-wrap: nowrap; }
.biz-sub .filter-pills--equal > li { flex: 0 0 280px; min-width: 0; }
.biz-sub .filter-pills--equal .filter-pills__btn { width: 100%; min-height: 52px; padding: 0 0.75rem; border-radius: 0; border-right: 1px solid #999999; }
.biz-sub .filter-pills--equal > li:last-child .filter-pills__btn { border-right: 0; }
.biz-sub .filter-pills--equal-general { width: 100%; max-width: 35rem; margin: 0; }

/* 타이포 */
.biz-sub .page-title { line-height: normal; margin-bottom: 1.875rem; }
.biz-sub .biz-bullets { margin: 0; padding-left: 0; list-style: none; font-size: var(--font-size-body); font-weight: 400; line-height: 1.65; color: var(--content-text-color); }
.biz-sub .biz-bullets--lead { font-size: 1.25rem; line-height: 1.7; }
.biz-sub .biz-bullets li { position: relative; padding-left: .8125rem; }
.biz-sub .biz-bullets li::before { content: ''; position: absolute; left: 0; top: 0.78em; width: 4px; height: 4px; background-color: var(--content-text-color); transform: translateY(-50%); }

/* 본문 레이아웃 */
.biz-sub__intro,
.biz-sub__tabs,
.biz-sub__block,
.biz-sub__range-content,
.biz-sub__grade-content { margin-bottom: 3.75rem; }
.biz-sub__block:last-child { margin-bottom: 0; }
.biz-sub__block.biz-sub__overview, .biz-sub__block.biz-sub__production, .biz-sub__block.biz-sub__range { margin-bottom: 0; }
.biz-sub__block__02 { margin-bottom: 3.125rem; }
.biz-sub__section-title { margin-bottom: 3.125rem; }
.biz-sub__block-general .biz-sub__section-title { margin-bottom: 2.9375rem; }
.biz-sub__block.biz-sub__types .biz-sub__section-title { margin-bottom: 2rem; }
.biz-sub__block-general .biz-sub__block__title { font-size: 1.5rem; font-weight: 700; line-height: normal; margin-bottom: 1.375rem; }
.biz-sub__block-general .biz-sub__block__desc, .biz-sub__grade-content .biz-sub__block__desc { margin: 0; font-size: 1rem; margin-bottom: 2.5rem; }
.biz-sub__block-general .biz-sub__block-general__img { width: 100%; max-width: 78.75rem; }
.biz-sub__production .biz-sub__section-title { margin-bottom: 1.375rem; line-height: normal; }
.biz-sub__production-plate .biz-sub__section-title { margin-bottom: 3.125rem; }
.biz-sub__production .biz-sub__block__desc { margin: 0; margin-bottom: 3.125rem; font-weight: 700; font-size: 1rem; line-height: 1.625; }
.biz-sub__production-img { position: relative; width: 100%; border: 1px solid #ccc; margin-bottom: 2.5rem; font-size: 0; }
.biz-sub__production-img img { display: block; width: 100%; height: auto; }
.biz-sub__production-arrows { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.biz-sub__production-arrows .arrow { fill: none; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.biz-sub__production-arrows .arrow--green { stroke: #bbd861; }
.biz-sub__production-arrows .arrow--orange { stroke: #f4a956; }
.biz-sub__production-arrows .arrow--head { stroke: none; }
.biz-sub__production-arrows .arrow--head.arrow--green { fill: #bbd861; }
.biz-sub__production-arrows .arrow--head.arrow--orange { fill: #f4a956; }
.biz-sub__production-arrows .arrow--flow { stroke-dasharray: 8 9; animation: bizArrowFlow 1.8s linear infinite; }
@keyframes bizArrowFlow { to { stroke-dashoffset: -34; } }
@media (prefers-reduced-motion: reduce) { .biz-sub__production-arrows .arrow--flow { animation: none; } }
.biz-sub__production-plate .biz-sub__production-img { margin-bottom: 0; }
.biz-sub__production-list ul { list-style: none; margin: 0; padding: 0; }
.biz-sub__production-list ul li + li { margin-top: 1.875rem; }
.biz-sub__production-list ul li strong { font-size: 1.25rem; }
.biz-sub__production-list ul li span { display: block; margin-top: 1rem; padding-left: 1.25rem; }
.biz-sub__grade-content .biz-sub__block__desc { margin-bottom: 1.875rem; }
.biz-sub__range-title, .biz-sub__grade-title { font-size: 1.5rem; font-weight: bold; margin-bottom: 1.875rem; }
.biz-sub__grade-title { margin-bottom: 1.375rem; }
.biz-sub__range-content:last-child, .biz-sub__grade-content:last-child { margin-bottom: 0; }

/* STS 정밀재 > 정밀재 개요 (biz-sub__overview-table) */
.biz-sub__overview-img { width: 100%; max-width: 70rem; margin-bottom: 3.75rem; border: 1px solid #cdcdcd; }
.biz-sub__overview-img img { width: 100%; height: auto; object-fit: cover; }
.biz-sub__overview-table { width: 100%; max-width: 70rem; }
.biz-sub__overview-table table { width: 100%; border-top: 2px solid var(--content-text-color); border-collapse: collapse; }
.biz-sub__overview-table thead th,
.biz-sub__overview-table tbody td { padding: .8125rem 1.25rem; }
.biz-sub__overview-table thead th { background-color: #f5fbff; font-weight: 600; line-height: 1.5; border-bottom: 1px solid #ccc; }
.biz-sub__overview-table thead th:first-child { border-right: 1px solid #ccc; }
.biz-sub__overview-table tbody td { width: 25%; text-align: center; line-height: 1.5; vertical-align: middle; border-bottom: 1px solid #ccc; }
.biz-sub__overview-table tbody td:first-child { border-right: 1px solid #ccc; }
.biz-sub__overview-table tbody td.bold { font-weight: 600; }
.biz-sub__overview-table tbody td:last-child { border-right: 0; }
.biz-sub__overview-table .biz-sub__overview-table-mo { table-layout: fixed; }
.biz-sub__overview-table .biz-sub__overview-table-mo th,
.biz-sub__overview-table .biz-sub__overview-table-mo td { border-right: 1px solid #ccc; }
.biz-sub__overview-table .biz-sub__overview-table-mo th:last-child,
.biz-sub__overview-table .biz-sub__overview-table-mo td:last-child { border-right: none; }
.biz-sub__overview-table .biz-sub__overview-table-mo thead th,
.biz-sub__overview-table .biz-sub__overview-table-mo tbody td { padding: .75rem 0; }
.biz-sub__overview-table .biz-sub__overview-table-mo tbody td { padding: .75rem; }
.biz-sub__overview-table .biz-sub__overview-table-mo tbody th { border-bottom: 1px solid #ccc; font-weight: 600; }
.biz-sub__overview-table .biz-sub__overview-table-mo thead th:first-child,
.biz-sub__overview-table .biz-sub__overview-table-mo tbody th:first-child { width: 16.2%; }
.biz-sub__overview-table .biz-sub__overview-table-mo thead th:nth-child(n + 2),
.biz-sub__overview-table .biz-sub__overview-table-mo tbody td { width: calc((100% - 16.2%) / 2); }

/* STS 정밀재 · STS 판재 > 공급가능 범위 (biz-sub__range-table)
   STS 일반사항 > 강종의 선택 및 표면세척 (biz-sub__grade-table) */
.biz-sub__range-table,
.biz-sub__grade-table { width: 100%; }
.biz-sub__grade-table.biz-sub__grade-table2 { max-width: 70rem; table-layout: fixed; }
.biz-sub__range-table table,
.biz-sub__grade-table table { width: 100%; border-top: 2px solid var(--content-text-color); border-collapse: collapse; margin-bottom: .75rem; }
.biz-sub__grade-table.biz-sub__grade-table2 table { margin-bottom: 0; }
.biz-sub__range-table thead th,
.biz-sub__grade-table thead th,
.biz-sub__range-table tbody td,
.biz-sub__grade-table tbody td {
  padding: .8125rem 0;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.biz-sub__grade-table thead th,
.biz-sub__grade-table tbody td {
  padding: .8125rem 1rem;
}
.biz-sub__range-table thead th,
.biz-sub__range-table tbody td { width: 20%; }
.biz-sub__grade-table thead th,
.biz-sub__grade-table tbody td { width: calc(100% / 5); }
.biz-sub__range-table-spring thead th,
.biz-sub__range-table-spring tbody td { width: calc(100% / 6); }
.biz-sub__range-table thead th,
.biz-sub__grade-table thead th { background-color: #f5fbff; font-weight: 600; }
.biz-sub__range-table thead th:last-child,
.biz-sub__grade-table thead th:last-child,
.biz-sub__range-table tbody td:last-child,
.biz-sub__grade-table tbody td:last-child { border-right: 0; }
.biz-sub__grade-table tbody td.boder_none,
.biz-sub__range-table .biz-sub__range-table-spring-mo tbody th.boder_none,
.biz-sub__range-table .biz-sub__range-table-spring-mo tbody td.boder_none,
.biz-sub__range-table-mo tbody td.boder_none { border-bottom: none; }
.biz-sub__range-table tbody td.bold,
.biz-sub__grade-table tbody td.bold { font-weight: 600; }
.biz-sub__range-table tbody td.bg-gray,
.biz-sub__grade-table tbody td.bg-gray,
.biz-sub__grade-table thead th.bg-gray { background-color: #f5f5f5; }
.biz-sub__grade-table thead th .txt_small { color: #666; font-weight: 400; }
.biz-sub__grade-table.biz-sub__grade-table2 tbody td { width: auto; }
.biz-sub__grade-table.biz-sub__grade-table2 thead th:first-child { width: 25%; }
.biz-sub__grade-table.biz-sub__grade-table2 tbody td:first-child { width: 25%; }
.biz-sub__grade-table.biz-sub__grade-table2 thead th:last-child { width: 80%; }
.biz-sub__grade-table.biz-sub__grade-table2 tbody td:last-child { width: 80%; text-align: left; padding-left: 2rem; }
.biz-sub__grade-table tbody td span.blue { color: var(--primary-color); }
.biz-sub__range-table-desc, .biz-sub__grade-table-desc { display: flex; justify-content: space-between; align-items: center; }
.biz-sub__range-table-desc span,
.biz-sub__grade-table-desc span,
.biz-sub__grade-table-desc ul li { font-size: .875rem; color: #666; }
.biz-sub__grade-table-desc ul { list-style: none; margin: 0; padding: 0; }
.biz-sub__grade-table-desc ul li { line-height: 1.5; }
.biz-sub__grade-table thead th.circle span { display: inline-block; width: 1.5rem; height: 1.5rem; font-size: 1rem; line-height: 1.5rem; border: 1px solid #000; border-radius: 50%; }
.biz-sub__grade-table thead th.circle span + span { margin-left: 2.5rem; }
.biz-sub__grade-table tbody td.circle span + span { margin-left: 3rem; }
.biz-sub__grade-table tbody td.circle span { display: inline-block; width: 1rem; height: 1rem; border-radius: 50%; }
.biz-sub__grade-table tbody td.circle span.type01,
.biz-sub__grade-circle-wrap .biz-sub__grade-circle-list .circle_color { background-color: #666; }
.biz-sub__grade-table tbody td.circle span.type02,
.biz-sub__grade-circle-wrap .biz-sub__grade-circle-list .circle_color.type02 { background-color: #359d2a; }
.biz-sub__grade-table tbody td.circle span.type03,
.biz-sub__grade-circle-wrap .biz-sub__grade-circle-list .circle_color.type03 { background-color: #efb415; }
.biz-sub__grade-table tbody td.circle span.type04,
.biz-sub__grade-circle-wrap .biz-sub__grade-circle-list .circle_color.type04 { background-color: #c00000; }
.biz-sub__grade-circle-list2 { display: flex; justify-content: flex-end; align-items: center; gap: 1.25rem; margin: 0 0 .8125rem; padding: 0; list-style: none; }
.biz-sub__grade-circle-list2 span { color: #666; font-size: .875rem; }
.biz-sub__grade-circle-list2 span + span { margin-left: .5625rem; }
.biz-sub__grade-circle-list2 .circle_color { display: inline-block; width: .5625rem; height: .5625rem; border-radius: 50%; background-color: #666; }
.biz-sub__grade-circle-list2 .circle_color.type02 { background-color: #359d2a; }
.biz-sub__grade-circle-list2 .circle_color.type03 { background-color: #efb415; }
.biz-sub__grade-circle-list2 .circle_color.type04 { background-color: #c00000; }

/* STS 정밀재 · STS 판재 > 종류 및 용도
   STS 일반사항 > 보호피막 및 포장 Type · 취급요령 (product-rows / spec-table) */
.biz-sub .product-title { font-size: var(--fs-24); font-weight: 700; line-height: normal; color: var(--font-color); margin: 0 0 1.375rem; }
.biz-sub .product-rows,
.biz-sub .product-rows--general { margin: 0; padding: 0; list-style: none; }
.biz-sub .product-row { display: grid; grid-template-columns: 280px minmax(0, 1fr) 560px; gap: 40px; align-items: start; border-bottom: 0; }
.biz-sub li.product-row + li.product-row,
.biz-sub .product-rows--general li.product-row--general + li.product-row--general,
.biz-sub .product-rows li.product-row--general + li.product-row--general { margin-top: 3.125rem; }
.biz-sub .product-row:first-child { padding-top: 0; }
.biz-sub .product-row:last-child { padding-bottom: 0; }
.biz-sub .product-row__media { margin: 0; border: 1px solid #ccc; box-sizing: border-box; overflow: hidden; width: 100%; max-width: 17.5rem; aspect-ratio: 280 / 217; max-height: 13.625rem; }
.biz-sub .product-row__placeholder { width: 100%; max-width: 17.5rem; aspect-ratio: 280 / 217; background: linear-gradient(145deg, var(--gray-200), var(--gray-100)); border: 1px solid #ccc; box-sizing: border-box; }
.biz-sub .product-row__img { display: block; width: 100%; height: 100%; max-width: 100%; min-width: 0; object-fit: cover; }
.biz-sub .product-row__body { min-width: 0; align-self: center; }
.biz-sub .product-row__desc { margin: 0; font-size: var(--font-size-body); font-weight: 400; line-height: 1.625; color: var(--content-text-color); }
.biz-sub .product-row__spec { min-width: 0; align-self: center; }
.biz-sub .product-row--intro-center .product-row__intro {
  grid-column: 1 / 3;
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 40px;
  align-self: start;
  align-items: start;
  min-width: 0;
}
.biz-sub .product-row--intro-center .product-row__media { align-self: start; }
.biz-sub .product-row--intro-center .product-row__body { align-self: center; }
.biz-sub .product-row--intro-center .product-row__spec { align-self: start; }
.biz-sub .product-rows--general .product-row__media--general {
  margin: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  max-width: 21.875rem;
  height: auto;
  aspect-ratio: 350 / 260;
  flex-shrink: 0;
}
.biz-sub .product-rows--general .product-row__media {
  margin: 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  max-width: 21.875rem;
  min-width: 0;
  height: 16.25rem;
  aspect-ratio: 350 / 260;
  flex-shrink: 0;
}
.biz-sub .product-rows--general .product-row--general { display: flex; justify-content: flex-start; gap: 4.375rem; align-items: start; }
.biz-sub .product-rows--general .product-row__img { display: block; width: 100%; height: 100%; max-width: 100%; min-width: 0; object-fit: cover; }
.biz-sub .product-rows .product-row--general { display: flex; justify-content: flex-start; align-items: center; gap: 2.5rem; }
.biz-sub .spec-table { width: 560px; max-width: 100%; border-collapse: collapse; font-size: var(--font-size-body); border-top: 1px solid #ccc; }
.biz-sub .spec-table tbody tr { border-bottom: 1px solid #ccc; }
.biz-sub .spec-table th, .biz-sub .spec-table td { padding: .8125rem 0; text-align: left; line-height: 1.5; vertical-align: middle; color: var(--content-text-color); }
.biz-sub .spec-table th { padding-left: 1.875rem; width: 28%; min-width: 6.5rem; font-weight: 600; }
.biz-sub .spec-table td { padding-left: 1.5rem; padding-right: 1.5rem; font-weight: 400; border-left: 1px solid #ccc; }
.biz-sub .spec-table .spec-grade { font-weight: 600; }
.biz-sub .spec-table td.line2 { line-height: 1.5; }
.biz-sub .spec-table td ul { margin: 0; padding: 0; list-style: none; }
.biz-sub .spec-table td ul li { padding-left: .625rem; text-indent: -.625rem; }
.biz-sub .spec-table tbody tr:nth-child(2) > th, .biz-sub .spec-table tbody tr:nth-child(2) > td { background-color: #f5fbff; }
.biz-sub .spec-table--general tbody tr:nth-child(4) > th, .biz-sub .spec-table--general tbody tr:nth-child(4) > td { background-color: #f5fbff; }

/* 지원 조건 */
@supports (top: 1lh) { .biz-sub .biz-bullets li::before { top: 0.5lh; } }

/* 반응형 */
@media (max-width: 1400px) {
  .biz-sub__grade-table thead th.circle span {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .9375rem;
  }
  .biz-sub__grade-table tbody td.circle span {
    width: .875rem;
    height: .875rem;
  }
  .biz-sub__grade-table thead th.circle span + span {
    margin-left: 1.125rem;
  }
  .biz-sub__grade-table tbody td.circle span + span {
    margin-left: 1.5625rem;
  }
}

@media (max-width: 1280px) {
  .biz-sub .product-row { grid-template-columns: minmax(218px, 1fr) minmax(0, 3fr); column-gap: 2.5rem; row-gap: 2.5rem; }
  .biz-sub .product-row__media { grid-column: 1; }
  .biz-sub .product-row__body { grid-column: 2; }
  .biz-sub .product-row__spec { grid-column: 1 / -1; }
  .biz-sub .product-row--intro-center .product-row__intro {
    grid-column: 1 / -1;
    grid-template-columns: minmax(218px, 1fr) minmax(0, 3fr);
    column-gap: 2.5rem;
    row-gap: 0;
  }
}

@media (max-width: 900px) {
  .biz-sub .filter-pills--equal { width: 100%; overflow-x: visible; overflow-y: visible; }
  .biz-sub .filter-pills--equal > li { flex: 1 1 0; min-width: 0; }
  .biz-sub .filter-pills--equal .filter-pills__btn { box-sizing: border-box; }
}

@media (max-width: 768px) {
  .pc-only { display: none !important; }
  .mo-only { display: block !important; }
  .biz-sub { padding-top: 3.75rem; padding-bottom: 6.25rem; }

  .sub-hero.sub-hero--business .breadcrumb li + li::before {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  .biz-sub .biz-tab-line-wrap {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    box-sizing: border-box;
    height: var(--biz-tab-height);
    border-top: 1px solid var(--biz-border-color);
    border-bottom: 1px solid var(--biz-border-color);
  }
  .biz-sub .biz-tab-line-wrap .tab-line,
  .biz-sub .tab-line { height: 100%; border-top: 0; border-bottom: 0; }
  .biz-sub .tab-line__link { font-size: 1.25rem; }
  .biz-sub .filter-pills--equal .filter-pills__btn { font-size: 1.25rem; min-height: 4rem; }

  .biz-sub .page-title { font-size: 2rem; }
  .biz-sub .page-title.sts-general-info-title,
  .biz-sub .section-title.sts-handling__title { margin-bottom: 0; }
  .biz-sub .section-title.sts-maintenance__title { margin-bottom: 3.125rem; }
  .biz-sub .biz-bullets,
  .biz-sub .biz-bullets--lead { font-size: 1.125rem; line-height: 1.6667; }
  .biz-sub .biz-bullets li + li { margin-top: 0; }
  .biz-sub .section-title { font-size: 1.625rem; margin-bottom: 2.5rem; }
  .biz-sub .section-title.workflow_title { margin-bottom: 1.25rem; }
  .biz-sub .section-title.supply-scope__title { margin-bottom: 3.125rem; }
  .biz-sub .section-title.biz-sub__types-content-title { margin-bottom: 0; }
  .biz-sub .section-title.supply-scope-title { margin-bottom: 3.125rem; }
  .biz-sub__block.biz-sub__types-content { margin-bottom: 2.5rem; }

  .biz-sub .product-title { font-size: 1.25rem; }
  .biz-sub .product-row { grid-template-columns: 1fr; row-gap: 0; }
  .biz-sub .product-row__body { grid-column: 1; margin-bottom: 2.5rem; }
  .biz-sub .product-row__body:not(:has(+ .product-row__spec)) { margin-bottom: 0; }
  .biz-sub .product-row--intro-center .product-row__intro {
    display: block;
    grid-column: 1;
    align-self: auto;
  }
  .biz-sub .product-row--intro-center .product-row__body { margin-bottom: 2.5rem; }
  .biz-sub .product-row--intro-center .product-row__intro:not(:has(+ .product-row__spec)) .product-row__body { margin-bottom: 0; }
  .biz-sub .product-row__media {
    min-width: 0;
    width: 100%;
    max-width: min(17.5rem, 100%);
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 1.875rem;
  }
  .biz-sub .product-row__placeholder {
    width: 100%;
    max-width: min(17.5rem, 100%);
    min-width: 0;
    margin-left: 0;
    margin-right: auto;
  }
  .biz-sub .product-row__spec { width: 100%; max-width: 100%; min-width: 0; }
  .biz-sub .spec-table {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .biz-sub .spec-table col.spec-table__col-label { width: 26%; }
  .biz-sub .spec-table col.spec-table__col-value { width: 74%; }
  .biz-sub .spec-table th,
  .biz-sub .spec-table td {
    overflow-wrap: break-word;
    box-sizing: border-box;
  }
  .biz-sub .spec-table th { min-width: 0; border-right: 1px solid #ccc; }
  .biz-sub .spec-table td { border-right: 0; }
  .biz-sub .spec-table tr:first-child th,
  .biz-sub .spec-table tr:first-child td { border-top: 1px solid #ccc; }
  .biz-sub .spec-table.spec-table--general th { padding-left: 1.5rem; }
  .biz-sub .product-rows--general .product-row--general { flex-direction: column; gap: 2.5rem; }
  .biz-sub .product-rows--general .product-row__media--general {
    width: 100%;
    max-width: 18.9375rem;
    height: auto;
    align-self: flex-start;
  }
  .biz-sub .product-rows .product-row--general { flex-direction: column; gap: 1.875rem; }
  .biz-sub .product-rows .product-row--general .product-row__media { margin-bottom: 0; }

  .biz-sub__overview-img { margin-bottom: 3.125rem; }
  .biz-sub__production .biz-sub__block__desc { margin-bottom: 2.5rem; }
  .biz-sub__production-list ul li strong { font-size: 1.125rem; }
  .biz-sub__production-list ul li span { padding-left: 1.125rem; text-indent: -0.625rem; }
  .biz-sub__block-general .biz-sub__block__desc.sts-general__desc { margin-bottom: 1.875rem; }

  .biz-sub__range-title,
  .biz-sub__grade-title { font-size: 1.25rem; }
  .biz-sub__range-content { margin-bottom: 3.125rem; }
  .biz-sub__range-table .biz-sub__range-table-mo,
  .biz-sub__range-table .biz-sub__range-table-spring-mo { margin-bottom: 0; }
  .biz-sub__range-table-desc { margin-top: .8125rem; }
  .biz-sub__range-table-desc span,
  .biz-sub__grade-table-desc span { font-size: .8125rem; }
  .biz-sub__range-table thead th,
  .biz-sub__grade-table thead th { font-size: 3.3vw; }
  .biz-sub__range-table thead th.bg-gray { background-color: #f5f5f5; }
  .biz-sub__range-table .biz-sub__range-table-spring-mo thead th:last-child { background-color: transparent; }
  .biz-sub__range-table .biz-sub__range-table-spring-mo tbody th {
    padding: .8125rem .75rem;
    font-weight: 600;
    font-size: 3.3vw;
    background-color: #f5fbff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .biz-sub__range-table .biz-sub__range-table-spring-mo thead th { padding: .8125rem .75rem; }
  .biz-sub__range-table .biz-sub__range-table-spring-mo.biz-sub__range-table-spring-mo2 tbody th { width: 22%; }

  .biz-sub__grade-content .biz-sub__block__desc.sts-maintenance__desc { margin-bottom: 1.25rem; }
  .biz-sub__grade-circle-wrap { margin-bottom: 2.5rem; }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: .9375rem;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list li { display: inline-flex; align-items: center; }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list li span { font-size: .8125rem; font-weight: 400; color: #666; line-height: normal; }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list .circle_color {
    display: block;
    width: .5625rem;
    height: 9px;
    border-radius: 50%;
    margin-right: .625rem;
  }
  .sts-maintenance__sub-desc { font-size: 1rem; font-weight: 600; line-height: normal; margin: 0 0 1.125rem; }
  .sts-maintenance__sub-desc .blue { color: var(--primary-color); }
  .biz-sub__grade-table table.sts-grade-selection__table { margin-bottom: 2.5rem; }
  .biz-sub__grade-table table.sts-grade-selection__table:last-child { margin-bottom: 1.25rem; }
  .biz-sub__grade-table table.sts-surface-cleaning__table { margin-bottom: 0; }
  .biz-sub__grade-table-desc ul li { font-size: .8125rem; }
  .biz-sub__grade-table.biz-sub__grade-table2 thead th:first-child { width: 50%; }
  .biz-sub__grade-table.biz-sub__grade-table2 tbody td:last-child { padding-left: 1.25rem; }
  .biz-sub__grade-table thead th .txt_small { display: block; }
}

@media (max-width: 480px) {
  .biz-sub__overview-table .biz-sub__overview-table-mo thead th,
  .biz-sub__overview-table .biz-sub__overview-table-mo tbody th,
  .biz-sub__overview-table .biz-sub__overview-table-mo tbody td,
  .biz-sub .spec-table th,
  .biz-sub .spec-table td,
  .biz-sub__range-table tbody td,
  .biz-sub__range-table-mo tbody td,
  .biz-sub__grade-table tbody td { font-size: 3.3vw; }

  .biz-sub .filter-pills--equal .filter-pills__btn { font-size: 1.0625rem; }
  .biz-sub .spec-table th { padding-left: 1.5rem; }
  .biz-sub .spec-table td { padding-left: 1.125rem; padding-right: .625rem; }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list { gap: .75rem; }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list li span { font-size: .6875rem; }
  .biz-sub__grade-circle-wrap .biz-sub__grade-circle-list .circle_color { margin-right: .4375rem; }
  .biz-sub__grade-table thead th.circle span {
    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: .8125rem;
  }
  .biz-sub__grade-table tbody td.circle span {
    width: .8125rem;
    height: .8125rem;
  }
  .biz-sub__grade-table.biz-sub__grade-table2 tbody td:first-child {
    padding-left: .8125rem;
    padding-right: .8125rem;
  }
  .biz-sub__grade-table.biz-sub__grade-table2 tbody td:last-child {
    padding-left: .8125rem;
    padding-right: .8125rem;
  }
}