.department-wrap {background: #F5F8FD;}
.department-box {margin: 0 auto;max-width: 1440px;box-sizing: border-box;padding: 0 20px;}
.about-box {display: flex;gap: calc(112 / 1920 * 100vw);flex-direction: row-reverse;}
.about-box .right {flex: 1;}
.about-box .img {border-radius: 12px;overflow: hidden;}
.about-box .img img {width: 100%;height: 100%;object-fit: cover;}
.department-inner {padding: 80px 0 180px;}
.info-list {display: flex;gap: calc(80 / 1920 * 100vw);padding: 0 0 40px;}
.info-list .item {display: flex;gap: 16px;}
.info-list .label {font-weight: 400;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #256ef4;flex-shrink: 0;}
.info-list .name {font-weight: 400;font-size: 15px;line-height: 150%;letter-spacing: -0.025em;color: #555;}
.features-list {--gap: calc(24 / 1920 * 100vw);display: flex;gap: var(--gap);}
.features-list > li {width: calc((100% - (var(--gap) * 3)) / 4);box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);border-radius: 24px;overflow: hidden;padding: 40px 24px;box-sizing: border-box;background: #fff;}
.features-list > li .img {width: 60px;height: 60px;margin: 0 0 30px;}
.features-list > li .img img {width: 100%;height: 100%;object-fit: cover;}
.features-list > li .title {font-weight: 400;font-size: 18px;line-height: 150%;letter-spacing: -0.025em;color: #000a1a;padding: 0 0 10px;}
.features-list > li .txt {font-weight: 400;font-size: 14px;line-height: 150%;letter-spacing: -0.025em;color: #555;}

@media (max-width: 1024px) {
	.about-box {flex-direction:column;gap: 40px;}
	.info-list {flex-direction: column;gap: 20px;padding: 0 0 20px;}
	.features-list {--gap: 24px;flex-wrap: wrap;gap: var(--gap);}
	.features-list > li {width: calc((100% - var(--gap)) / 2);padding: 24px;}
	.features-list > li .heading {display: flex;align-items: center;gap: 8px;padding: 0 0 20px;}
	.features-list > li .img {margin: 0;width: 28px;height: 28px;}
	.features-list > li .title {padding: 0;}
	.department-inner {padding: 40px 0 80px;}
	.sub-container:has(+ .department-wrap .department-inner) .content-outer-wrap .sub-content {padding: 16px 0 60px}
}

@media (max-width: 768px) {
	.features-list {flex-direction: column;gap: 20px;}
	.features-list > li {width: 100%;}
}