@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap";:root{--bg-color: #0f0f11;--card-bg: #1c1c1f;--card-hover: #252529;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #4ade80;--border-color: #333333;--placeholder-bg: #2a2a2e;--placeholder-pattern: #323236}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Noto Sans KR,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-bg);border-radius:5px;border:1px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}@keyframes scrollVertical{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}header{max-width:1200px;margin:0 auto;padding:40px 20px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:8px}.logo span{color:var(--accent-color)}.contact-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.contact-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}main{max-width:1200px;margin:0 auto;padding:20px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:20px;padding-bottom:60px}.card{background-color:var(--card-bg);border-radius:24px;padding:24px;border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:default;height:100%}.card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000080,0 0 25px #fff6;z-index:2}.card-content{display:flex;flex-direction:column;height:100%;z-index:2;position:relative}.card-tag{display:inline-flex;align-items:center;padding:4px 10px;background-color:#ffffff1a;border-radius:99px;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.card-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.placeholder-img{background-color:var(--placeholder-bg);border-radius:12px;width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;color:#444;font-size:.8rem;font-weight:600;position:relative;overflow:hidden;border:1px dashed #444}.placeholder-img:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px)}.placeholder-icon{font-size:2rem;opacity:.5}.item-hero{grid-column:span 2;grid-row:span 2;background-color:var(--card-bg);padding:0;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.hero-video-container{width:100%;aspect-ratio:16 / 9;position:relative;background-color:#000}.hero-video-container iframe{width:100%;height:100%;border:0}.best-seller-tag{background-color:var(--accent-color);color:#000;font-weight:700;margin-bottom:8px;display:inline-block}.hero-content{padding:24px;display:flex;flex-direction:column;flex:1}.hero-inner-flex{margin-bottom:auto;display:flex;flex-direction:column;height:100%;gap:1rem}.hero-stats-row{display:flex;gap:30px;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.hero-stat{display:flex;flex-direction:column}.hero-stat-num{font-size:2rem;font-weight:800;color:var(--accent-color);line-height:1}.hero-stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.item-intro,.item-wwd,.item-tdz,.item-link1,.item-link2,.item-history{grid-column:span 1;grid-row:span 1}.item-about{background-color:var(--text-primary);color:var(--bg-color)}.item-about .card-title,.item-about .card-desc{color:var(--bg-color)}.item-about .card-tag{background-color:#0000001a;color:#333}.history-list{list-style:none;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.history-item{display:flex;align-items:flex-start;padding:8px 0;font-size:.85rem;color:var(--text-secondary)}.history-dot{width:6px;height:6px;background-color:var(--accent-color);border-radius:50%;margin-right:10px;margin-top:8px;flex-shrink:0}.item-link{display:flex;align-items:center;justify-content:center;background-color:#151518;text-decoration:none}.arrow-icon{font-size:1.5rem;transition:transform .3s;color:var(--text-primary)}.item-link:hover .arrow-icon{transform:rotate(-45deg);color:var(--accent-color)}.contact-icon{display:none}.contact-text{display:block}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(160px,auto)}.item-hero{grid-column:span 2;grid-row:auto}.item-intro,.item-wwd{grid-column:span 1}.item-history{grid-column:span 1;grid-row:span 1}.item-link1,.item-link2{grid-column:span 1}}@media(max-width:600px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.item-hero,.item-wwd,.item-about,.item-history,.item-link1,.item-link2{grid-column:span 1;grid-row:auto}.logo{font-size:1.2rem}.contact-text{display:none}.contact-icon{display:block!important}.contact-btn{padding:8px!important;border-radius:50%!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center}}.store-btn-small{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:99px;font-size:.75rem;font-weight:600;color:var(--text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.store-btn-small:hover{background-color:var(--accent-color);color:#000;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #4ade804d}.shine-hover{position:relative;overflow:hidden}.shine-hover:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);transition:.5s;pointer-events:none}.shine-hover:hover:after{left:150%;transition:.7s}.hero-store-btns{display:flex;gap:12px;align-items:center;height:44px;margin-top:auto;margin-bottom:1rem}.store-btn-link{height:150%}.store-btn-link img{height:100%}@media(max-width:600px){.hero-store-btns{height:36px;gap:8px}.store-btn-link{height:140%}}