.gap-0 {
    gap: 0rem !important
}

.gap-1 {
    gap: 0.1rem !important
}

.gap-2 {
    gap: 0.2rem !important
}

.gap-3 {
    gap: 0.3rem !important
}

.gap-4 {
    gap: 0.4rem !important
}

.gap-5 {
    gap: 0.5rem !important
}

.gap-6 {
    gap: 0.6rem !important
}

.gap-7 {
    gap: 0.7rem !important
}

.gap-8 {
    gap: 0.8rem !important
}

.gap-9 {
    gap: 0.9rem !important
}

.gap-10 {
    gap: 1rem !important
}

.gap-11 {
    gap: 1.1rem !important
}

.gap-12 {
    gap: 1.2rem !important
}

.gap-13 {
    gap: 1.3rem !important
}

.gap-14 {
    gap: 1.4rem !important
}

.gap-15 {
    gap: 1.5rem !important
}

.gap-16 {
    gap: 1.6rem !important
}

.gap-17 {
    gap: 1.7rem !important
}

.gap-18 {
    gap: 1.8rem !important
}

.gap-19 {
    gap: 1.9rem !important
}

.gap-20 {
    gap: 2rem !important
}

.communityWrap {
    position: relative;
    visibility: none;
    z-index: 100
}

.communityWrap .d-flex {
    display: flex !important
}

.communityWrap .flex-direction-column {
    flex-direction: column !important
}

.communityWrap .justify-content-between {
    justify-content: space-between !important
}

.communityWrap .align-items-end {
    align-items: flex-end !important
}

.communityWrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer
}

.communityWrap [data-function=toggle] {
    position: relative
}

.communityWrap [data-function=toggle] [data-function=toggle__btn] {
    cursor: pointer
}

.communityWrap [data-function=toggle] [data-function=toggle__btn]>* {
    pointer-events: none
}

.communityWrap [data-function=toggle] [data-function=toggle__contents] {
    display: none;
    position: absolute;
    border-radius: .4rem;
    border: .1rem solid #535353;
    background-color: #fff;
    overflow: hidden;
    z-index: 1
}

.communityWrap [data-function=toggle] [data-function=toggle__contents] .scroll {
    overflow: auto
}

.communityWrap [data-function=toggle] [data-function=toggle__contents] ul li a {
    display: flex;
    align-items: center;
    padding: .4rem 1rem;
    min-height: 3rem
}

.communityWrap [data-function=toggle] [data-function=toggle__contents] ul li a:hover {
    background-color: #f4f4f4
}

.communityWrap [data-function=toggle] [data-function=toggle__contents].is-right {
    right: 0
}

.communityWrap [data-function=toggle].is-active [data-function=toggle__contents] {
    display: block
}

.communityWrap .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-repeat: no-repeat
}

.communityWrap .icon.is-16 {
    width: 1.6rem;
    height: 1.6rem
}

.communityWrap .icon.is-18 {
    width: 1.8rem;
    height: 1.8rem
}

.communityWrap .icon.is-30 {
    width: 3rem;
    height: 3rem
}

.communityWrap .icon.is-32 {
    width: 3.2rem;
    height: 3.2rem
}

.communityWrap .icon.is-36 {
    width: 3.6rem;
    height: 3.6rem
}

.communityWrap .icon.is-back {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.98901C6 8.91575 6.01544 8.83883 6.04633 8.75824C6.07722 8.67766 6.13127 8.60073 6.20849 8.52747L10.7722 4.1978C10.9112 4.06593 11.0811 4 11.2819 4C11.4826 4 11.6525 4.06593 11.7915 4.1978C11.9305 4.32967 12 4.48352 12 4.65934C12 4.83516 11.9305 4.98901 11.7915 5.12088L7.71429 8.98901L11.7915 12.8571C11.9305 12.989 12 13.1465 12 13.3297C12 13.5128 11.9305 13.6703 11.7915 13.8022C11.6525 13.9341 11.4865 14 11.2934 14C11.1004 14 10.9344 13.9341 10.7954 13.8022L6.20849 9.45055C6.13127 9.37729 6.07722 9.30403 6.04633 9.23077C6.01544 9.15751 6 9.07692 6 8.98901Z' fill='%23666666'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-refresh {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 8L18.74 5.74C16.93 4 14.52 3 12 3C10.22 3 8.47991 3.52784 6.99987 4.51677C5.51983 5.50571 4.36628 6.91131 3.68509 8.55585C3.0039 10.2004 2.82567 12.01 3.17294 13.7558C3.5202 15.5016 4.37737 17.1053 5.63604 18.364C6.89472 19.6226 8.49836 20.4798 10.2442 20.8271C11.99 21.1743 13.7996 20.9961 15.4442 20.3149C17.0887 19.6337 18.4943 18.4802 19.4832 17.0001C19.9097 16.3619 20.2504 15.6753 20.5 14.9581M21 8V3M21 8H16' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-add {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21M22 21V19C21.9993 18.1137 21.7044 17.2528 21.1614 16.5523C20.6184 15.8519 19.8581 15.3516 19 15.13M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88M13 7C13 9.20914 11.2091 11 9 11C6.79086 11 5 9.20914 5 7C5 4.79086 6.79086 3 9 3C11.2091 3 13 4.79086 13 7Z' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='19' cy='14' r='5' fill='%23666666'/%3E%3Cpath d='M19 12V16' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M17 14L21 14' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-close {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1.638L12.362 0.5L7 5.863L1.638 0.5L0.5 1.638L5.863 7L0.5 12.362L1.638 13.5L7 8.138L12.362 13.5L13.5 12.362L8.138 7L13.5 1.638Z' fill='%238E8E8E'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-delete {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='%238E8E8E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-reply {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49968 7.91667L3.33301 12.0833M3.33301 12.0833L7.49968 16.25M3.33301 12.0833H13.333C14.2171 12.0833 15.0649 11.7321 15.69 11.107C16.3152 10.4819 16.6663 9.63406 16.6663 8.75V4.58333' stroke='%238E8E8E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-file {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2V4.4C9 4.71826 9.12643 5.02348 9.35147 5.24853C9.57652 5.47357 9.88174 5.6 10.2 5.6H12.6M9.6 2H4.2C3.88174 2 3.57652 2.12643 3.35147 2.35147C3.12643 2.57652 3 2.88174 3 3.2V12.8C3 13.1183 3.12643 13.4235 3.35147 13.6485C3.57652 13.8736 3.88174 14 4.2 14H11.4C11.7183 14 12.0235 13.8736 12.2485 13.6485C12.4736 13.4235 12.6 13.1183 12.6 12.8V5L9.6 2Z' stroke='%238E8E8E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-clip {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2934 7.36693L8.1667 13.4936C7.41613 14.2442 6.39815 14.6658 5.3367 14.6658C4.27524 14.6658 3.25726 14.2442 2.5067 13.4936C1.75613 12.743 1.33447 11.7251 1.33447 10.6636C1.33447 9.60214 1.75613 8.58416 2.5067 7.8336L8.22003 2.12027C8.72041 1.61901 9.39941 1.33705 10.1077 1.33643C10.8159 1.3358 11.4954 1.61656 11.9967 2.11693C12.498 2.61731 12.7799 3.29631 12.7805 4.00458C12.7812 4.71284 12.5004 5.39234 12 5.8936L6.27336 11.6069C6.02318 11.8571 5.68385 11.9977 5.33003 11.9977C4.97621 11.9977 4.63688 11.8571 4.3867 11.6069C4.13651 11.3567 3.99596 11.0174 3.99596 10.6636C3.99596 10.3098 4.13651 9.97045 4.3867 9.72027L10.0467 4.06693' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-send {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 4L3 8.51414L12.714 14.1538L15 4Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M9.67447 12.5895L7.09468 14.6153L6.69238 10.8711L15.0001 4.46143' stroke='white' stroke-width='1.2' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49011 12C8.42418 12 8.35495 11.9871 8.28242 11.9614C8.20989 11.9356 8.14066 11.8906 8.07473 11.8263L4.17802 8.02317C4.05934 7.90734 4 7.76577 4 7.59846C4 7.43115 4.05934 7.28958 4.17802 7.17375C4.2967 7.05792 4.43516 7 4.59341 7C4.75165 7 4.89011 7.05792 5.00879 7.17375L8.49011 10.5714L11.9714 7.17375C12.0901 7.05792 12.2319 7 12.3967 7C12.5615 7 12.7033 7.05792 12.822 7.17375C12.9407 7.28958 13 7.42793 13 7.5888C13 7.74968 12.9407 7.88803 12.822 8.00386L8.90549 11.8263C8.83956 11.8906 8.77363 11.9356 8.70769 11.9614C8.64176 11.9871 8.56923 12 8.49011 12Z' fill='%238E8E8E'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-jump {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3333 7.16667L8.16667 3M8.16667 3L4 7.16667M8.16667 3L8.16667 13' stroke='%238E8E8E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-plus {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 4V12' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 8L12 8' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-search {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.90535 8.78796C7.07721 9.41963 6.04151 9.79498 4.91778 9.79498C2.20177 9.79498 0 7.6023 0 4.89749C0 2.19268 2.20177 0 4.91778 0C7.6338 0 9.83556 2.19268 9.83556 4.89749C9.83556 6.0419 9.44141 7.09463 8.78093 7.9284L11.823 10.958C12.0607 11.1946 12.0587 11.5803 11.8187 11.8194C11.5786 12.0584 11.1913 12.0604 10.9537 11.8237L7.90535 8.78796ZM8.60612 4.89749C8.60612 6.92609 6.95479 8.57061 4.91778 8.57061C2.88077 8.57061 1.22945 6.92609 1.22945 4.89749C1.22945 2.86888 2.88077 1.22437 4.91778 1.22437C6.95479 1.22437 8.60612 2.86888 8.60612 4.89749Z' fill='%238E8E8E'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-search-white {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.22307 5.47316C3.73962 6.95661 3.73962 9.36175 5.22307 10.8452C6.70652 12.3287 9.11167 12.3287 10.5951 10.8452C12.0786 9.36175 12.0786 6.95661 10.5951 5.47316C9.11167 3.9897 6.70652 3.9897 5.22307 5.47316ZM4.23116 11.8371C2.19989 9.80585 2.19989 6.51251 4.23116 4.48124C6.26243 2.44998 9.55576 2.44998 11.587 4.48124C13.6183 6.51251 13.6183 9.80585 11.587 11.8371C9.55576 13.8684 6.26243 13.8684 4.23116 11.8371Z' fill='white'/%3E%3Cpath d='M10.7371 10.9868L14.9797 15.2295' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-right {
    width: .4rem;
    height: .8rem;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23151515' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-alert {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3931_21027)'%3E%3Cpath d='M26.0287 26.2179H3.81752C3.51646 26.2182 3.22063 26.1392 2.95979 25.9888C2.69895 25.8385 2.48231 25.6221 2.33165 25.3614C2.18099 25.1008 2.10164 24.8051 2.10156 24.504C2.10149 24.2029 2.1807 23.9072 2.33123 23.6464L13.4355 4.30415C13.5857 4.04256 13.8022 3.82522 14.0633 3.67408C14.3243 3.52295 14.6206 3.44336 14.9222 3.44336C15.2239 3.44336 15.5202 3.52295 15.7812 3.67408C16.0422 3.82522 16.2588 4.04256 16.4089 4.30415L27.5149 23.6464C27.6655 23.9072 27.7447 24.2029 27.7446 24.504C27.7445 24.8051 27.6652 25.1008 27.5145 25.3614C27.3639 25.6221 27.1472 25.8385 26.8864 25.9888C26.6256 26.1392 26.3297 26.2182 26.0287 26.2179ZM15.0512 19.8579C14.7466 19.862 14.4529 19.9714 14.2197 20.1674C13.9866 20.3634 13.8284 20.6341 13.772 20.9334C13.7156 21.2328 13.7645 21.5424 13.9104 21.8098C14.0563 22.0772 14.2901 22.286 14.5723 22.4007C14.8545 22.5153 15.1677 22.5288 15.4588 22.4389C15.7498 22.3491 16.0008 22.1613 16.1692 21.9074C16.3376 21.6536 16.413 21.3493 16.3826 21.0462C16.3523 20.7431 16.218 20.4598 16.0027 20.2444C15.8787 20.1187 15.7304 20.0196 15.5668 19.9531C15.4032 19.8866 15.2278 19.8542 15.0512 19.8579ZM15.0512 10.2861C14.7032 10.2635 14.3598 10.3756 14.0921 10.599C13.981 10.7052 13.8957 10.8354 13.8428 10.9797C13.7898 11.124 13.7708 11.2785 13.7869 11.4313L14.1881 17.9704C14.2006 18.1799 14.2925 18.3767 14.4452 18.5207C14.6138 18.6663 14.8322 18.7409 15.0547 18.729C15.2758 18.7409 15.4932 18.6693 15.6641 18.5284C15.8142 18.3924 15.9047 18.2027 15.9161 18.0004L16.3181 11.4313C16.3342 11.2785 16.3151 11.1241 16.2624 10.9799C16.2097 10.8356 16.1246 10.7053 16.0138 10.599C15.7452 10.3747 15.4004 10.2626 15.0512 10.2861Z' fill='%23F9B037'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3931_21027'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-confirm {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3931_21109)'%3E%3Cpath d='M15.501 28.1254C12.9054 28.1279 10.3675 27.3599 8.20889 25.9187C6.05025 24.4774 4.36804 22.4278 3.37542 20.0296C2.3828 17.6314 2.12445 14.9924 2.63311 12.4472C3.14177 9.90198 4.39454 7.56505 6.23267 5.73252C7.44379 4.48816 8.89007 3.4968 10.4875 2.81604C12.085 2.13527 13.8017 1.77866 15.5381 1.7669C17.2746 1.75515 18.996 2.08849 20.6025 2.74757C22.209 3.40664 23.6686 4.37832 24.8964 5.60618C26.1243 6.83404 27.096 8.2936 27.7551 9.90011C28.4141 11.5066 28.7475 13.2281 28.7357 14.9645C28.724 16.7009 28.3673 18.4177 27.6866 20.0151C27.0058 21.6126 26.0145 23.0588 24.7701 24.27C23.5568 25.4936 22.1128 26.4645 20.5218 27.1263C18.9307 27.7881 17.2242 28.1277 15.501 28.1254ZM10.4387 14.0622L8.93867 15.4688L13.6255 20.1565L22.0632 11.8131L20.5641 10.3131L13.6255 17.2508L10.4387 14.0622Z' fill='%2300D5A2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3931_21109'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-error {
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3931_21118)'%3E%3Cpath d='M15.3401 27.9646C12.7449 27.9636 10.2082 27.1933 8.05067 25.751C5.89313 24.3087 4.21158 22.2591 3.21857 19.8614C2.22555 17.4637 1.96563 14.8254 2.47166 12.2799C2.97769 9.73451 4.22696 7.39623 6.06158 5.56062C7.27228 4.3066 8.72064 3.3063 10.3221 2.61809C11.9236 1.92988 13.6461 1.56756 15.3891 1.55226C17.1322 1.53697 18.8608 1.86901 20.4741 2.52901C22.0874 3.18901 23.5531 4.16374 24.7856 5.39632C26.0181 6.6289 26.9928 8.09463 27.6527 9.70797C28.3126 11.3213 28.6446 13.0499 28.6292 14.793C28.6138 16.536 28.2514 18.2585 27.5632 19.8599C26.8749 21.4614 25.8745 22.9097 24.6204 24.1203C23.4046 25.3429 21.9583 26.3122 20.3653 26.972C18.7724 27.6319 17.0644 27.9693 15.3401 27.9646ZM15.4996 16.4086L19.3713 20.2786C19.4629 20.3744 19.5727 20.451 19.6943 20.5037C19.8158 20.5565 19.9467 20.5845 20.0793 20.586C20.2118 20.5875 20.3433 20.5625 20.466 20.5125C20.5888 20.4625 20.7003 20.3885 20.794 20.2948C20.8878 20.2011 20.9619 20.0896 21.0119 19.9669C21.062 19.8442 21.0871 19.7127 21.0857 19.5802C21.0842 19.4477 21.0563 19.3168 21.0036 19.1952C20.9509 19.0736 20.8745 18.9637 20.7787 18.872L16.907 15.0003L20.7787 11.1321C20.9177 10.9926 21.0123 10.8151 21.0505 10.622C21.0888 10.4288 21.069 10.2287 20.9936 10.0468C20.9182 9.86488 20.7907 9.70937 20.6271 9.59987C20.4634 9.49036 20.271 9.43177 20.0741 9.43148C19.9435 9.43108 19.814 9.45672 19.6933 9.50691C19.5726 9.55709 19.4632 9.63081 19.3713 9.72377L15.4996 13.5955L11.633 9.72119C11.4459 9.53388 11.1921 9.42855 10.9273 9.42839C10.6626 9.42823 10.4086 9.53325 10.2213 9.72034C10.034 9.90743 9.92865 10.1613 9.92848 10.426C9.92832 10.6908 10.0333 10.9447 10.2204 11.1321L14.0913 15.0029L10.2204 18.872C10.128 18.9645 10.0547 19.0742 10.0047 19.1949C9.95469 19.3157 9.92894 19.4451 9.92894 19.5758C9.92894 19.7065 9.95469 19.8359 10.0047 19.9566C10.0547 20.0774 10.128 20.1871 10.2204 20.2795C10.3128 20.3719 10.4226 20.4452 10.5433 20.4952C10.664 20.5452 10.7935 20.571 10.9241 20.571C11.0548 20.571 11.1843 20.5452 11.305 20.4952C11.4257 20.4452 11.5354 20.3719 11.6279 20.2795L15.4987 16.4095L15.4996 16.4086Z' fill='%23BD0000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3931_21118'%3E%3Crect width='30' height='30' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.communityWrap .icon.is-emptyMsg {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7L30 29' stroke='%23C8C8C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 10.5833V8.18182C17 7.86838 17.1245 7.56778 17.3461 7.34615C17.5678 7.12451 17.8684 7 18.1818 7H28.8182C29.1316 7 29.4322 7.12451 29.6539 7.34615C29.8755 7.56778 30 7.86838 30 8.18182V20L26.4545 16.4545H22.9091' stroke='%23C8C8C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 23.5L21 24.2727C21 24.5862 20.8755 24.8868 20.6539 25.1084C20.4322 25.33 20.1316 25.4545 19.8182 25.4545H11.5455L8 29V17.1818C8 16.8684 8.12451 16.5678 8.34615 16.3461C8.56778 16.1245 8.86838 16 9.18182 16H11.5455' stroke='%23C8C8C8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .btn:hover .icon.is-add,
.communityWrap .btn.is-active .icon.is-add {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21M22 21V19C21.9993 18.1137 21.7044 17.2528 21.1614 16.5523C20.6184 15.8519 19.8581 15.3516 19 15.13M16 3.13C16.8604 3.3503 17.623 3.8507 18.1676 4.55231C18.7122 5.25392 19.0078 6.11683 19.0078 7.005C19.0078 7.89317 18.7122 8.75608 18.1676 9.45769C17.623 10.1593 16.8604 10.6597 16 10.88M13 7C13 9.20914 11.2091 11 9 11C6.79086 11 5 9.20914 5 7C5 4.79086 6.79086 3 9 3C11.2091 3 13 4.79086 13 7Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='19' cy='14' r='5' fill='black'/%3E%3Cpath d='M19 12V16' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M17 14L21 14' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .btn:hover .icon.is-delete,
.communityWrap .btn.is-active .icon.is-delete {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .btn:hover .icon.is-reply,
.communityWrap .btn.is-active .icon.is-reply {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49968 7.91667L3.33301 12.0833M3.33301 12.0833L7.49968 16.25M3.33301 12.0833H13.333C14.2171 12.0833 15.0649 11.7321 15.69 11.107C16.3152 10.4819 16.6663 9.63406 16.6663 8.75V4.58333' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .btn:hover .icon.is-file,
.communityWrap .btn.is-active .icon.is-file {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2V4.4C9 4.71826 9.12643 5.02348 9.35147 5.24853C9.57652 5.47357 9.88174 5.6 10.2 5.6H12.6M9.6 2H4.2C3.88174 2 3.57652 2.12643 3.35147 2.35147C3.12643 2.57652 3 2.88174 3 3.2V12.8C3 13.1183 3.12643 13.4235 3.35147 13.6485C3.57652 13.8736 3.88174 14 4.2 14H11.4C11.7183 14 12.0235 13.8736 12.2485 13.6485C12.4736 13.4235 12.6 13.1183 12.6 12.8V5L9.6 2Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityWrap .btn:hover .icon.is-toggle,
.communityWrap .btn.is-active .icon.is-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49011 12C8.42418 12 8.35495 11.9871 8.28242 11.9614C8.20989 11.9356 8.14066 11.8906 8.07473 11.8263L4.17802 8.02317C4.05934 7.90734 4 7.76577 4 7.59846C4 7.43115 4.05934 7.28958 4.17802 7.17375C4.2967 7.05792 4.43516 7 4.59341 7C4.75165 7 4.89011 7.05792 5.00879 7.17375L8.49011 10.5714L11.9714 7.17375C12.0901 7.05792 12.2319 7 12.3967 7C12.5615 7 12.7033 7.05792 12.822 7.17375C12.9407 7.28958 13 7.42793 13 7.5888C13 7.74968 12.9407 7.88803 12.822 8.00386L8.90549 11.8263C8.83956 11.8906 8.77363 11.9356 8.70769 11.9614C8.64176 11.9871 8.56923 12 8.49011 12Z' fill='%23151515'/%3E%3C/svg%3E%0A")
}

.communityWrap .communityDim {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .3);
    z-index: -1
}

.communityWrap .communityWrap__close {
    position: absolute;
    top: 2.4rem;
    left: -2.4rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .8);
    transform: translateX(-100%)
}

.communityWrap:has(.community.is-active) {
    visibility: visible
}

.communityWrap:has(.community.is-active) .communityDim {
    display: block
}

.loading {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .1);
    z-index: 100
}

.community {
    position: fixed;
    top: 0;
    right: -100%;
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 56rem;
    height: 100vh;
    background-color: #fff;
    box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, .08);
    transition: right .5s ease-in-out .1s
}

.community.is-active {
    right: 0;
    transition: right .3s ease-in-out .1s
}

.community.is-dep-1 {
    padding: 2.4rem 2.4rem 0 2.4rem
}

.community .communityModal {
    display: none;
    position: absolute;
    overflow: hidden;
    z-index: 2
}

.community .communityModal .dim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .08);
    z-index: -1
}

.community .communityModal.is-active {
    display: block
}

.community .communityModal:not(.is-confirm) .communityModal__body {
    display: flex;
    flex-direction: column;
    padding: 2.4rem 2.4rem 0 2.4rem;
    overflow: auto;
    background-color: #fff
}

.community .communityModal:not(.is-confirm) .communityModal__inner {
    padding-bottom: 2.4rem;
    overflow: auto
}

.community .communityModal:not(.is-confirm) .communityModal__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 2rem 0;
    background-color: #f2f5f6
}

.community .communityModal.is-confirm {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.community .communityModal.is-confirm .communityModal__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    max-width: 35.4rem;
    width: 35.4rem;
    min-height: 15.6rem;
    border-radius: 1.3rem;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

.community .communityModal.is-confirm .communityModal__inner .communityModal__body {
    padding: 3rem 5rem 2rem
}

.community .communityModal.is-confirm .communityModal__inner .communityModal__body p {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-weight: 500;
    line-height: 2rem
}

.community .communityModal.is-confirm .communityModal__inner .communityModal__footer {
    padding: 1.4rem 0 3rem
}

.community .communityModal.is-confirm .communityModal__inner .communityModal__footer .button {
    min-width: 6.5rem
}

.community .communitySearch {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2rem 1.2rem 2rem 1.6rem;
    box-shadow: 0 0 .8rem 0 rgba(0, 0, 0, .08)
}

.community .communitySearch .table,
.community .communitySearch .button-search {
    flex-shrink: 0
}

.community .communitySearch .table {
    margin-bottom: 0 !important;
    width: calc(100% - 9rem);
    box-shadow: none
}

.community .communitySearch .table th,
.community .communitySearch .table td {
    padding: 1rem 0 0 0
}

.community .communitySearch .table tr:first-child th,
.community .communitySearch .table tr:first-child td {
    padding-top: 0 !important
}

.community .communitySearch .table tr:last-child th,
.community .communitySearch .table tr:last-child td {
    padding-bottom: 0 !important
}

.community .communitySearch .table .select {
    max-width: 14.4rem
}

.community .communitySearch .button-search {
    width: 7rem
}

.community .communityTitle {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 3.6rem
}

.community .communityTitle h2 {
    display: flex;
    align-items: center;
    gap: .9rem;
    font-size: 1.5rem;
    font-weight: 600
}

.community .communityTitle .communityTitle__count {
    display: flex;
    align-items: center;
    font-size: 1.3rem
}

.community .communityTitle .communityTitle__count span {
    margin-left: .4rem;
    color: #00a9ff
}

.community .communityList {
    margin-top: 2.4rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 2.4rem;
    gap: 1rem;
    overflow: auto
}

.community .communityList .item {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1.5rem;
    gap: 2rem;
    background-color: #f6f6f6;
    border-radius: .8rem;
    border: .1rem solid #f1f1f1
}

.community .communityList .item .group {
    min-width: 0
}

.community .communityList .item h3 {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community .communityList .item p {
    line-height: 2rem
}

.community .communityList .item .category {
    flex-shrink: 0;
    margin-right: 1rem
}

.community .communityList .item .num {
    margin-top: .4rem;
    color: #666
}

.community .communityList .item .date {
    flex-shrink: 0;
    font-size: 1.3rem;
    color: #888;
    white-space: nowrap
}

.community .communityList .item.is-new::after {
    content: "N";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1.9rem;
    right: 1.5rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    background-color: #bd0000
}

.community .chat {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh
}

.community .chat .chat__header {
    flex-shrink: 0;
    padding: 2.4rem;
    border-bottom: .1rem solid #d0d0d0
}

.community .chat .chat__header .btn__back {
    border-radius: .4rem;
    border: .1rem solid #dbdbdb;
    transform: rotate(180deg)
}

.community .chat .chat__header .title {
    margin-top: 1.6rem;
    font-size: 2rem;
    line-height: 2.4rem
}

.community .chat .chat__header .title h2 {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community .chat .chat__header .title span {
    margin-bottom: .4rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666
}

.community .chat .chat__header [data-function=toggle__contents]>.btn {
    padding: 1.2rem;
    width: 100%;
    justify-content: center;
    gap: .4rem;
    border-top: .1rem solid #d0d0d0;
    color: #666
}

.community .chat .chat__header [data-function=toggle__contents]>.btn:hover {
    background-color: #f4f4f4
}

.community .chat .chat__header [data-function=toggle__contents] .scroll {
    padding: .8rem 0
}

.community .chat .chat__header [data-function=toggle__contents] ul li a {
    position: relative;
    gap: .4rem
}

.community .chat .chat__header [data-function=toggle__contents] ul li a .btn__delete {
    display: none;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    transform: translateY(-50%)
}

.community .chat .chat__header [data-function=toggle__contents] ul li a .btn_delete {
    display: none;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    transform: translateY(-50%)
}

.community .chat .chat__header [data-function=toggle__contents] ul li a:hover .btn__delete {
    display: block
}

.community .chat .chat__header [data-function=toggle__contents] ul li a:hover .btn_delete {
    display: block
}

.community .chat .chat__body {
    padding: 2.4rem;
    flex: 1 1 auto;
    background-color: #f5f7f8;
    overflow: auto
}

.community .chat .chat__body.is-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    color: #888
}

.community .chat .chat__body .group {
    position: relative;
    display: flex;
    gap: 1.6rem
}

.community .chat .chat__body .group+.group {
    margin-top: 3.2rem
}

.community .chat .chat__body .group .btn__delete {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.community .chat .chat__body .group .btn_delete {
    position: relative;
    display: none
}

.community .chat .chat__body .group:hover .btn__delete {
    display: block
}

.community .chat .chat__body .file-container:hover .btn_delete {
    display: block
}

.community .chat .chat__body .fileList .fileList__btn {
    padding: .7rem .6rem;
    display: flex;
    align-items: center;
    gap: .2rem;
    font-size: 1.3rem;
    color: #888
}

.community .chat .chat__body .fileList .fileList__btn:hover {
    color: #000
}

.community .chat .chat__body .fileList .fileList__btn .icon.is-toggle {
    transition: transform linear .2s
}

.community .chat .chat__body .fileList .scroll {
    padding: .6rem 0;
    max-height: 17.4rem
}

.community .chat .chat__body .fileList .fileList__name {
    justify-content: space-between;
    gap: 1.6rem;
    width: 100%
}

.community .chat .chat__body .fileList .fileList__name .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.community .chat .chat__body .fileList .fileList__name .size {
    font-size: 1.3rem;
    color: #888
}

.community .chat .chat__body .fileList .is-active .fileList__btn {
    color: #000
}

.community .chat .chat__body .fileList .is-active .fileList__btn .icon.is-toggle {
    transform: rotate(-180deg);
    transition: transform linear .2s
}

.community .chat .chat__footer {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.6rem 2.4rem 2.4rem;
    box-shadow: 0 -0.4rem .8rem 0 rgba(0, 0, 0, .05)
}

.community .chat .chat__footer .textarea {
    margin-bottom: .4rem;
    line-height: 2rem
}

.community .chat .chat__footer .file input {
    display: none
}

.community .chat .chat__footer .count {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #8e8e8e
}

.community .chat .chat__footer .count span {
    color: #000
}

.community .chat .chat__footer .button {
    min-width: 7rem
}

.community .chat .chat__footer .fileList {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem
}

.community .chat .chat__footer .fileList .item {
    padding: .8rem;
    display: flex;
    justify-content: space-between;
    width: calc(50% - .2rem);
    border-radius: .4rem;
    border: .1rem solid #dadada
}

.community .chat .chat__footer .fileList .item .fileList__name {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #535353
}

.community .chat .chat__footer .fileList .item:hover .icon.is-delete {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 5L5 15M5 5L15 15' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.community .chatInfo {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.3rem;
    color: #888
}

.community .chatInfo strong {
    vertical-align: baseline
}

.community .chatInfo .position {
    line-height: 1.6rem
}

.community .chatInfo .position .line {
    position: relative;
    padding-left: .7rem;
    margin-left: .6rem;
    vertical-align: baseline
}

.community .chatInfo .position .line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: .1rem;
    height: 1.2rem;
    background-color: #d0d0d0;
    transform: translateY(-50%)
}

.community .originalChat {
    position: relative;
    padding: .8rem 4rem .8rem 1.8rem;
    border-radius: .4rem;
    background-color: #f1f1f1
}

.community .originalChat::before {
    content: "";
    position: absolute;
    top: 50%;
    left: .4rem;
    width: .2rem;
    height: calc(100% - 1.6rem);
    transform: translateY(-50%);
    background-color: #c3c3c3
}

.community .originalChat .btn {
    position: absolute;
    top: .8rem;
    right: .8rem
}

.community .originalChat .chatInfo {
    line-height: 2.4rem;
    font-weight: 600;
    color: #9f9f9f
}

.community .originalChat .originalChat__msg {
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #666
}

.community .profile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem
}

.community .profile .profile__user {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23DADADA'/%3E%3Ccircle cx='15' cy='12' r='5' fill='%23535353'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.81836 24.999C5.56425 20.9022 9.91233 18 14.9999 18C20.0874 18 24.4354 20.9021 26.1813 24.9989C23.4347 28.0683 19.4428 30 14.9998 30C10.5568 30 6.56499 28.0683 3.81836 24.999Z' fill='%23535353'/%3E%3C/svg%3E%0A")
}

.community .profile .mark {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    gap: .2rem;
    width: 100%;
    right: .3rem;
    bottom: 0
}

.community .profile .mark span {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    font-size: 0;
    text-indent: -999rem;
    background-repeat: no-repeat;
    background-position: center
}

.community .profile .mark span.is-receipt {
    background-color: #00a9ff;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.29167 1.91694C4.45 1.81972 4.55556 1.64333 4.55556 1.44472C4.55556 1.13777 4.30694 0.88916 4 0.88916C3.69306 0.88916 3.44444 1.13777 3.44444 1.44472C3.44444 1.64472 3.55 1.81972 3.70833 1.91694L2.9125 3.5086C2.78611 3.76138 2.45833 3.8336 2.2375 3.65722L1 2.66694C1.06944 2.57388 1.11111 2.4586 1.11111 2.3336C1.11111 2.02666 0.8625 1.77805 0.555556 1.77805C0.248611 1.77805 0 2.02666 0 2.3336C0 2.64055 0.248611 2.88916 0.555556 2.88916H0.565278L1.2 6.38083C1.27639 6.80305 1.64444 7.11138 2.075 7.11138H5.925C6.35417 7.11138 6.72222 6.80444 6.8 6.38083L7.43472 2.88916H7.44444C7.75139 2.88916 8 2.64055 8 2.3336C8 2.02666 7.75139 1.77805 7.44444 1.77805C7.1375 1.77805 6.88889 2.02666 6.88889 2.3336C6.88889 2.4586 6.93056 2.57388 7 2.66694L5.7625 3.65722C5.54167 3.8336 5.21389 3.76138 5.0875 3.5086L4.29167 1.91694Z' fill='white'/%3E%3C/svg%3E%0A")
}

.community .profile .mark span.is-me {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.37109 4.11719H6.36328V7.70312H5.36328V0.609375H6.36328V3.30469H7.37109V4.11719ZM0.980469 1.28906H1.97266V5.14453C2.98047 5.1263 3.95182 5.02344 4.88672 4.83594L4.98828 5.66406C4.43359 5.77604 3.8763 5.85547 3.31641 5.90234C2.75651 5.94661 2.18359 5.96875 1.59766 5.96875H0.980469V1.28906Z' fill='%23FF6464'/%3E%3C/svg%3E%0A")
}

.community .message {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.community .message .message__box {
    display: flex;
    align-items: flex-end;
    gap: .4rem
}

.community .message .message__box .msg {
    padding: .8rem 1.2rem;
    line-height: 2rem;
    border-radius: .8rem;
    background-color: #fff;
    word-break: keep-all
}

.community .message .message__box .msg.is-delete {
    color: #bcbcbc
}

.community .message .message__box .btn {
    flex-shrink: 0;
    visibility: hidden;
    width: 3.2rem;
    height: 3.2rem
}

.community .message .message__box:hover .btn {
    visibility: visible
}

.community .message .originalChat .btn {
    display: none
}

.community .message .originalChat:hover .btn {
    display: block
}

.community .addUserList {
    border-radius: .4rem;
    border: .1rem solid #535353;
    width: 42rem;
    top: 5.6rem;
    right: 2.4rem
}

.community .addUserList .dim {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0)
}

.community .addUserList .addUserList__search {
    display: flex;
    align-items: center;
    padding: .6rem .4rem .6rem 1rem;
    border-radius: .4rem;
    border: .1rem solid #e3e3e3
}

.community .addUserList .addUserList__search input {
    flex: 1 1 auto;
    border: none;
    font-size: 1.4rem
}

.community .addUserList .addUserList__search .btn {
    flex-shrink: 0
}

.community .addUserList .communityModal__inner {
    margin-top: 1.6rem;
    max-height: 41.4rem
}

.community .addUserList .addUserList__list {
    border-top: .1rem solid #d0d0d0;
    border-bottom: .1rem solid #d0d0d0
}

.community .addUserList .addUserList__list .item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.6rem .8rem
}

.community .addUserList .addUserList__list .item:has(.check-input:checked) {
    background-color: #f4f4f4
}

.community .addUserList .addUserList__list .item+.item {
    border-top: .1rem solid #f2f2f2
}

.community .addUserList .addUserList__list .item.is-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20rem;
    color: #888
}

.community .addUserList .addUserList__list .item.is-empty::before {
    content: "";
    width: 3.8rem;
    height: 3.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='34' viewBox='0 0 38 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3951_17454)'%3E%3Cpath d='M19 29.564C26.7018 29.564 32.9453 23.8556 32.9453 16.814C32.9453 9.77233 26.7018 4.06396 19 4.06396C11.2982 4.06396 5.05469 9.77233 5.05469 16.814C5.05469 23.8556 11.2982 29.564 19 29.564Z' fill='%23F3F3F3'/%3E%3Cpath d='M18.9999 30.3609C14.5549 30.3609 10.3713 28.5546 7.55314 25.3937C7.23356 25.0484 7.29167 24.5437 7.66935 24.278C8.04704 23.9859 8.59904 24.039 8.88957 24.3843C11.3881 27.1734 15.0778 28.7671 18.9999 28.7671C21.4985 28.7671 23.9389 28.103 26.0307 26.8812C26.4374 26.6421 26.9894 26.7484 27.2218 27.1202C27.4833 27.4921 27.3671 27.9968 26.9604 28.2093C24.6071 29.6171 21.8471 30.3609 18.9999 30.3609Z' fill='%23D3D3D3'/%3E%3Cpath d='M33.6423 14.7952C32.5674 8.26084 26.4082 3.26709 18.9997 3.26709C13.3344 3.26709 8.36642 6.1624 5.89694 10.4921C2.87546 11.3952 1.10324 12.8296 0.754608 14.6624C-0.0588686 18.8858 7.32053 23.4812 17.5471 25.128C19.9294 25.4999 22.2827 25.7124 24.4907 25.7124C26.6987 25.7124 28.7614 25.5265 30.5627 25.128C34.4558 24.3046 36.8091 22.6843 37.2448 20.5593C37.5935 18.6468 36.3442 16.6015 33.6423 14.7952ZM35.5307 20.2671C35.2402 21.7015 33.2937 22.8968 30.185 23.5608C26.7568 24.278 22.3989 24.278 17.8667 23.5343C7.98874 21.9405 1.94577 17.7968 2.49777 14.928C2.67209 13.9983 3.54367 13.1749 4.9382 12.5374C4.61862 13.4405 4.3862 14.3702 4.26999 15.3265C4.21188 15.7515 4.56052 16.1499 5.05441 16.203C5.51926 16.2562 5.95505 15.9374 6.01315 15.4858C6.71042 9.42959 12.3176 4.86084 18.9997 4.86084C26.2048 4.86084 32.0735 10.2265 32.0735 16.814C32.0735 18.1421 31.841 19.4437 31.3762 20.6921C31.2309 21.1171 31.4633 21.5687 31.9282 21.7015C32.0154 21.728 32.1316 21.7546 32.2187 21.7546C32.5674 21.7546 32.916 21.5421 33.0322 21.2233C33.5551 19.8687 33.8166 18.4343 33.8166 16.9999C35.124 18.1421 35.705 19.2577 35.5307 20.2671Z' fill='%23D3D3D3'/%3E%3Cpath d='M24.4907 25.6858C22.2827 25.6858 19.9294 25.4998 17.5471 25.1014C7.32053 23.4811 -0.0588687 18.8858 0.754608 14.6623C0.841766 14.2373 1.30661 13.9451 1.77145 14.0248C2.2363 14.1045 2.55588 14.503 2.46872 14.9545C1.91672 17.8233 7.95969 21.967 17.8667 23.5608C22.3989 24.3045 26.7859 24.3045 30.185 23.5873C33.2937 22.9233 35.2402 21.728 35.5307 20.2936C35.6179 19.8686 36.0827 19.5764 36.5476 19.6561C37.0124 19.7358 37.332 20.1342 37.2448 20.5858C36.8381 22.7108 34.4558 24.3311 30.5627 25.1545C28.7614 25.4998 26.6987 25.6858 24.4907 25.6858Z' fill='%23D3D3D3'/%3E%3Cpath d='M16.5601 19.7095C18.0041 19.7095 19.1748 18.6392 19.1748 17.3188C19.1748 15.9985 18.0041 14.9282 16.5601 14.9282C15.116 14.9282 13.9453 15.9985 13.9453 17.3188C13.9453 18.6392 15.116 19.7095 16.5601 19.7095Z' fill='%23C8C8C8'/%3E%3Cpath d='M17.4023 10.147C18.0442 10.147 18.5645 9.67128 18.5645 9.08447C18.5645 8.49767 18.0442 8.02197 17.4023 8.02197C16.7605 8.02197 16.2402 8.49767 16.2402 9.08447C16.2402 9.67128 16.7605 10.147 17.4023 10.147Z' fill='%23C8C8C8'/%3E%3Cpath d='M2.87598 3.24072C3.51779 3.24072 4.03809 2.76503 4.03809 2.17822C4.03809 1.59142 3.51779 1.11572 2.87598 1.11572C2.23416 1.11572 1.71387 1.59142 1.71387 2.17822C1.71387 2.76503 2.23416 3.24072 2.87598 3.24072Z' fill='%23D3D3D3'/%3E%3Cpath d='M34.834 32.4595C35.4758 32.4595 35.9961 31.9838 35.9961 31.397C35.9961 30.8102 35.4758 30.3345 34.834 30.3345C34.1922 30.3345 33.6719 30.8102 33.6719 31.397C33.6719 31.9838 34.1922 32.4595 34.834 32.4595Z' fill='%23D3D3D3'/%3E%3Cpath d='M27.019 16.894C28.1422 16.894 29.0527 16.0616 29.0527 15.0347C29.0527 14.0078 28.1422 13.1753 27.019 13.1753C25.8959 13.1753 24.9854 14.0078 24.9854 15.0347C24.9854 16.0616 25.8959 16.894 27.019 16.894Z' fill='%23C8C8C8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3951_17454'%3E%3Crect width='37.1875' height='34' fill='white' transform='translate(0.40625)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
}

.community .addUserList .addUserList__list .chatInfo .name {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #000
}

.communityBtn {
    padding: .8rem 1.6rem;
    min-width: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999rem;
    border: none;
    background-color: #f5f7f8;
    cursor: pointer
}

.communityBtn .icon {
    flex-shrink: 0
}

.communityBtn .icon.is-bubble {
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.58332 17.1669C8.1738 17.9827 10.0034 18.2037 11.7424 17.79C13.4814 17.3763 15.0155 16.3551 16.0681 14.9104C17.1208 13.4656 17.6228 11.6925 17.4838 9.91034C17.3448 8.12821 16.5738 6.45434 15.3098 5.19036C14.0458 3.92638 12.372 3.15541 10.5899 3.01638C8.80773 2.87735 7.03455 3.37941 5.58984 4.43207C4.14513 5.48474 3.1239 7.01879 2.71018 8.7578C2.29645 10.4968 2.51744 12.3264 3.33332 13.9169L1.66666 18.8335L6.58332 17.1669Z' fill='white'/%3E%3Cpath d='M6.66666 10.5002H6.67499H6.66666Z' fill='white'/%3E%3Cpath d='M9.99999 10.5002H10.0083H9.99999Z' fill='white'/%3E%3Cpath d='M13.3333 10.5002H13.3417H13.3333Z' fill='white'/%3E%3Cpath d='M6.66666 10.5002H6.67499M9.99999 10.5002H10.0083M13.3333 10.5002H13.3417M6.58332 17.1669C8.1738 17.9827 10.0034 18.2037 11.7424 17.79C13.4814 17.3763 15.0155 16.3551 16.0681 14.9104C17.1208 13.4656 17.6228 11.6925 17.4838 9.91034C17.3448 8.12821 16.5738 6.45434 15.3098 5.19036C14.0458 3.92638 12.372 3.15541 10.5899 3.01638C8.80773 2.87735 7.03455 3.37941 5.58984 4.43207C4.14513 5.48474 3.1239 7.01879 2.71018 8.7578C2.29645 10.4968 2.51744 12.3264 3.33332 13.9169L1.66666 18.8335L6.58332 17.1669Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.communityBtn.is-new::after {
    content: "N";
    margin-left: -0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50%;
    background-color: #bd0000;
    color: #fff
}

/* 위아래 흔들림 효과를 위한 CSS */
@keyframes vertical-shake {
    0%, 100% {
        transform: translateY(0);
    }
    20%, 60% {
        transform: translateY(-2px);
    }
    40%, 80% {
        transform: translateY(2px);
    }
}

.vertical-shake-animation {
    animation: vertical-shake 1s ease-in-out;
}
/**
style="word-break : break-all; overflow-wrap: break-word"
 */
.community .file-container .file .file-name{
    word-break: break-all;
    overflow-wrap: break-word;
    background-color: #FFFFFF;
    border-style: none;
    float: left;
}

.community .file-container {
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: fit-content;
}

.community .file-container .file {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.community .file-container .file .file-name {
    word-break: break-all;
    overflow-wrap: break-word;
    background-color: #FFFFFF;
    font-size: 13px;
    flex: 1; /* 가변 크기 지정하여 버튼과 균형 유지 */
    margin-right: 10px; /* 버튼과 간격 추가 */
}

.community .file-container .file-size {
    word-break: break-all;
    overflow-wrap: break-word;
    background-color: #FFFFFF;
    font-size: 13px;
    flex: 1; /* 가변 크기 지정하여 버튼과 균형 유지 */
}
/*# sourceMappingURL=community.min.css.map */