.news{width:100%;padding:var(--padding-section);background:var(--color-bglight)}.news__body{display:flex;flex-direction:column;gap:32px}.news__body-top{display:flex;align-items:center;justify-content:space-between;width:100%}.news__body-top .top-title{display:flex;flex-direction:column;gap:8px}.news__body-top .top-title p{font-size:16px}.news__body-top .top-buttons{display:flex;gap:4px;background:var(--color-white);border-radius:50px;border:1px solid var(--color-border);padding:4px}.news__body-top .top-buttons button{padding:10px 20px;border-radius:50px;transition:all .3s ease;background:transparent;font-size:14px;font-weight:500;color:var(--color-black)}.news__body-top .top-buttons button:hover,.news__body-top .top-buttons button.current{background:var(--color-actient);color:var(--color-white)}.news__body-frame{display:flex;gap:24px}.news__body-frame .frame-news{display:flex;flex-direction:column;gap:12px;width:100%}.news__body-frame .frame-news.main-page{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news__body-frame .frame-news.main-page .frame-news-all{grid-column:span 3}.news__body-frame .frame-news .news-item{background:var(--color-white);border-radius:25px;overflow:hidden;border:1px solid var(--color-border);padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;cursor:pointer}.news__body-frame .frame-news .news-item:hover .read-full{rotate:-45deg}.news__body-frame .frame-news .news-item .read-full{position:absolute;top:21px;right:21px;width:20px;height:20px;color:#99a1af;transition:all .3s ease}.news__body-frame .frame-news .news-item .date{display:flex;align-items:center;gap:8px}.news__body-frame .frame-news .news-item .date .date-new{padding:2px 8px;background:var(--color-actient);border-radius:50px;color:var(--color-white);text-transform:uppercase;font-size:10px}.news__body-frame .frame-news .news-item .main-information{display:flex;flex-direction:column;gap:8px}.news__body-frame .frame-news .news-item .main-information h3{font-size:16px}.news__body-frame .frame-news .news-item .main-information p{font-size:14px}.news__body-frame .frame-news .news-item .action{display:flex;align-items:center;justify-content:space-between;width:100%}.news__body-frame .frame-news .news-item .action .tag{background:#f3f4f6;border-radius:50px;padding:4px 10px;color:#4a5565}.news__body-frame .frame-news .news-item .action .time{display:flex;align-items:center;gap:4px}.news__body-frame .frame-news .news-item .action .time svg{width:14px;height:14px;color:var(--color-primary-textsub)}.news__body-frame .frame-news-all{width:100%;padding:13px 0;border-radius:50px;background:var(--color-white);border:1px solid var(--color-border);display:flex;justify-content:center;max-width:none;font-size:14px;color:var(--color-black)}.news__body-pagination{width:100%;padding:12px 16px;background:var(--color-white);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;border-radius:20px}.news__body-pagination p{font-size:12px;color:var(--color-primary-textsub)}.news__body-pagination .pagination-action{display:flex;align-items:center;gap:8px}.news__body-pagination .pagination-action button:disabled{background:#d1d5dc;border-color:transparent}.news__body-pagination .pagination-action button{background:var(--color-white);display:flex;align-items:center;gap:4px;color:var(--color-primary-textnav);font-size:12px;font-weight:600;padding:8px 12px;border-radius:55px;border:1px solid #D1D5DC}.news__body-pagination .pagination-action button svg{width:14px;height:14px;color:var(--color-primary-textnav)}.news__body-pagination .pagination-action div{display:flex;align-items:center;gap:3px}.news__body-pagination .pagination-action div .current-page{padding:6px 12px;background:var(--color-actient);color:var(--color-white);border-radius:55px}.news__body-points{width:100%;display:grid;grid-template-columns:repeat(3,1fr);padding:32px;background:var(--color-white);border-radius:30px;border:1px solid var(--color-border)}.news__body-points .points-item:nth-child(2){border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.news__body-points .points-item:nth-child(2) h4{color:var(--color-actient)}.news__body-points .points-item{display:flex;flex-direction:column;align-items:center;gap:4px}.news__body-points .points-item h4{font-size:30px}.news__body-points .points-item p{font-size:14px}@media(max-width:1440px)and (min-width:721px){.news__body{gap:32rem}.news__body-top .top-title{gap:8rem}.news__body-top .top-title p{font-size:16rem}.news__body-top .top-buttons{gap:4rem;border-radius:50rem;border:1rem solid var(--color-border);padding:4rem}.news__body-top .top-buttons button{padding:10rem 20rem;border-radius:50rem;font-size:14rem}.news__body-frame{gap:24rem}.news__body-frame .frame-main{width:704rem;min-width:704rem;border-radius:30rem;border:1rem solid var(--color-border)}.news__body-frame .frame-main-top{height:328rem}.news__body-frame .frame-main-top .tag{top:16rem;left:16rem;padding:6rem 12rem;border-radius:50rem}.news__body-frame .frame-main-bot{padding:32rem}.news__body-frame .frame-main-bot .frame-informaion,.news__body-frame .frame-main-bot .frame-informaion .information-soft{gap:16rem}.news__body-frame .frame-main-bot .frame-informaion .information-soft .date,.news__body-frame .frame-main-bot .frame-informaion .information-soft .time{gap:6rem}.news__body-frame .frame-main-bot .frame-informaion .information-soft .date svg,.news__body-frame .frame-main-bot .frame-informaion .information-soft .time svg{width:16rem;height:16rem}.news__body-frame .frame-main-bot .frame-informaion .information-soft .theme{border-radius:30rem;padding:4rem 12rem}.news__body-frame .frame-main-bot .frame-informaion .information-main{gap:12rem}.news__body-frame .frame-main-bot .frame-informaion .information-main h3{font-size:24rem}.news__body-frame .frame-main-bot .frame-informaion .information-main p{font-size:16rem}.news__body-frame .frame-main-bot a{padding:12rem 24rem;border-radius:100rem;gap:8rem;font-size:16rem}.news__body-frame .frame-main-bot a svg{width:20rem;height:20rem}.news__body-frame .frame-news,.news__body-frame .frame-news.main-page{gap:12rem}.news__body-frame .frame-news .news-item{border-radius:25rem;border:1rem solid var(--color-border);padding:24rem;gap:12rem}.news__body-frame .frame-news .news-item .read-full{top:21rem;right:21rem;width:20rem;height:20rem}.news__body-frame .frame-news .news-item .date{gap:8rem}.news__body-frame .frame-news .news-item .date .date-new{padding:2rem 8rem;border-radius:50rem;font-size:10rem}.news__body-frame .frame-news .news-item .main-information{gap:8rem}.news__body-frame .frame-news .news-item .main-information h3{font-size:16rem}.news__body-frame .frame-news .news-item .main-information p{font-size:14rem}.news__body-frame .frame-news .news-item .action .tag{border-radius:50rem;padding:4rem 10rem}.news__body-frame .frame-news .news-item .action .time{gap:4rem}.news__body-frame .frame-news .news-item .action .time svg{width:14rem;height:14rem}.news__body-frame .frame-news-all{padding:13rem 0rem;border-radius:50rem;border:1rem solid var(--color-border);font-size:14rem}.news__body-pagination{padding:12rem 16rem;border:1rem solid var(--color-border);border-radius:20rem}.news__body-pagination p{font-size:12rem}.news__body-pagination .pagination-action{gap:8rem}.news__body-pagination .pagination-action button{gap:4rem;font-size:12rem;padding:8rem 12rem;border-radius:55rem;border:1rem solid #D1D5DC}.news__body-pagination .pagination-action button svg{width:14rem;height:14rem}.news__body-pagination .pagination-action div{gap:3rem}.news__body-pagination .pagination-action div .current-page{padding:4rem 12rem;border-radius:55rem}.news__body-points{padding:32rem;border-radius:30rem;border:1rem solid var(--color-border)}.news__body-points .points-item:nth-child(2){border-left:1rem solid var(--color-border);border-right:1rem solid var(--color-border)}.news__body-points .points-item{gap:4rem}.news__body-points .points-item h4{font-size:30rem}.news__body-points .points-item p{font-size:14rem}}@media(max-width:720px){.news__body{gap:24rem}.news__body-top{flex-direction:column;gap:16rem}.news__body-top .top-title{gap:8rem}.news__body-top .top-title p{font-size:16rem}.news__body-top .top-buttons{gap:4rem;border-radius:50rem;border:1rem solid var(--color-border);padding:4rem;display:flex;max-width:max-content}.news__body-top .top-buttons button{padding:10rem 16rem;border-radius:50rem;font-size:10rem}.news__body-frame{flex-direction:column;gap:24rem}.news__body-frame .frame-main{width:100%;min-width:auto;border-radius:30rem;border:1rem solid var(--color-border)}.news__body-frame .frame-main-top{height:183rem}.news__body-frame .frame-main-top .tag{top:16rem;left:16rem;padding:4rem 12rem;border-radius:50rem}.news__body-frame .frame-main-bot{padding:24rem;gap:24rem}.news__body-frame .frame-main-bot .frame-informaion,.news__body-frame .frame-main-bot .frame-informaion .information-soft{gap:16rem}.news__body-frame .frame-main-bot .frame-informaion .information-soft .date,.news__body-frame .frame-main-bot .frame-informaion .information-soft .time{gap:6rem}.news__body-frame .frame-main-bot .frame-informaion .information-soft .date svg,.news__body-frame .frame-main-bot .frame-informaion .information-soft .time svg{width:16rem;height:16rem}.news__body-frame .frame-main-bot .frame-informaion .information-soft .theme{border-radius:30rem;padding:4rem 12rem}.news__body-frame .frame-main-bot .frame-informaion .information-main{gap:12rem}.news__body-frame .frame-main-bot .frame-informaion .information-main h3{font-size:20rem}.news__body-frame .frame-main-bot .frame-informaion .information-main p{font-size:14rem}.news__body-frame .frame-main-bot a{padding:12rem 24rem;border-radius:100rem;gap:8rem;font-size:14rem}.news__body-frame .frame-main-bot a svg{width:20rem;height:20rem}.news__body-frame .frame-news{gap:12rem}.news__body-frame .frame-news.main-page{grid-template-columns:repeat(1,1fr);gap:6rem}.news__body-frame .frame-news.main-page .news-item,.news__body-frame .frame-news.main-page .frame-news-all{grid-column:span 1}.news__body-frame .frame-news .news-item{border-radius:25rem;border:1rem solid var(--color-border);padding:24rem;gap:12rem}.news__body-frame .frame-news .news-item .read-full{top:21rem;right:21rem;width:20rem;height:20rem}.news__body-frame .frame-news .news-item .date{gap:8rem}.news__body-frame .frame-news .news-item .date .date-new{padding:2rem 8rem;border-radius:50rem;font-size:10rem}.news__body-frame .frame-news .news-item .main-information{gap:8rem}.news__body-frame .frame-news .news-item .main-information h3{font-size:16rem}.news__body-frame .frame-news .news-item .main-information p{font-size:14rem}.news__body-frame .frame-news .news-item .action .tag{border-radius:50rem;padding:4rem 10rem}.news__body-frame .frame-news .news-item .action .time{gap:4rem}.news__body-frame .frame-news .news-item .action .time svg{width:14rem;height:14rem}.news__body-frame .frame-news-all{padding:13rem 0rem;border-radius:50rem;border:1rem solid var(--color-border);font-size:14rem}.news__body-pagination{padding:12rem 16rem;border:1rem solid var(--color-border);border-radius:20rem}.news__body-pagination p{font-size:12rem}.news__body-pagination .pagination-action{gap:8rem}.news__body-pagination .pagination-action button{gap:0;padding:8rem 12rem;border-radius:55rem;border:1rem solid #D1D5DC;font-size:0}.news__body-pagination .pagination-action button svg{width:14rem;height:14rem}.news__body-pagination .pagination-action div{gap:3rem}.news__body-pagination .pagination-action div .current-page{padding:6rem 12rem;border-radius:55rem}.news__body-points{padding:24rem;border-radius:30rem;border:1rem solid var(--color-border)}.news__body-points .points-item:nth-child(2){border-left:1rem solid var(--color-border);border-right:1rem solid var(--color-border)}.news__body-points .points-item{gap:4rem}.news__body-points .points-item h4{font-size:24rem}.news__body-points .points-item p{font-size:12rem;text-align:center}}
