.notice-wrapper {
            width: 100%;
            margin-left: calc(-50vw + 50%);
            margin-top: 20px;
        }

        .notice-bar {
            display: flex;
            align-items: center;
            height: 50px;
            background-color: #2f3192;
            overflow: hidden;
        }

        .notice-label {
            background-color: #000;
            color: #fff;
            padding: 0 22px;
            font-weight: 600;
            font-size: clamp(14px, 3vw, 16px); 
            height: 100%;
            display: flex;
            align-items: center;
            font-family: 'IBM Plex Sans', sans-serif;
        }

        .notice-text {
            flex: 1;
            color: #ffffff;
            font-family: 'IBM Plex Sans', sans-serif;
            white-space: nowrap;
            overflow: hidden;
            position: relative;
            font-size: clamp(16px, 5vw, 50px);
        }

        .notice-text span {
            display: inline-block;
            padding-left: 100%;
            animation: scrollText 40s linear infinite;
			color:#FFFFFF;
        }
		        .notice-text span a {
			color:#FFFFFF;
        }
		 .notice-text span a:hover {
			color:#ff0018;
        }

        @keyframes scrollText {
            0%   { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }

        @media (max-width: 480px) {
            .notice-bar {
                height: 40px;
            }
            .notice-label {
                padding: 0 12px;
            }
        }