html{ font-size: 16px; }
body{ font-size: 16px; line-height: normal; } h1,h2,h3,h4,h5,h6{ line-height: inherit; } figure{ margin: 0; }
figcaption{ margin: 0; text-align: inherit; color: inherit; font-size: inherit; }  .brxe-shortcode, .exs-shortcode{ display: contents; } .brxe-div, .exs-div, .brxe-text-basic, .exs-text-basic{ max-width: none; } .brxe-image, .exs-image{ display: revert; margin: revert; } html{scroll-behavior:smooth}
body{margin:0;background:#F7F5F0;color:#211F1B;font-family:"Nanum Gothic","Apple SD Gothic Neo",-apple-system,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;line-height:1.7}
a{color:#5F5C43;text-decoration:none}a:hover{color:#211F1B}
*{box-sizing:border-box}
button{font:inherit;color:inherit}
@keyframes sb-in{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}
@keyframes sb-photo{0%{opacity:0;clip-path:inset(0 0 0 100% round 6px)}100%{opacity:1;clip-path:inset(0 0 0 0 round 6px)}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} .dch1:hover{color:#5F5C43 !important;}
.dch2:hover{background:#211F1B !important;color:#F7F5F0 !important;}
.dch3:hover{background:#211F1B !important;color:#F7F5F0 !important;}
@media (prefers-reduced-motion: no-preference){.dch3:hover{transform:translateY(-1px) !important;}}
.dch4:hover{border-color:#5F5C43 !important;color:#5F5C43 !important;}
.dch5:hover{background:#5F5C43 !important;color:#F7F5F0 !important;}
.dch6:hover{background:#F7F5F0 !important;}
.dch7:hover{box-shadow:0 18px 40px rgba(95,92,67,0.18) !important;}
@media (prefers-reduced-motion: no-preference){.dch8:hover{transform:scale(1.04) !important;}}
.dch9:hover{border-color:#5F5C43 !important;}
@media (prefers-reduced-motion: no-preference){.dch9:hover{transform:scale(1.08) !important;}}
.dch10:hover{color:#211F1B !important;}
@media (prefers-reduced-motion: no-preference){.dch11:hover{transform:scale(1.03) !important;}}  #sb-lb[hidden]{ display: none !important; } [data-sb-hide="1"]{ display: none !important; } @media (min-width: 768px) {
[data-sticky-side="1"]{ position: sticky !important; top: 86px !important; }
}  @media (min-width: 1024px) {
:has(> figure[data-sb-cat]):not(:has(> figure[data-sb-hide="1"])) > figure[data-sb-cat]:first-of-type{ grid-column: span 2; grid-row: span 2; }
:has(> figure[data-sb-cat]):not(:has(> figure[data-sb-hide="1"])) > figure[data-sb-cat]:first-of-type > button{ aspect-ratio: auto !important; flex: 1 1 auto !important; min-height: 0 !important; } :has(> figure[data-sb-cat]):not(:has(> figure[data-sb-hide="1"])) > figure[data-sb-cat]:first-of-type > button > img{ position: absolute; inset: 0; }
} #sb-lb [data-sb-lb="stop"]{ max-height: calc(100dvh - 24px); overflow-y: auto !important; overscroll-behavior: contain; } @media (prefers-reduced-motion: reduce) { html{ scroll-behavior: auto !important; } }  #sb-top button:focus-visible,[data-sb-tab]:focus-visible,[data-sb-filter]:focus-visible,
#sb-style figure button:focus-visible,#sb-designer button:focus-visible,
[data-sb-demo]:focus-visible,#sb-lb button:focus-visible{
outline: 2px solid #211F1B !important; outline-offset: 3px !important;
box-shadow: 0 0 0 3px #F7F5F0 !important; } html{ scroll-padding-bottom: 84px; } @media (min-width: 1024px) { div:has(> [data-sb-demo="close"]){ top: 76px !important; bottom: auto !important; } }
@media (max-width: 1023px) { div:has(> [data-sb-demo="close"]){ bottom: 68px !important; } } #sb-top p > span{ white-space: nowrap; }
@media (max-width: 479px) {
#sb-top p > span:nth-child(4){ display: none !important; }
#sb-top p > span:nth-child(5){ flex-basis: 100%; }
} @media (max-width: 600px) { header nav > *:not(.eco-keep):not(.eco-burger) { display: none !important; }
.eco-burger {
all: unset; box-sizing: border-box; cursor: pointer;
width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
border: 1px solid currentColor; border-radius: 10px;
}
.eco-burger:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.eco-burger span { position: relative; display: block; width: 18px; height: 2px;
background: currentColor; transition: background 200ms ease-out; }
.eco-burger span::before, .eco-burger span::after {
content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: currentColor;
transition: transform 200ms ease-out, top 200ms ease-out; }
.eco-burger span::before { top: -6px; }
.eco-burger span::after  { top: 6px; }
.eco-burger[aria-expanded="true"] span { background: transparent; }
.eco-burger[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
.eco-burger[aria-expanded="true"] span::after  { top: 0; transform: rotate(-45deg); }
header nav > .eco-keep { display: inline-flex !important; align-items: center; }
header nav .eco-cta { min-height: 44px; display: inline-flex; align-items: center; }
.eco-menu[hidden] { display: none !important; }
.eco-menu {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
padding: 8px clamp(20px, 4vw, 40px) 32px;
display: flex; flex-direction: column; overflow-y: auto;
}
.eco-menu a {
display: flex; align-items: center; min-height: 56px;
font-size: 17px; text-decoration: none;
}
.eco-menu a:last-child { border-bottom: 0 !important; }
body.eco-menu-open { overflow: hidden; } .eco-demobar .eco-democlose { position: relative; }
.eco-demobar .eco-democlose::after {
content: ""; position: absolute; left: 50%; top: 50%;
width: 44px; height: 44px; transform: translate(-50%, -50%);
} .eco-demobar { flex-wrap: nowrap !important; font-size: 12px !important;
padding: 8px 10px 8px 12px !important; gap: 8px !important; }
.eco-demobar .eco-demotext { white-space: nowrap; }
} @media not all and (max-width: 600px) {
.eco-burger, .eco-menu { display: none !important; }
}