.market-cc-page, .market-cc-page * { box-sizing: border-box; }

    .market-cc-page {
      font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
      background: #ffffff;
      color: #111827;
      -webkit-font-smoothing: antialiased;
    }

    .cc-wrap {
      max-width: 940px;
      margin: 0 auto;
      padding: 0 28px;
    }

    /* ───── HERO ───── */
    .cc-hero {
      padding: 80px 28px 72px;
      background: #f8faff;
      border-bottom: 1px solid #e8edf5;
      position: relative;
      overflow: hidden;
    }
    .cc-hero::before {
      content: '';
      position: absolute;
      top: -100px; right: -80px;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(30,100,220,0.07) 0%, transparent 70%);
      pointer-events: none;
    }
    .cc-hero-inner { max-width: 940px; margin: 0 auto; position: relative; }
    .cc-eyebrow {
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: #1e64dc; margin-bottom: 20px;
    }
    .cc-hero-title {
      font-size: 46px; font-weight: 700;
      line-height: 1.18; margin-bottom: 22px; color: #0f172a;
    }
    .cc-hero-title span { color: #1e64dc; }
    .cc-hero-desc {
      font-size: 15px; color: #64748b;
      line-height: 1.9; max-width: 580px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
    .cc-tag {
      font-size: 12px; padding: 5px 16px;
      border: 1px solid #c7d9f8;
      border-radius: 20px; color: #1e64dc;
      background: #eef4ff;
    }

    /* ───── SECTION ───── */
    .cc-section {
      padding: 60px 28px;
      border-bottom: 1px solid #f0f3f8;
    }
    .cc-section:last-child { border-bottom: none; }
    .cc-section-title {
      font-size: 30px; font-weight: 700;
      color: #0f172a; margin-bottom: 14px; line-height: 1.28;
    }
    .cc-section-desc {
      font-size: 14px; color: #64748b;
      line-height: 1.9; max-width: 660px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── EXAMPLE LIST ───── */
    .cc-ex-list { margin-top: 28px; display: flex; flex-direction: column; gap: 10px; }
    .cc-ex-item {
      display: flex; align-items: center; gap: 16px;
      padding: 18px 22px;
      background: #f8faff;
      border: 1px solid #e8edf5;
      border-radius: 12px;
    }
    .cc-ex-num {
      font-size: 11px; font-weight: 700; color: #1e64dc;
      background: #eef4ff;
      width: 28px; height: 28px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-ex-text {
      font-size: 14px; color: #374151;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── STAT ROW ───── */
    .cc-stat-row {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: #e8edf5;
      border: 1px solid #e8edf5;
      border-radius: 16px; overflow: hidden;
      margin: 36px 0;
    }
    .cc-stat-cell { padding: 30px 26px; background: #f8faff; }
    .cc-stat-num {
      font-size: 34px; font-weight: 700;
      color: #0f172a; letter-spacing: -0.02em;
    }
    .cc-stat-unit { font-size: 16px; color: #1e64dc; margin-left: 2px; }
    .cc-stat-lbl {
      font-size: 12px; color: #94a3b8; margin-top: 8px;
      font-family: 'Noto Sans KR', sans-serif;
    }

    /* ───── PARTICIPANT ───── */
    .cc-part-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .cc-part-card {
      padding: 30px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-part-pct {
      font-size: 54px; font-weight: 700;
      line-height: 1; color: #1e64dc;
      letter-spacing: -0.03em;
    }
    .cc-part-name {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin: 12px 0 8px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-part-desc {
      font-size: 13px; color: #64748b; line-height: 1.75;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── BENEFIT ───── */
    .cc-benefit-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-benefit-card {
      display: flex; gap: 18px; align-items: flex-start;
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-benefit-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-benefit-icon svg {
      width: 20px; height: 20px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-benefit-head {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin-bottom: 7px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-benefit-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── PAIR GRID ───── */
    .cc-pair-grid {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: 12px; margin-top: 32px;
    }
    .cc-pair-card {
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
      transition: border-color 0.22s, box-shadow 0.22s;
      cursor: default;
    }
    .cc-pair-card:hover {
      border-color: #c7d9f8;
      box-shadow: 0 4px 24px rgba(30,100,220,0.08);
    }
    .cc-pair-top {
      display: flex; align-items: flex-start;
      justify-content: space-between; margin-bottom: 14px;
    }
    .cc-pair-sym {
      font-size: 18px; font-weight: 700;
      color: #0f172a; letter-spacing: 0.01em;
    }
    .cc-pair-nick {
      font-size: 10px; font-weight: 500;
      letter-spacing: 0.08em; text-transform: uppercase;
      color: #94a3b8; margin-top: 5px;
    }
    .cc-pair-pill {
      font-size: 10px; font-weight: 500;
      padding: 3px 10px; border-radius: 20px;
      background: #eef4ff; color: #1e64dc;
      white-space: nowrap;
    }
    .cc-pair-bar {
      height: 1px;
      background: #e8edf5;
      margin-bottom: 14px;
    }
    .cc-pair-desc {
      font-size: 13px; color: #64748b; line-height: 1.8;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── RESPONSIVE ───── */
    @media (max-width: 720px) {
      .cc-hero-title { font-size: 32px; }
      .cc-stat-row { grid-template-columns: 1fr; }
      .cc-part-grid { grid-template-columns: 1fr; }
      .cc-benefit-grid { grid-template-columns: 1fr; }
      .cc-pair-grid { grid-template-columns: 1fr 1fr; }
      .cc-section-title { font-size: 24px; }
    }
    @media (max-width: 480px) {
      .cc-pair-grid { grid-template-columns: 1fr; }
      .cc-hero { padding: 56px 20px 52px; }
      .cc-section { padding: 44px 20px; }
    }.market-cc-page, .market-cc-page * { box-sizing: border-box; }

    .market-cc-page {
      font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
      background: #ffffff;
      color: #111827;
      -webkit-font-smoothing: antialiased;
    }

    .cc-wrap {
      max-width: 940px;
      margin: 0 auto;
      padding: 0 28px;
    }

    /* ───── HERO ───── */
    .cc-hero {
      padding: 80px 28px 72px;
      background: #f8faff;
      border-bottom: 1px solid #e8edf5;
      position: relative;
      overflow: hidden;
    }
    .cc-hero::before {
      content: '';
      position: absolute;
      top: -100px; right: -80px;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(30,100,220,0.07) 0%, transparent 70%);
      pointer-events: none;
    }
    .cc-hero-inner { max-width: 940px; margin: 0 auto; position: relative; }
    .cc-eyebrow {
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: #1e64dc; margin-bottom: 20px;
    }
    .cc-hero-title {
      font-size: 46px; font-weight: 700;
      line-height: 1.18; margin-bottom: 22px; color: #0f172a;
    }
    .cc-hero-title span { color: #1e64dc; }
    .cc-hero-desc {
      font-size: 15px; color: #64748b;
      line-height: 1.9; max-width: 600px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
    .cc-tag {
      font-size: 12px; padding: 5px 16px;
      border: 1px solid #c7d9f8;
      border-radius: 20px; color: #1e64dc;
      background: #eef4ff;
    }

    /* ───── SECTION ───── */
    .cc-section {
      padding: 60px 28px;
      border-bottom: 1px solid #f0f3f8;
    }
    .cc-section:last-child { border-bottom: none; }
    .cc-section-title {
      font-size: 30px; font-weight: 700;
      color: #0f172a; margin-bottom: 14px; line-height: 1.28;
    }
    .cc-section-desc {
      font-size: 14px; color: #64748b;
      line-height: 1.9; max-width: 660px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 2열 카드 (CFD 개념) ───── */
    .cc-concept-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-concept-card {
      padding: 28px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-concept-head {
      font-size: 15px; font-weight: 700; color: #0f172a;
      margin-bottom: 16px; padding-bottom: 14px;
      border-bottom: 1px solid #e8edf5;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-concept-list { display: flex; flex-direction: column; gap: 10px; }
    .cc-concept-item {
      display: flex; gap: 10px; align-items: flex-start;
    }
    .cc-concept-dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: #1e64dc; flex-shrink: 0; margin-top: 7px;
    }
    .cc-concept-text {
      font-size: 13px; color: #475569; line-height: 1.75;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── BENEFIT ───── */
    .cc-benefit-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-benefit-card {
      display: flex; gap: 18px; align-items: flex-start;
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-benefit-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-benefit-icon svg {
      width: 20px; height: 20px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-benefit-head {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin-bottom: 7px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-benefit-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 거래 시간 테이블 ───── */
    .cc-time-grid {
      display: grid; grid-template-columns: repeat(2, 1fr);
      gap: 10px; margin-top: 28px;
    }
    .cc-time-card {
      display: flex; align-items: center; justify-content: space-between;
      padding: 16px 20px;
      background: #f8faff;
      border: 1px solid #e8edf5;
      border-radius: 12px;
    }
    .cc-time-left {}
    .cc-time-name {
      font-size: 14px; font-weight: 500; color: #0f172a;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-time-code {
      font-size: 11px; color: #94a3b8;
      font-family: 'DM Sans', sans-serif;
      margin-top: 2px;
    }
    .cc-time-val {
      font-size: 13px; color: #1e64dc; font-weight: 500;
      text-align: right; white-space: nowrap;
      font-family: 'DM Sans', sans-serif;
    }
    .cc-time-note {
      font-size: 11px; color: #94a3b8;
      text-align: right; margin-top: 2px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 지수 카드 ───── */
    .cc-index-grid {
      display: grid; grid-template-columns: repeat(2, 1fr);
      gap: 12px; margin-top: 28px;
    }
    .cc-index-card {
      padding: 24px 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
      transition: border-color 0.22s, box-shadow 0.22s;
      cursor: default;
    }
    .cc-index-card:hover {
      border-color: #c7d9f8;
      box-shadow: 0 4px 24px rgba(30,100,220,0.08);
    }
    .cc-index-top {
      display: flex; align-items: flex-start;
      justify-content: space-between; margin-bottom: 12px;
    }
    .cc-index-name {
      font-size: 16px; font-weight: 700; color: #0f172a;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-index-code {
      font-size: 11px; color: #94a3b8; margin-top: 4px;
      font-family: 'DM Sans', sans-serif; letter-spacing: 0.04em;
    }
    .cc-index-region {
      font-size: 10px; font-weight: 500;
      padding: 3px 10px; border-radius: 20px;
      background: #eef4ff; color: #1e64dc;
      white-space: nowrap; height: fit-content;
    }
    .cc-index-bar {
      height: 1px; background: #e8edf5; margin-bottom: 12px;
    }
    .cc-index-list { display: flex; flex-direction: column; gap: 7px; }
    .cc-index-item {
      display: flex; gap: 10px; align-items: flex-start;
    }
    .cc-index-dot {
      width: 5px; height: 5px; border-radius: 50%;
      background: #1e64dc; flex-shrink: 0; margin-top: 7px;
    }
    .cc-index-text {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── RESPONSIVE ───── */
    @media (max-width: 720px) {
      .cc-hero-title { font-size: 32px; }
      .cc-concept-grid { grid-template-columns: 1fr; }
      .cc-benefit-grid { grid-template-columns: 1fr; }
      .cc-time-grid { grid-template-columns: 1fr; }
      .cc-index-grid { grid-template-columns: 1fr; }
      .cc-section-title { font-size: 24px; }
    }
    @media (max-width: 480px) {
      .cc-hero { padding: 56px 20px 52px; }
      .cc-section { padding: 44px 20px; }
    }.market-cc-page, .market-cc-page * { box-sizing: border-box; }

    .market-cc-page {
      font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
      background: #ffffff;
      color: #111827;
      -webkit-font-smoothing: antialiased;
    }

    .cc-wrap {
      max-width: 940px;
      margin: 0 auto;
      padding: 0 28px;
    }

    /* ───── HERO ───── */
    .cc-hero {
      padding: 80px 28px 72px;
      background: #f8faff;
      border-bottom: 1px solid #e8edf5;
      position: relative;
      overflow: hidden;
    }
    .cc-hero::before {
      content: '';
      position: absolute;
      top: -100px; right: -80px;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(30,100,220,0.07) 0%, transparent 70%);
      pointer-events: none;
    }
    .cc-hero-inner { max-width: 940px; margin: 0 auto; position: relative; }
    .cc-eyebrow {
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: #1e64dc; margin-bottom: 20px;
    }
    .cc-hero-title {
      font-size: 46px; font-weight: 700;
      line-height: 1.18; margin-bottom: 22px; color: #0f172a;
    }
    .cc-hero-title span { color: #1e64dc; }
    .cc-hero-desc {
      font-size: 15px; color: #64748b;
      line-height: 1.9; max-width: 620px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
    .cc-tag {
      font-size: 12px; padding: 5px 16px;
      border: 1px solid #c7d9f8;
      border-radius: 20px; color: #1e64dc;
      background: #eef4ff;
    }

    /* ───── SECTION ───── */
    .cc-section {
      padding: 60px 28px;
      border-bottom: 1px solid #f0f3f8;
    }
    .cc-section:last-child { border-bottom: none; }
    .cc-section-title {
      font-size: 30px; font-weight: 700;
      color: #0f172a; margin-bottom: 14px; line-height: 1.28;
    }
    .cc-section-desc {
      font-size: 14px; color: #64748b;
      line-height: 1.9; max-width: 680px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 특징 그리드 ───── */
    .cc-feature-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-feature-card {
      display: flex; gap: 16px; align-items: flex-start;
      padding: 22px 24px;
      background: #f8faff;
      border: 1px solid #e8edf5;
      border-radius: 14px;
    }
    .cc-feature-icon {
      width: 40px; height: 40px; border-radius: 10px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-feature-icon svg {
      width: 18px; height: 18px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-feature-head {
      font-size: 13px; font-weight: 500; color: #1e293b;
      margin-bottom: 5px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-feature-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 상품 카드 (금/은) ───── */
    .cc-metal-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-metal-card {
      padding: 28px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-metal-top {
      display: flex; align-items: center; gap: 14px; margin-bottom: 18px;
    }
    .cc-metal-badge {
      width: 44px; height: 44px; border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      font-size: 20px; flex-shrink: 0;
    }
    .cc-metal-badge.gold { background: #fef9ec; }
    .cc-metal-badge.silver { background: #f4f6f8; }
    .cc-metal-name {
      font-size: 17px; font-weight: 700; color: #0f172a;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-metal-sub {
      font-size: 12px; color: #94a3b8; margin-top: 3px;
    }
    .cc-item-list { display: flex; flex-direction: column; gap: 9px; }
    .cc-item-row { display: flex; gap: 10px; align-items: flex-start; }
    .cc-item-dot {
      width: 5px; height: 5px; border-radius: 50%;
      background: #1e64dc; flex-shrink: 0; margin-top: 7px;
    }
    .cc-item-text {
      font-size: 13px; color: #64748b; line-height: 1.75;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 원유 카드 ───── */
    .cc-oil-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 16px;
    }
    .cc-oil-card {
      padding: 28px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
      transition: border-color 0.22s, box-shadow 0.22s;
    }
    .cc-oil-card:hover {
      border-color: #c7d9f8;
      box-shadow: 0 4px 24px rgba(30,100,220,0.08);
    }
    .cc-oil-top {
      display: flex; align-items: flex-start;
      justify-content: space-between; margin-bottom: 14px;
    }
    .cc-oil-name {
      font-size: 17px; font-weight: 700; color: #0f172a;
    }
    .cc-oil-eng {
      font-size: 11px; color: #94a3b8; margin-top: 4px;
      letter-spacing: 0.04em;
    }
    .cc-oil-region {
      font-size: 10px; font-weight: 500;
      padding: 3px 10px; border-radius: 20px;
      background: #eef4ff; color: #1e64dc;
      white-space: nowrap; height: fit-content;
    }
    .cc-oil-bar { height: 1px; background: #e8edf5; margin-bottom: 14px; }

    /* ───── Brent vs WTI 비교 ───── */
    .cc-compare {
      margin-top: 12px;
      background: #f8faff;
      border: 1px solid #e8edf5;
      border-radius: 14px;
      overflow: hidden;
    }
    .cc-compare-title {
      padding: 16px 24px;
      font-size: 13px; font-weight: 500; color: #1e293b;
      border-bottom: 1px solid #e8edf5;
      font-family: 'Noto Sans KR', sans-serif;
      background: #f0f5ff;
    }
    .cc-compare-list { padding: 18px 24px; display: flex; flex-direction: column; gap: 10px; }
    .cc-compare-item { display: flex; gap: 10px; align-items: flex-start; }
    .cc-compare-dot {
      width: 5px; height: 5px; border-radius: 50%;
      background: #1e64dc; flex-shrink: 0; margin-top: 7px;
    }
    .cc-compare-text {
      font-size: 13px; color: #64748b; line-height: 1.75;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 투자 기회 그리드 ───── */
    .cc-opp-grid {
      display: grid; grid-template-columns: repeat(2, 1fr);
      gap: 12px; margin-top: 32px;
    }
    .cc-opp-card {
      padding: 24px;
      border-radius: 14px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-opp-num {
      font-size: 28px; font-weight: 700; color: #1e64dc;
      line-height: 1; margin-bottom: 10px;
      font-family: 'DM Sans', sans-serif;
    }
    .cc-opp-head {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin-bottom: 7px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-opp-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 장점 카드 ───── */
    .cc-benefit-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-benefit-card {
      display: flex; gap: 18px; align-items: flex-start;
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-benefit-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-benefit-icon svg {
      width: 20px; height: 20px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-benefit-head {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin-bottom: 7px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-benefit-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── RESPONSIVE ───── */
    @media (max-width: 720px) {
      .cc-hero-title { font-size: 32px; }
      .cc-feature-grid { grid-template-columns: 1fr; }
      .cc-metal-grid { grid-template-columns: 1fr; }
      .cc-oil-grid { grid-template-columns: 1fr; }
      .cc-opp-grid { grid-template-columns: 1fr; }
      .cc-benefit-grid { grid-template-columns: 1fr; }
      .cc-section-title { font-size: 24px; }
    }
    @media (max-width: 480px) {
      .cc-hero { padding: 56px 20px 52px; }
      .cc-section { padding: 44px 20px; }
    }.market-cc-page, .market-cc-page * { box-sizing: border-box; }

    .market-cc-page {
      font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
      background: #ffffff;
      color: #111827;
      -webkit-font-smoothing: antialiased;
    }

    .cc-wrap {
      max-width: 940px;
      margin: 0 auto;
      padding: 0 28px;
    }

    /* ───── HERO ───── */
    .cc-hero {
      padding: 80px 28px 72px;
      background: #f8faff;
      border-bottom: 1px solid #e8edf5;
      position: relative;
      overflow: hidden;
    }
    .cc-hero::before {
      content: '';
      position: absolute;
      top: -100px; right: -80px;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(30,100,220,0.07) 0%, transparent 70%);
      pointer-events: none;
    }
    .cc-hero-inner { max-width: 940px; margin: 0 auto; position: relative; }
    .cc-eyebrow {
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: #1e64dc; margin-bottom: 20px;
    }
    .cc-hero-title {
      font-size: 46px; font-weight: 700;
      line-height: 1.18; margin-bottom: 22px; color: #0f172a;
    }
    .cc-hero-title span { color: #1e64dc; }
    .cc-hero-desc {
      font-size: 15px; color: #64748b;
      line-height: 1.9; max-width: 620px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
    .cc-tag {
      font-size: 12px; padding: 5px 16px;
      border: 1px solid #c7d9f8;
      border-radius: 20px; color: #1e64dc;
      background: #eef4ff;
    }

    /* ───── SECTION ───── */
    .cc-section {
      padding: 60px 28px;
      border-bottom: 1px solid #f0f3f8;
    }
    .cc-section:last-child { border-bottom: none; }
    .cc-section-title {
      font-size: 30px; font-weight: 700;
      color: #0f172a; margin-bottom: 14px; line-height: 1.28;
    }
    .cc-section-desc {
      font-size: 14px; color: #64748b;
      line-height: 1.9; max-width: 680px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 특징 그리드 ───── */
    .cc-feature-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-feature-card {
      display: flex; gap: 16px; align-items: flex-start;
      padding: 22px 24px;
      background: #f8faff;
      border: 1px solid #e8edf5;
      border-radius: 14px;
    }
    .cc-feature-icon {
      width: 40px; height: 40px; border-radius: 10px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-feature-icon svg {
      width: 18px; height: 18px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-feature-head {
      font-size: 13px; font-weight: 500; color: #1e293b;
      margin-bottom: 5px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-feature-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 비교 테이블 ───── */
    .cc-compare-list {
      display: flex; flex-direction: column; gap: 12px;
      margin-top: 32px;
    }
    .cc-compare-card {
      border-radius: 16px;
      border: 1px solid #e8edf5;
      overflow: hidden;
    }
    .cc-compare-header {
      display: flex; align-items: center; gap: 12px;
      padding: 16px 24px;
      background: #f0f5ff;
      border-bottom: 1px solid #e8edf5;
    }
    .cc-compare-num {
      width: 28px; height: 28px; border-radius: 50%;
      background: #1e64dc; color: #fff;
      font-size: 12px; font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-compare-q {
      font-size: 14px; font-weight: 500; color: #1e293b;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-compare-body {
      display: grid; grid-template-columns: 1fr 1fr;
      background: #f8faff;
    }
    .cc-compare-col {
      padding: 20px 24px;
    }
    .cc-compare-col:first-child {
      border-right: 1px solid #e8edf5;
    }
    .cc-compare-label {
      font-size: 10px; font-weight: 600; letter-spacing: 0.1em;
      text-transform: uppercase; margin-bottom: 8px;
    }
    .cc-compare-label.cfd { color: #1e64dc; }
    .cc-compare-label.stock { color: #94a3b8; }
    .cc-compare-text {
      font-size: 13px; color: #475569; line-height: 1.75;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-compare-note {
      padding: 14px 24px;
      background: #fff;
      border-top: 1px solid #e8edf5;
      font-size: 12px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 장점 카드 ───── */
    .cc-benefit-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-benefit-card {
      display: flex; gap: 18px; align-items: flex-start;
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-benefit-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-benefit-icon svg {
      width: 20px; height: 20px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-benefit-head {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin-bottom: 7px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-benefit-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── RESPONSIVE ───── */
    @media (max-width: 720px) {
      .cc-hero-title { font-size: 32px; }
      .cc-feature-grid { grid-template-columns: 1fr; }
      .cc-compare-body { grid-template-columns: 1fr; }
      .cc-compare-col:first-child { border-right: none; border-bottom: 1px solid #e8edf5; }
      .cc-benefit-grid { grid-template-columns: 1fr; }
      .cc-section-title { font-size: 24px; }
    }
    @media (max-width: 480px) {
      .cc-hero { padding: 56px 20px 52px; }
      .cc-section { padding: 44px 20px; }
    }.market-cc-page, .market-cc-page * { box-sizing: border-box; }

    .market-cc-page {
      font-family: 'DM Sans', 'Noto Sans KR', sans-serif;
      background: #ffffff;
      color: #111827;
      -webkit-font-smoothing: antialiased;
    }

    .cc-wrap {
      max-width: 940px;
      margin: 0 auto;
      padding: 0 28px;
    }

    /* ───── HERO ───── */
    .cc-hero {
      padding: 80px 28px 72px;
      background: #f8faff;
      border-bottom: 1px solid #e8edf5;
      position: relative;
      overflow: hidden;
    }
    .cc-hero::before {
      content: '';
      position: absolute;
      top: -100px; right: -80px;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(30,100,220,0.07) 0%, transparent 70%);
      pointer-events: none;
    }
    .cc-hero-inner { max-width: 940px; margin: 0 auto; position: relative; }
    .cc-eyebrow {
      font-size: 11px; font-weight: 500;
      letter-spacing: 0.14em; text-transform: uppercase;
      color: #1e64dc; margin-bottom: 20px;
    }
    .cc-hero-title {
      font-size: 46px; font-weight: 700;
      line-height: 1.18; margin-bottom: 22px; color: #0f172a;
    }
    .cc-hero-title span { color: #1e64dc; }
    .cc-hero-desc {
      font-size: 15px; color: #64748b;
      line-height: 1.9; max-width: 620px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 32px; }
    .cc-tag {
      font-size: 12px; padding: 5px 16px;
      border: 1px solid #c7d9f8;
      border-radius: 20px; color: #1e64dc;
      background: #eef4ff;
    }

    /* ───── SECTION ───── */
    .cc-section {
      padding: 60px 28px;
      border-bottom: 1px solid #f0f3f8;
    }
    .cc-section:last-child { border-bottom: none; }
    .cc-section-title {
      font-size: 30px; font-weight: 700;
      color: #0f172a; margin-bottom: 14px; line-height: 1.28;
    }
    .cc-section-desc {
      font-size: 14px; color: #64748b;
      line-height: 1.9; max-width: 680px;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 특징 그리드 ───── */
    .cc-feature-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-feature-card {
      display: flex; gap: 16px; align-items: flex-start;
      padding: 22px 24px;
      background: #f8faff;
      border: 1px solid #e8edf5;
      border-radius: 14px;
    }
    .cc-feature-icon {
      width: 40px; height: 40px; border-radius: 10px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-feature-icon svg {
      width: 18px; height: 18px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-feature-head {
      font-size: 13px; font-weight: 500; color: #1e293b;
      margin-bottom: 5px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-feature-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 종목 카드 ───── */
    .cc-coin-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-coin-card {
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
      transition: border-color 0.22s, box-shadow 0.22s;
    }
    .cc-coin-card:hover {
      border-color: #c7d9f8;
      box-shadow: 0 4px 24px rgba(30,100,220,0.08);
    }
    .cc-coin-top {
      display: flex; align-items: center;
      justify-content: space-between; margin-bottom: 14px;
    }
    .cc-coin-left { display: flex; align-items: center; gap: 12px; }
    .cc-coin-icon {
      width: 42px; height: 42px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 20px; flex-shrink: 0;
    }
    .cc-coin-name {
      font-size: 16px; font-weight: 700; color: #0f172a;
    }
    .cc-coin-ticker {
      font-size: 11px; color: #94a3b8; margin-top: 3px;
      font-family: 'DM Sans', sans-serif; letter-spacing: 0.04em;
    }
    .cc-coin-rank {
      font-size: 10px; font-weight: 500;
      padding: 3px 10px; border-radius: 20px;
      background: #eef4ff; color: #1e64dc;
      white-space: nowrap; height: fit-content;
    }
    .cc-coin-bar { height: 1px; background: #e8edf5; margin-bottom: 14px; }
    .cc-coin-desc {
      font-size: 13px; color: #64748b; line-height: 1.8;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 비교 카드 ───── */
    .cc-compare-list {
      display: flex; flex-direction: column; gap: 12px;
      margin-top: 32px;
    }
    .cc-compare-card {
      border-radius: 16px;
      border: 1px solid #e8edf5;
      overflow: hidden;
    }
    .cc-compare-header {
      display: flex; align-items: center; gap: 12px;
      padding: 16px 24px;
      background: #f0f5ff;
      border-bottom: 1px solid #e8edf5;
    }
    .cc-compare-num {
      width: 28px; height: 28px; border-radius: 50%;
      background: #1e64dc; color: #fff;
      font-size: 12px; font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-compare-q {
      font-size: 14px; font-weight: 500; color: #1e293b;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-compare-body {
      display: grid; grid-template-columns: 1fr 1fr;
      background: #f8faff;
    }
    .cc-compare-col { padding: 20px 24px; }
    .cc-compare-col:first-child { border-right: 1px solid #e8edf5; }
    .cc-compare-label {
      font-size: 10px; font-weight: 600; letter-spacing: 0.1em;
      text-transform: uppercase; margin-bottom: 8px;
    }
    .cc-compare-label.cfd { color: #1e64dc; }
    .cc-compare-label.direct { color: #94a3b8; }
    .cc-compare-text {
      font-size: 13px; color: #475569; line-height: 1.75;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }
    .cc-compare-note {
      padding: 14px 24px;
      background: #fff;
      border-top: 1px solid #e8edf5;
      font-size: 12px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── 장점 카드 ───── */
    .cc-benefit-grid {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: 12px; margin-top: 32px;
    }
    .cc-benefit-card {
      display: flex; gap: 18px; align-items: flex-start;
      padding: 26px;
      border-radius: 16px;
      border: 1px solid #e8edf5;
      background: #f8faff;
    }
    .cc-benefit-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: #eef4ff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .cc-benefit-icon svg {
      width: 20px; height: 20px;
      stroke: #1e64dc; fill: none;
      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
    }
    .cc-benefit-head {
      font-size: 14px; font-weight: 500; color: #1e293b;
      margin-bottom: 7px;
      font-family: 'Noto Sans KR', sans-serif;
    }
    .cc-benefit-body {
      font-size: 13px; color: #64748b; line-height: 1.7;
      font-family: 'Noto Sans KR', sans-serif; font-weight: 300;
    }

    /* ───── RESPONSIVE ───── */
    @media (max-width: 720px) {
      .cc-hero-title { font-size: 32px; }
      .cc-feature-grid { grid-template-columns: 1fr; }
      .cc-coin-grid { grid-template-columns: 1fr; }
      .cc-compare-body { grid-template-columns: 1fr; }
      .cc-compare-col:first-child { border-right: none; border-bottom: 1px solid #e8edf5; }
      .cc-benefit-grid { grid-template-columns: 1fr; }
      .cc-section-title { font-size: 24px; }
    }
    @media (max-width: 480px) {
      .cc-hero { padding: 56px 20px 52px; }
      .cc-section { padding: 44px 20px; }
    }