/* ============================================================
   국내선물 카테고리 공통 스타일
   (domestic-intro.html / domestic-features.html / domestic-system.html 공유)
   ============================================================ */

/* 브레드크럼 구분 아이콘 (3형제 페이지 공통) */
.page-hero .crumbs i{margin:0 8px;font-size:11px;opacity:.7;}
.page-hero .crumbs a:hover{color:#fff;}

/* ===== 소개 히어로: 카피 + 이미지 2단 레이아웃 (domestic-intro 전용) ===== */
.dom-intro-hero{
  display:flex;align-items:center;justify-content:space-between;
  gap:40px;flex-wrap:wrap;
  padding-bottom:50px;border-bottom:1px solid var(--border-light);
  margin-bottom:50px;
}
.dom-intro-copy{flex:1 1 480px;min-width:280px;}
.dom-lead-term{font-size:38px;font-weight:700;color:var(--blue);line-height:1.3;}
.dom-lead-term b{color:var(--blue);}
.dom-lead-term span{display:block;color:var(--text);}
.dom-lead-desc{margin-top:20px;}
.dom-lead-desc p{font-size:17px;line-height:1.7;color:var(--text);}
.dom-intro-image{flex:0 0 auto;width:100%;max-width:510px;}
.dom-intro-image img{width:100%;height:auto;border-radius:8px;}

/* ===== 개요 문단 ===== */
.dom-overview{font-size:17px;line-height:1.85;color:var(--text);margin-bottom:24px;}

/* ===== 연혁 박스 (히스토리) ===== */
.dom-history-box{
  background:var(--bg-blue-soft);
  border:1px solid #D1E0E8;
  border-radius:6px;
  padding:25px;
  margin-top:20px;
}
.dom-history-badge{height:auto;max-width:250px;margin-bottom:24px;}

/* 연혁 타임라인 */
.dom-timeline{margin-bottom:24px;}
.dom-timeline li{
  position:relative;
  display:flex;align-items:baseline;gap:18px;
  padding:14px 0;
  border-bottom:1px dashed #D1E0E8;
}
.dom-timeline li:last-child{border-bottom:none;padding-bottom:0;}
.dom-timeline li:first-child{padding-top:0;}
.dom-timeline .year{
  flex:0 0 100px;
  font-family:'DM Sans','Pretendard',sans-serif;
  font-size:19px;font-weight:700;color:var(--blue);
  white-space:nowrap;
}
.dom-timeline .event{font-size:15px;line-height:1.7;color:var(--text);}

.dom-history-note{font-size:15px;line-height:1.85;color:var(--text);}
.dom-history-note + .dom-history-note{margin-top:10px;}

/* ===== Tablet ===== */
@media (max-width:1024px){
  .dom-lead-term{font-size:30px;}
}

/* ===== Mobile ===== */
@media (max-width:768px){
  .dom-intro-hero{flex-direction:column;align-items:stretch;padding-bottom:30px;margin-bottom:30px;}
  .dom-lead-term{font-size:24px;}
  .dom-lead-desc p{font-size:15px;}
  .dom-overview{font-size:15px;}
  .dom-history-box{padding:18px;}
  .dom-timeline li{flex-direction:column;gap:4px;padding:12px 0;}
  .dom-timeline .year{flex:none;font-size:16px;}
}

/* ===== 거래제도 인트로: 카피 + 이미지 2단 레이아웃 (domestic-system 전용) ===== */
.dm-intro-sec{padding-top:60px;padding-bottom:0;}
.dm-intro{
  display:flex;align-items:center;justify-content:space-between;
  gap:40px;flex-wrap:wrap;
  padding-bottom:50px;
}
.dm-intro-text{flex:1 1 480px;min-width:280px;}
.dm-intro-headline{font-size:38px;font-weight:700;line-height:1.3;color:var(--text);}
.dm-intro-headline strong{color:var(--blue);font-weight:700;}
.dm-intro-desc{font-size:17px;line-height:1.7;color:var(--text);margin-top:10px;}
.dm-intro-desc:first-of-type{margin-top:20px;}
.dm-intro-image{flex:0 0 auto;width:100%;max-width:510px;border-radius:8px;}
.dm-table-sec{padding-top:60px;}

/* ===== Tablet ===== */
@media (max-width:1024px){
  .dm-intro-headline{font-size:30px;}
}

/* ===== Mobile ===== */
@media (max-width:768px){
  .dm-intro{flex-direction:column;align-items:stretch;padding-bottom:30px;}
  .dm-intro-text{flex:none;}
  .dm-intro-sec{padding-top:40px;}
  .dm-intro-headline{font-size:24px;}
  .dm-intro-desc{font-size:15px;}
  .dm-table-sec{padding-top:40px;}
}