/* 가정의 달 밸런스 게임 이벤트(250405) */
.event2505{width: 917px;}
.event2505 a{text-decoration: none;}
.event2505 ul{margin: 0; padding: 0;}
.event2505 ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0;
}
.event2505 .evt_L_bg{background-color: #a9d2ff;width:459px;text-align: right;}
.event2505 .evt_R_bg{background-color: #ffabd8;width:458px;}
.event2505 .evtBtn_bg{
	background-image: url(/images/event/event25417/event2505_07_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 155px;
}
.event2505 .evtBtn_bg button{
	width: 330px;
	height: 71px;
	background-image: url(/images/event/event25417/event2505_08_btn01.png);
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	margin-top:40px;
	color: transparent;
	text-indent:-9999px;
	overflow: hidden;
	animation: switchBackground 1.5s steps(1) infinite;
}
@keyframes switchBackground {
	0% { background-image: url(/images/event/event25417/event2505_08_btn01.png); }
	50% { background-image: url(/images/event/event25417/event2505_08_btn02.png); }
	100% { background-image: url(/images/event/event25417/event2505_08_btn01.png); }
}
.event2505 .note{
	background-color: #a9d2ff;
	border-bottom: 1px solid #333136;
}
.event2505 .note p{
	width: 100%;
	padding: 20px 0 0 87px;
}
.event2505 .note ul{
	width: 100%;
	margin: 10px 87px 25px;
}
.event2505 .note ul li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	justify-content: flex-start;
	padding-left: 12px;
}
.event2505 .note ul li::before{
	content: '•';
	position: absolute;
	left: 0;
	font-size: 1em;   /* 기본 글자 크기 유지 */
	transform: scale(0.8);  /* 블릿 크기 줄이기 */
	color: #333;
}
.event2505 .note ul li.star:nth-last-child(1)::before{
	content: '★' !important;
	position: absolute;
	left: -5px;
	font-size: 1.2em;
	transform: scale(0.8);
	color: #333;
}
.event2505 .btngo{
	border-radius: 50px;
	background-color: #ff478b;
	padding: 0 15px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
	margin-left: 15px;
}
.event2505 .note li strong{color: #ff478b;}
.event2505 .comment-input-container{
	flex: 1;
	height: 48px;
	margin: 25px 0;
	display: flex;
	align-items:flex-start;
}
.event2505 .comment-input {
	width: 100%;
	height: 100%;
	padding: 10px;
	border: 2px solid #112540;
	box-sizing: border-box;
	resize: vertical;
	text-align: left;
	overflow: auto;
	resize: none;
}
.event2505 .comment-input-container button{
	width: 96px;
	height: 48px;
	background-color: #112540;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-left: 10px;
}
.event2505 .comment-input-container button:hover{
background-color: #384257;
}
.comment-list{
	width: 100%;
}
.comment{
	display: flex;
	align-items:center;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 8px;
}
.comment-header{
	display: flex;
	align-items: center;
}
.comment-header .comment-date{
	width: 46px;
	color: #888;font-weight: bold;
}
.comment-header .comment-id{
	width: 100px;font-weight: bold;
}
.comment-content{flex: 1;}
.comment-footer{width: 97px;text-align: right;}
.comment-footer button{
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px 10px;
}
.comment-footer button:hover{
	border: 1px solid #112540;
	color: #112540;
}
.image-container img {
	transition: filter 0.15s ease-in-out;
	filter: brightness(100%);
}
.image-container img.clicked {
	filter: brightness(108%);
}