main.fill{width:100vw}.post-container,.post-container-row{display:flex;flex-wrap:wrap;width:100%}.post-container-row{gap:12px;margin-bottom:12px}.primary-filter-wrap{display:flex;justify-content:center;gap:4px;row-gap:6px;padding-top:12px;margin-bottom:12px;flex-wrap:wrap}.primary-filter{display:flex;color:#4f938d;border-radius:60px;border:1px solid #4f938d;padding:0 10px;background-color:unset;align-items:center;gap:4px;height:28px;font-size:1.3rem}.primary-filter img{width:14px}.primary-filter:hover{background-color:#f6fefc}.filter-open{color:#4f938d}.filter-keyword{padding:0 8px 0 12px;background-color:#fff;color:#7a5af8;border:1px solid #7a5af8}.filter-keyword:hover{background-color:#f4f3ff}.filter-items{background-color:#f6fefc;padding:0 8px 0 10px}.filter-items:hover{background-color:#ecfaf6}@media (min-width:1075px){.post-container{margin:0 auto;max-width:1076px}.primary-filter-wrap{display:flex;justify-content:center;gap:10px;padding-top:20px;margin-bottom:20px;flex-wrap:wrap}.primary-filter{display:flex;color:#4f938d;border-radius:60px;border:1px solid #4f938d;padding:0 23px 0 19px;background-color:unset;align-items:center;gap:10px;height:37px;font-size:1.5rem}.filter-keyword{padding:0 14px 0 20px;background-color:#fff;color:#7a5af8;border:1px solid #7a5af8}.filter-items{background-color:#f6fefc;padding:0 14px 0 20px}.primary-filter img{width:18px}.post-container-row{gap:18px;margin-bottom:18px}}.post-box{display:flex;position:relative;box-sizing:border-box;cursor:pointer;width:calc(50vw - 6px);aspect-ratio:1/2}.post-box:hover{outline:1px solid #15b79e}.post-box:hover .post-box-hover{background:linear-gradient(180deg,#ffffff00,#000);p{opacity:1}}.post-box-hover{position:absolute;display:flex;left:0;bottom:0;padding:2rem;background:none;width:100%;height:100px;justify-content:space-between;align-items:flex-end;p{padding-right:10px;opacity:0;color:#fff;font-family:Pretendard;font-size:1.6rem;font-weight:600}button{color:#fff;font-size:2rem;background:none;border:none;display:flex;cursor:pointer;img#hollow-heart-white:hover{content:url(/img/fill-heart-teal500.svg)}}}@media (min-width:702px) and (max-width:1074px){.post-box{width:calc(25vw - 11px)}}@media (min-width:1075px){.post-box{max-width:255px}}.edit-button{bottom:15px;right:15px;position:fixed;background-color:#006351;width:58px;height:58px;border-radius:60px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.edit-button:hover{background-color:#004a3c}@media (min-width:1240px){.edit-button{right:calc(50% - 615px)}}.skeleton-box{max-width:1076px;display:flex;gap:18px;margin:0 auto 18px;flex-wrap:wrap;z-index:-1}.skeleton{border-radius:8px;width:calc(50vw - 9px);aspect-ratio:1/2}.skeleton,.skeleton-line{background:linear-gradient(90deg,#e5f2f1 25%,#daf0ee 50%,#e5f2f1 70%);background-size:200% 100%;animation:loading-grey 3s infinite}.skeleton-line{height:40px;width:100%;margin-bottom:18px;z-index:-1}@media (min-width:702px) and (max-width:1074px){.skeleton{width:calc(25vw - 16px)}}@media (min-width:1075px){.skeleton{max-width:255px}}@keyframes loading-grey{0%{background-position:100% 0}to{background-position:-100% 0}}