.moreArticle{padding:80px clamp(30px,6.25vw,120px);position:relative;display:flex;background:#242424;overflow:hidden}@media only screen and (max-width: 768px){.moreArticle .common-btn-arrow{display:none}}.moreArticle .item{display:flex;align-items:center;width:44.047%}.moreArticle .item:after,.moreArticle .item:before{position:absolute;font-size:5rem;font-weight:600;letter-spacing:1px;transition:opacity var(--trans-l);content:attr(data-attr)}@media only screen and (max-width: 1200px){.moreArticle .item:after,.moreArticle .item:before{font-size:3.75rem}}.moreArticle .item:before{color:#fff;opacity:.1}.moreArticle .item:after{background:linear-gradient(121deg,#0241cf 13%,#3597f1 98.04%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}.moreArticle .item:first-child{margin-right:auto}.moreArticle .item:first-child:before,.moreArticle .item:first-child:after{bottom:0;left:clamp(30px,6.25vw,120px)}.moreArticle .item:last-child:before,.moreArticle .item:last-child:after{top:0;right:clamp(30px,6.25vw,120px)}.moreArticle .item:only-child{width:100%}.moreArticle .item.cssStyle .title-block,.moreArticle .item.cssStyle .common-btn-arrow{opacity:.4}.moreArticle .item.hoverStyle .title-block,.moreArticle .item.hoverStyle .common-btn-arrow{opacity:1}.moreArticle .item.hoverStyle:before{background:linear-gradient(121deg,#0241cf 13%,#3597f1 98.04%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}.moreArticle .item.hoverStyle:after{opacity:1}.moreArticle .item.hoverStyle .common-btn-arrow:before{opacity:1}.moreArticle .item.hoverStyle .common-btn-arrow i{color:#fff}.moreArticle .item.hoverStyle .common-btn-arrow[color$=-white] i{color:#000}.moreArticle .title-block{margin-right:auto;width:89.189%;color:#fff;transition:opacity var(--trans-normal)}@media only screen and (max-width: 768px){.moreArticle .title-block{width:100%}}.moreArticle .date{margin-bottom:10px;display:flex;align-items:center;min-height:30px}.moreArticle .paragraphText:nth-child(2){display:flex;align-items:center}.moreArticle .paragraphText:nth-child(2):before,.moreArticle .paragraphText:nth-child(2):after{margin:0 10px;display:block;width:3px;height:3px;border-radius:50%;background:#fff;content:""}.moreArticle .itemTitle-l{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.moreArticle[data-color=blue]{background:#1669e6}.moreArticle[data-color=blue] .item:after{background:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.moreArticle[data-color=gray]{background:#242424}@media only screen and (max-width: 1200px){.moreArticle .item:first-child:before{bottom:0}.moreArticle .item:last-child:before{top:0}}@media only screen and (max-width: 992px){.moreArticle{flex-direction:column-reverse}.moreArticle .item{width:100%}.moreArticle .item:first-child{margin-right:unset;margin-top:50px}.moreArticle .item:first-child:before,.moreArticle .item:first-child:after{left:-3px}.moreArticle .item:last-child:before,.moreArticle .item:last-child:after{right:-3px}.moreArticle .item:only-child:first-child{margin-top:unset}}@media only screen and (max-width: 575px){.moreArticle{padding:50px 30px}}main{padding:unset}section.main{display:flex;flex-direction:column;min-height:100vh}section.main.aost-show .breadcrumb,section.main.aost-show .subUnitTitle,section.main.aost-show .paragraphText{transform:translate(0);opacity:1}section.main.aost-show .subUnitTitle{transition-delay:.2s}section.main.aost-show .paragraphText{transition-delay:.4s}.container{flex:1;display:flex}.container .date-block{min-width:240px;width:12.5%;background:#f8f8f8}@media only screen and (min-width: 2560px){.container .date-block{width:20%}.container .content-block{width:80%}}@media only screen and (max-width: 1200px){.container .date-block{min-width:180px}.container .content-block{padding:80px clamp(30px,9.375vw,180px);width:calc(100% - 240px)}}@media only screen and (max-width: 992px){.container{flex-direction:column;width:100%}.container .date-block{padding:40px 0;position:relative;width:100%;display:flex;justify-content:center;align-items:center}.container .date-block:before{position:absolute;left:50%;bottom:0;width:60px;height:6px;background:#1669e6;transform:translate(-50%,50%);content:""}.container .wrapper{margin:unset;width:180px}.container .wrapper:before{display:none}.container .top-btn{display:none}.container .social-block{order:1}.container .date-block{order:2}.container .content-block{padding:80px 60px;width:100%;order:3}}@media only screen and (max-width: 575px){.container .content-block{padding:40px 30px 100px}}.wrapper{margin-top:160px;position:sticky;top:30px;display:flex;flex-direction:column;align-items:center;text-align:center}.wrapper:before{position:absolute;top:0;right:0;width:6px;height:47px;background:#1669e6;transform:translate(50%);content:""}@media only screen and (max-width: 1200px){.wrapper{margin-top:120px}}.top-btn{padding:30px 0;position:sticky;top:calc(100vh - 113px);display:flex;align-items:center;width:100%;cursor:pointer;writing-mode:vertical-rl}.top-btn .icon{margin:0 0 15px;font-size:.625rem}.top-btn .btnText{font-size:.875rem;font-weight:700;line-height:1.6}.months{margin-bottom:10px;font-size:2.5rem;font-weight:600;letter-spacing:.5px}@media only screen and (max-width: 1200px){.months{font-size:1.875rem}}.year{font-size:1rem;font-weight:300;letter-spacing:.5px;color:#242424}.content-block{padding:120px clamp(30px,9.375vw,180px);width:calc(100% - 300px)}.content-block .subUnitTitle{margin-top:20px;transform:translate(-30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal)}.content-block .paragraphText{margin-top:20px;color:#7f7f7f;transform:translate(-30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal)}.breadcrumb{padding:unset;transform:translate(-30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal)}._articleBlock article{position:relative}._articleBlock article:first-child{margin-top:80px}._articleBlock article:first-child:before{position:absolute;top:-40px;left:0;display:block;width:100%;height:1px;background:#d7d7d7;content:""}@media only screen and (max-width: 575px){._articleBlock article:first-child{margin-top:60px}._articleBlock article:first-child:before{position:absolute;top:-30px}}.allCate{margin-top:80px;position:relative;display:flex;flex-wrap:wrap;gap:20px}.allCate:before{position:absolute;top:-40px;left:0;display:block;width:100%;height:1px;background:#d7d7d7;content:""}.allCate .buttonText-s{display:flex;align-items:center;color:#7f7f7f;transition:color var(--trans-xs)}.allCate .buttonText-s:before{flex-shrink:0;margin-right:10px;display:block;width:4px;height:4px;background:#7f7f7f;transition:background var(--trans-xs);content:""}@media only screen and (min-width: 1201px){.allCate .buttonText-s:hover{color:#1669e6}.allCate .buttonText-s:hover:before{background:#1669e6}}@media only screen and (max-width: 1200px){.allCate .buttonText-s:active{color:#1669e6}.allCate .buttonText-s:active:before{background:#1669e6}}@media only screen and (max-width: 575px){.allCate{margin-top:60px}.allCate:before{top:-30px}}.social-block{min-width:60px;position:relative}.social-block .sticky{position:sticky;top:0;display:flex;flex-direction:column-reverse}@media only screen and (max-width: 992px){.social-block{position:sticky;top:0;z-index:1}.social-block .sticky{flex-direction:row;width:100%}.social-block .share-block{padding:unset;flex-direction:row;width:calc(100% - 60px)}.social-block .icon-wrapper{flex-direction:row}.social-block .itemTitle-s{writing-mode:unset}.social-block .itemTitle-s:after{margin:0 20px}.social-block .icon:not(:first-child){margin-top:unset;margin-left:22px}.social-block .close-btn{width:60px}}.close-btn{display:flex;justify-content:center;align-items:center;height:60px;background:#4f4f4f;cursor:pointer}.close-btn:before,.close-btn:after{position:absolute;width:18px;height:1px;background:#fff;content:"";transition:transform var(--trans-normal)}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(135deg)}@media only screen and (min-width: 1201px){.close-btn:hover:before{transform:rotate(0)}.close-btn:hover:after{transform:rotate(180deg)}}@media only screen and (max-width: 1200px){.close-btn:active:before{transform:rotate(0)}.close-btn:active:after{transform:rotate(180deg)}}._article[typeFull-size=l]{padding:100px 40px}._article[typeFull-size=l] ._contentWrap{padding:52px 51px 50px;width:73%}@media only screen and (max-width: 1200px){._article[typeFull-size=l] ._contentWrap{width:80%}}@media only screen and (max-width: 900px){._article[typeFull-size=l]{padding:50px 40px!important}._article[typeFull-size=l] ._contentWrap{width:100%}}@media only screen and (max-width: 575px){._article[typeFull-size=l]{padding:20px!important}._article[typeFull-size=l] ._contentWrap{padding:20px}}
