/* Style for animated logos */
.logo-container {
	display: flex;
	align-items: center;
	gap: 5px; /* 로고 간 5px 간격 */
	font-size: 0;
	margin-top: 25px;
}
.logo-container a {	display: block;	}
/* .logo-svg {	font-size: 16px; } */
.logo-svg.fdp01 { height: 34px; }
.logo-svg.dps01 { height: 24px; margin-top: 9px; }
.logo-svg path {
/*	stroke-dasharray: 0;  JS로 동적 설정 */
/*	stroke-dashoffset: 0;  JS로 동적 설정 */
    /* 초기값을 설정하지 않고 JS에 맡김 */
	animation: paint 1s ease-in-out forwards, reveal 0.5s 1s forwards;
}
@keyframes paint { to { stroke-dashoffset: 0; }	}
@keyframes reveal {	to { stroke: none; } }
.fdp01 .st0.revealed { fill: #5E5C5E; }
.fdp01 .st1.revealed { fill: #E11F26; }
.dps01 .st0.revealed { fill: #CE437A; }
.dps01 .st1.revealed { fill: #5E5C5E; }


@media (max-width: 768px) { /* 화면 너비가 768px 이하일 때 적용 */
	.logo-container {
		margin-left: 5px;
	}
	.logo-svg.fdp01 {
		height: 29px;
	}
	.logo-svg.dps01 {
		height: 22px;
		margin-top: 7px;
	}
}