.notification {
    position: fixed;
    bottom: -100px; /* 화면 밖에 숨겨놓음 */
    left: 50%;
    transform: translateX(-50%); /* 가운데 정렬 */
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    z-index: 99;
    display: none; /* 초기에는 숨김 */
    opacity: 1; /* 투명도 설정 */
    transition: opacity 0.5s ease; /* 부드러운 페이드 효과 */
}
@media (max-width: 480px) {
.notification {
	width:90%;
	}
}