/* visual */
#visual .text-box h2{ font-size: 6rem; }

/* process-icon */
.process-icon-box .item{ padding: 65px 20px; }

@media screen and (max-width: 1700px){
	/* visual */
	#visual .text-box h2{ font-size: 5rem; }

	/* process-icon */
	.process-icon-box .item{ padding: 40px 20px; }
}

@media screen and (max-width: 1280px){
	/* visual */
	#visual .text-box h2{ font-size: 4.5rem; }

	/* process-icon */
	.process-icon-box .item{ padding: 35px 20px; }
}

@media screen and (max-width: 900px){
	/* visual */
	#visual .text-box h2{ font-size: 3.5rem; }
}

@media screen and (max-width: 750px){
	/* process-icon */
	.process-icon-box .item{ padding: 30px 20px; }
}


/* 기업정보 - 기업소개 */
#overview .ceo .right{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; padding-right: 0; }
#overview .ceo .right .strong{ position: static; transform: unset; padding-left: 15px; }

#overview .awards .front figure{ margin-bottom: 10px; }

@media screen and (max-width: 900px){
	#overview .ceo .right p strong{ font-size: 3rem; }

	#overview .awards .front p{ font-size: 1.6rem; }
}


/* 기업정보 - 경영철학 */
#philosophy .philosophy .item .text ul{ display: block; margin: -3px 0; }
#philosophy .philosophy .item .text ul li{ padding-right: 0; }
#philosophy .philosophy .item .text ul li::before{ transform: translateY(-50%); }



/* CDMO 서비스 - 위탁개발생산(CDMO) - 개요 */
#cmdo.overview .research .progress{ max-width: 1100px; margin: 0 auto; margin-bottom: -35px; }
#cmdo.overview .research .progress .item{ width: calc((100% - 105px) / 3); }
#cmdo.overview .research .progress .item:nth-of-type(3n)::before{ clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 calc(50% - var(--blank) - 8px), 90% 50%, 90% 50%, 0 calc(50% + var(--blank)), 0 100%, 100% 100%, 100% 0%); }
#cmdo.overview .research .progress .item:nth-of-type(3n) .arrow{ display: none; }
#cmdo.overview .research .progress .item:nth-of-type(3n) + .item::before{ clip-path: polygon(0% 0%, 0 100%, 10% calc(50% + var(--blank)), 10% calc(50% - var(--blank)), 100% calc(50% - var(--blank)), 100% calc(50% + var(--blank) + 8px), 0 calc(50% + var(--blank)), 0 100%, 100% 100%, 100% 0%) }
#cmdo.overview .research .progress .item:nth-of-type(3n) + .item .circle{ display: none; }

@media screen and (max-width: 1450px){
	#cmdo.overview .research .progress .item{ width: calc((100% - 40px) / 3); }
}

@media screen and (max-width: 950px){
	#cmdo.overview .research .progress .item br{ display: none; }
}

@media screen and (max-width: 800px){
	#cmdo.overview .research .progress .item{ width: calc((100% - 20px) / 2); padding: 30px; }
	#cmdo.overview .research .progress .item:nth-of-type(3n){ margin-right: 20px; }
	#cmdo.overview .research .progress .item:nth-of-type(2n){ margin-right: 0; }

	#cmdo.overview .research .progress .item:nth-of-type(3n)::before{ clip-path: polygon(0% 0%, 0 100%, 0 calc(50% + var(--blank)), 0 calc(50% - var(--blank) - 8px), 100% calc(50% - var(--blank)), 100% calc(50% + var(--blank) + 8px), 0 calc(50% + var(--blank)), 0 100%, 100% 100%, 100% 0%) }
	#cmdo.overview .research .progress .item:nth-of-type(3n) .arrow{ display: block; }
	#cmdo.overview .research .progress .item:nth-of-type(3n) + .item::before{ clip-path: polygon(0% 0%, 0 100%, 0 calc(50% + var(--blank)), 0 calc(50% - var(--blank) - 8px), 100% calc(50% - var(--blank)), 100% calc(50% + var(--blank) + 8px), 0 calc(50% + var(--blank)), 0 100%, 100% 100%, 100% 0%); }
	#cmdo.overview .research .progress .item:nth-of-type(3n) + .item .circle{ display: block; }

	#cmdo.overview .research .progress .circle, 
	#cmdo.overview .research .progress .arrow{ width: 35px; }
}


/* CDMO 서비스 - 위탁개발생산(CDMO) - GMP 시설 */
#cmdo.gmp .table-box table{ min-width: 1050px; }

@media screen and (max-width: 1280px){
	#cmdo.gmp .table-box th{ width: 250px; }
}


/* CDMO 서비스 - 위탁개발생산(CDMO) - 품질 운영시스템 */
#cmdo.quality .diagram-box .flex-box dl dt{ margin-bottom: 0; }
#cmdo.quality .diagram-box .center .text figure{ width: 100%; text-align: center; }
#cmdo.quality .diagram-box .center .text img{ max-width: 40%; height: auto; }

@media screen and (max-width: 1050px){
	#cmdo.quality .licence .item .front{ padding: 30px 10px; }
}


/* CDMO 서비스 - 위탁품질시험 - 개요 */
#quality-test.quality .overview .table-box table{ min-width: 950px; }

@media screen and (max-width: 1415px){
	#quality-test .sec-title br{ display: none; }
}

@media screen and (max-width: 1000px){
	#quality-test.quality .overview .table-box colgroup col.large{ width: 220%; }
}


/* 신약개발 - 플랫폼 기술 - 차세대 줄기세포(ENCT) */
#platform.enct .diagram .tit{ max-width: 650px; }


/* 신약개발 - 플랫폼 기술 - 바이럴 벡터 */
#platform.viral .vector .black-process .black span{ width: 180px; height: 65px; }
#platform.viral .vector .black-process .dl{ max-width: 300px; }
#platform.viral .vector .black-process .dl dd{ padding: 15px; }

@media screen and (min-width: 1601px){
	#platform.viral .vector .black-process .dl *{ font-size: 1.8rem; }
}

@media screen and (max-width: 1600px){
	#platform.viral .vector .black-process .black span{ width: 140px; height: 60px; }
}

@media screen and (max-width: 1200px){
	#platform.viral .vector .black-process{
		--height: 150px;
	}
	
	#platform.viral .vector .black-process{ width: 500px;}
	#platform.viral .vector .black-process .black span{ width: 130px; height: 55px; }
	#platform.viral .vector .black-process .dl{ max-width: 400px; }
}


/* 신약개발 - 파이프라인 */
#pipeline .whiteBg .content .graph .p-box p{ text-align: center; }
#pipeline .whiteBg .content .graph .p-box p em{ white-space: wrap; }

#pipeline .blue .content .text .inner{ max-width: 100%; }
#pipeline .blue .content .text .calendar{ flex-direction: column; }
#pipeline .blue .content .text .day{ max-width: 280px; margin: 20px auto 30px; }
#pipeline .blue .content .text p{ width: 100%; margin-top: 10px; }

#pipeline .sec03 .left .border-list .item p span{ padding-left: 0; }
#pipeline .sec03 .left .border-list .item p span::before{ display: none; }



/* 신약개발 - 파이프라인 */
.arrowBtn{ width: 280px; }

@media screen and (max-width: 1700px){
	.arrowBtn{ width: 260px; }
}

@media screen and (max-width: 1280px){
	.arrowBtn{ width: 230px; }
}