.arrowBox,.arrowBox:before,.milestoneList .Img .milestone_album img,.milestoneList .Img .milestone_album li,.milestoneList .Img .milestone_album li:nth-child(2):after{transition:all .5s}.mainArea{padding-bottom:0}.contentBox{background-color:#eeeeee;position:relative;padding-bottom:80px}.contentBox:before{content:"";display:block;width:150px;height:130px;background-image:url(../images/achivement_deco_dots.png);position:absolute;top:0;left:0}.contentBox:after{content:"";display:block;width:100%;height:1px;background-color:rgba(0,0,0,0.2);position:absolute;top:calc(50% - 0.5px + 56px);left:0}.contentBox .wrap{position:relative}@media (max-width:1180px){.contentBox:before{background-size:20%}.contentBox:after{top:calc(50% - 0.5px + 56px - 12px)}}@media (max-width:768px){.contentBox:after{top:calc(50% - 0.5px + 56px - 5px)}}@media (max-width:640px){.contentBox:after{top:calc(50% - 0.5px + 56px - 32px)}}.milestoneList{margin:0 auto;max-width:1300px;position:relative;max-height:310px;overflow-y:hidden}.milestoneList:after{content:"";width:220px;height:100%;position:absolute;top:0;right:0px;background-image:linear-gradient(to right,rgba(238,238,238,0) 0,rgba(238,238,238,0.5) 70%,#eeeeee 98%);pointer-events:none}.milestoneList li:nth-child(2n) .liWrap .imgBox{order:2;padding-top:30px;align-items:flex-start}.milestoneList li:nth-child(2n) .liWrap .imgBox:before{top:-3px}.milestoneList li:nth-child(2n) .liWrap .imgBox:after{top:-8px}.milestoneList li:nth-child(2n) .liWrap .Txt{order:1;justify-content:flex-end}.milestoneList li:nth-child(2n) .liWrap .Txt .title{padding-top:18px}.milestoneList .liWrap{display:flex;justify-content:center;flex-direction:column;align-content:center;padding-right:56px}.milestoneList .imgBox{display:flex;height:100%;align-items:flex-end;padding:15px 0;position:relative}.milestoneList .imgBox:before{content:"";width:6px;height:6px;display:block;border-radius:50%;background-color:#ff0000;position:absolute;bottom:-3px;left:5px;z-index:2}.milestoneList .imgBox:after{content:"";width:16px;height:16px;display:block;border-radius:50%;border:1px dotted #ff0000;position:absolute;bottom:-8px;left:0;z-index:2}.milestoneList .dateBox .day{font-weight:600;font-size:15px;letter-spacing:0;line-height:18px;color:rgba(0,0,0,0.5);text-transform:uppercase}.milestoneList .dateBox .year{font-size:45px;line-height:50px;letter-spacing:0;font-weight:700;color:#ff0000}.milestoneList .Img{padding-bottom:8px;padding-left:20px;padding-right:30px}.milestoneList .Img .milestone_album{display:flex;position:relative}.milestoneList .Img .milestone_album li{width:187px;height:108px;margin-left:14px;display:none}.milestoneList .Img .milestone_album li.showPic{display:block}.milestoneList .Img .milestone_album li.showPic:hover img{transform:scale(1.05);opacity:0.8}.milestoneList .Img .milestone_album li.showPic:hover:after{color:#ff0000}.milestoneList .Img .milestone_album li:nth-child(2):after{content:"MORE";display:block;font-size:13px;line-height:30px;letter-spacing:1px;font-weight:600;color:#999999;text-align:center;writing-mode:vertical-rl;background-color:#d9d9d9;width:30px;height:100%;position:absolute;top:0;right:-30px;transform:rotate(180deg);cursor:pointer}.milestoneList .Img .milestone_album a{display:block;width:100%;height:100%;overflow:hidden;background-color:#000}.milestoneList .Img .milestone_album img{display:block;width:100%;height:100%;object-fit:cover}.milestoneList .Txt{height:146px;max-width:320px;padding:15px 0;display:flex;flex-direction:column}.milestoneList .Txt .title{width:100%;font-size:22px;line-height:24px;letter-spacing:0;font-weight:600;color:#000}.milestoneList .Txt .exp{width:100%;padding-top:3px}@media (max-width:1500px){.milestoneList{width:100%;padding:0 46px}.milestoneList:after{right:46px}}@media (max-width:1180px){.milestoneList .liWrap{padding-right:30px}}@media (max-width:840px){.milestoneList .Img{padding-left:0}.milestoneList .Img .milestone_album li{margin-left:8px}}@media (max-width:768px){.milestoneList{padding:0 26px}.milestoneList:after{right:26px;width:160px}.milestoneList li:nth-child(n) .liWrap .imgBox{padding:15px 0;order:1;align-items:flex-end}.milestoneList li:nth-child(n) .liWrap .imgBox:before{top:auto;bottom:-3px}.milestoneList li:nth-child(n) .liWrap .imgBox:after{top:auto;bottom:-8px}.milestoneList li:nth-child(n) .liWrap .Txt{order:2;justify-content:flex-start}.milestoneList li:nth-child(n) .liWrap .Txt .title{padding-top:0px}}@media (max-width:640px){.milestoneList .liWrap{align-items:flex-start}.milestoneList .imgBox{height:112px}.milestoneList .dateBox .year{font-size:30px;line-height:36px}.milestoneList .Img{padding-bottom:0}.milestoneList .Img .milestone_album li{width:100px;height:auto}.milestoneList .Txt{width:100%}.milestoneList .Txt .title{font-size:20px;line-height:22px}.milestoneList .Txt .exp{font-size:14px}}@media (max-width:400px){.milestoneList{padding:0}.milestoneList:after{right:0}.milestoneList .liWrap{padding-right:15px}.milestoneList .Txt{padding-right:20px}.milestoneList .Txt .title{font-size:18px;line-height:21px}}@media (max-width:340px){.milestoneList .Txt{max-width:300px}}.arrowBox{display:block;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,0.3);position:relative}.arrowBox:before{content:"";width:6px;height:6px;display:block;border-top:1px solid #434343;border-left:1px solid #434343;position:absolute;top:calc(50% - 2.5px);left:calc(50% - 3px);transform:rotate(-45deg);pointer-events:none}.arrowBox.prev{position:absolute;top:calc(50% - 18px + 42px);left:-85px}.arrowBox.next{position:absolute;top:calc(50% - 18px + 42px);right:-85px}.arrowBox.next:before{transform:rotate(135deg)}.arrowBox.next .path.active{animation:progressCircleAnimation 3s linear forwards}.arrowBox>a{display:block;width:100%;height:100%}.arrowBox .path{width:38px;height:38px;fill:none;transition:all .1s ease-in-out;opacity:1;stroke-dashoffset:0;stroke-dasharray:153.86;stroke:transparent;stroke-width:1px;transform:rotate(-90deg);position:absolute;top:-2px;left:-2px;pointer-events:none}.arrowBox:hover{border:1px solid #ff0000}.arrowBox:hover:before{border-top:1px solid #ff0000;border-left:1px solid #ff0000}@media (max-width:1500px){.arrowBox.prev{left:0}.arrowBox.next{right:0}}@media (max-width:1340px){.arrowBox.prev{left:20px}.arrowBox.next{right:20px}}@media (max-width:768px){.arrowBox.prev{left:0px;top:calc(50% - 18px + 42px + 3px)}.arrowBox.next{right:0px;top:calc(50% - 18px + 42px + 3px)}}@media (max-width:400px){.arrowBox.prev{top:auto;bottom:-40px;left:calc(50% - 40px)}.arrowBox.next{top:auto;bottom:-40px;right:calc(50% - 40px)}}@keyframes progressCircleAnimation{0%{stroke-dashoffset:153.86;stroke:#ff0000}to{stroke-dashoffset:0;stroke:#ff0000}}