/*
Theme Name: Derma Budget Atelier
Version: 1.0.0
*/
:root{--ink:#163333;--muted:#5f7472;--paper:#f7faf8;--white:#fff;--sage:#1f6b62;--sage2:#dcebe6;--line:#d9e4e0;--radius:22px;--shadow:0 18px 55px rgba(18,55,51,.09);--space:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",sans-serif;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,250,248,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-in{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand img{width:42px;height:42px;border-radius:13px}.nav{display:flex;gap:24px;align-items:center}.nav a{font-size:14px;font-weight:700;color:#385451}.nav a:hover{color:var(--sage)}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;width:46px;height:46px}.hero{padding:104px 0 96px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.eyebrow{color:var(--sage);font-weight:800;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(52px,7vw,88px);line-height:1.08;letter-spacing:-.065em;margin:18px 0 26px}.lead{font-size:19px;color:var(--muted);max-width:620px}.hero-photo{position:relative}.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:44px;box-shadow:var(--shadow)}.hero-note{position:absolute;left:-32px;bottom:30px;background:white;border:1px solid var(--line);border-radius:20px;padding:20px 24px;box-shadow:var(--shadow);font-weight:750}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;background:var(--sage);color:white;font-weight:800;margin-top:24px;transition:.2s}.btn:hover{transform:translateY(-2px);background:#17584f}.section{padding:104px 0}.section.alt{background:#edf4f1}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section h2{font-family:"Noto Serif KR",serif;font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.045em;margin:8px 0}.section-head p{max-width:520px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;box-shadow:0 8px 30px rgba(18,55,51,.04)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:25px}.card h3{margin:5px 0 10px;font-size:21px;letter-spacing:-.035em}.card p{color:var(--muted);font-size:14px;margin:0}.pill{font-size:12px;font-weight:800;color:var(--sage)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.step b{display:block;color:var(--sage);font-size:12px;letter-spacing:.1em;margin-bottom:10px}.site-footer{background:#112d2b;color:#d8e5e1;padding:70px 0 34px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px}.site-footer .brand{color:white}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.legal-footer{font-size:12px;color:#9fb6b1;border-top:1px solid #2d4845;margin-top:40px;padding-top:28px}.article-hero{padding:80px 0 40px}.article-hero h1,.page-hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(42px,6vw,72px);line-height:1.14;letter-spacing:-.055em}.feature{width:min(1050px,calc(100% - 40px));margin:0 auto 60px}.feature img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:32px}.article{width:min(800px,calc(100% - 40px));margin:0 auto 100px;font-size:17px}.article h2{font-family:"Noto Serif KR",serif;font-size:31px;line-height:1.35;margin:72px 0 22px;letter-spacing:-.035em}.article h3{font-size:23px;margin-top:42px}.article p{margin:0 0 23px}.article figure{margin:42px 0}.article figure img{border-radius:22px;aspect-ratio:16/9;object-fit:cover;width:100%}.article figcaption{font-size:13px;color:var(--muted);margin-top:10px}.article table{width:100%;border-collapse:collapse;background:white;margin:32px 0;font-size:14px}.article th,.article td{padding:15px;border:1px solid var(--line);text-align:left}.article th{background:var(--sage2)}.table-scroll{overflow-x:auto}.article blockquote,.callout{margin:32px 0;padding:24px 26px;background:#edf5f2;border-left:4px solid var(--sage);border-radius:0 16px 16px 0}.summary,.toc{background:white;border:1px solid var(--line);border-radius:20px;padding:26px;margin:28px 0}.summary strong,.toc strong{display:block;margin-bottom:10px}.article li{margin:8px 0}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.related a{background:white;border:1px solid var(--line);border-radius:14px;padding:17px;font-weight:750}.page-hero{padding:80px 0 45px}.page-content{width:min(900px,calc(100% - 40px));margin:0 auto 100px}.search-panel{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-row input,.form-row select{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:white;font:inherit}.form-row button{border:0;cursor:pointer;margin:0}.results{margin-top:24px}.result{padding:18px 0;border-bottom:1px solid var(--line)}.notice{font-size:13px;color:var(--muted);margin-top:18px}.focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #79bbae;outline-offset:3px}@media(max-width:800px){.wrap{width:min(100% - 28px,1180px)}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:18px 24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero{padding:64px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-photo img{aspect-ratio:16/11}.hero-note{left:14px}.cards,.steps{grid-template-columns:1fr}.section{padding:72px 0}.section-head{display:block}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.article{font-size:16px}.article h2{font-size:27px}.related{grid-template-columns:1fr}.article table{min-width:620px}.brand span{font-size:14px}}