@charset "utf-8";

.researchSec { padding: 60px 0; }
.researchSec .inner { max-width: 1400px; margin: 0 auto; padding: 0 20px; }

.secHead { margin-top:4px; flex-shrink: 0; }
.secHead .badge { padding: 6px 16px; border: 1px solid #A8D7E4; border-radius: 999px; color: var(--c_base2); background:#F4FDFF; font-size: var(--fs14); font-weight: 600; letter-spacing: 0.5px; display: inline-block; }
.researchWrap.even .badge { border-color: #E4CBA8; background:#FFFCF4; color: #B77101; }
.researchWrap > div:last-child { flex: 1; }

.secTit { font-size: var(--fs32); font-weight: 700; color: #000; line-height: 1.3; margin-bottom:30px; }
.researchWrap { display:flex; gap: 40px; align-items: flex-start; }

.researchList { display: flex; flex-direction: column; }
.researchList li+li { margin-top:-2px; }
.researchList li { padding: 50px 60px; border: 2px solid var(--border1); border-radius: 20px; background: #fff; transition:.4s; position:relative; }
.researchList li:hover { border-color: var(--c_base2); box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.05); z-index:1; }
.researchList li h3 { position: relative; padding-left: 18px; font-size: var(--fs22); font-weight: 700; color: var(--c_base2); line-height: 1.4; margin-bottom: 14px; }
.researchList li h3::before { content: ""; position: absolute; left: 0; top: 14px; transform: translateY(-50%); width: 6px; height: 20px; background: var(--c_base2); border-radius: 100px; }

.researchWrap.even li:hover {border-color:#B77101;}
.researchWrap.even li h3 {color:#B77101;}
.researchWrap.even li h3::before {background:#B77101;}

.researchList li span {display:block; position:relative; padding-left:14px; margin-bottom:6px; font-weight:600; color:#444;}
.researchList li span:before {content: ""; position: absolute; left: 0; top: 13px; transform: translateY(-50%); width: 5px; height: 5px; background: #444; border-radius: 100px;}

.researchList li p { font-size: var(--fs16); line-height: 1.6; color: var(--text1); margin-bottom: 14px; }
.figureArrow { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 20px; border: 1.5px dashed #FFB3B3; border-radius: 12px; }
.figureArrow li { display: flex; flex-direction: column; align-items: center; gap: 14px; flex: 1; }
.figureArrow li > img { width: 100%; height: 200px; object-fit: contain; }
.figureArrow li > p { font-size: var(--fs16); font-weight: 500; color: var(--c_base1); }
.figureArrow .arrow { flex: 0 0 50px; }
.figureArrow .arrow img { height: 40px; width: auto; }

/* 반응형 - 1249px */
@media screen and (max-width: 1249px) {
	.researchSec { padding: 70px 40px; }
	.researchSec .inner { padding: 0; }
	.researchList li { padding: 40px; }
}

/* 반응형 - 768px */
@media screen and (max-width: 768px) {
	.researchSec { padding: 50px 20px; }
	.researchList li { padding: 30px 20px; border-radius: 14px; }
	.researchList li p { margin-bottom: 24px; }
	.figureArrow { flex-direction: column; padding: 16px; }
	.figureArrow .arrow img { transform: rotate(90deg); height: 30px; }
	.figureArrow li > img { height: 160px; }
	
	.researchWrap {flex-direction: column; gap:16px;}
	.secTit {margin-bottom:10px;}
}