@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Song+Myung&family=Antonio:wght@700&family=Oswald:wght@700&family=Maru+Buri:wght@300;400;500;600;700;800&family=Cinzel:wght@700;800;900&family=Montserrat:wght@300;400;500;700;800;900&family=DM+Serif+Display&family=Cormorant+Garamond:wght@600;700;900&display=swap";@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";@font-face{font-family:EBSHunminjeongeum;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/EBSHunminjeongeum.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PyeongchangPeace;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:PyeongchangPeace;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SeoulNamsan;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SeoulNamsan;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanB.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:MuseumCulturalFoundationClassic;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식L.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:MuseumCulturalFoundationClassic;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식M.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MuseumCulturalFoundationClassic;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식B.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--font-sans:"Pretendard", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-primary:#2c2b29;--color-primary-light:#4a4844;--color-accent-red:#7f0019;--color-accent-green:#3a6055;--color-bg-paper:#f3ece0;--color-bg-card:#faf6ee;--color-border:#e5dac9;--color-text-dark:#2c2b29;--color-text-muted:#878580;--color-text-white:#fff;--radius-sm:2px;--radius-md:4px;--radius-lg:4px;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 4px 20px #2c2b290d;--shadow-hover:none;--transition-fast:.12s ease;--transition-normal:.25s cubic-bezier(.25, .1, .25, 1)}@media (prefers-color-scheme:dark){:root{--color-primary:#e6e4df;--color-primary-light:#fff;--color-bg-paper:#1f1e1d;--color-bg-card:#282725;--color-border:#3d3b38;--color-text-dark:#f5f4f2;--color-text-muted:#9e9c97;--shadow-lg:0 4px 25px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-paper);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.7}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border-radius:var(--radius-sm)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:700}.section-padding{padding:100px 0}@media (width<=768px){.section-padding{padding:60px 0}}.btn{letter-spacing:.3px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-primary-light)}.btn-secondary{border-color:var(--color-primary);color:var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:#2c2b290a}.btn-accent{background-color:var(--color-accent-red);color:var(--color-text-white)}.btn-accent:hover{opacity:.93}.btn-success{background-color:var(--color-accent-green);color:var(--color-text-white)}.btn:disabled{opacity:.4;cursor:not-allowed}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;transition:border-color var(--transition-normal);padding:28px}.card-hoverable{cursor:pointer}.card-hoverable:hover{border-color:var(--color-primary)}.form-group{text-align:left;margin-bottom:24px}.form-label{color:var(--color-text-dark);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-field{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-bg-card);width:100%;transition:border-color var(--transition-fast);outline:none;padding:12px 14px;font-size:14px}.input-field:focus{border-color:var(--color-primary)}.checkbox-group{cursor:pointer;text-align:left;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.checkbox-custom{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-card);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.checkbox-group input[type=checkbox]{display:none}.checkbox-group input[type=checkbox]:checked+.checkbox-custom{background-color:var(--color-accent-red);border-color:var(--color-accent-red)}.checkbox-group input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.badge{border-radius:2px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-verified{color:var(--color-accent-green);background-color:#3a605514;border:1px solid #3a605533}.badge-warning{color:var(--color-accent-red);background-color:#7f001914;border:1px solid #7f001933}.grid{gap:28px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=992px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}.modal-backdrop{z-index:1000;background-color:#2c2b2966;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:90%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);padding:36px;position:relative;overflow-y:auto}.product-cert-badges-overlay{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:12px;left:12px}.cert-badge-item{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);filter:drop-shadow(0 2px 4px #0000001f);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:4px 8px;font-size:10.5px;font-weight:700;display:inline-flex;position:relative}.cert-badge-dot{opacity:.95;font-size:8px}.cert-badge-text{letter-spacing:-.2px}.badge-gi{background-color:#8c1d2f;border:1px solid #ffffff26}.badge-local-gov{background-color:#a33c4a;border:1px solid #ffffff26}.badge-domestic{background-color:#c05c6b;border:1px solid #ffffff26}.badge-cultural{background-color:#1f1e1c;border:1px solid #ffffff26}.badge-korean-master{background-color:#6b4e26;border:1px solid #ffffff26}.badge-traditional{background-color:#8c6a3c;border:1px solid #ffffff26}.badge-standard{background-color:#7a7873;border:1px solid #ffffff26}.badge-domestic-100{background-color:#1a543a;border:1px solid #ffffff26}.badge-domestic-50{background-color:#2f6d52;border:1px solid #ffffff26}.badge-organic{background-color:#3c756b;border:1px solid #ffffff26}.badge-safe{background-color:#4d877a;border:1px solid #ffffff26}.cert-tooltip-box{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);opacity:0;visibility:hidden;pointer-events:none;width:220px;transition:all var(--transition-fast) ease-in-out;z-index:25;color:var(--color-text-dark);padding:10px 12px;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 16px #2c2b2926}.cert-tooltip-box strong{color:var(--color-accent-red);margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.cert-tooltip-box p{color:var(--color-text-dark);margin:0;font-size:10.5px;line-height:1.4}.cert-tooltip-box:after{content:"";border-style:solid;border-width:5px;border-color:transparent var(--color-border) transparent transparent;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.cert-tooltip-trigger:hover .cert-tooltip-box{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}@media (width<=768px){.cert-tooltip-box{width:180px;top:calc(100% + 6px);left:0;transform:none}.cert-tooltip-box:after{border-color:transparent transparent var(--color-border) transparent;inset:auto auto 100% 12px;transform:none}.cert-tooltip-trigger:hover .cert-tooltip-box{transform:none}}