.picture-details {
    display: flex;
    margin-bottom: 20px;
	padding-bottom: 20px;
	width:unset;
}

.picture-image {    
    height: auto;
    border-radius: 5px;
	margin:auto;
	max-width:100%;
}


.votes-container {
    margin-top: 20px;
}

.vote-item {
    background-color: #434754;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}

.chart-container {
    margin-top: 30px;
}

.view-details {
    display: inline-block;
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
}

.view-details:hover {
    background-color: #45a049;
}

.picture-info {
    border: 1px solid #000; /* 테두리 색상 */
	background:#434754;
    padding: 10px 20px; /* 내부 여백 */
    border-radius: 10px; /* 둥근 모서리 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 그림자 */
    margin: 20px 0; /* 외부 여백 */
}



.picture-info .info-row {
    display: flex; /* 플렉스 박스 사용 */
    justify-content: space-between; /* 공간을 균등하게 분배 */
    align-items: center; /* 수직 정렬 */
    margin-bottom: 10px; /* 아래 여백 */
	color:#eee;
}

.picture-info p {
    margin: 0; /* 여백 제거 */
    font-size: 16px; /* 글꼴 크기 */
    color: #eee; /* 글꼴 색상 */
}

.picture-info .info-row p {
    margin-right: 20px; /* 오른쪽 여백 */
}

.picture-info .info-row p:last-child {
    margin-right: 0; /* 마지막 항목의 오른쪽 여백 제거 */
}

.picture-info .average-score {
    font-weight: bold; /* 굵은 글꼴 */
    color: #000; /* 글꼴 색상 */
}

.vote-author {
	display:flex;
	align-items:center;
}



h2.picture-description {
	font-size:1.2rem;
}

.votes-container {
    margin-top: 20px;
}

.vote-item {
    background-color: #434754;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}

.vote-author {
    display: flex;
    align-items: flex-start;
}

.profile-image {
    width: 80px; /* 프로필 이미지 크기 조정 */
    height: 80px;
    border-radius: 50%;
    margin-right: 15px; /* 오른쪽 여백 추가 */
    object-fit: cover;
}

.vote-info {
    flex: 1;
}

.vote-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.vote-score {
    font-size: 1.5em; /* 점수 크기 조정 */
    font-weight: bold;
    color: #ffd700; /* 점수 색상 (골드) */
    margin-right: 10px;
}

.vote-author {
	align-items: center;
}

.post-author {
    font-weight: bold;
    color: #fff;

}

.vote-info p {
    margin: 0;
    color: #eee;
}

.counseling-container {
    background-color: #4d4c3e; /* 어두운 노란색 계열 */
    border-radius: 10px;
    padding: 20px;
    margin: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.counseling-header {
    display: flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 10px;
}

.bot-name {
    font-weight: bold;
	font-size:1.3rem;
    color: #ffffff; /* 금색 */
}

.bot-name a {
	color:#fff;
	text-decoration:none;
}

.bot-name a:hover {
	color:#d3c7ff;
}

.bot-name span {
	font-size:1rem;
}

.comment-date {
    font-size: 0.8em;
    color: #f7f7f7; /* 회색 */
}

.counseling-content {
    color: #fffbe8; /* 밝은 회색 */
    line-height: 1.6;
}

.bot-box {
	display:flex;
	    flex-direction: column;
}


.counseling-content ul {
    padding-left:10px;
}