.home-news-sec{background:url(/img/home-projects-bg.png)}.home-news-sec .left{width:40.5%}.home-news-sec .left img{object-fit:cover;height:100%}.home-news-sec .right{width:calc(59.5% - 1rem);position:relative}.home-news-sec .right:before{content:"";background-color:var(--color-black);width:.1rem;height:100%;margin:0 auto;position:absolute;left:0;right:0}.home-news-sec .right .item{background-color:var(--color-light-bg);padding:1rem;transition:all .3s linear;position:relative}.home-news-sec .right .item .arrow-btn{opacity:0;background-color:var(--color-yellow);width:3rem;height:3rem;transition:all .3s linear;position:absolute;top:1rem;right:1rem}.home-news-sec .right .item .arrow-btn img{width:1.1rem}.home-news-sec .right .item:before{content:"";background-color:var(--color-black);width:100%;height:.1rem;position:absolute;top:-1rem;left:0}.home-news-sec .right .item:first-of-type:before,.home-news-sec .right .item:nth-of-type(2):before{display:none}.home-news-sec .right .item .type{background-color:var(--color-yellow);max-width:max-content;color:var(--color-black);padding:.2rem .5rem;line-height:1;transition:all .3s linear}.home-news-sec .right .item .detail{color:var(--color-text);margin-top:2rem;transition:all .3s linear}.home-news-sec .right .item .detail .date{color:var(--color-black);transition:all .3s linear}.home-news-sec .right .item .detail .time-read{position:relative}.home-news-sec .right .item .detail .time-read:before{content:"";background-color:currentColor;border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:50%;left:-.8rem;transform:translateY(-50%)}.home-news-sec .right .item .detail .title{font-family:var(--font-noto)}.home-news-sec .right .item.active{background-color:var(--color-black)}.home-news-sec .right .item.active .arrow-btn{opacity:1;top:0;right:0}.home-news-sec .right .item.active .arrow-btn:hover{background-color:var(--color-white)}.home-news-sec .right .item.active .detail,.home-news-sec .right .item.active .detail .date{color:var(--color-white)}@media (max-width:1023px){.home-news-sec .left{display:none}.home-news-sec .right{gap:24px 0;width:100%}.home-news-sec .right:before{display:none}.home-news-sec .right .item{justify-content:center}.home-news-sec .right .item:before,.home-news-sec .right .item .arrow-btn{display:none}.home-news-sec .right .item.active{background-color:var(--color-light-bg)}.home-news-sec .right .item.active .detail{color:var(--color-text)}.home-news-sec .right .item.active .detail .date{color:var(--color-black)}}@media (max-width:639px){.home-news-sec .right .image{width:80%}.home-news-sec .right .item{width:120%;margin-left:-20%}.home-news-sec .right .item .detail{gap:8px 16px;margin-top:1rem}.home-news-sec .right .item .detail .date{text-transform:capitalize}.home-news-sec .right .item .detail .date-time{justify-content:space-between;gap:12px}.home-news-sec .right .item .detail .title{font-size:14px}}@media (max-width:479px){.home-news-sec .right .image img{object-fit:cover;height:100%}.home-news-sec .right .item .detail .time-read{width:100%}.home-news-sec .right .item .detail .time-read:before{display:none}}
.home-process-sec .left{width:26.8%}.home-process-sec .right{background-color:var(--color-black);width:73%;padding-left:2rem;padding-right:2rem}.home-process-sec .right .item{z-index:0;position:relative}.home-process-sec .right .item .detail{background-color:var(--color-black);color:var(--color-white);padding:.5rem 1rem 1rem;transition:all .3s linear}.home-process-sec .right .item .detail .title{font-weight:var(--weight-Bold);margin-bottom:.2rem}.home-process-sec .right .item .hov-sec{background-color:var(--color-yellow);opacity:0;transition:all .3s linear}.home-process-sec .right .item .hov-sec .image{width:100%}.home-process-sec .right .item .hov-sec .image img{filter:invert()brightness(0)}.home-process-sec .right .item .hov-sec .detail{color:var(--color-black);background-color:var(--color-yellow)}.home-process-sec .right .item .non-hov-sec{z-index:-1;background-color:#2d2d2d;width:100%;transition:all .3s linear;position:absolute;top:50%;transform:translateY(-50%)}.home-process-sec .right .item:hover .hov-sec{opacity:1}.home-process-sec .right .item:hover .non-hov-sec{opacity:0}@media (max-width:1199px){.home-process-sec .right{padding:3rem 2rem}.home-process-sec .heading{font-size:1.7rem}}@media (max-width:1023px){.home-process-sec .container{width:100%;max-width:100%;padding:0}.home-process-sec .left{text-align:center;align-items:center;width:100%;margin-bottom:24px;padding:0 16px}.home-process-sec .right{background-color:#0000;width:100%;max-width:100%;margin:0 auto;padding:0 16px;overflow-x:auto}.home-process-sec .right .right-box{gap:20px;min-width:1080px}.home-process-sec .right .item{min-width:200px}.home-process-sec .right .item .hov-sec{opacity:1}.home-process-sec .right .item .non-hov-sec{display:none}}