body{background-color:#fff;background-image:none}
#articles-title-wrapper{opacity:0;align-items:flex-end;height:1%;display:flex}@media (orientation:landscape) and (max-width:1000px){#articles-title-wrapper{margin-left:3%}}@media (orientation:portrait){#articles-title{padding-left:10%}}
#articles-cards-wrapper{flex-wrap:wrap;align-content:center;height:85%;margin-left:5%;display:flex}@media (orientation:portrait) and (min-aspect-ratio:.6){#articles-cards-wrapper{flex-wrap:nowrap}}@media (orientation:landscape) and (min-width:1400px) and (max-aspect-ratio:2.6){#articles-cards-wrapper{margin-top:2%}}@media (orientation:portrait) and (max-aspect-ratio:.6){#articles-cards-wrapper{padding-top:3%;padding-bottom:3%}}@media (orientation:landscape) and (min-width:1400px) and (min-aspect-ratio:2.6){#articles-cards-wrapper{gap:1%}}#articles-cards{flex-direction:column;height:100%;display:flex}@media (orientation:landscape){#articles-cards{justify-content:center;height:100vh}}
.article-card{opacity:0;background-color:#fff;overflow:hidden;transform:translateY(130%);box-shadow:0 2px 4px #0003,7px 7px 13px -3px #0000001a}@media (orientation:portrait) and (max-aspect-ratio:.6){.article-card:first-child{margin-top:0%}}@media (orientation:landscape) and (min-width:1000px) and (max-width:1400px){.article-card{width:25vw;height:70vh;margin-top:2%;margin-left:3%}}@media (orientation:portrait) and (min-aspect-ratio:.6){.article-card{width:50vw;height:40vh;margin-top:6%;margin-right:5%}}@media (orientation:landscape) and (max-width:1000px){.article-card{width:25vw;height:80vh;margin-left:3%}}@media (orientation:portrait) and (max-aspect-ratio:.6){.article-card{width:80vw;height:55vh;margin-top:10%;margin-left:5%;margin-right:5%}}@media (orientation:landscape) and (min-width:1400px) and (max-aspect-ratio:2.6){.article-card{width:25vw;height:85vh;margin-top:0%}}@media (orientation:landscape) and (min-width:1400px) and (min-aspect-ratio:2.6){.article-card{width:15vw;height:85vh;margin-top:0%}}@media (orientation:landscape){.article-card:first-child{margin-left:0}}.link{width:100%;height:100%}.article-card-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.article-image-wrapper{width:100%;height:100%}.article-image{object-fit:cover;object-position:center;width:100%;height:100%;position:relative;overflow:hidden}.article-footer{background-color:#fff;flex-direction:column;justify-content:space-between;align-items:center;height:40%;padding:5%;display:flex}.article-card-title{text-align:center;word-break:keep-all}@media (orientation:landscape){.article-card-title{font-size:1.1vw}}@media (orientation:portrait) and (min-aspect-ratio:.6){.article-card-title{font-size:2cqi}}@media (orientation:landscape) and (max-width:1000px){.article-card-title{font-size:1.5cqi;line-height:1.7cqi}}@media (orientation:portrait) and (max-aspect-ratio:.6){.article-card-title{font-size:4cqi;line-height:5cqi}}@media (orientation:landscape) and (min-width:1400px) and (max-aspect-ratio:2.6){.article-card-title{font-size:1.5cqi;line-height:2cqi}}@media (orientation:landscape) and (min-width:1400px) and (min-aspect-ratio:2.6){.article-card-title{font-size:1cqi;line-height:1.3cqi}}.article-link{height:50%}@media (orientation:landscape) and (max-width:1000px){.article-link{height:40%}}.article-card-description{text-align:justify;flex-direction:column;justify-content:flex-start;width:100%;height:100%;padding-top:8%;font-size:.8vw;font-weight:100;line-height:1.3rem;display:flex}@media (orientation:landscape) and (min-width:1000px) and (max-width:1400px){.article-card-description{font-size:1cqi}}@media (orientation:portrait) and (min-aspect-ratio:.6){.article-card-description{justify-content:space-around;font-size:1.5cqi;line-height:normal}}@media (orientation:landscape) and (max-width:1000px){.article-card-description{padding-top:3%;font-size:1.2cqi;line-height:normal}}@media (orientation:portrait) and (max-aspect-ratio:.6){.article-card-description{justify-content:space-around;font-size:2.5cqi;line-height:normal}}@media (orientation:landscape) and (min-width:1400px) and (max-aspect-ratio:2.6){.article-card-description{font-size:1cqi}}@media (orientation:landscape) and (min-width:1400px) and (min-aspect-ratio:2.6){.article-card-description{font-size:.7cqi}}.article-card-description.ko{font-weight:400}
