/* CCAA 30차: 연수원 운영과정 그래프의 실측 값을 참고한 미세 조정.
   기존 세이지/아이보리/테라코타 컬러, 표, 모바일 구성은 그대로 유지.
   모바일(<768px)에는 원형 그래프/범례 대신 기존 모바일 현황 막대가 표시됨. */
@media (min-width:768px) {
  #ccaa-courses .course-pie {
    width:130px;
    height:130px;
  }
  #ccaa-courses .course-legend {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:10px;
    row-gap:10px;
  }
  #ccaa-courses .course-legend > div {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    font-size:13px;
    line-height:1.35;
    letter-spacing:-.07em;
  }
  #ccaa-courses .course-legend > div:first-child {
    grid-column:1 / -1;
  }
  #ccaa-courses .course-legend .legend-color {
    display:block;
    width:20px;
    height:20px;
    flex:0 0 20px;
    border-radius:1px;
  }
  #ccaa-courses .course-legend b {
    margin-left:0;
    font-size:13px;
    font-weight:650;
  }
}
/* 좌측 카드가 190px이 되는 작은 PC에서 13px 글자 잘림 방지. */
@media (min-width:768px) and (max-width:1120px) {
  #ccaa-courses .course-legend {
    grid-template-columns:minmax(0,1fr);
  }
  #ccaa-courses .course-legend > div:first-child {
    grid-column:auto;
  }
}