/* [ONSALE] 스킨 : 허브 아틀리에 - 코스메틱 편집형
 *   레이아웃 : 고객 링크 · 가운데 명조 로고 · 텍스트 링크 / 가운데 메뉴 + 검색 / 크림 배경 / 설명·버튼 카드 / 혜택 아이콘이 있는 다크 푸터 */
:root{
  --os-primary:#333333;
  --os-primary-dark:#252525;
  --os-primary-weak:#f6f5e8;
  --os-primary-line:#e3dfcc;
  --os-accent:#a8592b;
  --os-page:#fffef2;
  --os-head-bg:#fffef2;
  --os-head-fg:#333333;
  --os-nav-bg:#fffef2;
  --os-nav-fg:#333333;
  --os-top-bg:#333333;
  --os-top-fg:#fffef2;
  --os-card-bg:#fffef2;
  --os-radius:0px;
  --os-radius-sm:0px;
  --os-hero-bg:#ebe7d9;
  --os-ink:#252525;
  --os-text:#3a3a36;
  --os-muted:#6f6d62;
  --os-line:#e3dfcc;
  --os-soft:#f6f5e8;
  --os-ft-bg:#333333;
  --os-ft-fg:#c9c7b8;
  --os-ft-strong:#fffef2;
  --os-ft-line:#4a4a46;
}
.os-skin-herb .os-gnb{border-bottom:1px solid var(--os-line)}
.os-skin-herb .os-cate-panel{background:#fffef2}
.os-skin-herb .os-search-drop .os-search input{background:transparent}
/* 상단 혜택 띠는 숨기고 푸터 상단 아이콘 줄로 */
.os-skin-herb .os-benefits,.os-skin-herb .os-circles{display:none}
.os-skin-herb .os-ft-benefits{display:flex;justify-content:space-between;max-width:var(--os-max);margin:0 auto;padding:22px 20px;box-sizing:border-box;list-style:none;border-bottom:1px solid var(--os-ft-line)}
.os-skin-herb .os-ft-benefits li{display:flex;align-items:center;gap:10px;color:var(--os-ft-strong);font-size:13.5px}
.os-skin-herb .os-ft-benefits svg{width:20px;height:20px}
/* 섹션 머리 : 명조, 가는 글씨 */
.os-skin-herb .os-sec{margin-top:96px}
.os-skin-herb .os-sec-hd{margin-bottom:34px}
.os-skin-herb .os-eyebrow{display:none}
.os-skin-herb .os-sec-hd h2{font-family:var(--os-serif);font-size:30px;font-weight:400;letter-spacing:-.02em}
.os-skin-herb .os-sec-hd p{font-size:13.5px}
.os-skin-herb .os-sec-hd .more{border:0;border-bottom:1px solid var(--os-ink);border-radius:0;padding:2px 0;background:transparent}
.os-skin-herb .os-sec-hd .more svg{display:none}
.os-skin-herb .os-tabs button{border-radius:0;background:transparent;border-color:var(--os-line)}
.os-skin-herb .os-tabs button.is-on{background:#333;border-color:#333}
.os-skin-herb .os-hero-default h2{font-family:var(--os-serif);font-weight:400}
.os-skin-herb .os-service-intro{background:#333}
.os-skin-herb .os-service-intro h2{font-family:var(--os-serif);font-weight:400}
.os-skin-herb .os-box{background:transparent;border-width:1px 0 0;border-color:#333;padding-left:0;padding-right:0}
.os-skin-herb .os-box h3{font-family:var(--os-serif);font-weight:400;font-size:18px}
.os-skin-herb .os-box h3 svg{display:none}
.os-skin-herb .os-slider-btn{border:0;background:transparent;box-shadow:none}
.os-skin-herb .os-slider-btn svg{width:30px;height:30px;stroke-width:1.2}
.os-skin-herb .os-slider-btn:hover{background:transparent;color:var(--os-ink)}
.os-skin-herb .os-top-btn{border-radius:0;background:#333;color:#fffef2;border-color:#333}
.os-skin-herb .os-hero-nav{border-radius:0;background:rgba(51,51,51,.75)}
.os-skin-herb .os-ft-links{border-color:var(--os-ft-line)}