.platform-container {
	max-width: 100%;
	border:20px;
	background-color: #342f29;
	border-radius:50px;
}
.text-center { text-align: center; }

.platform-section {
	background: #f7941c url('/images/platform-bg.gif') no-repeat center center;
	background-size: cover;
	padding: 30px;
	position: relative;
	width:100%;
}

.icon-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px; /* 윗줄과 아랫줄 사이의 간격 */
}

.icon-row {
	display: flex;
	justify-content: center; /* 아이콘들을 가운데 정렬 */
	gap: 20%; /* 가로 아이콘 사이의 간격 */
	width: 100%;
}

.icon-wrapper {
	max-width:100%;
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease;
	border-radius: 50%;
}

.icon-wrapper img {
	width: 100%;
	height: auto;
	display: block;
}

.icon-wrapper:hover {
	transform: translateY(-8px);
	cursor: pointer;
}

/* 6. 모바일 디바이스(767px 이하) 미디어 쿼리 조정 */
@media (max-width: 767px) {
	.platform-section {
		padding: 10px;
	}
	.platform-title-wrap {
		margin-bottom: 40px;
	}
	.icon-container {
		gap: 20px; /* 모바일 위아래 간격 축소 */
	}
	.icon-row {
		gap: 15px; /* 모바일 가로 간격 축소 */
		flex-wrap: wrap; /* 화면이 너무 좁아지면 자연스럽게 줄바꿈 되도록 설정 */
	}
	.icon-wrapper {
		width: 100px; /* 모바일 아이콘 크기 축소 */
	}
}