@charset "utf-8";
/* Performance > Award */

/* 2열 카드 나열 */
.award-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.award-list > li { position: relative; display: flex; gap: 26px; padding: 26px 28px 28px; border: 1px solid var(--border1); border-radius: 16px; background: #fff; transition: var(--ani); }
.award-list > li:hover { border-color: rgba(11,73,156,.3); box-shadow: 0 18px 40px rgba(17,38,73,.10); transform: translateY(-4px); }
/* 아이콘 아래로 내려가는 연결 라인 */
/*.award-list > li:before { content: ""; position: absolute; left: 61px; top: 100px; bottom: 22px; width: 2px; background: linear-gradient(180deg, var(--c_base1), var(--c_base2)); opacity: .25; }*/

.award-list .ico { position: relative; z-index: 2; flex: 0 0 68px; height: 68px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; border: 2px solid var(--c_base1); color: var(--c_base1); transition: var(--ani); }
.award-list .ico svg { width: 32px; height: 32px; }
.award-list > li:hover .ico { background: var(--c_base1); color: #fff; transform: scale(1.06); }

.award-list .txt { flex: 1 1 auto; min-width: 0; padding: 4px 0 0; }
.award-list .date { display: inline-flex; align-items: center; height: 26px; padding: 0 12px; border-radius: 100px; background: var(--bg1); color: var(--c_base1); font-size: var(--fs13); font-weight: 700; }
.award-list h5 { margin: 12px 0 14px; font-size: var(--fs20); font-weight: 800; color: #111; line-height: 1.4; letter-spacing: -0.03em; }
.award-list .who { display: block; font-size: var(--fs14); color: #8892a4; }

.notice-txt { margin-top: 40px; font-size: var(--fs14); color: #8892a4; }

@media (max-width: 1199px) {
	.award-list > li { gap: 20px; padding: 24px 22px 26px; }
	.award-list > li:before { left: 49px; }
	.award-list .ico { flex: 0 0 60px; height: 60px; }
	.award-list .ico svg { width: 28px; height: 28px; }
}

@media (max-width: 991px) {
	.award-list { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
	.award-list > li { gap: 16px; padding: 22px 20px 24px; }
	.award-list > li:before { display: none; }
	.award-list .ico { flex: 0 0 52px; height: 52px; }
	.award-list .ico svg { width: 24px; height: 24px; }
	.award-list h5 { font-size: var(--fs18); }
}