@import url("https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Caslon+Display&family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700&display=swap");.project-classification ul{gap:20px;display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;font-size:1rem}.project-classification ul .classification-item{position:relative;font-size:.875rem}.project-classification ul .classification-item a{position:relative;font-size:.875rem;color:#535759;text-align:center;display:inline-block;width:auto;overflow:hidden;transform:translateY(13px)}.project-classification ul .classification-item a .en,.project-classification ul .classification-item a .tw{position:relative;display:block;font-size:12px}.project-classification ul .classification-item a .en{text-transform:uppercase;opacity:1}.project-classification ul .classification-item a .tw{opacity:0}.project-classification ul .classification-item a:hover{color:#e3680d}.project-classification ul .classification-item a:hover:after{width:100%}.project-classification ul .classification-item a:hover .en{opacity:0}.project-classification ul .classification-item a:hover .tw{opacity:1;transform:translateY(-18px);transition:opacity .6s}.project-classification ul .classification-item.show a{color:#e3680d}@media screen and (max-width: 991px){.container{max-width:100%}.project-classification ul{gap:5%;-webkit-justify-content:flex-start;justify-content:flex-start}.project-classification ul .classification-item{width:47.5%}.project-classification ul .classification-item a{text-align:left}}@media screen and (max-width: 640px){.project-classification ul{gap:5px}.project-classification ul .classification-item{width:100%}.project-classification ul .classification-item a{transform:translateY(0px);display:flex;gap:10px;margin-bottom:10px}.project-classification ul .classification-item a .en:after{content:"/";position:relative;padding-left:10px}.project-classification ul .classification-item a .tw{opacity:1}.project-classification ul .classification-item a:hover .en{opacity:1}.project-classification ul .classification-item a:hover .tw{transform:translateY(0px)}}@media screen and (max-width: 350px){.project-classification ul .classification-item a .en{display:none}}@media screen and (min-width: 1401px){.project-classification ul{gap:30px}}.main{min-height:calc(100vh - 156px)}.news-container{max-width:855px;width:100%;padding:0 50px;box-sizing:border-box}.news-title{position:relative;font-size:1rem}.news-title-date{margin:10px 0;font-size:.875rem;color:#e3680d;position:relative;padding:0 10px}.news-title-date:before{width:1px;height:100%;content:"";position:absolute;left:0px;background:#aeb3b5}.news-title-date:after{width:calc(100% - 102px);height:1px;content:"";position:absolute;top:50%;right:0;background:#d2d7d9}.news-img{width:100%}.news-img img{margin-bottom:40px}.news-wrap{display:flex;gap:5%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.news-wrap img{flex:0 0 47.5%;max-width:47.5%}.news-introduce{width:100%}.news-text{margin:40px auto;font-size:0px}.news-text span{display:block;font-size:.875rem}.news-text span:not(:last-child){padding-bottom:.875rem}.news-text .news-link{display:flex;gap:5px;-webkit-align-items:center;align-items:center}.news-text .news-link:hover i{color:#e3680d}.news-btn{margin:100px 0 60px}.news-btn a{display:flex}.news-btn-text{padding:10px 20px;color:#535759;position:relative;border:1px solid #8e9295;text-decoration:none;margin:20px auto;transition:color .4s}.news-btn-text:after{content:" ";border:2px solid transparent;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;transition:all .4s}.news-btn-text:hover:after{border:1px solid #8e9295;width:calc(100% - 10px);height:calc(100% + 10px)}.news-classification{padding-top:15px;border-top:1px solid #aeb3b5}@media screen and (max-width: 640px){.news-img img{margin-bottom:20px}.news-btn{margin-top:50px;margin-bottom:10px}}@media screen and (max-width: 350px){.news-title{display:block}}@media screen and (min-width: 992px){.news-classification ul{-webkit-justify-content:space-between;justify-content:space-between}}
