.notice-banner-thumbnail{box-sizing:border-box;background-color:#0b0f19;background:linear-gradient(135deg,#080c14b8 0%,#080c146b 50%,#080c1494 100%),linear-gradient(135deg,var(--banner-bg-color)0%,color-mix(in srgb,var(--banner-bg-color),black 30%)100%);width:100%;height:100%;position:relative;overflow:hidden}.notice-banner-thumbnail .banner-content{justify-content:space-between;align-items:center;width:100%;max-width:1180px;height:100%;margin-left:auto;margin-right:auto;padding:1rem 1.5rem;display:flex;position:relative}.notice-banner-thumbnail .banner-content .banner-text{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:65%;margin-bottom:0;padding-right:1rem;display:flex}.notice-banner-thumbnail .banner-content .banner-text .banner-title{letter-spacing:-.01em;-webkit-line-clamp:2;text-overflow:ellipsis;text-shadow:0 1px 3px #00000073;white-space:pre-line;word-break:break-all;-webkit-box-orient:vertical;margin:0;font-size:1.15rem;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden;color:#fff!important}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper{z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;width:50%;height:100%;padding-right:1.25rem;display:flex;position:absolute;top:0;bottom:0;right:0}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper .banner-point-img{object-fit:contain;object-position:right center;filter:drop-shadow(0 4px 14px #00000038)}.notice-banner-thumbnail.layout-slider{background:0 0!important}.notice-banner-thumbnail.layout-slider .banner-content{z-index:2;padding:2.25rem 4.5rem;position:relative}.notice-banner-thumbnail.layout-slider .banner-text{z-index:3;max-width:58%}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{letter-spacing:-.02em;text-shadow:0 1px 3px #00000073;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:2.6rem;font-weight:850;line-height:1.28;display:-webkit-box;overflow:hidden;color:#fff!important}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta{color:#fff;-webkit-backdrop-filter:blur(10px);background:#00000059;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem 1.05rem;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px #0003}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta .cta-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper{z-index:2;justify-content:flex-end;align-items:center;width:48%;height:100%;padding-right:1.5rem;display:flex;top:0;right:0}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper .banner-point-img{object-fit:contain;object-position:right center;filter:drop-shadow(0 6px 16px #00000038);transition:transform .4s cubic-bezier(.16,1,.3,1)}.notice-banner-thumbnail.layout-detail{background:0 0!important}.notice-banner-thumbnail.layout-detail .banner-content{padding:4.5rem 2rem}.notice-banner-thumbnail.layout-detail .banner-text{flex-direction:column;justify-content:center;max-width:60%;min-height:6.5rem;display:flex}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{letter-spacing:-.02em;text-shadow:0 1px 3px #00000073;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:2.5rem;font-weight:850;line-height:1.3;display:-webkit-box;overflow:hidden;color:#fff!important}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:45%;height:100%;padding-right:2rem;top:0;right:0}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper .banner-point-img{object-fit:contain;object-position:right center;filter:drop-shadow(0 8px 22px #00000040)}@media (max-width:1179px){.notice-banner-thumbnail .banner-content{padding:1rem}.notice-banner-thumbnail .banner-text .banner-title{font-size:1rem}.notice-banner-thumbnail.layout-slider .banner-content{padding:1.5rem 1.25rem}.notice-banner-thumbnail.layout-slider .banner-text{max-width:68%}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{text-shadow:0 1px 3px #00000073;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:.85rem;font-size:1.75rem;line-height:1.26;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta{background:#00000059;border:1px solid #ffffff4d;gap:.35rem;padding:.35rem .85rem;font-size:.825rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta .cta-arrow{width:14px;height:14px}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper{width:48%;height:100%;padding-right:.5rem;top:0}.notice-banner-thumbnail.layout-detail .banner-content{padding:2.75rem 1.25rem}.notice-banner-thumbnail.layout-detail .banner-text{flex-direction:column;justify-content:center;max-width:65%;min-height:4.16rem;display:flex}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1.6rem;line-height:1.3;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:46%;padding-right:.5rem}}
