.popup-advertisement {
    display: none; /* 기본적으로 숨김 처리 */
    visibility: hidden; /* 렌더링 방지 */
	font-family: 'Arial', sans-serif;
}
.popup-advertisement.visible {
    display: block; /* 조건에 맞으면 표시 */
    visibility: visible;
}

.popup-advertisement {
    position: fixed;
    top: 164px;
    left: 35px;
    display: flex;
    flex-direction: column; /* 팝업 내부를 세로 방향으로 정렬 */
    justify-content: flex-start;
    z-index: 9999;
    cursor: default; /* 기본 상태에서 커서 표시 */
}

.popup-advertisement.visible {
    display: block; /* 표시 시 활성화 */
    opacity: 1; /* 나타나게 설정 */
}

.popup-advertisement-message b {
    font-weight: bold;
}
.popup-advertisement-message strong {
    font-weight: bold;
}

.popup-advertisement-message p, .popup-advertisement-message span {
    margin: 10px 0;
    font-family: '';
}

.popup-index {
    position: absolute; /* 팝업의 위치를 절대값으로 설정 */
    z-index: 1000; /* 팝업의 z-index 설정 */
}

/* .popup-index-2 { */
    /* top: calc(164px + 50px); */
    /* left: calc(35px + 50px); */
    /* transform: translate(0, 0); */
/* } */

.popup-advertisement-content {
    background: #fff;
	/* padding: 20px 20px 10px 20px; */
    width: 320px;	
	border-radius: 5px 5px 0px 0px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
}

/* 드래그 가능한 헤더 */
.popup-advertisement-header {
    background-color: #f4f4f4;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
	border-radius: 10px 10px 0 0;
    cursor: move; /* 드래그 가능한 커서 표시 */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* 팝업 메시지 */
.popup-advertisement-message {
	line-height: 140%;
	/* padding: 20px 20px 10px 20px; */
	padding: 20px 10px 0px 10px;
    font-size: 16px;
    /* margin-bottom: 20px; */
}

/* 팝업 하단 영역 */
.popup-advertisement-footer {
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	border-radius: 0 0 5px 5px;
	padding:5px 10px;
	background:#ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}

/* 닫기 버튼 */
.popup-advertisement-close {
    background: none;
    border: none;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    padding: 5px;
}

.popup-advertisement-close:hover {
    color: #ff0000;
}

/* 체크박스 숨김 */
.custom-checkbox input[type="checkbox"] {
    display: none;
}

/* 기본 체크박스 스타일 */
.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    color: #333;
}

/* 체크박스 원 */
.custom-checkbox .checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 2px solid #ddd;
    border-radius: 50%;
    position: relative;
    background-color: white;
    transition: all 0.3s ease;
}

/* 체크 상태 */
.custom-checkbox input[type="checkbox"]:checked + .checkmark {
    border-color: #4caf50;
    background-color: #4caf50;
}

/* 호버 시 배경 변경 */
.custom-checkbox:hover .checkmark {
    background-color: #4caf50;
    border-color: #4caf50;
}

/* 체크 표시 */
.custom-checkbox:hover .checkmark::after,
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}

.popup-advertisement-message img{
	max-width:305px;
	max-height:500px;
	cursor:default;
}