/* ------------------------------------------------ */
.ok02-history{padding:clamp(35px, 7.35vw, 140px) 0;background:#000;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05);position:relative;}
.ok02-history .history-bg-grid {position:absolute;inset:0;opacity:0.03;background-image:linear-gradient(rgba(255,255,255,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:100px 100px;pointer-events:none;}
.ok02-history .history-bg-glow {position:absolute;top:50%;left:25%;transform:translateY(-50%);width:800px;height:800px;background:rgba(255,255,255,0.03);filter:blur(150px);border-radius:50%;pointer-events:none;}

.ok02-history .header-row {display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;}
@media (min-width:768px) {
.ok02-history .header-row {flex-direction:row;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:6rem;}
}
.ok02-history .header-label {display:flex;align-items:center;gap:16px;margin-bottom:1.5rem;}
.ok02-history .header-label span {font-size:10px;font-weight:700;letter-spacing:0.5em;color:rgba(255,255,255,0.4);text-transform:uppercase;}
.ok02-history .header-label .line {width:3rem;height:1px;background:rgba(255,255,255,0.2);}
.ok02-history .header-row h2 {font-size:clamp(24px, 3.15vw, 60px);font-weight:600;color:#fff;line-height:1.1;}
.ok02-history .header-row p{color:rgba(255,255,255,0.4);font-size:1.2rem;line-height:1.625;font-weight:300;}
@media (min-width:1024px) {
.ok02-history .header-row p{max-width:448px;font-size:1.125rem;}
}


.ok02-history .list{position:relative;}
.ok02-history .list::after{content:"";position:absolute;top:5rem;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.1),transparent);pointer-events:none;}
.ok02-history .swiper-slide{}

.ok02-history .swiper-slide .year {font-size:3rem;font-weight:900;color:#fff;margin-bottom:2rem;display:block;line-height:1;transition:all 0.7s ease;transform-origin:left;}
.ok02-history .swiper-slide .txt{border-left:1px solid rgba(255,255,255,0.1);padding-left:2rem;transition:color 0.5s ease;padding-top:1.5rem;}
.ok02-history .swiper-slide .txt .title{font-size:12px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:#fff;margin-bottom:16px;transition:color 0.3s ease;}
.ok02-history .swiper-slide .txt p{font-size:14px;color:rgba(255,255,255,0.4);font-weight:300;line-height:1.625;max-width:280px;}

.ok02-history .swiper-slide .dot{position:absolute;top:calc(5rem - 2px);left:0;margin-left:-2px;}
.ok02-history .swiper-slide .dot .dot-core{width:6px;height:6px;background:#4D4D4D;border-radius:50%;transition:all 0.5s ease;}
.ok02-history .swiper-slide .dot .dot-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;border:1px solid transparent;transition:all 0.5s ease;}

.ok02-history .swiper-pagination-bullets{position:static;width:100%;font-size:0;margin:30px 0 0;}
.ok02-history .swiper-pagination-bullet {height:10px;width:10px;margin:0 5px;background:rgba(255,255,255,0.6);border-radius:50%;opacity:1;}
.ok02-history .swiper-pagination-bullet-active{background:#fff;}



.timeline-wrapper {position:relative;}
.timeline-wrapper .timeline-line{position:absolute;top:5rem;left:0;width:100%;height:1px;background:rgba(255,255,255,0.3);pointer-events:none;}
.timeline-scroll {overflow-x:auto;cursor:grab;}
.timeline-scroll:active {cursor:grabbing;}
.timeline-track {display:inline-flex;gap:0;min-width:100%;padding:0 1.5rem;}
@media (min-width:768px) {
.timeline-wrapper .timeline-line{top:6.25rem;}
.timeline-track {padding:0 10vw;}
}

.no-scrollbar {-ms-overflow-style:none;scrollbar-width:none;}

.timeline-item {flex-shrink:0;width:300px;position:relative;padding:0 2rem 2rem 0;user-select:none;}
@media (min-width:768px) {
.timeline-item {width:400px;padding:0 5rem 5rem 0;}
}
.timeline-item .year {font-size:3rem;font-weight:900;color:#fff;margin-bottom:2rem;display:block;line-height:1;transition:all 0.7s ease;transform-origin:left;}
.timeline-item .txt{border-left:1px solid rgba(255,255,255,0.3);padding-left:2rem;transition:color 0.5s ease;padding-top:1.5rem;}
.timeline-item .txt .title{font-size:12px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:#fff;margin-bottom:16px;transition:color 0.3s ease;}
.timeline-item .txt p{font-size:14px;color:rgba(255,255,255,0.4);font-weight:300;line-height:1.625;max-width:280px;}

.timeline-item .dot{position:absolute;top:calc(5rem - 2px);left:0;margin-left:-2px;}
.timeline-item .dot .dot-core{width:6px;height:6px;background:#4D4D4D;border-radius:50%;transition:all 0.5s ease;}
.timeline-item .dot .dot-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border-radius:50%;border:1px solid transparent;transition:all 0.5s ease;}

.timeline-spacer {flex-shrink:0;width:10vw;}

.timeline-item:hover .year {transform:scale(1.05);}
.timeline-item:hover .txt {border-color:rgba(255,255,255,0.4);}
.timeline-item:hover .dot .dot-core{background:#fff;transform:scale(1.5);}
.timeline-item:hover .dot .dot-ring{border-color:rgba(255,255,255,0.1);}

@media (min-width:768px) {
.timeline-item .year{font-size:3.75rem;margin-bottom:2.5rem;}
.timeline-item .dot{top:calc(6.25rem - 2px);}
}