.ag_cnotice_window, .ag_cnotice_window * {
	box-sizing: border-box;
}
.ag_cnotice_window_locker {
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background-color: rgb(0, 0, 0);

	opacity: 0.25;

	display: none;
}
.ag_cnotice_window {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	opacity: 0;
	
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	
	display: none;
}
.ag_cnotice_window.ag_cnotice_position_top {
	bottom: auto;
	top: 0;
}
.ag_cnotice_window.disable_fixed {
	position: relative;
}
	.ag_cnotice_window_content {
		display: flex;
		padding: 20px;
		position: relative;
		align-items: center;
		justify-content: center;
		vertical-align: middle;
		
		width: 100%;
	}
		.ag_cnotice_window_image {
			max-width: 100px;
		}
			.ag_cnotice_window_image img {
				max-width: 100%;
			}
            
		.ag_cnotice_window_text {
			margin: 0 20px;
			line-height: 1.4;
            color: #fff;
		}
        .ag_cnotice_window_text a {
            text-decoration: underline;
            color: #fff;
        }
            .ag_cnotice_window_text a:hover {
                text-decoration: none;
            }
        .ag_cnotice_window_buttons {
            /* margin-left: 20px; */
            display: flex;
            flex-wrap: nowrap;
            gap: 10px;
        }
            .ag_cnotice_window_button {
                padding: 6px 16px;
                text-align: center;
                cursor: pointer;
                white-space: nowrap;
            }
	
/* blue */
.ag_cnotice_window.color_theme_blue .ag_cnotice_window_content {
	background-color:#0083d1;
}	
	.ag_cnotice_window.color_theme_blue .ag_cnotice_window_button {
		background-color:#5ca6e4;
		border: 2px solid #FFF;
		color: #fff;
		border-radius:2px;
	}
	.ag_cnotice_window.color_theme_blue .ag_cnotice_window_button:hover {
		background-color:#0083d1;
	}
	
/* black */
.ag_cnotice_window.color_theme_black .ag_cnotice_window_content {
	background-color:#333;
}	
	.ag_cnotice_window.color_theme_black .ag_cnotice_window_button {
		background-color:#5c5c5c;
		border: 2px solid #FFF;
		color: #fff;
		border-radius:2px;
	}
	.ag_cnotice_window.color_theme_black .ag_cnotice_window_button:hover {
		background-color:#333;
	}
/* green */
.ag_cnotice_window.color_theme_green .ag_cnotice_window_content {
	background-color:#159ebb;
}	
	.ag_cnotice_window.color_theme_green .ag_cnotice_window_button {
		background-color:#44b1c9;
		border: 2px solid #FFF;
		color: #fff;
		border-radius:2px;
	}
	.ag_cnotice_window.color_theme_green .ag_cnotice_window_button:hover {
		background-color:#159ebb;
	}
/* red */
.ag_cnotice_window.color_theme_red .ag_cnotice_window_content {
	background-color:#E22B2B;
}
	.ag_cnotice_window.color_theme_red .ag_cnotice_window_button {
		background-color:#e95c5c;
		border: 2px solid #FFF;
		color: #fff;
		border-radius:2px;
	}
	.ag_cnotice_window.color_theme_red .ag_cnotice_window_button:hover {
		background-color:#E22B2B;
	}
/* yellow */
.ag_cnotice_window.color_theme_yellow .ag_cnotice_window_content {
	background-color:#F9A91D;
}
	.ag_cnotice_window.color_theme_yellow .ag_cnotice_window_button {
		background-color:#faba4a;
		border: 2px solid #111;
		color: #111;
		border-radius:2px;
	}
	.ag_cnotice_window.color_theme_yellow .ag_cnotice_window_button:hover {
		background-color:#F9A91D;
	}
	.ag_cnotice_window.color_theme_yellow .ag_cnotice_window_text, .ag_cnotice_window.color_theme_yellow .ag_cnotice_window_text a {
		color: #111;
	}
/* neutral */
.ag_cnotice_window.color_theme_neutral .ag_cnotice_window_content {
	background-color:#f5fafa;
}
	.ag_cnotice_window.color_theme_neutral .ag_cnotice_window_button {
		background-color:#26b8e2;
		border: 2px solid #26b8e2;
		color: #fff;
		border-radius:3px;
	}
	.ag_cnotice_window.color_theme_neutral .ag_cnotice_window_button:hover {
		background-color:#f5fafa;
		color: #26b8e2;
	}
	.ag_cnotice_window.color_theme_neutral .ag_cnotice_window_text, .ag_cnotice_window.color_theme_neutral .ag_cnotice_window_text a {
		color: #111;
	}
/* neutral_center */
.ag_cnotice_window.neutral_center .ag_cnotice_window_content {
    width: auto;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* neutral_mini */
.ag_cnotice_window.neutral_mini {
	justify-content: center;
}
.ag_cnotice_window.neutral_right {
	justify-content: right;
}
.ag_cnotice_window.neutral_mini .ag_cnotice_window_content {
    padding: 15px;
    width: auto;
    border-radius: 4px;
    max-width: 50%;
    gap: 10px;
}
    .ag_cnotice_window.neutral_mini .ag_cnotice_window_image {
        display: none;
    }
    .ag_cnotice_window.neutral_mini .ag_cnotice_window_buttons {
        flex-direction: column;
    }
	.ag_cnotice_window.neutral_mini .ag_cnotice_window_button {
		border-width: 1px;
        padding: 5px 10px;
	}
	.ag_cnotice_window.neutral_mini .ag_cnotice_window_text {
        margin-left: 0;
        margin-right: 0;
	}
	
@media screen and (max-width: 768px){
	.ag_cnotice_window_content {
		flex-direction: column;
	}
	.ag_cnotice_window_image {
		display: none;
	}
	.ag_cnotice_window_text {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px;
	}
	.ag_cnotice_window_buttons {
		margin-left: 0;
	}

    
    .ag_cnotice_window.neutral_mini .ag_cnotice_window_content {
        width: 100%;
        border-radius: 0;
        max-width: 100%;
		flex-direction: row;
    }

    .ag_cnotice_window.neutral_mini .ag_cnotice_window_text {
		margin-bottom: 0;
	}

    .ag_cnotice_window.neutral_center .ag_cnotice_window_content {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px){
    .ag_cnotice_window_buttons {
        flex-wrap: wrap;
    }
}