.sale-banner{width:100%;overflow:hidden}.sale-banner__wrapper{display:flex;min-height:650px}.sale-banner__full{flex:1;position:relative;overflow:hidden;width:100%}.sale-banner__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.sale-banner__bg-solid{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;z-index:0}.sale-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,calc(var(--overlay-alpha, 70) / 100));pointer-events:none;z-index:1}.sale-banner__floating-products{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.sale-banner__floating-item{position:absolute;width:160px;height:160px;opacity:0;transform:scale(.8) rotate(-3deg);border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #0006}.sale-banner__floating-image{width:100%;height:100%;object-fit:cover;display:block}.sale-banner__center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;padding:20px;width:90%;max-width:800px}.sale-banner__discount-text{font-size:clamp(1.875rem,3.75vw,2.625rem);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:#fff;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.sale-banner__open-for{font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:400;font-style:italic;color:#ffffffe6;margin:.5rem 0 .25rem;letter-spacing:.05em}.sale-banner__left-heading{font-family:var(--font-heading-family),Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:1.15;color:#fff;margin:0 0 1.5rem;letter-spacing:-.02em}.sale-banner__left-subtext{font-size:clamp(.9rem,1.44vw,1.05rem);font-weight:400;color:#fffc;margin:0 0 .4rem;letter-spacing:.12em;text-transform:uppercase}.sale-banner__left-button-wrapper{margin-top:calc(1.5rem + 10px)}.sale-banner__left-button{display:inline-block;padding:1.14rem 2.6rem;background:transparent;color:#fff;font-size:1.056rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border:1px solid #ffffff;transition:background .3s ease,color .3s ease}.sale-banner__left-button:hover{background:#fff;color:#000}.sale-banner__countdown{margin-top:2rem;margin-bottom:1.5rem}.sale-banner__countdown .countdown__timer{display:flex;align-items:center;justify-content:center;gap:1rem}.sale-banner__countdown .countdown__block{text-align:center}.sale-banner__countdown .countdown__number{font-size:6rem;font-weight:700;line-height:1;margin-bottom:.5rem;font-variant-numeric:tabular-nums;min-width:6rem;color:#fff}.sale-banner__countdown .countdown__label{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7;font-weight:500;color:#fff}.sale-banner__countdown .countdown__separator{font-size:4.5rem;font-weight:700;opacity:.5;margin:0 .25rem 1.5rem;line-height:1;color:#fff}@media screen and (max-width: 1150px){.sale-banner__wrapper{min-height:600px}.sale-banner__floating-item{width:140px;height:140px}.sale-banner__discount-text{font-size:1.75rem}.sale-banner__open-for{font-size:1rem}.sale-banner__left-heading{font-size:clamp(2rem,4vw,3.25rem)}.sale-banner__countdown .countdown__number{font-size:4.5rem;min-width:4.5rem}.sale-banner__countdown .countdown__separator{font-size:3.5rem;margin-bottom:1.25rem}.sale-banner__countdown .countdown__label{font-size:.75rem}}@media screen and (max-width: 749px){.sale-banner__wrapper{min-height:580px}.sale-banner__floating-item{width:110px;height:110px}.sale-banner__discount-text{font-size:1.4rem;margin-bottom:.75rem}.sale-banner__open-for{font-size:1.08rem}.sale-banner__left-heading{font-size:2.25rem;margin-bottom:1rem}.sale-banner__left-subtext{font-size:.9rem}.sale-banner__left-button{padding:1.14rem 2.275rem;font-size:1.056rem}.sale-banner__countdown{margin-top:1.5rem;margin-bottom:1rem}.sale-banner__countdown .countdown__timer{gap:.5rem}.sale-banner__countdown .countdown__number{font-size:3.5rem;min-width:3.5rem}.sale-banner__countdown .countdown__label{font-size:.625rem}.sale-banner__countdown .countdown__separator{font-size:2.5rem;margin-bottom:.875rem}}@media screen and (max-width: 480px){.sale-banner__wrapper{min-height:520px}.sale-banner__floating-item{width:90px;height:90px}.sale-banner__discount-text{font-size:1.2rem}.sale-banner__open-for{font-size:.96rem}.sale-banner__left-subtext{font-size:.84rem}.sale-banner__left-heading{font-size:1.75rem}.sale-banner__left-button{padding:1rem 2rem;font-size:.95rem}.sale-banner__countdown .countdown__number{font-size:2.75rem;min-width:2.75rem}.sale-banner__countdown .countdown__separator{font-size:2rem;margin-bottom:.75rem}.sale-banner__countdown .countdown__label{font-size:.5rem}}.sale-banner.countdown-ended{display:none}.sale-banner__left-button:focus{outline:2px solid currentColor;outline-offset:4px}@media (prefers-reduced-motion: reduce){.sale-banner__floating-item{transition:none!important}}@media print{.sale-banner{break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-sale-banner.css.map */