.history-scroll .wrap { overflow: visible; }
.history-top { margin-bottom: 48px; padding: 60px; background: url(../img/content/history-bg.jpg) no-repeat center / cover; border-radius: 5px; overflow: hidden; }
.history-mid ol { display: flex; flex-wrap: wrap; gap: 7px; }
.history-mid ol li { display: flex; align-items: center; gap: 8px; width: calc((100% - 14px)/3); min-height: 70px; padding: 0 20px; background-color: #f6f9ff; border-radius: 5px; }
.history-mid ol li p:nth-child(1) { font-family: Prompt; font-weight: 600; font-size: 14px; line-height: 21px; letter-spacing: .01em; color: #011a7a; }
.history-mid ol li p:nth-child(2) { flex: 1; font-weight: 600; font-size: 18px; line-height: 21px; letter-spacing: -.02em; color: #333; }
.history-mid ol li p:nth-child(3) { height: 24px; }
.history-bot { position: relative; }
.history-bot .txt { position: absolute; top: 225px; left: 0; font-family: Prompt; font-weight: 900; font-size: 80px; line-height: 80px; text-transform: uppercase; color: #003669; opacity: .05; }
.timeline { display: flex; align-items: flex-start; position: relative; }
.timeline .left { flex: 1; /*position: sticky; top: 105px; */}
.timeline .left .year li { display: none; }
.timeline .left .year li.active { display: block; }
.timeline .left .year li a { font-weight: 800; font-size: 60px; line-height: 72px; letter-spacing: -.02em; color: #000; }
.timeline .right { width: 790px; }
.timeline .right .event li { display: flex; gap: 30px; }
.timeline .right .event li div:nth-child(1) { width: 100px; padding: 40px 0 0; font-weight: 800; font-size: 22px; line-height: 26px; letter-spacing: -.02em; color: #011a7a; }
.timeline .right .event li div:nth-child(2) { flex: 1; padding: 40px 0 30px; border-bottom: 1px solid #ddd; }
.timeline .right .event li:first-child div:nth-child(1) { padding: 0; }
.timeline .right .event li:first-child div:nth-child(2) { padding: 0 0 30px; }
.timeline .right .event li div p { display: flex; gap: 20px; font-weight: 700; font-size: 18px; line-height: 21px; letter-spacing: -.02em; color: #333; }
.timeline .right .event li div p+p { margin-top: 24px; }
.timeline .right .event li div p span { width: 60px; }
@media (min-width: 1441px) {
	.timeline .left .year li.big a { font-size: 80px; line-height: 95px; }
}
@media (max-width: 1440px) {
	.timeline .left .year li a { font-size: 40px; line-height: 48px; }
	.timeline .left { flex: none; width: 275px; }
	.timeline .right { flex: 1; width: auto; }
	.timeline .right .event li { gap: 15px; }
	.timeline .right .event li div:nth-child(1) { width: 50px; padding: 20px 0 0; font-size: 16px; }
	.timeline .right .event li div:nth-child(2) { padding: 20px 0 15px; }
	.timeline .right .event li:first-child div:nth-child(2) { padding: 0 0 15px; }
	.timeline .right .event li div p { gap: 10px; font-size: 14px; }
	.timeline .right .event li div p+p { margin-top: 12px; }
	.timeline .right .event li div p span { width: 40px; }
}
@media (max-width: 1200px) {

}
@media (max-width: 1024px) {
	.history-top { margin-bottom: 30px; padding: 30px; }
	.history-top > p { font-size: 16px; line-height: 29px; }
	.history-mid ol li { width: calc((100% - 7px)/2); }
	.history-bot .txt { display: none; }
	.timeline .left { display: none; }
}
@media (max-width: 768px) {
	.history-mid ol li { width: 100%; }
}