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


.artWorks-Wrap .artThum {
	height: calc(100vh - 90px);
	padding-top: 0;
}

.artDetail .copyright{
	color: var(--bs-gray-600); 
	font-size: 0.875rem;
	text-align: center!important;
	margin: 1.5rem 0 5rem 0 ;
}

.openseadragon-canvas:focus-visible{
	outline: none;
}

/*margin, papding */
.artDetail .a-pr-4{
	padding-right: 4rem;
}

.artDetail .a-mr-4{
	margin-right: 4rem;
}


/*상세*/
.artLine{
	width: 63px;
	height: 1px;
	color: var(--bs-gray-200);
}

/****************************/
/* video */
video {max-height: 500px;}

/* Multiview */
.multiView-div{
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.d-view-img{ 
	width: 100%;
	background:none;
}
#iconImg {
	z-index: 9999;
	width: 30px;
	height: 45px;
	display: flex;
	position: absolute;
	top: 420px;
	left: 69%;		
}

#iconImg img{
	cursor: pointer !important;
	width: 100%;
	height: 100%;	
} 
.flipbook-viewport{
	height:calc(100vh - 150px);
	background-color: var(--bs-gray-100);
}


.flipbook-viewport .flipbook{
	height:calc(100vh - 240px);
    top: -50%;
    transform: translateY(-50%) !important;
}


/****************************/


@media (max-width: 991.98px) {
	.artWorks-Wrap .artThum {height:560px;}
	.artDetail .copyright {margin: 1.5rem 0;}
	
	.flipbook-viewport {height:500px;}
	.flipbook-viewport .flipbook {
		height:460px;
	    top: -50%;
	    transform: translateY(-50%) !important;
	}
}

@media (max-width: 576px){
	.artWorks-Wrap .artThum {height:50vh;}	
	.multiView-div {
		height: 90%;
	    padding: 10% 10% 0;
	}
	.carousel-control-prev-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
	}	  
	.carousel-control-next-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
	}
	
	
}