[notification-item-wrap] .status-label{font-size:14px;color:#a4a3ae;margin-bottom:20px}[notification-item-wrap]>.list{margin-top:20px}[notification-item-wrap]>.list.new{margin-bottom:50px}[notification-item-wrap]>.list>p{color:#a4a3ae}[notification-item-wrap]>.list>.notifi-li-cont>div{margin-top:20px}[notification-item-wrap]>.no-list{color:#eee;margin-top:20px}[notification-tab]{position:relative;border-bottom:1px solid hsla(0,0%,100%,.3);display:flex;justify-content:flex-start;margin-top:18px}[notification-tab] button{padding-top:12px;padding-bottom:12px;width:119px;font-size:14px;color:hsla(0,0%,100%,.4)}[notification-tab] button.active{color:#fff}[notification-tab] button>span{position:relative}[notification-tab] button>span>.unread-badge{position:absolute;right:-24px;top:-8px;left:auto;bottom:auto;z-index:1;display:flex;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;line-height:20px;color:#fff;text-align:center;vertical-align:middle;background-color:red;border-radius:50%}[notification-tab] .slide-bar{position:absolute;left:0;bottom:-2px;right:auto;top:auto;z-index:1;height:2px;background-color:#fff;transition:all .3s}.no-shrink{flex-shrink:0}[notification-modal]{position:absolute;width:100%;height:100%;padding:10px;display:flex;justify-content:center;align-items:center}[notification-modal]>.dim{position:absolute;width:100%;height:100%;left:0;top:0;right:auto;bottom:auto;background-color:transparent}[notification-modal]>.panel{position:relative;border-radius:20px;background-color:#1f2226;width:100%;height:100%;overflow:hidden;box-shadow:0 0 1px 0 hsla(0,0%,100%,.4)}[notification-modal]>.panel>.header{padding-top:30px;padding-right:24px;padding-bottom:0;padding-left:24px}[notification-modal]>.panel>.header .title{display:flex;align-items:center}[notification-modal]>.panel>.header .title .user{color:#787781;font-size:14px;flex-grow:1;display:flex;gap:4px;max-width:calc(100% - 34px);margin-right:10px}[notification-modal]>.panel>.header .title .user em{color:#fff;font-weight:500;overflow:hidden;text-after-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}[notification-modal]>.panel>.header .title .close{width:24px;height:24px;border-radius:6px;background-color:#ebebf0;flex-shrink:0}[notification-modal]>.panel>.header .title .close .stroke-target{stroke:#000;opacity:.4}.no-touch [notification-modal]>.panel>.header .title .close:hover:not(.hover-disable) .stroke-target,[notification-modal]>.panel>.header .title .close:active .stroke-target{opacity:1}[notification-modal]>.panel>.header .header-spacer{height:62px}[notification-modal]>.panel [slider]{height:calc(100% - 117px)}[notification-modal]>.panel [slider] .swiper-container{height:100%}[notification-modal]>.panel [slider] .scroll-area{height:100%;padding-top:0;padding-right:24px;padding-bottom:32px;padding-left:24px}[notification-modal]>.panel [slider] .scroll-area>.scroll-body{height:100%;overflow-y:auto;overflow-x:hidden;padding-top:32px}[notification-modal]>.panel [slider] .scroll-area>.scroll-body>.header{display:flex;align-items:center;margin-bottom:20px}[notification-modal]>.panel [slider] .scroll-area>.scroll-body>.header h2{font-family:ChakraPetch,Noto Sans,Malgun Gothic,맑은 고딕,sans-serif;font-size:24px;margin-right:6px;color:#ebebf0}[notification-modal]>.panel [slider] .scroll-area>.scroll-body>.header p{font-size:13px;color:hsla(0,0%,100%,.5)}[notification-modal]>.panel.single [notification-tab]{display:none}[notification-modal]>.panel.single [slider]{margin-top:20px;height:calc(100% - 70px)}@media (min-width:414px){[notification-modal]>.panel{width:394px}}@media (min-width:768px){[notification-modal]{padding:20px}[notification-modal]>.panel{width:414px;left:120px}}@media (min-width:1260px){[notification-modal]>.panel{left:240px}}