.maindesign *, 
.maindesign *:before, 
.maindesign *:after {
	box-sizing: border-box;
}
.maindesign img {
	max-width: 100%;
	height: auto;
}
.maindesign .img-items img {
	width: auto;
}
.maindesign .insert-container {
	margin: 50px 0;
}
.maindesign .img-items--unit {
	display: flex;
	justify-content: center;
}
.maindesign .img-items .img-items--unit:not(:first-child) {
	margin-top: 30px;
}


@media screen and (max-width:767px) {
	.maindesign .insert-container {
		margin: 30px 0;
	}
}



.insert-container {
	margin: 50px 0;
}

.insert-container #modalwindow {
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 10000;
}
.insert-container #bamiri {
	width: 95%;
	position: absolute;
	top: calc( 50% + 40px);
	height: 90%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.insert-container #subwindow {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}
.insert-container .modal_close {
	position: absolute;
	top: -3rem;
	right: -5px;
	cursor:pointer;
}
.insert-container #subwindow .panzoom-parent {
	display:none;
} 

.insert-container .panzoom-parent{
	position: relative;
	overflow: hidden;
	/*background: #ccc;*/
	/*border: 1px solid #888;*/
	box-sizing: border-box;
	max-height: calc(100% - 40px);
}
.insert-container .blanker{
margin-bottom:30px;
}		
.insert-container .panzoom-parent .linkmarker{
	position:absolute;
}
.insert-container .panzoom-parent .linkmarker:hover{
	background-color:rgba(255,0,0,0.4);
	transition: 0.2s;
}
.insert-container .panzoom-parent .linkmarker:active{
	background-color:rgba(255,0,0,0.4);
}
.insert-container .panzoom-parent .linkblock{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	cursor:pointer;
}
.insert-container .panzoom{
	width:100%;
	position:relative;
}
.insert-container .panzoom img{
	width: 100%;
	height: auto;
}
.insert-container .annotation {
	text-align: center;
}
.insert-container .icon_container {
	transform: rotate(90deg);
	width: 20px;
	height: auto;
	margin: 5px auto 10px;
}
.insert-container .icon_container img {
	width: 100%;
	height: auto;
}
.insert-container .pdf_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.insert-container .pdf_container .img_container {
	width: 49%;
	margin-bottom: 30px;
}
.insert-container .img_conainer img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:767px) {
	.insert-container .pdf_container .img_container {
		width: 100%;
	}
}