@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;600;700;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";.dicasi-guide{--navy:#18334f;--teal:#187c80;--green:#57966d;--rose:#c76772;--cream:#f7f1e7;--gold:#d5a84b;--ink:#243449;--line:#ddd9d0;color:var(--ink);background:#fff;font-family:Noto Sans KR,sans-serif;line-height:1.8}.dicasi-guide *{box-sizing:border-box}.dicasi-guide a{color:inherit;text-decoration:none}.dicasi-nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e9e3d9;align-items:center;gap:30px;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{margin-right:auto;font-size:20px;font-weight:900}.brand b{background:linear-gradient(135deg,var(--teal),var(--rose));color:#fff;border-radius:50%;place-items:center;width:39px;height:39px;margin-right:7px;display:inline-grid}.dicasi-nav nav{gap:24px;font-size:14px;font-weight:800;display:flex}.dicasi-nav nav a:hover{color:var(--rose)}.nav-start,.primary{background:var(--rose);border-radius:8px;justify-content:center;align-items:center;font-weight:900;display:inline-flex;color:#fff!important}.nav-start{padding:10px 18px;font-size:14px}.hero{background:linear-gradient(135deg,#eef8f4,#fff8ed 57%,#f8ecef);grid-template-columns:1fr 1fr;align-items:center;gap:58px;min-height:660px;padding:64px max(24px,50vw - 590px);display:grid}.hero>img{border-radius:26px;width:100%;box-shadow:0 25px 65px #4b3c2e2e}.hero-copy{order:-1}.eyebrow{color:var(--teal);background:#fff;border:1px solid #c9dcd5;border-radius:99px;padding:7px 14px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-3px;margin:18px 0;font-family:Noto Serif KR,serif;font-size:clamp(44px,6vw,72px);line-height:1.16}.hero h1 em{color:var(--rose);font-style:normal}.hero-copy>p:not(.eyebrow){color:#596d78;font-size:19px}.facts{flex-wrap:wrap;gap:9px;margin:24px 0;display:flex}.facts span{background:#fff;border:1px solid #d7cec2;border-radius:7px;padding:7px 13px;font-weight:800}.primary{padding:15px 24px}.section{padding:100px max(24px,50vw - 550px)}.section-title{max-width:820px;margin-bottom:42px}.section-title small{color:var(--rose);letter-spacing:.08em;font-weight:900}.section-title h2{letter-spacing:-2px;margin:12px 0;font-family:Noto Serif KR,serif;font-size:clamp(32px,4.5vw,52px);line-height:1.3}.section-title p{color:#64747f;font-size:18px}.section-title.light{color:#fff}.section-title.light small{color:#9bd4c0}.intro-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;display:grid}.intro-grid>img{border:1px solid var(--line);border-radius:17px;width:100%}.intro-grid h3{font-family:Noto Serif KR,serif;font-size:28px}.intro-grid li{margin:11px 0}.intro-grid aside{border-left:5px solid var(--gold);background:#fff6db;padding:19px 22px}.intro-grid aside p{margin:4px 0}.qualities{background:var(--navy);color:#fff;padding:90px max(24px,50vw - 550px)}.quality-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.quality-grid article{background:#ffffff12;border:1px solid #ffffff2e;border-radius:12px;padding:27px}.quality-grid span{color:#f1ca7a;font-weight:900}.quality-grid h3{margin:8px 0;font-family:Noto Serif KR,serif;font-size:24px}.quality-grid p{color:#c6d2dc;margin:0}.qualities>img{border-radius:15px;width:min(900px,100%);margin:32px auto 0;display:block}.formula{background:var(--cream)}.formula-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.formula-row div{border:1px solid var(--line);border-top:4px solid var(--teal);text-align:center;background:#fff;padding:22px 10px}.formula-row span{background:#f2d697;border-radius:50%;place-items:center;width:30px;height:30px;margin:0 auto 7px;font-weight:900;display:grid}.formula-row b,.formula-row small{display:block}.formula-row small{color:#6b7982;font-size:12px}.wide-image{border-radius:15px;width:min(900px,100%);margin:30px auto;display:block}.copy-box{border:1px solid #cbbfc3;border-radius:10px;margin-top:24px;overflow:hidden}.copy-box>div{color:#fff;background:#6e4550;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.copy-box button{color:#41332c;font:inherit;cursor:pointer;background:#f4d991;border:0;border-radius:6px;padding:6px 13px;font-weight:900}.copy-box pre{white-space:pre-wrap;background:#fff;margin:0;padding:20px;font-family:inherit;line-height:1.75}.steps{background:#f4f7f5;padding:100px max(24px,50vw - 550px)}.step{grid-template-columns:70px 1fr;max-width:990px;margin:0 auto 32px;display:grid}.num{background:linear-gradient(135deg,var(--teal),var(--rose));color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:24px;font-weight:900;display:grid}.step-body{border:1px solid var(--line);background:#fff;border-radius:14px;padding:34px 40px;box-shadow:0 12px 34px #30403a12}.meta{gap:8px;display:flex}.meta span,.meta b{color:var(--teal);background:#e4f2ef;border-radius:5px;padding:4px 9px;font-size:12px}.meta b{color:#9a4654;background:#f8e8eb}.step h3{margin:14px 0;font-family:Noto Serif KR,serif;font-size:30px}.analogy{color:#6e594b;background:#f3eee8;border-radius:8px;padding:14px 17px}.step ol{padding-left:25px}.step li{margin:10px 0;padding-left:5px}.step-body>img{border:1px solid var(--line);border-radius:12px;width:min(780px,100%);margin:25px auto;display:block}.pass{background:#edf9f1;border-left:5px solid #2aaf62;margin-top:24px;padding:15px 17px}.pass b{color:#168044;margin-right:5px}.mini-gallery{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mini-gallery img{border:1px solid var(--line);border-radius:11px;width:100%}.practice{background:#fff4d8;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:90px max(24px,50vw - 525px);display:grid}.practice small{color:var(--rose);font-weight:900}.practice h2{font-family:Noto Serif KR,serif;font-size:44px;line-height:1.3}.practice li{margin:12px 0}.practice img{border-radius:16px;width:100%;box-shadow:0 15px 38px #463c2821}.trouble{background:var(--navy);padding:95px max(24px,50vw - 500px)}.faq{gap:10px;display:grid}.faq details{background:#fff;border-radius:9px;overflow:hidden}.faq summary{cursor:pointer;justify-content:space-between;padding:19px 22px;font-weight:900;list-style:none;display:flex}.faq summary span{color:var(--rose)}.faq p{color:#586b77;margin:0;padding:0 22px 20px}.check{max-width:1000px;margin:auto}.progress{background:#e3e8e5;border-radius:99px;height:12px;overflow:hidden}.progress i{background:linear-gradient(90deg,var(--teal),var(--rose));height:100%;transition:width .3s;display:block}.count{text-align:right;color:var(--rose);margin:8px 0 20px;display:block}.checklist{gap:10px;display:grid}.checklist label{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:14px;padding:15px 18px;display:flex}.checklist input{opacity:0;position:absolute}.checklist label>span{background:#edf0ee;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-weight:900;display:grid}.checklist label.done{color:#52705e;background:#edf9f1;border-color:#8fd2a8;text-decoration:line-through}.checklist label.done>span{color:#fff;background:#28a75f}.celebrate{text-align:center;background:#fff4c7;border:2px solid #e7c66b;border-radius:10px;margin-top:24px;padding:22px;font-weight:900}.finish{background:#edf6f4;grid-template-columns:1fr 1fr;align-items:center;gap:52px;padding:90px max(24px,50vw - 550px);display:grid}.finish img{border-radius:18px;width:100%}.finish h2{font-family:Noto Serif KR,serif;font-size:clamp(30px,4vw,48px);line-height:1.35}.finish p{color:#567168}.finish a{background:var(--rose);color:#fff;border-radius:8px;padding:14px 22px;font-weight:900;display:inline-block}.dicasi-guide footer{color:#fff;background:#112c45;padding:38px max(24px,50vw - 550px)}.dicasi-guide footer p{color:#a9bac8;margin:6px 0}@media (width<=850px){.dicasi-nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center;order:0}.facts{justify-content:center}.intro-grid,.practice,.finish,.quality-grid,.formula-row,.step{grid-template-columns:1fr}.num{z-index:1;margin:0 0 -18px 20px}.step-body{padding:34px 22px}.mini-gallery{grid-template-columns:1fr}}@media (width<=520px){.dicasi-nav{padding:0 15px}.nav-start{display:none}.section,.steps,.qualities,.trouble,.practice,.hero{padding-left:18px;padding-right:18px}.hero h1{letter-spacing:-2px;font-size:43px}.section-title h2{font-size:34px}}