.article-container{align-content:center;gap:35px;height:430px;margin-top:40px;padding:0 156px 40px;display:flex}.article-right-box{z-index:0;flex-shrink:0;flex-basis:140px;height:100%;position:relative}.article-right-box-shape{z-index:-1;background-color:var(--color-cream);box-sizing:border-box;border:1px solid #000;border-top-left-radius:333px;border-top-right-radius:333px;width:100px;height:100%;position:absolute}.article-right-box-title{font-family:var(--font-500);background-color:var(--color-cream);border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;width:126px;height:34px;padding:12px;font-size:16px;display:flex;position:absolute;top:48px;right:24px}.article-right-box-btn{font-family:var(--font-500);background-color:var(--color-sec);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:118px;height:32px;padding:12px 16px;font-size:12px;font-weight:400;display:flex;position:absolute;top:90px;right:24px}.main-swiper-section{flex-basis:100%;width:auto;height:max-content;margin:8px 0 24px;overflow:hidden}@media screen and (max-width:1200px){.article-container{height:390px;padding:0 120px 40px}.article-right-box{flex-basis:170px;width:200px}.article-right-box-shape{width:100px}.article-right-box-btn{width:108px;font-size:12px}.article-right-box-title{width:115px;height:31px;font-size:12px}.main-swiper-section{width:100%;height:max-content;margin:8px 0 24px}}@media screen and (max-width:992px){.article-container{gap:31px;height:350px;padding:0 72px 24px}.article-right-box{flex-basis:130px;width:180px}.article-right-box-shape{width:80px}.article-right-box-btn{width:90px;font-size:10px;top:104px}.article-right-box-title{width:100px;height:20px;font-size:10px}.main-swiper-section{width:698px;height:max-content;margin:8px 0 24px}}@media screen and (max-width:768px){.article-container{gap:27px;height:293px;padding:0 47px 24px}.article-right-box{flex-basis:100px;width:156px}.article-right-box-shape{width:64px}.article-right-box-btn{width:75px;height:24px;font-size:8px;top:85px}.article-right-box-title{width:80px;height:12px;font-size:8px;top:40px}.main-swiper-section{width:490px;height:max-content;margin:8px 0 24px}}@media screen and (max-width:630px){.article-right-box{display:none}.article-container{flex-direction:column;gap:16px;height:420px;display:flex}.article-top-box{justify-content:space-between;width:100%;display:flex}.article-top-box-title{font-family:var(--font-500);justify-content:center;align-items:center;display:flex}.article-top-box-btn{width:89px;height:24px;font-size:12px}.main-swiper-section{width:100%}}@media screen and (max-width:510px){.article-container{padding:0 24px}.article-top-box-btn{width:100px;height:24px;font-size:10px}}@media screen and (max-width:400px){.article-container{padding:0 16px}}
.article-card{box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;justify-content:start;align-items:center;width:100%;height:100%;display:flex}.article-card-image-container{justify-content:center;align-items:center;width:100%;height:264px;display:flex}.article-card-image{background-color:var(--color-cream-e5);object-fit:contain;object-position:center;border:1px solid var(--color-muted-e7);cursor:pointer;border-radius:8px;width:100%;height:100%;display:flex}.article-card-description-container{flex-direction:column;gap:8px;width:100%;padding:8px;display:flex}.article-card-description{font-family:var(--font-400);color:var(--color-muted-60);text-align:justify;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:52px;font-size:14px;display:-webkit-box;overflow:hidden}.article-card-title{font-family:var(--font-500);color:var(--color-black-07);font-size:16px;font-weight:400}@media screen and (max-width:1200px){.article-card-image-container{height:225px}.article-card-description{font-size:14px}}@media screen and (max-width:992px){.article-card{border-radius:12px;height:100%}.article-card-image-container{height:200px}}@media screen and (max-width:768px){.article-card{border-radius:8px}.article-card-title{font-size:14px}.article-card-image-container{height:156px}.article-card-description-container{gap:4px}.article-card-description{font-size:12px}}@media screen and (max-width:630px){.article-card-image-container{height:200px}.article-card-description-container{gap:4px}}@media screen and (max-width:575px){.article-card-image-container{height:200px}.article-card-title{font-size:14px}}@media screen and (max-width:550px){.article-card-image-container{height:200px}.article-card-description-container{gap:4px}}@media screen and (max-width:488px){.article-card-image-container{height:200px}.article-card-description-container{gap:4px}}@media screen and (max-width:450px){.article-card-image-container{height:100%}}@media screen and (max-width:428px){.article-card-image-container{height:100%}.article-card-title{font-size:10px}.article-card-description-container{gap:4px}}@media screen and (max-width:400px){.article-card-image-container{height:100%}}@media screen and (max-width:390px){.article-card-image-container{height:100%}.article-card{width:156px;height:237px}.article-card-title{font-size:8px}}@media screen and (max-width:370px){.article-card{width:156px;height:257px}.article-card-image-container{height:100%}}