:root{--ink:#23271F;--body:#4D5148;--ink-70:rgba(35,39,31,.72);--ink-45:rgba(35,39,31,.5);--ink-20:rgba(35,39,31,.18);--paper:#F7F4EF;--mist:#F1EFEB;--accent:#E85D00;--red:#B73B36}
*{box-sizing:border-box}html{font-size:62.5%}@media (max-width:860px){html{font-size:calc(100vw / 86)}}
html,body{margin:0;padding:0}body{font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;word-break:keep-all;background:#fff}
p,h1,h2,h3,h4,figure,ul,ol{margin:0;padding:0}img{display:block;max-width:100%;height:auto}em{font-style:normal;color:var(--accent)}b{font-weight:700}
.bg-white{background:#fff}.bg-paper{background:var(--paper)}.bg-mist{background:var(--mist)}
.sec{padding:20rem 0 19rem;position:relative}.pad{padding-left:7.3rem;padding-right:7.3rem}
.h3{font-size:4.8rem;line-height:1.3;font-weight:700;letter-spacing:-.16rem}.pad .h3{padding-bottom:3rem;border-bottom:.2rem solid var(--ink)}
/* 제품 정보 */
.dim{position:relative;margin:10rem auto 0}.dim img{width:100%}
.dim .v{position:absolute;right:-6rem;top:0;bottom:0;border-right:.15rem solid var(--ink-45)}.dim .lv{position:absolute;left:calc(100% + 8.5rem);top:45%;font-size:3.2rem;font-weight:700;white-space:nowrap}
.dim .h{position:absolute;left:0;right:0;bottom:-4rem;border-bottom:.15rem solid var(--ink-45)}.dim .lh{position:absolute;left:0;right:0;bottom:-10rem;text-align:center;font-size:3.2rem;font-weight:700}
.plus{margin-top:14rem;text-align:center;font-size:5rem;color:var(--ink-45)}
.parts{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:5rem 7.3rem 0;text-align:center}.parts .nm{font-size:3rem;font-weight:700;margin-bottom:2.4rem}
.parts img{width:20rem;height:20rem;margin:0 auto;border-radius:50%;object-fit:cover;border:.15rem solid var(--ink-20)}.parts .sm{margin-top:1.6rem;font-size:2.4rem;color:var(--ink-45)}
.spec{margin:12rem 7.3rem 0;border-top:.2rem solid var(--ink)}.spec .r{display:grid;grid-template-columns:22rem 1fr;padding:2.8rem 1rem;border-bottom:.15rem solid var(--ink-20);font-size:3rem;line-height:1.5}
.spec .k{color:var(--ink-45)}.foot{margin:3rem 7.3rem 0;font-size:2.4rem;color:var(--ink-45);line-height:1.6}
/* FAQ */
.faq{margin:0 7.3rem}.qa{padding:5rem 0;border-bottom:.15rem solid var(--ink-20)}
.q{display:flex;gap:2rem;font-size:3.4rem;font-weight:700;letter-spacing:-.1rem;line-height:1.4}.q .n{color:var(--accent)}
.a{margin-top:2rem;padding-left:5rem;font-size:3rem;line-height:1.7;color:var(--body)}
.codes{margin-top:1.6rem;display:grid;grid-template-columns:7rem 1fr;row-gap:1rem}.codes b{color:var(--ink)}
/* 주의사항 */
.care{margin:0 7.3rem}.care h4{margin-top:6rem;font-size:3.4rem;letter-spacing:-.1rem}.care ul{margin-top:2rem;padding-left:3.4rem}
.care li{font-size:3rem;line-height:1.65;color:var(--body);margin-top:1.2rem}.care ul.red li,.care li.red{color:var(--red)}
.notice{margin:6rem 7.3rem 0;padding:4rem 4.4rem;border-radius:2rem;background:var(--mist)}.notice h4{font-size:3.4rem;margin:0 0 1.6rem}
.notice ul{padding-left:3.4rem}.notice li{font-size:3rem;line-height:1.65;color:var(--body);margin-top:1rem}.notice li.red{color:var(--red);font-weight:600}
/* 무료체험 불가 */
.nofree{margin:8rem 7.3rem 0;padding:7rem 5rem;border-radius:2.4rem;border:.2rem solid var(--ink);text-align:center}
.nofree .badge{display:inline-block;padding:1.2rem 3.2rem;border-radius:99rem;background:var(--ink);color:#fff;font-size:3rem;font-weight:700;letter-spacing:.1rem}
.nofree .big{margin-top:4rem;font-size:5.2rem;line-height:1.35;font-weight:700;letter-spacing:-.18rem}.nofree .big em{color:var(--red)}
.nofree .lead{margin-top:3rem;font-size:3rem;line-height:1.7;color:var(--body)}
/* 고객센터 */
.cs{margin:0 7.3rem}.cs h4{margin-top:7rem;font-size:3.6rem;letter-spacing:-.1rem}.cs .first{margin-top:6rem}
.kbox{margin-top:3rem;border-radius:2rem;overflow:hidden;border:.15rem solid var(--ink-20)}
.kid{margin-top:1.6rem;font-size:3rem;color:var(--body)}
.tel{display:grid;grid-template-columns:16rem 1fr;row-gap:1.6rem;margin-top:2.6rem;font-size:3rem}.tel .k{color:var(--ink-45)}.tel .big{font-weight:700;letter-spacing:.06rem}
.tip{margin-top:2rem;font-size:2.6rem;line-height:1.6;color:var(--red)}
.cs ul{margin-top:2rem;padding-left:3.4rem}.cs li{font-size:3rem;line-height:1.65;color:var(--body);margin-top:1.2rem}
.wtab{margin-top:3rem;border-top:.2rem solid var(--ink)}.wtab .r{display:grid;grid-template-columns:22rem 1fr;padding:2.4rem 1rem;border-bottom:.15rem solid var(--ink-20);font-size:2.9rem;line-height:1.55}.wtab .k{color:var(--ink-45)}
.close{padding:14rem 0 4rem;text-align:center}.close span{display:inline-block;padding:1rem 3.6rem;border:.2rem solid var(--accent);border-radius:99rem;color:var(--accent);font-size:2.6rem;font-weight:700;letter-spacing:.6rem}
/* HOLD (확인 필요) — 미리보기에서만 보임, ?public=1 이면 숨김 */
.hold-el{position:relative}html.show-hold .hold-el{outline:.3rem dashed rgba(183,59,54,.85);outline-offset:.6rem}
html.show-hold .hold-el::after{content:"HOLD · " attr(data-hold);display:block;width:max-content;max-width:100%;margin:1rem 0 .4rem;padding:.4rem 1rem;border-radius:.6rem;background:#B73B36;color:#fff;font-size:1.8rem;font-weight:700;line-height:1.4;text-align:left;white-space:normal}