.research01 { display: flex; gap: 20px; margin-bottom: 20px; }
.research01 > li { padding: 30px; width: calc(50% - 10px); border: 1px solid #e5e5e5; border-radius: 5px; }
.research01 .research01-tit { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-weight: 700; font-size: 20px; line-height: 24px; letter-spacing: -.02em; color: #222; }
.research01 .research01-txt { font-weight: 500; line-height: 26px; letter-spacing: -2%; color: #333; }
.research01 .research01-txt .ul-type-dot li { padding: 0 0 11px 9px; font-weight: 600; line-height: 22px; letter-spacing: -2%; color: #333; }
.research01 .research01-txt .ul-type-dot li:last-child { padding-bottom: 0; }
.research01 .research01-txt .ul-type-dot li:before { top: 9px; width: 3px; height: 3px; background-color: #44c1c4; }
.research01 .research01-txt .ul-type-dot li p { padding-top: 3px; color: #666; }

.research01-step { display: flex; gap: 20px; padding: 60px 50px; border: 1px solid #e5e5e5; border-radius: 5px; }
.research01-step li { width: calc((100% - 40px)/3); }
.research01-step .step-tit { padding: 14.5px 0; background: #1f315b; border-radius: 5px 5px 0 0; font-weight: 700; font-size: 20px; line-height: 28px; text-align: center; letter-spacing: -.01em; color: #fff; }
.research01-step .step-con { padding: 30px; background: #F5F9FF; border: 1px solid rgba(0, 32, 96, 0.2); border-top: none; border-radius: 0 0 5px 5px; }
.research01-step .step-con .step-txt { margin-bottom: 35px; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; letter-spacing: -.02em; color: #222; }
.research01-step .step-con .step-process-top { position: relative; display: flex; justify-content: space-between; }
.research01-step .step-con .step-process-top:before { content: ''; position: absolute; inset: 0; width: 16px; height: 16px; margin: auto; background: url(../img/content/research01-plus.png) no-repeat center; }
.research01-step .step-con .step-process-top p { display: flex; justify-content: center; align-items: center; gap: 60px; width: 120px; aspect-ratio: 1 / 1; border-radius: 50%; font-weight: 700; line-height: 20px; font-size: 15px; text-align: center; letter-spacing: -.02em; }
.research01-step .step-con .step-process-top p:nth-child(1) { background-color: #fff; color: #1f315b; }
.research01-step .step-con .step-process-top p:nth-child(1) span span { font-weight: 500; color: #444; }
.research01-step .step-con .step-process-top p:nth-child(2) { background-color: #eb7373; color: #fff; }
.research01-step .step-con .step-process-top p:nth-child(2) span span { font-weight: 500; }
.research01-step .step-con .step-process-mid { font-weight: 600; font-size: 13px; line-height: 18px; letter-spacing: -.02em; color: #444; }
.research01-step .step-con .step-process-mid { display: flex; justify-content: space-between; padding: 9px 0 23px; }
.research01-step .step-con .step-process-mid div { display: flex; justify-content: center; gap: 10px; width: 120px; height: 81px; }
.research01-step .step-con .step-process-mid div p { display: flex; align-items: center; position: relative; min-width: 34px; height: 100%; }
.research01-step .step-con .step-process-mid div p:before { content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 81px; background: url(../img/content/research01-long-arr.png) no-repeat center; }
.research01-step .step-con .step-process-mid div p:nth-child(1) { padding-right: 12px; }
.research01-step .step-con .step-process-mid div p:nth-child(2) { padding-left: 12px; }
.research01-step .step-con .step-process-mid div p:nth-child(2):before { right: unset; left: 0; transform: rotate(180deg); }
.research01-step .step-con .step-process-mid div.establishment span {border: 1px dashed #1F315B;font-weight: 600;font-size: 13px;line-height: 100%;letter-spacing: -0.05em;text-align: center;color:#333;height: fit-content;padding: 6.5px 15.5px;border-radius: 50px;background: #fff;}
.research01-step .step-con .step-process-bot { padding: 18px 16px; background: #4577dc; border-radius: 50px; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; letter-spacing: -.05em; color: #fff; }

.research02.ul-type-dot li { padding: 0 0 5px 10px; font-weight: 600; line-height: 23px; letter-spacing: -1%; color: #333; }
.research02.ul-type-dot li:last-child { padding-bottom: 0; }
.research02.ul-type-dot li:before { top; 9px; width: 3px; height: 3px; background-color: #44c1c4; }
.research02.ul-type-dot li p { padding-top: 3px; font-weight: 500; font-size: 15px; color: #555; }

.research03 { display: flex; flex-wrap: wrap; gap: 47px; }
.research03 > li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; width: calc((100% - 141px)/4); min-height: 161px; padding: 23px 21px; border: 1px solid #D6DCE8; border-radius: 5px; }
.research03 > li+li { position: relative; }
.research03 > li+li:before { content: ''; position: absolute; top: 0; bottom: 0; left: -29px; width: 10px; height: 15px; margin: auto; background: url(../img/content/hightech2-arr.png) no-repeat center; }
.research03 .research03-txt p:nth-child(1) { padding: 0 0 10px; font-weight: 600; font-size: 14px; line-height: 17px; display: flex; align-items: center; letter-spacing: .01em; color: #00a3e9; }
.research03 .research03-txt p:nth-child(2) { font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; letter-spacing: -.02em; color: #222; }
.research03 .research03-img { max-width: 32px; max-height: 32px; }
.research03 .research03-img img { max-height: 100%; }

.research04-mark { margin-bottom: 10px; font-weight: 500; font-size: 13px; line-height: 23px; letter-spacing: -.02em; color: #666; }
.research04-table tr > *:nth-child(2) { text-align: left; }

@media ( max-width: 1600px ) {
	.research01-step { padding: 0; border: none; }
	.research01-step .step-con { padding: 15px; }
	.research01-step .step-con .step-txt { font-size: 14px; }
	.research01-step .step-con .step-process-top p { width: 100px; }
	.research01-step .step-con .step-process-mid div { width: 100px; }
}
@media ( max-width: 1024px ) {
	.research01 { flex-direction: column; }
	.research01 > li { width: 100%;padding: 25px 20px;}
	.research01-step { flex-direction: column; }
	.research01-step li { width: 100%; }
}
@media ( max-width: 768px ) {
	.research03 { flex-direction: column; gap: 41px; }
	.research03 > li { width: 100%; min-height: unset; align-items: center;}
	.research03 > li+li:before { top: -26px; bottom: unset; right: 0; left: 0; transform: rotate(90deg); }
}