*{font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;box-sizing:border-box;margin:0;padding:0}body.no-scroll{overflow:hidden}body{margin:0;padding:0;overflow-x:hidden}p{margin:0;padding:0}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.skeleton-box,.skeleton-text{position:relative;background-color:#ccc;overflow:hidden;border-radius:4px}.skeleton-box::after,.skeleton-text::after{content:'';position:absolute;top:0;left:-100%;height:100%;width:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);animation:shimmer 1.2s infinite}.skeleton .img-wrapper.skeleton-box{width:100%;padding-top:66%}.skeleton .skeleton-text{height:clamp(16px, .83333vw, 9999px);margin:clamp(8px, .41667vw, 9999px) 0;background-color:#ccc}@media (max-width: 1024px){.skeleton .skeleton-text{height:clamp(16px, 4.26667vw, 9999px);margin:clamp(8px, 2.13333vw, 9999px) 0}}.skeleton .skeleton-text.long{width:80%}.skeleton .skeleton-text.short{width:40%}@keyframes shimmer{100%{left:100%}}@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUpCenter{from{opacity:0;transform:translate(-50%, 70px)}to{opacity:1;transform:translate(-50%, 0)}}#why_flatten{min-height:100vh;background-color:#000;color:#fff}#why_flatten main{margin-top:-79px;overflow:hidden;text-align:center}#why_flatten main .cover{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:79px;padding:clamp(120px, 6.25vw, 9999px) 0 clamp(160px, 8.33333vw, 9999px) 0;width:100vw;min-height:calc(100vh - 79px)}#why_flatten main .cover .text-wrapper{width:100vw}#why_flatten main .cover .text-wrapper .title{display:flex;align-items:center;justify-content:center;font-size:clamp(104px, 5.41667vw, 9999px);font-weight:700}#why_flatten main .cover .text-wrapper .title p:last-child{max-width:calc(1000 / 1920 * 100vw);transition:max-width 1s ease-in-out;transition-delay:1s;opacity:1;overflow:hidden}#why_flatten main .cover .text-wrapper .title p.hidden{overflow:hidden;max-width:0;white-space:nowrap}#why_flatten main .cover .text-wrapper .subtitle{display:flex;justify-content:center;height:clamp(98px, 5.10417vw, 9999px);font-size:clamp(32px, 1.66667vw, 9999px);font-weight:700;line-height:140%;transition:height 1s ease-in-out, opacity 1s ease-in-out;transition-delay:2s;opacity:1;overflow:hidden}#why_flatten main .cover .text-wrapper .subtitle.hidden{height:0;white-space:nowrap;opacity:0}#why_flatten main .cover .text-wrapper .subtitle p{animation:fadeUp 1s ease-out forwards;animation-delay:2.3s;padding-top:clamp(60px, 3.125vw, 9999px)}#why_flatten main .cover .text-wrapper .desc{height:clamp(68px, 3.54167vw, 9999px);overflow:hidden;font-size:clamp(16px, .83333vw, 9999px);line-height:160%;color:#bbb;transition:height 1s ease-in-out, opacity 1s ease-in-out;transition-delay:3s;opacity:1}#why_flatten main .cover .text-wrapper .desc p{animation:fadeUp 1s ease-out forwards;animation-delay:3.3s;padding-top:clamp(16px, .83333vw, 9999px)}#why_flatten main .cover .text-wrapper .desc.mobile{display:none}#why_flatten main .cover .text-wrapper .desc.hidden{padding:0;overflow:hidden;height:0;opacity:0}#why_flatten main .cover .logo-wrapper{width:75%;display:flex;gap:clamp(40px, 2.08333vw, 9999px);justify-content:space-between;max-height:clamp(293.5px, 15.28646vw, 9999px);transition:max-height 1.2s ease-in-out, opacity 1s ease-in-out;transition-delay:4s;opacity:1;overflow:hidden}#why_flatten main .cover .logo-wrapper.hidden{overflow:hidden;max-height:0;opacity:0}#why_flatten main .cover .logo-wrapper .logo-item{animation:fadeUp 1s ease-out forwards;animation-delay:4.5s;padding-top:clamp(93.5px, 4.86979vw, 9999px)}#why_flatten main .cover .logo-wrapper .logo-item img{display:block;width:100%;aspect-ratio:453/200}#why_flatten main .cover .logo-wrapper .logo-item img.mo{display:none}#why_flatten main .cover .btn{display:flex;justify-content:center;height:clamp(138px, 7.1875vw, 9999px);transition:height 1s ease-in-out, opacity 1s ease-in-out;transition-delay:5s;opacity:1;overflow:hidden}#why_flatten main .cover .btn.hidden{padding:0;overflow:hidden;height:0;white-space:nowrap;opacity:0}#why_flatten main .cover .btn .cta{margin-top:clamp(93.5px, 4.86979vw, 9999px);padding:clamp(11.5px, .59896vw, 9999px) clamp(20px, 1.04167vw, 9999px) clamp(11.5px, .59896vw, 9999px) clamp(24px, 1.25vw, 9999px);border:solid clamp(1px, .05208vw, 9999px) #fff;font-size:clamp(18px, .9375vw, 9999px);font-weight:700;color:#fff;border-radius:clamp(4px, .20833vw, 9999px);opacity:1;display:flex;justify-content:center;align-items:center;gap:clamp(2px, .10417vw, 9999px);animation:fadeUp 1s ease-out forwards;animation-delay:5.3s}#why_flatten main .cover .btn .cta .icon{width:clamp(16px, .83333vw, 9999px);height:clamp(16px, .83333vw, 9999px);background:url("https://static.shoeprize.com/flatten/icon-right-w.svg");background-size:clamp(16px, .83333vw, 9999px) clamp(16px, .83333vw, 9999px)}@media (max-width: 1024px){#why_flatten main{margin-top:-56px;aspect-ratio:inherit}#why_flatten main .cover{display:flex;align-items:center;flex-direction:column;margin-top:56px;padding:clamp(64px, 17.06667vw, 9999px) clamp(16px, 4.26667vw, 9999px) clamp(96px, 25.6vw, 9999px);width:100vw;min-height:calc(100vh - 56px)}#why_flatten main .cover .text-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start}#why_flatten main .cover .text-wrapper .title{display:flex;align-items:center;justify-content:center;font-size:clamp(50px, 13.33333vw, 9999px);font-weight:700;letter-spacing:-1px}#why_flatten main .cover .text-wrapper .title p:last-child{max-width:calc(1000 / 375 * 100vw);transition:max-width 1s ease-in-out;transition-delay:1s;opacity:1;overflow:hidden}#why_flatten main .cover .text-wrapper .title p.hidden{overflow:hidden;max-width:0;white-space:nowrap}#why_flatten main .cover .text-wrapper .subtitle{width:100%;display:flex;justify-content:flex-start;flex-direction:column;height:clamp(132px, 35.2vw, 9999px);font-size:clamp(24px, 6.4vw, 9999px);font-weight:700;line-height:140%;transition:height 1s ease-in-out, opacity 1s ease-in-out;transition-delay:2s;opacity:1;overflow:hidden}#why_flatten main .cover .text-wrapper .subtitle.hidden{height:0;white-space:nowrap;opacity:0}#why_flatten main .cover .text-wrapper .subtitle p{text-align:left;animation:fadeUp 1s ease-out forwards;animation-delay:2.3s;padding-top:0}#why_flatten main .cover .text-wrapper .subtitle p:first-child{padding-top:clamp(64px, 17.06667vw, 9999px)}#why_flatten main .cover .text-wrapper .desc{height:clamp(127px, 33.86667vw, 9999px);overflow:hidden;font-size:clamp(15px, 4vw, 9999px);line-height:150%;color:#bbb;transition:height 1s ease-in-out, opacity 1s ease-in-out;transition-delay:3s;opacity:1}#why_flatten main .cover .text-wrapper .desc p{text-align:left;animation:fadeUp 1s ease-out forwards;animation-delay:3.3s;padding-top:clamp(12px, 3.2vw, 9999px)}#why_flatten main .cover .text-wrapper .desc.mobile{display:none}#why_flatten main .cover .text-wrapper .desc.hidden{padding:0;overflow:hidden;height:0;opacity:0}#why_flatten main .cover .logo-wrapper{width:100%;display:flex;flex-direction:column;gap:clamp(64px, 17.06667vw, 9999px);justify-content:space-between;max-height:clamp(700px, 186.66667vw, 9999px);transition:max-height 1.7s ease-in-out, opacity 1s ease-in-out;transition-delay:4s;opacity:1;overflow:hidden}#why_flatten main .cover .logo-wrapper.hidden{overflow:hidden;max-height:0;opacity:0}#why_flatten main .cover .logo-wrapper .logo-item{animation:fadeUp 1s ease-out forwards;animation-delay:4.3s;padding:0}#why_flatten main .cover .logo-wrapper .logo-item:first-child{padding-top:clamp(32px, 8.53333vw, 9999px)}#why_flatten main .cover .logo-wrapper .logo-item img{display:block;width:100%;aspect-ratio:343/180}#why_flatten main .cover .logo-wrapper .logo-item img.mo{display:block}#why_flatten main .cover .logo-wrapper .logo-item img.pc{display:none}#why_flatten main .cover .btn{display:flex;justify-content:center;height:clamp(116px, 30.93333vw, 9999px);transition:height 1s ease-in-out, opacity 1s ease-in-out;transition-delay:5s;opacity:1;overflow:hidden}#why_flatten main .cover .btn.hidden{padding:0;overflow:hidden;height:0;white-space:nowrap;opacity:0}#why_flatten main .cover .btn .cta{margin-top:clamp(80px, 21.33333vw, 9999px);padding:clamp(8px, 2.13333vw, 9999px) clamp(12px, 3.2vw, 9999px) clamp(8px, 2.13333vw, 9999px) clamp(16px, 4.26667vw, 9999px);border:solid clamp(1px, .26667vw, 9999px) #fff;font-size:clamp(15px, 4vw, 9999px);font-weight:600;color:#fff;border-radius:clamp(4px, 1.06667vw, 9999px);opacity:1;display:flex;justify-content:center;align-items:center;gap:clamp(1.6px, .42667vw, 9999px);animation:fadeUp 1s ease-out forwards;animation-delay:5.3s}#why_flatten main .cover .btn .cta .icon{width:clamp(16px, 4.26667vw, 9999px);height:clamp(16px, 4.26667vw, 9999px);background:url("https://static.shoeprize.com/flatten/icon-right-w.svg");background-size:clamp(16px, 4.26667vw, 9999px) clamp(16px, 4.26667vw, 9999px)}}#why_flatten.resizing *{transition:none !important}