.adjsize img{
    min-height: 400px;
    object-fit: cover;
}
@media (max-width:992px){
    .adjsize img{
        filter:brightness(0.5);
    }
    .adjsize .carousel-caption{
        top:20%;
        left:5%;
    }
    .adjsize .carousel-caption h1{
        font-size: 4rem;
    }
    .adjsize .carousel-caption h1 span{
        font-size: 3rem !important;
    }
    .adjsize .carousel-caption p{
        max-width: 80%;
        padding-top: 3rem;
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 4rem;
    }
}


/* 팝업 오버레이: 위치 고정 (이전과 동일) */
.popup-overlay {
    position: fixed; 
    bottom: 20px;    
    left: 20px;     
    z-index: 1000;   
    width: 300px; 
    height: auto;
}

/* 팝업 컨테이너: 전체 팝업의 테두리와 그림자 */
.popup-content {
    background-color: rgb(255, 255, 255); /* 전체 팝업 배경을 흰색으로 */
    border-radius: 12px; /* 모서리를 좀 더 둥글게 */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); /* 그림자를 더 부드럽게 */
    overflow: hidden; /* 자식 요소가 둥근 모서리를 넘지 않도록 */
    display: flex; /* 내부 요소를 flex로 배치하여 footer를 하단에 고정 */
    flex-direction: column; /* 세로 방향으로 정렬 */
    height: 100%; /* 팝업 오버레이의 높이를 따르도록 */
}

/* 팝업 본문 영역: 배경 이미지와 텍스트가 들어갈 곳 */
.popup-body {
    position: relative; /* 자식 요소(오버레이)의 기준점 */
    flex-grow: 1; /* footer를 제외한 나머지 공간을 모두 차지 */
    padding: 10px;
    text-align: center;
    color: #000; /* 본문 텍스트는 흰색 */
    
    /* 배경 이미지 설정 */
    background-image: url('certificate-bg.jpg'); /* 여기에 실제 배경 이미지 경로 */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; /* 이미지 반복 방지 */
}

/* 팝업 본문 배경 이미지 위에 반투명 오버레이를 추가하여 텍스트 가독성 향상 */
.popup-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* 텍스트 아래에 위치 */
}

/* 팝업 본문 내의 모든 콘텐츠 (텍스트, 이미지 등)를 오버레이 위에 띄우기 */
.popup-body > * {
    position: relative;
    z-index: 2; /* 오버레이보다 위에 표시 */
}

/* 제목 스타일 */
.popup-body h2 {
    font-size: 17px; /* 제목 글자 크기 조정 */
    font-weight: bold; /* 제목을 더 강조 */
    margin-top: 0;
    margin-bottom: 15px; /* 제목과 이미지 사이 간격 */
    line-height: 1.3;
}

/* 본문 텍스트 스타일 */
.popup-body p {
    font-size: 14px;
    line-height: 1.6; /* 줄 간격 조절 */
    margin-bottom: 10px; /* 문단 아래 간격 */
}

/* 이미지 스타일 (w-100 클래스는 그대로 사용) */
.popup-body img.w-100 {
    width: 100%; /* 부모 너비에 꽉 차게 */
    max-width: 400px; /* 이미지 최대 너비 제한 (너무 커지지 않도록) */
    height: auto;
    margin: 15px auto; /* 상하 간격 및 중앙 정렬 */
    display: block; /* margin: auto 적용을 위해 블록 요소로 */
    border-radius: 5px; /* 이미지 모서리 살짝 둥글게 */
}

/* 푸터 영역: 흰색 배경, 상단 테두리, 간격 조정 */
.popup-footer {
    padding: 5px 20px; /* 상하좌우 패딩 조정 */
    border-top: 1px solid #eee; /* 상단 테두리 */
    background-color: #fff; /* 흰색 배경 */
    display: flex;
    justify-content: space-between; /* 양 끝 정렬 */
    align-items: center;
    font-size: 13px; /* 글자 크기 조정 */
    color: #555; /* 푸터 텍스트 색상 */
}

/* 체크박스 레이블 */
.popup-footer label {
    display: flex;
    align-items: center;
    gap: 5px; /* 체크박스와 텍스트 사이 간격 */
    cursor: pointer;
}

/* 체크박스 스타일 */
.popup-footer input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: #00bef2; /* 체크박스 색상 */
    margin-right: 0; /* 기본 마진 제거 */
}

/* 닫기 버튼 스타일 */
#closePopup {
    padding: 8px 18px; /* 버튼 패딩 조정 */
    background-color: #00bef2; /* 파란색 배경 */
    color: #fff; /* 흰색 글자 */
    border: none;
    border-radius: 7px; /* 버튼 모서리 둥글게 */
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s ease; /* 호버 효과 */
}

#closePopup:hover {
    background-color: #0056b3; /* 호버 시 색상 변경 */
}

/* 팝업 숨김 클래스 (JavaScript에서 사용) */
.hidden {
    display: none;
}
/* 기존 스타일 아래에 추가하세요 */

.popup-swiper {
    width: 100%;
    height: auto;
}

.popup-body-link {
    text-decoration: none !important;
    color: #000 !important;
    display: block;
}

/* 슬라이더 점(pagination) 스타일 */
.popup-swiper .swiper-pagination {
    bottom: 55px !important;
}

.popup-swiper .swiper-pagination-bullet-active {
    background: #00bef2 !important;
}

/* 팝업 본문 여백 조정 (슬라이더용) */
.popup-body {
    padding: 25px 20px 35px; /* 아래쪽에 점이 들어갈 공간 확보 */
}