.cmp-user-notice{padding:2rem 0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1.5rem}
@media(max-width:1024px){.cmp-user-notice{padding:1.5rem 0;gap:.75rem}
}
.cmp-user-notice__title{margin-bottom:30px}
@media(max-width:1024px){.cmp-user-notice__title{margin-bottom:30px}
}
.cmp-user-notice__title .text .cmp-text h2,.cmp-user-notice__title .text .cmp-text h3,.cmp-user-notice__title .text .cmp-text h4,.cmp-user-notice__title .text .cmp-text p,.cmp-user-notice__title .text .cmp-text span{font-size:3rem;line-height:3.25rem;margin:0}
@media(max-width:1024px){.cmp-user-notice__title .text .cmp-text h2,.cmp-user-notice__title .text .cmp-text h3,.cmp-user-notice__title .text .cmp-text h4,.cmp-user-notice__title .text .cmp-text p,.cmp-user-notice__title .text .cmp-text span{font-size:2rem;line-height:2.25rem}
}
.cmp-user-notice__container .num-results{width:100%}
.cmp-user-notice__container .error-notice{width:100%}
.cmp-user-notice__container .error-notice p{color:var(--alerts-warning-alert-500)}
.cmp-user-notice__list{width:100%}
.cmp-user-notice__list .notice-result{padding:24px 0;border-bottom:1px solid var(--Greyscale-200);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}
@media(max-width:1024px){.cmp-user-notice__list .notice-result{flex-direction:column-reverse}
}
.cmp-user-notice__list .notice-result:last-child{border-bottom:unset}
.cmp-user-notice__list .notice-result__left{padding-right:12px}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__left{padding-right:0;padding-top:8px}
}
.cmp-user-notice__list .notice-result__left .title{margin-bottom:12px}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__left .title{margin-bottom:8px}
}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__left .title .h4{font-size:18px;line-height:22px}
}
.cmp-user-notice__list .notice-result__left .title a{text-decoration:none}
.cmp-user-notice__list .notice-result__left .delete-container .delete{display:flex;align-items:center}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__left .delete-container .delete{font-size:14px;line-height:18px}
}
.cmp-user-notice__list .notice-result__left .delete-container .delete-icon{margin-right:5px;font-size:18px}
.cmp-user-notice__list .notice-result__left .delete-container .delete-text{text-decoration:underline;cursor:pointer}
.cmp-user-notice__list .notice-result__right{padding-left:12px;position:relative}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__right{padding-left:0}
}
.cmp-user-notice__list .notice-result__right picture{height:171px;width:302px;display:block;border:3px solid var(--primary-primary-500)}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__right picture{height:246px;width:100%}
}
.cmp-user-notice__list .notice-result__right picture img{width:100%;height:100%;object-fit:cover}
@media(max-width:1024px){.cmp-user-notice__list .notice-result__right picture img{width:100%;height:100%;object-fit:cover}
}
.cmp-user-notice__list .notice-result__right picture .time-warp{position:absolute;bottom:0;background-color:var(--primary-primary-500);width:auto;padding:4px 8px 4px 5px;display:flex;gap:4px;flex-direction:row;align-items:center}
.cmp-user-notice__list .notice-result__right picture .time-warp .icon-clock{font-size:16px}
.cmp-user-notice__list .notice-result__right picture .time-warp .time{line-height:1.125rem;font-size:.875rem;color:#232323}
.cmp-user-notice__list .notice-result__right picture .icon{position:absolute;background-color:white;z-index:1;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;border-radius:24px}
.cmp-user-notice__list .notice-result__right picture .icon .icon-play_fill{font-size:40px}
.cmp-user-notice__bottom #pagination-controls{display:flex;gap:10px;justify-content:center;margin-top:20px}
.cmp-user-notice__bottom #pagination-controls a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;text-decoration:none;color:var(--Text-Dark);font-weight:bold}
.cmp-user-notice__bottom #pagination-controls .page-link{border-radius:50%;border:1px solid var(--Text-Dark);transition:background-color .3s,color .3s}
.cmp-user-notice__bottom #pagination-controls .page-link.active{background-color:var(--Text-Dark);color:white}
.cmp-user-notice__bottom #pagination-controls .page-link:hover{background-color:var(--Text-Dark);color:white}
.cmp-user-notice__bottom #news-count{text-align:center;margin-top:15px;font-size:14px;color:var(--Text-Dark)}