@charset "UTF-8";.timeline{position:relative;width:100%;max-width:1000px;margin:0 auto 200px;padding-left:24px}.timeline::before{content:"";position:absolute;left:12px;top:0;width:12px;height:100%;background:#ddd;transform:translateX(-50%)}.timeline-line{position:absolute;left:12px;top:0;width:12px;height:100%;background:#facd89;border:4px solid #f39800;transform:translateX(-50%) scaleY(0);transform-origin:top;transition:transform 0.25s ease}.timeline-item{position:relative;padding:10px 0;margin-bottom:20px;box-sizing:border-box;font-size:14px;.mainitem{padding-left:20px}.subitem{padding-left:100px}}.timeline-item.mainitem{padding-left:20px}.timeline-item.subitem{padding-left:100px}.timeline-item.topspace{margin-top:30px}.timeline-item.mainitem::before{content:"";position:absolute;top:50%;left:-24px;transform:translate(0,-50%);width:24px;height:24px;background:#f39800;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #f39800}.timeline-item.subitem::before{content:"";position:absolute;top:50%;left:-22px;transform:translate(0,-50%);width:20px;height:20px;background:#f39800;border-radius:50%}.timeline-item.mainitem .timeline-hline{content:"";position:absolute;background:#f39800;top:50%;left:0px;transform:translate(0,-50%);width:20px;height:2px}.timeline-item.subitem .timeline-hline{content:"";position:absolute;background:#f39800;top:50%;left:-22px;transform:translate(0,-50%);width:122px;height:2px}.timeline-item.mainitem .timeline-content{background:#fff;padding:10px 20px;border-radius:10px;border:1px solid #f39800;width:fit-content;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.timeline-item.subitem .timeline-content{background:lemonchiffon;padding:10px 20px;border-radius:10px;width:fit-content;box-shadow:0 5px 20px rgba(0,0,0,0.2)}.timeline-content-date{font-weight:700}.timeline-content-cont{w{white-space:nowrap}}