body {
      font-family: 'Segoe UI', sans-serif;
      /* background: #f9f9fb; */
      /* background-color: #777; */
      /* padding: 2rem; */
    }

    .menu-button {
      position: fixed;
      top: 20px;
      right: 20px;
      z-index: 1000;
      cursor: pointer;
      font-size: 1.5rem;
      color: #333;
    }
    .top_title {
      font-size: 1.8rem;
      font-weight: bold;
      margin: 20px 0 10px;
      color: #313131;
    }

    .h1-sub {
        font-size: 1rem;
    }

    .head-desc-emp {
      color: red;
      /* font-weight: 700; */
    }

    .price-table {
      margin-bottom: 2rem;
    }

    .course-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 24px;
      max-width: 1200px;
      margin: 1rem auto;
    }

    .course-card {
        position: relative; /* 자식 요소 배치 위해 position 설정 */
        background: #f1f1f1;
        border-radius: 5px;
        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        padding: 2.5rem 1.5rem 1rem 1.5rem; /* 상단 여백 확보 */
        transition: transform 0.2s;
        overflow: hidden;
    }

    .course-card:hover {
      /* transform: translateY(-4px); */
      top: -2px;
      box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
    }

    /* 과정명 좌측 상단 태그(네모 상자) */
    .course-label {
        position: absolute;
        top: 10px;
        left: 20px;
        border: 1px solid silver;
        padding: 4px 10px;
        font-size: 0.75rem;
        border-radius: 5px;
        display: inline-block;
        /* z-index: 1; */
    }

    .course-title {
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 0.5rem;
      color: #333;
    }

    .course-subtitle {
      color: #333;
      margin-bottom: 1rem;
    }

    .course-btn {
      background: darkgray;
      color: white;
      padding: 0.5rem 1rem;
      border: none;
      border-radius: 8px;
      text-decoration: none;
      font-size: 0.9rem;
      display: inline-block;
    }

    .course-btn:hover,
    .button-link:hover {
      background: #303f9f;
    }

    .button-link {
      display: inline-block;
      padding: 3px 6px;
      font-size: .8rem;
      background: #2196f3;
      color: white;
      text-decoration: none;
      border-radius: 6px;
    }

    .add-desc { 
      color: #616161;
      font-size: 0.95rem; 
    }

    .add-desc ul {
      list-style: none;
      padding-left: 0;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }

    .add-desc ul li {
      position: relative;
      padding-left: 1.8rem;
      font-size: 0.9rem;
      line-height: 1.5rem;
      margin-bottom: 0.3rem;
    }

    .add-desc ul li::before {
      content: "–";
      position: absolute;
      left: 10px;
      width: 10px;
      text-align: right;
      color: #616161;
      font-weight: bold;
    }

    h1 {
      color: #2c3e50 !important;
      font-size: 2rem !important;
      margin: 1.8rem 0 1rem 0 !important;
      font-weight: 700 !important;
      line-height: 1.4 !important;
    }

    .subtitle {
      font-size: 1.1rem;
      font-weight: 700;
      color: #555;
      margin-bottom: 2rem;
    }

    /* (예) 이 과정이 필요한 분, 강의료 등 */
    .section-title {
      font-weight: bold;
      font-size: 1.2rem;
      margin-top: 2rem;
      margin-bottom: 1rem;
      border-left: 4px solid #42a5f5;
      padding-left: 0.5rem;
    }

    ul.check {
      margin-left: 3rem;
    }

    .check ul.disc {
    margin-left: 1.5rem; /* 들여쓰기 적용 */
    }
    
    ul.check > li {
      list-style-type: '✔ ';
      margin-bottom: 0.4rem;
      color: #42a5f5;
      font-weight: bold;
    }

    ul.disc > li {
      list-style-type: disc;
      margin-left: 0.5rem;
      color: #333;
      margin-bottom: 0.3rem;
      font-weight: normal;
    }

    .back-link {
      display: inline-block;
      margin-top: 2rem;
      background: #3f51b5;
      color: white;
      padding: 0.6rem 1.2rem;
      border-radius: 6px;
      text-decoration: none;
    }

    .back-link:hover {
      background: #303f9f;
    }