.side {
	display: flex;
	min-height: 100vh;
}
.content {
	width:100%;
	min-width: 330px;
}

.display-none {
	display: none;
}

/* 사이드바 토글 기능 */
.sidebar {
	width: 250px;
	transition: all 0.3s ease;
}

.sidebar.toggled {
	width: 0;
	overflow: hidden;
}

/* 모바일에서 사이드바 숨김 */
@media (max-width: 768px) {
	.sidebar {
		position: fixed;
		left: -250px;
		z-index: 1050;
		height: 100vh;
	}
	
	.sidebar.toggled {
		left: 0;
		width: 250px;
	}
	
	.content {
		margin-left: 0;
	}
}

/* 데스크톱에서 사이드바 토글 */
@media (min-width: 769px) {
	.sidebar.toggled {
		width: 0;
	}
	
	.content {
		margin-left: 0;
	}
}