:root{--ink:#2E2E2E;--ink2:#514C4A;--ink3:#665F5C;--ink4:#5C5653;--muted:#756E6B;--line:#DED6D1;--line2:#CFC4BF;--line-hover:#BFAEB5;--paper:#FFFDFC;--white:#FFFDFC;--sunken:#F6F0EC;--sunken2:#FAF6F3;--fig:#B48E9A;--fig-deep:#6F4858;--fig-soft:#F1E6EA;--sand-soft:#F3EDE7;--sage:#6B7F60;--wash:#F4E9ED;--wash2:#F7EEF1;--wash3:#F0E3E8;--field:#3B3537;--field-ghost:#BFB4B8;--gray:#EEE9E5;--gray-soft:#E5DFDA;--gray-ink:#4D473D;--gray-dot:#9A918C;--sage-soft:#DCE5D3;--sage-ink:#3D4F33;--sage-wash:#EDF2E8;--sage-line:#CFDCC4;--sage-mist:#E3EBDC;--slate-wash:#E4E8EE;--asked-bg:#ECE4CC;--asked-ink:#6B5A23;--slate-soft:#DCDFE4;--slate:#414B57;--withheld-bg:#F0D7D2;--withheld-ink:#6B3027;--amber-soft:#F7E9C9;--amber:#8A5B0A;--off-bg:#F0DCA8;--off-ink:#6F4908;--shadow:0 18px 48px rgba(76,52,61,.10);--bluegray:#74848E;--bluegray-soft:#E6E9EB;--bluegray-line:#CED4D7;--bluegreen:#457562;--bluegreen-soft:#E3ECE8}
*{box-sizing:border-box}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,tr:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--fig-deep);outline-offset:2px}
.door:focus-visible,.hit:focus-visible,.상품카드:focus-visible,.paper:focus-visible{outline-offset:3px}
.표틀 tr:focus-visible{outline-offset:-2px}

body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;word-break:keep-all;overflow-wrap:break-word}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}
.topbar{min-height:70px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:38px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:7px;color:var(--ink);text-decoration:none;font-size:1.6rem;font-weight:900;letter-spacing:-.07em}.brand img{display:block;height:36px;width:auto}.brand span{align-self:flex-start;margin-top:6px;color:var(--fig-deep);font-size:.68rem;font-weight:800;letter-spacing:0}.topbar nav{display:flex;gap:4px}.nav-link{border:0;border-radius:9px;background:transparent;padding:9px 13px;color:var(--muted);cursor:pointer;text-decoration:none;text-align:center;font-weight:700;font-size:.88rem}.nav-link.active{background:var(--gray);color:var(--ink)}.icon-button{margin-left:auto;border:1px solid var(--line);border-radius:999px;background:white;padding:8px 15px;cursor:pointer}

.subnav{display:flex;gap:2px;padding:0 max(24px,calc((100vw - 1180px)/2));background:var(--paper);border-bottom:1px solid var(--line)}
.sub-link{margin-bottom:-1px;border-bottom:2px solid transparent;padding:11px 13px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.82rem}
.sub-link:hover{color:var(--ink)}
.sub-link.active{border-bottom-color:var(--fig-deep);color:var(--fig-deep)}
main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:54px 0 100px}.intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:45px;margin-bottom:36px}.eyebrow{margin:0 0 9px;color:var(--fig-deep);font-weight:800;font-size:.82rem}.intro h1{margin:0;max-width:760px;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.05;letter-spacing:-.068em}.lede{max-width:610px;margin:20px 0 0;color:var(--muted);font-size:1.05rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(125px,1fr));gap:9px;min-width:300px}.stat{padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:white}.stat strong{display:block;font-size:1.65rem;line-height:1.1}.stat span{color:var(--muted);font-size:.78rem}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 2px 16px}.section-head h2{margin:0;font-size:1.55rem;letter-spacing:-.035em}.section-head>p{margin:0;color:var(--muted);font-size:.85rem}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-card:hover{transform:translateY(-2px);border-color:var(--line-hover);box-shadow:var(--shadow)}
.back{border:0;padding:0;background:none;color:var(--fig-deep);cursor:pointer;font-weight:800}
.maker{color:var(--fig-deep);font-size:.78rem;font-weight:700}.country{float:right;color:var(--fig-deep);font-size:.74rem;font-weight:800}
.toolbar{display:flex;align-items:center;gap:14px;padding:16px;background:white;border:1px solid var(--line);border-radius:17px}.search{flex:1;display:flex;align-items:center;gap:12px;padding:0 15px;border-right:1px solid var(--line)}.search span{font-weight:800;white-space:nowrap}.search input{width:100%;min-width:0;padding:11px 0;border:0;outline:0;background:transparent}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:white;cursor:pointer}.filter.active{color:white;background:var(--ink);border-color:var(--ink)}.result-count{color:var(--muted);margin:22px 2px 12px;font-size:.85rem}

.result-count strong{font-size:1.05rem;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:12px}
.product-card{display:flex;gap:16px;text-decoration:none;color:inherit;padding:20px;text-align:left;border:1px solid var(--line);border-radius:17px;background:white;cursor:pointer;transition:.18s}

.card-body{flex:1;min-width:0;display:flex;flex-direction:column}
.card-body .card-meta{margin-top:auto}


.card-shot{flex:none;align-self:center;width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply}
.product-card h2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 18px;font-size:1.08rem;line-height:1.36}

.product-card h2:has(+ .변형){margin-bottom:2px}

.product-card .변형{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px;color:var(--muted);font-size:.79rem;line-height:1.4}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 8px;border-radius:6px;background:var(--gray);color:#565656;font-size:.72rem}.card-meta{margin-top:16px;color:var(--muted);font-size:.77rem}
.detail{max-width:1080px;margin:0 auto}.detail-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.45fr);gap:18px;align-items:start}.panel{padding:26px;border:1px solid var(--line);border-radius:20px;background:white}.panel h2{margin:0 0 5px;font-size:1.35rem;letter-spacing:-.03em}.panel-intro{margin:0 0 22px;color:var(--muted);font-size:.92rem}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.ingredients li:first-child{border-top:0}.ingredients small{display:block;color:var(--muted)}.amount{white-space:nowrap;font-weight:750}.chain{display:grid;gap:11px}.chain-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--sunken)}.chain-row .num{display:grid;place-items:center;width:38px;height:38px;background:white;border:1px solid var(--line);border-radius:50%;font-size:1.05rem;font-weight:850}.chain-copy{min-width:0}.chain-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.chain-row h3{margin:3px 0 0;font-size:1rem;line-height:1.35}.chain-body{color:var(--ink2);font-size:.94rem;line-height:1.75;overflow-wrap:anywhere;white-space:pre-line}.chain-body br{display:block;content:"";margin-top:5px}
.단계줄{display:grid;grid-template-columns:fit-content(50%) minmax(0,1fr);gap:6px 14px;margin:0;line-height:1.5}.단계줄 dt{color:var(--muted);font-weight:500}.단계줄 dd{margin:0;color:var(--ink);font-weight:700;white-space:normal}.단계줄 dd small{margin-left:6px;color:var(--muted);font-size:.86em;font-weight:500}.단계값.k{color:var(--sage-ink)}.단계값.덧아래 small{display:block;margin:2px 0 0;line-height:1.5;white-space:pre-line}.단계값.w{color:var(--withheld-ink)}.단계값.a{color:var(--asked-ink)}.단계값.u{color:var(--gray-ink)}.chain-body .배수{color:var(--ink3);font-size:.94em}.chain-body strong{color:var(--ink);font-weight:680}.chain-row.outside{background:white;border-style:dashed}.status{flex:none;border-radius:999px;padding:5px 9px;font-size:.72rem;line-height:1.25;font-weight:800;white-space:normal;text-align:center;max-width:190px}.known{background:var(--sage-soft);color:var(--sage-ink)}.asked{background:var(--asked-bg);color:var(--asked-ink)}.checked{background:var(--slate-soft);color:var(--slate)}.unknown{background:var(--gray-soft);color:var(--gray-ink)}.withheld{background:var(--withheld-bg);color:var(--withheld-ink)}.none{background:transparent;color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line2)}.팩{color:var(--ink);font-weight:750}.센값{display:block;margin-top:3px;color:var(--muted);font-size:.68rem;font-weight:400;line-height:1.4}.facts-shot{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}.facts-shot a{display:block}.facts-shot img{display:block;width:100%;max-width:340px;margin:0 auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}.facts-shot a:hover img{border-color:var(--fig-deep)}.facts-shot figcaption{margin-top:9px;color:var(--muted);font-size:.74rem;text-align:center}.empty{color:var(--muted)}.scope-note{margin:26px 0 8px;padding:16px 18px;border:1px dashed var(--line);border-radius:14px;background:white;color:var(--muted);font-size:.85rem;line-height:1.8}.scope-note strong{color:var(--ink);font-weight:700}
@media(max-width:1000px){.detail-grid{grid-template-columns:1fr}.chain-panel{padding:24px}.chain-row{padding:18px 20px}.intro{grid-template-columns:1fr}.stats{min-width:0}.ingredient-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar{flex-wrap:wrap;padding:10px 16px}.topbar nav{order:3;width:100%}.subnav{padding:0 16px;overflow-x:auto}.sub-link{white-space:nowrap}.nav-link{flex:1}main{width:calc(100% - 32px);padding-top:32px}.intro h1{font-size:2.45rem}.toolbar{align-items:stretch;flex-direction:column}.search{border-right:0;border-bottom:1px solid var(--line)}.ingredient-grid,.product-grid{grid-template-columns:1fr}.panel,.chain-panel{padding:20px}.chain-row{grid-template-columns:36px minmax(0,1fr);padding:15px;gap:12px}.chain-heading{display:block}.status{display:inline-block;margin-top:8px;max-width:100%;text-align:left}.chain-body{font-size:.93rem;line-height:1.72}}


.product-hero{display:grid;grid-template-columns:280px minmax(0,1fr) 250px;gap:34px;align-items:center;margin:26px 0 18px;padding:34px;background:white;border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 65px rgba(20,20,20,.07)}
.product-visual{min-width:0;text-align:center}.product-visual img{display:block;width:100%;height:310px;object-fit:contain;border-radius:18px;background:var(--sunken)}.image-caption{display:block;margin-top:10px;color:var(--muted);font-size:.7rem}.image-placeholder{display:grid;place-items:center;align-content:center;height:310px;border-radius:18px;background:linear-gradient(145deg,var(--wash3),var(--sunken2));color:var(--fig-deep)}.image-placeholder span{font-size:3rem;font-weight:950;letter-spacing:-.08em}.image-placeholder small{color:var(--muted)}

.product-intro h1{margin:8px 0 12px;max-width:720px;font-size:1.75rem;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
@media(max-width:560px){.product-intro h1{font-size:1.45rem}}.product-intro .meta{margin:0;color:var(--muted);font-size:.8rem}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.hero-facts div{min-width:0;padding-top:12px;border-top:1px solid var(--line)}.hero-facts span{display:block;color:var(--muted);font-size:.72rem}.hero-facts strong{display:block;margin-top:4px;font-size:.84rem;line-height:1.4;overflow-wrap:anywhere}.hero-facts small{display:block;margin-top:2px;color:var(--muted);font-size:.7rem}

.purchase-card{align-self:stretch;display:flex;flex-direction:column;padding:24px;border-radius:18px;background:var(--ink);color:white}.purchase-label{color:var(--field-ghost);font-size:.72rem;font-weight:800}.price{margin-top:6px;font-size:1.75rem;letter-spacing:-.04em}.price-krw{display:block;margin-top:5px;color:var(--field-ghost);font-size:.72rem;font-weight:650}.purchase-card p{margin:4px 0 18px;color:var(--field-ghost);font-size:.76rem}.price-detail{display:grid;gap:9px;margin:0 0 18px;padding:14px 0;border-top:1px solid var(--field);border-bottom:1px solid var(--field)}.price-detail div{display:flex;justify-content:space-between;gap:12px}.price-detail dt{color:var(--gray-dot);font-size:.72rem}.price-detail dd{margin:0;font-size:.76rem;font-weight:750}.buy-button{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:13px 15px;border:0;border-radius:10px;background:var(--wash2);color:var(--fig-deep);text-decoration:none;font-weight:850;cursor:pointer}.deal-chip{margin-right:auto;padding:2px 7px;border-radius:5px;background:var(--fig-deep);color:white;font-size:.68rem;font-weight:800}.purchase-card .no-link{margin:auto 0 0;padding-top:13px;color:var(--gray-dot);font-size:.7rem;line-height:1.55}.purchase-card small{display:block;margin-top:13px;color:var(--gray-dot);font-size:.68rem;line-height:1.55}
.detail-jump{display:flex;gap:8px;margin-bottom:18px}.detail-jump a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:750}.detail-jump a:hover{border-color:var(--fig-deep);color:var(--fig-deep)}.section-kicker{margin:0 0 5px;color:var(--fig-deep);font-size:.7rem;font-weight:900;letter-spacing:.09em}.legend{display:flex;gap:15px;margin:-6px 0 18px;color:var(--muted);font-size:.72rem}.legend span{display:flex;align-items:center;gap:6px}.dot{display:block;width:8px;height:8px;border-radius:50%}.dot.known{background:var(--sage-ink)}.dot.asked{background:var(--asked-ink)}.dot.unknown{background:var(--gray-dot)}.dot.checked{background:var(--slate)}.dot.withheld{background:var(--withheld-ink)}.dot.none{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2)}.legend{flex-wrap:wrap}
.chain-row{position:relative}.chain-row:not(:last-child)::after{content:"";position:absolute;left:36px;bottom:-12px;width:1px;height:12px;background:var(--line2)}.chain-row .num{color:var(--fig-deep);border-color:var(--line2)}.chain-row.outside .num{color:var(--muted);border-color:var(--line)}
@media(max-width:1000px){.product-hero{grid-template-columns:230px 1fr}.purchase-card{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:5px 20px;align-items:center}.purchase-card p,.purchase-card small,.purchase-card .price-krw{grid-column:1}.purchase-card .buy-button{grid-column:2;grid-row:1/4;min-width:210px;margin:0}.price{grid-column:1}}
@media(max-width:680px){.product-hero{grid-template-columns:1fr;padding:20px;gap:22px}.product-visual img,.image-placeholder{height:250px}.purchase-card{display:flex}.purchase-card .buy-button{margin-top:14px;min-width:0}.hero-facts{grid-template-columns:1fr}.hero-facts strong{white-space:normal}.detail-jump{overflow-x:auto}.detail-jump a{flex:none}}

.할일띠{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:14px;margin:24px calc(50% - 50vw) 0;padding:12px max(24px,calc(50vw - 566px));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.05)}
.할일띠 .띠이름{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:800}
.할일띠 .띠이름 small{display:block;color:var(--muted);font-size:.72rem;font-weight:650}
.할일띠 .다음할일{display:flex;align-items:center;gap:8px}
.할일띠 .다음할일 button,.할일띠 .다음할일 a{display:flex;align-items:center;justify-content:center;min-width:190px;padding:12px 14px;border-radius:10px;font:inherit;font-size:.84rem;font-weight:800;text-decoration:none;cursor:pointer}
.할일띠 .조합담기{border:0;background:var(--fig-deep);color:white}
.할일띠 .조합담기.담음{border:1px solid var(--fig-deep);background:var(--fig-soft);color:var(--fig-deep)}
.할일띠 .비교가기{border:1px solid var(--line);background:white;color:var(--ink)}


.담음창{width:min(420px,100%);padding:30px 26px 22px;text-align:center}
.담음창 h3{margin:0 0 10px;font-size:1.2rem}
.담음창이름{margin:0 0 22px;font-size:.9rem;font-weight:700;color:var(--ink2)}.담음창이름 small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem;font-weight:600}
.담음창발{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.담음창발 button{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--white);font:inherit;font-size:.86rem;font-weight:800;color:var(--ink);cursor:pointer}
.담음창발 button.주{border-color:var(--fig-deep);background:var(--fig-deep);color:#fff}
.담음창발.셋{grid-template-columns:repeat(3,1fr)}

#comparison .추천돌아가기{margin-left:18px;padding:4px 12px;border-radius:999px;background:var(--fig-soft)}
.조합-답고침{float:right;margin:0 0 6px 12px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);font:inherit;font-size:.78rem;font-weight:700;color:var(--ink2);cursor:pointer}
.담음창발 button.뺌{border-color:var(--withheld-ink);color:var(--withheld-ink)}
@media(max-width:480px){.담음창발.셋{grid-template-columns:1fr 1fr}.담음창발.셋 .뺌{grid-column:1/-1;order:2}}

.글할일띠{display:none}
@media(max-width:1179px){
  .글할일띠{position:sticky;bottom:0;z-index:5;display:flex;justify-content:safe center;gap:8px;overflow-x:auto;margin:24px calc(50% - 50vw) 0;padding:10px 16px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(0,0,0,.05);scrollbar-width:none}
  .글할일띠::-webkit-scrollbar{display:none}
  .글할일띠 a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font-size:.84rem;font-weight:800;text-decoration:none;white-space:nowrap}
  .글할일띠 a:first-child{flex:1 0 auto;max-width:480px;border-color:var(--fig-deep);background:var(--fig-deep);color:white}
  .글틀 .글제품길,.글제품길줄{display:none}
}
@media(max-width:680px){.할일띠{padding:10px 16px}.할일띠 .띠이름{display:none}.할일띠 .다음할일{width:100%;align-items:stretch}.할일띠 .다음할일 button,.할일띠 .다음할일 a{flex:1 1 0;min-width:0;padding:10px 8px;font-size:.8rem;text-align:center}}


.panel-intro.tier2{padding:11px 13px;border-radius:10px;background:#fff6e8;color:var(--amber);font-weight:650}

.ingredients .label-split{display:block;margin:6px 0 0;padding:9px 0 7px;border-top:1px solid var(--line);color:var(--fig-deep);font-size:.72rem;font-weight:900;letter-spacing:.09em}
.ingredients .label-split:first-child{margin-top:0;border-top:0;padding-top:0}
.ingredients .label-split+li{border-top:0}
.storage-row{padding:15px 0;border-top:1px solid var(--line)}.storage-row:first-of-type{border-top:0}
.storage-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}.storage-head strong{font-size:1.02rem}
.cold-pill{padding:3px 9px;border-radius:999px;background:var(--slate-soft);color:var(--slate);font-size:.72rem;font-weight:800}
.storage-row p{margin:0 0 6px;color:var(--ink2);font-size:.94rem;line-height:1.75}
.storage-vs{padding:11px 13px;border-left:3px solid var(--amber);border-radius:0 9px 9px 0;background:#fffaf1}
.storage-src{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}
.storage-label{color:var(--muted);font-size:.86rem}.storage-label em{color:var(--ink);font-style:normal;font-weight:650}



.card-chain{margin-top:9px;color:var(--ink2);font-size:.76rem;line-height:1.6;overflow-wrap:anywhere}

.hero-facts .fact-chain{grid-column:1/-1}


.chain-split{margin:4px 0;padding:12px 15px;border-top:1px dashed var(--line2);color:var(--ink4);font-size:.84rem;line-height:1.7}
.chain-split:empty{padding:0;margin:8px 0}


.correction-banner{margin:18px 0 0;padding:18px 20px;border:1px solid #e3c489;border-left:4px solid var(--amber);border-radius:0 14px 14px 0;background:var(--amber-soft);color:var(--amber)}
.correction-banner strong{display:block;margin-bottom:7px;font-size:.76rem;font-weight:900;letter-spacing:.06em}
.correction-banner p{margin:0 0 8px;color:#5a4310;font-size:.9rem;line-height:1.65}
.correction-banner p strong{display:inline;margin:0;color:var(--ink);font-size:1em;letter-spacing:0}
.correction-banner s{color:#8c7a52}

.ingredients .fixed{margin-top:4px;color:var(--amber);font-size:.78rem}
.ingredients .fixed s{color:#9a8a66}

.corrections .panel-intro{max-width:700px;margin:28px 0 26px}
.correction-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.correction{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:white}
.correction.grave{border-left:4px solid var(--amber)}
.correction-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.correction-head time{color:var(--muted);font-size:.78rem}
.correction .status.warn{background:var(--amber-soft);color:var(--amber)}
.correction .status.info{background:var(--slate-soft);color:var(--slate)}
.correction-what{margin:0 0 5px;font-size:.94rem;line-height:1.6;overflow-wrap:anywhere}
.correction-what s{color:var(--muted)}
.correction-why{margin:9px 0 12px;color:var(--muted);font-size:.82rem}
.correction a{color:var(--fig-deep);text-decoration:none;font-size:.82rem;font-weight:800}


.sitefoot{background:#2F2A2C;color:#E9E2DE}


.대문-단계:last-child{padding-bottom:12px}
.발치안{width:min(1180px,calc(100% - 40px));margin:0 auto}

@media(max-width:560px){.발치안{width:calc(100% - 32px)}}
.발치위{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px;padding:72px 0 52px}
.발치로고 img{height:30px;display:block;filter:brightness(0) invert(1);opacity:.92}
.발치소개 p{margin:14px 0 0;font-size:.82rem;line-height:1.6;color:#BDB3AF;max-width:260px}
.sitefoot h4{margin:0 0 16px;font-size:.8rem;color:#fff}
.sitefoot ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.sitefoot #foot-안내{display:grid;gap:12px;margin-bottom:8px}

.sitefoot li,.sitefoot #foot-안내 a{line-height:1.5}
.sitefoot a,.sitefoot .foot-link{display:inline;border:0;border-radius:0;background:none;padding:0;font-size:.86rem;font-weight:400;color:#CFC6C2;text-decoration:none}
.sitefoot a:hover,.sitefoot .foot-link:hover{color:#fff;text-decoration:underline;border:0}
.발치정보{border-top:1px solid #4A4245;padding:28px 0;font-size:.8rem;color:#BDB3AF;display:flex;flex-wrap:wrap;gap:6px 18px}
.발치정보 b{color:#E9E2DE;font-weight:600;margin-right:4px}
.발치아래{border-top:1px solid #4A4245;padding:28px 0 72px}
.발치아래 p{margin:0 0 10px;max-width:880px;font-size:.8rem;line-height:1.65;color:#A79C98}
.발치아래 .발치저작{margin:0;font-size:.76rem}
@media(max-width:860px){.발치위{grid-template-columns:1fr 1fr}.발치소개{grid-column:1/-1}}

.foot-link{display:inline-block;border:1px solid var(--line);border-radius:999px;background:white;padding:9px 16px;color:var(--muted);cursor:pointer;text-decoration:none;font-size:.82rem;font-weight:750}
.foot-link:hover,.foot-link.active{border-color:var(--fig-deep);color:var(--fig-deep)}
.correction-banner .foot-link{background:transparent;border-color:#d9bd85;color:var(--amber)}

.ingredients .inside{margin-top:4px;color:var(--slate);font-size:.78rem;line-height:1.5}
.ingredients .inside strong{color:var(--ink);font-weight:700}




#doors-concern{scroll-margin-top:84px}






.성분모름{display:inline-flex;align-items:center;gap:10px;height:45px;padding:0 18px 0 8px;border:1px solid var(--bluegray-line);border-radius:14px;background:var(--bluegray-soft);color:var(--slate);font-size:.92rem;text-decoration:none;transition:filter .18s}
.성분모름 .그림{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:white}
.성분모름 .그림 svg{width:18px;height:18px;fill:none;stroke:var(--slate);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.성분모름 b{font-weight:700}
.성분모름 .화살{transition:transform .18s}
.성분모름:hover{filter:brightness(.96)}.성분모름:hover .화살{transform:translateX(3px)}
.성분갈래{display:flex;gap:6px;flex-wrap:wrap;margin:28px 0 22px}
.성분갈래 button{display:inline-flex;align-items:center;gap:5px;padding:6px 11px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink2);font:inherit;font-size:.84rem;cursor:pointer}
.성분갈래 button i{font-style:normal;color:var(--muted);margin-left:3px;font-size:.76rem}
.성분갈래 button.on{background:var(--fig-deep);border-color:var(--fig-deep);color:white}
.성분갈래 button.on i{color:white;opacity:.8}
.성분갈래 button svg{width:16px;height:16px;fill:none;stroke:var(--k-선,var(--ink));stroke-width:1.6;stroke-linejoin:round}

.성분갈래 button[data-kind]:not([data-kind="전체"]).on{background:var(--k-면);border-color:var(--k);color:var(--k-글)}
.성분갈래 button[data-kind]:not([data-kind="전체"]).on i{color:var(--k-글)}
.성분고민띠{margin:0 0 14px;padding:12px 16px;border:1px solid var(--line-hover);border-radius:12px;background:var(--wash2);font-size:.92rem}
.성분고민띠 a{color:var(--fig-deep);font-weight:700;text-decoration:none}

#ingredient-home .목록머리{grid-template-columns:1fr;justify-items:center;gap:12px;min-height:0;padding:12px 0 16px;border:0;border-radius:0;background:none;box-shadow:none;text-align:center}
#ingredient-home .목록머리 h1,#ingredient-home .목록머리 h2{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}

#ingredient-home .목록머리 .밑줄찾기감{display:flex;align-items:center;gap:14px;width:auto;max-width:none}
#ingredient-home .밑줄찾기감>.밑줄찾기{width:420px;flex:none}
#ingredient-home .성분모름{flex:none;white-space:nowrap}
@media(max-width:640px){#ingredient-home .목록머리 .밑줄찾기감{flex-wrap:wrap;width:100%}#ingredient-home .밑줄찾기감>.밑줄찾기,#ingredient-home .성분모름{width:100%}}
.성분종류줄{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:0 0 40px;padding:6px 0 18px;border-bottom:1px solid #E6E2DF}
.성분종류줄 button{all:unset;cursor:pointer;padding-bottom:4px;color:var(--ink);font-size:.95rem;letter-spacing:-.01em}
.성분종류줄 button.on{box-shadow:inset 0 -2px 0 var(--ink)}
.성분종류줄 button:disabled{opacity:.3;cursor:default}
.성분종류줄 button:focus-visible{outline:2px solid var(--fig-deep);outline-offset:3px}
.성분칸판{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:34px 20px}
.성분칸판 .empty{grid-column:1/-1}.성분칸판 .empty a{color:var(--fig-deep);font-weight:700}

[data-갈래="비타민"],[data-kind="비타민"]{--k:var(--fig);--k-면:var(--fig-soft);--k-선:var(--fig-deep);--k-글:var(--fig-deep)}
[data-갈래="미네랄"],[data-kind="미네랄"]{--k:var(--bluegray);--k-면:var(--bluegray-soft);--k-선:var(--bluegray);--k-글:var(--slate)}
[data-갈래="항산화"],[data-kind="항산화"],[data-갈래="뼈, 관절&연골"],[data-kind="뼈, 관절&연골"],[data-갈래="유산균"],[data-kind="유산균"],[data-갈래="오메가3"],[data-kind="오메가3"],
[data-갈래="그 외"],[data-kind="그 외"]{--k:var(--bluegreen);--k-면:var(--bluegreen-soft);--k-선:var(--bluegreen);--k-글:var(--bluegreen)}
.성분칸{display:flex;flex-direction:column;align-items:center;text-align:center;color:inherit;text-decoration:none}
.성분칸 .그림판{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;margin-bottom:10px}
.성분칸 .그림판 svg{width:80%;height:auto;transition:transform .18s}
.성분칸:hover .그림판 svg{transform:scale(1.06)}
.성분칸 strong{font-size:.95rem;font-weight:700}
.성분칸:hover strong{text-decoration:underline;text-underline-offset:3px}
.성분칸 small{margin-top:2px;color:#B5AFAB;font-size:.74rem}
.성분칸:focus-visible{outline:2px solid var(--fig-deep);outline-offset:3px}
@media(max-width:1100px){.성분칸판{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.성분칸판{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px}}
.door-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}

.door{display:block;text-decoration:none;color:inherit;padding:13px 14px;text-align:left;background:white;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:.16s}
.door:hover{border-color:var(--fig-deep);box-shadow:var(--shadow)}
.door strong{display:block;font-size:.98rem;letter-spacing:-.02em}
.door span{display:block;margin-top:1px;color:var(--muted);font-size:.7rem}
.door u{display:block;margin-top:9px;text-decoration:none;color:var(--ink2);font-size:.72rem}
.door u i{font-style:normal;color:var(--fig-deep);font-weight:800}


.hits{margin-top:8px}
.hit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hit{display:block;text-decoration:none;color:inherit;padding:15px 16px;text-align:left;background:white;border:1px solid var(--line);border-radius:13px;cursor:pointer}
.hit:hover{border-color:var(--line-hover);box-shadow:var(--shadow)}
.hit strong{display:block;margin:3px 0 5px;font-size:.95rem;line-height:1.38;font-weight:700}
.hit small{color:var(--muted);font-size:.74rem}



.concern-note{padding:0 2px;color:var(--ink2);font-size:.92rem;line-height:1.8}

.concern-note:empty{display:none}
.concern-note strong{font-size:1rem}
.concern-note p{margin:7px 0 0;color:var(--muted);font-size:.88rem;line-height:1.75}


.scope-note .숫자들{display:flex;gap:22px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
.scope-note .숫자들 b{color:var(--ink);font-size:.95rem;font-weight:750}


.성분머리{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:start;margin:22px 0 0;padding:24px;background:white;border:1px solid var(--line);border-radius:18px}
.성분머리 h1{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.05em}
.성분머리 h1 span{margin-left:10px;color:var(--muted);font-size:.9rem;font-weight:600;letter-spacing:0}
.성분머리 .요약{margin:13px 0 0;color:var(--ink2);font-size:.96rem;line-height:1.75}
.성분머리 .출처{margin:14px 0 0;color:var(--muted);font-size:.8rem;line-height:1.7}
.성분머리 .출처 strong{color:var(--ink);font-weight:700}
.기준칸{display:grid;gap:8px}
.기준칸>div{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--sunken)}
.기준칸 span{display:block;color:var(--muted);font-size:.72rem}
.기준칸 strong{display:block;margin-top:3px;font-size:.94rem;font-weight:700;line-height:1.5}
.기준칸 em{font-style:normal;color:var(--fig-deep);font-weight:800}
.도구{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 9px}

.칩{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink2);cursor:pointer;font-size:.8rem;font-weight:750}
.칩.on{background:var(--ink);color:white;border-color:var(--ink)}
.도구 .갈라{width:1px;height:22px;background:var(--line)}
.도구 small{color:var(--muted);font-size:.79rem}
.도구 small strong{color:var(--ink2);font-weight:700}
.표틀{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:16px}



#comparison{padding-top:0}
#comparison .back{display:inline-block;margin-top:-26px}

.성분머리.좁게{display:block;margin:14px 0 0;padding:16px 20px;border-radius:16px}
.성분머리.좁게 h1{font-size:1.55rem;letter-spacing:-.04em}
.성분머리.좁게 h1 span{margin-left:8px;color:var(--muted);font-size:.8rem;font-weight:700}
.성분머리.좁게 .요약{max-width:760px;margin:7px 0 0;font-size:.9rem;line-height:1.6;color:var(--ink2)}
.성분머리.좁게 .출처{max-width:860px;margin:6px 0 0;font-size:.78rem;line-height:1.55}

.기준한줄말{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0;color:var(--ink2);font-size:.8rem}
.기준한줄말 strong{color:var(--fig-deep);font-weight:800}
.기준한줄말 .펴는말{margin-top:0}
.성분머리.좁게 .요약.뒷문장{margin-top:10px;font-size:.86rem}

.성분머리.좁게 .기준칸{margin-top:10px;grid-template-columns:repeat(3,1fr);gap:8px}
.성분머리.좁게 .기준칸>div{padding:10px 13px;background:var(--paper);border-color:transparent}
.성분머리.좁게 .기준칸 strong{font-size:.86rem;line-height:1.45}
@media(max-width:900px){.성분머리.좁게 .기준칸{grid-template-columns:1fr}}
.펴는말{margin-top:10px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--muted);font-size:.76rem;font-weight:750;cursor:pointer}
.펴는말:hover{border-color:var(--fig-deep);color:var(--fig-deep)}
.분류탭{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--gray)}
.탭{padding:8px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:750;cursor:pointer}
.탭.on{background:white;color:var(--ink);box-shadow:0 1px 3px rgba(17,24,20,.1)}
.탭 i{font-style:normal;font-weight:850}
.탭[disabled]{opacity:.4;cursor:not-allowed}
.오른도구{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.체크{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem;font-weight:750;cursor:pointer}
.체크 i{font-style:normal;color:var(--ink)}
.분류설명{display:block;margin-top:8px}
.가른말{margin:10px 2px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;line-height:1.7}
.가른말 .펴는말{margin-top:0}



.오른도구 .갈라{margin:0 2px}

.칩.거르기.on{background:var(--sage-soft);color:var(--sage-ink);border-color:var(--sage-ink)}
.칩.거르기.on::before{content:"✓ ";font-weight:800}
.칩.거르기.on i{color:var(--sage-ink)}
.칩.막힘{opacity:.45;cursor:not-allowed}
.막힌말{color:var(--muted);font-size:.76rem;line-height:1.6}
.막힌말 strong{color:var(--ink)}
.표틀 .하루값칸{min-width:104px;white-space:nowrap}
.표틀 .하루값칸 strong{display:block;font-weight:750}
.표틀 .하루값칸 small{display:block;margin-top:2px;color:var(--muted);font-size:.7rem;white-space:normal}
.가른말 strong{color:var(--ink);font-weight:700}
.꼬리.표밖{margin-top:14px;border:1px solid var(--line);border-radius:14px}
.표틀 table{width:100%;border-collapse:collapse;font-size:.86rem}

@media(min-width:1100px){
  .표틀{overflow:visible}
  .표틀 thead th{position:sticky;top:70px;z-index:2;box-shadow:0 1px 0 var(--line)}
}
.표틀 th{text-align:left;padding:12px 12px;background:white;border-bottom:1px solid var(--line);color:var(--muted);font-size:.74rem;font-weight:800;white-space:nowrap}
.표틀 th.정렬{color:var(--ink)}.표틀 th.정렬::after{content:" ↓";color:var(--fig-deep)}
.표틀 td{padding:12px 12px;border-bottom:1px solid #f0f0f0;vertical-align:top}
.표틀 tbody tr:last-child td{border-bottom:0}
.표틀 tbody tr{cursor:pointer}
.표틀 tbody tr:hover{background:var(--sunken)}


.표틀 .제품칸{width:30%;min-width:230px}

.표틀 .제품칸 strong{display:block;margin:1px 0;font-weight:800;line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.표틀 .제품칸 small{display:block;color:var(--muted);font-size:.74rem}

.표틀 .제품칸 .변형{margin-top:1px;color:var(--ink3);font-size:.73rem;line-height:1.4}
.단위말{margin-left:5px;font-style:normal;font-size:.68rem;font-weight:750;color:var(--muted);vertical-align:1px}
.갈래딱지{font-style:normal;padding:1px 5px;border-radius:4px;background:var(--gray);color:var(--gray-ink);font-size:.68rem;font-weight:750}

.표틀 .함량칸{min-width:186px;max-width:240px;font-weight:400}
.표틀 .함량칸>strong{display:block;font-size:.95rem;font-weight:800}
.표틀 .함량칸 .하루{display:block;color:var(--muted);font-size:.74rem}

.표틀 .함량칸 .합한값{display:block;color:var(--muted);font-size:.72rem;margin-top:1px;text-wrap:pretty}

.기준밖{margin:8px 0 0;padding:9px 12px;border-radius:9px;background:var(--gray);color:var(--ink2);font-size:.8rem;line-height:1.55}
.기준한줄{display:inline-block;margin-top:4px;padding:2px 7px;border-radius:6px;background:var(--gray-soft);color:var(--gray-ink);font-size:.72rem;font-weight:750;line-height:1.45}
.기준한줄.넘음{background:var(--amber-soft);color:var(--amber)}
.기준한줄.흐림{background:transparent;padding:2px 0;color:var(--gray-dot);font-weight:650}

.기준한줄.흐림.못잼,.근거.흐림.못잼{display:inline-block;padding:2px 7px;border-radius:6px;
  background:transparent;color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line2)}




.성분표펼침{margin-top:7px}
.성분표펼침>summary{display:inline-block;padding:3px 9px;border:1px solid var(--line);
  border-radius:6px;background:var(--white);color:var(--muted);font-size:.72rem;
  cursor:pointer;list-style:none}
.성분표펼침>summary::-webkit-details-marker{display:none}
.성분표펼침>summary::after{content:" ▸"}
.성분표펼침[open]>summary{border-color:var(--fig-deep);color:var(--fig-deep)}
.성분표펼침[open]>summary::after{content:" ▾"}
.ingredients.좁은{margin-top:8px}
.ingredients.좁은 li{padding:6px 0;font-size:.76rem;line-height:1.4}
.ingredients.좁은 small{font-size:.72rem}
.ingredients.좁은 .amount{font-size:.76rem}
.조심{margin-top:18px}
.조심>h3{margin:0 0 4px;font-size:1rem;letter-spacing:-.03em}
.조심>h3 i{margin-left:5px;font-style:normal;color:var(--gray-dot);font-weight:700}
.조심앞말{margin:0 0 11px;color:var(--ink2);font-size:.81rem;line-height:1.6}
.조심칸들{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}
.조심장{padding:13px 15px;border:1px solid var(--line);border-left:3px solid var(--line2);
        border-radius:0 11px 11px 0;background:var(--white)}
.조심장.센{border-left-color:var(--amber)}
.조심머리줄{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.세기딱지{padding:2px 8px;border-radius:5px;background:var(--gray-soft);color:var(--gray-ink);
          font-size:.7rem;font-weight:800}
.조심장.센 .세기딱지{background:var(--amber-soft);color:var(--amber)}
.조심장 .대상{font-size:.93rem;font-weight:800}
.조심장 em{font-style:normal;color:var(--gray-dot);font-size:.74rem}
.조심장 .무엇{margin-left:auto;color:var(--muted);font-size:.71rem;font-weight:700}
.조심장 .사실{margin:0;color:var(--ink2);font-size:.81rem;line-height:1.65}
.조심장 .사실 strong{color:var(--ink);font-weight:750}
.한계칸{margin-top:8px}
.한계칸>summary{display:inline-block;color:var(--fig-deep);font-size:.75rem;font-weight:750;
                cursor:pointer;list-style:none}
.한계칸>summary::-webkit-details-marker{display:none}
.한계칸>summary::after{content:" ▸"}
.한계칸[open]>summary::after{content:" ▾"}
.한계{margin-top:7px;padding:10px 12px;border-radius:9px;background:var(--sunken);
      color:var(--ink2);font-size:.78rem;line-height:1.7}
.한계 strong{color:var(--ink);font-weight:750}
.조심출처{display:inline-block;margin-top:7px;color:var(--gray-dot);font-size:.72rem;
          text-decoration:underline}
.조심칸{margin-top:12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:white}
.조심칸>summary{cursor:pointer;font-size:.82rem;font-weight:800;color:var(--ink)}
.조심칸>summary i{margin-left:6px;font-style:normal;color:var(--gray-dot);font-weight:700}
.조심머리{margin:9px 0 6px;color:var(--ink2);font-size:.79rem;line-height:1.6}
.조심칸 ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.조심줄{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:.78rem;line-height:1.6;color:var(--ink2)}
.조심줄 b{color:var(--ink);font-weight:800}
.조심줄 em{font-style:normal;color:var(--gray-dot);font-size:.74rem}
.조심줄 a{color:var(--gray-dot);font-size:.72rem;text-decoration:underline}
.조심줄.센 b{color:var(--amber)}

.조심줄 .세기말{flex:none;font-style:normal;font-size:.68rem;font-weight:800;
  padding:1px 6px;border-radius:5px;background:var(--gray-soft);color:var(--gray-ink)}
.조심줄.센 .세기말{background:var(--amber-soft);color:var(--amber)}

.품질칸{margin-top:12px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:white}
.품질칸>summary{cursor:pointer;font-size:.82rem;font-weight:800;color:var(--ink)}
.품질칸>summary i{margin-left:6px;font-style:normal;color:var(--gray-dot);font-weight:700}
.품질머리{margin:9px 0 6px;color:var(--ink2);font-size:.79rem;line-height:1.6}
.품질칸 ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.품질줄{font-size:.78rem;line-height:1.6;color:var(--ink2)}
.품질줄 b{color:var(--ink);font-weight:800}
.품질줄 em{margin-left:6px;font-style:normal;color:var(--gray-dot);font-size:.74rem}
.품질값{display:block;margin-top:2px;color:var(--ink);font-weight:700}
.품질덧{display:block;margin-top:4px;color:var(--ink2);font-size:.75rem;line-height:1.65}
.품질줄 a{display:inline-block;margin-top:4px;color:var(--gray-dot);font-size:.72rem;text-decoration:underline}
.기능성줄{display:block;margin-top:3px;color:var(--gray-ink);font-size:.71rem;line-height:1.45}
.기능성줄 i{font-style:normal;font-weight:800}
.기능성줄.벗어남 i{color:var(--amber)}
.기능성줄.흐림{color:var(--gray-dot)}
.더{display:block;margin-top:3px;color:var(--gray-dot);font-size:.71rem}
.표틀 .원료칸{min-width:180px;max-width:240px}
.표틀 .원료칸 strong{display:block;font-weight:750;line-height:1.35}
.공급사{display:block;margin-bottom:4px;color:var(--muted);font-size:.74rem}
.확인요약{display:block;margin-top:3px;color:var(--muted);font-size:.74rem}

.펼치기{margin-top:6px;padding:3px 8px;white-space:nowrap;border:1px solid var(--line);border-radius:6px;background:white;color:var(--muted);font-size:.7rem;cursor:pointer}
.펼치기:hover{border-color:var(--fig-deep);color:var(--fig-deep)}
tr.열림{background:var(--sunken)}
.펼친줄 td{background:var(--sunken);border-bottom:1px solid var(--line)}
.펼침{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px;padding:6px 2px 10px}
.펼침 h4{margin:0 0 7px;color:var(--muted);font-size:.72rem;font-weight:850}
.펼침줄칸{margin-bottom:8px;line-height:1.5}
.펼침줄칸 b{display:block;font-size:.8rem;font-weight:750}
.근거{display:block;color:var(--ink2);font-size:.76rem}
.근거.흐림{color:var(--gray-dot)}
.원문이름{margin:0;color:var(--ink2);font-size:.76rem;line-height:1.5;overflow-wrap:anywhere}
.기준줄 .기관 em{display:block;font-style:normal;color:var(--muted);font-weight:650}
.펼침 .기관{display:inline-block;margin:3px 4px 0 0;padding:3px 8px;border-radius:6px;background:white;border:1px solid var(--line);color:var(--ink2);font-size:.72rem;font-weight:700}
.펼침 .기관.넘음{background:var(--amber-soft);border-color:transparent;color:var(--amber)}
.펼침 .기관 i{font-style:normal;font-weight:850}
.펼침 .기관 em{display:block;font-style:normal;color:var(--muted);font-weight:650;font-size:.95em}
.기준줄{margin-bottom:6px;line-height:1.5}
.기준줄:last-child{margin-bottom:0}
.기준줄 b{display:block;font-weight:750;font-size:.8rem}
.기준줄 .기관{display:inline-block;margin:3px 4px 0 0;padding:2px 7px;border-radius:6px;background:var(--gray-soft);color:var(--gray-ink);font-size:.71rem;font-weight:750;white-space:nowrap}
.기준줄 .기관 i{font-style:normal;font-weight:850}

.기준줄 .기관.넘음{background:var(--amber-soft);color:var(--amber)}
.기준줄.흐림 b{color:var(--muted);font-weight:700}
.기준줄.흐림 .기관{background:transparent;padding:2px 0;color:var(--gray-dot);font-weight:650;white-space:normal}
.표틀 .형태칸{max-width:175px;color:var(--ink2);font-size:.8rem;line-height:1.5}
.표틀 .값칸{white-space:nowrap;font-weight:750}

.표틀 .원료칸 small{display:block;margin-bottom:5px;color:var(--muted);font-size:.74rem}
.표틀 .나라{display:inline-block;padding:2px 7px;border-radius:999px;background:var(--sage-soft);color:var(--fig-deep);font-size:.72rem;font-weight:800}
.표틀 .확인칸{min-width:126px}

.조합-판{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;margin:16px 0 22px}
.조합-선반{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.조합-병{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 14px 14px;border:1px solid var(--line);border-radius:20px;background:var(--white);text-align:center;transition:opacity .15s,border-color .15s}
.조합-병.넘는{border-color:color-mix(in srgb,var(--withheld-ink) 40%,var(--line))}
.조합-병.뺌{opacity:.45;border-style:dashed}

.조합-묶머리{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin:4px 0 -4px;font-size:.95rem;font-weight:850}
.조합-묶머리 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.조합-묶머리 small{color:var(--muted);font-size:.78rem;font-weight:600}
.조합-묶머리.먹{color:var(--sage-ink)}.조합-묶머리.담{margin-top:14px;color:var(--fig-deep)}
.조합-병.먹{border:1.5px solid color-mix(in srgb,var(--sage) 45%,#fff);background:color-mix(in srgb,var(--sage-soft) 18%,#fff)}
.조합-병.담{border:1.5px dashed var(--fig);background:color-mix(in srgb,var(--fig-soft) 30%,#fff)}
.조합-병.먹 .조합-병사진 img.투명,.조합-병.담 .조합-병사진 img.투명{mix-blend-mode:normal}

.조합-병.바꿈{border:1.5px solid color-mix(in srgb,var(--amber) 45%,#fff);background:color-mix(in srgb,var(--amber-soft) 45%,#fff)}
.조합-병.바꿈 .조합-병사진 img.투명{mix-blend-mode:normal}
.조합-바꿈딱{margin:0;padding:2px 9px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:.72rem;font-weight:800}

.조합-병.보충{border:1.5px solid color-mix(in srgb,var(--slate) 35%,#fff);background:color-mix(in srgb,var(--slate-wash) 55%,#fff)}
.조합-병.보충 .조합-병사진 img.투명{mix-blend-mode:normal}
.조합-바꿈딱.조합-보충딱{background:var(--slate-wash);color:var(--slate)}
.조합-옮김{position:absolute;top:10px;right:40px;z-index:1;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.조합-옮김 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.조합-옮김:hover{background:var(--sunken);color:var(--ink)}

.조합-방금{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:10px 0 0;padding:9px 14px;border-radius:10px;font-size:.84rem;font-weight:750}
.조합-방금.먹{background:color-mix(in srgb,var(--sage-soft) 55%,#fff);color:var(--sage-ink)}
.조합-방금.담{background:color-mix(in srgb,var(--fig-soft) 60%,#fff);color:var(--fig-deep)}
.조합-방금 button{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.담음창자리{justify-content:center;margin:-10px 0 18px}
.조합-길 i.담몫{opacity:.4}
.조합-병사진{display:block;width:100%;height:130px;padding:0;border:0;background:none;cursor:pointer}
.조합-병사진 img{width:100%;height:130px;object-fit:contain;mix-blend-mode:multiply}
.조합-병 .maker{margin:4px 0 0;color:var(--muted);font-size:.78rem;font-weight:600}
.조합-병 h3{margin:0;font-size:.9rem;line-height:1.35}
.조합-병 .루틴라벨{margin:0}
.조합-딱지들{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:3px 0 1px}
.조합-딱지{padding:2px 9px;border:0;border-radius:999px;background:var(--gray);color:var(--gray-ink);font:inherit;font-size:.74rem;font-weight:800;cursor:pointer}
.조합-딱지 small{font-weight:700;opacity:.85}
.조합-딱지.넘은{background:var(--withheld-bg);color:var(--withheld-ink)}

.조합-딱지.조합-전체{background:none;box-shadow:inset 0 0 0 1px var(--line-hover);color:var(--fig-deep)}
.조합-딱지.조합-그냥{background:none;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);font-weight:700}
.조합-입력{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:center;margin-top:4px;font-size:.8rem;color:var(--muted);font-weight:700}

.조합-입력 label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.조합-입력 select{max-width:100%}
.조합-입력 input{width:46px;padding:6px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink);text-align:center;background:var(--white)}
.조합-입력 select{padding:6px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink);background:var(--white)}

.조합-입력 input,.조합-입력 select{box-sizing:border-box;height:34px;margin:0;vertical-align:middle}
.조합-입력 select{padding:0 6px}
.조합-병 .루틴더{margin:6px 0 0;text-align:left}

.조합-병 .루틴덜{margin:6px 0 0;text-align:left;color:var(--muted);font-size:.76rem;line-height:1.5}

.조합-지움{position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer}
.조합-지움:hover{background:var(--sunken);color:var(--ink)}
.조합-지움 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.조합-넣음{position:absolute;top:10px;left:10px;z-index:1;display:grid;place-items:center;width:30px;height:30px;cursor:pointer}
.조합-넣음 input{width:20px;height:20px;margin:0;accent-color:var(--fig-deep);cursor:pointer}
.조합-판{position:relative}

.조합-예시딱지{display:none}
.조합-판.예시{margin-top:20px;padding:56px 16px 16px;background:var(--wash2);border-radius:20px}
.조합-판.예시>.조합-예시딱지{display:block;position:absolute;top:16px;left:16px;z-index:2;padding:5px 14px;border-radius:999px;background:var(--fig-deep);color:#fff;font-size:.84rem;font-weight:800;white-space:nowrap}
.조합-판.예시>.조합-예시딱지::after{content:"영양제를 담으면 내 분석으로 바뀝니다";position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);font-weight:500;color:var(--ink2);white-space:nowrap}

@media(max-width:640px){.조합-판.예시{padding-top:64px}.조합-판.예시>.조합-예시딱지::after{white-space:normal;width:max-content;max-width:calc(100vw - 170px);line-height:1.35;font-size:.8rem}}
#routine-저장안내.작게{padding:0;border:0;background:none;font-size:.76rem;color:var(--muted);margin-top:18px}
.조합-빈선반{grid-column:1/-1;margin:0;padding:40px 20px;border:1px dashed var(--line-hover);border-radius:20px;color:var(--muted);font-weight:700;text-align:center}

.조합-계량표{position:sticky;top:88px;padding:22px 22px 18px;border-radius:6px;background:var(--white);box-shadow:var(--shadow);border-top:6px solid var(--fig-deep)}
.조합-계량표>h2{margin:0;text-align:center;font-size:1.05rem;letter-spacing:.02em}
.조합-날{margin:2px 0 8px;text-align:center;color:var(--muted);font-size:.75rem}

.조합-기준{margin:14px 0 0;color:var(--muted);font-size:.7rem;line-height:1.5}

.조합-답{margin:6px 0 14px;padding:0 0 12px;border-bottom:2px solid var(--ink);font-size:1.18rem;font-weight:800;line-height:1.45}
.조합-답 b{color:var(--amber);font-weight:800}

.조합-소{margin:0 0 4px;font-size:.82rem;font-weight:800;color:var(--ink);letter-spacing:.04em}
.조합-소 .조합-소덧{font-size:.72rem;font-weight:500;color:var(--muted);letter-spacing:0}
.조합-가름{margin:10px 0;border-top:1px dashed var(--line-hover)}
.조합-줄{margin:0 -8px;padding:8px 8px 10px;border-radius:8px;cursor:pointer}
.조합-줄:hover{background:var(--sunken)}

.조합-줄머리{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;padding:4px 0;font-size:.88rem}
.조합-줄머리 .조합-수{margin-left:auto}
.조합-줄.넘은 .조합-줄머리>span:first-child{font-weight:800}
.조합-점선{flex:1;border-bottom:1px dotted var(--line-hover);transform:translateY(-4px)}
.조합-수{font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}
.조합-줄.넘은 .조합-수{color:var(--amber)}
.조합-길{position:relative;height:10px;margin:4px 0 2px;border-radius:4px;background:var(--sunken)}
.조합-길 i{position:absolute;top:0;bottom:0;transition:opacity .15s}
.조합-넘침{position:absolute;top:0;bottom:0;border-radius:0 4px 4px 0;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--amber) 55%,transparent) 0 4px,transparent 4px 8px)}
.조합-선{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink)}
.조합-2단계{display:block;width:100%;margin:18px 0 4px;padding:11px 16px;border:0;border-radius:12px;background:var(--fig-soft);color:var(--fig-deep);font:inherit;font-weight:800;text-align:left;cursor:pointer}
.조합-기관{display:block;margin-top:2px;color:var(--muted);font-size:.7rem}

.조합-기준딱{flex:none;align-self:center;padding:1px 7px;border-radius:999px;background:var(--sunken2);color:var(--muted);font-size:.75rem;font-weight:700;white-space:nowrap}
.조합-줄.넘은 .조합-기준딱{background:var(--amber-soft);color:var(--ink2)}
.조합-목록{margin:0;padding-left:17px;font-size:.8rem;line-height:1.7}
.조합-계량표 .fact-src{font-size:.76rem;line-height:1.6}
.조합-계량표 .조합-출처{font-size:.68rem;color:var(--muted)}

.조합-바꿈상자{margin:16px 0 12px;padding:4px 12px 12px;border:1px solid var(--sage-line);border-radius:12px;background:var(--white)}
.조합-바꿈머리{margin:8px 0 2px;font-size:.86rem;font-weight:800}
.조합-바꿈머리::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:var(--sage);color:var(--white);font-size:.7rem}
.조합-바꿈줄{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:12px 0}
.조합-바꿈줄+.조합-바꿈줄{border-top:1px solid var(--line)}
.조합-바꿈줄 img{width:44px;height:44px;object-fit:contain}
.조합-바꿈이름{display:block;font-size:.82rem;font-weight:600;line-height:1.3}
.조합-바꿈양{display:block;margin-top:1px;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}
.조합-바꿈양 i{font-style:normal;color:var(--muted);margin:0 2px;font-weight:600}
.조합-바꿈뒤{display:block;font-size:.78rem;font-weight:600;color:var(--sage-ink)}
.조합-바꿈단추{border:1px solid var(--sage);background:var(--white);color:var(--sage-ink);border-radius:8px;padding:7px 12px;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}
.조합-바꿈모두{display:block;width:100%;margin-top:6px;border:0;border-radius:8px;padding:10px;background:var(--sage);color:var(--white);font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}

.조합-소넘{display:flex;align-items:center;justify-content:space-between;gap:8px}
.조합-소넘 .조합-도장{margin:0;padding:3px 10px;font-size:.78rem;letter-spacing:0}
.조합-도장{display:block;margin:14px auto 0;width:max-content;padding:6px 14px;border:2px solid var(--amber);border-radius:8px;color:var(--amber);font-weight:800;transform:rotate(-3deg)}
.조합-고른말{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:var(--sunken);font-size:.8rem;font-weight:700}
.조합-고른말 button{margin-left:6px;border:0;background:none;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer}
.조합-바뀜{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--bluegreen-soft);font-size:.8rem;font-weight:700;line-height:1.55}

#routine-칸.성분고름 .조합-병[data-병]:not(.켬){opacity:.3}
#routine-칸.성분고름 .조합-줄:not(.켬){opacity:.35}
#routine-칸.성분고름 .조합-줄.켬{background:var(--sunken)}
#routine-칸.병고름 .조합-병[data-병]:not(.켬){opacity:.45}
#routine-칸.병고름 .조합-길 i:not(.켬){opacity:.22}
.환산했다{display:block;margin:3px 0 0;color:var(--muted);font-size:.74rem;line-height:1.45}
.루틴라벨{margin:5px 0 0;color:var(--muted);font-size:.78rem}
.루틴더{margin:11px 0 0;padding:9px 12px;border-radius:10px;background:var(--amber-soft);font-size:.8rem;line-height:1.6}

.조합-머리{margin:0 0 22px;padding:18px 4px 6px}
.조합-머리 h1{margin:6px 0 0;font-size:2.6rem;line-height:1.2;letter-spacing:-.05em}
.조합-머리밑{margin:8px 0 6px;color:var(--muted);font-size:1.05rem}

.밑줄찾기감{position:relative;max-width:760px}
.밑줄찾기{display:flex;align-items:center;gap:10px;margin-top:10px;border-bottom:2px solid var(--ink)}
.밑줄찾기 svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--fig-deep);stroke-width:2;stroke-linecap:round}
.밑줄찾기 input{flex:1;min-width:0;padding:14px 0;border:0;outline:0;background:transparent;font:inherit;font-size:1.25rem;color:var(--ink)}
.밑줄찾기.열림{border-bottom-color:var(--fig-deep)}
.조합-떠목록{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30}
.조합-떠목록:empty{display:none}
.조합-떠줄들{max-height:380px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:var(--shadow)}
.조합-떠줄{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line)}
.조합-떠줄:last-child{border-bottom:0}

.조합-떠줄{cursor:pointer}
.조합-떠줄:not(.든것):hover{background:var(--sunken2)}
.조합-떠줄.든것{cursor:default}
.조합-떠줄 .떠줄이름{color:inherit;text-decoration:none}
.조합-떠줄 .떠줄이름:hover strong{text-decoration:underline;text-underline-offset:3px}
.조합-떠줄 .떠줄사진{display:block;line-height:0}
.조합-떠줄 img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}
.조합-떠줄 strong{display:block;font-size:.9rem;line-height:1.35}
.조합-떠줄 small{color:var(--muted);font-size:.76rem}
.조합-담기{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--white);font:inherit;font-size:1.1rem;font-weight:800;color:var(--fig-deep);cursor:pointer}
.조합-담기:hover{border-color:var(--fig-deep)}
.조합-담기:disabled{color:var(--muted);background:var(--gray);cursor:default}
.조합-떠목록>.empty{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:var(--shadow)}
.찾기도움{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:var(--shadow)}
.찾기도움 p{margin:0 0 8px;color:var(--muted);font-size:.84rem;font-weight:700}
.찾기도움 div{display:flex;flex-wrap:wrap;gap:6px}

.조합-안따라옴{position:static}
.조합-짧은줄들{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;margin-top:6px}
.조합-짧은줄{display:flex;align-items:center;gap:3px;padding:4px 0;font-size:.78rem;cursor:pointer}
.조합-짧은줄 .조합-수{font-weight:800;white-space:nowrap}

.조합-짧은줄 .조합-수,.조합-줄.기준치 .조합-수{font-weight:500}
.조합-예시,.조합-소덧{font-size:.72em;font-weight:500;color:var(--muted)}

.조합-짧은줄 .조합-수 small{font-size:.66rem;font-weight:600;color:var(--muted)}
.조합-짧은줄.켬{background:var(--sunken)}
.조합-언제{margin-top:4px}

.조합-아래{margin:6px 0 28px;padding:26px 28px 30px;border-radius:20px;background:var(--white);box-shadow:var(--shadow)}
.조합-아래 h2{margin:0 0 14px;font-size:1.35rem}
.조합-아래>.조합-가름:first-of-type{display:none}
.조합-아래 .조합-언제{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.조합-아래 .조합-끼{margin-top:0}
.조합-끼{margin-top:10px;padding:10px 12px 6px;border-radius:12px;background:var(--끼바탕);border:1px solid var(--끼선)}
.조합-끼[data-끼="아침"]{--끼색:var(--amber);--끼바탕:color-mix(in srgb,var(--amber-soft) 35%,var(--white));--끼선:color-mix(in srgb,var(--amber-soft) 90%,var(--white))}
.조합-끼[data-끼="점심"]{--끼색:var(--slate);--끼바탕:color-mix(in srgb,var(--slate-wash) 50%,var(--white));--끼선:var(--slate-wash)}
.조합-끼[data-끼="저녁"]{--끼색:var(--fig-deep);--끼바탕:color-mix(in srgb,var(--fig-soft) 35%,var(--white));--끼선:color-mix(in srgb,var(--fig-soft) 90%,var(--white))}
.조합-끼머리{display:flex;align-items:center;gap:6px;margin:0 0 6px;color:var(--끼색);font-size:.82rem;font-weight:800}
.조합-끼머리 svg{width:15px;height:15px;fill:none;stroke:var(--끼색);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.조합-끼머리 em{margin-left:auto;color:var(--muted);font-style:normal;font-weight:700}
.조합-끼 ul{list-style:none;margin:0;padding:0}
.조합-끼 li{display:grid;grid-template-columns:22px minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:4px 0}
.조합-끼 li>b{text-align:right}
.조합-끼 li img{width:22px;height:22px;object-fit:contain;mix-blend-mode:multiply;border-radius:5px;background:var(--white)}
.조합-끼 li>span{min-width:0}
.조합-끼 li strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700}
.조합-끼 li small{display:block;color:var(--sage-ink);font-size:.72rem;font-weight:750}
.조합-끼 li small.조합-주{color:var(--muted)}
.조합-끼 li>b{color:var(--muted);font-size:.76rem;font-weight:800}
.조합-끼 li.조합-끼빈{display:block;color:var(--muted);font-size:.8rem;padding:2px 0}


.조합-끼옮김,#routine-detail .조합-끼옮김{display:inline-flex;gap:2px}
.조합-끼옮김 button,#routine-detail .조합-끼옮김 button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.조합-끼옮김 svg{width:14px;height:14px;fill:none;stroke:var(--gray-dot);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.조합-끼옮김 button[data-끼="아침"]{--끼색:var(--amber)}.조합-끼옮김 button[data-끼="점심"]{--끼색:var(--slate)}.조합-끼옮김 button[data-끼="저녁"]{--끼색:var(--fig-deep)}
.조합-끼옮김 button[aria-pressed="true"],#routine-detail .조합-끼옮김 button[aria-pressed="true"]{background:var(--끼색)}
.조합-끼옮김 button[aria-pressed="true"] svg{stroke:#fff}
.조합-끼옮김 button:not([aria-pressed="true"]):hover svg{stroke:var(--끼색)}

#routine-detail button{font:inherit;cursor:pointer}
.세부-칸{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.세부-칸 h3,.세부-바꿈 h3{margin:0 0 14px;font-size:1.1rem}.세부-칸 h3 small{margin-left:6px;color:var(--muted);font-size:.8rem;font-weight:600}
.세부-묻기둘{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start}
.세부-질{margin:16px 0 8px;font-weight:800;font-size:.9rem}.세부-칸>h3+*>.세부-질,.세부-칸>h3+.세부-운동 .세부-질{margin-top:0}
.세부-질 small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem;font-weight:500}
.세부-수{display:flex;align-items:center;gap:6px;margin:0;font-size:.86rem;color:var(--ink2)}.세부-수 span{width:10px}
.세부-수 input{width:60px;height:34px;border:1px solid var(--line);border-radius:8px;font:inherit;text-align:center;background:var(--white)}
.세부-칩줄{display:inline-flex;flex-wrap:wrap;padding:3px;border-radius:8px;background:var(--sunken2);border:1px solid var(--line)}

.세부-칩줄 button{min-width:44px;padding:5px 12px;border:0;border-radius:5px;background:none;color:var(--ink2)}
#routine-detail .세부-칩줄 button{font-size:.78rem;font-weight:600}
#routine-detail .세부-칩줄 button[aria-pressed="true"]{font-weight:800}
.세부-칩줄 button[aria-pressed="true"]{background:var(--white);color:var(--fig-deep);font-weight:800;box-shadow:0 1px 3px rgba(60,30,40,.18)}

.세부-묻기둘{grid-template-columns:1fr}
.세부-운동판{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;align-items:start}
.세부-운동판>h3{grid-column:1/-1;margin:0}.세부-운동판 .세부-질{margin-top:0}.세부-넓{grid-column:span 2}
@media(max-width:760px){.세부-운동판{grid-template-columns:1fr}.세부-넓{grid-column:auto}}

.세부-끼니들{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.세부-끼니{display:flex;flex-direction:column;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.세부-끼니.세부-건너뜀{background:var(--sunken2)}
.세부-끼니>b{margin-bottom:10px;font-size:.95rem}
.세부-상들{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#routine-detail .세부-상들 button{padding:10px 8px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:.84rem;font-weight:600;color:var(--ink2)}
.세부-상들 button small{display:block;margin-top:2px;color:var(--muted);font-size:.68rem;font-weight:500}
#routine-detail .세부-상들 button[aria-pressed="true"]{border-color:var(--fig-deep);background:var(--fig-soft);color:var(--fig-deep);font-weight:800}
.세부-덧질문{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:10px}
.세부-덧질문 p{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:.8rem;color:var(--ink2)}
.세부-덧질문 p small,.세부-끼밖줄 small{display:block;color:var(--muted);font-size:.68rem}
.세부-덧질문 .세부-칩줄{flex:none}
.세부-끼밖{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.세부-끼밖>b{display:block;margin-bottom:10px;font-size:.95rem}.세부-끼밖>b small{margin-left:6px;color:var(--muted);font-size:.78rem;font-weight:600}
.세부-끼밖줄들{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}
.세부-끼밖줄{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.86rem}
.세부-끼밖줄 .세부-칩줄{flex:none}
.세부-셈{margin-top:18px;padding:12px 14px;border-radius:10px;background:var(--sunken2);font-size:.82rem;color:var(--ink2);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.세부-셈 b{color:var(--ink)}.세부-셈 strong{color:var(--fig-deep)}
@media(max-width:1080px){.세부-끼니들{grid-template-columns:1fr}.세부-끼밖줄들{grid-template-columns:1fr}}
@media(max-width:640px){.세부-끼밖줄{flex-direction:column;align-items:flex-start}}
.세부-묻기끝{text-align:center;margin-top:16px}
.세부-결과보기{padding:12px 30px;border:0;border-radius:999px;background:var(--fig-deep);color:#fff;font-weight:850;font-size:.95rem}
.세부-답줄{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white);font-weight:750;font-size:.9rem}
.세부-답고침{margin-left:auto;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);font-size:.82rem}
.세부-결과세트{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:18px;align-items:start;margin-top:18px}
.세부-바꿈{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.세부-둘{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:10px;align-items:start}
.세부-화{align-self:center;text-align:center;color:var(--muted);font-size:1.2rem}
.세부-판{border:1px solid var(--line);border-radius:10px;padding:16px 18px;background:var(--sunken2)}
.세부-판.후{border:1.5px solid var(--ink);background:color-mix(in srgb,var(--sage-wash) 50%,#fff)}
.세부-판이름{margin:0 0 10px;font-size:.8rem;font-weight:800;color:var(--muted)}.세부-판.후 .세부-판이름{color:var(--ink)}
.세부-요약{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.세부-요약 b{display:block;font-size:1.05rem;font-weight:850}.세부-요약 b.빨{color:var(--withheld-ink)}.세부-요약 span{color:var(--muted);font-size:.68rem}
.세부-묶{margin:12px 0 4px;font-size:.7rem;font-weight:800;color:var(--ink3)}
.세부-판 ul{margin:0;padding:0;list-style:none}
.세부-판 li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--sunken);font-size:.84rem}
.세부-판 li em{font-style:normal;color:var(--muted);font-size:.76rem;text-align:right}
.세부-판.지 li.세부-빼 span{color:var(--withheld-ink);text-decoration:line-through}
.세부-판.후 li.세부-빼>span{color:var(--withheld-ink)}
.세부-판.후 li.세부-더 span,.세부-판.후 li.세부-줄 span{font-weight:750}
.세부-판 li.세부-준비 em{color:var(--muted);font-style:italic}
.세부-딱{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:4px;color:#fff;font-style:normal;font-size:.66rem;font-weight:800;vertical-align:1px}
.세부-딱빼{background:var(--withheld-ink)}.세부-딱줄{background:var(--amber)}.세부-딱추가{background:var(--sage)}


.세부-판 li.세부-더>span{flex-shrink:0;white-space:nowrap}
.세부-판 li.세부-성분{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.세부-판 li.세부-성분>span{font-size:.92rem}


.세부-판 li.세부-빼줄{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}   
.세부-판 li.세부-빼줄>span{color:var(--ink);font-size:.92rem;font-weight:750}
.세부-판 li.세부-빼줄>em{text-align:center;color:var(--withheld-ink);font-weight:700;font-size:.8rem}
#routine-detail button.세부-딱추가{font-size:.76rem}

.세부-판.후 ul.세부-줄셋 li{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 3.6em;gap:8px;align-items:center}
.세부-판.후 ul.세부-줄셋 li>span{min-width:0;white-space:normal;color:var(--ink);font-size:.86rem;font-weight:700}
.세부-판.후 ul.세부-줄셋 li.세부-같>span{grid-column:1/3;font-weight:500;color:var(--ink2)}   
.세부-판.후 ul.세부-줄셋 li>em{grid-column:2;text-align:center;color:var(--muted);font-size:.76rem;font-weight:500}
.세부-판.후 ul.세부-줄셋 li>em b{color:var(--ink);font-weight:750;white-space:nowrap}
.세부-판.후 ul.세부-줄셋 li.세부-빼줄>em b{display:block}   
.세부-판.후 ul.세부-줄셋 li>em:last-child{grid-column:3;text-align:right}     
.세부-판.후 ul.세부-줄셋 li.세부-줄>em{grid-column:2/4;text-align:right}      
.세부-판.후 ul.세부-줄셋 li>button{grid-column:3;justify-self:end}
.세부-판.후 ul.세부-줄셋 li.세부-준비>span{font-weight:500}
.세부-판.후 ul.세부-줄셋 li.세부-준비>em{grid-column:2/4;text-align:right}   
#routine-detail button.세부-빼단추{padding:0 2px;border:0;background:none;color:var(--withheld-ink);font-size:.76rem;font-weight:700;cursor:pointer}
#routine-detail button.세부-빼단추::before{content:"－";margin-right:1px}
#routine-detail button.세부-빼단추:hover{text-decoration:underline;text-underline-offset:3px}
.세부-판 li.세부-성분>em{text-align:center;color:var(--sage-ink);font-weight:700;font-size:.8rem}   
button.세부-딱추가{margin-left:0;padding:0 2px;border:0;border-radius:0;background:none;color:var(--sage);font-family:inherit;font-size:.7rem;font-weight:700;line-height:inherit;vertical-align:0;cursor:pointer}
button.세부-딱추가::before{content:"＋";margin-right:1px}
button.세부-딱추가:hover{color:var(--sage-ink);text-decoration:underline;text-underline-offset:3px}
.더할창{display:flex;flex-direction:column;width:min(600px,100%);padding:0;overflow:hidden}
.더할창머리{padding:26px 28px 16px;border-bottom:1px solid var(--line)}
.더할창머리 h3{margin:0 40px 6px 0;font-size:1.3rem;letter-spacing:-.02em}
.더할창남{margin:0;font-size:1rem}.더할창남 b{color:var(--sage-ink)}
.더할창남 small{margin-left:6px;color:var(--muted);font-size:.8rem}

#routine-detail button.세부-바꿀{margin-top:3px;padding:0;border:0;background:none;color:var(--fig-deep);font-size:.74rem;font-weight:700;cursor:pointer}
#routine-detail button.세부-바꿀::after{content:" →"}
.세부-판.후 ul.세부-줄셋 li>em b.세부-바꿈됨{color:var(--ink);white-space:normal}
.세부-판정{display:block;margin-top:2px;font-style:normal;font-weight:750}
.세부-판정.됨{color:var(--sage-ink)}.세부-판정.됨::before{content:"✓ "}
.세부-판정.넘음{color:var(--withheld-ink)}
.세부-판.후 ul.세부-줄셋 li>em small{display:block;color:var(--muted);font-size:.7rem}
#routine-detail button.세부-바꿀:hover{text-decoration:underline;text-underline-offset:3px}
.더할창말{margin:4px 0 0;color:var(--muted);font-size:.8rem}
.더할창묶{margin:0;padding:14px 28px 4px;color:var(--ink3);font-size:.76rem;font-weight:800}
.더할창줄들 ul{margin:0;padding:0;list-style:none}
.더할창줄들{min-height:0;margin:0;padding:6px 0;list-style:none;overflow:auto}
.더할창줄{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 28px;cursor:pointer}
.더할창줄+.더할창줄{border-top:1px solid var(--gray)}
.더할창줄:not(.든것):hover{background:var(--sunken2)}
.더할창줄.든것{cursor:default;opacity:.55}
.더할창사진{display:block;width:56px;height:56px;line-height:0}
.더할창사진 img{width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}
.더할창사진 img.투명{mix-blend-mode:normal}
.더할창이름{display:flex;flex-direction:column;min-width:0}
.더할창이름 .maker{font-size:.74rem}
.더할창이름 a{color:var(--ink);font-weight:700;font-size:.95rem;line-height:1.35;text-decoration:none}
.더할창이름 a:hover{text-decoration:underline;text-underline-offset:3px}
.더할창양{font-weight:800;font-size:1rem;white-space:nowrap;text-align:right;color:var(--ink2)}
.더할창양 small{margin-left:3px;color:var(--muted);font-size:.72rem;font-weight:600}
.더할창양.채움{color:var(--sage-ink)}
.더할창담기{padding:8px 16px;border:0;border-radius:999px;background:var(--sage);color:#fff;font-weight:800;font-size:.84rem;cursor:pointer}
.더할창담기:hover{background:var(--sage-ink)}
.더할창전체{display:block;padding:12px 28px 18px;border-top:1px solid var(--gray);color:var(--fig-deep);font-size:.86rem;font-weight:700;text-decoration:none}
.더할창전체:hover{text-decoration:underline;text-underline-offset:3px}
.더할창담기:disabled{background:var(--gray);color:var(--muted);cursor:default}
@media (max-width:560px){.더할창머리{padding:22px 18px 14px}.더할창줄{grid-template-columns:44px minmax(0,1fr) auto;padding:10px 18px;gap:10px}.더할창사진,.더할창사진 img{width:44px;height:44px}.더할창양{grid-column:2;grid-row:2;text-align:left}.더할창담기{grid-column:3;grid-row:1/3}}
.세부-남은{margin:8px 0 0;color:var(--withheld-ink);font-size:.76rem}
.세부-출처{margin:12px 0 0;color:var(--muted);font-size:.72rem}
.세부-하루{position:sticky;top:86px}
.세부-하루 .조합-언제{display:grid;grid-template-columns:1fr!important;gap:10px!important;margin-top:0}
.세부-하루 li.세부-뺌{opacity:.55}.세부-하루 li.세부-뺌 strong,.세부-하루 li.세부-뺌 b{text-decoration:line-through}
.세부-뺌말{display:inline-block;margin-left:0;font-style:normal;color:var(--withheld-ink);font-weight:800;font-size:.72rem}
@media(max-width:1080px){.세부-묻기둘,.세부-결과세트{grid-template-columns:1fr}.세부-하루{position:static}}
@media(max-width:640px){.세부-둘{grid-template-columns:1fr}.세부-화{transform:rotate(90deg)}.조합-아래{padding:20px 16px}}

#routine-칸 .밑줄찾기감{display:flex;align-items:flex-end;gap:18px}
#routine-칸 .밑줄찾기감>.밑줄찾기{flex:1}
.조합-추천딱지{flex:none;font:inherit;font-size:.92rem;cursor:pointer;white-space:nowrap}

.조합-설문덮개{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px 16px;background:rgba(40,30,34,.42)}
.조합-설문덮개[hidden]{display:none}
body.조합-창열림{overflow:hidden}
.조합-설문창{position:relative;width:min(680px,100%);max-height:calc(100vh - 48px);overflow:auto;color:var(--ink);background:var(--white);border-radius:20px;box-shadow:0 30px 80px rgba(40,24,32,.28)}
.조합-성분창{width:min(520px,100%);padding:24px 28px 26px}
.조합-성분창 .maker{margin:0;color:var(--muted);font-size:.8rem;font-weight:600}
.조합-성분창 h3{margin:2px 40px 2px 0;font-size:1.1rem;line-height:1.35}
.조합-성분창수{margin:0 0 14px;color:var(--muted);font-size:.82rem}
.조합-성분창 .조합-딱지들{justify-content:flex-start;gap:6px}
.조합-성분창 .조합-딱지{cursor:default;font-size:.8rem}
.조합-설문닫기{position:absolute;top:12px;right:14px;z-index:2;border:0;background:none;font-size:1.4rem;color:var(--muted);cursor:pointer}
.조합-설문머리{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 56px 12px 28px;background:#E8EEF3}
.조합-설문머리>div{display:flex;align-items:center;gap:10px}
.조합-설문딱지{display:inline-block;padding:4px 11px;border-radius:999px;background:var(--white);color:var(--fig-deep);font-size:.78rem;font-weight:800}
.조합-설문머리 strong{font-size:1.02rem}
.조합-설문그림{width:64px;height:48px;flex:none}.조합-설문그림 svg{display:block;width:100%;height:100%}
.조합-설문몸{padding:22px 28px 18px;display:grid;gap:18px}
.조합-설문막대{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.조합-설문막대 i{height:5px;border-radius:9px;background:var(--gray)}.조합-설문막대 i.찬{background:var(--fig-deep)}
.조합-설문차례{margin:0;color:var(--muted);font-size:.84rem;font-weight:800}
.조합-설문창 h2{margin:4px 0 6px;font-size:1.7rem;letter-spacing:-.04em;line-height:1.3}
.조합-설문왜{margin:0;color:var(--muted);font-size:.92rem}
.조합-설문칩{display:flex;flex-wrap:wrap;gap:8px}
.조합-설문칩 button{display:inline-flex;align-items:center;gap:8px;padding:10px 17px 10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--고민글,var(--ink));font:inherit;font-weight:750;font-size:.95rem;cursor:pointer}
.조합-설문칩 button[aria-pressed="true"]{border-color:var(--고민글,var(--fig-deep));box-shadow:0 0 0 1.5px var(--고민글,var(--fig-deep)) inset;background:var(--sunken2)}
.조합-설문칩 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.조합-설문칩 img{height:18px;width:auto;max-width:72px;object-fit:contain}
.조합-나이성별{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.조합-나이{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:750}
.조합-나이 input{width:96px;padding:9px 14px;border:1px solid var(--line2);border-radius:12px;font:inherit;font-size:1.1rem;background:var(--white)}
.조합-설문발{display:flex;justify-content:space-between;align-items:center}
.조합-설문이전{border:0;background:none;color:var(--muted);font:inherit;font-weight:750;cursor:pointer}
.조합-설문다음{padding:12px 30px;border:0;border-radius:999px;background:var(--fig-deep);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.조합-설문다음:disabled{opacity:.4;cursor:default}
.조합-설문다음.옅음{background:var(--white);color:var(--fig-deep);box-shadow:0 0 0 1.5px var(--fig-deep) inset}
.조합-설문저장{margin:-4px 0 0;color:var(--muted);font-size:.76rem;text-align:center}
.조합-먹는줄{display:grid;gap:8px}
.조합-먹는줄 div{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:12px}
.조합-먹는줄 .조합-지움{position:static}
.조합-먹는단추{display:flex;gap:2px}.조합-먹는줄 .조합-옮김{position:static}
.조합-먹는줄 div.먹{border:1.5px solid color-mix(in srgb,var(--sage) 45%,#fff);background:color-mix(in srgb,var(--sage-soft) 18%,#fff)}
.조합-먹는줄 div.담{border:1.5px dashed var(--fig);background:color-mix(in srgb,var(--fig-soft) 30%,#fff)}
.조합-먹는줄 div.먹 img.투명,.조합-먹는줄 div.담 img.투명{mix-blend-mode:normal}
.조합-먹는줄 .조합-묶머리{margin:6px 0 0}.조합-먹는줄 .조합-묶머리.담{margin-top:12px}
.조합-먹는줄 img{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}
.조합-먹는줄 strong,.조합-추천줄 strong{display:block;font-size:.9rem;line-height:1.3}
.조합-먹는줄 small,.조합-추천줄 small{color:var(--muted);font-size:.78rem}
.조합-먹는줄 small,.조합-추천줄>span>small{display:block}
.조합-먹는덧{margin:0;color:var(--muted);font-size:.86rem}
.조합-멈춤판{padding:16px 18px;border-radius:14px;background:var(--sunken)}
.조합-멈춤판 p{margin:0;font-size:.95rem;line-height:1.7}.조합-멈춤판 p+p{margin-top:6px}

.조합-결과머리 h2{margin:0;font-size:1.6rem}
.조합-결과머리 p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.조합-결과소{margin:6px 0 -8px;color:var(--muted);font-size:.84rem;font-weight:800}
.조합-추천성분{border:1px solid var(--line);border-radius:16px;padding:16px 18px 12px}
.조합-추천성분 h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1.2rem}
.조합-판정{padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800;cursor:help}
.조합-판정.확인{background:var(--sage-wash);color:var(--sage-ink)}
.조합-판정.엇갈림,.조합-판정.약함{background:var(--amber-soft);color:var(--amber)}
.조합-판정.드심{background:var(--gray);color:var(--gray-ink)}
.조합-판정.담음{background:var(--fig-soft);color:var(--fig-deep)}
.조합-추천왜{margin:8px 0 0;font-size:.95rem;font-weight:700}
.조합-추천양{margin:2px 0 0;font-size:.86rem}.조합-추천양 span{color:var(--muted)}.조합-추천양 b{font-weight:800}
.조합-단일없음{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:var(--gray);color:var(--gray-ink);font-size:.84rem;font-weight:750}
.조합-추천제품{display:grid;gap:8px;margin-top:10px}
.조합-추천줄{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 10px 8px 12px;border-radius:12px;background:var(--sunken2)}
.조합-추천줄 img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply}
.조합-추천줄>span{min-width:0}
.조합-추천이름{color:inherit;text-decoration:none}.조합-추천이름:hover strong{text-decoration:underline;text-underline-offset:3px}
.조합-함량{font-size:.86rem;font-weight:800;white-space:nowrap}.조합-추천줄 .조합-함량 small{display:inline;color:var(--muted);font-size:.76rem;font-weight:700}
.조합-크기칩{display:flex;gap:4px;margin-top:4px}
.조합-크기칩 button{padding:2px 9px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink2);font:inherit;font-size:.74rem;font-weight:750;cursor:pointer}
.조합-크기칩 button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}

.조합-찾는길들{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 8px}
.조합-찾는길{display:grid;gap:8px;align-content:start;padding:20px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.조합-찾는길:hover,.조합-찾는길[aria-pressed="true"]{border-color:var(--fig-deep);background:var(--sunken2)}
.조합-찾는길[aria-pressed="true"]{box-shadow:0 0 0 1.5px var(--fig-deep) inset}
.조합-찾는길 .그림{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--fig-soft)}
.조합-찾는길 .그림 svg{width:24px;height:24px;fill:none;stroke:var(--fig-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.조합-찾는길 b{font-size:1.05rem}.조합-찾는길 small{color:var(--muted);font-size:.84rem;line-height:1.5}
.조합-성분판 .고르기탭{margin:14px 0 10px}.조합-성분판 .고르기탭 button.on{border-color:var(--fig-deep);background:var(--fig-soft);color:var(--fig-deep);font-weight:800}
.조합-성분판 .고르기탭 i{font-style:normal;color:var(--muted);font-size:.74rem}
.조합-성분찾기{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 2px;border-bottom:1.5px solid var(--ink)}
.조합-성분찾기 svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round}
.조합-성분찾기 input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:.92rem}
.조합-성분판 .고르기칩{gap:6px}
.조합-성분판 .고르기칩 button{gap:6px;padding:7px 12px 7px 8px;font-size:.86rem;font-weight:700}
.조합-성분판 .고르기칩 button.on{border-color:var(--fig-deep);box-shadow:0 0 0 1.5px var(--fig-deep) inset;background:var(--sunken2);color:var(--fig-deep)}
.조합-성분판 .고르기칩 button[hidden]{display:none}
@media(max-width:560px){.조합-찾는길들{grid-template-columns:1fr}}
.조합-설문소{margin:6px 0 8px;font-size:.92rem;font-weight:800;color:var(--ink2)}.조합-설문소 small{margin-left:8px;color:var(--muted);font-size:.8rem;font-weight:500}
.조합-결과소 small{margin-left:6px;color:var(--muted);font-weight:500}
.조합-조심{display:grid;gap:8px}
.조합-조심 div{padding:10px 14px;border:1px solid var(--line);border-left:3px solid var(--withheld-ink);border-radius:10px;background:color-mix(in srgb,var(--withheld-bg) 50%,#fff)}
.조합-조심 strong{font-size:.9rem}.조합-조심 em{margin-left:8px;font-style:normal;color:var(--withheld-ink);font-size:.76rem;font-weight:800}
.조합-조심 p{margin:3px 0 0;color:var(--ink3);font-size:.82rem;line-height:1.5}.조합-조심 small{display:block;margin-top:2px;color:var(--muted);font-size:.72rem}
.조합-브랜드없음{margin:2px 0 8px;color:var(--muted);font-size:.8rem;line-height:1.5}
.조합-추천담기{padding:8px 16px;border:0;border-radius:999px;background:var(--fig-deep);color:#fff;font:inherit;font-size:.84rem;font-weight:800;cursor:pointer}
.조합-추천담기.담음{background:var(--gray);color:var(--muted);cursor:default}


.조합-추천줄>span:has(>.조합-기준도장){position:relative}
.조합-추천줄>span:has(>.조합-기준도장)>:not(.조합-기준도장){position:relative;z-index:1}
.조합-기준도장{position:absolute;right:4px;top:50%;z-index:0;display:inline-block;padding:2px;border:1.5px solid var(--withheld-ink);border-radius:7px;background:none;color:var(--withheld-ink);font-style:normal;font-size:.8rem;font-weight:900;letter-spacing:.04em;white-space:nowrap;transform:translateY(-50%) rotate(-8deg);opacity:.33;cursor:help}
.조합-기준도장 span{display:block;padding:1px 8px;border:1px dashed var(--withheld-ink);border-radius:5px}
.조합-추천줄 .조합-추천이름{display:inline}
.조합-더보기{display:inline-block;margin-top:10px;color:var(--fig-deep);font-size:.86rem;font-weight:800;text-decoration:none}
.조합-약한줄{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.조합-약한줄 div{padding:10px 14px;border-radius:12px;background:var(--sunken)}
.조합-약한줄 strong{display:flex;align-items:center;gap:8px;font-size:.98rem}
@media(max-width:640px){#routine-칸 .밑줄찾기감{flex-wrap:wrap}.조합-추천딱지{width:100%}.조합-설문몸{padding:18px 18px 14px}.조합-설문창 h2{font-size:1.35rem}
  .조합-추천줄{grid-template-columns:36px minmax(0,1fr) auto}.조합-추천줄 .조합-함량{grid-column:2;grid-row:2}.조합-추천줄 img{width:36px;height:36px}.조합-약한줄{grid-template-columns:1fr}}
@media(max-width:1100px){.조합-판{grid-template-columns:1fr}.조합-계량표{position:static;order:-1}}
@media(max-width:640px){.조합-머리 h1{font-size:2rem}.밑줄찾기 input{font-size:1.05rem}.조합-선반{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.조합-병사진,.조합-병사진 img{height:96px}.조합-아래{padding:20px 16px 22px}.조합-아래 .조합-언제{grid-template-columns:1fr}}





[data-고민="antioxidant"]{--고민글:var(--amber)}
[data-고민="bone-health"]{--고민글:var(--asked-ink)}
[data-고민="eye-health"]{--고민글:var(--slate)}
[data-고민="gut-health"]{--고민글:var(--sage-ink)}
[data-고민="joint-health"]{--고민글:var(--gray-ink)}





.갈래딱지{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800}
.갈래딱지.evidence{background:var(--sage-wash);color:var(--sage-ink)}
.갈래딱지.dose{background:var(--slate-wash);color:var(--slate)}
.갈래딱지.limit{background:var(--amber-soft);color:var(--amber)}
.갈래딱지.quality{background:var(--sand-soft);color:var(--asked-ink)}
.갈래딱지.label{background:var(--fig-soft);color:var(--fig-deep)}
.갈래딱지.루틴{background:white;color:var(--sage-ink)}
.고민딱지{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--sunken);color:var(--ink2);font-size:.72rem;font-weight:800}






body{overflow-x:clip}



.읽을-고민줄{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.읽을-고민줄 button{display:inline-flex;align-items:center;gap:4px;padding:6px 9px 6px 7px;border:0;border-radius:10px;background:var(--sunken);color:var(--고민글,var(--ink));font:inherit;font-weight:700;font-size:.84rem;cursor:pointer}
.읽을-고민줄 button:hover{box-shadow:0 0 0 1.5px var(--고민글,var(--ink))}
.읽을-고민줄 button[aria-pressed=true]{background:white;box-shadow:0 0 0 2px var(--고민글,var(--ink))}
.읽을-고민줄 button:disabled{opacity:.35;cursor:default;box-shadow:none}
.읽을-고민줄 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.읽을-질문줄{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}
.읽을-질문줄 button{padding:5px 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:.84rem;cursor:pointer}
.읽을-질문줄 button:hover{color:var(--ink)}
.읽을-질문줄 button[aria-pressed=true]{background:var(--ink);color:white}
.읽을-질문줄 button:disabled{opacity:.35;cursor:default}
.읽을-빈{margin-top:30px;padding:40px;border-radius:18px;background:var(--sunken);color:var(--muted);text-align:center}
.읽을-그림{position:relative;display:block;background:var(--판)}
.읽을-그림 svg{display:block;width:100%;height:100%}
.읽을-질표{position:absolute;top:-6px;left:-6px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--표바탕);color:var(--표색);box-shadow:0 2px 6px rgba(0,0,0,.08)}
.읽을-질표 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.읽을-큰판{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:36px;min-height:210px;margin:30px 0 0;padding:36px 44px 36px 40px;border-radius:20px;background:var(--판);color:var(--ink);text-decoration:none}
.읽을-큰질{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 9px;border-radius:999px;background:var(--표바탕);color:var(--표색);font-size:.9rem;font-weight:850}
.읽을-큰질 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.읽을-큰판 strong{display:block;margin:12px 0 14px;font-size:2.1rem;font-weight:900;line-height:1.25;letter-spacing:-.05em}
.읽을-큰판 p{margin:0 0 20px;max-width:520px;color:var(--ink2);font-size:1rem;line-height:1.65}
.읽을-큰판 .읽기{display:inline-block;padding:11px 22px;border-radius:999px;background:var(--ink);color:white;font-size:.9rem;font-weight:850}
.읽을-큰판 .읽을-그림{height:170px;background:transparent}
.읽을-줄머리{margin:44px 0 8px;font-size:1.3rem;letter-spacing:-.035em}

.읽을-머리판{margin-top:30px}
.읽을-머리판 .읽을-큰판{margin:0}
.읽을-머리판.곁{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:stretch}
.읽을-머리판.곁 .읽을-큰판{grid-template-columns:minmax(0,1fr) 160px}
.읽을-처음{padding:18px 24px 6px;border-radius:20px;background:var(--sunken)}
.읽을-처음 h2{margin:0;font-size:1.1rem;letter-spacing:-.03em}
.읽을-머리판.곁 .읽을-처음 .읽을-줄들{grid-template-columns:1fr}
.읽을-머리판.곁 .읽을-처음 .읽을-줄{grid-template-columns:minmax(0,1fr) 84px}
.읽을-머리판.곁 .읽을-처음 .읽을-그림{width:84px;height:66px}
.읽을-머리판.곁 .읽을-처음 .설{-webkit-line-clamp:1}
.읽을-처음 .읽을-줄:last-child{border-bottom:0}
.읽을-처음머리{display:flex;align-items:center;justify-content:space-between;gap:12px}
.읽을-처음더{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:white;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.읽을-처음더:hover{background:var(--ink);color:white}
.읽을-처음더 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.읽을-줄들{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.읽을-줄{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.읽을-줄 strong{display:block;font-size:1.08rem;font-weight:850;line-height:1.4;letter-spacing:-.03em}
.읽을-줄:hover strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.읽을-줄 .설{display:-webkit-box;margin:6px 0 8px;color:var(--muted);font-size:.9rem;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.읽을-줄 .읽을-그림{width:108px;height:84px;padding:8px;border-radius:18px}
.읽을-덧{color:var(--muted);font-size:.84rem;font-weight:700}
.읽을-덧 b{color:var(--표색);font-weight:800}
.읽을-더{display:block;margin:30px auto 0;padding:13px 26px;border:0;border-radius:999px;background:var(--gray);color:var(--ink);font-weight:800;font-size:.9rem;cursor:pointer}
.읽을-더 small{color:var(--muted);font-weight:650}
@media(max-width:900px){
  .읽을-큰판{grid-template-columns:1fr;gap:20px;padding:28px 24px}
  .읽을-큰판 .읽을-그림{height:150px;order:-1}
  .읽을-큰판 strong{font-size:1.7rem}
  .읽을-줄들{grid-template-columns:1fr}
  .읽을-머리판.곁{grid-template-columns:1fr}
  .읽을-머리판.곁 .읽을-큰판{grid-template-columns:1fr}
  .읽을-처음{padding:14px 18px 4px}
}
@media(max-width:560px){
  .읽을-큰판 strong{font-size:1.5rem}
  .읽을-줄{grid-template-columns:minmax(0,1fr) 96px;gap:14px}
  .읽을-줄 .읽을-그림{width:96px;height:78px;padding:6px;border-radius:16px}
  .읽을-줄 strong{font-size:1rem}
}




.이정표{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0 0 22px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.이정표 a{color:var(--ink2);font-size:.84rem;font-weight:700;text-decoration:none}
.이정표 a b{margin-right:6px;color:var(--fig-deep);font-family:Georgia,serif;font-style:italic;font-weight:400}
.이정표 a i{margin-left:3px;color:var(--muted);font-style:normal;font-weight:600}
.이정표 a:hover{color:var(--fig-deep)}
.세열{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.세열 h2{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--line);font-size:1rem}
.세열 h2 i{margin-left:5px;color:var(--muted);font-style:normal;font-weight:600;font-size:.82rem}
.주제글줄,.주제성분,.주제연구{display:block;padding:11px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.주제글줄 strong,.주제연구 strong{display:block;font-size:.92rem;line-height:1.45}
.주제글줄 small,.주제연구 small{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}
.주제글줄 small em{font-style:normal;color:var(--fig-deep);font-weight:700}
.주제성분{position:relative;padding-right:22px}
.주제성분 strong{display:block;font-size:.92rem}
.주제성분 span{display:block;margin-top:3px;color:var(--ink2);font-size:.8rem;line-height:1.55}
.주제성분 i{position:absolute;right:2px;top:12px;color:var(--fig-deep);font-style:normal}
.주제성분.없음 span{color:var(--muted)}
a.주제글줄:hover strong,a.주제성분:hover strong,a.주제연구:hover strong{color:var(--fig-deep)}
.세열 .foot-link{display:inline-block;margin-top:12px}
@media(max-width:860px){.세열{grid-template-columns:1fr;gap:18px}}

.다음칸{margin:34px 0 8px;padding-top:22px;border-top:1px solid var(--line)}
.다음칸>h2{margin:0 0 12px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.02em}
.다음줄{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.다음줄 a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:white;color:inherit;text-decoration:none;transition:.18s}
.다음줄 a:hover{border-color:var(--fig)}
.다음줄 small{display:block;margin-bottom:4px;color:var(--muted);font-size:.74rem;font-weight:700}
.다음줄 strong{color:var(--fig-deep);font-size:.95rem;line-height:1.4}
.확인칩{display:inline-block;margin:0 4px 4px 0;padding:3px 8px;border-radius:6px;background:var(--sage-soft);color:var(--sage-ink);font-size:.72rem;font-weight:750}

.확인배지{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:999px}
.확인체크{width:11px;height:11px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.빈{color:var(--gray-dot);font-size:.8rem}
.주의{margin-left:5px;padding:2px 6px;border-radius:5px;background:var(--amber-soft);color:var(--amber);font-size:.66rem;font-style:normal;font-weight:800}
.표틀 .꼬리{padding:14px 16px;border-top:1px solid var(--line);background:var(--sunken);color:var(--muted);font-size:.8rem;line-height:1.8}
.표틀 .꼬리 strong{color:var(--ink);font-weight:700}



@media(max-width:1000px){.door-grid{grid-template-columns:repeat(3,1fr)}.hit-list{grid-template-columns:repeat(2,1fr)}.성분머리{grid-template-columns:1fr}}

@media(max-width:560px){.door-grid{grid-template-columns:repeat(2,1fr)}.hit-list{grid-template-columns:1fr}
  .section-head{display:block}.section-head>p{margin-top:6px}
  .성분머리{padding:20px}.기준칸{margin-top:4px}}



.brands .door-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.브랜드칸{padding:20px}




.로고,.door .로고{display:flex;align-items:center;height:46px;margin-bottom:15px}
.로고 img{display:block;height:calc(46px * var(--로고배율,1));max-width:170px;width:auto;object-fit:contain;object-position:left center}
.큰로고{height:58px;margin-bottom:18px}
.큰로고 img{height:calc(58px * var(--로고배율,1));max-width:215px}
#brand .panel{margin-top:16px}

.브랜드머리{margin:18px 0 0}

.목록머리.브랜드머리{grid-template-columns:auto minmax(0,480px) minmax(0,1fr)}

.브랜드나라{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0}
.브랜드나라>span{color:var(--muted);font-size:.72rem;font-weight:700}
.브랜드나라>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}
.브랜드나라 b{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:38px;color:var(--ink2);font-size:.74rem;font-weight:600}
.브랜드나라 b i{font-style:normal;font-size:1.55rem;line-height:1}
.브랜드나라 b.더{color:var(--muted);font-weight:500}
.브랜드나라 b.더 i{display:grid;place-items:center;width:26px;height:26px;margin:1px 0 1px;border-radius:50%;background:var(--sunken);font-size:.72rem;font-weight:800;color:var(--muted)}
@media(max-width:1080px){.목록머리.브랜드머리{grid-template-columns:1fr}.브랜드나라{justify-self:start;align-items:flex-start}.브랜드나라>div{justify-content:flex-start}}
.브랜드이름{display:flex;align-items:center;gap:18px}
.브랜드이름 .큰로고{height:auto;margin:0}.브랜드이름 .큰로고 img{height:calc(44px * var(--로고배율,1))}

.눈밖{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.브랜드이름 p{margin:0;color:var(--muted);font-size:.84rem}
.브랜드사이트{display:inline-block;margin-top:12px;color:var(--fig-deep);font-size:.82rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}.브랜드이름 a{color:var(--fig-deep);font-weight:750}
#brand .제품몸{margin-top:22px}
.브랜드거르개 i,#product-filter .고르기탭 i,#product-filter .고르기칩 i{font-style:normal;color:var(--muted);font-size:.74rem}

.고르기탭{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 4px}
.고르기탭 button{display:inline-flex;align-items:center;gap:3px;padding:4px 7px 4px 6px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink2);font:inherit;font-size:.8rem;cursor:pointer}
.고르기탭 button[data-kind="전체"]{padding:4px 9px}
.고르기탭 button svg{width:13px;height:13px;fill:none;stroke:var(--k-선,var(--ink));stroke-width:1.6;stroke-linejoin:round}
.고르기탭 button.on{background:var(--k-면);border-color:var(--k);color:var(--k-글);font-weight:750}
.고르기탭 button.on i,#product-filter .고르기탭 button.on i{color:var(--k-글)}
.고르기탭 button[data-kind="전체"].on{background:var(--fig-deep);border-color:var(--fig-deep);color:white}
.고르기탭 button[data-kind="전체"].on i,#product-filter .고르기탭 button[data-kind="전체"].on i{color:white;opacity:.8}
.고르기칩{display:flex;flex-wrap:wrap;gap:5px}.고르기칩[hidden]{display:none}

.성분칩판{margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.성분칩판:empty{display:none}

.성분칩판:has(>.갈래고름:not([hidden])){display:none}
.성분칩판 .고르기칩 i{font-style:normal;color:var(--muted);font-size:.74rem}

.고르기칩.갈래고름 button{gap:5px;padding:5px 11px 5px 8px}
.고르기칩.갈래고름 button svg{width:15px;height:15px;fill:none;stroke:var(--k-선,var(--ink));stroke-width:1.6;stroke-linejoin:round}
.고르기칩 button{display:inline-flex;align-items:center;gap:4px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:999px;background:var(--white);font:inherit;font-size:.8rem;cursor:pointer}
.고르기칩 button svg{width:24px;height:18px}
.고르기칩 button[disabled]{opacity:.4;cursor:default}.고르기칩.글만 button{padding:4px 10px}.고르기칩 button>svg.확인체크{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4}
.고르기칩 button.on{border-color:var(--fig-deep);background:var(--fig-deep);color:white}.고르기칩 button.on i{color:white;opacity:.8}
.브랜드둘{margin-top:16px!important;padding-top:14px;border-top:1px solid var(--line)}
.브랜드요약{display:grid;gap:6px;margin:6px 0 8px;font-size:.82rem}.브랜드요약 div{display:flex;justify-content:space-between;gap:8px}
.브랜드요약 dt{color:var(--muted)}.브랜드요약 dd{margin:0;font-weight:750}.브랜드요약 small{color:var(--muted);font-weight:600}
.브랜드더{display:block;margin:18px auto 0;padding:11px 26px;border:1px solid var(--line);border-radius:999px;background:var(--white);font:inherit;font-weight:750;cursor:pointer}.브랜드더 small{margin-left:6px;color:var(--muted);font-weight:600}
#브랜드공개{margin-top:40px;scroll-margin-top:90px}

.fact-src{margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.65}
#브랜드공개 h2{margin:0 0 18px}
.공개셋{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.공개칸{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.공개칸 h3{margin:0 0 12px;font-size:1rem;font-weight:800}
.공개막{margin:0 0 14px}.공개막 span{display:block;color:var(--muted);font-size:.8rem}
.공개막 b{display:block;margin:2px 0 6px;font-size:1.5rem;letter-spacing:-.03em}.공개막 small{color:var(--muted);font-size:.85rem;font-weight:600}
.공개막 i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--sage) var(--p),var(--gray-soft) var(--p))}
.공개큰{margin:0 0 10px;font-size:.95rem}.공개큰 b{font-size:1.5rem}

.공개기관{display:grid;gap:4px;margin:0 0 8px;padding:0;list-style:none;font-size:.84rem}
.공개기관 li{display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:baseline}.공개기관 span{color:var(--muted)}
.공개기관 li.공개있음{font-weight:750}.공개기관 li.공개있음 span{color:var(--sage-ink);font-weight:800}
.공개기관 .공개이름{color:inherit}.공개기관 .공개이름 small{display:block;white-space:pre-line;color:var(--muted);font-size:.74rem;font-weight:400;line-height:1.45}
.공개기관 em,.공개묶음 em{font-style:normal;color:var(--muted);font-size:.76rem}
.공개칸 .foot-link{margin-top:4px}
.공개묶음+.공개묶음{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.공개묶음머리{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}.공개묶음머리 b{font-size:.84rem}
.공개묶음 ul{display:grid;gap:4px;margin:0;padding:0 0 0 2px;list-style:none;font-size:.88rem}.공개묶음 li em{margin-left:6px}

.공개묶음 li{position:relative;padding-left:14px}.공개묶음 li::before{content:'▸';position:absolute;left:0;top:.05em;color:var(--muted);font-size:.8em}
.공개딱{padding:2px 9px;border-radius:999px;font-size:.76rem;font-weight:700}
.공개딱.공개받음{background:var(--sage-soft);color:var(--sage-ink)}.공개딱.공개빈답{background:var(--gray-soft);color:var(--ink2)}.공개딱.공개기다림{background:var(--asked-bg);color:var(--asked-ink)}
@media(max-width:900px){.공개셋{grid-template-columns:1fr}}



.연구판 h1{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.05em} 

:where(.연구판) button{font:inherit;cursor:pointer}
.연구틀{max-width:1180px;margin:0 auto;padding-bottom:20px}


.연구주제줄{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin-bottom:40px;padding-bottom:18px;border-bottom:1px solid var(--비교선)}
.연구주제줄 button{all:unset;cursor:pointer;padding-bottom:4px;color:var(--ink);font-size:.95rem;letter-spacing:-.01em}
.연구주제줄 button.켬{box-shadow:inset 0 -2px 0 var(--ink)}
.연구주제줄 button:disabled{opacity:.3;cursor:default}
.연구주제줄 button:focus-visible{outline:2px solid var(--fig-deep);outline-offset:3px}

.연구-성분걸림{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:3px 10px;border:1px solid var(--비교선);border-radius:999px;background:#fff;color:var(--ink);font-size:.78rem;font-weight:700}

.연구-줄들{border-top:2px solid var(--ink)}
.연구논문줄{display:block;padding:18px 4px;border-bottom:1px solid var(--비교선);color:inherit;text-decoration:none}
.연구논문줄:hover strong{text-decoration:underline;text-underline-offset:3px}

.연구논문줄 small{color:var(--sage-ink);font-size:.74rem;font-weight:700}
.연구논문줄 small.초록{color:var(--gray-ink)}
.연구논문줄 strong{display:block;margin-top:4px;font-size:1.02rem;line-height:1.45}
.연구논문줄 p{display:-webkit-box;margin:6px 0 0;color:var(--ink2);font-size:.86rem;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.연구-더{display:block;margin:40px auto 0;height:44px;padding:0 30px;border:1px solid var(--비교선);border-radius:4px;background:#fff;color:var(--ink2);font-size:.88rem}
.연구-더 small{color:var(--muted)}
.연구-빈{padding:30px 4px;color:var(--muted)}
.연구-발{margin-top:44px;padding-top:18px;border-top:1px solid var(--비교선);color:var(--muted);font-size:.78rem;line-height:1.8}

.paper-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.paper{display:block;text-decoration:none;color:inherit;position:relative;min-height:205px;padding:19px 48px 18px 20px;text-align:left;background:white;border:1px solid var(--line);border-radius:16px;cursor:pointer;transition:.16s}
.paper::after{content:"→";position:absolute;right:18px;bottom:17px;color:var(--fig-deep);font-size:1rem;font-weight:850;transition:.16s}
.paper:hover{transform:translateY(-2px);border-color:var(--fig);box-shadow:var(--shadow)}
.paper:hover::after{transform:translateX(3px)}
.paper-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.paper-type{color:var(--fig-deep);font-size:.72rem;font-weight:800}

.paper>strong{display:block;font-size:1rem;line-height:1.42}
.paper-measured{display:block;margin-top:7px;color:var(--ink2);font-size:.82rem;line-height:1.6}
.paper u{display:block;margin-top:13px;padding-top:10px;border-top:1px solid var(--line);text-decoration:none;color:var(--muted);font-size:.74rem;line-height:1.55}
.paper u i{font-style:normal;color:var(--ink);font-weight:800}
.paper-reading-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr);gap:16px;align-items:start}
.paper-context{display:grid;gap:12px;position:sticky;top:88px}
.paper-context .panel{padding:22px}.paper-context .panel h2{margin-bottom:16px;font-size:1.12rem}
.paper-facts{margin:0;display:grid;gap:14px}
.paper-facts>div{padding-top:12px;border-top:1px solid var(--line)}.paper-facts>div:first-child{padding-top:0;border-top:0}
.paper-facts dt{color:var(--fig-deep);font-size:.7rem;font-weight:850}
.paper-facts dd{margin:4px 0 0;color:var(--ink2);font-size:.92rem;line-height:1.72}
.paper-limits{color:var(--ink2);font-size:.94rem;line-height:1.78}
.paper-limit-card{border-color:#ead8af;background:#fffdf8}.paper-limit-card .section-kicker{color:var(--amber)}
.paper-use-card{border-color:var(--line);background:var(--wash)}
.쓰임{margin:0;padding-left:18px;color:var(--ink2);font-size:.94rem;line-height:1.8}
.쓰임 em{font-style:normal;color:var(--ink);font-weight:700}


.정리본본문{margin-top:16px}
.paper-summary{min-width:0;margin-top:0;padding:34px 38px}.paper-summary>h2{margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:1.65rem}
.정리본본문 h2{margin:26px 0 8px;font-size:1.12rem;letter-spacing:-.02em}
.정리본본문 h2:first-of-type{margin-top:6px}
.정리본본문 p{margin:0 0 12px;color:var(--ink2);font-size:.96rem;line-height:1.8}
.정리본본문 strong{color:var(--ink);font-weight:700}
.정리본본문 code{padding:1px 5px;border-radius:5px;background:var(--gray);font-size:.9em}
.정리본본문 ul{margin:0 0 14px;padding-left:18px;color:var(--ink2);font-size:.96rem;line-height:1.8}

.글표{overflow-x:auto;margin:0 0 16px}
.글표 table{border-collapse:collapse;width:100%;min-width:420px;font-size:.9rem}
.글표 th,.글표 td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.글표 th{color:var(--fig-deep);font-size:.76rem;font-weight:850;white-space:nowrap}
.글표 td{color:var(--ink2)}

@media(max-width:1000px){
.brands .door-grid,.paper-list,.paper-reading-grid{grid-template-columns:minmax(0,1fr)}.paper{min-height:0}.paper-context{position:static;grid-template-columns:repeat(2,1fr)}.paper-use-card{grid-column:1/-1}}
@media(max-width:760px){
  .paper{padding-right:44px}
}
@media(max-width:680px){.paper-summary{padding:25px 22px}.paper-context{grid-template-columns:1fr}.paper-use-card{grid-column:auto}}



.ingredients .안에든줄{padding-left:18px;border-top-style:dotted}
.ingredients .안에든줄 strong{font-weight:600;color:var(--ink2)}
.ingredients .blend{margin-top:4px;color:var(--fig-deep);font-size:.78rem}
.세기{margin:18px 0 0;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:var(--sunken)}
.세기말{margin:0 0 11px;color:var(--muted);font-size:.8rem;line-height:1.65}
.세기말 strong{color:var(--ink);font-weight:700}
.세기 div{padding:9px 0;border-top:1px solid var(--line)}
.세기 div:first-of-type{border-top:0;padding-top:0}
.세기 strong{display:block;font-size:1.05rem;letter-spacing:-.02em}
.세기 span{display:block;margin-top:3px;color:var(--ink2);font-size:.79rem}
.세기 small{display:block;margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.5;overflow-wrap:anywhere}

.세기 .브랜드표기 strong{font-size:.82rem;font-weight:800;color:var(--ink2);letter-spacing:0}
.세기 .브랜드표기 a{color:var(--fig-deep)}
.기타원료{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.기타원료 h3{margin:0 0 4px;font-size:.95rem}
.기타원료 p{margin:0 0 9px;color:var(--muted);font-size:.79rem;line-height:1.6}
.기타원료 p strong{color:var(--ink);font-weight:700}
.기타원료 ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.기타원료 li{padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink2);font-size:.76rem;overflow-wrap:anywhere}

.신고칸 dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;font-size:.8rem;line-height:1.6}
.신고칸 dt{color:var(--muted);font-weight:600}
.신고칸 dd{margin:0;color:var(--ink2)}
.신고칸 dd ul{display:block}
.신고칸 dd li{padding:0;border:0;border-radius:0;background:none;font-size:inherit}
.신고칸 dd li+li{margin-top:2px}
@media (max-width:600px){.신고칸 dl{grid-template-columns:1fr}.신고칸 dt{margin-top:4px}}



.기능머리{margin:0 0 22px;color:var(--muted);font-size:.76rem;line-height:1.6}


.기능{display:grid;grid-template-columns:266px minmax(0,1fr);gap:8px 34px;
  margin:0 0 14px;padding:22px 0;border-top:1px solid var(--line)}
.기능:last-child{margin-bottom:0}
.기능몸{min-width:0}
.기능머리줄{margin:0 0 7px}
.기능제목{margin:0 0 7px;font-size:1.14rem;letter-spacing:-.03em;line-height:1.4}

.기능머리줄 .판정,.가이드-글 .판정,.시안기능 .판정,.시안묶음 .판정,.연구줄 .판정{flex:none;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:800;
  background:var(--gray-soft);color:var(--gray-ink);white-space:nowrap}
.기능머리줄 .판정.맞음,.가이드-글 .판정.맞음,.시안기능 .판정.맞음,.시안묶음 .판정.맞음,.연구줄 .판정.맞음{background:var(--sage-soft);color:var(--sage-ink)}

.기능머리줄 .판정.어긋,.기능머리줄 .판정.갈림,.가이드-글 .판정.어긋,.가이드-글 .판정.갈림,.시안기능 .판정.어긋,.시안기능 .판정.갈림,.시안묶음 .판정.어긋,.시안묶음 .판정.갈림,.연구줄 .판정.어긋,.연구줄 .판정.갈림{background:var(--off-bg);color:var(--off-ink)}

.기능줄{margin:8px 0 0;color:var(--muted);font-size:.79rem;font-weight:650;line-height:1.65}
.기능줄 a{color:var(--ink3);text-decoration:underline;text-decoration-color:var(--line2);
  text-underline-offset:3px}
.기능줄 a:hover{color:var(--fig-deep);text-decoration-color:var(--fig)}
.기능줄 i{font-style:normal;color:var(--muted);font-weight:600}

.기능 .paper-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}


.기능 .paper{min-height:0;padding:15px 40px 14px 16px;display:flex;flex-direction:column}
.기능 .paper::after{right:14px;bottom:13px;font-size:.88rem}

.글근거{display:block;margin-top:auto;padding-top:11px;color:var(--muted);font-size:.72rem;font-weight:700}
.기능 .paper strong{display:block;font-size:1.04rem;line-height:1.4;letter-spacing:-.02em}

.기능 .paper-measured{margin-top:10px;font-size:.8rem;line-height:1.65}
@media(max-width:1100px){.기능 .paper-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.기능 .paper-list{grid-template-columns:minmax(0,1fr)}}

.빈기능{margin:0;color:var(--muted);font-size:.83rem}
@media(max-width:860px){
  .기능{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 0}
  .기능제목{font-size:1.2rem}
}
.기능.두루 .기능줄{color:var(--muted);font-weight:650}


.논문번호{font-size:.74em;font-weight:800;vertical-align:.35em;text-decoration:none;color:var(--fig-deep);padding:0 1px}




.논문결과모음{margin-top:18px}
.논문결과모음>.panel-intro{margin-bottom:4px}
.논문결과{padding:18px 0;border-top:1px solid var(--line)}
.논문결과:first-of-type{border-top:1px solid var(--line2)}
.논문결과 h3{margin:0;font-size:1rem;line-height:1.5;color:var(--ink)}
.논문결과먹은것{color:var(--fig-deep)}
.논문결과값{margin:8px 0 0;font-size:1.02rem;font-weight:700;color:var(--ink);line-height:1.6}
.논문결과판정{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 14px;
  font-size:.9rem;line-height:1.6;color:var(--ink2)}
.논문결과판정 .방향{font-weight:700;color:var(--ink)}
.논문결과판정 .임상{color:var(--ink2)}
.논문결과후보{margin:0 0 8px;padding:9px 12px;border-radius:9px;
  background:var(--amber-soft);color:var(--amber);font-size:.88rem;line-height:1.6}
.논문결과칸들{margin:12px 0 0;display:grid;gap:10px}
.논문결과칸들>div{display:grid;grid-template-columns:8.5rem 1fr;gap:4px 14px}
.논문결과칸들 dt{color:var(--fig-deep);font-size:.76rem;font-weight:850;line-height:1.7}
.논문결과칸들 dd{margin:0;color:var(--ink2);font-size:.9rem;line-height:1.72}

.논문번호.논문결과번호{font-variant-numeric:tabular-nums}
.논문결과:target{background:var(--wash);border-radius:12px;padding:18px 14px}
@media (max-width:640px){
  .논문결과칸들>div{grid-template-columns:1fr;gap:2px}
}




.상단찾기{display:flex;align-items:center;gap:9px;margin-left:auto;padding:8px 14px;
  min-width:210px;max-width:300px;flex:0 1 270px;
  border:1px solid var(--line);border-radius:999px;background:#fff;transition:.14s}
.상단찾기:focus-within{border-color:var(--fig);box-shadow:0 3px 12px rgba(111,72,88,.12)}
.상단찾기 svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:var(--fig-deep);stroke-width:2;stroke-linecap:round}
.상단찾기 input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:.86rem;color:var(--ink)}
.상단찾기 input::placeholder{color:#B3A2A9}

.topbar .icon-button{margin-left:10px}

@media(max-width:760px){.topbar{flex-wrap:wrap;row-gap:8px}.상단찾기{min-width:0;max-width:none;flex:1 1 150px;padding:7px 12px}}

@media(max-width:560px){.topbar .icon-button{flex:none;margin-left:0;padding:7px 12px;font-size:0}.topbar .icon-button::before{content:'←' / '';font-size:1rem}}





.옆칸{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:white}
.옆칸.경고{border-color:#E8D3A6;background:#FFFBF1}
.옆칸.바구니{border-color:var(--fig-deep)}
.옆머리{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:0 0 6px;color:var(--muted);font-size:.74rem;font-weight:750}
.옆칸.경고 .옆머리{color:var(--amber)}
.옆칸.바구니 .옆머리{color:var(--fig-deep)}
.옆머리 i{font-style:normal}
.출처딱지{padding:1px 7px;border-radius:6px;background:var(--sage-soft);color:var(--sage-ink);font-size:.64rem;font-weight:750}
.옆값{margin:0;font-size:.88rem;line-height:1.5;color:var(--ink)}
.옆값 strong{font-size:1.02rem}
.옆값.흐림{color:var(--muted)}
.옆말{margin:4px 0 0;color:var(--muted);font-size:.74rem;line-height:1.5}
.사람줄{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:.84rem}
.사람줄 dt{color:var(--amber);font-weight:750}.사람줄 dd{margin:0}

.해외경고머리{margin:10px 0 2px;padding-top:8px;border-top:1px dashed #E8D3A6;color:var(--amber);font-size:.72rem;font-weight:750}
.해외경고{margin:0;padding:0;list-style:none;font-size:.8rem}
.해외경고 li{padding:5px 0;line-height:1.5}
.해외경고 b{margin-right:6px}
.해외경고 .세기딱지{font-style:normal;padding:0 6px;border-radius:5px;background:var(--amber-soft);color:var(--amber);font-size:.66rem;font-weight:750}
.해외경고 span{display:block;color:var(--ink2)}
.해외경고 a{color:var(--muted);font-size:.7rem}

.해외줄{margin:6px 0 0;padding:0;list-style:none;font-size:.8rem}
.해외줄 li{padding:7px 0;border-top:1px dashed var(--line);line-height:1.5}
.해외줄 li:first-child{border-top:0;padding-top:2px}
.해외머리{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;color:var(--ink2)}
.해외머리 b{color:var(--ink)}
.해외종류{margin-left:auto;padding:1px 8px;border-radius:999px;background:var(--gray-soft);color:var(--gray-ink);font-size:.66rem;font-style:normal;font-weight:800;white-space:nowrap}
.해외종류.어긋{background:var(--off-bg);color:var(--off-ink)}
.해외양{margin:3px 0 0;font-weight:750;color:var(--ink)}
.해외무엇{margin:2px 0 0;color:var(--muted);font-size:.74rem}
.해외줄 a{color:var(--muted);font-size:.7rem}
.해외더 summary{margin-top:4px;color:var(--fig-deep);font-size:.76rem;font-weight:700;cursor:pointer}

.연구딱지{background:var(--gray-soft);color:var(--gray-ink)}
.연구줄{margin:4px 0 0;padding:0;list-style:none;font-size:.8rem}
.연구줄 li{padding:7px 0;border-top:1px dashed var(--line);line-height:1.5}
.연구줄 li:first-child{border-top:0;padding-top:2px}
.연구줄 b{display:block;margin-bottom:4px;font-weight:700}
.연구줄 span{display:block;margin-top:5px;color:var(--ink2)}
.함께줄{margin:6px 0 0;padding:0;list-style:none;font-size:.8rem}
.함께줄 li{padding:6px 0;border-top:1px dashed var(--line);line-height:1.5}
.함께줄 li:first-child{border-top:0}
.함께줄 b{margin-right:6px}
.함께줄 .세기딱지{font-style:normal;padding:0 6px;border-radius:5px;background:var(--amber-soft);color:var(--amber);font-size:.66rem;font-weight:750}
.함께줄 span{display:block;color:var(--ink2)}
.함께줄 a{color:var(--muted);font-size:.7rem}
.묶음길 a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;color:var(--ink);font-size:.86rem;font-weight:650;text-decoration:none}
.묶음길 a:hover,.묶음길 a.지금{background:var(--sunken)}
.묶음길 a b{margin-left:auto;color:var(--muted);font-size:.8rem;font-weight:600}
.묶음점{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;background:#BDB5B0}
.점안,.점중심{background:var(--fig-deep)}.점아래,.점함유{background:#C9AAB6}.점위{background:#D9A441}.점모름{background:#BDB5B0}
.옆브랜드 .칩{margin:0 4px 4px 0}
.색줄{display:flex;align-items:flex-start;gap:8px;margin:0 0 6px;font-size:.8rem;line-height:1.45}
.색줄>i{flex:none;width:26px;height:16px;border-radius:5px;margin-top:1px}
.색줄 b{display:block;color:var(--muted);font-size:.72rem}
.색줄.다 b{color:var(--fig-deep)}
.색같음{background:var(--sunken2);border:1px dashed var(--line2)}.색다름{background:var(--wash2)}.색확인{background:var(--sage-wash)}
.바구니줄{margin:0 0 8px;padding:0;list-style:none}
.바구니줄 li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:.8rem;font-weight:650}
.바구니줄 img{width:30px;height:30px;object-fit:contain}
.바구니줄 button{margin-left:auto;border:0;background:none;color:var(--muted);font-size:1rem;cursor:pointer}
.바구니가기{width:100%;padding:10px;border:0;border-radius:10px;background:var(--fig-deep);color:white;font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}
.바구니가기:disabled{opacity:.4;cursor:default}



.비교본{min-width:0;width:auto;margin:0;padding:0}
.묶음칸{margin-bottom:40px;scroll-margin-top:84px}
.묶음칸>h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1.18rem}
.묶음칸>h2 small{color:var(--muted);font-size:.86rem;font-weight:600}
.소머리{margin:18px 0 10px;font-size:.92rem;font-weight:750}
.소머리 span{margin-left:6px;color:var(--muted);font-size:.78rem;font-weight:600}



.담기칸{position:absolute;top:10px;left:10px;z-index:2;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1.5px solid var(--line2);border-radius:6px;background:var(--white);color:var(--white);font-size:14px;font-weight:900;line-height:1;cursor:pointer}
.담기칸:hover{border-color:var(--fig-deep)}
.담기칸[aria-checked="true"]{border-color:var(--fig-deep);background:var(--fig-deep)}
.담기칸[aria-checked="true"]::after{content:"✓"}

.조합넣기{position:absolute;top:7px;left:40px;z-index:2;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--white);cursor:pointer}
.조합넣기 svg{width:17px;height:17px;fill:none;stroke:var(--fig-deep);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.조합넣기 i{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--fig-deep);color:#fff;font-style:normal;font-size:10px;font-weight:900;line-height:1}
.조합넣기:hover,.조합넣기.든{background:var(--fig-soft);border-color:var(--fig-soft)}

.장사슬{display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;padding:9px 0 2px;border-top:1px solid var(--line);margin-top:8px}
.장사슬>small{width:100%;color:var(--muted);font-size:.66rem;margin-bottom:2px}
.장사슬 .dot{width:10px;height:10px}
.장사슬 .무리{display:inline-flex;align-items:center;gap:3px;margin-right:6px;font-size:.66rem;color:var(--ink2)}
.장사슬 .무리 b{font-weight:600;margin-right:1px}
.점풀이{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:.7rem;color:var(--muted)}
.점풀이 span{display:flex;align-items:center;gap:4px}
.장사진{position:relative;display:flex;align-items:center;justify-content:center;height:104px;margin-bottom:10px;padding:0;border:0;background:none;cursor:pointer}
.장사진 img{max-width:100%;max-height:100%;object-fit:contain}

a.장사진,a.장이름,a.비교머리{color:inherit;text-decoration:none}
.장딱지{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.인증딱지,.상한딱지{padding:2px 8px;border-radius:999px;font-style:normal;font-size:.66rem;font-weight:800;white-space:nowrap}
.인증딱지{background:var(--sage-wash);border:1px solid var(--sage-line);color:var(--sage-ink)}

.상한딱지{background:var(--amber-soft);border:1px solid #E8D3A6;color:var(--amber)}
.장브랜드{color:var(--muted);font-size:.68rem;font-weight:700}
.장이름{margin:1px 0 10px;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:.84rem;font-weight:700;line-height:1.35;color:var(--ink);cursor:pointer}
.장이름:hover{text-decoration:underline}
.장이름 .장병{display:block;margin-top:3px;font-size:.72rem;font-weight:500;color:var(--muted)}
.장이름 small{display:block;margin-top:2px;color:var(--muted);font-size:.74rem;font-weight:600}

.장값{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;align-self:start}
.장값>div{padding:8px 8px;border-radius:9px;background:var(--sunken)}
.장값 span{display:block;color:var(--muted);font-size:.66rem;font-weight:700}
.장값 b{font-size:.84rem}
.장값 em{display:block;margin-top:2px;color:var(--muted);font-size:.68rem;font-style:normal;font-weight:600}

.장값 .같음{background:transparent;border:1px dashed var(--line)}
.장값 .같음 b{color:var(--muted);font-weight:650}
.장값 .다름{background:var(--wash2)}
.장값 .다름 span{color:var(--fig-deep)}
.모름값{font-size:.78rem!important;font-weight:600!important;color:var(--gray-ink)!important;white-space:normal!important;line-height:1.35}
.장줄{margin:0 0 12px;font-size:.72rem;color:var(--ink2)}
.장줄 div{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:3px 0;border-bottom:1px dashed var(--line)}
.장줄 dt{color:var(--muted)}.장줄 dd{margin:0;font-weight:650}
.장줄 dd small{display:block;color:var(--muted);font-size:.72rem;font-weight:500}
.장줄 .다름 dt{color:var(--fig-deep);font-weight:750}

.담기{flex:1;padding:8px 0;border:1px solid var(--fig-deep);border-radius:9px;background:white;color:var(--fig-deep);font:inherit;font-size:.78rem;font-weight:750;cursor:pointer}
.담김 .담기{background:var(--fig-deep);color:white}


.비교칸{display:none;margin:24px 0 48px;padding-top:16px;border-top:2px solid var(--ink);scroll-margin-top:84px}
.비교칸.열림{display:block}
.비교칸>h2{margin:0 0 16px;font-size:1.05rem}

.비교장들{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(5,auto);column-gap:12px}
.비교머리{position:relative;grid-column:1/-1;padding:0 0 6px;border:0;background:none;text-align:center;font:inherit;cursor:pointer}
.비교머리 img{height:92px;max-width:90%;object-fit:contain;display:block;margin:0 auto 8px}
.비교머리 small{display:block;color:var(--muted);font-size:.7rem;font-weight:700}
.비교머리 b{display:block;min-height:2.7em;font-size:.84rem;line-height:1.35}
.비교머리:hover b{text-decoration:underline}
.같음말{font-style:normal;font-weight:600;opacity:.8}
.비교발{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;align-self:end;padding-top:10px;border-top:1px solid #EFE9E5;font-size:.76rem}
.비교발 span{color:var(--muted)}
.비교자료{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.있음{padding:2px 8px;border-radius:7px;background:var(--sage-wash);color:var(--sage-ink);font-size:.72rem;font-weight:750}
.비교차이{margin:12px 0 0;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--fig-deep);font-size:.8rem;font-weight:650}
.비교꼬리{margin:10px 0 0;color:var(--muted);font-size:.74rem}
.비교닫기{margin-top:12px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:white;font:inherit;font-size:.84rem;cursor:pointer}

.더알아보기{margin:0 0 28px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:white}
.더알아보기>h2{margin:0 0 10px;font-size:1.05rem}
.더줄{margin:0 0 12px;font-size:.84rem;line-height:1.6;color:var(--ink2)}
.더줄>b{display:block;margin-bottom:4px;color:var(--ink);font-size:.86rem}
.더줄 p{margin:0}
.더줄 ul{margin:6px 0 0;padding-left:18px}
.더줄 li{margin-bottom:6px}
.더줄 li span{display:block;color:var(--muted);font-size:.78rem}
.더줄 li a{color:var(--muted);font-size:.74rem}
.더말{color:var(--muted);font-size:.78rem}
.비교발치{margin:0 0 20px;color:var(--muted);font-size:.78rem;line-height:1.7}

.바구니막대{position:fixed;left:0;right:0;bottom:0;display:none;align-items:center;gap:10px;padding:12px 16px;background:rgba(255,253,252,.97);border-top:1px solid var(--line);z-index:30}
.바구니막대 span{flex:1;font-size:.88rem}
.바구니막대 button{padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:white;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.바구니막대 .가기{border:0;background:var(--fig-deep);color:white}
.바구니막대 .가기:disabled{opacity:.4}

.바구니막대.보임{display:flex}

@media(max-width:860px){
  .색안내,.옆칸.바구니{display:none}
  .바구니막대.보임{display:flex}
  .묶음길{display:flex;flex-wrap:wrap;gap:6px}.묶음길 .옆머리,.묶음길 .옆말{width:100%}
  .묶음길 a{border:1px solid var(--line);border-radius:999px;padding:6px 12px}
  
  .장사진{grid-row:span 5;height:76px;margin:0}
  .담기칸,.조합넣기{display:none}
  
  .비교본{order:1;margin-top:18px}
  .비교장들{grid-template-columns:1fr;grid-template-rows:none;row-gap:12px}
}


[data-갈래="여러 갈래"]{--k:var(--amber);--k-면:var(--amber-soft);--k-선:var(--amber);--k-글:var(--amber)}
[data-갈래="그 밖"]{--k:var(--line2);--k-면:var(--gray);--k-선:var(--gray-dot);--k-글:var(--ink4)}

.제품판 button{font-family:inherit;cursor:pointer}


.목록머리{display:grid;grid-template-columns:auto minmax(0,480px) auto;justify-content:start;gap:40px;align-items:center;min-height:85px;box-sizing:border-box;padding:18px 26px 20px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.목록머리 h1{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.05em} 
.목록머리 .밑줄찾기감{width:100%;max-width:480px}
.목록머리 .밑줄찾기{margin:0}
.목록머리 .밑줄찾기 svg{width:17px;height:17px}
.목록머리 .밑줄찾기 input{padding:9px 0;font-size:1rem}

.제품떠판{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30}
.제품찾기감.열림 .제품떠판{display:block}

.제품몸{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:36px;margin-top:28px;align-items:start}
.거르개{position:sticky;top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.거르개 h3{margin:0 0 4px;color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.02em}
.거름묶{padding:8px 0;border-top:1px solid var(--line)}.거름묶:first-child{padding-top:0;border:0}
.묶머리{display:flex;align-items:baseline;justify-content:space-between}
.묶머리 button{padding:0;border:0;background:none;color:var(--fig-deep);font-size:.76rem;text-decoration:underline;text-underline-offset:3px}
.거르개 .풀이{margin:-2px 0 6px;color:var(--muted);font-size:.76rem;line-height:1.5}
.거르개 .칩들{display:flex;flex-wrap:wrap;gap:4px}
.거르개 .칩들 button{padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink2);font-size:.78rem}
.거르개 .칩들 button i{margin-left:4px;font-style:normal;color:var(--muted);font-size:.74rem}
.거르개 .칩들 button.on{background:var(--fig-deep);border-color:var(--fig-deep);color:white}.거르개 .칩들 button.on i{color:white;opacity:.8}
.거르개 .칩들 button[disabled]{opacity:.4;cursor:default}
.고른것{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;color:var(--muted);font-size:.84rem}
.고른것>span{margin-right:4px}
.고른것 button{padding:5px 10px;border:1px solid var(--line-hover);border-radius:999px;background:var(--wash2);color:var(--fig-deep);font-size:.82rem}
.고른것 button b{margin-left:3px}

.고민판정{margin:0 0 14px;padding:12px 16px;border:1px solid #E6E2DF;font-size:.86rem;color:var(--ink2)}
.고민판정 p{margin:0 0 6px}
.고민판정 ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:4px 24px}
.고민판정 li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.고민판정 li small{color:var(--muted);font-size:.78rem}
.고민판정-가기{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;cursor:pointer}   
.고민판정-가기:hover{color:var(--fig-deep);text-decoration-color:currentColor}
.고민판정 .판정{font-style:normal;font-size:.72rem;font-weight:750;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--gray-soft);color:var(--gray-ink)}
.고민판정 .판정.맞음{background:var(--sage-soft);color:var(--sage-ink)}
.고민판정 .판정.어긋,.고민판정 .판정.갈림{background:var(--off-bg);color:var(--off-ink)}

@media(max-width:640px){.고민판정{padding:8px 10px;font-size:.8rem}.고민판정 p{margin-bottom:4px}.고민판정 ul{display:flex;flex-wrap:wrap;gap:4px 12px}.고민판정 li{gap:2px 5px}.고민판정 li small{font-size:.72rem}.고민판정 .판정{font-size:.66rem;padding:1px 6px}}
.고른것 .다지움{border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.브랜드뜻{margin:14px 0 14px;color:var(--muted);font-size:.84rem}
.딱지뜻{display:flex;align-items:center;gap:6px;margin:-6px 0 14px;color:var(--muted);font-size:.8rem}.딱지뜻 .확인칩{margin:0}
.결과줄{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.결과줄 strong{font-size:1.05rem}.결과줄 strong i{font-style:normal;color:var(--fig-deep)}
.결과줄 select{font:inherit;font-size:.86rem;padding:8px 30px 8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink2)}
.제품더{display:block;margin:22px auto 0;padding:12px 22px;border:1px solid var(--line-hover);border-radius:12px;background:var(--white);color:var(--fig-deep);font-weight:700}

.상품판{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
.상품판 .empty{grid-column:1/-1}

.상품판 .주성분줄{grid-column:1/-1;margin:18px 0 -8px;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}
.상품판 .주성분줄:first-child{margin-top:0}
.상품판 .주성분줄 i{margin-left:4px;color:var(--muted);font-size:.8rem;font-style:normal;font-weight:600}
.상품카드{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:14px;align-content:start;padding:16px 20px 14px;border:1px solid var(--line);border-top:3px solid var(--k,var(--line));border-radius:14px;background:var(--white);color:inherit;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.상품카드:hover{transform:translateY(-4px);border-color:var(--k,var(--fig-deep));box-shadow:var(--shadow)}
.상품사진{display:grid;place-items:center;height:132px;margin:-16px -20px 0;border-radius:11px 11px 0 0;background:var(--paper)}
.상품사진 img{max-height:112px;max-width:70%;object-fit:contain}
.상품이름{display:block;min-width:0}
.상품이름 .상품브랜드{display:block;margin:0 0 5px;color:var(--muted);font-size:.76rem;font-weight:600;line-height:1.3}
.상품이름 strong{display:block;font-size:.92rem;line-height:1.4;letter-spacing:-.02em;overflow-wrap:break-word}
.상품이름 small{display:block;margin-top:7px;color:var(--ink2);font-size:.8rem;line-height:1.3}
.상품이름 .상품보조{margin-top:3px;color:var(--muted);font-size:.76rem}
.상품이름 .상품영어{margin-top:3px;color:var(--muted);font-size:.74rem;font-weight:400;line-height:1.35;overflow-wrap:break-word}

.상품카드 .상품줄{gap:9px;margin:0;align-self:start}
.상품카드 .상품줄 div{grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:baseline;font-size:.8rem;line-height:1.55}
.상품카드 .상품줄 dt{font-size:.74rem}
.상품카드 .상품줄 dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 6px}
.상품카드 .상품줄 dd b{font-weight:700;color:var(--ink)}
.상품카드 .없음{color:var(--muted)}
.상품값{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding-top:12px;border-top:1px dashed var(--line);color:var(--muted);font-size:.78rem;white-space:nowrap}
.상품값 b{color:var(--ink);font-size:.92rem;font-weight:800;letter-spacing:-.01em}
.상품값 b small{margin-right:3px;color:var(--muted);font-size:.74rem;font-weight:600}

.상품담기{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:1px}
.상품조합{padding:8px 6px;border:0;border-radius:8px;background:var(--fig-deep);color:#fff;font:inherit;font-size:.82rem;font-weight:700;white-space:nowrap;cursor:pointer}
.상품조합:hover{filter:brightness(1.12)}
.상품조합.켬{background:var(--fig-soft);color:var(--fig-deep)}
.상품비교{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;color:var(--ink2);font:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer}
.상품비교::before{content:"";display:grid;place-items:center;width:15px;height:15px;border:1.5px solid var(--line2);border-radius:4px;background:var(--white);color:#fff;font-size:11px;font-weight:900;line-height:1}
.상품비교:hover::before{border-color:var(--fig-deep)}
.상품비교.켬{color:var(--fig-deep)}.상품비교.켬::before{content:"✓";border-color:var(--fig-deep);background:var(--fig-deep)}

.성분갈래.제품갈래줄{margin:0 0 16px}
#product-filter .고르기칩{gap:6px}
#product-filter .고르기칩 button{gap:5px;padding:6px 11px;font-size:.84rem;color:var(--ink2)}
#product-filter .고르기칩 button i{font-size:.76rem}

.바구니막대.제품바구니.보임{display:flex}
.바구니막대.제품바구니 em{margin-left:8px;color:var(--muted);font-style:normal;font-size:.82rem}
#catalog:has(.제품바구니.보임),#brand:has(.제품바구니.보임){padding-bottom:72px}
@media(max-width:1280px){.상품판{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1080px){.목록머리{grid-template-columns:1fr;gap:16px}.제품몸{grid-template-columns:1fr;row-gap:20px}.거르개{position:static}.상품판{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.목록머리{padding:22px 18px}.상품판{grid-template-columns:1fr}}


.소개판{max-width:800px;margin:0 auto;padding:12px 0 56px;color:var(--ink)}
.소개머리{text-align:center}
.소개그림{display:block;width:180px;height:140px;margin:0 auto 16px;padding:12px;border-radius:24px;background:var(--판)}
.소개그림 svg{display:block;width:100%;height:100%}

.소개머리 h1{margin:0;font-size:1.75rem;font-weight:900;line-height:1.25;letter-spacing:-.04em}
.소개머리 p{max-width:620px;margin:10px auto 0;color:var(--ink2);font-size:1.05rem;font-weight:650;line-height:1.55}
.소개카드들{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.소개카드{position:relative;display:block;padding:26px 28px 28px;border-radius:20px;background:var(--sunken2);color:var(--ink);text-decoration:none}
.소개카드:last-child:nth-child(odd){grid-column:1/-1}
a.소개카드:hover{background:var(--sunken)}
.소개카드 h2{margin:0 0 12px;padding-right:26px;color:var(--muted);font-size:.92rem;font-weight:800}
.소개답{margin:0;font-size:1.2rem;font-weight:850;line-height:1.45;letter-spacing:-.02em}
.소개덧{margin:8px 0 0;color:var(--ink2);font-size:.96rem;font-weight:600;line-height:1.5}
.소개근거줄{margin:20px 0 0;padding-top:16px;border-top:1px dashed var(--line2);color:var(--sage-ink);font-size:.8rem;font-weight:600;line-height:1.6}
.소개근거줄 p{margin:0}
.소개근거줄 p+p{margin-top:6px}
.소개근거곳{margin-bottom:8px!important;color:var(--muted);font-weight:700}

.소개권장{margin-top:18px}
.소개권장 table{width:100%;margin:8px 0 0;border-collapse:collapse;font-size:.96rem}
.소개권장 th,.소개권장 td{padding:7px 0;border-bottom:1px solid var(--line2);text-align:left;vertical-align:baseline}
.소개권장 th{width:4.5em;color:var(--ink2);font-weight:700;white-space:nowrap}
.소개권장 th small{display:block;color:var(--muted);font-size:.72rem;font-weight:700}
.소개권장 td{text-align:right;font-weight:800}
.소개권장곳{margin:6px 0 0;color:var(--muted);font-size:.78rem;font-weight:600}
.소개화살{position:absolute;top:17px;right:19px;font-style:normal;color:var(--muted);font-size:.95rem;font-weight:800}
.소개판 .판정,.한눈 .판정,.성분카드 .판정{display:inline-block;padding:2px 11px;border-radius:999px;font-style:normal}
.한눈 .판정,.성분카드 .판정{padding:1px 9px;font-size:.78rem;font-weight:800}
.소개판 .판정.맞음,.한눈 .판정.맞음,.성분카드 .판정.맞음{background:var(--sage-soft);color:var(--sage-ink)}
.소개판 .판정.갈림,.한눈 .판정.갈림,.성분카드 .판정.갈림{background:var(--off-bg);color:var(--off-ink)}
.소개판 .판정.부족,.한눈 .판정.부족,.성분카드 .판정.부족{background:var(--gray-soft);color:var(--gray-ink)}
.소개판 .판정.어긋,.한눈 .판정.어긋,.성분카드 .판정.어긋{background:var(--withheld-bg);color:var(--withheld-ink)}
.소개아래{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:24px}
.소개비교{display:inline-block;padding:10px 18px;font-size:.92rem;border-radius:999px;background:var(--ink);color:white;font-weight:800;text-decoration:none}
.소개근거단추{padding:10px 18px;border:0;border-radius:999px;background:var(--gray);color:var(--ink);font:inherit;font-size:.92rem;font-weight:800;cursor:pointer}
.소개근거{margin-top:34px;scroll-margin-top:90px}
.소개절{margin:0 0 14px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:white}
.소개절>h2{margin:0 0 12px;font-size:1.12rem;font-weight:900;letter-spacing:-.03em}
.소개절 .옆칸{padding:0;border:0;background:none}
.소개절 ul{padding-left:18px;line-height:1.75}
.소개절 p{color:var(--ink2);line-height:1.75}
@media(max-width:720px){.소개카드들{grid-template-columns:1fr}.소개카드:last-child:nth-child(odd){grid-column:auto}.소개머리 p{font-size:1rem}.소개판{padding:16px 16px 48px}.소개절{padding:20px 18px}}
@media(max-width:560px){.소개머리 h1{font-size:1.45rem}}


.한눈 ul{margin:4px 0 0;padding:0;list-style:none}
.한눈 li a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:baseline;padding:9px 6px;margin:0 -6px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:.9rem}
.한눈 li+li a{border-top:1px dashed var(--line);border-radius:0}
.한눈 li a:hover{background:var(--sunken2)}
.한눈 li a b{color:var(--muted);font-size:.78rem;font-weight:800}
.한눈 li a span{min-width:0;font-weight:700;line-height:1.5}
.한눈 li a small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem;font-weight:600;line-height:1.45}
.한눈가기{display:block;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--ink);color:white;font-size:.88rem;font-weight:800;text-align:center;text-decoration:none}


.대문{margin:calc(-1 * var(--main위,48px)) calc(50% - 50vw) 0;font-size:15px;line-height:1.6}
.대문-틀{width:min(1180px,calc(100% - 48px));margin:0 auto}
.대문-딱{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.06em;color:var(--fig-deep)}
.대문 h2{margin:6px 0 0;font-size:1.75rem;line-height:1.35;letter-spacing:-.035em;font-weight:800}

.대문-점 i,.대문-막 i,.대문-범례 i,.대문-상범례 i{background:var(--gray-dot)}
.대문-점 i.known,.대문-막 i.known,.대문-범례 i.known,.대문-상범례 i.known{background:var(--sage)}
.대문-점 i.withheld,.대문-막 i.withheld,.대문-범례 i.withheld,.대문-상범례 i.withheld{background:var(--withheld-ink)}
.대문-막 i.asked,.대문-상범례 i.asked{background:var(--asked-ink)}
.대문-막 i.checked,.대문-상범례 i.checked{background:var(--slate)}
.대문-점 i.none,.대문-막 i.none,.대문-범례 i.none,.대문-상범례 i.none{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line2)}


.대문-판{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 78% 30%,var(--sunken2) 0%,var(--sand-soft) 45%,var(--wash3) 100%)}
.대문-판틀{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:center;min-height:560px;padding:56px 0 40px}
.대문-판 .대문-딱{margin:0 0 18px}
.대문-판 h1{margin:0 0 20px;font-size:3.1rem;line-height:1.25;letter-spacing:-.045em;font-weight:800;color:var(--ink)}
.대문-판 h1 span{display:block;color:var(--gray-dot);font-weight:700}
.대문-왜{max-width:520px;margin:0 0 30px;color:var(--ink2);font-size:1.05rem;line-height:1.75}
.대문-단추{display:flex;gap:12px;align-items:center}
.대문-단추 a{padding:15px 26px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none}
.대문-단추 .꽉{background:var(--fig-deep);color:#fff;box-shadow:0 10px 24px rgba(111,72,88,.28);transition:transform .15s}
.대문-단추 .꽉:hover{transform:translateY(-1px)}
.대문-단추 .밑{padding:15px 8px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.대문-무대{position:relative;height:440px}
.대문-무대::before{content:"";position:absolute;left:8%;right:4%;top:16%;bottom:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.75),rgba(255,255,255,0));pointer-events:none}
.대문-무대::after{content:"";position:absolute;left:4%;right:2%;bottom:84px;height:1px;background:linear-gradient(90deg,transparent,rgba(111,72,88,.22) 15%,rgba(111,72,88,.22) 85%,transparent)}
.대문-세움{position:absolute;bottom:84px;display:flex;flex-direction:column;align-items:center;color:var(--ink);text-decoration:none;transition:transform .2s}
.대문-세움:hover{transform:translateY(-6px)}

.대문-세움 img{display:block;object-fit:contain;mix-blend-mode:multiply;margin-bottom:-14%}
.대문-세움 .그늘{position:absolute;bottom:-6px;left:22%;right:22%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(60,30,40,.22),transparent)}
.대문-세움 .표{position:absolute;top:-2%;z-index:2;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 11px 5px;border-radius:999px;border:1px solid rgba(111,72,88,.12);background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(60,30,40,.12);font-size:.74rem;font-weight:700;line-height:1.25;text-align:center}
.대문-세움 .표::after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;background:inherit;border-right:1px solid rgba(111,72,88,.12);border-bottom:1px solid rgba(111,72,88,.12);transform:translateX(-50%) rotate(45deg)}
.대문-세움 .표 small{display:block;font-size:.66rem;font-weight:500;color:var(--muted)}
.대문-세움.안 .표{color:var(--withheld-ink);background:var(--wash2);border-color:rgba(107,48,39,.25)}
.대문-무대글{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:flex-end;align-items:baseline;gap:12px;font-size:.84rem}
.대문-무대글 b{font-size:.95rem;font-weight:800;letter-spacing:-.02em}
.대문-무대글 a{color:var(--fig-deep);font-weight:700;font-size:.78rem;text-decoration:none}
.대문-띠{position:relative;background:rgba(255,255,255,.45);backdrop-filter:blur(6px);border-top:1px solid rgba(111,72,88,.14)}
.대문-띠 .대문-틀{display:grid;grid-template-columns:repeat(4,1fr)}
.대문-띠 .대문-틀>div{padding:24px 28px;border-left:1px solid rgba(111,72,88,.14)}
.대문-띠 .대문-틀>div:first-child{border-left:0;padding-left:0}
.대문-띠 b{display:block;font-size:2.1rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;font-variant-numeric:tabular-nums}
.대문-띠 b small{margin-left:2px;font-size:1rem;font-weight:700;letter-spacing:0}
.대문-띠 span{display:block;margin-top:4px;color:var(--muted);font-size:.84rem}


.대문-견줌{padding:48px 0 0}
.대문-견줌머리{display:flex;align-items:center;gap:22px;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.대문-탭{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--sand-soft)}
.대문-탭 button{padding:7px 16px;border:0;border-radius:7px;background:transparent;font:inherit;font-size:.86rem;font-weight:600;color:var(--ink2);cursor:pointer}
.대문-탭 button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.대문-전부{margin-left:auto;color:var(--fig-deep);font-size:.86rem;font-weight:700;text-decoration:none}
.대문-병들{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.대문-병{display:grid;grid-template-rows:auto auto 1fr auto;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s}
.대문-병:hover{border-color:var(--line-hover)}
.대문-병사진{display:grid;place-items:center;height:112px;margin:0 0 12px}
.대문-병사진 img{max-width:100%;max-height:112px;object-fit:contain}
.대문-병 small{color:var(--muted);font-size:.74rem}
.대문-병 strong{display:block;min-height:2.76em;margin:2px 0 14px;font-size:.88rem;line-height:1.38}
.대문-출발{padding-top:12px;border-top:1px solid var(--line)}
.대문-출발>span{display:block;margin:0 0 2px;font-size:.64rem;font-weight:700;letter-spacing:.06em;color:var(--fig-deep)}

.대문-출발 b{display:block;font-size:1.25rem;letter-spacing:-.03em;line-height:1.2}
.대문-출발 dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:10px 0 0;font-size:.76rem}
.대문-출발 dt{color:var(--muted)}
.대문-출발 dd{margin:0;color:var(--ink2);font-weight:600}
.대문-출발 p{margin:8px 0 0;color:var(--ink2);font-size:.76rem}
.대문-병.안밝힘 .대문-출발 b{color:var(--withheld-ink)}
.대문-병.모름 .대문-출발 b{color:var(--muted)}
.대문-점{display:flex;gap:4px;margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line)}
.대문-점 i{width:9px;height:9px;border-radius:50%}
.대문-범례,.대문-상범례{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.74rem;color:var(--muted)}
.대문-범례{margin:16px 0 0}
.대문-상범례{margin:0 0 18px;font-size:.76rem;color:var(--ink2)}
.대문-범례 span,.대문-상범례 span{display:flex;align-items:center;gap:6px}
.대문-범례 i,.대문-상범례 i{display:block;width:8px;height:8px;border-radius:50%}
.대문-상범례 i{width:10px;height:10px}


.대문-한병{margin-top:72px;padding:72px 0;background:var(--sand-soft)}
.대문-윗{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:0 0 36px}
.대문-윗 h2 span{color:var(--fig-deep)}
.대문-예병{display:flex;flex:none;align-items:center;gap:12px;padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.대문-예병 img{width:44px;height:44px;padding:3px;border-radius:8px;object-fit:contain}
.대문-예병 small{display:block;color:var(--muted);font-size:.7rem}
.대문-예병 b{font-size:.84rem}
.대문-셋흐름{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.15fr) 28px minmax(0,1fr);align-items:stretch}
.대문-잇{display:grid;place-items:center;color:var(--gray-dot);font-size:1.3rem;font-weight:300}
.대문-셋카{display:flex;flex-direction:column;padding:22px 22px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}
.대문-셋카 em{font-style:normal;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.대문-셋카 h3{margin:12px 0 16px;font-size:1.22rem;letter-spacing:-.03em}
.대문-셋카 dl{display:grid;grid-template-columns:72px 1fr;gap:3px 12px;margin:0;padding:14px 0 0;border-top:1px solid var(--line);font-size:.84rem}
.대문-셋카 dt{color:var(--muted)}
.대문-셋카 dd{margin:0 0 9px;font-weight:600;line-height:1.45}
.대문-셋카 dd small{display:block;color:var(--muted);font-size:.74rem;font-weight:400}

.대문-셋카 dd i{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:4px;font-style:normal;font-size:.68rem;font-weight:700;vertical-align:1px}
.대문-모두{margin:auto 0 0;padding-top:12px;color:var(--muted);font-size:.74rem}
.대문-셋카.가운데{border-color:var(--fig-deep);background:var(--fig-deep);color:#fff;box-shadow:0 18px 40px rgba(111,72,88,.28);transform:translateY(-8px)}
.대문-셋카.가운데 em{color:var(--fig-soft)}
.대문-셋카.가운데 h3{font-size:1.35rem}
.대문-셋카.가운데 dl{border-top-color:rgba(255,255,255,.22)}
.대문-셋카.가운데 dt,.대문-셋카.가운데 .대문-모두,.대문-셋카.가운데 dd small{color:var(--fig-soft)}
.대문-셋카.가운데 dd i.unknown,.대문-셋카.가운데 dd i.none{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}

.대문-입구{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line2)}
.대문-입구 h3{margin:0;font-size:.95rem}
.대문-입구 nav{display:flex;flex-wrap:wrap;gap:8px}
.대문-입구 a{padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:.86rem;font-weight:700;text-decoration:none}
.대문-입구 a.옅게{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.대문-입구 a:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.대문-브랜드길{margin:28px 0 0;text-align:center}
.대문-브랜드길 a{color:var(--fig-deep);font-weight:800;font-size:.95rem;text-decoration:underline;text-underline-offset:4px}


.대문-단계{padding:72px 0}
.대문-절머리{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 20px}
.대문-절머리 a{color:var(--fig-deep);font-size:.86rem;font-weight:700;text-decoration:none}
.대문-그흐름{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.대문-역{position:relative}
.대문-그판{position:relative;display:grid;place-items:center;height:150px;border-radius:14px;background:var(--sand-soft)}
.대문-그판 svg{width:200px;height:150px}
.대문-역:not(:last-child) .대문-그판::after{content:"";position:absolute;right:-22px;top:50%;width:22px;border-top:2px dashed var(--line2)}
.대문-역:not(:last-child) .대문-그판::before{content:"";position:absolute;right:-6px;top:calc(50% - 5px);z-index:1;border:5px solid transparent;border-left:7px solid var(--line2)}
.대문-역 h3{display:flex;align-items:baseline;gap:8px;margin:16px 0 6px;font-size:1.1rem;letter-spacing:-.02em}
.대문-역 h3 i{display:grid;place-items:center;align-self:center;width:22px;height:22px;border-radius:50%;background:var(--fig-deep);color:#fff;font-style:normal;font-size:.7rem;font-weight:800}
.대문-역 ul{margin:0;padding:0;list-style:none}
.대문-역 li{padding:10px 0;border-top:1px solid var(--line)}
.대문-역 .줄머리{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px}
.대문-역 li b{font-size:.84rem}
.대문-역 li strong{font-size:.95rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.대문-역 li strong.known{color:var(--ink)}
.대문-역 li strong.withheld{color:var(--withheld-ink)}
.대문-역 li strong{background:none;box-shadow:none} 
.대문-역 li strong small{margin-left:3px;color:var(--ink2);font-size:.7rem;font-weight:600}
.대문-막{display:flex;height:5px;overflow:hidden;border-radius:3px;background:var(--gray)}
.대문-막 i{display:block;height:100%}




@media (max-width:1080px){.대문-판틀{grid-template-columns:1fr;min-height:0}.대문-셋흐름{grid-template-columns:1fr}.대문-잇{height:28px}.대문-셋카.가운데{transform:none}
  .대문-그흐름{grid-template-columns:repeat(2,minmax(0,1fr))}.대문-역 .대문-그판::after,.대문-역 .대문-그판::before{display:none}
  .대문-병들{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:210px;overflow-x:auto;padding-bottom:6px}}
@media (max-width:700px){.대문-틀{width:calc(100% - 32px)}.대문-판 h1{font-size:2rem}.대문-왜 br{display:none}.대문-단추{flex-wrap:wrap}
  .대문-무대{display:flex;gap:4px;height:auto;padding:52px 0 64px;overflow-x:auto}.대문-무대::before,.대문-무대::after{display:none}
  .대문-세움{position:relative;left:auto!important;bottom:auto;flex:0 0 118px}.대문-세움 img{height:150px!important;width:110px!important}.대문-세움 .표{top:-46px}
  .대문-띠 .대문-틀{grid-template-columns:repeat(2,1fr)}.대문-띠 .대문-틀>div{padding:16px 14px}.대문-띠 .대문-틀>div:nth-child(odd){border-left:0;padding-left:0}.대문-띠 b{font-size:1.6rem}
  .대문-견줌머리{flex-wrap:wrap}.대문-전부{margin-left:0}.대문 h2{font-size:1.4rem}.대문-윗{flex-direction:column;align-items:flex-start}
  .대문-그흐름{grid-template-columns:1fr}.대문-한병{margin-top:48px;padding:48px 0}.대문-단계{padding:48px 0}}


.상표글{color:var(--fig-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.상표글:hover{color:var(--ink)}
.원료글{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line2);font-size:.88rem;line-height:1.6}
.원료글 span{display:block;color:var(--muted);font-size:.74rem;margin-bottom:2px}
.원료글 a{color:var(--fig-deep);font-weight:650;text-decoration:none}.원료글 a:hover{text-decoration:underline}


.수수료머리{margin:10px 0 0;padding:9px 12px;border-left:3px solid var(--fig-deep);border-radius:6px;background:var(--sand-soft);color:var(--ink);font-size:.9rem;line-height:1.55}
.수수료머리 p{margin:0}.수수료머리 p+p{margin-top:4px}
.purchase-card .수수료옆{margin:10px 0 0;color:var(--sand-soft);font-size:.82rem;line-height:1.55}
.purchase-card .직구알림{margin:6px 0 0;padding:0;list-style:none;color:var(--sand-soft);font-size:.82rem;line-height:1.55}
.purchase-card .링크막음{color:var(--sand-soft);font-size:.82rem}


.card-shot.투명,.대문-세움 img.투명,.조합-병사진 img.투명,.조합-떠줄 img.투명,.조합-끼 li img.투명{mix-blend-mode:normal}

.확인한곳{margin-left:10px;color:var(--sage-ink);font-size:.8rem;font-weight:650;white-space:nowrap}.확인한곳 small{margin-left:6px;color:var(--muted);font-size:1em;font-weight:400}
@media(max-width:560px){.확인한곳{display:block;margin:3px 0 0;white-space:normal}}


.비교틀{--비교선:#E6E2DF;--비교사진:#F5F4F2}
.비교제목{text-align:center;padding:12px 0 16px}
.비교제목 h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.비교제목 p{margin:8px auto 0;max-width:640px;color:var(--muted);font-size:.98rem}
.비교제목 a{display:inline-block;margin-top:10px;color:var(--fig-deep);font-size:.84rem;font-weight:700;text-decoration:none}
.갈래상자{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 18px;margin:0 0 42px;padding:22px 30px;border:1px solid var(--비교선)}
.갈래상자 button{all:unset;cursor:pointer;font-size:.9rem;color:var(--ink2)}
.갈래상자 button b{margin-left:6px;color:var(--muted);font-size:.76rem;font-weight:500}
.갈래상자 button.켬{color:var(--fig-deep);font-weight:750}
.갈래상자 button:disabled{cursor:default;opacity:.4}
.갈래상자 button:focus-visible{outline:2px solid var(--fig-deep);outline-offset:3px}
.비교몸{display:grid;grid-template-columns:200px minmax(0,1fr);gap:46px;align-items:start}
.비교거르개{border-top:2px solid var(--ink);padding-top:14px;position:sticky;top:96px}
.거르개머리{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.거르개머리 b{font-size:1.05rem}
.거르개머리 button{all:unset;cursor:pointer;font-size:.76rem;color:var(--muted)}
.거름절{border-top:1px solid var(--비교선);padding:14px 0 10px}
.거름절>b{display:block;margin-bottom:8px;font-size:.88rem}
.거름절 label{display:flex;align-items:center;gap:8px;padding:5px 0;cursor:pointer;font-size:.86rem;color:var(--ink2)}
.거름절 label i{margin-left:2px;font-style:normal;color:#B5AFAB;font-size:.76rem}
.거름절 input{width:16px;height:16px;margin:0;accent-color:var(--fig-deep)}
.비교목록머리{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;font-size:.84rem;color:var(--ink2)}
.비교정렬{display:flex}
.비교정렬 button{all:unset;cursor:pointer;padding:0 9px;border-left:1px solid var(--비교선);color:var(--muted)}
.비교정렬 button:first-child{border-left:0}
.비교정렬 button.켬{color:var(--ink);font-weight:750}
.비교기준말{margin:-4px 0 18px;color:var(--muted);font-size:.78rem}
.비교상품판{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 18px}
.비교상품{position:relative;display:flex;flex-direction:column;min-width:0}
.비교상품 .사진{position:relative;display:block;height:270px;padding:28px 24px;border-radius:4px;background:var(--비교사진);overflow:hidden}
.비교상품 .사진 img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.비교상품 .장딱지{top:10px;right:10px}

@media (max-width:600px){.비교상품 .장딱지{top:40px}}
.비교네모{position:absolute;left:10px;top:10px;padding:3px 8px 3px 24px;border:0;border-radius:3px;background:rgba(255,255,255,.88);color:var(--muted);font:inherit;font-size:.7rem;cursor:pointer}
.비교네모::before{content:"";position:absolute;left:7px;top:50%;width:11px;height:11px;margin-top:-6px;border:1px solid #A9A29E;border-radius:2px;background:#fff}
.비교상품.담김 .비교네모{color:var(--fig-deep);font-weight:700}
.비교상품.담김 .비교네모::before{border-color:var(--fig-deep);background:var(--fig-deep);box-shadow:inset 0 0 0 2px #fff}

.비교상품 .담기{flex:none;margin-top:8px;height:38px;border:1px solid var(--비교선);border-radius:4px;background:#fff;color:var(--ink2);font:inherit;font-size:.86rem;cursor:pointer}
.비교상품 .담기:hover{border-color:var(--ink)}
.비교상품 .담기[aria-pressed="true"]{color:var(--fig-deep);border-color:var(--fig-deep)}
.비교상품 .글{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.비교상품 .브{margin-top:12px;font-size:.74rem;font-weight:750}
.비교상품 .이름{margin-top:2px;font-size:.94rem;line-height:1.4;color:var(--ink2)}
.비교상품 .병{margin-top:3px;font-size:.74rem;color:var(--muted)}
.비교상품 .값{margin-top:8px;font-size:1rem;font-weight:800}
.비교상품 .값 small{margin-right:5px;font-size:.74rem;font-weight:500;color:var(--muted)}
.비교상품 .원{margin-top:6px;font-size:.74rem;font-weight:700;color:var(--sage-ink)}

.비교상품{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-content:start;padding-bottom:38px}

.비교상품판{row-gap:0}

.비교상품 .브,.비교상품 .병,.비교상품 .원,.비교상품 .값,.상품카드 .상품브랜드,.상품카드 .상품병,.상품카드 .상품원,.상품카드 .상품하루{line-height:1.3}
.비교상품 .이름,.상품카드 .상품한{line-height:1.35;margin-top:1px}
.비교상품 .브,.상품카드 .상품브랜드{margin-top:8px}.상품카드 .상품글>.상품한:first-child{margin-top:8px}
.비교상품 .병,.상품카드 .상품병{margin-top:2px}
.비교상품 .값,.상품카드 .상품하루{margin-top:5px}
.비교상품 .원,.상품카드 .상품원{margin-top:4px}
.비교상품 .글{display:contents}
.비교상품 .사진{grid-row:1}.비교상품 .담기{grid-row:2}.비교상품 .브{grid-row:3}.비교상품 .이름{grid-row:4}.비교상품 .병{grid-row:5}.비교상품 .값{grid-row:6}.비교상품 .원{grid-row:7}
.비교목록 .비교칸{margin-top:56px}
.비교설명{margin-top:56px;padding-top:22px;border-top:2px solid var(--ink)}
.비교설명 h2{margin:0 0 12px;font-size:1.2rem}
.비교설명 .옆칸{border:0;border-top:1px solid var(--비교선);border-radius:0;padding:14px 0;background:none}
.비교틀 .비교발치{margin-top:60px;padding-top:22px;border-top:1px solid var(--비교선)}
@media(max-width:1100px){.비교상품판{grid-template-columns:repeat(3,minmax(0,1fr))}.갈래상자{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.비교몸{grid-template-columns:1fr;gap:20px}.비교거르개{position:static}.갈래상자{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px}.비교상품판{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.비교상품{padding-bottom:28px}.비교상품 .사진{height:210px;padding:18px}}
@media(max-width:560px){.비교제목 h1{font-size:1.4rem}.비교목록머리{flex-direction:column;align-items:flex-start}.비교정렬 button{padding:0 7px}}

@media(max-width:860px){
  .거름절{position:relative;display:flex;flex-wrap:wrap;gap:4px 16px;padding:9px 0 7px 76px}
  .거름절>b{position:absolute;left:0;top:12px;margin:0;width:70px}
  .거름절 label{padding:3px 0}
}


#catalog .목록머리,#brand .목록머리{border:0;border-radius:0;background:none;box-shadow:none;padding:12px 0 16px;border-bottom:1px solid #E6E2DF}
#catalog .목록머리{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
#catalog .목록머리 h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}
#catalog .제품몸,#brand .제품몸{grid-template-columns:200px minmax(0,1fr);column-gap:46px;margin-top:34px}
#catalog .거르개,#brand .거르개{position:sticky;top:96px;padding:14px 0 0;border:0;border-top:2px solid var(--ink);border-radius:0;background:none}
#catalog .거름묶{padding:14px 0 10px;border-top:1px solid #E6E2DF}#catalog .거름묶:first-child{border-top:0;padding-top:0}
#catalog .묶머리 h3,#brand .거르개 h3{margin:0 0 8px;color:var(--ink);font-size:.88rem;font-weight:750;letter-spacing:0}
#catalog .고르기칩.글만{display:flex;flex-direction:column;gap:0}
#catalog .고르기칩.글만 button{position:relative;justify-content:flex-start;width:100%;padding:5px 0 5px 24px;border:0;border-radius:0;background:none;color:var(--ink2);font-size:.86rem;text-align:left}
#catalog .고르기칩.글만 button::before{content:"";position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-8px;border:1px solid #A9A29E;border-radius:2px;background:#fff}
#catalog .고르기칩.글만 button.on{background:none;color:var(--ink);font-weight:700}
#catalog .고르기칩.글만 button.on::before{border-color:var(--fig-deep);background:var(--fig-deep);box-shadow:inset 0 0 0 2px #fff}
#catalog .고르기칩.글만 button i{margin-left:4px;color:#B5AFAB}#catalog .고르기칩.글만 button.on i{color:#B5AFAB;opacity:1}
#catalog .고르기칩.글만 button svg.확인체크{display:none}
#catalog .성분갈래.제품갈래줄,#brand .성분갈래.제품갈래줄{display:flex;flex-wrap:wrap;gap:12px 26px;margin:0 0 18px;padding:18px 24px;border:1px solid #E6E2DF}
#catalog .제품갈래줄 button,#brand .제품갈래줄 button{padding:0;border:0;border-radius:0;background:none;color:var(--ink2);font-size:.88rem}
#catalog .제품갈래줄 button.on,#brand .제품갈래줄 button.on{background:none;border:0;color:var(--fig-deep);font-weight:750}
#catalog .제품갈래줄 button.on i,#brand .제품갈래줄 button.on i{color:var(--muted)}
#catalog .성분칩판,#brand .성분칩판{padding:0;border:0;border-radius:0;background:none}
#catalog .성분칩판 .고르기칩 button,#brand .성분칩판 .고르기칩 button{border-color:#E6E2DF;background:#fff}
#catalog .결과줄 select{border-radius:4px;border-color:#E6E2DF}
#catalog .딱지뜻{font-size:.76rem}
.상품판{gap:38px 18px}
.상품판 .주성분줄{margin:26px 0 -18px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:1rem}
.상품카드{display:flex;flex-direction:column;grid-row:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:inherit;text-decoration:none;min-width:0}
.상품카드:hover{transform:none;box-shadow:none;border:0}
.상품카드 .상품사진{position:relative;display:block;height:270px;margin:0;padding:28px 24px;border-radius:4px;background:#F5F4F2;overflow:hidden}
.상품카드 .상품사진 img{display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:contain;mix-blend-mode:multiply}
.상품카드 .상품비교{position:absolute;left:10px;top:10px;padding:3px 8px 3px 24px;border:0;border-radius:3px;background:rgba(255,255,255,.88);color:var(--muted);font:inherit;font-size:.7rem;cursor:pointer}
.상품카드 .상품비교::before{content:"";position:absolute;left:7px;top:50%;width:11px;height:11px;margin-top:-6px;border:1px solid #A9A29E;border-radius:2px;background:#fff}
.상품카드 .상품비교.켬{color:var(--fig-deep);font-weight:700}
.상품카드 .상품비교.켬::before{border-color:var(--fig-deep);background:var(--fig-deep);box-shadow:inset 0 0 0 2px #fff}
.상품카드 .상품조합{margin-top:8px;height:38px;border:1px solid #E6E2DF;border-radius:4px;background:#fff;color:var(--ink2);font:inherit;font-size:.86rem;cursor:pointer}
.상품카드 .상품조합:hover{border-color:var(--ink)}
.상품카드 .상품조합.켬{color:var(--fig-deep);border-color:var(--fig-deep)}
.상품카드 .상품글{display:flex;flex-direction:column}
.상품카드 .상품브랜드{margin-top:12px;color:var(--ink);font-size:.74rem;font-weight:750}
.상품카드 .상품한{margin-top:2px;font-size:.94rem;line-height:1.4;color:var(--ink2)}
.상품카드 .상품글>.상품한:first-child{margin-top:12px}
.상품카드 .상품병{display:block;margin-top:3px;font-size:.74rem;color:var(--muted)}
.상품카드 .상품하루{margin-top:8px;font-size:1rem;font-weight:800}
.상품카드 .상품하루 small{margin-right:5px;font-size:.74rem;font-weight:500;color:var(--muted)}
.상품카드 .상품원{margin-top:6px;font-size:.74rem;font-weight:700;color:var(--sage-ink)}

.상품카드{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-content:start;padding-bottom:38px}
.상품판{row-gap:0}.상품판 .주성분줄{margin-bottom:20px}
.상품카드 .상품글{display:contents}
.상품카드 .상품사진{grid-row:1}.상품카드 .상품조합{grid-row:2}.상품카드 .상품브랜드{grid-row:3}.상품카드 .상품한{grid-row:4}.상품카드 .상품병{grid-row:5}.상품카드 .상품하루{grid-row:6}.상품카드 .상품원{grid-row:7}
@media(max-width:860px){#catalog .제품몸,#brand .제품몸{grid-template-columns:1fr;row-gap:20px}#catalog .거르개,#brand .거르개{position:static}.상품카드 .상품사진{height:210px;padding:18px}.상품판{gap:28px 12px}}

#brand .브랜드둘{margin-top:0!important;padding-top:0;border-top:0}

@media(max-width:560px){.상품판{grid-template-columns:repeat(2,minmax(0,1fr))}.상품카드 .상품사진{height:190px;padding:14px}}

#catalog .상품판,#brand .상품판{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){#catalog .상품판,#brand .상품판{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){#catalog .상품판,#brand .상품판{grid-template-columns:repeat(2,minmax(0,1fr))}}

.비교상품 .사진,.상품카드 .상품사진{container-type:size}


.읽틀{max-width:1060px;margin:0 auto;padding-bottom:40px}
.읽머리{text-align:center;padding:12px 0 16px}
.읽머리 h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.읽질문{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin-bottom:14px;padding:18px 24px;border:1px solid #E6E2DF}
.읽질문 button,.읽고민 button{all:unset;cursor:pointer;color:var(--ink2);font-size:.9rem}
.읽질문 button[aria-pressed="true"]{color:var(--fig-deep);font-weight:750}
.읽고민{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:28px}
.읽고민 button{padding-bottom:3px;color:var(--muted);font-size:.82rem}
.읽고민 button[aria-pressed="true"]{color:var(--ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--ink)}
.읽질문 button:disabled,.읽고민 button:disabled{opacity:.35;cursor:default}
.읽질문 button:focus-visible,.읽고민 button:focus-visible{outline:2px solid var(--fig-deep);outline-offset:3px}
.읽머리판{display:grid;grid-template-columns:1fr;gap:46px;margin-bottom:40px;padding-bottom:46px;border-bottom:1px solid #E6E2DF}
.읽머리판.곁{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.읽판{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;background:#F5F4F2}
.읽판 svg{width:42%;height:auto}
.읽판.표지 svg{display:block;width:100%;height:100%}
.읽큰{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;color:inherit;text-decoration:none}
.읽큰 .읽판{aspect-ratio:3/2}
.읽큰 strong{display:block;margin:8px 0 12px;font-size:1.7rem;line-height:1.3;letter-spacing:-.02em}
.읽큰 p{margin:0;color:var(--ink2);font-size:.92rem;line-height:1.65}
.읽라벨{color:var(--muted);font-size:.74rem;font-weight:700}
.읽처음{padding-top:14px;border-top:2px solid var(--ink)}
.읽처음머리{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.읽처음머리 h2{margin:0;font-size:1rem}
.읽처음머리 a{color:var(--ink);text-decoration:none;font-weight:700}
.읽처음줄{display:block;padding:12px 0;border-top:1px solid #E6E2DF;color:inherit;text-decoration:none}
.읽처음머리+.읽처음줄{border-top:0}
.읽처음줄 b{display:block;font-size:.92rem;line-height:1.4}.읽처음줄 small{color:var(--muted);font-size:.74rem}
.읽줄머리{margin:0 0 18px;font-size:1.2rem;font-weight:800}
.읽판들{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 22px}
.읽칸{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.읽칸 .읽판{aspect-ratio:3/2;margin-bottom:14px}
.읽칸 strong{margin-top:6px;font-size:1.05rem;line-height:1.4}
.읽칸:hover strong,.읽큰:hover strong,.읽처음줄:hover b{text-decoration:underline;text-underline-offset:3px}
.읽더{display:block;margin:44px auto 0;height:44px;padding:0 30px;border:1px solid #E6E2DF;border-radius:4px;background:#fff;color:var(--ink2);font:inherit;font-size:.88rem;cursor:pointer}
.읽더 small{color:var(--muted)}
.읽발{margin-top:40px;padding-top:20px;border-top:1px solid #E6E2DF;color:var(--muted);font-size:.78rem}
@media(max-width:900px){.읽머리판.곁{grid-template-columns:1fr}.읽판들{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.읽큰{grid-template-columns:1fr}.읽판들{grid-template-columns:1fr}.읽큰 strong{font-size:1.35rem}}


#detail .product-hero{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
#detail .제품사진판{border-radius:4px;background:#F5F4F2}
#detail .purchase-card{padding:14px 0 0;border-top:1px solid var(--ink);border-radius:0;background:none;color:var(--ink)}
#detail .purchase-label,#detail .price-krw,#detail .purchase-card p,#detail .price-detail dt{color:var(--muted)}
#detail .price-detail{border-color:var(--line)}
#detail .purchase-card .수수료옆,#detail .purchase-card .직구알림,#detail .purchase-card .링크막음,#detail .purchase-card small{color:var(--ink3)}
#detail .panel{padding:0;border:0;border-radius:0;background:none}
#detail .panel h2{padding-top:14px;border-top:1px solid var(--ink);margin-bottom:6px;font-size:1rem;font-weight:600}
#detail .chain{gap:0}
#detail .chain-row{grid-template-columns:32px minmax(0,1fr);padding:16px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
#detail .chain-row:first-child{border-top:0}
#detail .chain-row:not(:last-child)::after{display:none}
#detail .chain-row.outside{border-top:1px dashed var(--line2)}
#detail .chain-split:empty{display:none}
#detail .chain-row .num{width:28px;height:28px;font-size:.82rem;background:none}
#detail .facts-shot img{border-radius:4px}

#detail .단계값{font-weight:650;color:var(--ink)}
#detail .단계값.u,#detail .단계값.w,#detail .단계값.a,#detail .단계값.단계빈값{font-weight:400;color:var(--muted)}
#detail .ingredients .amount{font-weight:650}
#detail .price{font-weight:750}
#detail .price-detail dd{font-weight:650}
#detail .chain-row.확인한단계 .num{border-color:var(--sage-line);background:var(--sage-mist);color:var(--sage-ink)}
#detail .chain-row:not(.확인한단계) .num{border-color:var(--line);color:var(--muted)}
#detail .chain-row:not(.확인한단계) h3{color:var(--ink3)}
#detail .status.known{font-weight:750}

#detail .status{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font-size:.74rem}
#detail .status::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:currentColor}

#detail h1{font-size:1.5rem;font-weight:600}
#detail .price{font-size:1.5rem}
#detail .chain-row h3{font-size:.94rem;font-weight:600}
#detail .chain-body{font-size:.88rem}
#detail .chain-row .num{font-weight:500}
#detail .hero-facts strong{font-weight:500}
#detail .ingredients strong{font-size:.86rem;font-weight:400}
#detail .ingredients .amount{font-size:.86rem}
#detail .ingredients small{font-size:.76rem}
#detail .기타원료 li{font-size:.72rem}

@media(min-width:1001px){#detail .detail-grid{grid-template-columns:300px minmax(0,1fr);gap:40px}}

.할일띠{justify-content:flex-end}

@media(max-width:680px){#detail .product-hero{padding:0}#detail .purchase-card{align-items:stretch}}



.조합-머리{margin:0;padding:12px 0 0;text-align:center}
.조합-머리 .eyebrow{display:none}
.조합-머리 h1{margin:0 0 12px;font-size:24px;font-weight:700;letter-spacing:-.02em}
.조합-머리밑{display:none}

#routine-칸 .조합-머리 .밑줄찾기감{display:block;max-width:none;margin:0 auto}
#routine-칸 .조합-머리 .밑줄찾기감>.루틴찾기{width:453px;max-width:100%;margin:0 auto}
.조합-머리 #routine-search{font-size:16px}
.조합-추천딱지{display:block;height:auto!important;min-height:0!important;line-height:1.4!important;margin:22px auto 30px!important;border:0!important;background:none!important;padding:0!important;box-shadow:none!important;color:var(--muted);font-size:.84rem!important;text-align:center;text-decoration:underline;text-underline-offset:3px}
.조합-추천딱지 .그림{display:none}

.조합-방금[hidden]{display:none!important}
.조합-판{gap:40px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}
.조합-묶풀이{margin-left:10px;font-size:.72rem;font-weight:400;color:var(--muted)}
.조합-묶머리{margin:0;padding:0 0 10px;border-bottom:2px solid var(--ink);font-size:.95rem;font-weight:800;color:var(--ink)!important}
.조합-묶머리 svg{display:none}

.조합-선반{gap:24px 16px}
.조합-병,.조합-병.먹,.조합-병.담{padding:0;border:0!important;border-radius:0;background:none!important;align-items:stretch;text-align:left;gap:4px}
.조합-병사진{height:auto;aspect-ratio:1/1;margin-bottom:8px;border-radius:4px;background:#F5F4F2!important}
.조합-병사진 img{height:100%;padding:18%;box-sizing:border-box}
.조합-넣음{top:8px;left:8px}
.조합-옮김{top:6px;right:34px}.조합-지움{top:6px;right:6px}
.조합-병 .maker{margin:0;font-size:.74rem;font-weight:700;color:var(--ink)}
.조합-병 h3{font-size:.88rem;font-weight:500}
.조합-병 .루틴라벨{font-size:.74rem;color:var(--muted)}
.조합-딱지들{justify-content:flex-start}
.조합-입력{justify-content:flex-start;margin-top:8px}

.조합-선반{row-gap:0}

.조합-병{display:grid;grid-row:span 6;grid-template-rows:subgrid;row-gap:4px;align-content:start}
.조합-병>.조합-병글{display:flex;flex-direction:column;gap:4px}
.조합-병>.조합-딱지들{margin:0;align-self:start}
.조합-병>.조합-입력{align-self:start}
.조합-병>.조합-병단추{align-self:start;padding-bottom:24px}
.조합-병알림>p{margin:6px 0 0}
.조합-묶머리{margin-bottom:12px}

.조합-계량표{top:88px;margin-top:-22px;padding:22px 20px 18px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:none}
.조합-작은제목{margin:0 0 2px;font-size:.84rem;font-weight:700;color:var(--muted)}
.조합-큰답{margin:0 0 4px;font-size:1.45rem;font-weight:800;line-height:1.3;letter-spacing:-.02em}
.조합-큰답.넘 em{font-style:normal;color:var(--amber)}
.조합-큰답밑{margin:0 0 16px;color:var(--muted);font-size:.8rem}
.조합-넘표{margin:0 0 4px}
.조합-줄.조합-넘줄{margin:0;padding:12px 0 10px;border-radius:0;border-top:1px solid var(--line)}
.조합-줄.조합-넘줄:hover{background:none}
.조합-넘머리{display:flex;align-items:baseline;gap:8px}
.조합-넘머리 b{font-size:1rem;font-weight:800}
.조합-넘양{margin-left:auto;font-size:.84rem;color:var(--ink2);white-space:nowrap}
.조합-넘배{min-width:3.4em;text-align:right;font-size:1rem;font-weight:800;color:var(--amber);white-space:nowrap}
.조합-넘틀{position:relative}
.조합-길.조합-넘길{height:10px;margin:8px 0 6px;border-radius:2px;overflow:hidden}
.조합-넘선{position:absolute;left:33.3%;top:-3px;bottom:-3px;width:2px;background:var(--ink)}
.조합-넘잘림{position:absolute;right:-2px;top:-4px;font-size:.7rem;color:var(--muted)}
.조합-넘몫{font-size:.76rem;color:var(--ink2)}
.조합-넘몫>span{display:flex;align-items:center;gap:6px;padding:2px 0}
.조합-넘몫>span::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--c)}
.조합-넘몫 em{flex:1;min-width:0;font-style:normal}
.조합-넘몫 .조합-바꿈단추{padding:3px 9px;min-width:0;border-radius:4px;border-color:var(--line2);color:var(--ink);font-size:.74rem;white-space:nowrap}
.조합-같이{color:var(--muted);font-size:.72rem;white-space:nowrap}
.조합-계량표 .조합-바꿈모두{margin:4px 0 0;border-radius:4px;padding:11px;background:var(--ink);font-size:.86rem}
.조합-작은칸{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.조합-작은칸 h4{margin:0 0 8px;font-size:.88rem;font-weight:800}
.조합-안머리{margin:14px 0 0;font-size:.76rem;font-weight:700;color:var(--ink2)}
.조합-안칸 .조합-안머리:first-child{margin-top:0}
.조합-안머리 span{font-weight:400;color:var(--muted)}
.조합-안판{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;margin:8px 0 0}
.조합-안말{display:flex;align-items:baseline;gap:4px;padding:5px 0;border-bottom:1px solid var(--line);font-size:.76rem;cursor:pointer}
.조합-안이름{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.조합-안값{margin-left:auto;white-space:nowrap;font-size:.74rem;color:var(--ink2)}
.조합-안값 small{font-size:.62rem;color:var(--muted)}
.조합-안말:hover .조합-안이름,.조합-안말.켬 .조합-안이름{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.조합-계량표 .조합-기준{margin:18px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:.7rem;line-height:1.6}


#routine-칸 .조합-범위{margin:0 0 8px;font-size:.78rem;color:var(--muted);line-height:1.5}


.product-intro .영문이름{margin:4px 0 0;font-size:.84rem;color:var(--muted);line-height:1.45}


.탭풀이{position:fixed;z-index:200;max-width:min(320px,calc(100vw - 16px));padding:8px 11px;border-radius:8px;
  background:var(--ink);color:var(--white);font-size:.8rem;line-height:1.5;box-shadow:0 4px 14px rgb(0 0 0/.18);white-space:pre-line}


.거르개열기{display:none}
@media(max-width:860px){
  .거르개접이 .거르개열기{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 2px;border:0;background:none;
    font:inherit;font-size:.92rem;font-weight:800;color:var(--ink);cursor:pointer}
  .거르개접이 .거르개열기 span{font-size:.8rem;color:var(--muted)}
  .거르개접이:not(.거르개펼친) > :not(.거르개열기){display:none}
  .거르개접이:not(.거르개펼친){padding-bottom:0}
}


@media (max-width:600px){.비교목록머리{flex-wrap:wrap;row-gap:6px}.비교정렬{flex-wrap:wrap;row-gap:6px}.비교정렬 button{white-space:nowrap}}


.상세상한{list-style:none;margin:18px 0 0;padding:12px 14px;border:1px solid var(--amber);border-radius:12px;background:white}
.상세상한 li+li{margin-top:8px}.상세상한 strong{display:block;color:var(--amber);font-size:.92rem}.상세상한 small{display:block;margin-top:2px;color:var(--ink2);font-size:.8rem}


:root{--강:#6F4858;--땅:#DCD2CE}
#대문-칸{background:#FFFDFC}
.새{color:var(--ink)}
.새-틀{width:min(1240px,calc(100% - 64px));margin:0 auto}
.새-딱{margin:0 0 12px;font-size:.8rem;font-weight:700;letter-spacing:.14em;color:var(--강)}
.새-머리{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:40px;align-items:center;padding:90px 0 50px}
.새-머리 h1{margin:0;font-size:3rem;line-height:1.18;letter-spacing:-.05em;font-weight:800}
.새-머리 h1 span{display:block;color:#A39A9D;font-weight:700}
.새-왜{margin:22px 0 72px;color:var(--ink2);line-height:1.7;max-width:420px}
.새-찾기{display:flex;align-items:center;gap:12px;max-width:440px;padding:4px 0;border-bottom:2px solid var(--ink)}
.새-찾기 input{flex:1;border:0;background:none;padding:12px 0;font:inherit;font-size:1.05rem;outline:none}
.새-찾기 button{all:unset;cursor:pointer;font-weight:700;font-size:.92rem}
.새-믿음{display:flex;gap:18px;margin-top:12px;font-size:.88rem}
.새-믿음 a{color:var(--ink2);text-decoration:none;border-bottom:1px solid #CFC8C4}
.새-지도{margin:0}
.새-지도 figcaption{display:flex;justify-content:flex-end;gap:14px;margin-top:6px;color:var(--muted);font-size:.74rem}
.새-절{padding:0 0 80px}
.새-절머리{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}
.새-절머리 h2{margin:0;font-size:1.7rem;letter-spacing:-.03em}
.새-절머리 p{margin:6px 0 0;color:var(--muted);font-size:.92rem}
.새-절머리 a{color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--ink);white-space:nowrap}

.새-갈래{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.새-갈래 a{display:block;color:var(--ink);text-decoration:none}
.새-갈래 .판{display:grid;place-items:center;height:220px;border-radius:4px;background:#F3F0ED}
.새-갈래 a:nth-child(2) .판{background:#EEF0EA}.새-갈래 a:nth-child(3) .판{background:#EDEFF2}
.새-갈래 .판 svg{width:230px;height:172px;transition:transform .2s}
.새-갈래 a:hover .판 svg{transform:scale(1.04)}
.새-갈래 b{display:flex;justify-content:space-between;margin:16px 0 4px;font-size:1.3rem;letter-spacing:-.03em}
.새-갈래 span{color:var(--ink2);font-size:.92rem}

.새-글{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.새-글 a{color:var(--ink);text-decoration:none}
.새-글 .표지{aspect-ratio:3/2;border-radius:4px;overflow:hidden;background:#F5F4F2}
.새-글 .표지 svg{display:block;width:100%;height:100%}
.새-글 b{display:block;margin-top:12px;font-size:1rem;line-height:1.4}
.새-글 a:hover b{text-decoration:underline}

#대문-칸{background:#FCF8F1}
#대문-칸 .함{color:#2A2B2F}
#대문-칸 .함 em{font-style:normal!important;color:var(--강)}
#대문-칸 .함-칸{padding:150px 0 0}
#대문-칸 .함-제목{margin:0 auto;text-align:center;font-size:3.6rem;line-height:1.15;font-weight:300;letter-spacing:-.045em}
#대문-칸 .함-밑{margin:22px auto 0;text-align:center;font-size:1.2rem;line-height:1.6;color:#4A4B4F;max-width:640px}

#대문-칸 .함-셋{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
#대문-칸 .함-셋 div{padding:40px 32px 36px;border-radius:14px;background:#F5EEE1;text-align:center}
#대문-칸 .함-셋 svg{width:200px;height:150px}
#대문-칸 .함-셋 h3{margin:18px 0 10px;font-size:2rem;font-weight:300;letter-spacing:-.04em}
#대문-칸 .함-셋 p{margin:0;color:#4A4B4F;line-height:1.6}
#대문-칸 .함-셋 strong{display:block;margin-top:22px;font-size:.95rem;font-weight:700;color:var(--강)}

#대문-칸 .함-길{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;position:relative}
#대문-칸 .함-길::before{content:"";position:absolute;left:12%;right:12%;top:110px;border-top:1px dashed #CBBFB0}
#대문-칸 .함-길 div{position:relative;text-align:center}
#대문-칸 .함-길 svg{width:220px;height:165px;background:#FCF8F1}
#대문-칸 .함-길 b{display:block;margin-top:10px;font-size:1.3rem;font-weight:400}
#대문-칸 .함-길 span{display:block;margin-top:4px;color:#4A4B4F;font-size:.95rem}
#대문-칸 .함-길 i{font-style:normal;color:var(--강);font-weight:700}

#대문-칸 .함-판{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid #E3D9CB}
#대문-칸 .함-판 > div{padding:36px 32px 40px 0;border-bottom:1px solid #E3D9CB}
#대문-칸 .함-판 > div:not(:nth-child(3n+1)){padding-left:32px;border-left:1px solid #E3D9CB}
#대문-칸 .함-판 h3{margin:0;font-size:2.4rem;font-weight:300;letter-spacing:-.045em}
#대문-칸 .함-판 small{display:block;margin-top:6px;color:#77706A;font-size:.9rem}
#대문-칸 .함-판 ul{margin:18px 0 0;padding:0;list-style:none;columns:2;column-gap:16px;font-size:.92rem;line-height:2}
#대문-칸 .함-판 a{color:#3A3B3F;text-decoration:none}.함-판 a:hover{color:var(--강);text-decoration:underline}

#대문-칸 .함-브{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding-top:28px;border-top:1px solid #E3D9CB}
#대문-칸 .함-브 h3{margin:0;font-size:1.9rem;font-weight:300;letter-spacing:-.04em}.함-브 p{margin:4px 0 0;color:#4A4B4F;font-size:.95rem}
#대문-칸 .함-브 nav{display:flex;gap:10px}
#대문-칸 .함-브 a{display:grid;place-items:center;width:128px;height:56px;border-radius:10px;background:#F5EEE1}
#대문-칸 .함-브 img{max-width:90px;max-height:26px;object-fit:contain}

#대문-칸 .함-조합{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
#대문-칸 .함-조합 .함-제목,#대문-칸 .함-조합 .함-밑{text-align:left;margin-left:0}
#대문-칸 .함-조합 .단추{display:inline-block;margin-top:32px;padding:15px 30px;border-radius:999px;background:var(--강);color:#fff;font-weight:700;text-decoration:none}
#대문-칸 .함-결과{padding:32px;border-radius:14px;border:1px solid #E3D9CB;background:#fff}
#대문-칸 .함-결과 small{color:#77706A;font-size:.85rem}.함-결과 h4{margin:6px 0 22px;font-size:1.5rem;font-weight:400}.함-결과 h4 em{font-weight:700}
#대문-칸 .함-결과 .결과줄{display:block;margin-top:18px}
#대문-칸 .함-결과 .행{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}
#대문-칸 .함-결과 .행 b{color:var(--강);font-weight:700}
#대문-칸 .함-결과 .막{position:relative;display:block;height:8px;margin-top:8px;border-radius:4px;background:#F2EBE2}
#대문-칸 .함-결과 .막 .찬{position:absolute;left:0;top:0;bottom:0;display:block;border-radius:4px;background:var(--강)}
#대문-칸 .함-결과 .막 .찬.안{background:#CFC3B5}
#대문-칸 .함-결과 .막 .선{position:absolute;top:-4px;bottom:-4px;display:block;width:2px;background:#2A2B2F}

#대문-칸 .함-표{position:relative;margin:72px auto 0;max-width:1088px}
#대문-칸 .함-표 table{width:100%;border-collapse:collapse;background:#F5EEE1;border-radius:20px;overflow:hidden}
#대문-칸 .함-표 th{padding:22px 24px;font-size:1rem;font-weight:700;text-align:center}
#대문-칸 .함-표 th:first-child{text-align:left}
#대문-칸 .함-표 td{padding:22px 24px;border-top:1px solid #E3D9CB;font-size:1.05rem;text-align:center}
#대문-칸 .함-표 td:first-child{text-align:left;font-weight:400}
#대문-칸 .함-표 .피{background:var(--강);color:#fff;font-weight:700;border-top-color:rgba(255,255,255,.18)}
#대문-칸 .함-표 th.피{font-size:1.3rem;font-weight:400}
#대문-칸 .함-표 .라{color:#77706A}

#대문-칸 .함-질{max-width:864px;margin:64px auto 0}
#대문-칸 .함-질 details{margin-bottom:12px;border:1px solid #E3D9CB;border-radius:10px;background:#F5EEE1}
#대문-칸 .함-질 summary{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;font-weight:700;cursor:pointer;list-style:none}
#대문-칸 .함-질 summary::after{content:"+";display:grid;place-items:center;width:34px;height:34px;border:1px solid #E3D9CB;border-radius:6px;background:#fff;color:var(--강);font-weight:400;font-size:1.2rem}
#대문-칸 .함-질 details[open] summary::after{content:"−"}
#대문-칸 .함-질 p{margin:0;padding:0 24px 22px;color:#4A4B4F;line-height:1.7}
#대문-칸 .함-질 + a{display:block;width:max-content;margin:28px auto 0;color:var(--강);font-weight:700;text-decoration:none;border-bottom:1px solid var(--강)}

#대문-칸 .함-끝{margin-top:150px;padding:120px 0 110px;background:#F5EEE1;text-align:center}
#대문-칸 .함-끝 .새-찾기{margin:40px auto 0;max-width:520px}

#대문-칸 .새-머리{background:transparent}

#대문-칸 .함-칸{padding-top:110px}
#대문-칸 .함-제목{font-size:2.5rem;line-height:1.25;font-weight:400;letter-spacing:-.04em}
#대문-칸 .함-밑{margin-top:14px;font-size:1.03rem}
#대문-칸 .함-셋{margin-top:44px;gap:16px}
#대문-칸 .함-셋 div{padding:28px 24px 26px;border-radius:12px}
#대문-칸 .함-셋 svg{width:150px;height:112px}
#대문-칸 .함-셋 h3{margin:12px 0 8px;font-size:1.4rem;font-weight:500}
#대문-칸 .함-셋 p{font-size:.92rem}
#대문-칸 .함-셋 strong{margin-top:16px;font-size:.88rem}
#대문-칸 .함-길{margin-top:44px}
#대문-칸 .함-길::before{top:80px}
#대문-칸 .함-길 svg{width:160px;height:120px}
#대문-칸 .함-길 b{font-size:1.05rem;font-weight:500}
#대문-칸 .함-길 span{font-size:.88rem}
#대문-칸 .함-판{margin-top:48px}
#대문-칸 .함-판 > div{padding:26px 24px 28px 0}
#대문-칸 .함-판 > div:not(:nth-child(3n+1)){padding-left:24px}
#대문-칸 .함-판 h3{font-size:1.6rem;font-weight:400}
#대문-칸 .함-판 ul{margin-top:12px;font-size:.88rem;line-height:1.9}
#대문-칸 .함-브{margin-top:40px}
#대문-칸 .함-브 h3{font-size:1.35rem;font-weight:400}
#대문-칸 .함-브 a{width:108px;height:48px}
#대문-칸 .함-조합{gap:48px}
#대문-칸 .함-조합 .단추{margin-top:24px;padding:12px 24px;font-size:.92rem}
#대문-칸 .함-결과{padding:24px}
#대문-칸 .함-결과 h4{font-size:1.2rem;margin-bottom:14px}
#대문-칸 .함-결과 .행{font-size:.88rem}
#대문-칸 .함-표{margin-top:44px;max-width:960px}
#대문-칸 .함-표 th{padding:16px 20px;font-size:.92rem}
#대문-칸 .함-표 th.피{font-size:1.05rem}
#대문-칸 .함-표 td{padding:15px 20px;font-size:.95rem}
#대문-칸 .함-질{margin-top:40px;max-width:760px}
#대문-칸 .함-질 summary{padding:15px 20px;font-size:.95rem}
#대문-칸 .함-질 summary::after{width:28px;height:28px}
#대문-칸 .함-질 p{font-size:.92rem;padding:0 20px 18px}
#대문-칸 .함-끝{margin-top:110px;padding:88px 0 80px}
#대문-칸 .함-끝 .새-찾기{margin-top:28px}

#대문-칸{background:var(--paper)}
#대문-칸 .함-길 svg{background:var(--paper)}
main:has(#대문-칸:not(.hidden)){padding-bottom:0}
#대문-칸 .함-셋 div,#대문-칸 .함-표 table,#대문-칸 .함-질 details,#대문-칸 .함-끝,#대문-칸 .함-브 a{background:var(--sunken)}
#대문-칸 .함-판,#대문-칸 .함-판 > div,#대문-칸 .함-판 > div:not(:nth-child(3n+1)),#대문-칸 .함-브,#대문-칸 .함-질 details,#대문-칸 .함-표 td{border-color:#E8E0DA}
#대문-칸 .함-결과{border-color:#E8E0DA}
#대문-칸 .함-밑{color:var(--muted)}
#대문-칸 .함-제목 em{font-weight:700}
#대문-칸 .함-셋 div{display:flex;flex-direction:column;align-items:center}
#대문-칸 .함-셋 svg{order:0}#대문-칸 .함-셋 strong{order:1}#대문-칸 .함-셋 h3{order:2}#대문-칸 .함-셋 p{order:3}
#대문-칸 .함-셋 strong{margin:10px 0 4px;color:var(--ink);font-weight:400}
#대문-칸 .함-셋 strong b{display:block;font-size:2.6rem;font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--강)}
#대문-칸 .함-셋 strong span{display:block;margin-top:6px;font-size:.84rem;color:var(--muted)}
#대문-칸 .함-셋 h3{margin:12px 0 6px;font-size:1.15rem;font-weight:700}
#대문-칸 .함-셋 p{color:var(--muted);font-size:.88rem}
#대문-칸 .함-길 span{color:var(--muted)}
#대문-칸 .함-길 i{display:block;margin:6px 0 2px;font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1}
#대문-칸 .함-길 b{font-weight:700}
#대문-칸 .함-판 h3{font-weight:700}
#대문-칸 .함-판 small{color:var(--강);font-weight:700}
#대문-칸 .함-결과 h4 em{font-size:1.6rem;font-weight:800}
#대문-칸 .함-결과 .행 b{font-size:1rem}
#대문-칸 .함-표 td.피{font-size:1.1rem;font-weight:800}
#대문-칸 .함-표 th.피{font-weight:800}
#대문-칸 .함-표 td.라{font-size:.9rem}
#대문-칸 .함-브 h3{font-size:1.15rem;font-weight:700}

#대문-칸 .함-요{margin:14px auto 0;max-width:640px;text-align:center;color:var(--muted);font-size:1rem;line-height:1.7}
#대문-칸 .함-요 b{color:var(--강);font-weight:800}
#대문-칸 .함-머리줄{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
#대문-칸 .함-머리줄 .함-제목{margin:0;text-align:left}
#대문-칸 .함-머리줄 a{color:var(--ink);font-weight:700;font-size:.92rem;text-decoration:none;border-bottom:1px solid var(--ink);white-space:nowrap}
#대문-칸 .함-그림칸{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:28px}
#대문-칸 .함-그림칸 a{display:block;color:var(--ink);text-decoration:none}
#대문-칸 .함-그림칸 .판{display:grid;place-items:center;height:110px;border-radius:10px;background:var(--sunken);transition:background .15s}
#대문-칸 .함-그림칸 a:hover .판{background:#EFE6E0}
#대문-칸 .함-그림칸 svg{width:104px;height:78px}
#대문-칸 .함-그림칸 b{display:block;margin-top:10px;font-size:.92rem}
#대문-칸 .함-그림칸 small{color:var(--muted);font-size:.78rem}
#대문-칸 .함-한병{display:grid;grid-template-columns:260px 1fr 1fr;gap:40px;margin-top:32px;align-items:start}
#대문-칸 .함-한병 .사진{display:block;color:var(--ink);text-decoration:none}
#대문-칸 .함-한병 .사진 img{display:block;width:100%;height:240px;object-fit:contain;border-radius:12px;background:var(--sunken)}
#대문-칸 .함-한병 .사진 small{display:block;margin-top:12px;color:var(--muted);font-size:.8rem}
#대문-칸 .함-한병 .사진 b{font-size:.95rem}
#대문-칸 .함-한병 h3{margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid var(--ink);font-size:1rem;font-weight:700}
#대문-칸 .함-한병 .더 h3{color:var(--강);border-bottom-color:var(--강)}
#대문-칸 .함-한병 dl{display:grid;grid-template-columns:84px 1fr;margin:0}
#대문-칸 .함-한병 dt,#대문-칸 .함-한병 dd{padding:14px 0;border-bottom:1px solid #EDE6E0;font-size:.92rem}
#대문-칸 .함-한병 dt{color:var(--muted)}
#대문-칸 .함-한병 dd{margin:0;font-weight:600}
#대문-칸 .함-한병 dd i{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-style:normal;font-size:.72rem;font-weight:700;background:var(--sage-soft);color:var(--sage-ink)}
#대문-칸 .함-한병 dd i.중{background:#ECEAE8;color:var(--muted)}
#대문-칸 .함-문답{display:grid;grid-template-columns:1fr 1fr;gap:8px 56px;margin-top:32px}
#대문-칸 .함-문답 div{padding:22px 0;border-top:1px solid #E8E0DA}
#대문-칸 .함-문답 b{display:block;font-size:1rem}
#대문-칸 .함-문답 p{margin:8px 0 0;color:var(--muted);font-size:.92rem;line-height:1.7}


#대문-칸 .조-밑{margin:14px 0 0;text-align:left}
#대문-칸 .조-판{display:grid;grid-template-columns:340px 40px minmax(0,1fr);gap:28px;align-items:center;margin-top:32px;padding:36px 44px;border-radius:14px;background:var(--sunken)}
#대문-칸 .조-판 .조-결과 .결과줄:first-child{margin-top:0}
#대문-칸 .조-판 .조-결과 .막{background:#fff}
#대문-칸 .조-담음 small,#대문-칸 .조-오른 small{display:block;color:#77706A;font-size:.85rem}
#대문-칸 .조-병{display:flex;align-items:center;gap:14px;margin-top:12px;padding:10px 14px 10px 10px;border-radius:12px;background:#fff}
#대문-칸 .조-병 .사진{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:8px;background:#F5F2EF}
#대문-칸 .조-병 .사진 img{max-width:44px;max-height:44px;object-fit:contain}
#대문-칸 .조-병 i{display:block;font-style:normal;color:#77706A;font-size:.75rem}
#대문-칸 .조-병 b{display:block;font-size:.9rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#대문-칸 .조-화살{font-size:1.6rem;color:#B9AEA6;text-align:center}
#대문-칸 .조-오른 h4{margin:6px 0 4px}
#대문-칸 .조-선말{display:flex;align-items:center;gap:6px;margin:18px 0 0;color:#77706A;font-size:.78rem}
#대문-칸 .조-선말 i{display:inline-block;width:2px;height:12px;background:#2A2B2F}
#대문-칸 .조-결과 small{color:#77706A;font-size:.85rem}
#대문-칸 .조-결과 h4{margin:6px 0 14px;font-size:1.2rem;font-weight:400}#대문-칸 .조-결과 h4 em{font-size:1.6rem;font-weight:800;color:var(--강)}
#대문-칸 .조-결과 .결과줄{display:block;margin-top:16px}
#대문-칸 .조-결과 .행{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}
#대문-칸 .조-결과 .행 b{color:var(--강);font-weight:700}
#대문-칸 .조-결과 .막{position:relative;display:block;height:8px;margin-top:8px;border-radius:4px;background:#ECE4DD}
#대문-칸 .조-결과 .막 .찬{position:absolute;left:0;top:0;bottom:0;display:block;border-radius:4px;background:var(--강)}
#대문-칸 .조-결과 .막 .찬.안{background:#CFC3B5}
#대문-칸 .조-결과 .막 .선{position:absolute;top:-4px;bottom:-4px;display:block;width:2px;background:#2A2B2F}

#대문-칸 .함-칸{padding:90px 0 50px}
#대문-칸 .함-끝{margin-top:0;padding:90px 0 50px}
#대문-칸 .안표{margin:0 0 18px;padding:6px 12px;border-radius:6px;background:#2E2E2E;color:#fff;font-size:.8rem;width:max-content}
#대문-칸 .함-머리줄.가운데{justify-content:center}

#대문-칸 .배-칩{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:24px}
#대문-칸 .배-칩 a{display:flex;align-items:center;gap:7px;padding:5px 14px 5px 5px;border-radius:999px;background:var(--sunken);color:var(--ink);text-decoration:none}
#대문-칸 .배-칩 a:hover{background:#EFE6E0}
#대문-칸 .배-칩 .판{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff}
#대문-칸 .배-칩 svg{width:32px;height:24px}
#대문-칸 .배-칩 b{font-size:.9rem}
#대문-칸 .배-칩 small{color:var(--muted);font-size:.77rem}
#대문-칸 .배-칩 a.모두{padding:5px 16px;background:none;border:1px solid var(--ink);font-weight:700;font-size:.86rem}

#대문-칸 .배-목록{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin-top:24px;border-top:1px solid var(--ink)}
#대문-칸 .배-목록 a{display:grid;grid-template-columns:56px 1fr auto 24px;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #E8E0DA;color:var(--ink);text-decoration:none}
#대문-칸 .배-목록 .판{display:grid;place-items:center;width:56px;height:44px;border-radius:8px;background:var(--sunken)}
#대문-칸 .배-목록 svg{width:52px;height:39px}
#대문-칸 .배-목록 b{font-size:1rem}
#대문-칸 .배-목록 small{color:var(--muted);font-size:.85rem}
#대문-칸 .배-목록 i{font-style:normal;color:var(--muted);transition:transform .15s}
#대문-칸 .배-목록 a:hover b{color:var(--강)}#대문-칸 .배-목록 a:hover i{transform:translateX(4px);color:var(--강)}

#대문-칸 .배-옆{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center}
#대문-칸 .배-옆 .함-제목{text-align:left;margin:0}
#대문-칸 .배-옆 p{margin:14px 0 22px;color:var(--muted);line-height:1.7;font-size:.95rem}
#대문-칸 .배-옆 > div > a{color:var(--ink);font-weight:700;font-size:.92rem;text-decoration:none;border-bottom:1px solid var(--ink)}
#대문-칸 .배-판{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#대문-칸 .배-판 a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:var(--sunken);color:var(--ink);text-decoration:none}
#대문-칸 .배-판 a:hover{background:#EFE6E0}
#대문-칸 .배-판 .판{display:grid;place-items:center;flex:none;width:52px;height:44px;border-radius:8px;background:#fff}
#대문-칸 .배-판 svg{width:48px;height:36px}
#대문-칸 .배-판 b{display:block;font-size:.9rem;white-space:nowrap}#대문-칸 .배-판 small{display:block;color:var(--muted);font-size:.76rem;white-space:nowrap}


#대문-칸 .조-판{grid-template-columns:360px 48px minmax(0,1fr);gap:24px;align-items:stretch;padding:40px 48px}
#대문-칸 .조-담음{display:flex;flex-direction:column;gap:10px}
#대문-칸 .조-담음 small,#대문-칸 .조-오른 small{margin-bottom:2px;font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#8A817B}
#대문-칸 .조-병{flex:1;margin:0;min-height:76px;padding:12px 16px 12px 12px;border-radius:14px;box-shadow:0 1px 2px rgba(60,40,40,.05)}
#대문-칸 .조-병 .사진{width:56px;height:56px;border-radius:10px}
#대문-칸 .조-병 .사진 img{max-width:46px;max-height:46px}
#대문-칸 .조-화살{align-self:center;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--강);font-size:1.2rem;font-weight:700;box-shadow:0 1px 2px rgba(60,40,40,.08)}
#대문-칸 .조-오른{display:flex;flex-direction:column;padding:24px 32px 20px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(60,40,40,.05)}
#대문-칸 .조-오른 h4{margin:4px 0 18px;font-size:1.25rem;font-weight:500}
#대문-칸 .조-오른 h4 em{font-size:2rem;font-weight:800;color:var(--강)}
#대문-칸 .조-오른 .조-결과 .결과줄{margin-top:18px}
#대문-칸 .조-오른 .조-결과 .결과줄:first-child{margin-top:0}
#대문-칸 .조-오른 .조-결과 .막{background:#F1EBE5}
#대문-칸 .조-오른 .조-결과 .결과줄:not(:first-child) .행{color:#6F6863}
#대문-칸 .조-선말{margin-top:auto;padding-top:16px;justify-content:flex-end}


#대문-칸 .새조-가{text-align:center}#대문-칸 .새조-가 .안표{margin-inline:auto}
#대문-칸 .새조-가 .함-밑{margin-inline:auto;text-align:center}
#대문-칸 .세걸음{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;text-align:left}
#대문-칸 .세걸음>div{display:flex;flex-direction:column;padding:28px 28px 24px;border-radius:14px;background:var(--sunken)}
#대문-칸 .세걸음 .번{color:#9A8F88;font-size:.8rem;font-weight:700;letter-spacing:.06em}
#대문-칸 .세걸음 b{margin-top:10px;font-size:1.2rem}
#대문-칸 .세걸음>div>p{margin:6px 0 0;color:#77706A;font-size:.9rem}
#대문-칸 .세걸음 .그림{display:flex;align-items:center;justify-content:center;gap:10px;height:150px;margin-top:22px;padding:16px;border-radius:12px;background:#fff}
#대문-칸 .병셋 span{display:grid;place-items:center;width:64px;height:84px;border-radius:10px;background:#F5F2EF}
#대문-칸 .병셋 img{max-width:52px;max-height:70px}
#대문-칸 .더하기{gap:6px;font-weight:700;font-size:.95rem}
#대문-칸 .더하기 span{display:flex;flex-direction:column;align-items:center;gap:4px}
#대문-칸 .더하기 small{color:#8A817B;font-weight:400;font-size:.68rem}
#대문-칸 .더하기 i{font-style:normal;color:#B9AEA6}
#대문-칸 .더하기 .합{color:var(--강)}
#대문-칸 .세걸음 .견주기{flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:16px 22px}
#대문-칸 .견주기 .행{display:flex;justify-content:space-between;font-size:.9rem}#대문-칸 .견주기 .행 b{margin:0;color:var(--강);font-size:1.1rem}
#대문-칸 .견주기 .막{position:relative;display:block;height:10px;border-radius:5px;background:#F1EBE5}
#대문-칸 .견주기 .찬{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--강)}
#대문-칸 .견주기 .선{position:absolute;top:-5px;bottom:-5px;width:2px;background:#2A2B2F}
#대문-칸 .견주기 small{color:#8A817B;font-size:.75rem;text-align:right}
#대문-칸 .가운데단추{margin-top:32px;text-align:center}
#대문-칸 .새조-가 .단추{display:inline-block;padding:13px 28px;border-radius:999px;background:var(--강);color:#fff;font-weight:700;font-size:.92rem;text-decoration:none}


#대문-칸 .성분띠{margin-top:90px;background:var(--fig-soft)}
#대문-칸 .성분띠 .함-칸{padding:64px 0 64px}
#대문-칸 .성분띠 .배-칩 a{background:#fff}
#대문-칸 .성분띠 .배-칩 a:hover{background:#FBF7F8}
#대문-칸 .성분띠 .배-칩 .판{background:var(--fig-soft)}
#대문-칸 .성분띠 .배-칩 a.모두{background:none}


#대문-칸 .새-머리,#대문-칸 .바-한병{box-shadow:0 0 0 100vmax var(--sand-soft);clip-path:inset(0 -100vmax);background:var(--sand-soft)}
#대문-칸 .성분띠{margin-top:0}
#대문-칸 .성분띠 .함-칸{padding:90px 0 50px}
#대문-칸 .바-한병 .함-한병{padding:32px;border-radius:16px;background:#fff}






#대문-칸 .끝-펑{padding:140px 0 120px;background:var(--sand-soft);text-align:center}
#대문-칸 .끝제목{margin:0;font-size:3rem;font-weight:400;letter-spacing:-.04em;line-height:1.2;color:var(--ink)}
#대문-칸 .끝제목 em{font-style:normal;font-weight:700;color:var(--강)}
#대문-칸 .끝한줄{margin:16px 0 0;color:var(--ink2);font-size:1.05rem}
#대문-칸 .끝-펑 .끝찾기{display:flex;gap:10px;max-width:560px;margin:44px auto 0;padding:0;border:0;background:none;box-shadow:none}
#대문-칸 .끝-펑 .끝찾기 input{flex:1;padding:15px 24px;border:1px solid #CFC4BF;border-radius:999px;background:#FFFDFC;color:var(--ink);font-size:1rem}
#대문-칸 .끝-펑 .끝찾기 button{display:flex;align-items:center;align-self:stretch;padding:0 30px;min-height:52px;box-sizing:border-box;border-radius:999px;background:var(--강);color:#fff;font-weight:700;font-size:.95rem}
#대문-칸 .끝단추{display:flex;justify-content:center;gap:14px;margin-top:22px}
#대문-칸 .끝단추 a{padding:12px 24px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none}
#대문-칸 .끝단추 .채움{background:var(--ink);color:#fff}
#대문-칸 .끝단추 .빈{border:1px solid var(--강);color:var(--강)}


body:has(#대문-칸:not(.hidden)) .sitefoot{max-width:1240px;margin:0 auto 48px;border-radius:24px;background:#FFFDFC;color:var(--ink);box-shadow:0 0 0 100vmax var(--sand-soft),0 20px 50px rgba(80,60,50,.08);clip-path:inset(0 -100vmax -100vmax -100vmax)}
body:has(#대문-칸:not(.hidden)){background:var(--sand-soft)}
body:has(#대문-칸:not(.hidden)) .sitefoot *{color:var(--ink2)}
body:has(#대문-칸:not(.hidden)) .sitefoot h4{color:var(--ink)}
body:has(#대문-칸:not(.hidden)) .sitefoot .발치로고 img{filter:none}


#대문-칸 .함-칸 > .함-제목,#대문-칸 .새-틀 > .함-칸 > .함-제목{margin:0 auto;font-size:3rem;font-weight:400;line-height:1.2;letter-spacing:-.04em;text-align:center}
#대문-칸 .함-칸 > .함-제목 em{font-style:normal;font-weight:700;color:var(--강)}
#대문-칸 .함-칸 > .함-밑,#대문-칸 .함-칸 > .함-요{max-width:none;margin:16px auto 0;color:var(--ink2);font-size:1.05rem;text-align:center}
#대문-칸 .펑길{margin:36px 0 0;text-align:center}
#대문-칸 .펑길 a{color:var(--강);font-weight:700;font-size:.95rem;text-decoration:none;border-bottom:1px solid var(--강);padding-bottom:2px}
#대문-칸 .새조-가 .단추{background:var(--ink);padding:14px 30px}
#대문-칸 .성분띠 .배-칩 a.모두{border-color:var(--강);color:var(--강)}
#대문-칸 .바-한병 .함-한병{margin-top:44px;border-radius:24px;box-shadow:0 20px 50px rgba(80,60,50,.08)}
#대문-칸 .새조-가 .세걸음{margin-top:44px}
#대문-칸 .새조-가 .세걸음>div{border-radius:20px}
#대문-칸 .바-질문 .함-문답{display:grid;grid-template-columns:1fr;gap:12px;max-width:864px;margin:44px auto 0}
#대문-칸 .바-질문 .함-문답>div{padding:22px 28px;border:1px solid var(--line);border-radius:16px;background:var(--sand-soft)}
#대문-칸 .바-질문 .함-문답 b{display:block;font-size:1.02rem}
#대문-칸 .바-질문 .함-문답 p{margin:8px 0 0;color:var(--ink2);font-size:.95rem;line-height:1.65}

#대문-칸 .새-머리 .새-찾기{gap:10px;max-width:460px;padding:0;border:0}
#대문-칸 .새-머리 .새-찾기 input{padding:15px 22px;border:1px solid #CFC4BF;border-radius:999px;background:#FFFDFC;font-size:1rem}
#대문-칸 .새-머리 .새-찾기 button{display:flex;align-items:center;align-self:stretch;min-height:52px;box-sizing:border-box;padding:0 26px;border-radius:999px;background:var(--강);color:#fff;font-weight:700}

#대문-칸 .새-지도 figcaption{font-size:.85rem}
#대문-칸 .더하기 small{font-size:.78rem}
#대문-칸 .견주기 small{font-size:.82rem}
#대문-칸 .함-한병 dd i{font-size:.8rem}

#대문-칸 .새-찾기 input{min-width:0}

@media (max-width:900px){
  #대문-칸 .새-머리{grid-template-columns:1fr;gap:32px;padding:64px 0 44px}
  #대문-칸 .새-지도 figcaption{justify-content:flex-start;flex-wrap:wrap;gap:4px 14px}
  #대문-칸 .세걸음{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  #대문-칸 .함-한병{grid-template-columns:1fr;gap:28px}
  #대문-칸 .함-한병 .사진{display:grid;grid-template-columns:120px 1fr;column-gap:16px;align-items:center}
  #대문-칸 .함-한병 .사진 img{grid-row:span 2;height:120px}
  #대문-칸 .함-한병 .사진 small{margin-top:0;align-self:end}
  #대문-칸 .함-한병 .사진 b{align-self:start}
}
@media (max-width:760px){
  #대문-칸 .새-틀{width:calc(100% - 40px)}
  #대문-칸 .새-머리 h1{font-size:2.2rem}
  #대문-칸 .함-칸 > .함-제목,#대문-칸 .새-틀 > .함-칸 > .함-제목,#대문-칸 .끝제목{font-size:2rem}
  #대문-칸 .함-칸 > .함-밑,#대문-칸 .함-칸 > .함-요{font-size:.95rem}
  #대문-칸 .함-길{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  #대문-칸 .함-길::before{display:none}
  #대문-칸 .함-길 svg{width:100%;max-width:160px;height:auto}
  #대문-칸 .바-한병 .함-한병{padding:20px}
  #대문-칸 .함-한병 dl{grid-template-columns:72px minmax(0,1fr)}
  #대문-칸 .새-머리 .새-찾기 button,#대문-칸 .끝-펑 .끝찾기 button{padding:0 20px}
  #대문-칸 .새-머리 .새-찾기 input,#대문-칸 .끝-펑 .끝찾기 input{padding-inline:18px}
  #대문-칸 .바-질문 .함-문답>div{padding:18px 20px}
}

@media (max-width:600px){#원료지도 g[pointer-events]{display:none}}

#대문-칸 .새-틀{width:min(1180px,calc(100% - 48px))}
body:has(#대문-칸:not(.hidden)) .sitefoot{max-width:1180px}
body:has(#대문-칸:not(.hidden)) .발치안{width:calc(100% - 64px)}

#대문-칸 .배-칩{margin-top:44px}
#대문-칸 .가운데단추{margin-top:36px}

#대문-칸 .새조-가 .세걸음>div{padding:28px}
#대문-칸 .바-한병 .함-한병{border-radius:20px}
#대문-칸 .바-질문 .함-문답>div{padding:24px 28px;border-radius:20px}
body:has(#대문-칸:not(.hidden)) .sitefoot{border-radius:20px}

#대문-칸 .함-한병 .사진 img{height:190px}

#대문-칸 .새-지도 figcaption{margin-top:14px}
@media (max-width:760px){
  
  #대문-칸 .함-칸,#대문-칸 .성분띠 .함-칸{padding:64px 0 44px}
  #대문-칸 .끝-펑{padding:96px 0 80px}
  
  #대문-칸 .함-칸 > .함-제목 em,#대문-칸 .끝제목 em{white-space:nowrap}
  
  #대문-칸 .배-칩{justify-content:flex-start;gap:8px}
  
  #대문-칸 .함-길{row-gap:16px}
  #대문-칸 .바-질문 .함-문답>div{padding:20px}
}
@media (max-width:560px){
  #대문-칸 .새-틀{width:calc(100% - 32px)}
  
  body:has(#대문-칸:not(.hidden)) .sitefoot{margin:0 16px 32px}
  body:has(#대문-칸:not(.hidden)) .발치안{width:calc(100% - 40px)}
}

@media (max-width:1228px) and (min-width:561px){body:has(#대문-칸:not(.hidden)) .sitefoot{margin:0 24px 48px}}

#대문-칸 .새-머리 .새-믿음{padding-left:22px}
@media (max-width:760px){#대문-칸 .새-머리 .새-믿음{padding-left:18px}}

#대문-칸 .함-한병 .쪽.더{margin-top:0;color:var(--ink);font-size:inherit}

@media (max-width:900px){#대문-칸 .함-한병 .사진 img{height:120px}}

#대문-칸 .더하기 span{white-space:nowrap}
#대문-칸 .더하기 small{white-space:normal;text-align:center}

@media (min-width:901px){
  #대문-칸 .새-머리{position:relative;min-height:min(calc(100svh - 74px),900px);box-sizing:border-box;padding:40px 0;align-content:center}
  #대문-칸 .새-딱{margin-bottom:20px}
  #대문-칸 .새-왜{margin:32px 0 104px}
  #대문-칸 .새-머리 .새-믿음{margin-top:16px}
  #대문-칸 .새-지도 figcaption{margin-top:24px}
  #대문-칸 .새-머리::after{content:"";position:absolute;left:50%;bottom:28px;width:14px;height:14px;margin-left:-7px;border-right:2px solid #8A817B;border-bottom:2px solid #8A817B;transform:rotate(45deg);animation:대문내림 1.8s ease-in-out infinite;pointer-events:none}
}
@keyframes 대문내림{0%,100%{translate:0 0}50%{translate:0 6px}}
@media (prefers-reduced-motion:reduce){#대문-칸 .새-머리::after{animation:none}}

#대문-칸 .함-칸,#대문-칸 .성분띠 .함-칸{padding:110px 0 80px}
@media (max-width:760px){#대문-칸 .함-칸,#대문-칸 .성분띠 .함-칸{padding:76px 0 56px}}

#대문-칸 .성분띠 .함-칸{padding:91px 0 99px}
@media (max-width:760px){#대문-칸 .성분띠 .함-칸{padding:63px 0 69px}}


#대문-칸 .함-길>*{position:relative;text-align:center}
#대문-칸 .함-길>a{color:inherit;text-decoration:none;border-radius:20px;padding-bottom:12px;transition:background .15s}
#대문-칸 .함-길>a:hover{background:rgba(111,72,88,.06)}
#대문-칸 .함-길>a:hover b{color:var(--강)}
#원료지도 a[data-나라]{cursor:pointer}
#원료지도 a[data-나라]:hover circle{fill-opacity:1}
#대문-칸 .새-나라목록{display:none}
@media (max-width:600px){
  #대문-칸 .새-나라목록{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
  #대문-칸 .새-나라목록 a{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border:1px solid #DCD2CE;border-radius:999px;background:#FFFDFC;color:var(--ink);font-size:.85rem;text-decoration:none}
  #대문-칸 .새-나라목록 b{color:var(--강);font-weight:700}
}
#대문-칸 .함-한병 .사진 small.한병브랜드{color:var(--ink);font-size:.95rem;font-weight:700}
#대문-칸 .함-한병 .사진 small.한병브랜드 span{color:var(--muted);font-weight:400;font-size:.8rem}


.비교몸:has(.비교칸.열림 .나란비교){grid-template-columns:minmax(0,1fr)}
.비교몸:has(.비교칸.열림 .나란비교) .비교거르개{display:none}
.비교목록 .비교칸.열림:has(.나란비교){margin:72px calc(-1 * clamp(0px,(100vw - 100%) / 2 - 24px,64px)) 48px;padding:56px 88px 44px;border:0;border-radius:24px;background:#fff;box-shadow:0 18px 48px rgba(76,52,61,.12),0 0 0 1px var(--line)}
.비교칸:has(.나란비교)>h2{display:none}
.나란비교{--이름칸:0px;--칸폭:108px;--갭:clamp(14px,2.6vw,28px);margin:8px auto 40px;color:var(--ink);text-align:center}
.나란비교 h2{margin:0;font-size:2.4rem;font-weight:800;letter-spacing:-.03em}
.나란비교-머리말{margin:10px 0 30px;color:var(--ink2);font-size:.98rem}
.나란비교-판{overflow-x:auto;scrollbar-width:thin;padding:12px 10px 6px;container-type:inline-size}   
.나란비교-셋{display:grid;grid-template-columns:repeat(var(--칸),minmax(var(--칸폭),1fr));column-gap:var(--갭)}
.나란비교-판>.나란비교-셋,.나란비교-띠안>.나란비교-셋,.나란비교-표{width:max(100%,calc(var(--이름칸) + var(--칸) * (var(--칸폭) + 14px)))}

.나란비교-띠{position:sticky;top:var(--띠위,70px);z-index:3;height:0;opacity:0;visibility:hidden;transition:opacity .15s}
.나란비교-띠.보임{opacity:1;visibility:visible}
.나란비교-띠안{overflow:hidden;padding:0 10px;container-type:inline-size;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 14px rgba(76,52,61,.06)}
.나란비교-띠안>.나란비교-셋{padding:10px 0 9px}
.나란비교-띠 span{display:flex;flex-direction:column;align-items:center;min-width:0}
.나란비교-띠 small{color:var(--muted);font-size:.68rem}
.나란비교-띠 b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink);font-size:.8rem;line-height:1.4}

.나란비교-고름 label{position:relative;display:block}
.나란비교-고름 select{width:100%;padding:12px 34px 12px 14px;border:1px solid var(--line2);border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232E2E2E' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center/11px;-webkit-appearance:none;appearance:none;font:inherit;font-size:.9rem;font-weight:600;color:var(--ink);text-overflow:ellipsis;cursor:pointer}

.나란비교-더하기{display:block;width:min(260px,100%);margin:-12px auto 18px}
.나란비교-더하기 select{width:100%;padding:9px 30px 9px 14px;border:1px dashed var(--line2);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23756E6B' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 14px center/10px;-webkit-appearance:none;appearance:none;font:inherit;font-size:.86rem;color:var(--muted);text-align:center;cursor:pointer}
.나란비교-고름 button{position:absolute;top:-9px;right:-7px;width:22px;height:22px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:.8rem;line-height:22px;cursor:pointer}

.나란비교-제품{margin-top:22px;padding-bottom:26px}
.나란비교-제품>div{display:flex;flex-direction:column;align-items:center}
.나란비교-사진{position:relative;display:grid;place-items:center;width:100%;height:170px;margin-bottom:20px;border-radius:16px;background:var(--sunken2);overflow:hidden;container-type:size}
.나란비교-사진 img{max-width:80%;max-height:85%}
.나란비교-제품 small{margin-bottom:9px;color:var(--muted);font-size:.76rem;letter-spacing:.01em}
.나란비교-제품 b{min-height:3.2em;margin-bottom:14px;font-size:1rem;line-height:1.6}
.나란비교-제품 strong{font-size:1.05rem;font-weight:600}
.나란비교-단추{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}
.나란비교-단추 button{padding:8px 18px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.나란비교-단추 button[aria-pressed="true"]{background:var(--sage-soft);color:var(--sage-ink)}
.나란비교-단추 a{color:var(--fig-deep);font-size:.84rem;font-weight:600;text-decoration:none}

.나란비교-표{margin-top:40px;text-align:left}
.나란비교-표 h3{position:sticky;left:0;width:max-content;margin:0 0 6px;font-size:1.7rem;font-weight:800;letter-spacing:-.02em}
.나란비교-줄{display:block}
.나란비교-이름{position:sticky;left:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;width:100cqw;margin:0;padding:14px 0;color:var(--ink2);font-size:.84rem;font-weight:800;line-height:1.35}
.나란비교-이름::before,.나란비교-이름::after{content:"";flex:1;height:1px;background:var(--line)}
.나란비교-이름::before{margin-right:8px}
.나란비교-이름::after{margin-left:8px}
.나란비교-이름 span{display:flex;align-items:baseline}
.나란비교-이름 small{margin-left:6px;color:var(--muted);font-size:.72rem;font-weight:500}
.나란비교-그림{flex:none;width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.나란비교-줄 .나란비교-셋{align-items:center}
.나란비교-줄 .나란비교-셋>div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 12px;text-align:center}


.나란비교-큰값{margin-bottom:6px;font-size:clamp(1.15rem,calc((100cqw - var(--이름칸)) / var(--칸) / 5.2),2.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}
.나란비교-큰값 i{margin-left:3px;color:var(--ink2);font-style:normal;font-size:.55em;font-weight:700;letter-spacing:0}
.나란비교-줄 .나란비교-셋 b{font-size:.98rem;font-weight:700;line-height:1.6}
.나란비교-줄 .나란비교-셋 b.나란비교-긴값{font-size:.86rem;font-weight:600;line-height:1.45}
.나란비교-줄 .나란비교-셋 span{margin-top:2px;color:var(--muted);font-size:.8rem;line-height:1.6}
.나란비교-줄 .나란비교-셋 em{margin-top:6px;padding:3px 10px;border-radius:999px;background:var(--sage-wash);color:var(--sage-ink);font-style:normal;font-size:.74rem;font-weight:700;white-space:nowrap}
.나란비교-줄 .나란비교-셋 em.밖{background:var(--amber-soft);color:var(--amber)}
.나란비교-줄 .나란비교-셋 .나란비교-없음{margin:0;color:var(--line2);font-size:1.2rem;font-weight:300;line-height:1.1}
.나란비교-발치{margin:26px 0 0;color:var(--muted);font-size:.76rem}

.나란비교-기준{position:sticky;left:0;width:100cqw;margin:-2px 0 6px;padding:0;list-style:none;text-align:center}
.나란비교-기준 li{color:var(--muted);font-size:.72rem;line-height:1.7}
.나란비교-기준 li.핵심{color:var(--ink2);font-size:.78rem;font-weight:600}
.나란비교-기준 a{color:var(--fig-deep);font-weight:600;text-decoration:none}
.나란비교-목적범위{position:sticky;left:0;width:100cqw;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 4px;padding:4px 0}
.나란비교-목적범위 i{padding:2px 10px;border-radius:999px;background:var(--sunken2);color:var(--muted);font-style:normal;font-size:.74rem}
.나란비교-목적범위 b{color:var(--ink);font-weight:700}
.나란비교-목적딱{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.나란비교-줄 .나란비교-셋 .나란비교-목적딱 i{padding:1px 8px;border-radius:999px;background:var(--sage-wash);color:var(--sage-ink);font-style:normal;font-size:.72rem;font-weight:700}
.나란비교-줄 .나란비교-셋 .나란비교-목적딱 i.밖{background:var(--sunken2);color:var(--muted)}
.나란비교-줄 .나란비교-셋 .나란비교-줄값{display:block;margin-top:4px;color:var(--ink);font-size:.84rem;line-height:1.5}
.나란비교-줄 .나란비교-셋 .나란비교-줄값 b{font-size:.84rem}
.나란비교-줄 .나란비교-셋 .나란비교-없음말{margin:0;color:var(--muted);font-size:.8rem}
.나란비교-줄 .나란비교-셋 .나란비교-겹침{display:inline-block;margin:2px 0 4px;padding:1px 8px;border-radius:999px;background:var(--amber-soft);color:var(--amber);font-size:.7rem;font-weight:700}
.나란비교-줄 .나란비교-셋 .나란비교-인증줄{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 6px;margin:2px 0;color:var(--ink);font-size:.82rem}

.나란비교-줄 .나란비교-셋 .나란비교-인증줄 b{font-size:.9rem}
.나란비교-대상{white-space:nowrap;padding:1px 8px;border:1px solid var(--line2);border-radius:999px;color:var(--ink2);font-style:normal;font-size:.7rem;font-weight:700}
.나란비교-대상.완제품{border-color:var(--sage-ink);color:var(--sage-ink)}
@media(max-width:560px){
  .나란비교{--갭:10px}
  .비교목록 .비교칸.열림:has(.나란비교){margin-inline:0;padding:32px 16px 28px;border-radius:16px}
  .나란비교 h2{font-size:1.7rem}
  .나란비교-판>.나란비교-셋,.나란비교-띠안>.나란비교-셋,.나란비교-표{width:max(100%,calc(var(--이름칸) + var(--칸) * (var(--칸폭) + 10px)))}
  .나란비교-고름 select{padding:8px 22px 8px 8px;font-size:.72rem;background-position:right 8px center}
  .나란비교-사진{height:110px;border-radius:10px}
  .나란비교-제품 b{font-size:.8rem}
  .나란비교-제품 strong{font-size:.92rem}
  .나란비교-단추 button{padding:6px 10px;font-size:.7rem}
  .나란비교-단추 a{font-size:.72rem}
  .나란비교-이름{font-size:.76rem}
  .나란비교-큰값{font-size:clamp(1rem,calc((100cqw - var(--이름칸)) / var(--칸) / 5),1.5rem)}
  .나란비교-줄 .나란비교-셋 b{font-size:.8rem}
  .나란비교-줄 .나란비교-셋 span{font-size:.7rem}
  .나란비교-줄 .나란비교-셋>div{padding:8px 2px 12px}
}


.비교닫기줄{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.여러비교창{width:min(1180px,100%);padding:28px 24px 24px}
.여러비교창>h2{margin:0 0 6px;font-size:1.35rem}.여러비교창>h2 small{margin-left:6px;color:var(--muted);font-size:.85rem;font-weight:600}
.여러비교-절{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.여러비교-머리{margin:0 0 10px;font-size:1.1rem}.여러비교-머리 small{margin-left:4px;color:var(--muted);font-size:.85rem}
.여러비교-홀로{margin:0;color:var(--muted);font-size:.92rem}.여러비교-홀로 a{color:var(--fig-deep)}
.담음띠{position:fixed;left:50%;bottom:24px;z-index:70;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:12px 16px 12px 18px;transform:translateX(-50%);color:#fff;background:var(--ink);border-radius:14px;box-shadow:0 12px 32px rgba(40,24,32,.25);font-size:.92rem}
.담음띠[hidden]{display:none}
.담음띠 button{flex:none;padding:6px 10px;border:0;border-radius:9px;color:var(--ink);background:#fff;font-weight:700;cursor:pointer}
.조합-병단추{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.조합-병단추 button{min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink2);background:var(--white);font-size:.82rem;font-weight:600;cursor:pointer}
.조합-병단추 button:hover{border-color:var(--line-hover);color:var(--ink)}
.조합-병단추 .지움{margin-left:auto;color:var(--muted)}
.조합-병글 h3 a{color:inherit;text-decoration:none}.조합-병글 h3 a:hover{text-decoration:underline}

.여러비교덮개{padding:0;place-items:stretch}
.여러비교덮개 .여러비교창{width:100%;max-width:none;height:100vh;max-height:none;padding:0 0 48px;border-radius:0;box-shadow:none;background:var(--paper)}
.여러비교-틀{width:min(1180px,calc(100% - 32px));margin:0 auto}
.여러비교-위{position:sticky;top:0;z-index:3;padding:14px 0 10px;background:rgba(255,253,252,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.여러비교-제목줄{display:flex;align-items:center;justify-content:space-between;gap:12px}
.여러비교-제목줄 h2{margin:0;font-size:1.25rem}.여러비교-제목줄 h2 small{margin-left:6px;color:var(--muted);font-size:.85rem;font-weight:600}
.여러비교-닫기{flex:none;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.여러비교-칩,.여러비교-고민칩{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
.여러비교-칩 button,.여러비교-고민칩 button{flex:none;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink2);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.여러비교-칩 button i{font-style:normal;color:var(--muted)}
.여러비교-고민칩 button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.여러비교-고민칩{margin:0 0 12px}
.여러비교-더{margin:8px 0 0;font-size:.88rem}.여러비교-더 a{color:var(--fig-deep);font-weight:700}



.여러비교-틀 .섞비-제목{margin:32px 0 0;font-size:1.5rem;font-weight:800}
.섞비-카드줄{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px;margin:24px 10px 0}   
.섞비-카드{padding:22px 24px 24px;border-radius:16px;background:var(--sunken2)}
.섞비-이름머리{margin:0 10px;padding:0 0 10px;border-bottom:2px solid var(--ink);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;text-align:center}   
.섞비-이름머리 small{margin-left:4px;color:var(--muted);font-size:.88rem;font-weight:600}
.섞비-이름줄{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}
.섞비-그림{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;overflow:hidden}
.섞비-그림 svg{width:32px;height:32px}
.섞비-이름{font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.섞비-이름줄 small{color:var(--muted);font-size:.88rem;font-weight:600}
.섞비-세칸{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 20px;text-align:center}
.섞비-칸이름{display:block;margin-bottom:6px;color:var(--muted);font-size:.8rem;font-weight:600}
.섞비-값{font-size:.98rem;font-weight:700;line-height:1.5;color:var(--ink)}   
.섞비-값 small{display:block;margin-top:6px;color:var(--muted);font-size:.8rem;font-weight:400;line-height:1.6}
.섞비-딱{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--sage-wash);color:var(--sage-ink);font-size:.76rem;font-weight:700}
.섞비-딱.밖{background:var(--amber-soft);color:var(--amber)}
.섞비-절{margin-top:48px;padding-top:0;border-top:0}
.섞비-절+.섞비-절{margin-top:56px}
.섞비-발{margin:14px 0 0;color:var(--muted);font-size:.8rem;text-align:center}
.섞비-표 .나란비교{margin:8px 0 0}
.섞비-표 .나란비교-표{margin-top:8px}
.섞비-표 .나란비교-표 h3{display:none}
.섞비-표 .나란비교-사진{height:130px}
.섞비-표 .나란비교-제품 b{font-size:.9rem}
.섞비-표 .나란비교-발치{text-align:center}

.섞비-열들{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px;margin-top:48px}
.섞비-열{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.섞비-열들 .나란비교-줄{display:flex;flex-direction:column}
.섞비-열들 .나란비교-줄>.나란비교-이름+*{margin-top:auto}
.섞비-열들 .나란비교-줄>:last-child{margin-bottom:auto}
.섞비-열들 .나란비교-줄>.나란비교-이름:last-child{margin-bottom:0}

.섞비-같음말{margin:2px 0 6px;color:var(--muted);font-size:.84rem;text-align:center}
.섞비-같음말 b{color:var(--ink2);font-weight:700}
.섞비-같음줄{grid-column:1/-1}
.나란비교-줄 .나란비교-셋>.섞비-같음줄{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 20px}
.섞비-같음줄 .나란비교-큰값:last-child{margin-bottom:0}

.나란비교-줄.섞비-섭취줄 .나란비교-셋>div{padding-inline:4px}
.나란비교-줄.섞비-섭취줄 .나란비교-셋 b{font-size:.9rem}
@media(max-width:760px){.섞비-열들,.섞비-카드줄{grid-template-columns:1fr}.섞비-세칸{grid-template-columns:1fr}}


#대문-칸 .새-머리.아틀{--a-paper:#F8F4EE;--a-white:#FFFDF9;--a-ink:#342B2F;--a-sub:#786C70;--a-line:#DED2D3;--a-accent:#86536A;--a-tile:#FCF9F4;--a-tile-hover:#F1E8E9;
  display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;color:var(--a-ink);background:var(--a-paper);box-shadow:0 0 0 100vmax var(--a-paper)}
@media (min-width:901px){#대문-칸 .새-머리.아틀{padding:40px 0 0}}

body:has(#대문-칸:not(.hidden)) #상단찾기{display:none}
#대문-칸 .아틀-머리{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:156px}
#대문-칸 .아틀-딱{margin:0 0 13px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--a-accent)}
#대문-칸 .새-머리.아틀 h1{margin:0;font-size:42px;line-height:1.45;letter-spacing:-1.8px;font-weight:700;color:var(--a-ink);word-break:keep-all}
#대문-칸 .새-머리.아틀 h1 em{font-style:normal;color:var(--a-accent)}

#대문-칸 .아틀-찾기{display:flex;align-items:center;gap:9px;flex:0 0 auto;width:285px;height:42px;box-sizing:border-box;padding:4px 7px 4px 16px;border:1px solid var(--a-line);border-radius:24px;background:var(--a-white)}
#대문-칸 .아틀-찾기:focus-within{outline:2px solid var(--a-accent);outline-offset:3px}
#대문-칸 .아틀-찾기 input{flex:1;min-width:0;width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--a-ink);font-size:13px;-webkit-appearance:none;appearance:none}
#대문-칸 .아틀-찾기 input::placeholder{color:var(--a-sub)}
#대문-칸 .아틀-찾기 input::-webkit-search-cancel-button{display:none}
#대문-칸 .아틀-찾기 button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 7px 0 12px;border-left:1px solid var(--a-line);color:var(--a-accent);cursor:pointer}
#대문-칸 .아틀-찾기 button:focus-visible{outline:2px solid var(--a-accent);outline-offset:2px}
#대문-칸 .아틀-찾기 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

#대문-칸 .아틀-몸{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:28px;margin-top:30px;min-height:315px}
#대문-칸 .아틀-지도{margin:0;min-width:0}
#대문-칸 .아틀-지도 svg{min-height:230px}
#대문-칸 .아틀-지도 figcaption{display:block;margin-top:20px;font-size:11px;color:var(--a-sub);text-align:left}
#원료지도 a[data-나라] circle{fill:var(--a-accent);fill-opacity:.8;stroke:var(--a-paper);stroke-width:2.5}
#원료지도 .땅면{stroke:var(--a-paper);stroke-width:.8}

#대문-칸 .아틀-지도{position:relative}
#대문-칸 .아틀-풍선{position:absolute;z-index:2;transform:translate(-50%,calc(-100% - 8px));display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-white);box-shadow:0 3px 12px rgba(83,59,70,.10);font-size:12px;color:var(--a-sub);white-space:nowrap;pointer-events:none}
#대문-칸 .아틀-풍선[hidden]{display:none}
#대문-칸 .아틀-풍선 i{font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:15px;line-height:1}
#대문-칸 .아틀-풍선 b{font-size:14px;font-weight:600;color:var(--a-ink);font-variant-numeric:tabular-nums}
#대문-칸 .아틀-나라{min-width:0;padding-left:24px}
#대문-칸 .아틀-나라제목{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px;font-size:12px;font-weight:600}
#대문-칸 .아틀-나라제목 b{font-size:11px;font-weight:400;color:var(--a-sub)}
#대문-칸 .아틀-타일{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#대문-칸 .아틀-타일 a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:13px 12px;border:1px solid var(--a-line);border-radius:12px;background:var(--a-tile);color:var(--a-ink);text-decoration:none;transition:background .15s,border-color .15s}
#대문-칸 .아틀-타일 a:hover{background:var(--a-tile-hover);border-color:#CBB5BE}
#대문-칸 .아틀-타일 a:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:11px;padding-bottom:11px}
#대문-칸 .아틀-이름{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:var(--a-sub)}
#대문-칸 .아틀-이름 i{font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:17px;line-height:1;letter-spacing:0}
#대문-칸 .아틀-타일 b{font-size:23px;font-weight:550;line-height:1.15;letter-spacing:-.7px;color:var(--a-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#대문-칸 .아틀-타일 small{margin-left:1px;font-size:10px;font-weight:400;letter-spacing:0;color:var(--a-sub)}
#대문-칸 .아틀-발{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;margin-top:28px;border-top:1px solid var(--a-line);font-size:11px;color:var(--a-sub)}
#대문-칸 .아틀-발 a{color:var(--a-ink);text-decoration:none}
#대문-칸 .아틀-발 a:hover{text-decoration:underline}
@media (max-width:760px){
  #대문-칸 .새-머리.아틀 h1{font-size:36px}
  #대문-칸 .아틀-찾기{width:240px}
  #대문-칸 .아틀-몸{grid-template-columns:minmax(0,1fr) 165px;gap:16px}
  
  #대문-칸 .아틀-타일 a{padding:12px 10px;gap:8px}
  #대문-칸 .아틀-이름{flex-wrap:wrap;row-gap:4px;white-space:normal}
  #대문-칸 .아틀-타일 b{font-size:20px}
}
@media (max-width:560px){
  #대문-칸 .새-머리.아틀{padding:30px 0 0}
  #대문-칸 .아틀-머리{flex-direction:column;align-items:stretch;gap:24px;min-height:0}
  #대문-칸 .새-머리.아틀 h1{font-size:32px;letter-spacing:-1.4px}
  #대문-칸 .아틀-찾기{width:100%}
  #대문-칸 .아틀-찾기 input{font-size:16px}
  #대문-칸 .아틀-몸{display:flex;flex-direction:column;align-items:stretch;margin-top:25px;min-height:0}
  #대문-칸 .아틀-지도 svg{min-height:0}
  #대문-칸 .아틀-나라{padding:12px 0 0}
  #대문-칸 .아틀-타일 a{padding:15px;gap:12px}
  #대문-칸 .아틀-타일 b{font-size:23px}
  #대문-칸 .아틀-이름{font-size:12px;flex-wrap:nowrap;white-space:nowrap}
  #대문-칸 .아틀-이름 i{font-size:19px}
  #대문-칸 .아틀-발{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding-top:18px}
}


#대문-칸:has(.헤){background:#F8F4EE}
#대문-칸 .헤{--크림:#F8F4EE;--종이:#FCF9F4;--선:#DED2D3;--글:#342B2F;--보조:#786C70;--무:#86536A;--무딥:#6F4858;--무밝:#E3BFCD;--밤:#2A2125;--씻김:#F1E7EA;
  max-width:1240px;margin:0 auto;padding:14px 20px 60px;color:var(--글);font-size:16px;line-height:normal;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}
#대문-칸 .헤 *{box-sizing:border-box}
#대문-칸 .헤 a{color:inherit;text-decoration:none}
#대문-칸 .헤 em{font-style:normal}
#대문-칸 .헤 .헤-캡슐 button{all:unset;cursor:pointer;display:grid;place-items:center}
#대문-칸 .헤 .헤-성분그림,#대문-칸 .헤 .헤-길그림{display:block}
#대문-칸 .헤 .헤-풍선{position:absolute;z-index:3;transform:translate(-50%,calc(-100% - 8px));display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--선);border-radius:10px;background:#FCF9F4;box-shadow:0 3px 12px rgba(0,0,0,.2);font-size:12px;color:var(--보조);white-space:nowrap;pointer-events:none}
#대문-칸 .헤 .헤-풍선[hidden]{display:none}
#대문-칸 .헤 .헤-풍선 i{font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:15px;line-height:1}
#대문-칸 .헤 .헤-풍선 b{color:var(--글)}
#대문-칸 .헤 .헤-히어로{position:relative;border-radius:26px;overflow:hidden;min-height:560px;color:#fff;
  background:radial-gradient(120% 90% at 78% 40%,#4A3540 0%,#2F2429 55%,#241B1F 100%);padding:26px 40px 44px;display:flex;flex-direction:column}
#대문-칸 .헤 .헤-히어로 .헤-지도{position:absolute;inset:64px 250px 24px 14%;margin:0;display:flex;align-items:center;pointer-events:auto}
#대문-칸 .헤 .헤-지도 .땅면{fill:rgba(255,255,255,.13);stroke:rgba(255,255,255,.24);stroke-width:.5}
#대문-칸 .헤 .헤-지도 circle{fill:var(--무밝);fill-opacity:.85;stroke:#2F2429;stroke-width:1.2}
#대문-칸 .헤 .헤-지도 a:hover circle,#대문-칸 .헤 .헤-지도 a:focus circle{fill:#fff}
#대문-칸 .헤 .헤-히어로몸{position:relative;z-index:2;flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;pointer-events:none}
#대문-칸 .헤 .헤-히어로몸 > *{pointer-events:auto}
#대문-칸 .헤 .헤-히어로글{max-width:470px}
#대문-칸 .헤 .헤-딱{margin:0 0 14px;font-size:12px;letter-spacing:.18em;color:var(--무밝)}
#대문-칸 .헤 .헤-히어로 h1{margin:0;font-size:68px;line-height:1.08;font-weight:300;letter-spacing:-.03em}
#대문-칸 .헤 .헤-히어로 h1 em{color:var(--무밝)}
#대문-칸 .헤 .헤-히어로 p.헤-한줄{margin:20px 0 22px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.82)}
#대문-칸 .헤 .헤-캡슐{display:flex;align-items:center;width:285px;height:42px;border-radius:999px;background:rgba(255,255,255,.96);padding:0 6px 0 18px}
#대문-칸 .헤 .헤-캡슐 input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14px;color:var(--글);outline:none}
#대문-칸 .헤 .헤-캡슐 i{width:1px;height:18px;background:var(--선);margin:0 10px}
#대문-칸 .헤 .헤-캡슐 svg{width:16px;height:16px;fill:none;stroke:var(--글);stroke-width:2;margin-right:8px}
#대문-칸 .헤 .헤-고리{position:relative;width:260px;height:214px;flex:none;margin-bottom:6px}
#대문-칸 .헤 .헤-고리 .헤-원{position:absolute;left:70px;top:47px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(36,27,31,.6);backdrop-filter:blur(3px)}
#대문-칸 .헤 .헤-고리 .헤-속{position:absolute;left:95px;top:72px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);display:grid;place-content:center;text-align:center;line-height:1.1}
#대문-칸 .헤 .헤-고리 .헤-속 b{font-size:25px;font-weight:300}
#대문-칸 .헤 .헤-고리 .헤-속 small{font-size:11px;color:rgba(255,255,255,.75)}
#대문-칸 .헤 .헤-고리 .헤-마디{position:absolute;font-size:12px;font-weight:500;line-height:1.35;white-space:nowrap}
#대문-칸 .헤 .헤-고리 .헤-마디::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff}
#대문-칸 .헤 .헤-고리 .헤-마디 small{display:block;color:var(--무밝)}
#대문-칸 .헤 .헤-고리 .헤-위{left:130px;top:0;transform:translateX(-50%);text-align:center}
#대문-칸 .헤 .헤-고리 .헤-위::before{left:50%;bottom:-16px;margin-left:-4px}
#대문-칸 .헤 .헤-고리 .헤-아래{left:130px;bottom:0;transform:translateX(-50%);text-align:center}
#대문-칸 .헤 .헤-고리 .헤-아래::before{left:50%;top:-16px;margin-left:-4px}
#대문-칸 .헤 .헤-고리 .헤-왼{right:200px;top:96px;text-align:right}
#대문-칸 .헤 .헤-고리 .헤-왼::before{right:-15px;top:6px}
#대문-칸 .헤 .헤-고리 .헤-오{left:200px;top:96px}
#대문-칸 .헤 .헤-고리 .헤-오::before{left:-15px;top:6px}
#대문-칸 .헤 .헤-히어로::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(36,27,31,.78) 0%,rgba(36,27,31,.35) 38%,transparent 60%)}
#대문-칸 .헤 .헤-지도말{position:absolute;z-index:2;right:40px;bottom:16px;font-size:11px;color:rgba(255,255,255,.55)}
#대문-칸 .헤 .헤-소개{display:grid;grid-template-columns:repeat(3,182px) 1fr;gap:20px;align-items:start;padding:44px 34px 52px}
#대문-칸 .헤 .헤-번카드{position:relative;height:178px;border-radius:16px;overflow:hidden;display:block;background:var(--판,#F3EAEE)}
#대문-칸 .헤 .헤-번카드 .헤-그림{position:absolute;left:8px;right:8px;top:6px;bottom:48px;display:grid;place-items:center}
#대문-칸 .헤 .헤-번카드 .헤-그림 svg{width:100%;height:100%}
#대문-칸 .헤 .헤-번카드 .헤-이름{position:absolute;left:14px;bottom:12px;color:var(--글);font-size:12px;line-height:1.35}
#대문-칸 .헤 .헤-번카드 .헤-이름 b{display:block;font-size:14px;font-weight:600}
#대문-칸 .헤 .헤-about{padding:6px 0 0 18px}
#대문-칸 .헤 .헤-about h3{margin:0 0 12px;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px}
#대문-칸 .헤 .헤-about h3 img{height:16px}
#대문-칸 .헤 .헤-about p{margin:0 0 20px;font-size:13.5px;line-height:1.7;color:var(--보조)}
#대문-칸 .헤 .헤-about p b{color:var(--글);font-weight:600}
#대문-칸 .헤 .헤-로고줄 small{display:block;font-size:12px;color:var(--보조);margin-bottom:10px}
#대문-칸 .헤 .헤-로고줄 div{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
#대문-칸 .헤 .헤-로고줄 img{width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.75;mix-blend-mode:multiply}
#대문-칸 .헤 .헤-짧은선{width:96px;height:1px;background:var(--선);margin:0 34px}
#대문-칸 .헤 .헤-띠칸{display:grid;grid-template-columns:230px 1fr;gap:28px;padding:60px 0 72px 34px;align-items:start}
#대문-칸 .헤 .헤-띠칸 h2,#대문-칸 .헤 .헤-문답 h2{margin:0;font-size:30px;line-height:1.25;font-weight:300;letter-spacing:-.02em}
#대문-칸 .헤 .헤-띠칸 h2 em,#대문-칸 .헤 .헤-문답 h2 em,#대문-칸 .헤 .헤-밤띠 h2 em{color:var(--무)}
#대문-칸 .헤 .헤-밑선{width:72px;height:2px;background:var(--글);margin:12px 0 14px}
#대문-칸 .헤 .헤-띠칸 p{margin:0 0 24px;font-size:13px;line-height:1.65;color:var(--보조)}
#대문-칸 .헤 .헤-화살{display:flex;gap:10px}
#대문-칸 .헤 .헤-화살 button{width:38px;height:38px;border-radius:50%;border:1px solid var(--글);background:none;font-size:16px;cursor:pointer;color:var(--글)}
#대문-칸 .헤 .헤-띠{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:34px;scrollbar-width:none}
#대문-칸 .헤 .헤-띠::-webkit-scrollbar{display:none}
#대문-칸 .헤 .헤-성분판{flex:none;width:224px;border-radius:16px;overflow:hidden;scroll-snap-align:start;display:block;background:#fff}
#대문-칸 .헤 .헤-성분판 svg{display:block;width:100%;height:auto;aspect-ratio:4/3}
#대문-칸 .헤 .헤-성분판 .헤-이름{display:block;padding:12px 14px 14px;font-size:15px;font-weight:600;color:var(--글);background:var(--종이)}
#대문-칸 .헤 .헤-성분판 .헤-이름 small{display:block;font-size:12px;font-weight:400;color:var(--보조);margin-top:2px}
#대문-칸 .헤 .헤-밤띠{position:relative;border-radius:22px;overflow:hidden;background:radial-gradient(90% 120% at 80% 30%,#4A3540,#2A2125 70%);color:#fff;display:grid;grid-template-columns:300px 1fr;gap:64px;padding:22px 30px 22px 22px;min-height:360px}
#대문-칸 .헤 .헤-결과카드{background:#fff;color:var(--글);border-radius:16px;padding:20px;font-size:12.5px}
#대문-칸 .헤 .헤-결과머리{background:var(--종이);border-radius:12px;padding:14px 16px;margin-bottom:6px}
#대문-칸 .헤 .헤-결과머리 small{display:block;color:var(--보조)}
#대문-칸 .헤 .헤-결과머리 h4{margin:6px 0 0;font-size:17px;font-weight:600;line-height:1.3}
#대문-칸 .헤 .헤-결과머리 h4 em{color:#B5473A}
#대문-칸 .헤 .헤-결과줄{padding:14px 2px 0}
#대문-칸 .헤 .헤-결과줄 .헤-행{display:flex;justify-content:space-between;margin-bottom:7px}
#대문-칸 .헤 .헤-결과줄 .헤-행 b{color:#B5473A;font-weight:600}
#대문-칸 .헤 .헤-막{position:relative;display:block;height:6px;border-radius:3px;background:#EEE7E8}
#대문-칸 .헤 .헤-막 .헤-찬{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#C2675B}
#대문-칸 .헤 .헤-막 .헤-찬.헤-안{background:var(--무)}
#대문-칸 .헤 .헤-막 .헤-선{position:absolute;top:-3px;bottom:-3px;width:1px;background:var(--글)}
#대문-칸 .헤 .헤-담은{margin:18px 0 18px;border-top:1px solid #EEE7E8;padding-top:16px;display:grid;gap:10px}
#대문-칸 .헤 .헤-담은 a{display:flex;align-items:center;gap:10px;color:var(--보조);line-height:1.4}
#대문-칸 .헤 .헤-담은 img{flex:none;width:30px;height:30px;object-fit:contain;background:#F2EEEE;border-radius:6px}
#대문-칸 .헤 .헤-결과카드 .헤-단추{display:block;text-align:center;background:var(--밤);color:#fff;border-radius:10px;padding:12px;font-size:13px}
#대문-칸 .헤 .헤-밤글{display:flex;flex-direction:column;padding:28px 0 6px}
#대문-칸 .헤 .헤-밤글 h2{margin:0;font-size:34px;line-height:1.25;font-weight:300;letter-spacing:-.02em}
#대문-칸 .헤 .헤-밤글 h2 em{color:var(--무밝)}
#대문-칸 .헤 .헤-밤글 p{margin:14px 0 18px;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.78)}
#대문-칸 .헤 .헤-열기{display:inline-flex;align-items:center;gap:8px;background:var(--무);border-radius:999px;padding:10px 20px;font-size:13px;align-self:flex-start}
#대문-칸 .헤 .헤-밤글{position:relative}
#대문-칸 .헤 .헤-진열{position:absolute;right:0;top:22px;display:flex;gap:14px}
#대문-칸 .헤 .헤-진열 span{width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#F6EFF1,#E2D4D9);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#대문-칸 .헤 .헤-진열 span:nth-child(2){transform:translateY(34px)}
#대문-칸 .헤 .헤-진열 img{width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply}
#대문-칸 .헤 .헤-걸음판{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 22px}
#대문-칸 .헤 .헤-걸음판 div{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px 16px 18px;background:rgba(255,255,255,.04)}
#대문-칸 .헤 .헤-걸음판 b{display:block;font-size:22px;font-weight:300;color:var(--무밝);margin-bottom:10px}
#대문-칸 .헤 .헤-걸음판 strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
#대문-칸 .헤 .헤-걸음판 p{margin:0;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.7)}
#대문-칸 .헤 .헤-밤발{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:20px}
#대문-칸 .헤 .헤-빈단추{border:1px solid #fff;border-radius:999px;padding:11px 22px;font-size:13.5px;display:flex;gap:40px}
#대문-칸 .헤 .헤-문답{display:grid;grid-template-columns:300px 1fr;gap:80px;padding:84px 34px 72px}
#대문-칸 .헤 .헤-문답 .헤-작은판{margin-top:18px;width:200px;border-radius:12px;overflow:hidden;display:block}
#대문-칸 .헤 .헤-문답 .헤-작은판 svg{display:block;width:100%;height:auto}
#대문-칸 .헤 .헤-문답 .헤-작은말{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:var(--보조);max-width:200px}
#대문-칸 .헤 .헤-문{border-bottom:1px solid var(--선)}
#대문-칸 .헤 .헤-문 button{all:unset;cursor:pointer;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;width:100%;padding:14px 0;font-size:14px;font-weight:600}
#대문-칸 .헤 .헤-문 button span:first-child{color:var(--보조);font-weight:400;font-size:12px}
#대문-칸 .헤 .헤-문 .헤-더{width:22px;height:22px;border-radius:50%;border:1px solid var(--선);display:grid;place-items:center;color:var(--보조);transition:transform .2s}
#대문-칸 .헤 .헤-문 .헤-더 svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#대문-칸 .헤 .헤-문 .헤-답{display:none;grid-template-columns:34px 1fr 150px;gap:0 16px;padding:0 0 16px}
#대문-칸 .헤 .헤-문.헤-열림 .헤-답{display:grid}
#대문-칸 .헤 .헤-문.헤-열림 .헤-더{transform:rotate(180deg);color:var(--무딥);border-color:var(--무)}
#대문-칸 .헤 .헤-문 .헤-답 p{grid-column:2;margin:0;font-size:13px;line-height:1.7;color:var(--보조)}
#대문-칸 .헤 .헤-문 .헤-답 p a{display:inline-block;margin-top:6px;color:var(--무딥);text-decoration:underline;font-size:12px}
#대문-칸 .헤 .헤-문 .헤-답 .헤-판{grid-column:3;border-radius:10px;overflow:hidden;height:80px;background:var(--씻김)}
#대문-칸 .헤 .헤-문 .헤-답 .헤-판{display:flex;align-items:center;background:#2F2429}
#대문-칸 .헤 .헤-모음{background:var(--씻김);border-radius:22px;padding:36px 34px 38px}
#대문-칸 .헤 .헤-모음머리{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
#대문-칸 .헤 .헤-모음 h2{margin:0;font-size:26px;font-weight:300;display:flex;align-items:center;gap:8px}
#대문-칸 .헤 .헤-모음 h2 img{height:20px}
#대문-칸 .헤 .헤-모음 h2 small{font-size:13px;color:var(--보조);font-weight:400;margin-left:6px}
#대문-칸 .헤 .헤-모음 .헤-모두{font-size:13px;color:var(--무딥);white-space:nowrap}
#대문-칸 .헤 .헤-고민칩{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px}
#대문-칸 .헤 .헤-고민칩 small{font-size:12.5px;color:var(--보조);margin-right:4px}
#대문-칸 .헤 .헤-고민칩 a{font-size:13px;border:1px solid rgba(52,43,47,.35);border-radius:999px;padding:5px 12px;color:var(--글);background:rgba(255,255,255,.5)}
#대문-칸 .헤 .헤-글줄{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#대문-칸 .헤 .헤-글줄 a{display:block;background:var(--종이);border-radius:14px;overflow:hidden}
#대문-칸 .헤 .헤-글줄 svg{display:block;width:100%;height:auto;aspect-ratio:3/2}
#대문-칸 .헤 .헤-글줄 span{display:block;padding:12px 14px 16px;font-size:14px;font-weight:600;line-height:1.45;color:var(--글)}
#대문-칸 .헤 .헤-길칸{padding:64px 34px 0;text-align:center}
#대문-칸 .헤 .헤-길칸 h2{margin:0;font-size:32px;font-weight:300;letter-spacing:-.02em}
#대문-칸 .헤 .헤-길칸 h2 em{color:var(--무)}
#대문-칸 .헤 .헤-칸말{margin:12px 0 30px;font-size:14px;line-height:1.65;color:var(--보조)}
#대문-칸 .헤 .헤-칸말 b{color:var(--글)}
#대문-칸 .헤 .헤-길판{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}
#대문-칸 .헤 .헤-길판 > *{background:var(--종이);border-radius:16px;overflow:hidden;display:block}
#대문-칸 .헤 .헤-길판 svg{display:block;width:100%;height:auto;aspect-ratio:4/3}
#대문-칸 .헤 .헤-길판 .헤-글{display:block;padding:14px 16px 18px}
#대문-칸 .헤 .헤-길판 .헤-글 b{display:block;font-size:15px;font-weight:600;margin-bottom:8px}
#대문-칸 .헤 .헤-길판 .헤-글 strong{display:block;font-size:26px;font-weight:300;line-height:1.1}
#대문-칸 .헤 .헤-길판 .헤-글 small{display:block;font-size:12.5px;color:var(--보조);margin-top:4px}
#대문-칸 .헤 .헤-병띠{margin:40px 0 24px;border-radius:22px;background:linear-gradient(135deg,#EEF2F5 0%,#DCE4EB 100%);display:grid;grid-template-columns:1fr 260px;gap:32px;padding:32px}
#대문-칸 .헤 .헤-병글{padding:8px 0 0 8px;display:flex;flex-direction:column}
#대문-칸 .헤 .헤-병글 h2{margin:0;font-size:34px;line-height:1.25;font-weight:300;letter-spacing:-.02em}
#대문-칸 .헤 .헤-병글 h2 em{color:var(--무)}
#대문-칸 .헤 .헤-병글 > p{margin:14px 0 26px;font-size:15px;line-height:1.65;color:var(--보조)}
#대문-칸 .헤 .헤-두쪽{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:auto;align-items:stretch}
#대문-칸 .헤 .헤-쪽{background:#fff;border:1px solid var(--선);border-radius:14px;padding:16px 18px 6px}
#대문-칸 .헤 .헤-쪽.헤-더{background:#fff}
#대문-칸 .헤 .헤-쪽 h3{margin:0 0 4px;font-size:15px;font-weight:600}
#대문-칸 .헤 .헤-쪽.헤-더 h3{color:var(--무딥)}
#대문-칸 .헤 .헤-쪽 dl{margin:0}
#대문-칸 .헤 .헤-쪽 dl div{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(52,43,47,.08)}
#대문-칸 .헤 .헤-쪽 dl div:first-child{border-top:0}
#대문-칸 .헤 .헤-쪽 dt{font-size:12px;color:var(--보조)}
#대문-칸 .헤 .헤-쪽 dd{margin:0;font-size:14.5px;line-height:1.4;font-weight:500}
#대문-칸 .헤 .헤-쪽 dd small{font-size:12px;color:var(--보조);font-weight:400;margin-left:4px}
#대문-칸 .헤 .헤-확인딱{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:#E4EEDF;color:#3F6234;white-space:nowrap}
#대문-칸 .헤 .헤-확인딱.헤-중{background:#ECE8E9;color:var(--보조)}
#대문-칸 .헤 .헤-병카드{background:#fff;border-radius:14px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--선)}
#대문-칸 .헤 .헤-병카드 .헤-판{overflow:hidden;background:#F1ECEC;border-radius:10px;height:190px;display:grid;place-items:center}
#대문-칸 .헤 .헤-병카드 .헤-판 img{max-height:165px;max-width:80%;object-fit:contain;mix-blend-mode:multiply}
#대문-칸 .헤 .헤-병카드 small{font-size:12px;color:var(--보조);margin-top:14px}
#대문-칸 .헤 .헤-병카드 b{font-size:15.5px;line-height:1.4;margin-top:3px}
#대문-칸 .헤 .헤-병카드 .헤-점줄{display:flex;gap:4px;margin:14px 0 4px}
#대문-칸 .헤 .헤-병카드 .헤-점줄 i{flex:1;height:6px;border-radius:3px;background:#E6DEE1}
#대문-칸 .헤 .헤-병카드 .헤-점줄 i.헤-켬{background:var(--무)}
#대문-칸 .헤 .헤-병카드 .헤-점말{font-size:12px;color:var(--보조);margin-bottom:16px}
#대문-칸 .헤 .헤-병카드 .헤-단추{margin-top:auto;display:block;text-align:center;background:none;color:var(--글);border:1px solid var(--글);border-radius:10px;padding:11px;font-size:13px}
#대문-칸 .헤 .헤-병띠{background:radial-gradient(90% 120% at 20% 30%,#4A3540,#2A2125 70%);color:#fff}
#대문-칸 .헤 .헤-병글 h2 em{color:var(--무밝)}
#대문-칸 .헤 .헤-병글 > p{color:rgba(255,255,255,.78)}
#대문-칸 .헤 .헤-병카드,#대문-칸 .헤 .헤-쪽{border-color:transparent}
#대문-칸 .헤 .헤-쪽,#대문-칸 .헤 .헤-병카드{color:var(--글)}
#대문-칸 .헤 .헤-밤띠{background:linear-gradient(135deg,#EEF2F5 0%,#DCE4EB 100%);color:var(--글)}
#대문-칸 .헤 .헤-밤글 h2 em{color:var(--무)}
#대문-칸 .헤 .헤-밤글 p{color:var(--보조)}
#대문-칸 .헤 .헤-열기{color:#fff}
#대문-칸 .헤 .헤-진열 span{box-shadow:0 8px 20px rgba(46,74,98,.15)}
#대문-칸 .헤 .헤-걸음판 div{border-color:rgba(52,43,47,.12);background:rgba(255,255,255,.6)}
#대문-칸 .헤 .헤-걸음판 b{color:var(--무)}
#대문-칸 .헤 .헤-걸음판 p{color:var(--보조)}
#대문-칸 .헤 .헤-빈단추{border-color:var(--글);color:var(--글)}
#대문-칸 .헤 .헤-결과카드{box-shadow:0 0 0 1px rgba(52,43,47,.08)}

@media (min-width:901px) and (max-width:1260px){
  #대문-칸 .헤 .헤-진열{position:static;margin:0 0 18px;gap:10px}
  #대문-칸 .헤 .헤-진열 span{width:72px;height:72px}
  #대문-칸 .헤 .헤-진열 span:nth-child(2){transform:none}
  #대문-칸 .헤 .헤-밤글{padding-top:10px}
}
@media (max-width:900px){
  #대문-칸 .헤 .헤-길칸{padding:56px 0 24px}
  #대문-칸 .헤 .헤-길판{grid-template-columns:1fr 1fr;gap:10px}
  #대문-칸 .헤 .헤-길판 .헤-글 strong{font-size:22px}
  #대문-칸 .헤 .헤-병띠{grid-template-columns:1fr;gap:18px;padding:22px 16px}
  #대문-칸 .헤 .헤-병글{padding:4px 4px 0}
  #대문-칸 .헤 .헤-병글 h2{font-size:28px}
  #대문-칸 .헤 .헤-두쪽{grid-template-columns:1fr}
  #대문-칸 .헤 .헤-쪽{padding:18px 18px 8px}
  #대문-칸 .헤 .헤-쪽 dl div{grid-template-columns:56px 1fr auto}
  #대문-칸 .헤 .헤-쪽 dd small{display:block;margin:2px 0 0}
  #대문-칸 .헤 .헤-병카드{order:-1}
  #대문-칸 .헤 .헤-히어로{padding:20px 22px 30px;min-height:auto}
  #대문-칸 .헤 .헤-히어로 .헤-지도{position:relative;inset:auto;margin:22px -20px 0;height:200px;order:2}
  #대문-칸 .헤 .헤-히어로몸{flex-direction:column;align-items:stretch;margin-top:28px}
  #대문-칸 .헤 .헤-히어로 h1{font-size:42px}
  #대문-칸 .헤 .헤-캡슐{width:100%}
  #대문-칸 .헤 .헤-고리{display:none}
  #대문-칸 .헤 .헤-지도말{position:static;margin-top:8px;text-align:right}
  #대문-칸 .헤 .헤-소개{grid-template-columns:1fr 1fr 1fr;padding:22px 0;gap:10px}
  #대문-칸 .헤 .헤-번카드{height:150px}
  #대문-칸 .헤 .헤-about{grid-column:1/-1;padding:10px 0 0}
  #대문-칸 .헤 .헤-짧은선{margin:0}
  #대문-칸 .헤 .헤-띠칸{grid-template-columns:1fr;padding:30px 0}
  #대문-칸 .헤 .헤-띠{padding-right:0}
  #대문-칸 .헤 .헤-밤띠{grid-template-columns:1fr;gap:20px;padding:18px}
  #대문-칸 .헤 .헤-밤글{order:-1;padding:6px 4px 0}
  #대문-칸 .헤 .헤-밤글 h2{font-size:28px}
  #대문-칸 .헤 .헤-진열{position:static;order:5;margin:18px 0 26px;justify-content:center}
  #대문-칸 .헤 .헤-진열 span{width:84px;height:84px}
  #대문-칸 .헤 .헤-진열 span:nth-child(2){transform:translateY(14px)}
  #대문-칸 .헤 .헤-밤발{order:6}
  #대문-칸 .헤 .헤-걸음판{order:5;grid-template-columns:1fr;margin:20px 0 6px}
  #대문-칸 .헤 .헤-걸음판 div{display:grid;grid-template-columns:36px 1fr;padding:12px 14px}
  #대문-칸 .헤 .헤-걸음판 b{grid-row:1/3;margin:0;font-size:20px}
  #대문-칸 .헤 .헤-걸음판 strong{margin-bottom:2px}
  #대문-칸 .헤 .헤-진열{order:4}
  #대문-칸 .헤 .헤-밤발{flex-direction:column;align-items:flex-start;margin-top:18px}
  #대문-칸 .헤 .헤-문답{grid-template-columns:1fr;gap:20px;padding:40px 0}
  #대문-칸 .헤 .헤-문답 .헤-작은판,#대문-칸 .헤 .헤-문답 .헤-작은말{display:none}
  #대문-칸 .헤 .헤-문 .헤-답{grid-template-columns:34px 1fr}
  #대문-칸 .헤 .헤-문 .헤-답 .헤-판{display:none}
  #대문-칸 .헤 .헤-모음{padding:24px 16px}
  #대문-칸 .헤 .헤-모음머리{flex-direction:column;align-items:flex-start;gap:6px}
  #대문-칸 .헤 .헤-글줄{grid-template-columns:1fr 1fr;gap:10px}
  #대문-칸 .헤 .헤-글줄 span{font-size:13px;padding:10px 12px 12px}
}
@media (max-width:560px){
  #대문-칸 .헤 .헤-소개{grid-template-columns:1fr}
  #대문-칸 .헤 .헤-번카드{height:130px}
}

@media (max-width:560px){
  #대문-칸 .헤{padding:10px 16px 40px}
}


#대문-칸 .헤 .헤-히어로 h1 .헤-윗줄{display:block;font-size:.45em;line-height:1.3;letter-spacing:-.02em;margin-bottom:6px}
#대문-칸 .헤 .헤-히어로 h1 .헤-큰줄{display:block;font-size:.9em}
#대문-칸 .헤 .헤-히어로 h1 em{display:block;font-weight:700}
body:has(#대문-칸:not(.hidden)) .sitefoot{margin-top:48px;clip-path:inset(-48px -100vmax -100vmax -100vmax)}
@media (max-width:560px){
  body:has(#대문-칸:not(.hidden)) .sitefoot{margin-top:32px;clip-path:inset(-32px -100vmax -100vmax -100vmax)}
}
@media (min-width:901px){
  #대문-칸 .헤{padding-top:0}
  #대문-칸 .헤 .헤-히어로{margin-inline:calc(50% - 50vw);border-radius:0;padding-inline:calc(50vw - 50% + 40px);min-height:640px;padding-bottom:60px}
  #대문-칸 .헤 .헤-히어로글{max-width:620px}
  #대문-칸 .헤 .헤-히어로 h1{font-size:62px;line-height:1.16}
  #대문-칸 .헤 .헤-히어로 p.헤-한줄{max-width:470px;font-size:16px;margin:24px 0 28px}
  #대문-칸 .헤 .헤-히어로 .헤-딱{margin-bottom:18px}
  #대문-칸 .헤 .헤-히어로 .헤-캡슐{width:420px;max-width:100%;height:48px}
  #대문-칸 .헤 .헤-고리{margin-right:max(-140px,calc((100% + 80px - 100vw)/2 - 38px));margin-bottom:20px;transform:scale(.86);transform-origin:center}
  #대문-칸 .헤 .헤-히어로 .헤-지도{inset:28px calc(50% - 575px) 8px calc(50% - 575px)}
  #대문-칸 .헤 .헤-소개{padding-top:72px;padding-bottom:60px}
  #대문-칸 .헤 .헤-길칸{padding-top:60px}
  
  #대문-칸 .헤 .헤-병띠{margin-top:104px;margin-bottom:0}
  #대문-칸 .헤 .헤-띠칸{padding-top:136px;padding-bottom:136px}   
  #대문-칸 .헤 .헤-문답{padding-top:136px;padding-bottom:136px}   
  
  #대문-칸 .헤 .헤-밤글{padding:44px 0 0}
  #대문-칸 .헤 .헤-걸음판{margin:auto 0 0}
  #대문-칸 .헤 .헤-걸음판 > div{min-height:164px;padding-top:22px}
}
@media (min-width:1261px){
  
  #대문-칸 .헤 .헤-진열{top:34px;gap:14px}
  #대문-칸 .헤 .헤-진열 span{width:138px;height:138px}
  #대문-칸 .헤 .헤-진열 span:nth-child(2){transform:translateY(40px)}
}


.위로단추{position:fixed;right:24px;bottom:calc(24px + var(--띠,0px));z-index:50;width:46px;height:46px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 6px 18px rgba(76,52,61,.14);cursor:pointer;transition:background .15s,color .15s}
.위로단추[hidden]{display:none}
.위로단추:hover{background:var(--fig-deep);border-color:var(--fig-deep);color:#fff}
@media (max-width:560px){.위로단추{right:16px;bottom:calc(16px + var(--띠,0px));width:42px;height:42px}}