/*
         ✅ 2번 조건: 클래스명이 겹치지 않도록 'custom-comparison-' 접두사 사용
         ✅ 3번 조건: 다른 곳에서도 재사용 가능하도록 클래스 기반으로 스타일링
        */
        .custom-comparison-table-wrapper {
            margin: 2em 0; /* 표 위아래 여백 */
        }

        .custom-comparison-table th,
        .custom-comparison-table td {
            vertical-align: middle; /* 셀 내용 세로 중앙 정렬 */
            text-align: center;     /* 셀 내용 가로 중앙 정렬 */
        }

        .custom-comparison-table thead {
            background-color: #f8f9fa; /* 헤더 배경색을 밝은 회색으로 지정 */
        }

        .custom-comparison-table tbody th {
            width: 15%; /* 첫 번째 '구분' 열의 너비 지정 */
            background-color: #f8f9fa;
        }
        .custom-thumbnail {
            display: block;
            width: 100%;
            /* --- 비율 제어 (아래 값을 조절하세요) --- */
            /* 4:3 비율일 경우: padding-bottom: 75%; */
            /* 16:9 비율일 경우: padding-bottom: 56.25%; */
            padding-bottom: 60%; /* 원하는 높이 비율 */

            /* --- 이미지 자르기(crop) 효과 --- */
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }
        .img-box:before {
            background: transparent;
        }