:root{--primary-color:#0070f3;--secondary-color:#1c1c1e;--accent-color:#69a4a1;--base-color:#fff;--base-color-second:#eaf1f4;--base-color-third:#f8fafa;--base-color-dark:#667d8b;--font-size-base:16px;--font-size-s:14px;--font-size-xs:12px;--spacing-base:8px;--text-black:#1c1c1e;--text-gray:#b3bec2;--text-rightGray:#f2f2f2;--text-wh:#fff;--link-color:#0f83fd}.c-card{background-color:var(--base-color);border-radius:15px;justify-content:flex-start;align-items:center;gap:.5rem;padding:1rem 1rem 1rem .5rem;transition:all .2s ease-in-out;display:flex}.c-card__l{width:24%;max-width:80px;height:auto}.c-card__r{width:76%;padding:0}.c-card__img{width:100%;height:auto}.c-card__title{text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.c-card__date{justify-content:flex-end;gap:1.5rem;margin-top:1rem;font-size:12px;display:flex}.c-card__date time{align-items:center;gap:.4rem;display:flex}.c-card__cat{flex-wrap:wrap;gap:.25rem;display:flex}.c-card__cat .c-cat{font-size:11px}@media (min-width:1081px){.c-card__hover:hover{transform:translateY(-6px);box-shadow:0 0 24px #9dbcd047}.c-card__hover:hover .c-card-vertical__img{transform:scale(1.04)}}@media (max-width:768px){.c-card__title{font-size:18px}}@media (max-width:480px){.c-card__title{font-size:15px}}.c-card-vertical{background-color:var(--base-color);border-radius:15px;flex-direction:column;gap:1rem;height:100%;padding:1rem;transition:all .2s ease-in-out;display:flex;box-shadow:0 0 16px #9dbcd033}.c-card-vertical__img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;width:auto;max-height:80px;margin:auto;transition:transform .2s ease-in-out;display:block}.c-card-vertical__imgwrap{background-color:#f5f9fa;border-radius:15px;padding:1rem}.c-card-vertical__title{text-align:left;text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;max-height:81px;font-size:17px;font-weight:600;display:-webkit-box;overflow:hidden}.c-card-vertical__date{margin-top:1rem}.c-card-vertical__date time{align-items:center;gap:.25rem;display:flex}@media (max-width:768px){.c-card-vertical{flex-flow:wrap;align-items:center}.c-card-vertical__title{width:calc(80% - 1rem);font-size:18px}.c-card-vertical__imgwrap{background-color:#0000;border-radius:0;width:18%;padding:0}.c-card-vertical__date{margin-top:0;font-size:12px}.c-card-vertical__info{justify-content:flex-end;align-items:center;gap:1rem;width:100%;display:flex}}@media (max-width:480px){.c-card-vertical__title{width:calc(80% - 1rem);font-size:15px}}.c-cardWrapper__col4{flex-wrap:wrap;gap:1.5rem;display:flex}.c-cardWrapper__col4>*{width:calc(25% - 1.125rem)}@media (max-width:1080px){div:not(.embla__viewport) .c-cardWrapper__col4>*{width:calc(50% - 1.5rem)}}@media (max-width:768px){div:not(.embla__viewport) .c-cardWrapper__col4{flex-direction:column}div:not(.embla__viewport) .c-cardWrapper__col4>*{width:100%}}.embla__viewport .c-cardWrapper__col4{flex-wrap:nowrap;gap:0}.embla__viewport .c-cardWrapper__col4>*{min-width:calc(25% - 1.125rem);margin-right:1.5rem}@media (max-width:768px){.embla__viewport .c-cardWrapper__col4{gap:1.5rem}}.c-cardWrapper__col3{flex-wrap:wrap;gap:1.5rem;display:flex}.c-cardWrapper__col3>*{width:calc(33.3333% - 1rem)}@media (max-width:768px){.c-cardWrapper__col3>*{width:100%}}.c-cardWrapper__col2{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.c-cardWrapper__col2>*{width:calc(50% - 1.5rem)}@media (max-width:768px){.c-cardWrapper__col2{flex-direction:column}.c-cardWrapper__col2>*{width:100%}}.p-popularPosts .c-card-vertical__wrap{position:relative}.p-popularPosts .c-card-vertical__wrap:before{content:"";aspect-ratio:200/156;z-index:9;background-repeat:no-repeat;background-size:contain;width:80px;position:absolute;top:-1rem;left:-1rem;transform:rotate(-15deg)}.p-popularPosts .c-card-vertical__wrap:first-child:before{background-image:url(../media/rank1.cfd63645.png)}.p-popularPosts .c-card-vertical__wrap:nth-child(2):before{background-image:url(../media/rank2.71229a05.png)}.p-popularPosts .c-card-vertical__wrap:nth-child(3):before{background-image:url(../media/rank3.0e032346.png)}.p-popularPosts .c-card{position:relative}.p-popularPosts .c-card:before{content:"";aspect-ratio:200/156;background-repeat:no-repeat;background-size:contain;width:19%;max-width:60px;position:absolute;top:-1rem;left:-1rem;transform:rotate(-15deg)}.p-popularPosts .c-card:first-child:before{background-image:url(../media/rank1.cfd63645.png)}.p-popularPosts .c-card:nth-child(2):before{background-image:url(../media/rank2.71229a05.png)}.p-popularPosts .c-card:nth-child(3):before{background-image:url(../media/rank3.0e032346.png)}@media (max-width:768px){.p-popularPosts .c-card-vertical__wrap:before{width:58px;top:-1.5rem}}.c-spnav .c-card{border:2px solid #f2f2f2}
.c-cat{font-size:var(--font-size-xs);color:var(--text-wh);letter-spacing:-.01em;background-color:var(--accent-color);border-radius:15px;margin-right:.5em;padding:.35em 1em;font-weight:600;display:inline-block}.c-cat__list>li:nth-child(2n) .c-cat{color:var(--accent-color);background-color:var(--text-wh);border:1px solid var(--accent-color);box-sizing:content-box}.c-tag{margin-bottom:1rem;margin-right:1rem;display:inline-block}.c-tag__link{background-color:#f2f2f2;border-radius:4px;padding:2px .75rem 2px .5rem;font-size:15px}.c-tag__link:before{content:"#"}
:root{--primary-color:#0070f3;--secondary-color:#1c1c1e;--accent-color:#69a4a1;--base-color:#fff;--base-color-second:#eaf1f4;--base-color-third:#f8fafa;--base-color-dark:#667d8b;--font-size-base:16px;--font-size-s:14px;--font-size-xs:12px;--spacing-base:8px;--text-black:#1c1c1e;--text-gray:#b3bec2;--text-rightGray:#f2f2f2;--text-wh:#fff;--link-color:#0f83fd}.c-footer__bg{background-color:var(--base-color-dark)}.c-footer__bg .c-heading__slash{color:var(--text-wh)}.c-footer__bg .c-tag__link{color:var(--base-color-dark)}.c-footer__wrap{justify-content:space-between;gap:4rem;display:flex}.c-footer__wrap>:first-child{width:30%}.c-footer__wrap>:nth-child(2){width:25%}.c-footer__wrap>:nth-child(3){width:45%}.c-footer__copy{text-align:center;padding-bottom:1rem;display:block}@media (max-width:768px){.c-footer__wrap{flex-direction:column}.c-footer__wrap>*{width:100%!important}}