/* BARA DMS 제품 센터 — 미니프로그램 화면을 그대로 옮긴 판. 치수는 SPEC.md(2× 캡처 px) × --u */
@font-face{font-family:"Pretendard";src:url(/assets/fonts/Pretendard-sub.woff2?v=33547de312) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Bodonin";src:url(../fonts/bod_r.woff2?v=7e7d2d7c47) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bodonin";src:url(../fonts/bod.woff2?v=9daa05aecb) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"BodBI";src:url(../fonts/bod_bi.woff2?v=ce91807c5c) format("woff2");font-display:swap}
:root{--nav:#872936;--red:#842835;--w:430px;--vw:min(100vw,var(--w));--u:calc(var(--vw) / 656);--uh:calc(var(--vw) / 680);
  --barh:calc(104*var(--uh));--tabh:calc(91*var(--uh));--sans:"Pretendard",-apple-system,"PingFang SC",system-ui,sans-serif;--bod:"Bodonin","Didot","Times New Roman",serif;--bodi:"BodBI","Didot","Times New Roman",serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:#141214}
body{word-break:keep-all;overflow-wrap:anywhere;font-family:var(--sans);color:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul{list-style:none}
.app{position:relative;max-width:var(--w);min-height:100vh;margin:0 auto;background:#fff;padding-top:var(--barh);animation:pgin .28s ease-out}
@keyframes pgin{from{opacity:0}to{opacity:1}}
body.has-tabs .app{padding-bottom:var(--tabh)}
/* 이미지 페이드 인 (원본: 열면 이미지가 0.5~0.8초에 걸쳐 나타남) */
.js img:not(.is-in){opacity:0}.js img{transition:opacity .65s ease}
/* 상단 바 */
.bar{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--w);height:var(--barh);background:var(--nav);z-index:50;display:flex;align-items:center;justify-content:center}
.bar__title{font-size:clamp(15px,calc(34*var(--uh)),18px);font-weight:500;color:#fff;max-width:64%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar__back{position:absolute;left:0;top:0;height:100%;width:calc(80*var(--uh));display:grid;place-items:center;color:#fff}
.bar__back svg{width:calc(40*var(--uh));height:calc(40*var(--uh))}
/* 하단 탭 */
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--w);height:calc(var(--tabh) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#222;display:flex;z-index:50}
.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(12*var(--uh));gap:calc(10*var(--uh));color:#cbcbcb;font-size:calc(20*var(--uh));line-height:1}
.tab__ic{width:calc(34*var(--uh));height:calc(34*var(--uh));display:grid;place-items:center;border-radius:calc(5*var(--uh));background:#dcdcdc;color:#222}
.tab__ic svg{width:72%;height:72%}
.tab__mk{font-size:calc(13*var(--uh));font-weight:800;letter-spacing:-.04em;color:#222}
.tab.is-on{color:#c2485a}.tab.is-on .tab__ic{background:var(--red)}.tab.is-on .tab__ic svg,.tab.is-on .tab__mk{color:#2a0b10}
/* 공통 */
.bdl b{color:#c9a46e;font-weight:inherit}
.mk{position:absolute;z-index:2;font-family:var(--sans);font-weight:800;color:var(--red);line-height:1;letter-spacing:-.01em}
.pill{display:inline-grid;place-items:center;width:calc(70*var(--u));height:calc(24*var(--u));border:calc(2*var(--u)) solid currentColor;border-radius:99px}
.pill svg{width:62%;height:70%}
.fab{position:fixed;bottom:calc(210*var(--uh));right:max(calc(16*var(--uh)),calc(50% - var(--w)/2 + 16*var(--uh)));width:max(44px,calc(64*var(--uh)));height:max(44px,calc(64*var(--uh)));min-width:44px;min-height:44px;border-radius:50%;background:#fff;color:#111;border:1px solid #ddd;display:grid;place-items:center;z-index:40}
.fab svg{width:50%;height:50%}
.toast{position:fixed;left:50%;bottom:30%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;font-size:14px;padding:10px 16px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:60}
.toast.is-on{opacity:1}
/* 라이트박스 */
.lb{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.lb.is-on{opacity:1}.lb img{max-width:100%;max-height:100%;object-fit:contain;opacity:1!important}
.zoomable{cursor:zoom-in}
/* 홈: 스크롤 없음. 히어로 750×1360rpx 고정 + 아래 #f4f4f4 */
.p-home .app{background:#f4f4f4}   /* 2026-11-11: 홈도 아래로 스크롤 → 1600 목록이 이어짐(녹화 home-scroll.mp4) */
.hlist{background:#000}
.hero{position:relative;height:calc(1232*var(--uh));overflow:hidden;background:#120a0a}
.hero__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__l{position:absolute;z-index:1;font-family:var(--sans);font-weight:800;color:var(--red);line-height:.74;letter-spacing:-.04em}
.hero__l b{color:#8c6a44;font-weight:inherit}
.hero__l--1{left:calc(-40*var(--uh));top:calc(46*var(--uh));font-size:calc(250*var(--uh))}
.hero__l--2{right:calc(-6*var(--uh));bottom:calc(0*var(--uh));font-size:calc(560*var(--uh))}
.hero__txt{position:absolute;z-index:2;left:calc(69*var(--uh));top:calc(797*var(--uh))}
.hero__en{font-family:var(--bod);font-weight:700;font-size:calc(50*var(--uh));line-height:calc(42*var(--uh));text-shadow:0 1px 8px rgba(0,0,0,.45)}
.hero__ko{font-size:calc(26*var(--uh));font-weight:700;margin-top:calc(8*var(--uh));text-shadow:0 1px 8px rgba(0,0,0,.5)}
.hero__go{display:inline-block;margin-top:calc(46*var(--uh));color:#fff}.hero__go .pill{width:calc(70*var(--uh));height:calc(22*var(--uh))}
/* 자재 선택 센터 (검은 바탕, 한 화면) */
.p-center .app{background:#000}
.msc{padding-top:calc(61*var(--uh));text-align:center}
.msc__en{font-family:var(--bod);font-weight:700;font-size:calc(32*var(--uh));line-height:calc(30*var(--uh));letter-spacing:.01em}
.msc__line{display:block;width:calc(30*var(--uh));height:calc(2*var(--uh));background:var(--red);margin:calc(14*var(--uh)) auto 0}
.msc__ko{font-size:calc(28*var(--uh));line-height:1;margin-top:calc(14*var(--uh))}
.scns{display:flex;gap:calc(5*var(--uh));padding-left:calc(21*var(--uh));margin-top:calc(78*var(--uh));overflow:hidden}
.scn{position:relative;flex:0 0 calc(214*var(--uh));height:calc(170*var(--uh));overflow:hidden;color:#fff}
.scn img{width:100%;height:100%;object-fit:cover}
.scn__mk{top:calc(8*var(--uh));left:calc(8*var(--uh));font-size:calc(16*var(--uh))}
.scn .pill{position:absolute;left:calc(8*var(--uh));bottom:calc(8*var(--uh));width:calc(36*var(--uh));height:calc(13*var(--uh));border-width:1px}
.sechead{display:flex;align-items:center;gap:calc(12*var(--uh));padding:calc(35*var(--uh)) calc(28*var(--uh)) 0 calc(20*var(--uh))}
.sechead__ko{font-size:calc(26*var(--uh));white-space:nowrap}.sechead i{flex:1;height:1px;background:linear-gradient(90deg,#5a2a32,#3a3a3a)}
.sechead__en{font-family:var(--bod);font-weight:700;font-size:calc(11*var(--uh));letter-spacing:.04em;white-space:nowrap}
.rcards{display:grid;gap:calc(43*var(--uh));padding:calc(29*var(--uh)) 0 calc(63*var(--uh)) calc(22*var(--uh))}
.rcard{position:relative;display:block;height:calc(371*var(--uh));overflow:hidden;background:#222;color:#fff}
.rcard[aria-disabled]{cursor:default}
.rcard img{width:100%;height:100%;object-fit:cover}
.rcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 60%,rgba(0,0,0,.45))}
.rcard>span{z-index:2}
.rcard__mk{top:calc(20*var(--uh));left:calc(22*var(--uh));font-size:calc(26*var(--uh))}
.rcard__brand{position:absolute;top:calc(22*var(--uh));right:calc(26*var(--uh));font-family:var(--bod);font-size:calc(22*var(--uh))}
.rcard__size{position:absolute;left:calc(22*var(--uh));bottom:calc(24*var(--uh));font-family:var(--bod);font-size:calc(26*var(--uh));line-height:1.1}
.rcard__size small{display:block;font-size:calc(13*var(--uh));letter-spacing:.04em}
.rcard__go{position:absolute;right:calc(36*var(--uh));bottom:calc(28*var(--uh));width:calc(72*var(--uh));height:calc(26*var(--uh))}
/* 1600 목록 */
.p-list .app{background:#000}
.lbn{position:relative;height:calc(453*var(--u));overflow:hidden;background:#0c0b0b}
.lbn img{width:100%;height:100%;object-fit:cover}
.lbn::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.1) 60%)}
.lbn>*:not(img){position:absolute;z-index:2}
.lbn__brand{top:calc(28*var(--u));left:calc(32*var(--u));font-family:var(--bod);font-weight:700;font-size:calc(34*var(--u))}
.lbn__brand i{font-family:var(--bodi);color:#e0586d;font-weight:400}
.lbn__tag{top:calc(36*var(--u));right:calc(28*var(--u));display:flex;align-items:center;gap:calc(8*var(--u));font-size:calc(18*var(--u));font-weight:700}
.lbn__tag i{width:1px;height:calc(16*var(--u));background:#fff}
.lbn__copy{left:calc(32*var(--u));top:calc(196*var(--u))}
.lbn__copy h2{font-size:calc(38*var(--u));font-weight:900;line-height:1.2;letter-spacing:-.02em;border-bottom:calc(3*var(--u)) solid #c04154;padding-bottom:calc(4*var(--u))}
.lbn__sz{font-family:var(--bod);font-weight:700;font-size:calc(17*var(--u));margin-top:calc(8*var(--u))}
.lbn__en{font-family:var(--bod);font-size:calc(14*var(--u));line-height:1.35;margin-top:calc(8*var(--u))}
.lbn__ss{left:calc(32*var(--u));bottom:calc(30*var(--u));font-family:var(--bod);font-weight:700;font-size:calc(18*var(--u));line-height:1}
.lbn__ss small{display:block;font-family:var(--sans);font-size:calc(13*var(--u));margin-top:calc(3*var(--u))}
.lbn__mk{right:calc(20*var(--u));bottom:calc(20*var(--u));font-size:calc(64*var(--u))}
.sbox-wrap{background:#fff;padding:calc(21*var(--u)) calc(26*var(--u)) calc(21*var(--u)) calc(24*var(--u));border-top:calc(15*var(--u)) solid #f4f4f4}
.sbox{display:block}
.sbox__in{display:flex;align-items:center;gap:calc(14*var(--u));height:calc(57*var(--u));border-radius:99px;background:#f2f2f2;padding:0 calc(16*var(--u));color:#666;font-size:calc(28*var(--u))}
.sbox__in svg{width:calc(32*var(--u));height:calc(32*var(--u));color:#999}
.plist{display:grid;gap:calc(16*var(--u));padding:calc(1*var(--u)) 0 calc(200*var(--u));background:#000}
.prow{position:relative;display:block;height:calc(205*var(--u));overflow:hidden;color:#1a1817;background:#ddd}
.prow.is-dark{color:#fff;background:#333}
.prow::before{content:"";position:absolute;z-index:1;inset:0}
.prow.is-light::before{background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0) 45%,rgba(255,255,255,0) 58%,rgba(255,255,255,.55))}
.prow.is-dark::before{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 45%,rgba(0,0,0,0) 58%,rgba(0,0,0,.5))}
.prow>*{position:absolute;z-index:2}
.prow>.prow__bg{z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.prow>picture{z-index:0;inset:0}.prow picture>.prow__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prow__top{left:calc(34*var(--u));right:calc(14*var(--u));top:calc(22*var(--u));display:flex;align-items:center;gap:calc(6*var(--u))}
.prow__name{font-size:calc(32*var(--u));line-height:1.1;white-space:nowrap}
.prow__line{flex:1;height:1px;background:#a3404f;opacity:.8}
.prow__code{font-family:var(--bod);font-weight:700;font-size:calc(22*var(--u));white-space:nowrap}
.prow__en{left:calc(34*var(--u));top:calc(62*var(--u));font-family:var(--bodi);font-size:calc(20*var(--u))}
.prow__b{right:calc(14*var(--u));top:calc(56*var(--u));font-size:calc(17*var(--u))}
.prow__go{left:calc(34*var(--u));top:calc(155*var(--u));width:calc(60*var(--u));height:calc(22*var(--u))}
.prow__fin{right:calc(14*var(--u));bottom:calc(43*var(--u));font-size:calc(17*var(--u));text-align:right}
.prow__size{right:calc(14*var(--u));bottom:calc(18*var(--u));font-family:var(--bod);font-weight:700;font-size:calc(22*var(--u))}
.prow .prow__name,.prow .prow__en,.prow .prow__code,.prow .prow__fin,.prow .prow__size,.prow .prow__b{text-shadow:0 0 calc(6*var(--u)) rgba(255,255,255,.9),0 0 calc(2*var(--u)) rgba(255,255,255,.8)}
.prow.is-dark .prow__name,.prow.is-dark .prow__en,.prow.is-dark .prow__code,.prow.is-dark .prow__fin,.prow.is-dark .prow__size,.prow.is-dark .prow__b{text-shadow:0 0 calc(6*var(--u)) rgba(0,0,0,.9),0 0 calc(2*var(--u)) rgba(0,0,0,.8)}
/* 검색 */
.p-search .app{background:#f4f4f4}
.sbar{display:flex;align-items:center;gap:calc(20*var(--u));background:#fff;padding:calc(16*var(--u)) calc(24*var(--u))}
.sbar__in{flex:1;min-width:0;display:flex;align-items:center;gap:calc(12*var(--u));height:calc(57*var(--u));border-radius:99px;background:#f2f2f2;padding:0 calc(16*var(--u));color:#999}
.sbar__in>svg{width:calc(32*var(--u));height:calc(32*var(--u));flex:none}
.sbar__in input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:max(16px,calc(28*var(--u)));color:#222;outline:none}
.sbar__in input::placeholder{color:#666}
.sbar__in input::-webkit-search-cancel-button{display:none}
.sbar__x{color:#bbb;display:grid}.sbar__x svg{width:calc(30*var(--u));height:calc(30*var(--u))}.sbar__x[hidden]{display:none}
.sbar__cancel{color:#666;font-size:calc(24*var(--u));white-space:nowrap}
.sres{padding:calc(27*var(--u)) calc(27*var(--u)) 60px;color:#343434}
.sres__grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(26*var(--u))}
.scard{display:block;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.scard__img{position:relative;height:calc(322*var(--u));overflow:hidden;background:#060606}
.scard__img .pcard{position:absolute;top:calc(-120*var(--u));width:calc(656*var(--u));transform:scale(.4573);transform-origin:50% 0;left:50%;margin-left:calc(-328*var(--u))}
.scard__n{position:absolute;right:calc(10*var(--u));bottom:calc(10*var(--u));display:flex;align-items:center;gap:4px;background:rgba(0,0,0,.6);color:#fff;font-size:calc(20*var(--u));padding:calc(4*var(--u)) calc(12*var(--u));border-radius:99px;z-index:3}
.scard__n svg{width:1em;height:1em}
.scard__t{padding:calc(16*var(--u)) calc(14*var(--u)) calc(20*var(--u));min-height:calc(110*var(--u));font-size:calc(26*var(--u));line-height:1.4;word-break:break-all;color:#343434}
.snone{text-align:center;padding-top:calc(60*var(--u))}
.snone__t{font-size:calc(24*var(--u));color:#333}.snone__s{font-size:calc(20*var(--u));color:#666;margin-top:calc(8*var(--u))}
/* 상세 */
.p-detail .app{background:#f4f4f4}
.pcard{background:#060606;color:#fff;position:relative}
.pcard__scene{height:calc(556*var(--u));overflow:hidden}.pcard__scene img{width:100%;height:100%;object-fit:cover}
.pcard__board{position:relative;height:calc(676*var(--u))}
.pcard__mk{left:calc(34*var(--u));top:calc(60*var(--u));font-size:calc(46*var(--u))}
.pcard__ic{position:absolute;right:calc(30*var(--u));top:calc(62*var(--u));display:flex;gap:calc(10*var(--u))}
.pcard__ic li{display:flex;flex-direction:column;align-items:center;gap:calc(4*var(--u));color:#d24a5e;font-size:calc(11*var(--u));font-weight:700}
.pcard__ic svg{width:calc(40*var(--u));height:calc(40*var(--u));border:calc(1.5*var(--u)) solid currentColor;border-radius:50%;padding:calc(6*var(--u))}
.pcard__slab{position:absolute;left:0;right:0;top:calc(150*var(--u));height:calc(370*var(--u));display:flex;align-items:center;justify-content:center}
.pcard__slab img{max-height:100%;max-width:calc(320*var(--u));object-fit:contain}
.pcard__slab.is-sq img{max-width:calc(320*var(--u))}
.pcard__info{position:absolute;left:calc(34*var(--u));right:calc(34*var(--u));top:calc(572*var(--u));display:grid;grid-template-columns:1.3fr 1.1fr 1.1fr 1.5fr;gap:calc(10*var(--u));border-bottom:1px solid #7b2333;padding-bottom:calc(6*var(--u))}
.pcard__info dt{font-size:calc(14*var(--u));color:#b0b0b0;margin-bottom:calc(4*var(--u))}
.pcard__info dd{font-size:calc(14*var(--u));line-height:1.35}
.pcard__info .ko{font-size:calc(22*var(--u));white-space:nowrap}.pcard__info .en{position:absolute;top:calc(64*var(--u));font-family:var(--bodi);font-size:calc(14*var(--u))}
.pcard__info .bd{font-family:var(--bod);font-weight:700;font-size:calc(15*var(--u))}
.pcard__b{position:absolute;right:calc(34*var(--u));top:calc(640*var(--u));font-size:calc(13*var(--u))}
.pthumbs{background:#fff;padding:calc(18*var(--u)) calc(28*var(--u)) calc(20*var(--u));margin-bottom:calc(14*var(--u))}
.pthumb{display:block;width:calc(122*var(--u));height:calc(110*var(--u));overflow:hidden;border-radius:calc(4*var(--u));position:relative}
.pcard--mini{position:absolute;left:50%;top:0;width:calc(656*var(--u));margin-left:calc(-328*var(--u));transform:scale(.186);transform-origin:50% 0;margin-top:calc(-60*var(--u));pointer-events:none}
.ptitle{background:#fff;display:flex;align-items:center;justify-content:space-between;min-height:calc(72*var(--u));padding:calc(12*var(--u)) calc(28*var(--u));margin-bottom:calc(14*var(--u));color:#343434}
.ptitle h2{font-size:calc(32*var(--u));font-weight:400}
.ptitle__share{color:#343434;display:grid}.ptitle__share svg{width:calc(32*var(--u));height:calc(32*var(--u))}
.pdet{background:#fff;color:#252525;padding-bottom:calc(60*var(--u))}
.pdet__h{font-size:calc(28*var(--u));font-weight:400;height:calc(60*var(--u));padding-left:calc(22*var(--u));display:flex;align-items:center;gap:calc(12*var(--u));border-bottom:1px solid #f0f0f0}
.pdet__h::before{content:"";width:calc(4*var(--u));height:calc(28*var(--u));background:#000}
.pdet__stack{display:grid;gap:calc(24*var(--u));padding:calc(18*var(--u)) calc(18*var(--u)) 0}
.pdet__stack>img{width:100%;height:auto}
.feat{position:relative;overflow:hidden;padding:calc(56*var(--u)) calc(42*var(--u)) calc(40*var(--u));color:#111}
.feat::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover;filter:blur(14px);z-index:0}
.feat::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55);z-index:0}
.feat.is-dark::after{background:rgba(255,255,255,.62)}
.feat>*{position:relative;z-index:1}
.feat__h{position:relative;display:flex;align-items:center;height:calc(70*var(--u))}
.feat__mk{position:absolute;left:calc(-6*var(--u));top:calc(-8*var(--u));font-size:calc(86*var(--u));opacity:.9}
.feat__t{position:relative;z-index:3;font-size:calc(36*var(--u));font-weight:800;color:#111;margin-left:calc(10*var(--u))}
.feat__en{margin-left:auto;font-family:var(--bod);font-weight:700;font-size:calc(26*var(--u))}
.feat__p{margin-top:calc(34*var(--u));font-size:calc(22*var(--u));line-height:calc(40*var(--u));color:#222}
.feat__slab{display:flex;justify-content:center;margin-top:calc(36*var(--u))}
.feat__slab img{height:calc(1060*var(--u));width:auto;max-width:100%;object-fit:contain}
.feat__cap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:calc(4*var(--u)) calc(8*var(--u));margin:calc(28*var(--u)) calc(30*var(--u)) 0}
.feat__ko{font-size:calc(22*var(--u))}.feat__cap i{height:1px;background:#a3404f}
.feat__code{grid-row:span 2;font-family:var(--bod);font-weight:700;font-size:calc(15*var(--u));text-align:right;line-height:1.3}
.feat__code small{font-family:var(--sans);font-weight:400;font-size:calc(13*var(--u))}
.feat__enn{font-family:var(--bodi);font-size:calc(34*var(--u));grid-column:1/3}
.band{position:relative;display:flex;align-items:center;height:calc(80*var(--u));background:#000;color:#fff;padding:0 calc(22*var(--u));overflow:hidden}
.band__mk{left:calc(22*var(--u));top:calc(8*var(--u));font-size:calc(64*var(--u));opacity:.9}
.band__ko{position:relative;z-index:3;font-size:calc(30*var(--u));font-weight:800}
.band__en{margin-left:auto;font-family:var(--bod);font-weight:700;font-size:calc(26*var(--u))}
/* 회사 소개 */
.p-about .app{background:#000}
.ab-hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#4a0d17 0,#24060b 40%,#0a0203 75%);text-align:center;padding-top:calc(150*var(--u))}
.ab-hero__mk{position:static;display:block;font-size:calc(150*var(--u))}
.ab-hero__en{font-family:var(--bod);font-weight:700;font-size:calc(34*var(--u));line-height:1;margin-top:calc(60*var(--u))}
.ab-hero__ko{font-size:calc(22*var(--u));margin-top:calc(8*var(--u))}
.ab-hero__hat{width:100%;height:auto;margin-top:calc(40*var(--u))}
.ab-col{position:relative;background:#000;padding-top:calc(100*var(--u))}
.ab-col img{width:100%;height:calc(900*var(--u));object-fit:cover;filter:brightness(.55) saturate(.7)}
.ab-col__brand{position:absolute;left:calc(32*var(--u));top:calc(190*var(--u));font-family:var(--bod);font-weight:700;font-size:calc(30*var(--u));line-height:1.1}
.ab-col__brand i{font-family:var(--bodi);font-weight:400;color:#e0586d}.ab-col__brand small{display:block;font-family:var(--sans);font-size:calc(14*var(--u));margin-top:calc(4*var(--u))}
.ab-col__txt{position:absolute;left:0;right:0;top:calc(360*var(--u));padding:0 calc(50*var(--u));text-align:center}
.ab-col__over{font-size:calc(20*var(--u));letter-spacing:.3em;font-weight:700}
.ab-col h2{font-size:calc(56*var(--u));font-weight:800;margin:calc(10*var(--u)) 0 calc(16*var(--u))}
.ab-col p:last-child{font-size:calc(20*var(--u));line-height:1.7;color:#eee}
.ab-co{background:linear-gradient(180deg,#1b2228,#0d0f12);padding:calc(70*var(--u)) calc(40*var(--u))}
.ab-co__name{position:relative;padding-left:calc(110*var(--u));font-size:calc(34*var(--u));font-weight:800;line-height:calc(60*var(--u))}
.ab-co__name .mk{left:0;top:calc(6*var(--u));font-size:calc(48*var(--u))}
.ab-co dl{margin-top:calc(30*var(--u));display:grid;gap:calc(14*var(--u))}
.ab-co dl div{display:grid;grid-template-columns:calc(110*var(--u)) 1fr;font-size:calc(22*var(--u))}
.ab-co dt{color:#b5b5b5}.ab-co a{text-decoration:underline;text-underline-offset:3px}
.ab-txts{position:relative;overflow:hidden;background:#000}
.ab-txts__wm{position:absolute;right:calc(-40*var(--u));top:calc(200*var(--u));font-size:calc(420*var(--u));color:#1f070b;opacity:.9;z-index:0}.ab-txts__wm b{color:#1f170b}
.ab-txt{position:relative;z-index:1;padding:calc(70*var(--u)) calc(30*var(--u)) calc(40*var(--u))}
.ab-txt__cols{column-count:2;column-gap:calc(28*var(--u))}.ab-txt__cols p{break-inside:avoid-column;margin-bottom:calc(14*var(--u))}
.ab-txt__h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:calc(30*var(--u))}
.ab-txt__h h2{font-size:calc(36*var(--u));font-weight:800}.ab-txt__h span{font-family:var(--bod);font-weight:700;font-size:calc(22*var(--u))}
.ab-txt p{font-size:calc(19*var(--u));line-height:1.8;color:#e2e2e2}
.ab-inv{position:relative;min-height:calc(1000*var(--u));overflow:hidden}
.ab-inv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 50%;filter:brightness(.62)}
.ab-inv::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.15) 75%)}
.ab-inv__txt{position:relative;z-index:1;padding:calc(150*var(--u)) calc(36*var(--u)) calc(100*var(--u))}
.ab-inv__mk{position:static;display:block;font-size:calc(48*var(--u))}
.ab-inv h2{font-size:calc(34*var(--u));font-weight:700;line-height:1.45;margin:calc(30*var(--u)) 0}
.ab-inv p{font-size:calc(21*var(--u));line-height:2;color:#eee}
/* ===== PC·태블릿: 같은 화면을 넓힘. --u 를 고정해 글자·여백은 적당히, 폭은 1200px까지 ===== */
@media (min-width:768px){
  :root{--w:min(1200px,100vw);--u:.95px;--uh:.92px}
  .p-home .app{height:auto;overflow:visible}html:has(.p-home){overflow:auto}
  .hero{height:calc(100vh - var(--barh) - var(--tabh));height:calc(100dvh - var(--barh) - var(--tabh));min-height:640px}
  .hero__l--1{font-size:min(36vw,430px)}.hero__l--2{font-size:min(46vw,560px)}
  .hero__txt{top:auto;bottom:22%;left:8%}
  .scn{flex:1 1 0;height:calc(300*var(--uh))}.scns{padding-right:calc(21*var(--uh))}
  .rcards{padding-right:calc(22*var(--uh))}.rcard{height:calc(560*var(--uh))}
  .lbn{height:calc(560*var(--u))}
  .pcard__scene{height:calc(620*var(--u))}
  .pdet__stack{grid-template-columns:1fr 1fr;padding:calc(24*var(--u)) calc(24*var(--u)) 0}
  .pdet__stack>.feat,.pdet__stack>.band{grid-column:1/-1}
  .pdet__stack>img{aspect-ratio:3/4;object-fit:cover;height:100%}
  .feat{padding:calc(60*var(--u)) calc(120*var(--u)) calc(50*var(--u))}
  .feat__slab img{height:calc(1000*var(--u))}
  .sres__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
  .ab-hero__hat{width:min(80%,900px);margin:calc(40*var(--u)) auto 0}
  .ab-col img{height:calc(760*var(--u))}
  .ab-col__txt{padding:0 20%}
  .ab-co{padding:calc(80*var(--u)) calc(80*var(--u))}
  .ab-txt{padding:calc(80*var(--u)) calc(80*var(--u)) calc(50*var(--u))}
  .ab-inv{min-height:calc(760*var(--u))}.ab-inv__txt{padding:calc(140*var(--u)) calc(80*var(--u))}
}

/* 상세 아래 '확대 질감' 사진(녹화 f_019~f_024): 사진 위 글자는 이미지가 아닌 실제 글자 */
.clo{position:relative;overflow:hidden;margin:0}
.clo>img{display:block;width:100%;height:auto}
.clo__mk{position:absolute;left:calc(-4*var(--u));bottom:calc(-22*var(--u));font-family:var(--sans);font-weight:800;font-size:calc(176*var(--u));line-height:1;letter-spacing:-.05em;color:var(--red);pointer-events:none}
.clo__mk b{color:#8c6a44;font-weight:inherit}
.clo__cap{position:absolute;left:62%;right:0;bottom:calc(30*var(--u));display:flex;flex-direction:column;color:#fff;text-shadow:0 0 calc(3*var(--u)) rgba(0,0,0,.55),0 0 calc(10*var(--u)) rgba(0,0,0,.45);pointer-events:none}
.clo__br{padding-bottom:calc(8*var(--u));border-bottom:1px solid rgba(255,255,255,.85);margin-bottom:calc(14*var(--u))}
.clo__br b{display:block;font-family:var(--bod);font-weight:700;font-size:calc(24*var(--u));line-height:1}.clo__br b i{color:#fff}
.clo__br small{display:block;font-size:calc(11*var(--u));margin-top:calc(3*var(--u))}
.clo__en{font-size:calc(14*var(--u));font-weight:700;letter-spacing:.02em}
.clo__ko{font-size:calc(20*var(--u));font-weight:600;margin-top:calc(2*var(--u))}
.clo__ln{width:calc(18*var(--u));height:1px;background:#fff;margin:calc(12*var(--u)) 0}
.clo__sp{font-size:calc(13*var(--u));line-height:1.45}
@media (min-width:768px){.pdet__stack>.clo>img{aspect-ratio:3/4;object-fit:cover;height:100%}}
/* 확대 질감 글자: 밝은 대리석 위에서도 읽히도록 아래쪽만 옅게 어둡게 */
.clo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.42));pointer-events:none;z-index:0}
.clo__cap,.clo__mk{z-index:1}

/* PC 상단 메뉴·PC 전용 사진: 1200px 미만에선 숨김 (pc.css가 1200px 이상에서 켬) */
.pcnav,.hero__pc{display:none}
.lbn>picture{position:absolute;inset:0;z-index:0;display:block}
.clos{display:contents}
.clo>picture{display:block}.clo>picture>img{display:block;width:100%;height:auto}
@media (min-width:768px){.pdet__stack .clo>picture>img{aspect-ratio:3/4;object-fit:cover;height:100%}}
.scn>picture{display:contents}
/* 모바일·태블릿: 앱 바 오른쪽 끝 메인 홈페이지 링크(제목 칸 max-width 56% 바깥 22% 안에 들어감, 탭 영역 = 바 높이 × 64px 이상) */
.bar__site{position:absolute;right:0;top:0;height:100%;min-width:44px;padding:0 calc(14*var(--uh)) 0 6px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;color:#fff;line-height:1.15;text-align:right;-webkit-tap-highlight-color:rgba(255,255,255,.15)}
.bar__site span{font-size:max(10px,calc(19*var(--uh)));font-weight:500;opacity:.82;letter-spacing:-.02em}
.bar__site b{font-size:max(11px,calc(22*var(--uh)));font-weight:700;letter-spacing:-.01em}
.bar__site b::after{content:"↗";margin-left:2px;font-weight:500;color:#f2c6cc}
/* 2026-11-11 모바일·태블릿: 확대 사진(cl)은 정사각 1350px 원본 그대로(3:4 로 자르면 화면×3 화소가 모자람) */
@media (max-width:1199px){.pdet__stack .clo>picture>img,.clo>picture>img{aspect-ratio:1/1;height:auto;object-fit:cover}}


/* layout2: 정보 글자 최소 12px. 사진 위 글자는 그림자만. 1200 카드 마크업은 그대로. */
.sechead__en,.tab__mk,.rcard__size small,.lbn__ss small,
.pcard__ic li,.pcard__info dt,.pcard__info dd,.pcard__info .en,.pcard__b,
.feat__code,.feat__code small,.clo__br small,.clo__en,.clo__sp,
.prow__fin,.prow__b,.bar__site span{font-size:max(12px,calc(14*var(--u)))}
.sechead__en,.tab__mk,.rcard__size small{font-size:max(12px,calc(13*var(--uh)))}
.tab{font-size:max(12px,calc(20*var(--uh)))}
.tab__lb{color:#eee;font-size:max(12px,calc(20*var(--uh)))}
.mk,.bdl,.rcard__mk,.scn__mk,.pcard__mk,.lbn__mk,.feat__mk,.band__mk,.hero__l,
.hero__en,.hero__ko,.lbn__tag,.pcard__ic li{text-shadow:0 1px 12px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.4)}
.ptitle__share{min-width:44px;min-height:44px}
.prow__code{right:12px}
@media (max-width:1199px){.prow{box-sizing:border-box}}

.pcard__ic li{color:#fff}
/* ---- pc.css (1200px 이상) ---- */
@media (min-width:1200px){
/* BARA DMS 제품 센터 — PC 전용(≥1200px). app.css 다음에 media="(min-width:1200px)"로 불러옴.
   모바일(<768)·태블릿(768–1199)은 app.css 그대로. 분위기: 검정 · 와인(#872936) · Didone(Bodonin) · 대리석 줄 */
:root{--w:100vw;--u:.95px;--uh:.92px;--navh:76px;--barh:var(--navh);--tabh:0px;--wine:#872936;--ink:#0b0a0a;--box:1200px}
html{background:var(--ink)}
.app{max-width:none;padding-top:var(--navh);padding-bottom:0!important}
/* 폰 상단 바·하단 탭·홈 동그라미 대신 상단 메뉴 */
.bar,.tabbar,.fab{display:none!important}
.pcnav{position:fixed;inset:0 0 auto;height:var(--navh);z-index:60;display:flex;align-items:center;gap:56px;padding:0 max(40px,calc(50vw - 680px));background:rgba(11,10,10,.94);backdrop-filter:blur(8px);border-bottom:1px solid #2a1418;color:#fff}
.pcnav__brand{display:flex;align-items:baseline;gap:14px}
.pcnav__brand .bdl{font-family:var(--sans);font-weight:800;font-size:30px;letter-spacing:-.04em;color:#a8323f;line-height:1}
.pcnav__name{font-family:var(--bod);font-weight:700;font-size:21px;letter-spacing:.02em}.pcnav__name i{font-family:var(--bodi);font-weight:400;color:#e0586d}
.pcnav__links{display:flex;gap:40px;margin-left:auto}
.pcnav__links a,.pcnav__search{position:relative;font-size:16px;font-weight:500;color:#d6d2d2;padding:8px 0;transition:color .2s}
.pcnav__links a:hover,.pcnav__search:hover{color:#fff}
.pcnav__links a[aria-current]{color:#fff}
.pcnav__links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#c2485a}
.pcnav__search{display:flex;align-items:center;gap:8px;border:1px solid #4a3a3d;border-radius:99px;padding:8px 18px 8px 14px}
.pcnav__search svg{width:18px;height:18px}

/* ---------- 홈 히어로: 화면 꽉 채운 가로 원본 사진 + BDL 큰 글자 ---------- */
.p-home .app{background:var(--ink)}
.hero{height:calc(100vh - var(--navh));min-height:680px;max-height:1100px}
.hero__v{display:none}
.hero__pc{display:block;position:absolute;inset:0}
.hero__pc img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:hzoom 22s ease-in-out infinite alternate}
@keyframes hzoom{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.hero__pc img{animation:none}}
.hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,0) 55%)}
.hero__l{z-index:1}
.hero__l--1{left:-.04em;top:4vh;font-size:min(30vh,320px)}
.hero__l--2{right:-.02em;bottom:-.02em;font-size:min(62vh,640px)}
.hero__txt{left:max(40px,calc(50vw - 680px));bottom:12vh;top:auto}
.hero__en{font-size:64px;line-height:.98}
.hero__ko{font-size:22px;font-weight:600;margin-top:16px}
.hero__go{margin-top:36px}.hero__go .pill{width:84px;height:28px;border-width:1.5px}

/* ---------- 목록 배너: 와이드 원본, 화면 폭 ---------- */
.lbn>picture{position:absolute;inset:0;z-index:0;display:block}
.lbn{height:min(72vh,720px);min-height:560px}
.lbn::after{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.15) 55%,rgba(0,0,0,0))}
.lbn__brand{top:44px;left:max(40px,calc(50vw - 680px));font-size:34px}
.lbn__tag{top:52px;right:max(40px,calc(50vw - 680px));font-size:16px;gap:12px}.lbn__tag i{height:14px}
.lbn__copy{left:max(40px,calc(50vw - 680px));top:auto;bottom:34%}
.lbn__copy h2{font-size:52px;letter-spacing:-.03em;border-bottom-width:3px;padding-bottom:10px}
.lbn__sz{font-size:24px;margin-top:18px}
.lbn__en{font-size:20px;margin-top:10px}
.lbn__ss{left:max(40px,calc(50vw - 680px));bottom:48px;font-size:22px}.lbn__ss small{font-size:15px;margin-top:6px}
.lbn__mk{right:max(40px,calc(50vw - 680px));bottom:40px;font-size:96px}

/* ---------- 검색 ---------- */
.sbox-wrap{border-top:0;padding:28px 40px;display:flex;justify-content:center;background:#fff}
.sbox{width:min(720px,100%)}
.sbox__in{height:56px;font-size:17px;gap:12px;padding:0 24px;background:#f1f0f0}
.sbox__in svg{width:22px;height:22px}

/* ---------- 목록 26줄: 대리석 띠를 크게 (최대 1200×300, 사진 2400×600) ---------- */
.plist{gap:14px;padding:14px 0 120px;justify-items:center}
.prow{width:min(var(--box),calc(100vw - 80px));height:auto;aspect-ratio:4/1;transition:transform .35s ease}
.prow:hover{transform:translateY(-2px)}
.prow .prow__bg{transition:transform 1.2s ease}.prow:hover .prow__bg{transform:scale(1.03)}
.prow__top{left:48px;right:40px;top:36px;gap:16px}
.prow__name{font-size:34px;font-weight:500;letter-spacing:-.01em}
.prow__code{font-size:22px}
.prow__en{left:48px;top:88px;font-size:24px}
.prow__b{right:40px;top:84px;font-size:15px;font-weight:600}
.prow__go{left:48px;top:auto;bottom:40px;width:72px;height:26px;border-width:1.5px}
.prow__fin{right:40px;bottom:72px;font-size:16px}
.prow__size{right:40px;bottom:36px;font-size:24px}

/* ---------- 제품 상세: 왼쪽 공간 사진 · 오른쪽 검은 규격판 ---------- */
.p-detail .app{background:#f4f4f4}
.p-detail .main{display:grid;grid-template-columns:minmax(0,1fr) 548px;grid-template-rows:auto 1fr auto;grid-template-areas:"scene title" "scene board" "scene thumbs" "det det";background:var(--ink)}
.p-detail .pmain,.p-detail .pmain>.pcard{display:contents}
.p-detail .pmain .pcard__scene{grid-area:scene;height:calc(100vh - var(--navh));min-height:720px;max-height:1000px}
.p-detail .pmain .pcard__board{grid-area:board;height:auto;background:#060606;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;padding:20px 56px 0}
.p-detail .pmain .pcard__board>*{position:static}
.p-detail .pmain .pcard__mk{order:0;font-size:40px;margin-top:4px}
.p-detail .pmain .pcard__ic{order:1;margin-left:auto;gap:16px}
.p-detail .pmain .pcard__ic li{font-size:12px;gap:6px}
.p-detail .pmain .pcard__ic svg{width:40px;height:40px;border-width:1.3px;padding:7px}
.p-detail .pmain .pcard__slab{order:2;flex:0 0 100%;height:auto;margin:24px 0 28px}
.p-detail .pmain .pcard__slab img,.p-detail .pmain .pcard__slab.is-sq img{max-width:100%;max-height:min(34vh,320px)}
.p-detail .pmain .pcard__info{order:3;flex:0 0 100%;grid-template-columns:1fr 1fr;gap:20px 28px;padding-bottom:20px;border-bottom:1px solid #7b2333}
.p-detail .pmain .pcard__info>div{position:relative}
.p-detail .pmain .pcard__info dt{font-size:13px;color:#a9a4a4;margin-bottom:6px}
.p-detail .pmain .pcard__info dd{font-size:15px;line-height:1.45}
.p-detail .pmain .pcard__info .ko{font-size:22px;white-space:normal}
.p-detail .pmain .pcard__info .en{position:static;font-size:17px;margin-top:4px;color:#ddd}
.p-detail .pmain .pcard__info .bd{font-size:18px}
.p-detail .pmain .pcard__b{order:4;margin-left:auto;font-size:13px;margin-top:10px;color:#cfcfcf}
.p-detail .ptitle{grid-area:title;background:#060606;color:#fff;margin:0;padding:40px 56px 0;align-items:flex-start;gap:20px}
.p-detail .ptitle h2{font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.p-detail .ptitle__share{color:#cfcfcf;border:1px solid #444;border-radius:50%;width:44px;height:44px;place-items:center;flex:none}
.p-detail .ptitle__share svg{width:20px;height:20px}
.p-detail .pthumbs{grid-area:thumbs;background:#060606;margin:0;padding:22px 56px 36px}
.p-detail .pthumb{width:92px;height:83px;border-radius:2px;outline:2px solid #872936;outline-offset:3px}
.p-detail .pthumb .pcard--mini{transform:scale(.1465)}
/* 상세 아래: 흰 바탕, 가운데 1200 */
.pdet{grid-area:det;background:#fff;padding:0 0 120px}
.pdet__h{max-width:var(--box);margin:0 auto;height:auto;padding:64px 0 24px;font-size:26px;font-weight:600;border:0}
.pdet__h::before{height:26px;width:4px}
.pdet__stack{max-width:var(--box);margin:0 auto;padding:0;gap:24px;grid-template-columns:1fr 1fr}
.pdet__stack{grid-auto-flow:row}
.pdet__stack>img{aspect-ratio:4/5;height:auto;width:100%}
.pdet__stack>img.is-wide{grid-column:1/-1;aspect-ratio:auto}
.pdet__stack>img.is-solo{grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}
.clos{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.feat{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto 1fr;column-gap:72px;padding:72px 80px 72px}
.feat__h,.feat__p,.feat__cap{grid-column:1}
.feat__slab{grid-column:2;grid-row:1/4;margin:0;align-self:center}
.feat__slab img{height:840px}
.feat__h{height:auto;padding-top:20px}
.feat__mk{font-size:96px;left:-6px;top:-24px}
.feat__t{font-size:34px;margin-left:12px}
.feat__en{font-size:24px}
.feat__p{font-size:18px;line-height:2;margin-top:44px;max-width:34em}
.feat__cap{align-self:end;margin:40px 0 0;gap:6px 14px}
.feat__ko{font-size:22px}.feat__code{font-size:16px}.feat__code small{font-size:14px}.feat__enn{font-size:40px}
.band{height:96px;padding:0 40px}
.band__mk{left:36px;top:6px;font-size:84px}
.band__ko{font-size:28px}.band__en{font-size:24px}
.pdet__stack .clo>picture>img{aspect-ratio:1/1;height:auto}
.clo__mk{font-size:180px}
.clo__cap{left:60%;bottom:36px}
.clo__br b{font-size:24px}.clo__br small{font-size:12px}.clo__en{font-size:14px}.clo__ko{font-size:20px}.clo__sp{font-size:13px}

/* ---------- 자재 선택 센터 ---------- */
.p-center .main{max-width:var(--box);margin:0 auto;padding:0 0 120px}
.msc{padding-top:88px}
.msc__en{font-size:56px;line-height:1;letter-spacing:.01em}
.msc__line{width:44px;height:2px;margin-top:26px}
.msc__ko{font-size:22px;margin-top:20px;color:#e6e6e6}
.scns{margin-top:72px;padding:0;gap:12px}
.scn{flex:1 1 0;height:520px}
.scn img{transition:transform 1.2s ease}.scn:hover img{transform:scale(1.03)}
.scn__mk{top:20px;left:22px;font-size:26px}
.scn .pill{left:22px;bottom:22px;width:64px;height:22px;border-width:1.5px}
.sechead{padding:88px 0 0;gap:22px}
.sechead__ko{font-size:26px;font-weight:600}.sechead__en{font-size:14px}
.rcards{grid-template-columns:7fr 5fr;gap:12px;padding:32px 0 0}
.rcard{height:460px}
.rcard__mk{top:28px;left:30px;font-size:30px}.rcard__brand{top:30px;right:32px;font-size:22px}
.rcard__size{left:30px;bottom:30px;font-size:30px}.rcard__size small{font-size:14px;margin-bottom:4px}
.rcard__go{right:32px;bottom:34px;width:76px;height:26px}

/* ---------- 회사 소개 ---------- */
.ab-hero{display:grid;grid-template-columns:1fr 1fr;align-items:end;text-align:left;padding:0 max(40px,calc(50vw - 600px));min-height:calc(100vh - var(--navh))}
.ab-hero__mk{grid-column:1;grid-row:1;align-self:center;font-size:200px;line-height:.8}
.ab-hero__en{grid-column:1;grid-row:1;align-self:end;margin:0 0 160px;font-size:56px;line-height:1}
.ab-hero__ko{grid-column:1;grid-row:1;align-self:end;margin:0 0 120px;font-size:22px}
.ab-hero picture{grid-column:2;grid-row:1;align-self:end}
.ab-hero__hat{width:100%;max-width:600px;margin:80px 0 0 auto}
.ab-col{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#000}
.ab-col picture{grid-column:1;grid-row:1}
.ab-col img{height:min(88vh,860px);filter:brightness(.8) saturate(.85)}
.ab-col__brand{position:absolute;left:max(40px,calc(50vw - 600px));top:48px;font-size:30px}
.ab-col__brand small{font-size:14px}
.ab-col__txt{position:static;grid-column:2;grid-row:1;align-self:center;padding:0 max(40px,calc(50vw - 600px)) 0 96px;text-align:left}
.ab-col__over{font-size:15px}
.ab-col h2{font-size:56px;margin:18px 0 26px}
.ab-col p:last-child{font-size:19px;line-height:1.9}
.ab-co{display:grid;grid-template-columns:1fr 1.4fr;align-items:start;gap:60px;padding:100px max(40px,calc(50vw - 600px))}
.ab-co__name{font-size:30px;padding-left:96px;line-height:52px}
.ab-co__name .mk{font-size:42px;top:4px}
.ab-co dl{margin:0;gap:18px}
.ab-co dl div{grid-template-columns:110px 1fr;font-size:18px;line-height:1.6}
.ab-txts{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:110px max(40px,calc(50vw - 600px)) 120px}
.ab-txts__wm{font-size:440px;right:-40px;top:60px}
.ab-txt{padding:0}
.ab-txt__h{margin-bottom:36px}
.ab-txt__h h2{font-size:34px}.ab-txt__h span{font-size:22px}
.ab-txt__cols{column-count:1}
.ab-txt p{font-size:18px;line-height:1.95;margin-bottom:18px}
.ab-inv{min-height:min(92vh,880px)}
.ab-inv__txt{padding:160px max(40px,calc(50vw - 600px)) 140px}
.ab-inv__mk{font-size:56px}
.ab-inv h2{font-size:44px;line-height:1.4;margin:36px 0 40px}
.ab-inv p{font-size:19px;line-height:2.1}

/* ---------- 검색 ---------- */
.p-search .main{max-width:var(--box);margin:0 auto}
.sbar{padding:28px 0;background:transparent;gap:24px}
.sbar__in{height:56px;padding:0 22px}.sbar__in>svg{width:22px;height:22px}.sbar__in input{font-size:17px}
.sbar__cancel{font-size:16px}
.sres{padding:20px 0 120px}
.sres__grid{grid-template-columns:repeat(4,1fr);gap:24px}
.scard__t{font-size:17px;min-height:0;padding:16px 18px 20px}
/* 첫 공간 사진이 아주 넓은 파노라마(19·23·27)면 자르지 않고 검은 바탕 위에 통째로 (자르면 1440·DPR2에서 화소 부족) */
.p-detail .pmain .pcard__scene.is-pano{background:#060606;display:flex;align-items:center}
.p-detail .pmain .pcard__scene.is-pano img{height:auto;object-fit:contain}
/* 메인 홈페이지로 돌아가는 링크 (2026-11-11 사장님 지시) */
.pcnav__site{display:flex;align-items:center;gap:6px;margin-left:-28px;padding:8px 0 8px 28px;border-left:1px solid #3a2c2f;font-size:15px;font-weight:500;color:#d6d2d2;white-space:nowrap;transition:color .2s}
.pcnav__site:hover{color:#fff}.pcnav__site span{font-size:13px;color:#c2485a}

}