/* =====================================================================
 * 온세일넷 분양몰 테마 (theme/onsale)  v1.3
 * 레퍼런스 : 유아이볼(uibowl.io) 커머스 PC 메인 - 쿠팡 · 무신사 · 아이디어스 · 마켓컬리
 *   유틸바 → 로고 + 검색 → 고정 메뉴바(전체 카테고리 메가메뉴) → 히어로 + 회원혜택 → 쇼핑혜택 → 카테고리
 *   → Best 랭킹(분류 탭) → New → 서비스 상담 → MD PICK 슬라이드 → 공지/FAQ/고객센터 → 정보형 푸터
 *
 * 스킨 = skins/{id}/skin.json 의 layout(헤더·메뉴·카드·히어로·모서리) + skin.css(색상 변수, 스킨 전용 규칙)
 *   body 클래스 : os-hd-{standard|centered|dark} os-nav-{line|pill|dark} os-card-{flat|soft|square|shadow|border}
 *                 os-hero-{split|wide} os-corner-{soft|round|square|pill}
 * ===================================================================== */
@font-face{
  font-family:"Pretendard Variable";
  font-weight:45 920;
  font-style:normal;
  font-display:swap;
  src:url("../fonts/PretendardVariable.woff2") format("woff2-variations");
}
:root{
  --os-primary:#2563eb;
  --os-primary-dark:#1d4ed8;
  --os-primary-weak:#eef4ff;
  --os-primary-line:#cfdcfb;
  --os-accent:#e8344e;
  --os-page:#ffffff;
  --os-head-bg:#ffffff;
  --os-head-fg:#111827;
  --os-nav-bg:#ffffff;
  --os-nav-fg:#111827;
  --os-top-bg:#f5f6f8;
  --os-top-fg:#4b5563;
  --os-card-bg:#ffffff;
  --os-hero-bg:#eef4ff;
  --os-ft-bg:#f6f7f9;
  --os-ft-fg:#6b7280;
  --os-ft-strong:#1f2329;
  --os-ft-line:#e5e7eb;
  --os-ink:#16181d;
  --os-text:#363b44;
  --os-muted:#7d838d;
  --os-line:#e8eaee;
  --os-soft:#f4f5f7;
  --os-bg:#ffffff;
  --os-sale:var(--os-accent);
  --os-radius:10px;
  --os-radius-sm:6px;
  --os-ctl-radius:var(--os-radius-sm);
  --os-shadow:0 10px 30px rgba(17,24,39,.08);
  --os-max:1240px;
  --os-gap:18px;
}
.os-corner-round{--os-ctl-radius:12px}
.os-corner-pill{--os-ctl-radius:999px}
.os-corner-square{--os-ctl-radius:0}

/* ---------- 기본 ---------- */
.os-body{background:var(--os-page);color:var(--os-text);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
.os-body a{color:inherit}
.os-body button,.os-body input,.os-body select,.os-body textarea{font-family:inherit}
.os-body h1,.os-body h2,.os-body h3,.os-body h4,.os-body strong,.os-body b{font-weight:600}
.os-inner{max-width:var(--os-max);margin:0 auto;padding:0 20px;box-sizing:border-box}
.os-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.os-ic{width:20px;height:20px;flex:0 0 auto}
#hd,#wrapper,#ft{min-width:0 !important}
.os-body #hd_pop{z-index:1000}
.os-body #hd_login_msg{position:absolute;left:-9999px}

/* ---------- 상단 가로형 배너 ---------- */
.os-topbn{background:var(--os-soft);text-align:center;overflow:hidden}
.os-topbn img{display:block;max-width:100%;height:auto;margin:0 auto}

/* ---------- 헤더 (고정 : 메뉴바만 남기고 위로 밀림) ---------- */
.os-body #hd.os-hd{position:sticky;top:var(--os-hd-offset,0);z-index:80;background:var(--os-head-bg)}

/* 유틸바 */
.os-util{background:var(--os-top-bg);color:var(--os-top-fg);font-size:12.5px}
.os-util .os-inner{display:flex;justify-content:space-between;align-items:center;height:38px}
.os-util-left{display:flex;gap:10px;align-items:center;min-width:0}
.os-util-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}
.os-util-msg b{font-weight:700}
.os-util-left .os-chip{flex:0 0 auto;padding:2px 9px;border-radius:999px;border:1px solid currentColor;font-size:11.5px;font-weight:600;opacity:.95}
.os-util ul{display:flex;margin:0;padding:0;list-style:none;flex:0 0 auto}
.os-util li+li:before{content:"";display:inline-block;width:1px;height:10px;margin:0 11px;background:currentColor;opacity:.25;vertical-align:middle}
.os-util a{text-decoration:none;opacity:.9}
.os-util a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.os-util .os-util-admin,.os-util .os-util-join{font-weight:700;opacity:1}
.os-util .os-lv{margin-left:3px;padding:1px 6px;border-radius:4px;background:rgba(127,127,127,.16);font-size:11px;font-weight:600}

/* 로고 + 검색 */
.os-head{background:var(--os-head-bg);color:var(--os-head-fg)}
.os-head .os-inner{display:flex;align-items:center;gap:40px;height:96px}
.os-logo{flex:0 0 auto;display:flex;align-items:center;min-width:150px;text-decoration:none;color:var(--os-head-fg)}
.os-logo img{max-height:46px;max-width:230px}
.os-logo-text{font-size:28px;font-weight:800;letter-spacing:-.045em;line-height:1.05;color:var(--os-head-fg)}
.os-logo-text small{display:block;margin-top:5px;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.5}
.os-search{flex:1;max-width:560px;position:relative}
.os-search input{width:100%;height:50px;padding:0 60px 0 22px;border:2px solid var(--os-primary);border-radius:var(--os-ctl-radius);background:#fff;font-size:15px;color:var(--os-ink);outline:none;box-sizing:border-box;transition:box-shadow .15s}
.os-search input::placeholder{color:#9aa0a9}
.os-search input:focus{box-shadow:0 0 0 4px var(--os-primary-weak)}
.os-search button{position:absolute;right:6px;top:6px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:var(--os-ctl-radius);background:transparent;cursor:pointer}
.os-search button svg{width:22px;height:22px;stroke:var(--os-primary);stroke-width:2}
.os-quick{margin-left:auto;display:flex;gap:22px}
.os-quick a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--os-head-fg);text-decoration:none;opacity:.9}
.os-quick svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.5}
.os-quick a:hover{opacity:1;color:var(--os-primary)}
.os-quick .os-count{position:absolute;top:-6px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--os-accent);color:#fff;font-size:10.5px;font-style:normal;font-weight:700;line-height:18px;text-align:center;box-sizing:border-box}
.os-burger{display:none;border:0;background:none;padding:6px;cursor:pointer;color:var(--os-head-fg)}
.os-burger svg{width:24px;height:24px;stroke:currentColor}

/* 헤더 : 가운데 로고형 */
.os-hd-centered .os-head .os-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;height:108px}
.os-hd-centered .os-logo{grid-column:2;grid-row:1;justify-content:center}
.os-hd-centered .os-logo-text{font-size:32px;text-align:center}
.os-hd-centered .os-search{grid-column:1;grid-row:1;max-width:340px;width:100%}
.os-hd-centered .os-search input{height:44px;border-width:1px;border-color:var(--os-line);background:var(--os-soft);font-size:14px}
.os-hd-centered .os-search input:focus{border-color:var(--os-primary);background:#fff}
.os-hd-centered .os-search button{top:3px}
.os-hd-centered .os-quick{grid-column:3;grid-row:1;justify-self:end}

/* 헤더 : 블랙형 */
.os-hd-dark .os-search input{border:1px solid #2e2e2e;background:#1a1a1a;color:#fff}
.os-hd-dark .os-search input::placeholder{color:#8a8a8a}
.os-hd-dark .os-search input:focus{border-color:#fff;box-shadow:none}
.os-hd-dark .os-search button svg{stroke:#fff}
.os-hd-dark .os-logo-text{text-transform:uppercase;letter-spacing:.02em;font-weight:900}

/* ---------- 메뉴바 ---------- */
.os-gnb{position:relative;background:var(--os-nav-bg);color:var(--os-nav-fg);border-top:1px solid var(--os-line);border-bottom:1px solid var(--os-line);transition:box-shadow .2s}
.is-stuck .os-gnb{box-shadow:0 6px 18px rgba(17,24,39,.08)}
.os-gnb .os-inner{display:flex;align-items:center;height:56px;gap:10px}
.os-gnb .os-inner>*{flex:0 0 auto}
.os-gnb a,.os-cate-btn{white-space:nowrap}
.os-cate{position:static}
.os-cate-btn{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 13px;border:0;border-radius:var(--os-ctl-radius);background:var(--os-primary);color:#fff;font-weight:600;font-size:14.5px;cursor:pointer}
.os-cate-btn svg{width:19px;height:19px;stroke:currentColor;stroke-width:2}
.os-cate-panel{display:none;position:absolute;left:0;right:0;top:100%;padding:28px max(20px,calc(50% - 600px)) 32px;border-top:1px solid var(--os-line);background:#fff;color:var(--os-text);box-shadow:0 24px 40px -12px rgba(17,24,39,.18);z-index:100}
.os-cate.is-open .os-cate-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 28px}
.os-cate-col h3{margin:0 0 10px;font-size:15px;font-weight:700}
.os-cate-col h3 a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--os-ink)}
.os-cate-col h3 .ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--os-radius-sm);background:var(--os-primary-weak);color:var(--os-primary)}
.os-cate-col h3 .ic svg{width:19px;height:19px}
.os-cate-col h3 a:hover{color:var(--os-primary)}
.os-cate-col ul{margin:0;padding:0 0 0 44px;list-style:none}
.os-cate-col li a{display:block;padding:4px 0;color:var(--os-muted);text-decoration:none;font-size:13.5px}
.os-cate-col li a:hover{color:var(--os-primary-dark);text-decoration:underline;text-underline-offset:3px}
.os-gnb-service{display:flex;gap:6px;margin:0 0 0 4px;padding:0;list-style:none}
.os-gnb-service a{display:block;padding:0 12px;line-height:32px;border-radius:var(--os-ctl-radius);background:var(--os-primary-weak);font-weight:600;font-size:13.5px;color:var(--os-primary-dark);text-decoration:none}
.os-gnb-service a:hover{background:var(--os-primary);color:#fff}
.os-gnb-menu{display:flex;flex:1 1 auto !important;align-items:center;margin:0 0 0 14px;padding:0;list-style:none}
.os-gnb-menu>li{position:relative}
.os-gnb-menu>li>a{position:relative;display:block;padding:0 14px;line-height:56px;font-weight:700;font-size:15px;color:var(--os-nav-fg);text-decoration:none}
.os-gnb-menu>li>a:hover,.os-gnb-menu>li.on>a{color:var(--os-primary)}
.os-gnb-menu>li.os-gnb-sm>a{font-weight:500;font-size:14px;opacity:.75;padding:0 10px}
.os-gnb-menu>li.os-gnb-sm>a:hover{opacity:1}
.os-gnb-menu>li.os-gnb-sep{flex:1}
.os-gnb-menu .os-sub{display:none;position:absolute;left:0;top:100%;min-width:170px;padding:8px;margin:0;list-style:none;border:1px solid var(--os-line);border-radius:var(--os-radius-sm);background:#fff;box-shadow:var(--os-shadow);z-index:90}
.os-gnb-menu>li:hover .os-sub{display:block}
.os-gnb-menu .os-sub a{display:block;padding:9px 12px;border-radius:6px;text-decoration:none;white-space:nowrap;color:var(--os-text)}
.os-gnb-menu .os-sub a:hover{background:var(--os-soft)}

/* 메뉴바 : 밑줄형 */
.os-nav-line .os-gnb-menu>li>a:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--os-primary);transform:scaleX(0);transition:transform .2s}
.os-nav-line .os-gnb-menu>li>a:hover:after,.os-nav-line .os-gnb-menu>li.on>a:after{transform:scaleX(1)}

/* 메뉴바 : 알약형 */
.os-nav-pill .os-gnb{border-top:0}
.os-nav-pill .os-gnb .os-inner{height:60px}
.os-nav-pill .os-cate-btn{background:transparent;color:var(--os-primary-dark);border:1.5px solid var(--os-primary);border-radius:999px}
.os-nav-pill .os-cate.is-open .os-cate-btn,.os-nav-pill .os-cate-btn:hover{background:var(--os-primary);color:#fff}
.os-nav-pill .os-gnb-service a{border-radius:999px}
.os-nav-pill .os-gnb-menu>li>a{margin:0 2px;padding:0 16px;line-height:38px;border-radius:999px}
.os-nav-pill .os-gnb-menu>li>a:hover,.os-nav-pill .os-gnb-menu>li.on>a{background:var(--os-primary-weak);color:var(--os-primary-dark)}

/* 메뉴바 : 블랙 에디토리얼 */
.os-nav-dark .os-gnb{border-top:1px solid #222;border-bottom:0}
.os-nav-dark .os-cate-btn{background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px}
.os-nav-dark .os-cate-btn:hover,.os-nav-dark .os-cate.is-open .os-cate-btn{background:#fff;color:#000}
.os-nav-dark .os-gnb-service a{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}
.os-nav-dark .os-gnb-service a:hover{background:#fff;color:#000}
.os-nav-dark .os-gnb-menu>li>a{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:700;color:#fff}
.os-nav-dark .os-gnb-menu>li>a:hover,.os-nav-dark .os-gnb-menu>li.on>a{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.os-nav-dark .os-gnb-menu>li.os-gnb-sm>a{text-transform:none;letter-spacing:0;font-size:13px}
.os-nav-dark .os-cate-col h3 .ic{background:#111;color:#fff}

/* ---------- 좌·우측 배너 (넓은 화면) ---------- */
.os-side-bn{position:absolute;top:260px;width:150px;z-index:20}
.os-side-bn.is-left{left:calc(50% - 620px - 170px)}
.os-side-bn.is-right{right:calc(50% - 620px - 170px)}
.os-side-bn img{display:block;width:100%;height:auto;border-radius:var(--os-radius-sm);margin-bottom:10px;border:1px solid var(--os-line)}
@media (max-width:1600px){.os-side-bn{display:none}}

/* ---------- 본문 래퍼 (영카트 기본 폭 해제) ---------- */
.os-body #wrapper{background:var(--os-page)}
.os-body #container{width:auto;max-width:var(--os-max);padding:0 20px 90px;box-sizing:border-box;min-height:400px}
.os-body #container .is_index{margin-left:0}
.os-body #wrapper_title{padding:36px 0 18px;font-size:26px;font-weight:700;color:var(--os-ink);letter-spacing:-.035em}
.os-body #aside{display:none}
.os-body #hd_pop{width:auto;max-width:var(--os-max)}

/* ---------- 레이어 팝업 ---------- */
.os-body .hd_pops{border:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(17,24,39,.2)}
.os-body .hd_pops_con{padding:6px}
.os-body .hd_pops_footer{display:flex;background:var(--os-soft) !important;border-top:1px solid var(--os-line)}
.os-body .hd_pops_footer button{background:transparent !important;color:var(--os-text) !important;font-size:12.5px !important;font-weight:500}
.os-body .hd_pops_footer .hd_pops_reject{flex:1;text-align:left}
.os-body .hd_pops_footer .hd_pops_reject strong{font-weight:600}

/* ---------- 메인 : 히어로 + 회원혜택 패널 ---------- */
.os-top{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;margin:22px 0 0}
.os-hero{position:relative;margin:0;min-width:0}
.os-hero-track{position:relative;width:100%;height:100%;min-height:340px;border-radius:var(--os-radius);overflow:hidden;background:var(--os-hero-bg)}
.os-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}
.os-hero-slide.is-on{opacity:1;pointer-events:auto}
.os-hero-slide a{display:block;height:100%}
.os-hero-slide img{display:block;width:100%;height:100%;object-fit:cover}
.os-hero-nav{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(17,24,39,.55);color:#fff;font-size:12px;font-weight:600;backdrop-filter:blur(6px)}
.os-hero-nav button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.os-hero-nav button:hover{background:rgba(255,255,255,.18)}
.os-hero-count{min-width:38px;text-align:center;letter-spacing:.04em}
.os-hero-default{display:flex;align-items:center;height:100%;min-height:320px;padding:48px 56px;border-radius:var(--os-radius);background:var(--os-hero-bg);color:var(--os-ink);box-sizing:border-box}
.os-hero-default h2{margin:0 0 12px;font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1.3}
.os-hero-default p{margin:0;font-size:16px;color:var(--os-text)}
.os-hero-default{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 30%,var(--os-primary-line) 0,transparent 42%),radial-gradient(circle at 70% 110%,var(--os-primary-weak) 0,transparent 50%),var(--os-hero-bg)}
.os-hero-default .os-eyebrow{margin-bottom:14px}
.os-hero-cta{display:flex;gap:8px;margin-top:26px}
.os-hero-cta .os-btn{height:46px;padding:0 22px;font-weight:700}

.os-member{display:flex;flex-direction:column;gap:12px;padding:22px 20px 18px;border:1px solid var(--os-line);border-radius:var(--os-radius);background:#fff;box-sizing:border-box}
.os-member-hi{margin:0;font-size:17px;line-height:1.45;color:var(--os-ink);letter-spacing:-.03em}
.os-member-hi b{color:var(--os-primary);font-weight:800}
.os-member-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:2px 0 4px;padding:0;list-style:none;border:1px solid var(--os-line);border-radius:var(--os-radius-sm);overflow:hidden}
.os-member-steps li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;font-size:11.5px;color:var(--os-muted)}
.os-member-steps li+li{border-left:1px solid var(--os-line)}
.os-member-steps b{font-size:13.5px;color:var(--os-text)}
.os-member-steps .is-on{background:var(--os-primary-weak)}
.os-member-steps .is-on b{color:var(--os-primary-dark)}
.os-member-lv{padding:14px;border-radius:var(--os-radius-sm);background:var(--os-primary-weak)}
.os-member-lv .k{display:block;font-size:12px;color:var(--os-muted)}
.os-member-lv strong{display:block;margin:2px 0 4px;font-size:20px;font-weight:800;color:var(--os-primary-dark)}
.os-member-lv p{margin:0;font-size:12px;color:var(--os-text)}
.os-member-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0;list-style:none}
.os-member-links a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0;border-radius:var(--os-radius-sm);background:var(--os-soft);font-size:12px;text-decoration:none;color:var(--os-text)}
.os-member-links a:hover{color:var(--os-primary)}
.os-member-cs{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px dashed var(--os-line);font-size:12.5px;color:var(--os-muted)}
.os-member-cs span{display:flex;align-items:center;gap:5px}
.os-member-cs svg{width:16px;height:16px}
.os-member-cs b{font-size:15px;font-weight:800;color:var(--os-ink)}

/* 히어로 : 와이드(화면 꽉 찬 배너) */
.os-hero-wide .os-top{display:block;margin-top:0}
.os-hero-wide .os-member{display:none}
.os-hero-wide .os-hero{margin:0 calc(50% - 50vw)}
.os-hero-wide .os-hero-track{height:clamp(340px,34vw,520px);border-radius:0}
.os-hero-wide .os-hero-default{border-radius:0;min-height:clamp(340px,30vw,460px);padding-left:max(40px,calc(50vw - 600px))}
.os-hero-wide .os-hero-nav{right:max(20px,calc(50vw - 600px));bottom:24px}

/* ---------- 메인 : 쇼핑 혜택 ---------- */
.os-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 0;padding:0;list-style:none;border:1px solid var(--os-line);border-radius:var(--os-radius);background:#fff}
.os-benefits li{display:flex;align-items:center;gap:12px;padding:16px 20px;min-width:0}
.os-benefits li+li{border-left:1px solid var(--os-line)}
.os-benefits .ic{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--os-primary-weak);color:var(--os-primary)}
.os-benefits .ic svg{width:21px;height:21px}
.os-benefits b{display:block;font-size:14px;font-weight:700;color:var(--os-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-benefits small{display:block;font-size:12px;color:var(--os-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-hero-wide .os-benefits{margin-top:24px}

/* ---------- 메인 : 카테고리 바로가기 ---------- */
.os-circles{display:grid;grid-template-columns:repeat(var(--os-n,8),minmax(0,1fr));gap:14px;margin:36px 0 0}
.os-circles a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--os-text);font-size:13.5px;font-weight:600;text-align:center}
.os-circles .ic{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:24px;background:var(--os-soft);color:var(--os-primary);transition:transform .18s,background .18s,box-shadow .18s}
.os-circles .ic svg{width:32px;height:32px;stroke-width:1.5}
.os-circles a:hover .ic{transform:translateY(-3px);background:var(--os-primary-weak)}
.os-circles a:hover .tx{color:var(--os-primary-dark)}
.os-circles .is-service .ic{background:var(--os-primary-weak)}

/* ---------- 섹션 ---------- */
.os-sec{position:relative;margin:68px 0 0}
.os-sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 20px}
.os-eyebrow{display:block;margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--os-primary)}
.os-sec-hd h2{margin:0;font-size:25px;font-weight:800;color:var(--os-ink);letter-spacing:-.04em;line-height:1.3}
.os-sec-hd p{margin:5px 0 0;color:var(--os-muted);font-size:14px}
.os-sec-hd .more{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto;padding:7px 10px 7px 14px;border:1px solid var(--os-line);border-radius:var(--os-ctl-radius);background:#fff;color:var(--os-text);text-decoration:none;font-size:13px;font-weight:500}
.os-sec-hd .more svg{width:15px;height:15px}
.os-sec-hd .more:hover{border-color:var(--os-ink);color:var(--os-ink)}
.os-hd-centered .os-sec-hd{position:relative;justify-content:center;text-align:center}
.os-hd-centered .os-sec-hd .more{position:absolute;right:0;bottom:0}
.os-midbn{margin:68px 0 0}
.os-midbn img{display:block;width:100%;height:auto;border-radius:var(--os-radius)}

/* 분류 탭 */
.os-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 22px}
.os-hd-centered .os-tabs{justify-content:center}
.os-tabs button{height:38px;padding:0 18px;border:1px solid var(--os-line);border-radius:var(--os-ctl-radius);background:#fff;color:var(--os-text);font-size:14px;font-weight:500;cursor:pointer;transition:.15s}
.os-tabs button:hover{border-color:var(--os-ink);color:var(--os-ink)}
.os-tabs button.is-on{border-color:var(--os-ink);background:var(--os-ink);color:#fff;font-weight:700}

/* ---------- 상품 카드 ---------- */
.os-grid{display:grid;grid-template-columns:repeat(var(--os-cols,5),minmax(0,1fr));gap:34px var(--os-gap);margin:0;padding:0;list-style:none}
.os-card{position:relative;min-width:0}
.os-card[hidden]{display:none}
.os-card-thumb{position:relative;display:block;border-radius:var(--os-radius);overflow:hidden;background:var(--os-soft);aspect-ratio:1/1}
.os-card-thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(17,24,39,.04);pointer-events:none}
.os-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.os-card:hover .os-card-thumb img{transform:scale(1.04)}
.os-badges{position:absolute;left:10px;top:10px;display:flex;gap:4px;flex-wrap:wrap;z-index:2}
.os-badge{padding:4px 7px;border-radius:4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;line-height:1;color:#fff;background:var(--os-ink)}
.os-badge.b-best{background:var(--os-primary)}
.os-badge.b-new{background:#14946b}
.os-badge.b-pick{background:#6d5bd0}
.os-badge.b-sale{background:var(--os-accent)}
.os-badge.b-consult{background:#fff;color:var(--os-ink);box-shadow:inset 0 0 0 1px var(--os-line)}
.os-soldout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.72);font-weight:800;color:var(--os-ink);letter-spacing:.14em}
.os-card-actions{position:absolute;right:10px;top:10px;z-index:3;display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateX(4px);transition:.2s}
.os-card:hover .os-card-actions{opacity:1;transform:none}
.os-card-actions button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer}
.os-card-actions svg{width:18px;height:18px;stroke:var(--os-ink)}
.os-card-actions button:hover svg{stroke:var(--os-primary)}
.os-card-body{padding:14px 2px 0}
.os-card-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;color:var(--os-ink);font-size:14.5px;line-height:1.4;text-decoration:none}
.os-card-name:hover{text-decoration:underline;text-underline-offset:3px}
.os-card-basic{margin:4px 0 0;color:var(--os-muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;margin-top:8px}
.os-card-price .rate{color:var(--os-accent);font-weight:800;font-size:18px}
.os-card-price .now{color:var(--os-ink);font-weight:800;font-size:18px;letter-spacing:-.02em}
.os-card-price .now small{margin-left:1px;font-size:14px;font-weight:600}
.os-card-price del{color:#a6acb5;font-size:13px}
.os-card-price .lbl{width:100%;margin-bottom:1px;font-size:12px;color:var(--os-primary);font-weight:700}
.os-card-member{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:600;color:var(--os-primary-dark);text-decoration:none}
.os-card-member svg{width:14px;height:14px}
.os-card-member:hover{text-decoration:underline}
.os-card-consult{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;border-radius:var(--os-ctl-radius);background:var(--os-primary);color:#fff;font-weight:700;font-size:13px}
.os-card-consult svg{width:15px;height:15px;stroke:currentColor}
.os-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--os-muted)}
.os-card-tags .t-ship{padding:2px 6px;border-radius:3px;background:var(--os-soft);color:var(--os-text);font-size:11.5px;font-weight:600}
.os-card-tags .t-star i{font-style:normal;color:#f5a524;margin-right:2px}
.os-card-tags .t-star em{font-style:normal;color:#a6acb5}
.os-card .cart-layer{position:relative}
.os-card .sct_cartop{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:10px;border:1px solid var(--os-line);border-radius:10px;background:#fff;box-shadow:var(--os-shadow)}
.os-noitem{padding:60px 0;text-align:center;color:var(--os-muted);background:var(--os-soft);border-radius:var(--os-radius)}

/* Best 랭킹 번호 (탭 필터 시 다시 매김) */
.os-rank{counter-reset:osrank}
.os-rank .os-card:not([hidden]){counter-increment:osrank}
.os-rank .os-card-thumb:before{content:counter(osrank);position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 6px;box-sizing:border-box;border-bottom-right-radius:var(--os-radius-sm);background:rgba(22,24,29,.82);color:#fff;font-size:16px;font-weight:800;letter-spacing:-.02em}
.os-rank .os-card:nth-child(-n+3) .os-card-thumb:before{background:var(--os-primary)}
.os-rank .os-badges{top:auto;bottom:10px}

/* 카드 : 소프트(배경 카드) */
.os-card-soft .os-card{padding:10px 10px 18px;border-radius:var(--os-radius);background:var(--os-card-bg);transition:background .2s}
.os-card-soft .os-card:hover{background:var(--os-primary-weak)}
.os-card-soft .os-card-thumb{border-radius:var(--os-radius-sm);background:#fff}
.os-card-soft .os-card-body{padding:14px 6px 0}
.os-card-soft .os-grid{gap:20px 14px}
/* 카드 : 직각 에디토리얼 */
.os-card-square .os-card-thumb{border-radius:0}
.os-card-square .os-card-thumb:after{box-shadow:none}
.os-card-square .os-badge{border-radius:0;background:#000;letter-spacing:.1em}
.os-card-square .os-badge.b-sale{background:var(--os-accent)}
.os-card-square .os-badge.b-consult{background:#fff;color:#000}
.os-card-square .os-card-name{font-size:14px;font-weight:500}
.os-card-square .os-card-price .now{font-weight:700}
.os-card-square .os-rank .os-card-thumb:before{border-radius:0;background:#000;min-width:40px;height:40px;font-size:18px}
.os-card-square .os-card-consult{border-radius:0;background:#000}
/* 카드 : 그림자 */
.os-card-shadow .os-grid{gap:22px 16px}
.os-card-shadow .os-card{border-radius:var(--os-radius);background:#fff;box-shadow:0 1px 2px rgba(60,40,20,.05),0 8px 24px rgba(60,40,20,.07);overflow:hidden;transition:transform .2s,box-shadow .2s}
.os-card-shadow .os-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(60,40,20,.06),0 16px 36px rgba(60,40,20,.12)}
.os-card-shadow .os-card-thumb{border-radius:0}
.os-card-shadow .os-card-body{padding:14px 16px 18px}
/* 카드 : 테두리 */
.os-card-border .os-grid{gap:20px 14px}
.os-card-border .os-card{padding:9px 9px 18px;border:1px solid var(--os-primary-line);border-radius:var(--os-radius);background:#fff;transition:border-color .2s,box-shadow .2s}
.os-card-border .os-card:hover{border-color:var(--os-primary);box-shadow:0 8px 24px -10px var(--os-primary-line)}
.os-card-border .os-card-thumb{border-radius:calc(var(--os-radius) - 7px)}
.os-card-border .os-card-body{padding:14px 6px 0}
.os-card-border .os-badge{border-radius:999px;padding:4px 8px}

/* MD PICK 가로 슬라이드 */
.os-slider{position:relative}
.os-carousel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--os-cols,5) - 1) * var(--os-gap)) / var(--os-cols,5));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.os-carousel::-webkit-scrollbar{display:none}
.os-carousel .os-card{scroll-snap-align:start}
.os-card-shadow .os-carousel{padding:4px 2px 30px}
.os-slider-btn{position:absolute;top:calc(50% - 60px);z-index:5;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--os-line);border-radius:50%;background:#fff;color:var(--os-ink);box-shadow:0 6px 18px rgba(17,24,39,.12);cursor:pointer}
.os-slider-btn svg{width:20px;height:20px;stroke-width:2}
.os-slider-btn.is-prev{left:-22px}
.os-slider-btn.is-next{right:-22px}
.os-slider-btn:hover{background:var(--os-ink);color:#fff;border-color:var(--os-ink)}

/* ---------- 메인 : 서비스 상담 ---------- */
.os-service{display:grid;grid-template-columns:330px minmax(0,1fr);gap:28px;align-items:start}
.os-service-intro{position:sticky;top:90px;padding:32px 28px;border-radius:var(--os-radius);background:var(--os-primary-dark);color:#fff}
.os-service-intro .os-eyebrow{color:rgba(255,255,255,.7)}
.os-service-intro h2{margin:0 0 12px;font-size:25px;font-weight:800;line-height:1.35;letter-spacing:-.04em;color:#fff}
.os-service-intro p{margin:0;font-size:14px;line-height:1.65;opacity:.85}
.os-steps{margin:22px 0 24px;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}
.os-steps li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:600}
.os-steps b{font-size:12px;opacity:.6;letter-spacing:.06em}
.os-service-intro .os-btn.is-line{background:#fff;border-color:#fff;color:var(--os-primary-dark) !important}
.os-service-intro .os-btn svg{width:16px;height:16px}
.os-service .os-grid{--os-cols:3 !important;gap:28px 16px}

/* ---------- 메인 : 공지/이벤트 + 고객센터 ---------- */
.os-info{display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:16px;margin:72px 0 0}
.os-box{padding:24px 24px 18px;border:1px solid var(--os-line);border-radius:var(--os-radius);background:#fff}
.os-box h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:700;color:var(--os-ink)}
.os-box h3 svg{width:19px;height:19px;color:var(--os-primary)}
.os-box h3 a{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--os-muted);text-decoration:none}
.os-box h3 a:hover{color:var(--os-ink)}
.os-box ul{margin:0;padding:0;list-style:none}
.os-box li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--os-soft)}
.os-box li:last-child{border-bottom:0}
.os-box li.empty{color:var(--os-muted)}
.os-box li a{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:var(--os-text)}
.os-box li a:hover{color:var(--os-primary-dark);text-decoration:underline;text-underline-offset:3px}
.os-box li span{color:var(--os-muted);font-size:12px}
.os-box li .q{margin-right:8px;color:var(--os-primary);font-weight:800;font-size:13px}
.os-box .os-tag{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:4px;background:var(--os-primary-weak);color:var(--os-primary-dark);font-size:11px;font-weight:600}
.os-cs-tel{margin:2px 0 6px;font-size:28px;font-weight:800;color:var(--os-ink);letter-spacing:-.02em}
.os-cs-desc{margin:0;color:var(--os-muted);line-height:1.7;font-size:13px}
.os-cs-btns{display:flex;gap:6px;margin-top:14px}
.os-sns{display:flex;gap:8px;margin-top:14px}
.os-sns a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--os-soft);color:var(--os-text);text-decoration:none;font-size:15px}
.os-sns a:hover{background:var(--os-primary);color:#fff}

/* ---------- 푸터 ---------- */
.os-ft,.os-body #ft.os-ft{margin:0;padding:0;border-top:1px solid var(--os-ft-line);background:var(--os-ft-bg);color:var(--os-ft-fg);font-size:13px;text-align:left}
.os-ft-links{border-bottom:1px solid var(--os-ft-line)}
.os-ft-links .os-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px}
.os-ft-links ul{display:flex;flex-wrap:wrap;gap:4px 24px;margin:0;padding:12px 0;list-style:none}
.os-ft-links a{text-decoration:none;color:var(--os-ft-fg)}
.os-ft-links a:hover{color:var(--os-ft-strong)}
.os-ft-links .strong a{color:var(--os-ft-strong);font-weight:700}
.os-ft .os-sns{margin:0}
.os-ft .os-sns a{background:transparent;border:1px solid var(--os-ft-line);color:var(--os-ft-fg)}
.os-ft-body{display:grid;grid-template-columns:280px 300px minmax(0,1fr);gap:40px;padding-top:36px;padding-bottom:36px}
.os-ft h4{margin:0 0 10px;color:var(--os-ft-strong);font-size:14px;font-weight:700}
.os-ft-cs .tel{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--os-ft-strong)}
.os-ft-cs p{margin:6px 0 0;line-height:1.7}
.os-ft-btns{display:flex;gap:6px;margin-top:14px}
.os-ft-btns a{padding:7px 14px;border:1px solid var(--os-ft-line);border-radius:var(--os-ctl-radius);color:var(--os-ft-strong);text-decoration:none;font-size:12.5px;font-weight:600}
.os-ft-btns a:hover{border-color:var(--os-ft-strong)}
.os-ft-pay dl{display:flex;gap:12px;margin:0 0 8px;line-height:1.6}
.os-ft-pay dt{flex:0 0 64px;color:var(--os-ft-strong);font-weight:600}
.os-ft-pay dd{margin:0}
.os-ft-brand{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--os-ft-strong)}
.os-ft-info{margin:0;line-height:1.9}
.os-ft-info span{display:inline-block;margin-right:14px}
.os-ft-info b{font-weight:600;color:var(--os-ft-strong);margin-right:5px}
.os-ft-bottom{border-top:1px solid var(--os-ft-line)}
.os-ft-bottom .os-inner{display:flex;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:20px;font-size:12px}
.os-ft-bottom p{margin:0;opacity:.8}
.os-ft-powered b{font-weight:700}
.os-top-btn{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--os-line);border-radius:50%;background:#fff;color:var(--os-ink);box-shadow:var(--os-shadow);cursor:pointer}
.os-top-btn svg{width:20px;height:20px}

/* ---------- 상담신청서 (영업상품) ---------- */
.os_kind_badge{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:12px;background:var(--os-primary-weak);color:var(--os-primary-dark);font-weight:500;font-size:12px}
.os_member_price{font-weight:600;color:var(--os-primary-dark)}
.os_login_hint{margin-left:6px;font-size:12px;color:var(--os-muted);text-decoration:underline}
.os_consult{display:grid;grid-template-columns:280px 1fr;gap:34px;margin:40px 0;padding:36px;border:1px solid var(--os-line);border-radius:18px;background:#fff;transition:box-shadow .3s}
.os_consult.is_focus{box-shadow:0 0 0 3px var(--os-primary-line)}
.os_consult_eyebrow{margin:0;color:var(--os-primary);font-weight:500;letter-spacing:.02em}
.os_consult_head h2{margin:6px 0 10px;font-size:30px;font-weight:600;color:var(--os-ink);letter-spacing:-.04em}
.os_consult_head p{color:var(--os-muted);line-height:1.7}
.os_consult_item{margin-top:16px;padding:12px 14px;border-radius:10px;background:var(--os-soft);font-weight:500;color:var(--os-ink)}
.os_consult_form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 16px;align-content:start}
.os_field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--os-text)}
.os_field label b{color:var(--os-sale);font-weight:500}
.os_field label span{color:var(--os-muted);font-weight:400}
.os_field input,.os_field textarea{width:100%;padding:11px 12px;border:1px solid #dfe2e7;border-radius:10px;background:#fff;font-size:14px;box-sizing:border-box}
.os_field input:focus,.os_field textarea:focus{outline:none;border-color:var(--os-primary);box-shadow:0 0 0 3px var(--os-primary-weak)}
.os_field_full{grid-column:1/-1}
.os_agree{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px}
.os_agree details{flex-basis:100%}
.os_agree summary{cursor:pointer;font-weight:500}
.os_agree summary b{color:var(--os-sale);font-weight:500}
.os_agree details p{margin:6px 0 0;padding:10px;border-radius:8px;background:var(--os-soft);color:var(--os-muted)}
.os_agree_sub{display:flex;gap:10px;margin-left:auto;color:var(--os-muted)}
.os_consult_btn{grid-column:1/-1;height:52px;border:0;border-radius:12px;background:var(--os-primary);color:#fff;font-size:15.5px;font-weight:600;cursor:pointer}
.os_consult_btn:hover{background:var(--os-primary-dark)}
.os_hp{position:absolute;left:-9999px;width:1px;height:1px}

/* ---------- 공용 버튼/폼 (프리랜서 등) ---------- */
.os-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:var(--os-primary);color:#fff !important;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer}
.os-btn:hover{background:var(--os-primary-dark)}
.os-btn.is-line{background:#fff;border-color:var(--os-line);color:var(--os-ink) !important}
.os-btn.is-line:hover{border-color:var(--os-primary-line);background:var(--os-primary-weak)}
.os-btn.is-sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:8px}
.os-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.os-form .full{grid-column:1/-1}
.os-form label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--os-text)}
.os-form input[type=text],.os-form input[type=number],.os-form input[type=tel],.os-form select,.os-form textarea{width:100%;height:42px;padding:0 12px;border:1px solid #dfe2e7;border-radius:10px;background:#fff;font-size:14px;box-sizing:border-box}
.os-form textarea{height:auto;min-height:100px;padding:10px 12px}
.os-form .hint{margin-top:4px;color:var(--os-muted);font-size:12px}
.os-table{width:100%;border-collapse:collapse;font-size:13.5px}
.os-table th{padding:11px 8px;border-bottom:1px solid var(--os-ink);text-align:left;font-weight:500;color:var(--os-ink);white-space:nowrap}
.os-table td{padding:12px 8px;border-bottom:1px solid var(--os-line)}
.os-table td.num,.os-table th.num{text-align:right;white-space:nowrap}
.os-pill{display:inline-block;padding:2px 9px;border-radius:12px;background:var(--os-soft);color:var(--os-text);font-size:12px}
.os-pill.is-ok{background:#e9f3ee;color:#3f7a5f}
.os-pill.is-wait{background:#f6f1e7;color:#8a6a2f}
.os-pill.is-no{background:#f8ecec;color:#b5524b}
.os-pill.is-main{background:var(--os-primary-weak);color:var(--os-primary-dark)}

/* ---------- 영카트 기본 화면 다듬기 ---------- */
.os-body #sit_ov_wrap{width:auto;max-width:100%;padding:30px 0;border-top:0;box-sizing:border-box}
.os-body #sit_title{font-size:22px;font-weight:600;color:var(--os-ink);letter-spacing:-.03em}
.os-body .sit_ov_tbl .tr_price strong{color:var(--os-ink);font-size:22px;font-weight:700}
.os-body #sit_ov_btn .sit_btn_buy{background:var(--os-primary);border-color:var(--os-primary);border-radius:10px;font-weight:500}
.os-body #sit_ov_btn .sit_btn_cart{border-radius:10px;font-weight:500}
.os-body #sit_tab{width:auto;flex:1}
.os-body #sit_info{border-radius:var(--os-radius);overflow:hidden}
.os-body .btn_submit,.os-body .btn_b02{background:var(--os-primary);border-color:var(--os-primary)}
.os-body #sct_location{border-radius:10px}
.os-body .sct_wrap{margin-top:20px}
.os-body .os-board-mall{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:4px;background:var(--os-primary-weak);color:var(--os-primary-dark);font-size:11px;font-weight:500;vertical-align:middle}
.os-body .os-board-mall.is-hq{background:#eef0f3;color:#555}
.os-body #bo_list,.os-body #bo_v,.os-body #bo_w,.os-body #faq_wrap,.os-body #ctt{max-width:100%}
.os-btn{border-radius:var(--os-ctl-radius)}
.os-btn.is-block{display:flex;width:100%;box-sizing:border-box;font-weight:700}
.os-btn.is-sm{border-radius:var(--os-ctl-radius)}
.os-btn svg{width:16px;height:16px}

/* 영카트 기본 파란색 → 스킨 색상 */
.os-body .sit_btn_buy,.os-body #sit_ov_btn .sit_btn_buy,.os-body .sct_cartop_wr .cartopt_cart_btn,.os-body .couponzone_list ul li .coupon_btn .btn02{background:var(--os-primary);border-color:var(--os-primary);color:#fff;border-radius:var(--os-ctl-radius)}
.os-body .sit_btn_buy:hover{background:var(--os-primary-dark)}
.os-body #sit_ov_btn .sit_btn_cart,.os-body #sit_ov_btn .sit_btn_wish{border-radius:var(--os-ctl-radius)}
.os-body #sit_tab .tab_tit li .selected:after,.os-body #ssch_sort li:hover:after,.os-body #ssch_sort_all li:hover:after{background:var(--os-primary)}
.os-body #ssch_sort li:hover a,.os-body #ssch_sort_all li:hover a,.os-body #ssch_cate a:hover,.os-body #sct_ct_1 li a:hover,.os-body #sit_star_sns .btn_sns_share:hover,.os-body #sbsk .go_cart,.os-body .sps_section .sps_pd_name{color:var(--os-primary)}
.os-body #sit_sms_new .chk_box input[type=checkbox]:checked + label span,.os-body #sit_qa_write .chk_box input[type=checkbox]:checked + label span{background-color:var(--os-primary)}

/* ---------- 반응형 ---------- */
@media (max-width:1240px){
  .os-slider-btn.is-prev{left:4px}
  .os-slider-btn.is-next{right:4px}
}
@media (max-width:1100px){
  .os-grid{--os-cols:4 !important}
  .os-top{grid-template-columns:minmax(0,1fr) 260px}
  .os-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .os-benefits li:nth-child(3){border-left:0}
  .os-benefits li:nth-child(n+3){border-top:1px solid var(--os-line)}
  .os-service{grid-template-columns:1fr}
  .os-service-intro{position:static}
  .os-info{grid-template-columns:1fr 1fr}
  .os-info .os-box-cs{grid-column:1/-1}
  .os-ft-body{grid-template-columns:1fr 1fr}
  .os-ft-company{grid-column:1/-1}
  .os-gnb-menu>li.os-gnb-sm{display:none}
  .os-body #sit_ov{float:none;width:auto}
  .os-body #sit_pvi{float:none}
}
@media (max-width:860px){
  .os-body .hd_pops{left:10px !important;top:120px !important;width:calc(100vw - 20px) !important;max-width:calc(100vw - 20px)}
  .os-body .hd_pops_con{width:auto !important;height:auto !important;max-height:60vh;overflow:auto}
  .os-body .hd_pops img{max-width:100%;height:auto}
  .os-util-left{display:none}
  .os-util .os-inner{justify-content:flex-end;height:34px}
  .os-head .os-inner,.os-hd-centered .os-head .os-inner{display:flex;flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:12px;gap:10px 12px}
  .os-hd-centered .os-logo-text{font-size:24px;text-align:left}
  .os-logo{min-width:0}
  .os-logo-text{font-size:23px}
  .os-search,.os-hd-centered .os-search{order:3;flex-basis:100%;max-width:none}
  .os-search input{height:44px}
  .os-search button{top:3px}
  .os-quick{gap:14px}
  .os-quick a span{display:none}
  .os-burger{display:block}
  .os-gnb .os-inner{overflow-x:auto;scrollbar-width:none;height:50px}
  .os-gnb .os-inner::-webkit-scrollbar{display:none}
  .os-cate-btn span{display:none}
  .os-cate-btn{padding:0 10px}
  .os-gnb-menu{margin-left:4px}
  .os-gnb-menu>li>a{padding:0 10px;line-height:50px;font-size:14px}
  .os-gnb-menu .os-sub{display:none !important}
  .os-cate-panel{position:fixed;left:12px;right:12px;top:120px;padding:20px;max-height:70vh;overflow:auto;border-radius:var(--os-radius)}
  .os-cate.is-open .os-cate-panel{grid-template-columns:repeat(2,1fr)}
  .os-cate-col ul{padding-left:0}
  .os-top{grid-template-columns:1fr;margin-top:14px}
  .os-member{display:none}
  .os-hero-track{min-height:0;height:auto;aspect-ratio:1200/420}
  .os-hero-wide .os-hero-track{height:auto;aspect-ratio:1200/420}
  .os-hero-default,.os-hero-wide .os-hero-default{padding:34px 26px;min-height:220px}
  .os-hero-default h2{font-size:24px}
  .os-benefits li{padding:12px 12px;gap:8px}
  .os-benefits .ic{width:32px;height:32px}
  .os-benefits small{display:none}
  .os-benefits b{font-size:12.5px;white-space:normal}
  .os-grid{--os-cols:2 !important;gap:26px 12px}
  .os-carousel{grid-auto-columns:calc((100% - 12px) / 2.2)}
  .os-slider-btn{display:none}
  .os-circles{grid-template-columns:repeat(4,1fr);gap:16px 8px}
  .os-circles .ic{width:58px;height:58px;border-radius:18px}
  .os-circles .ic svg{width:26px;height:26px}
  .os-circles a{font-size:12.5px}
  .os-sec{margin-top:48px}
  .os-sec-hd h2{font-size:20px}
  .os-sec-hd p{display:none}
  .os-hd-centered .os-sec-hd{justify-content:space-between;text-align:left}
  .os-hd-centered .os-sec-hd .more{position:static}
  .os-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start !important}
  .os-tabs button{flex:0 0 auto;height:34px;padding:0 14px;font-size:13px}
  .os-info{grid-template-columns:1fr;margin:48px 0 0}
  .os-body #container{padding-bottom:56px}
  .os-ft-links .os-inner{flex-direction:column;align-items:flex-start;padding-bottom:12px}
  .os-ft-links ul{gap:4px 16px}
  .os-ft-body{grid-template-columns:1fr;gap:26px}
  .os-ft-bottom .os-inner{flex-direction:column;gap:4px}
  .os_consult{grid-template-columns:1fr;padding:22px}
  .os_consult_form{grid-template-columns:1fr}
  .os-form{grid-template-columns:1fr}
  .os-body #wrapper_title{font-size:20px;padding:24px 0 12px}
  .os-body #sit_info{display:block}
  .os-body .tbl_head01,.os-body .tbl_wrap{overflow-x:auto}
}
/* =====================================================================
 * v1.3 추가 레이아웃 : 브랜드형 헤더(inline · atelier · magazine · banner), 메뉴(minimal · bold),
 *   히어로(boxed · board · stack), 카드(minimal · atelier · zine · craft), 제목 서체(serif)
 * ===================================================================== */
.os-card-brand,.os-card-cta,.os-ft-benefits,.os-search-drop,.os-count-t{display:none}
.os-font-serif{--os-serif:"Noto Serif KR","Nanum Myeongjo",Georgia,serif}

/* ---------- 브랜드형 헤더 공통 ---------- */
.os-head-brand .os-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:76px}
.os-hb-left{display:flex;align-items:center;gap:18px;min-width:0}
.os-hb-left .os-burger{display:none}
.os-hb-menu{display:flex;gap:24px;margin:0;padding:0;list-style:none}
.os-hb-menu a{font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--os-head-fg);text-decoration:none;text-transform:uppercase}
.os-hb-menu a:hover,.os-hb-menu .on a{text-decoration:underline;text-underline-offset:6px}
.os-head-brand .os-logo{justify-content:center;min-width:0}
.os-head-brand .os-logo-text{text-align:center}
.os-tlinks{display:flex;justify-content:flex-end;align-items:center;gap:22px}
.os-tl{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--os-head-fg);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.os-tl svg{width:21px;height:21px;stroke-width:1.5}
.os-tl:hover{opacity:.7}
.os-tl .os-count{position:absolute;top:-7px;left:13px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--os-accent);color:#fff;font-size:10px;font-style:normal;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box}
.os-tl .os-count-t{font-style:normal}
/* 텍스트 링크형 (inline · atelier) */
.os-hd-inline .os-tl svg,.os-hd-atelier .os-tl svg,.os-hd-inline .os-tl .os-count,.os-hd-atelier .os-tl .os-count,.os-hd-inline .os-tl-wish,.os-hd-atelier .os-tl-wish{display:none}
.os-hd-inline .os-tl .os-count-t,.os-hd-atelier .os-tl .os-count-t{display:inline}
.os-hd-inline .os-tl,.os-hd-atelier .os-tl{font-size:12.5px;letter-spacing:.04em}
/* 검색창 펼침 */
.os-search-drop{border-top:1px solid var(--os-line);background:var(--os-head-bg)}
#hd.is-search .os-search-drop{display:block}
.os-search-drop .os-inner{padding-top:16px;padding-bottom:18px}
.os-search-drop .os-search{max-width:640px;margin:0 auto}
.os-search-drop .os-search input{border-width:0 0 2px;border-radius:0;background:transparent;padding-left:4px;font-size:16px}
.os-search-drop .os-search input:focus{box-shadow:none}
.os-search-drop .os-search button svg{stroke:var(--os-head-fg)}

/* inline : 가운데 로고 + 왼쪽 메뉴 */
.os-hd-inline .os-logo-text{font-size:24px;font-weight:400;letter-spacing:.32em;text-transform:uppercase}
.os-hd-inline .os-logo-text small{letter-spacing:.2em;font-size:9.5px;margin-top:6px}
/* atelier : 고객 링크 + 가운데 로고 */
.os-hd-atelier .os-head-brand .os-inner{height:96px}
.os-hd-atelier .os-hb-menu a{text-transform:none;letter-spacing:0;font-size:12.5px}
.os-hd-atelier .os-logo-text{font-size:34px;font-weight:400;letter-spacing:-.01em}
.os-hd-atelier .os-logo-text small{font-size:9.5px;letter-spacing:.24em}
.os-font-serif .os-logo-text{font-family:var(--os-serif)}
.os-font-serif .os-logo-text small{font-family:"Pretendard Variable",Pretendard,sans-serif}
/* banner : 검정 띠 + 큰 가운데 로고 */
.os-hd-banner .os-head-brand .os-inner{height:130px}
.os-hd-banner .os-logo-text{font-size:44px;font-weight:600;letter-spacing:-.02em}
.os-hd-banner .os-logo-text small{font-size:10px;letter-spacing:.3em;opacity:.55}
.os-hd-banner .os-tl span{font-size:12px}
.os-util-sns{display:flex;gap:6px;margin-right:6px}
.os-util-sns a{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22);font-size:12px;text-decoration:none;opacity:1 !important}

/* magazine : 작은 로고 + 큰 글씨 메뉴 */
.os-head-mag{background:var(--os-head-bg)}
.os-head-mag .os-inner{display:block;height:auto;padding-top:24px;padding-bottom:8px}
.os-mag-top{display:flex;justify-content:space-between;align-items:center}
.os-head-mag .os-logo{min-width:0}
.os-head-mag .os-logo-text{font-size:17px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.os-head-mag .os-logo-text small{display:none}
.os-head-mag .os-tlinks{gap:16px}
.os-head-mag .os-tl{font-size:11.5px;gap:4px}
.os-head-mag .os-tl svg{width:15px;height:15px;stroke-width:2}
.os-head-mag .os-tl .os-count{top:-7px;left:9px}
.os-mag-big{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.os-mag-big ul{display:flex;flex-wrap:wrap;gap:4px 30px;margin:0;padding:0;list-style:none}
.os-mag-big a{font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--os-head-fg);text-decoration:none}
.os-mag-big a:hover,.os-mag-big .on a{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
.os-mag-big .is-svc a{color:var(--os-muted)}
.os-mag-sch{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;background:none;color:var(--os-head-fg);cursor:pointer}
.os-mag-sch svg{width:34px;height:34px;stroke-width:2.2}

/* ---------- 메뉴바 : minimal (가는 글씨, 가운데) ---------- */
.os-nav-minimal .os-gnb{border-top:1px solid var(--os-line)}
.os-nav-minimal .os-gnb .os-inner{justify-content:center;height:46px;gap:4px}
.os-nav-minimal .os-cate-btn{height:32px;padding:0 10px;background:transparent;color:var(--os-nav-fg);font-size:13px;font-weight:600;border-radius:0}
.os-nav-minimal .os-cate-btn svg{width:16px;height:16px}
.os-nav-minimal .os-cate.is-open .os-cate-btn{text-decoration:underline;text-underline-offset:6px}
.os-nav-minimal .os-gnb-menu{flex:0 0 auto !important;margin-left:8px}
.os-nav-minimal .os-gnb-menu>li>a{padding:0 12px;line-height:46px;font-size:13px;font-weight:500;letter-spacing:.02em}
.os-nav-minimal .os-gnb-menu>li>a:hover,.os-nav-minimal .os-gnb-menu>li.on>a{color:var(--os-nav-fg);text-decoration:underline;text-underline-offset:6px}
.os-nav-minimal .os-gnb-menu>li.os-gnb-sep{flex:0 0 1px;width:1px;height:12px;margin:0 8px;background:var(--os-line)}
.os-nav-minimal .os-gnb-service a{background:transparent;border-radius:0;padding:0 8px;font-size:13px;font-weight:500;color:var(--os-nav-fg)}
.os-nav-minimal .os-gnb-service a:hover{background:transparent;color:var(--os-nav-fg);text-decoration:underline}
.os-gnb-sch{display:flex;align-items:center;gap:6px;margin-left:16px;padding:0 0 0 18px;height:28px;border:0;border-left:1px solid var(--os-line);background:none;color:var(--os-nav-fg);font-size:13px;font-weight:600;cursor:pointer}
.os-gnb-sch svg{width:17px;height:17px}

/* ---------- 메뉴바 : bold (굵은 대문자 분류) ---------- */
.os-nav-bold .os-gnb{border-top:0;border-bottom:1px solid var(--os-line)}
.os-nav-bold .os-gnb .os-inner{height:52px}
.os-nav-bold .os-cate-btn{height:30px;padding:0 10px 0 0;background:transparent;color:var(--os-nav-fg);font-size:14px;font-weight:800;border-radius:0}
.os-nav-bold .os-cate-btn span{display:none}
.os-nav-bold .os-gnb-menu{margin-left:4px}
.os-nav-bold .os-gnb-catlist>li>a{padding:0 11px;line-height:52px;font-size:14.5px;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
.os-nav-bold .os-gnb-menu>li>a:hover,.os-nav-bold .os-gnb-menu>li.on>a{color:var(--os-accent)}
.os-nav-bold .os-gnb-right{flex:0 0 auto !important;margin-left:auto}
.os-nav-bold .os-gnb-right>li>a{font-style:italic;font-weight:500;font-size:13.5px;opacity:.8}

/* ---------- 히어로 : boxed (패널 없이 박스형) ---------- */
.os-hero-boxed .os-top{grid-template-columns:minmax(0,1fr)}
.os-hero-boxed .os-member{display:none}
.os-hero-boxed .os-hero-track{height:auto;min-height:0;aspect-ratio:1200/420}
/* board : 배너를 2열로 모두 노출 (매거진형) */
.os-hero-board .os-top{display:block;margin-top:0}
.os-hero-board .os-member{display:none}
.os-hero-board .os-hero-track{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:auto;min-height:0;aspect-ratio:auto;border-radius:0;overflow:visible;background:transparent}
.os-hero-board .os-hero-slide{position:relative;inset:auto;opacity:1;pointer-events:auto;aspect-ratio:1200/420;overflow:hidden;border-radius:var(--os-radius)}
.os-hero-board .os-hero-slide:last-child:nth-child(odd){grid-column:1/-1}
.os-hero-board .os-hero-slide:hover img{transform:scale(1.02)}
.os-hero-board .os-hero-slide img{transition:transform .5s}
.os-hero-board .os-hero-nav{display:none}
.os-hero-board .os-hero{margin-top:6px}
/* stack : 와이드 배너 + 아래 가로형 회원혜택 박스 */
.os-hero-stack .os-top{display:block;margin-top:0}
.os-hero-stack .os-hero{margin:0 calc(50% - 50vw)}
.os-hero-stack .os-hero-track{height:clamp(320px,32vw,500px);border-radius:0}
.os-hero-stack .os-hero-default{border-radius:0;padding-left:max(40px,calc(50vw - 600px))}
.os-hero-stack .os-hero-nav{right:max(20px,calc(50vw - 600px))}
.os-hero-stack .os-member{display:grid;grid-template-columns:1fr 1.2fr 230px;gap:10px 36px;align-items:center;margin-top:36px;padding:30px 36px;border-radius:var(--os-radius)}
.os-hero-stack .os-member-hi{grid-column:1;grid-row:1/4;font-size:22px;text-align:center}
.os-hero-stack .os-member-steps,.os-hero-stack .os-member-lv{grid-column:2;grid-row:1/4;margin:0}
.os-hero-stack .os-member>.os-btn,.os-hero-stack .os-member-links,.os-hero-stack .os-member-cs{grid-column:3}
.os-hero-stack .os-member-cs{margin-top:0;padding-top:8px}
.os-hero-stack .os-member-steps li{padding:16px 6px}
.os-hero-stack .os-member-steps b{font-size:16px}

/* ---------- 카드 : minimal (상품명 · 가격 한 줄) ---------- */
.os-card-minimal .os-grid{gap:40px 14px}
.os-card-minimal .os-card-thumb{border-radius:0;background:#f2f2f2}
.os-card-minimal .os-card-thumb:after{box-shadow:none}
.os-card-minimal .os-badge{border-radius:0;padding:4px 6px;background:#fff;color:var(--os-ink);font-weight:600;letter-spacing:.1em;font-size:9.5px;box-shadow:none}
.os-card-minimal .os-badge.b-sale{color:var(--os-accent)}
.os-card-minimal .os-card-body{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:12px 0 0}
.os-card-minimal .os-card-name{flex:1 1 0;min-width:0;min-height:0;-webkit-line-clamp:1;font-size:13.5px;font-weight:500}
.os-card-minimal .os-card-price{flex:0 0 auto;margin:0;gap:0 5px}
.os-card-minimal .os-card-price .now,.os-card-minimal .os-card-price .rate{font-size:13.5px;font-weight:500}
.os-card-minimal .os-card-price .now small{font-size:12px;font-weight:500}
.os-card-minimal .os-card-price del{order:-1;font-size:12.5px}
.os-card-minimal .os-card-price .lbl{display:none}
.os-card-minimal .os-card-basic{flex-basis:100%;order:3;margin:0;font-size:12.5px}
.os-card-minimal .os-card-tags{flex-basis:100%;order:4;margin-top:4px}
.os-card-minimal .os-card-tags .t-ship{padding:0;background:none;font-weight:500;color:var(--os-muted)}
.os-card-minimal .os-card-consult{margin-top:0;padding:0;background:none;color:var(--os-ink);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.os-card-minimal .os-card-consult svg{display:none}
.os-card-minimal .os-rank .os-card-thumb:before{border-radius:0;background:#fff;color:var(--os-ink);min-width:30px;height:30px;font-size:13px;font-weight:600}
.os-card-minimal .os-rank .os-card:nth-child(-n+3) .os-card-thumb:before{background:var(--os-ink);color:#fff}

/* ---------- 카드 : atelier (설명 + 전체폭 버튼) ---------- */
.os-card-atelier .os-grid{gap:44px 22px}
.os-card-atelier .os-card{display:flex;flex-direction:column}
.os-card-atelier .os-card-thumb{border-radius:0;background:transparent}
.os-card-atelier .os-card-thumb:after{box-shadow:none}
.os-card-atelier .os-badges{left:0;right:0;justify-content:center}
.os-card-atelier .os-badge{padding:0 4px;border-radius:0;background:transparent;color:var(--os-accent);font-weight:500;font-size:11px;letter-spacing:.02em}
.os-card-atelier .os-card-body{display:flex;flex-direction:column;flex:1;padding:18px 0 0}
.os-card-atelier .os-card-name{min-height:0;font-size:14px;font-weight:700;-webkit-line-clamp:1}
.os-card-atelier .os-card-basic{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin-top:10px;font-size:13px;line-height:1.5}
.os-card-atelier .os-card-price{margin-top:auto;padding-top:14px}
.os-card-atelier .os-card-price .now{font-size:14.5px;font-weight:500}
.os-card-atelier .os-card-price .rate{font-size:14.5px;font-weight:500}
.os-card-atelier .os-card-tags{display:none}
.os-card-atelier .os-card-consult{display:none}
.os-card-atelier .os-card-cta{display:flex;align-items:center;justify-content:center;height:46px;margin-top:14px;background:var(--os-ink);color:#fff;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .2s}
.os-card-atelier .os-card-cta:hover{background:var(--os-primary-dark)}
.os-card-atelier .os-card-actions{display:none}
.os-card-atelier .os-rank .os-card-thumb:before{left:auto;right:0;background:transparent;color:var(--os-muted);font-weight:400;font-size:13px}
.os-card-atelier .os-rank .os-card:nth-child(-n+3) .os-card-thumb:before{background:transparent;color:var(--os-ink)}

/* ---------- 카드 : zine (분류 + 굵은 할인율) ---------- */
.os-card-zine .os-grid{gap:38px 12px}
.os-card-zine .os-card-thumb{border-radius:0}
.os-card-zine .os-card-thumb:after{box-shadow:none}
.os-card-zine .os-card-brand{display:block;margin-bottom:3px;font-size:12px;font-weight:800;color:var(--os-ink)}
.os-card-zine .os-card-body{padding-top:12px}
.os-card-zine .os-card-name{min-height:0;-webkit-line-clamp:2;font-size:13px;line-height:1.45;color:var(--os-text)}
.os-card-zine .os-card-basic{display:none}
.os-card-zine .os-card-price{margin-top:6px}
.os-card-zine .os-card-price .rate{font-size:15px;font-weight:800;color:var(--os-accent)}
.os-card-zine .os-card-price .now{font-size:15px;font-weight:800}
.os-card-zine .os-card-price del{display:none}
.os-card-zine .os-card-tags .t-ship{border-radius:2px;background:#f1f1f1;color:#666;font-weight:500;font-size:11px}
.os-card-zine .os-badge{border-radius:0;font-size:10px;padding:4px 6px;background:#000}
.os-card-zine .os-badge.b-sale{background:var(--os-accent)}
.os-card-zine .os-badge.b-consult{background:#fff;color:#000;box-shadow:inset 0 0 0 1px #000}
.os-card-zine .os-card-consult{border-radius:0;background:#000}
.os-card-zine .os-rank .os-card-thumb:before{border-radius:0;background:#000;min-width:32px;height:32px;font-size:15px}
.os-card-zine .os-rank .os-card:nth-child(-n+3) .os-card-thumb:before{background:var(--os-accent)}

/* ---------- 카드 : craft (작가형, 하트 상시 노출) ---------- */
.os-card-craft .os-grid{gap:30px 16px}
.os-card-craft .os-card-thumb{border-radius:8px}
.os-card-craft .os-card-actions{opacity:1;transform:none;top:8px;right:8px}
.os-card-craft .os-card-actions .btn_cart{display:none}
.os-card-craft .os-card-actions button{width:34px;height:34px;background:rgba(0,0,0,.18);box-shadow:none;backdrop-filter:blur(2px)}
.os-card-craft .os-card-actions svg{stroke:#fff;stroke-width:1.8}
.os-card-craft .os-card-actions button:hover{background:var(--os-primary)}
.os-card-craft .os-card-actions button:hover svg{stroke:#fff}
.os-card-craft .os-card-brand{display:block;margin-bottom:2px;font-size:11.5px;color:var(--os-muted)}
.os-card-craft .os-card-body{padding:10px 2px 0}
.os-card-craft .os-card-name{font-size:13.5px;min-height:2.8em}
.os-card-craft .os-card-basic{display:none}
.os-card-craft .os-badge{border-radius:4px}
.os-card-craft .os-card-tags .t-star{font-weight:700;color:var(--os-ink)}

/* ---------- 브랜드형 헤더 : 반응형 ---------- */
@media (max-width:860px){
  .os-head-brand .os-inner,.os-hd-atelier .os-head-brand .os-inner,.os-hd-banner .os-head-brand .os-inner{grid-template-columns:auto 1fr auto;height:64px;gap:10px}
  .os-hb-left .os-burger{display:block}
  .os-hb-menu{display:none}
  .os-head-brand .os-logo{justify-content:flex-start}
  .os-head-brand .os-logo-text,.os-hd-atelier .os-logo-text,.os-hd-banner .os-logo-text{font-size:22px;text-align:left;letter-spacing:0}
  .os-hd-inline .os-logo-text{letter-spacing:.18em}
  .os-tlinks{gap:14px}
  .os-tl span,.os-tl .os-count-t{display:none !important}
  .os-hd-inline .os-tl svg,.os-hd-atelier .os-tl svg,.os-hd-inline .os-tl .os-count,.os-hd-atelier .os-tl .os-count{display:block}
  .os-head-mag .os-inner{padding-top:14px}
  .os-mag-big{margin-top:8px}
  .os-mag-big ul{flex-wrap:nowrap;overflow-x:auto;gap:18px;scrollbar-width:none}
  .os-mag-big a{font-size:22px;white-space:nowrap}
  .os-mag-sch{width:36px;height:36px}
  .os-mag-sch svg{width:24px;height:24px}
  .os-gnb-sch,.os-nav-bold .os-gnb-right{display:none}
  .os-nav-minimal .os-gnb .os-inner{justify-content:flex-start}
  .os-hero-board .os-hero-track{grid-template-columns:1fr}
  .os-hero-stack .os-hero-track{height:auto;aspect-ratio:1200/420}
  .os-hero-stack .os-member{display:none}
  .os-card-atelier .os-card-cta{height:40px}
}

/* 모바일 공통 보정 (스킨별 섹션 머리 · 간격) */
@media (max-width:860px){
  .os-hb-left .os-burger{display:none}
  .os-body .os-head:not(.os-head-brand) .os-inner{height:auto !important}
  .os-head-brand .os-inner,.os-hd-atelier .os-head-brand .os-inner,.os-hd-banner .os-head-brand .os-inner{grid-template-columns:0 1fr auto}
  .os-body .os-sec{margin-top:48px !important}
  .os-body .os-sec-hd{position:relative;flex-direction:row !important;align-items:flex-end !important;justify-content:space-between !important;text-align:left !important;margin-bottom:16px !important}
  .os-body .os-sec-hd .more{position:static !important;flex:0 0 auto}
  .os-body .os-sec-hd h2{font-size:21px !important}
  .os-body:not(.os-skin-slate) .os-eyebrow{font-size:11px !important;letter-spacing:.14em !important}
  .os-skin-slate .os-eyebrow{font-size:26px !important}
  .os-body .os-eyebrow:before,.os-body .os-eyebrow:after{display:none}
  .os-body .os-tabs{justify-content:flex-start !important}
}

/* =====================================================================
 * v1.4 메인 구성(layout.main) : lookbook · atelier · magazine · market · brand
 *       헤더 market, 히어로 strip, 푸터 columns, 배너 점/막대 표시
 * ===================================================================== */
.os-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.os-pp{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 5px}
.os-pp em{font-style:normal;font-weight:800;color:var(--os-accent)}
.os-pp b{font-weight:800;color:var(--os-ink)}
.os-pp del{font-size:.88em;color:#a6acb5}
.os-pp.is-consult{font-weight:700;color:var(--os-primary)}
.os-hero-dots{display:none}
.os-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.os-track::-webkit-scrollbar{display:none}
.os-track>*{scroll-snap-align:start}
.os-slider-dots{display:flex;justify-content:center;gap:10px;margin-top:26px}
.os-slider-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#cfcfcf;cursor:pointer}
.os-slider-dots button.is-on{background:#555}
.os-carousel.os-two-rows{grid-template-rows:repeat(2,auto);row-gap:28px}

/* ---------- 헤더 : market (로고 옆 전체 카테고리) ---------- */
.os-hd-market .os-head{position:relative}
.os-hd-market .os-head .os-inner{gap:22px;height:84px}
.os-hd-market .os-head .os-cate-btn{height:38px;padding:0 6px;background:transparent;color:var(--os-ink);font-size:14.5px;font-weight:700}
.os-hd-market .os-head .os-cate-btn svg{width:18px;height:18px;stroke-width:1.8}
.os-hd-market .os-search{max-width:380px}
.os-hd-market .os-search input{height:42px;border-width:1.5px;border-radius:2px;background:#fff;font-size:13.5px}
.os-hd-market .os-search button{top:2px}
.os-hd-market .os-search button svg{stroke:#555;stroke-width:1.8}
.os-hd-market .os-gnb{border-top:0}
.os-hd-market .os-gnb .os-inner{justify-content:center;height:50px}
.os-hd-market .os-gnb-menu{flex:0 0 auto !important;margin-left:10px}
.os-hd-market .os-gnb-menu>li.os-gnb-sep{flex:0 0 28px}
.os-hd-market .os-gnb-menu>li>a{padding:0 20px;line-height:50px;font-size:14.5px;font-weight:500}
.os-hd-market .os-gnb-menu>li.os-gnb-sm>a{opacity:1;font-size:14.5px}
.os-hd-market .os-gnb-service a{background:transparent;padding:0 16px;font-size:14.5px;font-weight:500;color:var(--os-nav-fg)}
.os-hd-market .os-gnb-service a:hover{background:transparent;color:var(--os-primary)}

/* ---------- 히어로 : strip (배너 카드 가로 슬라이드) ---------- */
.os-hero-strip .os-top{display:block;margin-top:18px}
.os-hero-strip .os-member{display:none}
.os-hero-strip .os-hero-track{display:flex;gap:10px;height:auto;min-height:0;aspect-ratio:auto;border-radius:0;background:transparent;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.os-hero-strip .os-hero-track::-webkit-scrollbar{display:none}
.os-hero-strip .os-hero-slide{position:relative;inset:auto;flex:0 0 calc((100% - 20px) / 3);aspect-ratio:16/7;opacity:1;pointer-events:auto;border-radius:6px;overflow:hidden;scroll-snap-align:start}
.os-hero-strip .os-hero-nav{left:-24px;right:-24px;top:50%;bottom:auto;transform:translateY(-50%);justify-content:space-between;padding:0;background:none;backdrop-filter:none;pointer-events:none}
.os-hero-strip .os-hero-nav button{width:46px;height:46px;border:1px solid #e3e3e3;background:#fff;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.08);pointer-events:auto}
.os-hero-strip .os-hero-count{display:none}

/* ---------- 푸터 : columns (다크, 링크 열) ---------- */
.os-ftc{padding-top:44px;padding-bottom:40px}
.os-ftc-cols{display:grid;grid-template-columns:200px 220px 1fr auto;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--os-ft-line)}
.os-ftc h4{margin:0 0 18px;font-size:16px;font-weight:700;color:var(--os-ft-strong)}
.os-ftc ul{margin:0;padding:0;list-style:none}
.os-ftc-cols li a{display:block;padding:3px 0;font-size:13.5px;color:var(--os-ft-strong);text-decoration:none;opacity:.88}
.os-ftc-cols li a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
.os-ftc-cols p{margin:0 0 6px;font-size:13px;line-height:1.7}
.os-ftc-cols .tel{font-size:22px;font-weight:800;color:var(--os-ft-strong)}
.os-ftc-sns{display:flex;gap:16px}
.os-ftc-sns a{font-size:22px;color:var(--os-ft-strong);text-decoration:none}
.os-ftc-info{padding:28px 0 20px}
.os-ftc-info p{margin:0 0 6px;font-size:12.5px;font-weight:700;color:var(--os-ft-strong);opacity:.9}
.os-ftc-info .cp{font-weight:500;opacity:.7}
.os-ftc-bottom{display:flex;justify-content:center;gap:0;margin:12px 0 0;padding:0;list-style:none}
.os-ftc-bottom li+li:before{content:"•";margin:0 10px;color:var(--os-ft-fg)}
.os-ftc-bottom a{font-size:12px;color:var(--os-ft-strong);text-decoration:none}

/* ======================= lookbook (미니멀 패션형) ======================= */
.os-main-lookbook .os-band{display:flex;align-items:center;justify-content:center;gap:70px;min-height:76px;margin:0 calc(50% - 50vw);padding:0 20px;background:#3b332c;color:#ece6dc}
.os-main-lookbook .os-band p{margin:0;font-size:18px;font-weight:400;letter-spacing:.04em}
.os-main-lookbook .os-band nav{display:flex;gap:28px}
.os-main-lookbook .os-band a{font-size:12px;font-weight:500;letter-spacing:.08em;color:#ece6dc;text-decoration:none}
.os-main-lookbook .os-band a:hover{text-decoration:underline;text-underline-offset:5px}
.os-main-lookbook .os-band.is-wide{min-height:84px;margin-top:0;background:#4a1d22}
.os-main-lookbook .os-band.is-wide p{font-size:20px;letter-spacing:.03em}
.os-main-lookbook .os-top{margin:0}
.os-main-lookbook .os-hero-track{height:clamp(420px,46vw,700px)}
.os-main-lookbook .os-hero-nav{border-radius:0}
.os-lb-statement{padding:38px 0 36px}
.os-lb-statement p{margin:0;font-size:24px;font-weight:400;line-height:1.4;letter-spacing:-.005em;color:var(--os-ink)}
.os-lb-duo{display:grid;grid-template-columns:1fr 1fr;margin:0 calc(50% - 50vw)}
.os-lb-tile{position:relative;display:block;height:clamp(520px,52vw,820px);background:#e9e7e3 center/cover no-repeat;text-decoration:none}
.os-lb-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.45))}
.os-lb-tile .tx{position:absolute;left:clamp(20px,3vw,40px);bottom:clamp(28px,4vw,56px);z-index:1;display:flex;flex-direction:column;color:#fff}
.os-lb-tile b{font-size:26px;font-weight:500;letter-spacing:.04em}
.os-lb-tile small{margin-top:8px;font-size:14px;opacity:.9}
.os-lb-tile em{margin-top:30px;font-size:11.5px;font-style:normal;font-weight:600;letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px}
.os-lb-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}
.os-lb-hd h2{margin:0;font-size:20px;font-weight:500;letter-spacing:.06em;color:var(--os-ink)}
.os-lb-hd p{margin:4px 0 0;font-size:13.5px;color:var(--os-text)}
.os-lb-hd a{display:inline-block;margin-top:16px;font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--os-ink)}
.os-main-lookbook .os-lb-best{margin-top:56px}
.os-main-lookbook .os-lb-best .os-slider{position:static}
.os-lb-best{position:relative}
.os-lb-arrows{position:absolute;right:0;top:0;display:flex;gap:10px}
.os-main-lookbook .os-lb-arrows .os-slider-btn{position:static;width:36px;height:36px;border:1px solid #bbb;box-shadow:none;border-radius:50%}
.os-main-lookbook .os-lb-best .os-card-thumb{aspect-ratio:4/5}
.os-lb-split{display:grid;grid-template-columns:1fr 1fr;margin:84px calc(50% - 50vw) 0;min-height:clamp(420px,46vw,680px)}
.os-lb-split .img{display:block;background:#ecebe8 center/cover no-repeat}
.os-lb-split .tx{display:flex;flex-direction:column;justify-content:center;padding:40px clamp(24px,4vw,60px)}
.os-lb-split h2{margin:0;font-size:22px;font-weight:500;letter-spacing:.05em;color:var(--os-ink)}
.os-lb-split p{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--os-text)}
.os-lb-split a{margin-top:26px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--os-ink);text-underline-offset:5px}
.os-lb-grid{margin-top:72px}
.os-lb-four{display:grid;grid-template-columns:repeat(4,1fr);margin:0 calc(50% - 50vw)}
.os-lb-four a{position:relative;display:block;aspect-ratio:4/5;background:#efeeec center/cover no-repeat;text-decoration:none}
.os-lb-four span{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:2px;padding:18px 20px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));color:#fff;opacity:0;transition:opacity .25s}
.os-lb-four a:hover span{opacity:1}
.os-lb-four .os-pp b,.os-lb-four .os-pp em{color:#fff;font-weight:500}
.os-lb-cta{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(360px,36vw,560px);margin:0 calc(50% - 50vw);background:#2a2420 center/cover no-repeat;text-align:center;color:#fff}
.os-lb-cta:before{content:"";position:absolute;inset:0;background:rgba(20,16,12,.55)}
.os-lb-cta div{position:relative}
.os-lb-cta small{font-size:11.5px;letter-spacing:.2em}
.os-lb-cta h2{margin:10px 0 6px;font-size:26px;font-weight:400;letter-spacing:.02em;color:#fff}
.os-lb-cta p{margin:0;font-size:14px;opacity:.85}
.os-lb-cta a{display:inline-block;margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.1em;color:#fff;text-underline-offset:5px}

/* ======================= atelier (코스메틱 편집형) ======================= */
.os-main-atelier .os-top{margin:0}
.os-at-sec{margin-top:96px;padding:0 70px}
.os-at-title{margin:0 0 48px;font-size:30px;font-weight:300;letter-spacing:-.01em;color:var(--os-ink)}
.os-at-slider .os-slider-btn{top:30%;width:44px;height:70px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#555}
.os-at-slider .os-slider-btn svg{width:34px;height:34px;stroke-width:1}
.os-at-slider .os-slider-btn:hover{background:transparent;color:#000}
.os-at-slider .os-slider-btn.is-prev{left:-62px}
.os-at-slider .os-slider-btn.is-next{right:-62px}
.os-main-atelier .os-carousel{--os-gap:14px}
.os-at-split{display:grid;grid-template-columns:1fr 1fr;margin:110px calc(50% - 50vw) 0;background:var(--os-soft)}
.os-at-split .img{min-height:clamp(420px,42vw,620px);background:#ebe7d9 center/cover no-repeat}
.os-at-split .tx{display:flex;flex-direction:column;justify-content:center;max-width:520px;padding:60px clamp(30px,6vw,96px)}
.os-at-split.is-rev .img{order:2}
.os-at-split small{font-size:12.5px;color:var(--os-muted)}
.os-at-split h2{margin:14px 0 18px;font-size:30px;font-weight:300;line-height:1.4;letter-spacing:-.01em;color:var(--os-ink)}
.os-at-split p{margin:0;font-size:14.5px;line-height:1.75;color:var(--os-text)}
.os-at-link{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:28px;padding:12px 22px;border:1px solid #333;font-size:13.5px;color:#333;text-decoration:none;transition:.2s}
.os-at-link svg{width:16px;height:16px}
.os-at-link:hover{background:#333;color:#fffef2}

/* ======================= magazine (매거진형) ======================= */
.os-mag{display:grid;grid-template-columns:5fr 7fr;gap:0 24px;margin:0 calc(50% - min(50vw,720px));padding-top:4px}
.os-mag-col{display:flex;flex-direction:column}
.os-mag-tile{position:relative;display:block;aspect-ratio:5/6;background:#eee center/cover no-repeat;overflow:hidden;text-decoration:none}
.os-mag-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.4))}
.os-mag-tile.is-banner:after{display:none}
.os-mag-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.os-mag-tile span{position:absolute;left:24px;bottom:26px;z-index:1;display:flex;flex-direction:column;color:#fff}
.os-mag-tile b{font-size:36px;font-weight:500;letter-spacing:-.02em;line-height:1.1}
.os-mag-tile small{margin-top:8px;font-size:12px;opacity:.9}
.os-mag-cards{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0;padding-top:0}
.os-mag-card{padding:0 20px 46px;border-left:1px solid #eee}
.os-mag-card .img{display:block;aspect-ratio:3/2;background:#f2f2f2 center/cover no-repeat}
.os-mag-card h3{margin:16px 0 8px;font-size:19px;font-weight:700;letter-spacing:-.03em}
.os-mag-card h3 a{color:#000;text-decoration:none}
.os-mag-card>p{margin:0 0 14px;font-size:13px;color:#333}
.os-mag-card ul{margin:0;padding:0;list-style:none;border-top:1px solid #eee}
.os-mag-card li{display:grid;grid-template-columns:58px minmax(0,1fr) 30px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f2f2f2}
.os-mag-card .th{position:relative;display:block;width:58px;height:58px;overflow:hidden;background:#f2f2f2}
.os-mag-card .th img{display:block;width:100%;height:100%;object-fit:cover}
.os-mag-card .th i{position:absolute;left:0;right:0;bottom:0;padding:2px 0;background:#000;color:#fff;font-size:9px;font-style:normal;font-weight:700;text-align:center;letter-spacing:.04em}
.os-mag-card .tx{display:flex;flex-direction:column;min-width:0;color:#000;text-decoration:none;font-size:12px;line-height:1.45}
.os-mag-card .tx b{font-size:11.5px;font-weight:800}
.os-mag-card .tx .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-mag-card .tx .os-pp{font-size:12.5px}
.os-mag-card .tx .tg{align-self:flex-start;margin-top:3px;padding:1px 5px;background:#f1f1f1;color:#666;font-size:10.5px}
.os-mag-wish{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;background:none;color:#999;cursor:pointer}
.os-mag-wish svg{width:20px;height:20px}
.os-mag-wish:hover{color:var(--os-accent)}
.os-main-magazine .os-sec-best{margin-top:60px}

/* ======================= market (작가·수제품 마켓형) ======================= */
.os-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 8px;max-width:960px;margin:28px auto 0}
.os-chips a{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border:1px solid #e6e6e6;border-radius:999px;background:#fff;font-size:13px;color:#333;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.os-chips .ic{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--os-primary-weak);color:var(--os-primary)}
.os-chips .ic svg{width:15px;height:15px}
.os-chips a:hover{border-color:var(--os-primary);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.os-main-market .os-mk-sec{margin-top:58px}
.os-main-market .os-sec-hd{margin-bottom:16px}
.os-main-market .os-sec-hd h2{font-size:22px;font-weight:800;line-height:1.35}
.os-main-market .os-sec-hd .more{border:0;padding:0;background:none;color:#999;font-size:12.5px}
.os-mk-more{display:flex;align-items:center;justify-content:center;gap:2px;width:300px;height:44px;margin:24px auto 0;border:1px solid #ddd;border-radius:4px;font-size:13.5px;color:#333;text-decoration:none}
.os-mk-more svg{width:15px;height:15px}
.os-mk-more:hover{border-color:#999}
.os-mk-promos>a{flex:0 0 calc(50% - 8px)}
.os-mk-promo{display:flex;justify-content:space-between;height:104px;border-radius:6px;overflow:hidden;text-decoration:none;color:#222}
.os-mk-promo .tx{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:14px 22px}
.os-mk-promo em{align-self:flex-start;padding:2px 8px;border-radius:3px;background:var(--os-primary);color:#fff;font-size:11px;font-style:normal;font-weight:700}
.os-mk-promo b{font-size:15.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-mk-promo small{font-size:12px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-mk-promo .im{flex:0 0 150px;background:#fff center/cover no-repeat}
.os-mk-cats>div{flex:0 0 calc((100% - 32px) / 3)}
.os-mk-cat{position:relative;padding:30px 20px 20px;border:1px solid #ececec;border-radius:10px;background:#fff;box-sizing:border-box}
.os-mk-cat .flag{position:absolute;left:14px;top:-11px;padding:3px 10px;border-radius:999px;background:var(--os-primary);color:#fff;font-size:11.5px;font-weight:700}
.os-mk-cat .who{display:flex;align-items:center;gap:10px;margin-bottom:14px;text-decoration:none;color:#222}
.os-mk-cat .av{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--os-primary-weak);color:var(--os-primary)}
.os-mk-cat .av svg{width:22px;height:22px}
.os-mk-cat .who b{display:block;font-size:14.5px}
.os-mk-cat .who small{font-size:12px;color:#999}
.os-mk-cat .its{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.os-mk-cat .its a{text-decoration:none;color:#333}
.os-mk-cat .th{display:block;aspect-ratio:1;border-radius:6px;background:#f4f4f4 center/cover no-repeat}
.os-mk-cat .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:12.5px;line-height:1.4}
.os-main-market .os-slider-btn{top:calc(50% - 40px)}

/* ======================= brand (뷰티 브랜드몰형) ======================= */
.os-main-brand .os-top{margin:0}
.os-skin-bloom .os-hero-nav{display:none}
.os-skin-bloom .os-hero-dots{position:absolute;left:50%;bottom:18px;z-index:3;display:flex;gap:8px;transform:translateX(-50%)}
.os-skin-bloom .os-hero-dots button{width:70px;height:3px;padding:0;border:0;background:rgba(255,255,255,.7);cursor:pointer}
.os-skin-bloom .os-hero-dots button.is-on{background:#333}
.os-br-boxes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:70px}
.os-br-box{position:relative;padding:36px 34px 32px;border:1px solid #ddd;text-align:center;overflow:hidden}
.os-br-box>small{font-size:11.5px;letter-spacing:.32em;color:#333}
.os-br-box h2{margin:8px 0 22px;font-size:27px;font-weight:800;letter-spacing:.06em;color:#111}
.os-br-two{display:grid;grid-template-columns:1fr 1fr}
.os-br-two>div+div{border-left:1px solid #e5e5e5}
.os-br-two .ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--os-primary-weak);color:var(--os-primary)}
.os-br-two .ic svg{width:30px;height:30px}
.os-br-two b{display:block;margin-top:12px;font-size:19px;font-weight:800}
.os-br-two em{font-style:normal;color:var(--os-accent)}
.os-br-two p{margin:6px 0 0;font-size:13px;line-height:1.5;color:#555}
.os-br-desc{position:relative;z-index:1;margin:0;font-size:17px;line-height:1.6;color:#333}
.os-br-cs{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:22px}
.os-br-cs b{font-size:19px;font-weight:800;color:#111}
.os-br-cs span{font-size:15px;color:#333}
.os-br-cs small{font-size:12.5px;color:#777}
.os-br-deco{position:absolute;right:-10px;bottom:-14px;color:#dbe6f5}
.os-br-deco svg{width:150px;height:150px;stroke-width:1.2}
.os-br-title{margin:90px 0 40px;font-size:22px;font-weight:500;text-align:center;letter-spacing:.02em;color:#222}
.os-br-board{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.os-br-board .os-midbn{margin:0}
.os-br-board .os-midbn img{border-radius:0}
.os-br-board .two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.os-br-board .two a,.os-br-board .r{display:flex;flex-direction:column;align-items:center;padding:24px 16px 0;background:#f2f3f5;text-align:center;text-decoration:none;color:#222;overflow:hidden}
.os-br-board small{font-size:11px;color:#777}
.os-br-board b{margin-top:8px;font-size:14px;font-weight:600}
.os-br-board .two .im{width:70%;aspect-ratio:1;margin-top:14px;background:center/contain no-repeat}
.os-br-board .r{justify-content:flex-start;padding-top:60px}
.os-br-board .r b{font-size:26px;font-weight:500}
.os-br-board .r p{margin:10px 0 0;font-size:13.5px;color:#555}
.os-br-board .r .im{flex:1;width:80%;min-height:280px;margin-top:20px;background:center bottom/contain no-repeat}
.os-br-line{display:flex;align-items:baseline;gap:16px;margin:96px 0 0;padding-bottom:10px;border-bottom:1px solid #333}
.os-br-line h2{margin:0;font-size:18px;font-weight:600;color:#666}
.os-br-line span{font-size:12px;color:var(--os-accent)}
.os-br-cat{margin:56px 0 30px;font-size:19px;font-weight:700;text-align:center}
.os-br-cat a{color:#222;text-decoration:none}
.os-br-items{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 28px;margin:0;padding:0;list-style:none}
.os-br-items a{display:flex;flex-direction:column;gap:3px;color:#222;text-decoration:none}
.os-br-items .im{display:block;aspect-ratio:1;margin-bottom:14px;background:#f4f4f4;overflow:hidden}
.os-br-items .im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.os-br-items a:hover .im img{transform:scale(1.03)}
.os-br-items b{font-size:13px;font-weight:700}
.os-br-items small{font-size:12px;color:#777}
.os-br-items .os-pp b{color:var(--os-accent);font-size:13px}
.os-br-quick{display:none}
@media (min-width:1700px){
  .os-br-quick{position:fixed;right:0;top:0;bottom:0;z-index:70;display:flex;flex-direction:column;gap:16px;width:190px;padding:28px 16px;border-left:1px solid #e5e5e5;background:#fff;box-sizing:border-box;overflow-y:auto}
  .os-skin-bloom #hd,.os-skin-bloom #wrapper,.os-skin-bloom #ft{margin-right:190px}
  .os-br-quick .logo{font-size:22px;font-weight:600;color:#111;text-decoration:none;letter-spacing:-.02em}
  .os-br-quick .promo{display:flex;flex-direction:column;padding:16px 14px;background:var(--os-hero-bg);color:#111;text-decoration:none}
  .os-br-quick .promo b{font-size:24px;font-weight:800}
  .os-br-quick .promo span{font-size:13px;font-weight:600}
  .os-br-quick .links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:0;list-style:none}
  .os-br-quick .links a{display:block;padding:5px 6px;border:1px solid #e5e5e5;font-size:11.5px;color:#333;text-decoration:none}
  .os-br-quick dl{margin:0;font-size:11.5px;color:#555}
  .os-br-quick dt{margin-top:12px;padding-top:12px;border-top:1px solid #eee;font-weight:700;color:#222}
  .os-br-quick dd{margin:6px 0 0;line-height:1.6}
}

/* ---------- 메인 구성 : 반응형 ---------- */
@media (max-width:1100px){
  .os-at-sec{padding:0}
  .os-at-slider .os-slider-btn.is-prev{left:4px}
  .os-at-slider .os-slider-btn.is-next{right:4px}
  .os-mag{grid-template-columns:1fr;margin:0}
  .os-mag-col{display:grid;grid-template-columns:1fr 1fr}
  .os-ftc-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .os-main-lookbook .os-band{flex-direction:column;gap:6px;padding:14px 20px;text-align:center}
  .os-main-lookbook .os-band p{font-size:14px}
  .os-lb-statement p{font-size:18px}
  .os-lb-duo,.os-lb-split,.os-at-split{grid-template-columns:1fr}
  .os-lb-tile{height:110vw}
  .os-lb-split .img,.os-at-split .img{min-height:80vw}
  .os-at-split.is-rev .img{order:0}
  .os-lb-four{grid-template-columns:1fr 1fr}
  .os-lb-four span{opacity:1}
  .os-at-title{font-size:24px;margin-bottom:24px}
  .os-mag-col{grid-template-columns:1fr}
  .os-mag-cards{grid-template-columns:1fr}
  .os-mag-card{padding:24px 0 30px;border-left:0}
  .os-mag-tile b{font-size:26px}
  .os-hero-strip .os-hero-slide{flex-basis:86%}
  .os-hero-strip .os-hero-nav{display:none}
  .os-mk-promos>a{flex-basis:90%}
  .os-mk-cats>div{flex-basis:80%}
  .os-carousel.os-two-rows{grid-auto-columns:calc((100% - 12px) / 2.2)}
  .os-br-boxes,.os-br-board,.os-br-board .two{grid-template-columns:1fr}
  .os-br-two{grid-template-columns:1fr 1fr}
  .os-br-items{grid-template-columns:1fr 1fr;gap:30px 12px}
  .os-ftc-cols{grid-template-columns:1fr}
}
/* v1.4 보정 : 배너 글씨가 왼쪽에 있으므로 잘릴 때는 오른쪽부터 */
.os-hero-wide .os-hero-slide img,.os-hero-strip .os-hero-slide img,.os-main-lookbook .os-hero-slide img{object-position:left center}
.os-hd-market .os-gnb-menu>li.os-gnb-sep{background:none}
.os-mk-cats{padding-top:14px}
.os-mag-tile.is-banner{aspect-ratio:1200/420}
.os-mag-tile.is-banner img{object-position:center}
.os-lb-cta{background-image:none !important;background:#2b2622}
@media (max-width:860px){
  .os-gnb .os-inner{justify-content:flex-start !important}
  .os-hd-market .os-head .os-cate-btn{display:none}
  .os-hd-market .os-head .os-inner{height:auto}
}
/* 레이어 팝업은 고정 헤더(z-index 1000)보다 항상 위 */
.os-body #hd_pop{position:relative;z-index:1200}
.os-body .hd_pops{z-index:1200}