.brb-csb-family{--cf-green:#0b3328;--cf-cream:#f5f1ea;--cf-ink:#303432;--cf-muted:#595f59;--cf-line:#d9d9cd;--cf-gold:#816945;color:var(--cf-ink);background:var(--cf-cream);font:400 16px/1.85 'Pretendard Variable',Pretendard,sans-serif;word-break:keep-all;overflow-wrap:break-word;min-width:0}
.brb-csb-family *{box-sizing:border-box}
.brb-csb-family .cf-device{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;margin-top:44px;border-top:1px solid var(--cf-line);padding-top:32px}
.brb-csb-family .cf-device img{display:block;width:100%;height:auto;object-fit:contain}
.brb-csb-family .cf-device figcaption{display:grid;gap:20px}
.brb-csb-family .cf-device strong{font:500 clamp(23px,2.2vw,32px)/1.6 'Noto Serif KR',serif;color:var(--cf-green)}
@media(max-width:600px){.brb-csb-family .cf-device{grid-template-columns:1fr;gap:24px}.brb-csb-family .cf-device img{max-width:440px;margin-inline:auto}}
.brb-csb-family :is(h1,h2,h3,p,figure,blockquote,ul,ol,dl){margin:0}
.brb-csb-family :is(h1,h2,h3){font-family:'Noto Serif KR',serif;color:var(--cf-green);font-weight:500;letter-spacing:-.045em;text-wrap:balance}
.brb-csb-family h1{font-size:clamp(33px,4.2vw,62px);line-height:1.35}
.brb-csb-family h2{font-size:clamp(26px,2.5vw,38px);line-height:1.5;margin-bottom:24px}
.brb-csb-family h3{font-size:20px;line-height:1.6;margin-bottom:12px}
.brb-csb-family :is(p,li,td,dd){line-height:1.9}
.brb-csb-family p+p{margin-top:16px}
.brb-csb-family a{color:var(--cf-green);text-underline-offset:5px;text-decoration-thickness:1px}
.brb-csb-family a:hover{text-decoration-thickness:2px}
.brb-csb-family :is(a,summary,[tabindex]):focus-visible{outline:2px solid var(--cf-green);outline-offset:4px}
.brb-csb-family .cf-wrap{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}
.brb-csb-family .cf-eyebrow{font:500 12px/1.7 'Pretendard Variable',Pretendard,sans-serif;letter-spacing:.1em;color:var(--cf-gold);margin-bottom:20px}
.brb-csb-family .cf-hero{padding:52px 0 46px;border-bottom:1px solid var(--cf-line)}
.brb-csb-family .cf-hero-grid{display:grid;gap:32px}
.brb-csb-family .cf-deck{font:400 clamp(23px,2.4vw,35px)/1.65 'Noto Serif KR',serif;letter-spacing:-.04em;color:var(--cf-green);margin-top:25px}
.brb-csb-family .cf-hero-lead{max-width:39em;margin-top:24px;color:var(--cf-muted)}
.brb-csb-family .cf-decision{border-top:2px solid #a88959;padding-top:22px;align-self:end}
.brb-csb-family .cf-decision h2{font-size:22px;margin-bottom:18px}
.brb-csb-family .cf-ingredient{font-size:13px;color:var(--cf-gold);margin-top:25px;border-top:1px solid var(--cf-line);padding-top:14px}
.brb-csb-family .cf-mode-volume .cf-hero{background:var(--cf-green);color:var(--cf-cream)}
.brb-csb-family .cf-mode-volume .cf-hero :is(h1,h2,.cf-deck){color:var(--cf-cream)}
.brb-csb-family .cf-mode-volume .cf-hero :is(.cf-eyebrow,.cf-ingredient){color:#d4bd99}
.brb-csb-family .cf-mode-volume .cf-hero-lead{color:#e0e5da}
.brb-csb-family .cf-mode-matrix .cf-decision{border-top:0;border-left:2px solid #a88959;padding:0 0 0 24px}
.brb-csb-family .cf-contents{padding:20px 0;background:#fbf9f5;border-bottom:1px solid var(--cf-line)}
.brb-csb-family .cf-contents .cf-wrap{display:flex;flex-wrap:wrap;gap:4px 24px}
.brb-csb-family .cf-contents a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}
.brb-csb-family .cf-contents a::after{content:'↓';margin-left:8px;color:var(--cf-gold)}
.brb-csb-family .cf-chapter{padding:52px 0;scroll-margin-top:32px}
.brb-csb-family .cf-chapter+.cf-chapter{border-top:1px solid var(--cf-line)}
.brb-csb-family .cf-chapter>div{max-width:1000px}
.brb-csb-family .cf-chapter :is(.section-head,.dp-section-heading){max-width:760px;margin-bottom:32px}
.brb-csb-family .cf-chapter :is(.eyebrow,.dp-eyebrow){display:block;color:var(--cf-gold);font-size:12px;letter-spacing:.09em;margin-bottom:14px}
.brb-csb-family .cf-chapter :is(.section-head,.dp-section-heading)>p{color:var(--cf-muted)}
.brb-csb-family .cf-chapter :is(.cards-4,.cards-3,.summary-grid,.dp-summary,.grid-4,.grid-3,.care-grid,.dp-care-grid,.design-grid,.use-grid,.area-grid){display:grid;gap:0}
.brb-csb-family .cf-chapter :is(.card,.summary-card,.dp-summary__item,.care-item,.design-item,.use-item,.area-item){padding:24px 0;border-top:1px solid var(--cf-line);border-radius:0;background:transparent}
.brb-csb-family .cf-chapter :is(.card,.dp-summary__item)>:is(b,span):first-child{display:block;color:var(--cf-gold);font-size:13px;margin-bottom:12px}
.brb-csb-family .cf-chapter :is(.fit-grid,.compare-grid,.dp-fit-grid,.dp-columns){display:grid;gap:28px}
.brb-csb-family .cf-chapter :is(.fit-box,.fit-good,.fit-check,.compare-box,.dp-panel){padding:24px 0;border-top:1px solid var(--cf-line)}
.brb-csb-family .cf-chapter ul{padding-left:21px}
.brb-csb-family .cf-chapter li+li{margin-top:12px}
.brb-csb-family .cf-chapter :is(.advice,.dp-doctor-note,.note-box,.highlight-box,.text-box){margin-top:28px;max-width:850px}
.brb-csb-family .cf-chapter :is(.advice,.dp-doctor-note,.note-box,.highlight-box){border-left:2px solid #a88959;padding:5px 0 5px 22px}
.brb-csb-family .cf-chapter :is(.advice,.dp-doctor-note)>b{display:block;font-size:14px;color:var(--cf-green);margin-bottom:12px}
.brb-csb-family .cf-chapter :is(.text-box,.body-text)>p{max-width:48em}
.brb-csb-family .cf-chapter table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.brb-csb-family .cf-chapter :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--cf-line);padding:16px 10px;overflow-wrap:anywhere}
.brb-csb-family .cf-chapter th{font-weight:600;color:var(--cf-green);background:#e9eade}
.brb-csb-family .cf-chapter caption{text-align:left;font-weight:600;margin-bottom:16px}
.brb-csb-family .cf-table-scroll{overflow-x:auto;margin-block:28px;padding:4px 0 10px}
.brb-csb-family .cf-table-scroll table{min-width:620px}
.brb-csb-family .cf-chapter :is(.timeline,.dp-timeline){display:grid;gap:0;list-style:none;padding-left:0}
.brb-csb-family .cf-chapter :is(.step,.timeline-item,.dp-timeline__item){padding:24px 0;border-top:1px solid var(--cf-line)}
.brb-csb-family .cf-chapter :is(.step,.timeline-item,.dp-timeline__item)>:is(b,strong){display:block;color:var(--cf-green);margin-bottom:12px}
.brb-csb-family .cf-chapter details{padding:22px 0;border-top:1px solid var(--cf-line)}
.brb-csb-family .cf-chapter summary{cursor:pointer;min-height:44px;font-weight:600;color:var(--cf-green);line-height:1.75;padding:6px 2px}
.brb-csb-family .cf-chapter details>div,.brb-csb-family .cf-chapter details>p{padding-top:16px;color:var(--cf-muted)}
.brb-csb-family .cf-price{background:#e9ecdf}
.brb-csb-family .cf-price :is(.price-compose,.price-note,.dp-price-note){font-size:14px;max-width:780px;margin-block:18px}
.brb-csb-family .cf-price :is(.price-list,.dp-price-list){margin-top:30px}
.brb-csb-family .cf-price :is(.pr-group,.dp-price-group){display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:28px 0 12px}
.brb-csb-family .cf-price .pr-vol{font-weight:600;color:var(--cf-green);font-size:20px}
.brb-csb-family .cf-price :is(.pr-desc,.mn){font-size:13px;color:var(--cf-muted)}
.brb-csb-family .cf-price :is(.pr-line,.dp-price-row){display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;border-top:1px solid #c8cebf;padding:18px 0;font-variant-numeric:tabular-nums}
.brb-csb-family .cf-price .n{min-width:80px;font-weight:600}
.brb-csb-family .cf-price :is(.ev-wrap,.nm-wrap){display:inline-flex;gap:10px;align-items:baseline}
.brb-csb-family .cf-price :is(.ev-lb,.nm-lb){font-size:12px}
.brb-csb-family .cf-price .ev{font-size:24px;font-weight:600;color:var(--cf-green)}
.brb-csb-family .cf-price .nm{font-size:16px;color:var(--cf-muted)}
.brb-csb-family .cf-price .u{font-size:14px;margin-left:3px}
.brb-csb-family .cf-price .nm-wrap{text-decoration:none}
.brb-csb-family .cf-chapter .cf-video-link{display:inline-flex;align-items:center;min-height:48px;border-bottom:1px solid var(--cf-green);margin-top:20px}
.brb-csb-family .cf-chapter :is(.blog-card,.media-card,.dp-media-link){display:block;min-height:44px;padding:20px 0;border-top:1px solid var(--cf-line);border-radius:0}
.brb-csb-family .cf-chapter :is(a.btn,a.button,a.dp-button){display:inline-flex;align-items:center;min-height:44px;border-radius:0;background:none;border-bottom:1px solid var(--cf-green);padding:10px 0}
.brb-csb-family .cf-related{padding:40px 0;border-top:1px solid var(--cf-line)}
.brb-csb-family .cf-related a{display:block;min-height:44px;padding:10px 0}
.brb-csb-family .cf-colophon{padding:28px 0 50px;border-top:1px solid var(--cf-line);font-size:13px;color:var(--cf-muted)}
.brb-csb-family .cf-colophon p+p{margin-top:7px}
.brb-csb-family .cf-chapter img{max-width:100%;height:auto}
.brb-csb-family .cf-note{color:var(--cf-muted);font-size:14px;margin-top:25px;max-width:780px}
@media(min-width:834px){
 .brb-csb-family .cf-wrap{width:calc(100% - 96px)}
 .brb-csb-family .cf-hero{padding:80px 0 70px}
 .brb-csb-family .cf-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);gap:60px}
 .brb-csb-family .cf-chapter{padding:76px 0}
 .brb-csb-family .cf-chapter :is(.cards-4,.cards-3,.summary-grid,.dp-summary,.grid-4,.grid-3,.care-grid,.dp-care-grid,.design-grid,.use-grid,.area-grid){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px}
 .brb-csb-family .cf-chapter :is(.fit-grid,.compare-grid,.dp-fit-grid,.dp-columns){grid-template-columns:repeat(2,minmax(0,1fr));gap:46px}
 .brb-csb-family .cf-mode-volume .cf-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr)}
 .brb-csb-family .cf-mode-recovery .cf-decision{background:#e9ecdf;padding:26px;border:0}
 .brb-csb-family .cf-mode-combination .cf-ingredient{font-size:17px;letter-spacing:.03em}
 .brb-csb-family .cf-mode-matrix .cf-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .brb-csb-family .cf-mode-texture #principle .cf-wrap{max-width:860px}
}
@media(prefers-reduced-motion:reduce){.brb-csb-family *{scroll-behavior:auto}}

.brb-csb-family .source-links{display:grid;gap:12px;margin-top:24px}.brb-csb-family .source-links a{display:block;min-height:44px;padding:14px 18px;border:1px solid #d7d2c8;border-radius:4px;text-underline-offset:4px}