@charset "UTF-8";
@import url('/css/assets/components/visualSlide.css'); 
@import url('/css/assets/components/listAuthor.css');
@import url('/css/assets/components/listExhibition.css');
@import url('/css/assets/components/listArtwork.css');

.notice{
	font-size: 0.875rem;
	color: var(--bs-gray-500); 
}

.biography .year {
    color: #333;
    width: 4rem;
    margin-right: 20px;
}


.AuthorProfile p{
	color: var(--bs-gray-500);
}

.AuthorProfile img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.majorArtwork {
	margin: 5rem 0 11.25rem 0;
	text-align:center;
	position: relative;	
}

.majorArtwork::after {
	content:'';
	width: 100%;
	height: 200px;
	background-color:#6743C5;
	position: absolute;
	left: 0;
	bottom: -100px;
	z-index:-1;    
}

.majorImg {
	max-width: 1140px;
    max-height: 570px;	
	width: auto;
	height: auto;
}

.majorNoimg {
	display: inline-block;
	padding:10rem 20rem;
	background:#fff;	
}


/* Tab menu 
.authorTab .nav-item{
	margin-right: 0.5rem;
}

.authorTab{
	border-bottom: 1px solid #dee2e6;
}

.authorTab .nav-link{
	border: none;
	background-color : #fff;
	padding: 0.8rem;
}

.authorTab .nav-link:hover, .authorTab .nav-link:focus, .nav-link.active{
  border-bottom: 4px solid #9B70F9;
}
*/

@media (max-width: 991.98px) {


	.majorArtwork {
		margin: 3rem 0 6rem 0;
	}
	
	.majorArtwork::after {
		height: 100px;
		bottom: -50px;
	}
	
	.majorImg {
		max-width: 80%;
		max-height: 32vh;
	}

	.majorNoimg {
		padding:12vw;
	}
	
	.AuthorProfile img {
	    width: 60px;
	    height: 60px;
	}	
	
}


@media (max-width: 575.98px) {
/* 	.util-area p{
		margin-top:0.5rem;
	} */
	.m-flex{
		flex-direction: column;
		align-items: center;
		width:100%;
	}
	.swiper-image {
		width:100%;	
	}

	.majorArtwork {
		margin: 2rem 0 4rem 0;
	}
	
	.majorArtwork::after {
		height: 70px;
		bottom: -35px;
	}

}