.bg-purple{background-color:#5d00a0}.bg-purple h2,.bg-purple h3,.bg-purple h4,.bg-purple p,.bg-purple a,.bg-purple li{color:#fff}.bg-gray{background-color:#797979}.bg-gray h2,.bg-gray h3,.bg-gray h4,.bg-gray p,.bg-gray a,.bg-gray li{color:#fff}.bg-tur,.bg-tur--purple{background-color:#69e8d9}.bg-tur--purple h2,.bg-tur--purple h3,.bg-tur--purple h4,.bg-tur--purple p,.bg-tur--purple a,.bg-tur--purple li{color:#5d00a0}.bg-redearth{background-color:#ff7957}.bg-redearth h2,.bg-redearth h3,.bg-redearth h4,.bg-redearth p,.bg-redearth a,.bg-redearth li{color:#5d00a0}.bg-tan{background-color:#fde9c7}.bg-tan hr{border-top-color:#000}.bg-accent{background-color:#f9a621}.bg-accent h2,.bg-accent h3,.bg-accent h4,.bg-accent p,.bg-accent a,.bg-accent li{color:#5d00a0}.bg-red{background-color:#ff7957}.bg-red h2,.bg-red h3,.bg-red h4,.bg-red p,.bg-red a,.bg-red li{color:#5d00a0}.bg-nored{background-color:#d85a45}.bg-nored h2,.bg-nored h3,.bg-nored h4,.bg-nored p,.bg-nored a,.bg-nored li{color:#fff}.bg-pale,.bg-pale--purple{background-color:#efefef}.bg-pale--purple h2,.bg-pale--purple h3,.bg-pale--purple p,.bg-pale--purple a,.bg-pale--purple li{color:#5d00a0}.bg-gold70{background-color:#fbc164}.bg-gold40{background-color:#fddba6}.bg-gold{background-color:#f9a621}.bg-uv{background-color:#c992ff}.bg-uv70{background-color:#d9b3ff}.bg-uv40{background-color:#e9d3ff}.bg-tur70{background-color:#96efe4}.bg-tur40{background-color:#c3f6f0}.bg-white{background-color:#fff}.bg-gray10{background-color:#f2f2f2}.bg-red30{background-color:#ffd7cd}.bg-red60{background-color:#ffaf9a}.bg-red70{background-color:#ffa189}.text-purple{color:#5d00a0}.text-black,p.text-black{color:#000}.table-purple th,.table-purple td{border-color:#5d00a0}.table-purple th{background-color:#dfccec}.table-purple td{font-weight:400}.table-purple--colored-left td:first-child{background-color:#dfccec}main.article-list{min-width:100%;max-width:100%;margin:0;padding:0;overflow:hidden}main.article-list .inner-container h1{padding:20px 0}@media only screen and (width<=1140px){main.article-list .inner-container h1{line-height:1.2}}main.article-list .inner-container{max-width:1134px;margin:0 auto;padding:0 23px}main.article-list .inner-container div.first-article-container{gap:15px;margin:0;padding:0;display:flex}main.article-list .inner-container div.first-article-container .first-article{background-color:#efdeff;border-radius:10px;max-width:751px;max-height:366px;margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article article{justify-content:space-between;align-items:center;margin:0;padding:0;text-decoration:none;display:flex}main.article-list .inner-container div.first-article-container .first-article article img{object-fit:cover;object-position:center;border-radius:10px 0 0 10px;width:368px;min-width:368px;height:366px;margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article article div.article-content{flex-direction:column;justify-content:space-between;min-height:310px;max-height:310px;margin:0;padding:0 30px;display:flex;overflow:hidden}main.article-list .inner-container div.first-article-container .first-article article div.article-content div #latest-article-title{letter-spacing:-.36px;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:0;font-size:36px;font-weight:800;line-height:46px;display:-webkit-box;overflow:hidden}main.article-list .inner-container div.first-article-container .first-article article div.article-content div div p{letter-spacing:.16px;color:#000;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:10px 0 0;font-size:16px;font-weight:400;line-height:26px;display:-webkit-box;overflow:hidden}main.article-list .inner-container div.first-article-container .first-article #article-container article{margin:0;padding:0;text-decoration:none;display:flex}main.article-list .inner-container div.first-article-container .first-article #article-container article img{object-fit:cover;object-position:center;border-radius:10px 0 0 10px;width:368px;min-width:368px;height:366px;margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content{flex-direction:column;justify-content:space-between;margin:0;padding:22px 30px;display:flex}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content div{margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content div h3{margin:0;padding:0 0 15px}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content div p{margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content div h3{--size:28px;letter-spacing:-.28px;line-height:36px}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content a button{transition:background-color .5s,color .5s}main.article-list .inner-container div.first-article-container .first-article #article-container article div.article-content a button:hover{color:#fff;animation:.5s forwards hoverBackground}@keyframes hoverBackground{0%{color:#5d00a0;background-color:#fff;border-color:#f9a621}10%{color:#fff;background-color:#5d00a0;border-color:#5d00a0}to{color:#5d00a0;background-color:#e6dcec;border-color:#e6dcec}}main.article-list .inner-container div.first-article-container .article-categories{background-color:#efdeff;border-radius:10px;width:383.328px;margin:0;padding:0}main.article-list .inner-container div.first-article-container .article-categories ul{flex-direction:column;justify-content:space-between;height:310px;margin:0;padding:25px;list-style:none;display:flex}main.article-list .inner-container div.first-article-container .article-categories ul li{color:#5d00a0;margin:0;padding:0;line-height:16px}main.article-list .inner-container div.first-article-container .article-categories ul li a.catlink{color:#5d00a0;margin:0;padding:0;font-size:16px;font-weight:700;line-height:16px;text-decoration:none}main.article-list .inner-container #article-container{grid-template-columns:1fr 1fr 1fr;gap:15px;margin:0;padding:15px 0 50px;display:grid}main.article-list .inner-container #article-container article{background-color:#efdeff;border-radius:10px;min-height:603px;transition:transform .3s,box-shadow .3s;overflow:hidden}main.article-list .inner-container #article-container article img{object-fit:cover;border-bottom:1px solid #e0e0e0;width:100%;height:240px;display:block}main.article-list .inner-container #article-container article .article-content{flex-direction:column;justify-content:space-between;height:310px;padding:10px 10px 30px 20px;display:flex}main.article-list .inner-container #article-container article .article-content div h3{--size:28px;letter-spacing:-.28px;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:10px 0 0;font-weight:800;line-height:36px;display:-webkit-box;overflow:hidden}main.article-list .inner-container #article-container article .article-content div div p{color:#000;letter-spacing:.16px;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:10px 0 0;font-size:16px;font-weight:400;line-height:26px;display:-webkit-box;overflow:hidden}main.article-list .inner-container #article-container article .article-content a button{transition:background-color .5s,color .5s}main.article-list .inner-container #article-container article .article-content a button:hover{color:#fff;animation:.5s forwards hoverBackground}.top-article__img--desktop{display:block}@media (width>=368px){.top-article__img--desktop{display:none}}@media (width>=768px){.top-article__img--desktop{display:block}}.top-article__img--mobile{display:none}@media (width>=368px){.top-article__img--mobile{display:block}}@media (width>=768px){.top-article__img--mobile{display:none}}.body-article__img--desktop{display:block!important}@media (width>=368px){.body-article__img--desktop{display:none!important}}@media (width>=610px){.body-article__img--desktop{display:block!important}}.body-article__img--mobile{display:none!important}@media (width>=368px){.body-article__img--mobile{display:block!important}}@media (width>=610px){.body-article__img--mobile{display:none!important}}.article-title{--size:28px}#latest-article-title{--size:36px}@media only screen and (width<=1024px){section.article-list .inner-container .article-container{grid-template-columns:1fr 1fr}section.article-list .inner-container .first-article-container .article-categories ul{height:unset;flex-flow:wrap;justify-content:flex-start;gap:20px}section.article-list .inner-container .first-article-container .first-article{max-width:unset}section.article-list .inner-container .first-article-container .article-categories{width:100%}section.article-list .inner-container .first-article-container,main.article-list .inner-container div.first-article-container{flex-direction:column-reverse}main.article-list .inner-container h1{color:#5d00a0;letter-spacing:.6px;padding:20px 0;font-weight:900;line-height:61px}main.article-list .inner-container div.first-article-container .article-categories{background-color:#f7f2fa;border-radius:10px;width:100%;margin:0;padding:0}main.article-list .inner-container div.first-article-container .article-categories ul{flex-flow:wrap;justify-content:center;gap:20px;height:max-content;margin:0;padding:25px;list-style:none;display:flex}main.article-list .inner-container div.first-article-container .first-article{background-color:#f7f2fa;border-radius:10px;max-width:100%;max-height:366px;margin:0;padding:0}main.article-list .inner-container #article-container{grid-template-columns:1fr 1fr;gap:15px;margin:0;padding:15px 0 50px;display:grid}}@media only screen and (width<=888px){section.article-list .inner-container .first-article-container .first-article article img{width:49%;min-width:49%}main.article-list .inner-container div.first-article-container .first-article article img{object-fit:cover;object-position:center;border-radius:10px 0 0 10px;width:368px;min-width:368px;height:450px;margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article{background-color:#f7f2fa;border-radius:10px;max-width:100%;max-height:450px;margin:0;padding:0}main.article-list .inner-container div.first-article-container .first-article article div.article-content{flex-direction:column;justify-content:space-between;min-height:410px;max-height:410px;margin:0;padding:0 30px;display:flex;overflow:hidden}}@media only screen and (width<=768px){main.article-list .inner-container div.first-article-container .first-article article{flex-direction:column}main.article-list .inner-container div.first-article-container .first-article{max-height:unset}main.article-list .inner-container div.first-article-container .first-article article div.article-content{max-height:unset;min-height:unset;padding:30px}main.article-list .inner-container div.first-article-container .first-article article img{border-radius:10px 10px 0 0;width:100%;height:350px}main.article-list .inner-container div.first-article-container .first-article article div.article-content div div p{padding-bottom:30px}}@media only screen and (width<=530px){main.article-list .inner-container h1{--size:36px;padding:10px 0;line-height:40px}main.article-list .inner-container div.first-article-container .first-article article div.article-content div #latest-article-title{letter-spacing:-.36px;margin:0;padding:0;font-size:28px;font-weight:800;line-height:38px}}@media only screen and (width<=450px){section.article-list .inner-container .first-article-container .article-categories ul{height:unset;flex-flow:column wrap;justify-content:flex-start;gap:10px}}@media only screen and (width<=400px){section.article-list .inner-container .article-container article h2,section.article-list .inner-container .article-container article div{margin:15px 0!important}section.article-list .inner-container h1{padding:0}section.article-list .inner-container .article-container{padding:20px 0!important}section.article-list .inner-container .article-container article img{width:100%;height:auto}}
