.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{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;max-width:1180px;height:100%;margin-left:auto;margin-right:auto;padding:2.25rem 1.5rem 1.25rem;display:flex;position:relative}.notice-banner-thumbnail .banner-content .banner-text{z-index:3;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:64%;margin:1.25rem 0 0;padding:0;display:flex}.notice-banner-thumbnail .banner-content .banner-text .banner-badge-wrapper{margin-bottom:.45rem;display:inline-flex}.notice-banner-thumbnail .banner-content .banner-text .banner-badge-wrapper .banner-badge{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.725rem;font-weight:700;line-height:1;display:inline-flex}.notice-banner-thumbnail .banner-content .banner-text .banner-title{letter-spacing:-.025em;text-shadow:0 2px 6px #000000a6;white-space:pre-line;word-break:break-all;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:1.7rem;font-weight:850;line-height:1.28;display:-webkit-box;overflow:hidden;color:#fff!important}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper{z-index:2;perspective:600px;pointer-events:none;justify-content:flex-end;align-items:flex-end;width:52%;height:74%;display:flex;position:absolute;bottom:0;right:.5rem}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper .banner-point-img-backdrop{z-index:1;opacity:.4;filter:brightness(0)invert()blur(3px);justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:0;transform:translate(4px,4px)scale(1.01)}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper .banner-point-img-backdrop .backdrop-img{object-fit:contain;object-position:right bottom}.notice-banner-thumbnail .banner-content .banner-point-img-wrapper .front-img{z-index:2;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 10px 20px #00000061);width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative;transform:translateZ(0)}.notice-banner-thumbnail.layout-slider{background:0 0!important}.notice-banner-thumbnail.layout-slider .banner-content{flex-direction:row;align-items:center;padding:2.25rem 4.5rem}.notice-banner-thumbnail.layout-slider .banner-text{max-width:58%;margin:0}.notice-banner-thumbnail.layout-slider .banner-text .banner-badge-wrapper{margin-bottom:.75rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-badge-wrapper .banner-badge{padding:.25rem .75rem;font-size:.78rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{letter-spacing:-.02em;-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}.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{width:48%;height:100%;padding-right:1.5rem;top:0;bottom:0;right:0}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper .banner-point-img-backdrop{transform:translate(6px,6px)scale(1.02)}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper .banner-point-img-backdrop .backdrop-img,.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper .front-img{object-position:right center}.notice-banner-thumbnail.layout-detail{background:0 0!important}.notice-banner-thumbnail.layout-detail .banner-content{flex-direction:row;align-items:center;padding:4.5rem 2rem}.notice-banner-thumbnail.layout-detail .banner-text{justify-content:center;max-width:60%;min-height:6.5rem;margin:0}.notice-banner-thumbnail.layout-detail .banner-text .banner-badge-wrapper{margin-bottom:.75rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{letter-spacing:-.02em;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:2.5rem;font-weight:850;line-height:1.3;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:45%;height:100%;padding-right:2rem;top:0;bottom:0;right:0}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper .banner-point-img-backdrop{transform:translate(6px,6px)scale(1.02)}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper .banner-point-img-backdrop .backdrop-img,.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper .front-img{object-position:right center}@media (max-width:1179px){.notice-banner-thumbnail .banner-content{padding:2.35rem 1.15rem 1rem}.notice-banner-thumbnail .banner-text{max-width:62%;margin:0}.notice-banner-thumbnail .banner-text .banner-badge-wrapper{margin-bottom:.35rem}.notice-banner-thumbnail .banner-text .banner-badge-wrapper .banner-badge{padding:.18rem .5rem;font-size:.68rem}.notice-banner-thumbnail .banner-text .banner-title{font-size:1.4rem;line-height:1.26}.notice-banner-thumbnail .banner-point-img-wrapper{width:55%;height:72%;bottom:0;right:.25rem}.notice-banner-thumbnail .banner-point-img-wrapper .banner-point-img-backdrop{transform:translate(3px,3px)scale(1.01)}.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{margin-bottom:.85rem;font-size:1.75rem;line-height:1.26}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta{gap:.35rem;padding:.35rem .85rem;font-size:.825rem}.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{max-width:65%;min-height:4.16rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{font-size:1.6rem}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:46%;padding-right:.5rem}}@media (hover:hover) and (pointer:fine){.notice-banner-thumbnail .banner-content .banner-point-img-wrapper:hover .front-img{transform:translateY(-4px)scale(1.03)}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta:hover{background:#0000008c;border-color:#fff9}.notice-banner-thumbnail.layout-slider .banner-text .banner-cta:hover .cta-arrow{transform:translate(4px)}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper:hover .front-img{transform:translateY(-6px)scale(1.04)}}