*{outline:0;margin:0;padding:0;user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box}::selection{background:#0000}ol,ul{list-style:none}html{width:100%;height:100%;background-color:#fff;-webkit-text-size-adjust:100%}body{width:100%;height:100%;min-width:320px;overflow:hidden;position:relative;background-color:#e1dad0;font-family:SUITE Variable,Pretendard Variable,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;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern"}#root{position:relative;width:100%;height:100%}#foot{pointer-events:none;position:fixed;left:0;bottom:16px;width:100%;text-align:center;font-size:10px;font-weight:600;color:#0000007a}.loading{pointer-events:none;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100px;margin:-50px 0 0;z-index:102;left:0;top:50%;gap:8px}.loading>p{font-size:10px;font-weight:900;color:#0000007a;letter-spacing:.5px}.pcon{width:60px;height:6px;overflow:hidden;background-color:#0003;border-radius:3px;position:relative}.pbar{background-color:#0006;animation:progress 1s infinite ease-in-out;height:100%;width:100%;border-radius:3px;position:relative}@keyframes progress{0%{left:-100%}50%{left:0}to{left:100%}}.arrow{position:fixed;top:50%;width:40px;height:40px;margin-top:-20px;background-color:#d5cec1d3;-webkit-backdrop-filter:saturate(180%) blur(2px);backdrop-filter:saturate(180%) blur(2px);border-radius:50%;z-index:20;display:flex;align-items:center;justify-content:center}.arrow>p{font-family:SUITE Variable;font-size:18px;font-weight:600;color:#847d68}.arrow-left{left:24px}.arrow-left p{margin-left:-3px}.arrow-right{right:24px}.arrow-right p{margin-right:-3px}.list{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:start;overflow:hidden}.list-move{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:20px}.list-box{display:flex;align-items:start;justify-content:start;gap:160px;padding:0 160px}.list-item{display:flex;flex-direction:column;align-items:start;justify-content:start;flex-shrink:0;width:206px;position:relative}.list-img-box{width:206px;height:240px;background-color:#fff;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 206 240"><path d="M103 0C50.2-.5-2.1 29.7 0 120c-2.2 90.3 50.1 120.5 102.9 120 52.8.5 105.1-29.7 102.9-120C208.1 29.7 155.8-.5 103 0Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 206 240"><path d="M103 0C50.2-.5-2.1 29.7 0 120c-2.2 90.3 50.1 120.5 102.9 120 52.8.5 105.1-29.7 102.9-120C208.1 29.7 155.8-.5 103 0Z"/></svg>');-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;cursor:pointer;position:relative}.list-img{width:100%;height:100%;opacity:0;transition-delay:.2s;transition-duration:.4s;transition-property:opacity;position:relative;background-size:cover;background-position:center}.list-img.show{opacity:1}.list-item h2{font-size:24px;line-height:1.2;font-weight:800;margin:22px 8px 8px;letter-spacing:-.2px}.list-item>p{font-size:14px;line-height:1.2;font-weight:500;color:#0000007a;margin:0 8px 16px}.tag-dom{display:flex;align-items:start;justify-content:start;gap:8px;flex-wrap:wrap;margin:0 8px}.tag-dom>p{padding:0 8px;height:28px;border-radius:14px;background-color:#d5cec1d3;-webkit-backdrop-filter:saturate(180%) blur(2px);backdrop-filter:saturate(180%) blur(2px);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#847d6d;white-space:nowrap}.favorite{width:40px;height:40px;background-color:#d5cec1d3;-webkit-backdrop-filter:saturate(180%) blur(2px);backdrop-filter:saturate(180%) blur(2px);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:2;right:-16px;top:-16px;transition-duration:.2s;transition-property:background-color}.favorite svg{fill:#847d6d;width:22px;height:22px;opacity:.74;transition-duration:.2s;transition-property:fill}.favorite.active{background-color:#ff0000b3}.favorite.active svg{fill:#fff}.view{position:fixed;z-index:40;left:0;top:0;width:100%;height:100%;background-color:#000}.view iframe{outline:none;border:none;width:100%;height:100%}.transition{position:absolute;z-index:30;left:0;top:0;width:100%;height:100%}.video{position:absolute;width:100%;height:100%;left:0;top:0;z-index:8;display:flex;justify-content:center;align-items:center;background-color:#000}.video-box{position:relative}.video-overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}.video-overlay p{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;opacity:1;transition-duration:.2s;transition-property:opacity}.video-overlay.playing p{opacity:0}.video-overlay i{width:160px;height:160px;display:flex;margin:0;padding:0;align-items:center;justify-content:center}.video-overlay i svg{width:100%;height:100%;fill:#fff}.video-dom{position:relative;width:100%;height:100%}.view-iframe{width:100%;height:100%;position:relative}.skip-button{position:fixed;z-index:1003;left:50%;margin-left:-24px;bottom:34px;width:48px;height:48px;cursor:pointer;border-radius:50%;background-color:#f0f0f0b3;-webkit-backdrop-filter:saturate(180%) blur(2px);backdrop-filter:saturate(180%) blur(2px);display:flex;align-items:center;justify-content:center}.skip-button svg{width:24px;height:24px;stroke:#000000bd}.question{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bubble{position:fixed;z-index:10;left:10%;right:10%;bottom:45%;padding:24px;border-radius:36px;background-color:#00000080;-webkit-backdrop-filter:saturate(180%) blur(2px);backdrop-filter:saturate(180%) blur(2px)}.bubble-text{position:relative}.bubble-text p{display:block;font-size:28px;line-height:1.4;font-weight:600;color:#fff}.bubble-text-pos{opacity:.1}.bubble-text-ani{position:absolute;left:0;top:0}.bubble h3{display:flex;font-size:18px;line-height:1.4;font-weight:800;margin-bottom:8px;color:#f1d06d;align-items:center;justify-content:start}.bubble h3>i{width:18px;height:18px;display:block;margin-right:8px}