@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/pretendard-latin-400-normal.BhrLQoBv.woff2) format("woff2"),url(/_astro/pretendard-latin-400-normal.D5CgADJ9.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/pretendard-latin-700-normal.BYNivUXw.woff2) format("woff2"),url(/_astro/pretendard-latin-700-normal.DD7wHHNl.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/pretendard-latin-400-normal.BhrLQoBv.woff2) format("woff2"),url(/_astro/pretendard-latin-400-normal.D5CgADJ9.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-400-normal.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-700-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-700-normal.woff) format("woff")}.categories{display:flex;gap:10px;margin:20px 0 10px}.categories .category-button{background-color:#f0f0f0;border:none;padding:10px;cursor:pointer;border-radius:5px}.categories .category-button.selected{background-color:#333;color:#fff}.categories .category-button:hover{background-color:#ddd;color:#333}.post-item{margin-bottom:10px}#post-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}#post-list .article-card{flex:0 1 calc(20% - 20px);max-width:250px;width:100%}@media (max-width: 1280px){#post-list .article-card{flex:0 1 calc(50% - 20px)}}@media (max-width: 768px){#post-list .article-card{flex:0 1 calc(100% - 20px)}}.pagination{margin-top:20px;display:flex;justify-content:center;gap:10px}.pagination .pagination-button{display:block;padding:10px;background-color:#fff;color:#77797b;border-radius:3px;border:0;cursor:pointer;transition:background-color .3s ease}.pagination .pagination-button.active{background-color:#333;color:#fff;border-color:#333}.pagination .pagination-button:hover{background-color:#f6f7f9}.pagination .pagination-page-number{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#fff;color:#77797b;border-radius:3px}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/pretendard-latin-400-normal.BhrLQoBv.woff2) format("woff2"),url(/_astro/pretendard-latin-400-normal.D5CgADJ9.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/pretendard-latin-700-normal.BYNivUXw.woff2) format("woff2"),url(/_astro/pretendard-latin-700-normal.DD7wHHNl.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/pretendard-latin-400-normal.BhrLQoBv.woff2) format("woff2"),url(/_astro/pretendard-latin-400-normal.D5CgADJ9.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-400-normal.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-700-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/pretendard@latest/latin-700-normal.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}html,body{font-family:Pretendard,Noto Sans KR,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal;background-color:#fff;height:100%;margin:0;padding:0}a:link,a:visited{color:#000}button{font-family:Pretendard,Noto Sans KR,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.container{min-height:100vh;display:flex;flex-direction:column}.non-korean-font{font-family:Pretendard,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-style:normal}.content{flex:1;max-width:70%;margin:0 15%;padding:0 60px 60px;line-height:1.6rem}.content a:hover{text-decoration:underline;color:#ff4d00;transition:all .4s}.content h1{line-height:2.3rem}.content .post_date{text-align:right;color:#77797b}.content small{color:#403f53}@media (max-width: 1280px){html,body{font-size:.8rem}html .content,body .content{max-width:100%;margin:0 10px;padding:5px;font-size:1.3rem;line-height:2.1rem}html .content h1,body .content h1{font-size:2.2rem;line-height:2.8rem}html .content .post_date,body .content .post_date{font-size:1.2rem}}.post-list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin:0;padding:0;box-sizing:border-box!important}.post-list .article-card{display:block;width:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;max-width:none!important;color:inherit}.post-list .article-card:hover{text-decoration:none}.post-list .article-card:hover img{transform:scale(1.2);transition:transform .3s ease-in-out}.post-list .article-card .article-card-image{width:100%;height:248px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative}.post-list .article-card .article-card-image img{width:100%;height:100%;transition:transform .3s ease-in-out}.post-list .article-card .article-card-image .article-card-date{color:#f3ebeb;font-size:.8em;position:absolute;right:12px;top:0;width:auto;height:auto;padding:3px 10px;background:#3339;border-radius:500px}.post-list .article-card .article-card-content{width:100%;background:#fff;padding:15px 0;display:flex;flex-direction:column;justify-content:center;flex-grow:1;justify-content:space-between;text-align:justify}.post-list .article-card .article-card-content .article-card-title{font-size:1.2em;margin:0;font-weight:700;color:#000;text-align:left}@media (max-width: 1280px){.post-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.post-list{grid-template-columns:repeat(1,1fr)}}