.community .container{display: flex; flex-direction: column;}
.community .page_title{padding: 24px 0; display: flex; align-items: center; justify-content: space-between;}
.community .page_title h2{font: var(--title-title2-b); letter-spacing: var(--ls-title-title2-b);}
.community ._tab{padding: 0; border-bottom: 1px solid var(--neutral-80, #E2E8EF);}
.community .page_contents{padding: 24px 16px; display: flex; flex-direction: column; gap: 16px;}
.community .weekly{display: flex; flex-direction: column; gap: 14px;}
.community .weekly .title{display: flex; align-items: center; justify-content: space-between; padding: 0;}
.community .weekly .title h4{font: var(--title-title4-b); letter-spacing: var(--ls-title-title4-b);}
.community .weekly .box{display: flex; padding: 14px 16px; border-radius: 2px; background: var(--brand-20, #FAFAFF); gap: 8px 18px; flex-wrap: wrap; flex-direction: column; height: 101px;}
.community .weekly .list_wrap{display:flex; flex-direction: column;}
.community .weekly .list{ width: 448px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display: flex; gap: 6px; color: var(--neutral-600, #555F6F); font: var(--body-body2-r); letter-spacing: var(--ls-body-body2-r);}
.community .weekly .list .num{color: var(--brand-600, #6633EC); font: var(--body-body2-sb); letter-spacing: var(--ls-body-body2-sb);}
.community .weekly .list a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.fab_wrap{position: fixed; left:  calc(50% + 520px); bottom: 47px; display: flex; flex-direction: column; gap: 10px; z-index: 10;}
body.hidden .fab_wrap:not(.scroll){left:  calc(50% + 512px);}
.fab_wrap.scroll{position: absolute; bottom: 47px;}


.write_modal ._modal_contents{padding: 14px 24px 24px; display: flex; flex-direction: column; gap: 8px;}
.write_modal ._modal_contents textarea{height: 146px;}