@charset "utf-8";

.center-intro-box .h4-tit01 p{font-weight: 500;font-size: 2.8rem;line-height: 3.9rem;letter-spacing: -0.04em;color: #858484;margin-top: 0.8rem;}
.center-intro-box .con-p02{font-weight: 400;font-size: 1.6rem;line-height: 2.2rem;letter-spacing: -0.02em;color: var(--color09);}

.patient-benefit-box{}
.patient-benefit-box .h4-tit01{color: var(--color09);}
.patient-benefit-box ul{display: flex;justify-content: center;flex-wrap: wrap;gap: 30px;}
.patient-benefit-box ul li{position: relative;text-align: center;background: #fff;}
.patient-benefit-box ul li + li:before{content:'';background: url(../img/research-tech/connector-line.png) no-repeat center;width: 24px;height:11px;position: absolute;right: calc(100% + 3px);top: 50%;transform: translatey(-50%);}
.patient-benefit-box ul li .wrap-txt{position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(0deg, rgba(5, 54, 123, 0.6), rgba(5, 54, 123, 0.6)), rgba(0, 0, 0, 0.3);backdrop-filter: blur(4.5px);-webkit-backdrop-filter: blur(4.5px);text-align: center;padding: 12px 2px;}
.patient-benefit-box ul li .txt01{font-weight: 600;font-size: 1.8rem;line-height: 140%;letter-spacing: -0.04em;color: #FFFFFF;margin-bottom: 1.6rem;}
.patient-benefit-box ul li .txt02{font-weight: 400;font-size: 1.6rem;line-height: 140%;letter-spacing: -0.02em;color: #FFFFFF;}

.patient-benefit-box .arrow-stroke{background: url(/_res/service/bcci/img/research-tech/arrow-stroke.png) no-repeat center right;font-weight: 600;font-size: 2.3rem;line-height: 100%;text-align: center;letter-spacing: -0.02em;color: #FFFFFF;height: 100px;display: flex;justify-content: center;align-items: center;margin-top: 3rem;}

.research-focus-box{}
.research-focus-box ul{display: grid;gap: 0.8rem;grid-template-columns: repeat(2, 1fr);}
.research-focus-box ul li{display: flex;gap: 2.4rem;padding: 1.6rem 3.2rem;justify-content: flex-start;align-items: center;border-bottom: 1px solid rgba(121, 121, 121, 0.5);}
.research-focus-box ul li:nth-child(1){background: #042F6C;}
.research-focus-box ul li:nth-child(2){background: #042F6C;}
.research-focus-box ul li:nth-child(3){background: #033D8F;}
.research-focus-box ul li:nth-child(4){background: #033D8F;}
.research-focus-box ul li:nth-child(5){background: #3569B3;}
.research-focus-box ul li:nth-child(6){background: #3569B3;}
.research-focus-box ul li:nth-child(7){background: #5E8DD0;}
.research-focus-box ul li img{width: 64px;height: 64px;object-fit: cover;object-position: center;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.research-focus-box ul li p{font-weight: 600;font-size: 2.0rem;line-height: 140%;letter-spacing: -0.02em;color: #FFFFFF;flex: 1;}

.our-impact-box{}
.our-impact-box ul{display: flex;gap: 0.8rem;}
.our-impact-box ul li{padding: 23px 28px;background: #ECEFF4;border-radius: 8px;flex: 1;}
.our-impact-box ul li .wrap-img{width: 100%;height: 21rem;display: flex;justify-content: center;align-items: center;}
.our-impact-box ul li .wrap-img img{max-width: 100%;max-height: 100%;object-fit: cover;object-position: center;}
.our-impact-box ul li .wrap-txt{text-align: center;}
.our-impact-box ul li .txt01{font-weight: 600;font-size: 2.4rem;line-height: 120%;color: #05367B;}
.our-impact-box ul li .txt02{font-weight: 400;font-size: 1.6rem;line-height: 140%;letter-spacing: -0.02em;color: #696969;margin-top: 1.2rem;}

@media(max-width: 1024px){
	.our-impact-box ul{flex-wrap: wrap;}
	.our-impact-box ul li{padding: 23px 10px;}
	.our-impact-box ul li .txt01{font-size: 1.8rem;}
}

@media(max-width: 768px){
	
	.research-focus-box ul{grid-template-columns: repeat(1, 1fr);}
	.research-focus-box ul li{padding: 1.6rem 2.2rem;gap: 1.4rem;}
	.research-focus-box ul li p{font-size: 1.6rem;}
	.our-impact-box ul{flex-direction: column;}
	
}

@media(max-width: 480px){
	.patient-benefit-box ul{flex-direction: column;}
	.patient-benefit-box ul li + li:before{top: -20px;right: 50%;transform: translatex(-50%);transform: rotate(90deg);}
	.patient-benefit-box .arrow-stroke{justify-content: flex-start;padding: 0 20px;font-size: 18px;text-align: left;}
}