.cmpnt-newsOverview{font-family:HyundaiMedium;background-color:#f6f3f2}
.cmpnt-newsOverview h3{width:100%;line-height:1em;color:#000}
.cmpnt-newsOverview__inner{position:relative}
.cmpnt-newsOverview__toggle-btn{position:absolute;right:20px;top:0;display:flex}
[class*="cmpnt-newsOverview__btn--"]{position:relative;border:1px solid #dbdbdb;cursor:pointer}
[class*="cmpnt-newsOverview__btn--"]::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
[class*="cmpnt-newsOverview__btn--"] span{display:inline-block;text-indent:-9999px}
[class*="cmpnt-newsOverview__btn--"].active{background:#002c5f;border-color:#002c5f;text-decoration:underline}
.cmpnt-newsOverview__toggle-list>section{display:none}
.cmpnt-newsOverview__toggle-list>section.active{display:block}
.cmpnt-newsOverview__list li a,.cmpnt-newsOverview__sub-list li a{text-decoration:none}
.cmpnt-newsOverview__sub-list li{display:none}
.cmpnt-newsOverview__topic{font-size:13px;line-height:1em;color:#999}
.cmpnt-newsOverview__topic span+span::before{content:"|";margin:0 6px;opacity:1;color:#999}
.cmpnt-newsOverview__title{color:#0f0f0f;margin-top:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.cmpnt-newsOverview__list-text{border-top:1px solid #dbdbdb}
.cmpnt-newsOverview__list-text li{display:none;border-bottom:1px solid #dbdbdb;box-sizing:border-box}
.cmpnt-newsOverview__date{color:#999;text-align:center}
.cmpnt-newsOverview__date strong{display:block;width:100%}
.cmpnt-newsOverview__date span{display:block;width:100%;font-family:HyundaiRegular;line-height:1em}
.cmpnt-newsOverview__headline{width:calc(100% - 60px);line-height:20px}
.cmpnt-newsOverview__headline a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cmpnt-newsOverview__headline a:hover{text-decoration:none}
.newsOverview-cta__button-box{margin:70px auto 0;text-align:center}
.newsOverview-cta__button--more,.newsOverview-cta__button--link{display:inline-block;width:240px;height:56px;color:#fff;line-height:56px;background:#002c5f}
.newsOverview-cta__button--more:hover,.newsOverview-cta__button--more:focus,.newsOverview-cta__button--link:hover,.newsOverview-cta__button--link:focus{text-decoration:none;color:#fff}
.newsOverview-cta__button--link{display:none}
@media print,screen and (min-width:768px) and (max-width:20000px){.cmpnt-newsOverview{padding:90px 0}
.cmpnt-newsOverview__inner{max-width:1160px;margin:0 auto;padding:0 20px}
.cmpnt-newsOverview h3{margin-bottom:30px;font-size:35px}
[class*="cmpnt-newsOverview__btn--"]{width:36px;height:36px}
.cmpnt-newsOverview__btn--grid::before{width:16px;height:16px;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_grid-pc.svg')}
.cmpnt-newsOverview__btn--grid.active::before{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_grid_active-pc.svg')}
.cmpnt-newsOverview__btn--list::before{width:16px;height:16px;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_list-pc.svg')}
.cmpnt-newsOverview__btn--list.active::before{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_list_active-pc.svg')}
.cmpnt-newsOverview__list li+li{margin-top:30px}
.cmpnt-newsOverview__list li a{display:flex;box-sizing:border-box;gap:38px;align-items:center;overflow:hidden}
.cmpnt-newsOverview__list li:nth-child(2) a{flex-direction:row-reverse}
.cmpnt-newsOverview__list li img{object-fit:cover;overflow:hidden}
.cmpnt-newsOverview__list .cmpnt-newsOverview__img{overflow:hidden;max-width:552px;height:auto;aspect-ratio:552/306}
.cmpnt-newsOverview__img img{width:100%;height:auto;transition:transform .5s cubic-bezier(0.21,0.88,0.38,1.01)}
.cmpnt-newsOverview__img:hover img{transform:scale(1.2)}
.cmpnt-newsOverview__list .cmpnt-newsOverview__content{max-width:530px}
.cmpnt-newsOverview__title{font-size:20px;line-height:24px}
.cmpnt-newsOverview__description{font-family:HyundaiTextRegular;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.cmpnt-newsOverview__title+.cmpnt-newsOverview__description{margin-top:10px}
.cmpnt-newsOverview__list .cmpnt-newsOverview__title{-webkit-line-clamp:4}
.cmpnt-newsOverview__list .cmpnt-newsOverview__description{-webkit-line-clamp:7}
.cmpnt-newsOverview__sub-list{margin-top:90px}
.cmpnt-newsOverview__sub-list ul{overflow:hidden;display:flex;flex-wrap:wrap;gap:60px 35px}
.cmpnt-newsOverview__sub-list li{max-width:350px}
.cmpnt-newsOverview__sub-list li:nth-child(-n+6){display:block}
.cmpnt-newsOverview__sub-list .cmpnt-newsOverview__img{overflow:hidden;aspect-ratio:350/193}
.cmpnt-newsOverview__sub-list .cmpnt-newsOverview__content{margin-top:30px}
.cmpnt-newsOverview__sub-list .cmpnt-newsOverview__title{-webkit-line-clamp:3}
.cmpnt-newsOverview__sub-list.active li:nth-child(-n+12){display:block}
.cmpnt-newsOverview__list-text li{gap:20px;align-items:center;padding:14px 25px 14px 0}
.cmpnt-newsOverview__list-text li:nth-child(-n+18){display:flex}
.cmpnt-newsOverview__list-text.active li:nth-child(-n+26){display:flex}
.cmpnt-newsOverview__date{width:40px}
.cmpnt-newsOverview__date strong{font-size:30px}
.cmpnt-newsOverview__date span{font-size:16px}
.cmpnt-newsOverview__headline{font-size:16px}
}
@media screen and (min-width:768px) and (max-width:1174px){.cmpnt-newsOverview__list li a{justify-content:space-between;gap:0}
.cmpnt-newsOverview__list .cmpnt-newsOverview__img,.cmpnt-newsOverview__list .cmpnt-newsOverview__content{max-width:none;width:calc(50% - 15px)}
.cmpnt-newsOverview__sub-list{margin-top:30px}
.cmpnt-newsOverview__sub-list ul{justify-content:space-between;gap:30px 0}
.cmpnt-newsOverview__sub-list li{width:calc(50% - 15px);max-width:none}
.cmpnt-newsOverview__sub-list li img{width:100%;height:auto}
}
@media screen and (min-width:768px) and (max-width:1023px){.cmpnt-newsOverview{padding:70px 0}
.cmpnt-newsOverview__inner{padding:0 25px}
}
@media screen and (min-width:0) and (max-width:767px){.cmpnt-newsOverview{padding:50px 25px}
.cmpnt-newsOverview h3{margin-bottom:15px;font-size:24px}
.cmpnt-newsOverview__toggle-btn{right:0}
[class*="cmpnt-newsOverview__btn--"]{width:30px;height:30px}
.cmpnt-newsOverview__btn--grid::before{width:12px;height:12px;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_grid-m.svg')}
.cmpnt-newsOverview__btn--grid.active::before{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_grid_active-m.svg')}
.cmpnt-newsOverview__btn--list::before{width:14px;height:12px;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_list-m.svg')}
.cmpnt-newsOverview__btn--list.active::before{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_list_active-m.svg')}
.cmpnt-newsOverview__list li+li{margin-top:40px}
.cmpnt-newsOverview__list li img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.cmpnt-newsOverview__topic{font-size:12px;margin-top:15px}
.cmpnt-newsOverview__title{font-size:16px;line-height:20px;-webkit-line-clamp:3}
.cmpnt-newsOverview__content p,.cmpnt-newsOverview__content ul,.cmpnt-newsOverview__description{display:none}
.cmpnt-newsOverview__sub-list li{margin-top:40px}
.cmpnt-newsOverview__sub-list li:first-child,.cmpnt-newsOverview__sub-list.active li:nth-child(-n+4){display:block}
.cmpnt-newsOverview__list-text li{gap:20px;padding:12px 0;min-height:65px}
.cmpnt-newsOverview__list-text li:nth-child(-n+8){display:flex}
.cmpnt-newsOverview__list-text.active li:nth-child(-n+16){display:flex}
.cmpnt-newsOverview__date{width:31px;padding-top:2px}
.cmpnt-newsOverview__date strong{font-size:24px}
.cmpnt-newsOverview__date span{font-size:12px}
.cmpnt-newsOverview__headline{width:calc(100% - 51px);font-size:14px}
.cmpnt-newsOverview__headline a{-webkit-line-clamp:4}
.newsOverview-cta__button-box{margin-top:48px}
.newsOverview-cta__button--more,.newsOverview-cta__button--link{width:100%;height:53px;line-height:53px}
}