/* 배경 */
.popup-wrap{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.65);
    z-index:9999;

    justify-content:center;
    align-items:center;

    backdrop-filter:blur(3px);
}

/* 팝업 박스 */
.popup-box{
    width:92%;
    max-width:500px;
    background:#fff;
    border-radius:20px;
    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,0.25);

    animation:popupShow .25s ease;
}

/* 헤더 */
.popup-header{
    display:flex;
    justify-content:space-between;
    align-items:center;

    padding:18px 22px;

background: linear-gradient(135deg, #0ea5e9, #2563eb);
    color:#fff;
}

.popup-header h2{
    margin:0;
    font-size:20px;
    font-weight:600;
}

/* 닫기 버튼 */
.popup-close{
    border:0;
    background:rgba(255,255,255,0.2);
    color:#fff;

    width:36px;
    height:36px;

    border-radius:50%;
    cursor:pointer;

    font-size:18px;

    transition:0.2s;
}

.popup-close:hover{
    background:rgba(255,255,255,0.35);
    transform:rotate(90deg);
}

/* 내용 */
.popup-content{
    padding:25px;
    max-height:70vh;
    overflow-y:auto;

    font-size:15px;
    line-height:1.7;
    color:#333;
}

/* 등장 애니메이션 */
@keyframes popupShow{
    from{
        opacity:0;
        transform:translateY(20px) scale(0.95);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* 모바일 */
@media screen and (max-width:768px){

    .popup-box{
        width:95%;
        border-radius:16px;
    }

    .popup-content{
        padding:20px;
    }

}
.result_table{
	width:100%;
	border-collapse:collapse;
	background:#fff;

	border-radius:12px;
	overflow:hidden;

	box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

/* 제목칸 */
.result_table th{
	background:#6bb6df;
	color:#fff;

	padding:14px 10px;

	font-size:15px;
	font-weight:600;

	border-bottom:1px solid #dbeaf3;
}

/* 내용칸 */
.result_table td{
	background:#fff;

	padding:14px 10px;

	font-size:15px;
	color:#333;

	border-bottom:1px solid #e8eef2;
	text-align:center;
}

/* 줄마다 색상 */
.result_table tr:nth-child(even) td{
	background:#f7fbfe;
}

/* 마지막 줄 선 제거 */
.result_table tr:last-child th,
.result_table tr:last-child td{
	border-bottom:none;
}
.result_table{
	width:100%;
	border-collapse:collapse;
	background:#fff;

	border-radius:12px;
	overflow:hidden;

	box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

/* 제목칸 */
.result_table th{
	background:#6bb6df;
	color:#fff;

	padding:14px 10px;

	font-size:15px;
	font-weight:600;

	border-bottom:1px solid #dbeaf3;
}

/* 내용칸 */
.result_table td{
	background:#fff;

	padding:14px 10px;

	font-size:15px;
	color:#333;

	border-bottom:1px solid #e8eef2;
	text-align:center;
}

/* 줄마다 색상 */
.result_table tr:nth-child(even) td{
	background:#f7fbfe;
}

/* 마지막 줄 선 제거 */
.result_table tr:last-child th,
.result_table tr:last-child td{
	border-bottom:none;
}