body {
    	margin: 0;
    	font-family: Arial, sans-serif;
    	background-color: #FFFFFF;
    	/* 전체 페이지 배경: 흰색 */
    }

    .container {
    	display: flex;
    	flex: 1;
    	height: 100vh;
    	padding-left: 7%;
    	padding-right: 7%;

    	gap: 20px;
    	/* 사이드바와 메인 콘텐츠 사이 간격 */
    }

    html,
    body {
    	margin: 0;
    	padding: 0;
    	height: 100%;
    }

    body {
    	display: flex;
    	flex-direction: column;
    	min-height: 100vh;
    	/* 뷰포트 전체 높이 이상 확보 */
    }

    .container {
    	flex: 1;
    	/* 본문 영역(사이드+메인)이 빈 공간을 전부 차지 */
    	display: flex;
    	height: 3300px;
    }

    .main-content {
    	flex: 1;
    }

    .sidebar {
    	width: 180px;
    	background-color: #D6CCC2;
    	border-right: 1px solid #D5BDAF;
    	border-left: 1px solid #D5BDAF;
    	display: flex;
    	flex-direction: column;
    }

    .sidebar-title {
    	padding: 12px;
    	text-align: center;
    	background-color: #F5EBE0;
    	color: black;
    	font-size: 18px;
    	font-weight: bold;
    	cursor: default;

    	/* 아래 두 줄 추가 또는 수정 */
    	border: none;
    	/* 모든 테두리 제거 */
    	margin-bottom: 5px;
    	/* 필요할 경우 아래만 살짝 */
    }

    .menu-button {
    	display: block;
    	width: 100%;
    	padding: 12px;
    	text-align: center;
    	background-color: #F5EBE0;
    	border: none;
    	border-bottom: 1px solid #D5BDAF;
    	font-size: 16px;
    	cursor: pointer;
    	color: #333;
    	 word-break: keep-all;

    	transition: background-color 0.3s;
    }

    /* 버튼 묶음 영역 */



    .menu-button:hover {
    	background-color: #E3D5CA;
    	/* 버튼 hover 상태 */
    }

    .menu-button.active {
    	background-color: #D5BDAF;
    	/* 활성화 버튼 배경 */
    	color: white;
    	font-weight: bold;
    }

    .main-content {
    	flex: 1;
    	display: flex;
    }

    .text-area {
    	flex: 1;
    	padding:5%;
    	/* 내부 여백 */
    	background-color: white;
    	/* 콘텐츠 내용 영역은 흰색 유지 */
    }

    .content-placeholder {
    	font-size: 18px;
    	color: #888;
    	margin-top: 30px;
    }
    
	.greetings{
		width: 35%;
		position: absolute;
		top: 40%;
		left: 60%;
	}