@charset "utf-8";

.research-project-sectoin{overflow: hidden;}

.research-process-left{width: 48%;}
.research-process-poter{width: 100%;}
.research-process-poter img{width: 100%;}

.research-process-right{width: 52%; padding-left: 100px;}

.research-process-title h3{ margin-bottom: 10px; color: var(--yf-green-default);}

.research-process-detail{ margin: 40px auto;}
.research-process-detail img{ width: 100%;}

.research-process-lists{margin-top: 60px;}
.research-process-lists ul li{position: relative; margin-top: 40px; padding-left: 128px; }
.research-process-lists ul li h3,
.research-process-lists ul li p{color: #3C3C3C;}
.research-process-lists ul li p{margin-top: 8px;}
.research-process-lists ul li img{position: absolute; left: 0; top: 10px; width: 96px;}

@media (max-width:1200px) {
	.research-process-lists{margin-top: 40px;}
	.research-process-lists ul li img{ top: 8px; width: 60px;}
	.research-process-lists ul li{margin-top: 30px; padding-left: 75px; }
}

@media (max-width:768px) {
	.research-process-lists ul li img{ top: 8px; width: 40px;}
	.research-process-lists ul li{margin-top: 20px; padding-left: 55px; }
}


/* biomat */
.research-biomat-desc{position: relative; max-width: 960px; margin: 0 auto; padding: 35px 60px; border: 1px solid var(--yf-green-default); border-radius: 12px;}
.research-biomat-arrow{position: absolute; top:76%; left: 50%; width: 50%; transform: translateX(-50%);}
.research-biomat-arrow img{width: 100%;}
/*  */
.research-list li h3{color: var(--yf-green-default);}
.research-biomat-top{position: relative; z-index: 2; margin-top: 100px; text-align: center;}
.research-biomat{ margin-top: 37px; justify-content: center; }

.research-biomat-item{width: 200px; padding-top: 100px;}
.research-biomat-item .research-list { height: 100%; display: flex; flex-direction: column; justify-content: space-between;}

.research-biomat-center{ position: relative; z-index: 1; width: 688px; overflow: hidden;}
.research-biomat-center img{width: 100%;}
.research-biomat-cr{ position: absolute; inset: 0; z-index: -1; animation: roteCs 6s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955);}

.research-biomat-item:nth-child(1) .research-list li:last-child{ transform: translateX(80px);}
.research-biomat-item:nth-child(3) .research-list li:last-child{ transform: translateX(-80px);}

@keyframes roteCs {
	0%{ transform: rotate(0deg);}
	100%{ transform: rotate(360deg);}
}



/*  */
.research-project-sectoin{position: relative; z-index: 1;}
.research-project-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100vh; z-index: -1; background-repeat: no-repeat; background-origin: 0 0; background-size: auto 140%;}
.research-project-show img{width: 100%;}

@media (max-width:1440px) {
	.research-process-right{ padding-left:60px;}
	.research-biomat-center{ width: 500px; margin: 0 25px;}
	.research-biomat-item:nth-child(1) .research-list li:last-child{ transform: translateX(60px);}
	.research-biomat-item:nth-child(3) .research-list li:last-child{ transform: translateX(-60px);}
}

@media (max-width:1200px) {
	.research-biomat-desc{padding: 35px;}

	.research-biomat-center{ width: 400px; margin: 0 15px;}
	.research-biomat-item{padding-top: 50px;}
	.research-biomat-item:nth-child(1) .research-list li:last-child{ transform: translateX(40px);}
	.research-biomat-item:nth-child(3) .research-list li:last-child{ transform: translateX(-40px);}

	.research-biomat-top{ margin-top: 80px; }

}

@media (max-width: 960px) {
	.research-biomat-center{ width: 300px;}
	.research-biomat-item{padding-top: 20px;}
	.research-biomat-item:nth-child(1) .research-list li:last-child{ transform: translateX(20px);}
	.research-biomat-item:nth-child(3) .research-list li:last-child{ transform: translateX(-20px);}

	.research-biomat-top{ margin-top: 60px; }
}


@media (max-width: 768px) {
	.research-biomat-desc{padding: 15px;}

	.research-process-left{width: 100%;}
	.research-process-right{ width: 100%; padding-top: 40px; padding-left: 0;}
	.research-biomat-top{ margin-top: 40px; }
	.research-biomat-center{  width: 100%;}

	.research-biomat-arrow{display: none;}

	.research-list{text-align: left;}
	.research-biomat-item{width: 100%;}

	.research-biomat{margin-top: 0;}
	.research-biomat-item:nth-child(1) .research-list li:last-child,
	.research-biomat-item:nth-child(3) .research-list li:last-child{ transform: translateX(0);}

	.research-biomat-center{display: none;}
	.research-biomat-item{padding-top: 0;}
	.research-biomat-item ul li{margin-top: 20px;}
}