:root{--hyundai-white:#fff;--hyundai-black:#000;--hyundai-blue:#002c5f;--hyundai-light-blue:#00aad2;--hyundai-transparent:'transparent'}
.quicknews{width:100%;max-width:100vw;height:100vh;display:block;position:relative;background-color:var(--hyundai-white);margin:0 auto;padding:40px 0;.qn-container{width:100%;max-width:1360px;height:100%;display:block;margin:0 auto;.qn-header{width:100%;max-width:100%;height:auto;display:block;border-bottom:1px solid var(--hyundai-black);padding-bottom:20px;.qn-title{color:var(--hyundai-black);font-size:36px;font-family:"HyundaiSansHead-Medium";line-height:1.2;white-space:pre-line;margin-bottom:10px;@media only screen and (min-width:1200px) and (max-width:1600px){font-size:32px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){font-size:32px;white-space:initial}
@media only screen and (max-width:767px){font-size:24px;white-space:initial}
}
.qn-text{color:var(--hyundai-black);font-size:21px;font-family:"HyundaiSansHead-Regular";line-height:1.2;white-space:pre-line;margin:0;@media only screen and (min-width:1200px) and (max-width:1600px){font-size:18px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){font-size:18px;white-space:initial}
@media only screen and (max-width:767px){font-size:16px;white-space:initial}
}
}
.quicknews-content{width:100%;max-width:1200px;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;overflow-y:auto;margin:0 auto;padding:30px 0;border-bottom:3px solid var(--hyundai-black);.qn-item{width:100%;max-width:100%;height:auto;display:block;border-bottom:2px solid var(--hyundai-black);padding-bottom:30px;.qn-item-header{width:100%;max-width:100%;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;margin-bottom:20px;.qn-publication{width:100%;max-width:fit-content;height:-webkit-fill-available;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-right:2px solid var(--hyundai-black);padding-right:8px;.qn-publication-text{color:var(--hyundai-black);font-size:18px;font-family:"HyundaiSansHead-Regular";line-height:1;@media only screen and (min-width:1200px) and (max-width:1600px){font-size:16px}
@media only screen and (max-width:767px){font-size:14px}
}
}
.qn-item-title{width:100%;max-width:100%;height:auto;display:block;color:var(--hyundai-black);font-size:24px;font-family:"HyundaiSansHead-Medium";line-height:1;white-space:pre-line;margin-bottom:0;@media only screen and (min-width:1200px) and (max-width:1600px){font-size:21px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){font-size:21px}
@media only screen and (max-width:767px){font-size:18px}
}
}
.qn-item-body{width:100%;max-width:100%;height:auto;display:block;.qn-item-text{color:var(--hyundai-black);font-size:16px;font-family:"HyundaiSansHead-Regular";line-height:1.2;white-space:pre-line;@media only screen and (min-width:1200px) and (max-width:1600px){font-size:15px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){font-size:15px;white-space:initial;text-align:justify}
@media only screen and (max-width:767px){font-size:14px;white-space:initial;text-align:justify}
}
img{width:100%;max-width:100%;height:auto;display:block;margin-bottom:20px}
}
&:nth-child(5),&:last-of-type{border-bottom:0}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){max-width:100%}
}
.quicknews-pagation{width:100%;max-width:1200px;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;list-style:none;margin-top:20px;.qn-pagination-item{width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:var(--hyundai-black);font-size:18px;font-family:"HyundaiSansHead-Medium";line-height:normal;background-color:var(--hyundai-transparent);border:0;padding:0;&:hover{color:var(--hyundai-blue);text-decoration:underline}
&.active{color:var(--hyundai-white);background-color:var(--hyundai-light-blue);cursor:default;pointer-events:none}
@media only screen and (min-width:1200px) and (max-width:1600px){font-size:16px}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){font-size:16px}
@media only screen and (max-width:767px){font-size:14px}
}
}
@media only screen and (min-width:1200px) and (max-width:1600px){max-width:90%}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){max-width:90%}
@media only screen and (max-width:767px){max-width:90%}
}
}