/*     1654715 : HTML 편집기      */
/* ============ 중국산 염화칼슘 (TOP = 참고 레이아웃, BOTTOM = 좌레일/우본문) ============ */
:root{
  --mx:1480px;
  --pad:clamp(1rem,2vw,2rem);
  --radius:12px;
  --shadow:10px 10px 22px rgba(0,0,0,.06);
  --line:rgba(0,0,0,.08);
  --soft:#f6f9ff;
}

.product_cacl2_cn *{ box-sizing:border-box; color:#0b1b34; word-break:keep-all; margin:0; padding:0; }
.product_cacl2_cn{ line-height:1.9; letter-spacing:-0.01em; }
.product_cacl2_cn .inner{ max-width:var(--mx); margin:0 auto; padding:0 var(--pad); }

/* 헤더 */
.product_cacl2_cn h1{ text-align:center; font-size:clamp(1.6rem,2.6vw,2.6rem); line-height:1.35; margin:0 0 clamp(1rem, 2vw, 2rem); }
.product_cacl2_cn .lead{
    max-width: 1080px;
    margin: 0 auto 2.2rem;
    text-align: center;
    font-size: clamp(1rem, 1.15vw, 1.18rem);
    line-height: 2.05;
    opacity: .95;
}

/* ── TOP: 스펙(풀폭 테이블) */
.product_cacl2_cn .pd-specfull{ margin-top:clamp(.6rem,1.8vw,1rem); }
.product_cacl2_cn .pd-specfull table{
  width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; box-shadow:var(--shadow);
}
.product_cacl2_cn .pd-specfull th,
.product_cacl2_cn .pd-specfull td{
  padding:clamp(.9rem,1.2vw,1.2rem) clamp(1rem,1.4vw,1.4rem);
  font-size:clamp(1.02rem,1.08vw,1.1rem); line-height:1.8; text-align:left;
  border-top:1px solid var(--line);
}
.product_cacl2_cn .pd-specfull tr:first-child th,
.product_cacl2_cn .pd-specfull tr:first-child td{ border-top:0; }
.product_cacl2_cn .pd-specfull th{
  width:26%; white-space:nowrap; font-weight:700; background:var(--soft);
  border-right:1px solid rgba(0,0,0,.06);
}

/* ── TOP: 타입 3열(캡션 + 포대/결정 스택) */
.product_cacl2_cn .pd-types{ margin:clamp(1.4rem,3.8vw,3.8rem) 0; }
.product_cacl2_cn .pd-types .grid{
  display:grid; gap:clamp(1rem,1.4vw,1.4rem);
  grid-template-columns:repeat(3, minmax(0,1fr));
}
.product_cacl2_cn .pd-types .item{ text-align:center; }
.product_cacl2_cn .pd-types .name{ font-weight:800; font-size:clamp(1.02rem,1.2vw,1.2rem); margin:0 0 .5rem; }
.product_cacl2_cn .pd-types .stack{ display:grid; gap:.7rem; }
.product_cacl2_cn figure{ margin:0; }
.product_cacl2_cn img{
  display:block; width:100%; height:auto; object-fit:cover;
  border-radius:var(--radius); box-shadow:var(--shadow);
}

/* ── BOTTOM 공통: 좌레일 제목 / 우본문 그리드 */
.product_cacl2_cn .sec{
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  gap:clamp(1.4rem,2.4vw,2.6rem);
  align-items:start;
  margin:clamp(2rem,4.8vw,5rem) 0;
  border-top:1px solid var(--line);
  padding-top:clamp(1rem,2vw,1.8rem);
}
.product_cacl2_cn .sec .sec-title{
  grid-column:1; margin:0; text-align:left; line-height:1.35;
  font-size:clamp(1.2rem,1.75vw,1.75rem); font-weight:800;
}
.product_cacl2_cn .sec > *:not(.sec-title){ grid-column:2; max-width:1080px; }

/* 특성: 이미지 2열 + 불릿 */
.product_cacl2_cn .pd-features .visual{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(1rem,1.4vw,1.4rem); margin:0 0 clamp(.9rem,1.6vw,1.6rem);
}

/* 도트 리스트 — li 기준 1.2rem */
.product_cacl2_cn .dot-list{ padding-left:0; list-style:none; }
.product_cacl2_cn .dot-list > li{
  position:relative; padding-left:1.35rem; line-height:2.0; font-size:clamp(1.05rem, 1.2vw, 1.2rem); /* ★ 기준 */
}
.product_cacl2_cn .dot-list > li+li{ margin-top:.35rem; }
.product_cacl2_cn .dot-list > li::before{
  content:"•"; position:absolute; left:0; top:0; line-height:2.0; font-weight:900; color:#1d6fcd;
}

/* 보관방법 강조문 */
.product_cacl2_cn .pd-storage .empha{
  font-weight:900; color:#0d5bd7; margin:0 0 .6rem; font-size:clamp(1.02rem,1.15vw,1.18rem);
}

/* 시험성적서 썸네일 2열 */
.product_cacl2_cn .pd-docs .docs-grid{
  display:grid; grid-template-columns:repeat(2, minmax(0,1fr));
  gap:clamp(1rem,1.4vw,1.4rem);
}
.product_cacl2_cn figcaption{ margin-top:.5rem; text-align:center; opacity:.85; font-size:1rem; }

/* 반응형 */
@media (min-width:1024px) {
.product_cacl2_cn .pd-types .grid {    width: 85%;    margin: 0 auto;}
.product_cacl2_cn .pd-features .visual {width:75%;}
.product_cacl2_cn .pd-docs .docs-grid {width:55%;}
}
@media (max-width:1023px){
  .product_cacl2_cn .pd-types .grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .product_cacl2_cn .pd-features .visual{ grid-template-columns:1fr 1fr; }
  .product_cacl2_cn .pd-docs .docs-grid{ grid-template-columns:1fr 1fr; }
  .product_cacl2_cn .sec{ grid-template-columns:1fr; gap:1rem; }
  .product_cacl2_cn .sec .sec-title,
  .product_cacl2_cn .sec > *:not(.sec-title){ grid-column:1; }
}
@media (max-width:767px){
  .product_cacl2_cn .lead{ text-align:left; }
  .product_cacl2_cn .pd-types .grid{ grid-template-columns:1fr; }

.product_cacl2_cn .dot-list > li, .product_cacl2_cn .lead {line-height:1.65;}
}