.pricing-card-area .list li {
    font-weight: 500 !important;
}

    /* 모달 스타일 */
    .modal {
        display: none;  /* 기본적으로 숨김 */
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8); /* 어두운 배경 */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* 모달 내부 컨테이너 */
    .modal-container {
        position: relative; /* 닫기 버튼을 상대적으로 배치할 기준 */
        max-width: 90%;
        max-height: 90%;
        overflow: hidden; /* 내부 요소가 넘치지 않도록 */
    }

    /* 팝업 이미지 */
    .modal-content {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 10px;
    }

    /* 닫기 버튼 스타일 */
    .close-btn {
        position: absolute;
        top: 10px;  /* 상단 여백 */
        right: 10px; /* 우측 여백 */
        font-size: 30px;
        font-weight: bold;
        color: white;
        background: rgba(0, 0, 0, 0.7); /* 반투명 검정 배경 */
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: background 0.3s;
        z-index: 10; /* 버튼이 이미지 위에 표시되도록 */
    }

    /* 닫기 버튼 호버 효과 */
    .close-btn:hover {
        background: rgba(255, 255, 255, 0.8);
        color: black;
    }