@charset "utf-8";
/* =====================================================================
   아츠로 리뉴얼 공통 (헤더 · 메가메뉴 · 검색 · 드로어 · 하단바 · 퀵메뉴 · 빠른 견적 패널 · 푸터)
   - 시안 artsro-responsive-v16.html 기준
   - 기존 base.css / layout.css 와 섞여도 깨지지 않도록 모든 클래스에 ar- 접두어 사용
   - 구간 : PC ≥1100 · 노트북 1100–1279 · 태블릿 760–1099 · 모바일 <760
   ===================================================================== */
:root{
  --ar-red:#E60012; --ar-blue:#0075C1; --ar-yellow:#FABE00; --ar-logo-gray:#727171;
  --ar-red-soft:#FFF0F1; --ar-blue-soft:#EAF4FB; --ar-yellow-soft:#FFF7DC;
  --ar-ink:#1B1D23; --ar-text:#3A3D46; --ar-muted:#7A7F8C; --ar-line:#E6E8EC; --ar-bg:#FFFFFF; --ar-bg2:#F5F6F8;
  --ar-tri:linear-gradient(90deg,var(--ar-yellow) 0%,var(--ar-yellow) 33.3%,var(--ar-blue) 33.3%,var(--ar-blue) 66.6%,var(--ar-red) 66.6%,var(--ar-red) 100%);
  --ar-swoosh:linear-gradient(90deg,var(--ar-yellow),var(--ar-blue),var(--ar-red));
  --ar-font:Pretendard,"Pretendard Variable",-apple-system,BlinkMacSystemFont,system-ui,"Noto Sans KR","Malgun Gothic",sans-serif;
  --ar-hd-h:100px;
}
/* 반응형으로 바뀐 페이지(body.ar-rwd) : 예전 base.css·layout.css 를 안 불러오므로 여기서 기본값 정리 */
body.ar-rwd{margin:0;min-width:0;background:#fff;font-family:var(--ar-font);font-size:16px;line-height:1.5;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;color:var(--ar-ink);font-variant-numeric:tabular-nums}
:where(body.ar-rwd) :where(*,*::before,*::after){box-sizing:border-box}
:where(body.ar-rwd) :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,figure,blockquote){margin:0}
:where(body.ar-rwd) :where(ul,ol){padding:0;list-style:none}
:where(body.ar-rwd) :where(a){color:inherit;text-decoration:none}
:where(body.ar-rwd) :where(img){max-width:100%;display:block}
:where(body.ar-rwd) :where(button,input,select,textarea){font:inherit;color:inherit}
:where(body.ar-rwd) :where(main){display:block}

/* 공통 영역 기본값 (기존 CSS 의 a/ul/img 규칙 영향 차단) */
.ar-hd,.ar-ft,.ar-drawer,.ar-qp,.ar-mbar,.ar-float,.ar-toast{font-family:var(--ar-font);word-break:keep-all;-webkit-font-smoothing:antialiased;line-height:1.5;color:var(--ar-ink);font-variant-numeric:tabular-nums;text-align:left}
.ar-hd *,.ar-ft *,.ar-drawer *,.ar-qp *,.ar-mbar *,.ar-float *{box-sizing:border-box}
.ar-hd a,.ar-ft a,.ar-drawer a,.ar-qp a,.ar-mbar a,.ar-float a{color:inherit;text-decoration:none}
.ar-hd ul,.ar-ft ul,.ar-drawer ul,.ar-qp ul{list-style:none;margin:0;padding:0}
.ar-hd img,.ar-ft img,.ar-drawer img,.ar-qp img{display:block;max-width:none}
.ar-hd button,.ar-drawer button,.ar-qp button,.ar-qp select,.ar-hd input{font-family:inherit}
.ar-wrap{width:min(1280px,calc(100% - 48px));margin:0 auto}
.ar-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ar-skip{position:fixed;left:12px;top:-60px;z-index:300;background:var(--ar-ink);color:#fff!important;padding:10px 16px;border-radius:10px;font:700 14px/1 var(--ar-font)}
.ar-skip:focus{top:12px}

/* SNS 원형 아이콘 */
.ar-sns{display:flex;gap:6px;align-items:center}
.ar-sns a{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff!important;flex:none}
.ar-sns svg{width:13px;height:13px;display:block}
.ar-sns .k{background:#FEE500;color:#3A1D1D!important}
.ar-sns .y{background:#FF0000}
.ar-sns .i{background:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}
.ar-lang{border:1px solid var(--ar-line);border-radius:999px;padding:2px 10px;font-weight:600;font-size:12px;line-height:18px;white-space:nowrap}
.ar-lang:hover{border-color:var(--ar-ink)}

/* 버튼 */
.ar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px;line-height:1;border:0;cursor:pointer;transition:.2s;white-space:nowrap;text-decoration:none}
.ar-btn-red{background:var(--ar-red);color:#fff!important}.ar-btn-red:hover{background:#c90010}
.ar-btn-line{border:1px solid var(--ar-line);background:#fff;color:var(--ar-ink)!important}.ar-btn-line:hover{border-color:var(--ar-ink)}

/* ===== 헤더 ===== */
.ar-hd{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ar-hd-in{display:flex;align-items:center;height:var(--ar-hd-h)}
.ar-logo{flex:none;display:block}
.ar-logo img{width:130px;height:60px}
.ar-tri{height:4px;background:var(--ar-tri)}

/* 대분류 (연예인 / 셀럽 / 공연팀) : 로고 글자 아래선에 맞춰 아래 정렬 */
.ar-gnb{display:flex;margin-left:56px!important;gap:4px;height:100%}
.ar-gnb>li{display:flex;align-items:stretch}
.ar-gnb>li>a{position:relative;padding:0 24px 20px;height:100%;display:flex;align-items:flex-end;font-size:21px;line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--ar-ink)}
.ar-gnb>li>a::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:4px;border-radius:4px 4px 0 0;background:var(--c);transform:scaleX(0);transition:.25s}
.ar-gnb>li:hover>a::after,.ar-gnb>li:focus-within>a::after,.ar-gnb>li.on>a::after{transform:scaleX(1)}
.ar-gnb>li:hover>a,.ar-gnb>li:focus-within>a,.ar-gnb>li.on>a{color:var(--ct,var(--c))}

/* 메가메뉴
   2026-10-23 : 흰 배경 전체가 아니라 가운데 메뉴 내용(.ar-wrap)만 마우스를 받음 → 좌우·아래로 벗어나면 바로 닫힘 (공연팀처럼 넓은 메뉴도)
               닫힐 때 0.15초 여유 (메뉴로 내려가다 살짝 벗어났다 돌아와도 안 닫힘) */
.ar-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--ar-line);box-shadow:0 30px 50px rgba(20,24,35,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s .15s,transform .2s .15s,visibility 0s .35s;z-index:5;pointer-events:none}
.ar-hd .ar-gnb>li:hover .ar-mega,.ar-hd .ar-gnb>li:focus-within .ar-mega{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s,visibility 0s}
.ar-hd.no-mega .ar-mega{opacity:0!important;visibility:hidden!important;transition:none!important}
.ar-mega::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c)}
.ar-mega .ar-wrap{position:relative;padding:28px 0 38px;pointer-events:auto}
/* 대분류에서 메뉴 내용으로 내려오는 틈에서 끊기지 않게 (내용 폭만큼만) */
.ar-mega .ar-wrap::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.ar-mega-hd{display:flex;align-items:baseline;gap:14px;padding-bottom:16px;margin-bottom:6px;border-bottom:2px solid var(--ar-ink)}
.ar-mega-hd .eb{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--ct,var(--c))}
.ar-mega-hd h4{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0}
.ar-mega-hd p{color:var(--ar-muted);font-size:14px;margin:0}
.ar-mega-hd .all{margin-left:auto;font-size:13.5px;font-weight:700;color:var(--ar-text)}
.ar-mega-hd .all:hover{color:var(--ct,var(--c))}
.ar-mega-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0 28px}
.ar-mega-grid a{display:block;padding:11px 0;font-size:15px;color:var(--ar-text);border-bottom:1px solid #F0F1F4;transition:.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-mega-grid a:hover,.ar-mega-grid a.on{color:var(--ct,var(--c));padding-left:6px}
.ar-mega-grid a.on{font-weight:700}
.ar-mega-team{display:grid;grid-template-columns:repeat(8,1fr);gap:28px 22px;padding-top:16px}
.ar-mega-team h5{font-size:15px;font-weight:800;padding-bottom:10px;margin:0 0 8px;border-bottom:1px solid var(--ar-line);display:flex;justify-content:space-between;align-items:baseline}
.ar-mega-team h5 a:hover{color:var(--ct,var(--c))}
.ar-mega-team h5 em{font-style:normal;font-size:12px;color:var(--ar-muted);font-weight:500}
.ar-mega-team li a{display:block;font-size:13.5px;color:var(--ar-text);padding:4px 0}
.ar-mega-team li a:hover,.ar-mega-team li a.on{color:var(--ct,var(--c))}
.ar-mega-team li a.on{font-weight:700}

/* 오른쪽 2단 */
.ar-h-right{margin-left:auto;display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%}
.ar-h-util{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-size:12.5px;line-height:1;color:var(--ar-muted)}
.ar-h-util>a:hover{color:var(--ar-ink)}
.ar-h-util .sep{width:1px;height:11px;background:var(--ar-line)}
.ar-h-util .cart{display:inline-flex;align-items:center;gap:5px}
.ar-h-util .cart b{min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--ar-red);color:#fff;font-size:10.5px;display:grid;place-items:center}
.ar-h-util .ar-sns a{width:22px;height:22px}
.ar-h-util .ar-sns svg{width:12px;height:12px}
.ar-h-main{display:flex;align-items:center;gap:6px}
.ar-subnav{display:flex;align-items:center;gap:4px;margin-right:10px!important;font-size:15px;font-weight:700;color:var(--ar-text)}
.ar-subnav>li{position:relative}
.ar-subnav>li>a{display:flex;align-items:center;gap:4px;height:44px;padding:0 12px;border-radius:999px;line-height:1}
.ar-subnav>li>a:hover,.ar-subnav>li:hover>a,.ar-subnav>li:focus-within>a,.ar-subnav>li.on>a{color:var(--ar-blue);background:var(--ar-blue-soft)}
.ar-subnav .caret{font-size:10px;transition:.2s}
.ar-subnav>li:hover .caret{transform:rotate(180deg)}
.ar-dd{position:absolute;left:50%;top:100%;transform:translate(-50%,6px);padding-top:12px;opacity:0;visibility:hidden;transition:.2s;z-index:60}
.ar-subnav>li:hover .ar-dd,.ar-subnav>li:focus-within .ar-dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ar-dd ul{width:210px;background:#fff;border:1px solid var(--ar-line);border-radius:14px;box-shadow:0 20px 40px rgba(20,24,35,.14);padding:8px;overflow:hidden}
.ar-dd ul::before{content:"";display:block;height:3px;margin:-8px -8px 8px;background:var(--ar-tri)}
.ar-dd a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--ar-ink)}
.ar-dd a i{width:8px;height:8px;border-radius:50%;flex:none}
.ar-dd a span{margin-left:auto;color:var(--ar-muted);font-size:12px;font-weight:500}
.ar-dd a:hover{background:var(--ar-bg2)}
.ar-h-tools{display:flex;gap:8px;align-items:center}
.ar-icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--ar-line);display:grid;place-items:center;color:var(--ar-text);position:relative;background:#fff;cursor:pointer;padding:0}
.ar-icon-btn:hover,.ar-icon-btn[aria-expanded="true"]{border-color:var(--ar-ink);color:var(--ar-ink)}

/* 태블릿·모바일 헤더 버튼 */
.ar-m-acts{display:none;margin-left:auto;align-items:center;gap:4px}
.ar-m-acts a,.ar-m-acts button{width:42px;height:42px;border:0;background:none;display:grid;place-items:center;color:var(--ar-ink);position:relative;cursor:pointer;border-radius:12px;padding:0}
.ar-m-acts .badge{position:absolute;top:4px;right:2px;background:var(--ar-red);color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;border:2px solid #fff;line-height:1}
.ar-hamb span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ar-ink);box-shadow:0 -6px 0 var(--ar-ink),0 6px 0 var(--ar-ink)}

/* 검색 레이어 */
.ar-search{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--ar-line);box-shadow:0 20px 40px rgba(20,24,35,.1);display:none;z-index:6}
.ar-search.on{display:block}
.ar-search form{display:flex;gap:10px;align-items:center;padding:20px 0}
.ar-search .in{position:relative;flex:1;max-width:720px;margin:0 auto}
.ar-search input{width:100%;height:54px;border-radius:14px;border:2px solid var(--ar-ink);padding:0 60px 0 20px;font-size:16px;color:var(--ar-ink);background:#fff;outline:none}
.ar-search input:focus{border-color:var(--ar-blue);box-shadow:0 0 0 3px var(--ar-blue-soft)}
.ar-search .go{position:absolute;right:7px;top:7px;width:40px;height:40px;border:0;border-radius:10px;background:var(--ar-ink);color:#fff;cursor:pointer;display:grid;place-items:center}
.ar-search .x{width:42px;height:42px;border:0;border-radius:12px;background:var(--ar-bg2);font-size:18px;cursor:pointer;color:var(--ar-ink)}
.ar-search p{text-align:center;font-size:13px;color:var(--ar-muted);margin:-8px 0 0;padding-bottom:18px}

/* ===== 드로어 (태블릿·모바일 전체메뉴) ===== */
.ar-dim{position:fixed;inset:0;background:rgba(10,12,18,.5);z-index:190;opacity:0;visibility:hidden;transition:.25s}
.ar-drawer{position:fixed;top:0;right:0;bottom:0;width:min(380px,88vw);background:#fff;z-index:191;transform:translateX(105%);transition:transform .3s cubic-bezier(.3,.7,.2,1),visibility .3s;visibility:hidden;display:flex;flex-direction:column}
body.ar-menu-open{overflow:hidden;padding-right:var(--ar-sbw,0px)}
body.ar-menu-open .ar-float,body.ar-qp-open .ar-float{margin-right:var(--ar-sbw,0px)}
body.ar-menu-open .ar-mbar,body.ar-qp-open .ar-mbar{right:var(--ar-sbw,0px)}
body.ar-menu-open .ar-dim{opacity:1;visibility:visible}
body.ar-menu-open .ar-drawer{transform:none;visibility:visible}
.ar-dr-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid var(--ar-line)}
.ar-dr-top .who{display:flex;gap:14px;font-size:14px;font-weight:600;color:var(--ar-text)}
.ar-dr-top .who b{color:var(--ar-red)}
.ar-x{width:40px;height:40px;border:0;background:var(--ar-bg2);border-radius:12px;font-size:18px;cursor:pointer;color:var(--ar-ink);flex:none}
.ar-dr-tri{height:3px;background:var(--ar-tri)}
.ar-dr-body{flex:1;overflow:auto;padding:16px 20px 24px;overscroll-behavior:contain}
.ar-dr-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.ar-dr-cta a{height:48px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14.5px}
.ar-dr-cta .q{background:var(--ar-red);color:#fff!important}
.ar-dr-cta .k{background:#FEE500;color:#3A1D1D!important}
.ar-acc{border-bottom:1px solid var(--ar-line)}
.ar-acc>button,.ar-dr-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 2px;border:0;background:none;font-size:17px;font-weight:800;color:var(--ar-ink);cursor:pointer;text-align:left;line-height:1.3}
.ar-acc>button::after{content:"+";font-size:20px;font-weight:400;color:var(--ar-muted);transition:.2s}
.ar-acc.open>button::after{transform:rotate(45deg)}
.ar-acc>button i{width:8px;height:8px;border-radius:50%;margin-right:10px;display:inline-block}
.ar-acc-p{display:none;padding:0 0 16px}
.ar-acc.open .ar-acc-p{display:block}
.ar-acc-p .g{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
.ar-acc-p .g a{padding:9px 10px;border-radius:9px;font-size:14px;line-height:1.35;color:var(--ar-text);background:var(--ar-bg2);word-break:break-all}
.ar-acc-p .g a.hl{background:var(--ar-red-soft);color:var(--ar-red);font-weight:700}
.ar-acc-p .g a.all{background:#fff;border:1px solid var(--ar-line);font-weight:700;color:var(--ar-ink)}
.ar-acc-p h6{font-size:13px;margin:14px 2px 6px;color:var(--ar-ink);display:flex;justify-content:space-between}
.ar-acc-p h6:first-child{margin-top:0}
.ar-acc-p h6 em{font-style:normal;color:var(--ar-muted);font-weight:500}
.ar-acc-p .sub a{display:flex;gap:10px;align-items:center;padding:11px 4px;font-size:15px;font-weight:600}
.ar-acc-p .sub a i{width:7px;height:7px;border-radius:50%}
.ar-dr-link{border-bottom:1px solid var(--ar-line)}
.ar-dr-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--ar-line);display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ar-bg2)}
.ar-dr-foot b{font-size:18px;display:block}
.ar-dr-foot small{display:block;font-size:12px;color:var(--ar-muted)}

/* ===== 하단 고정바 (≤1099) ===== */
.ar-mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;border-top:1px solid var(--ar-line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px;box-shadow:0 -8px 24px rgba(20,24,35,.08)}
.ar-mbar a{flex:1;height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:700;line-height:1.1;color:var(--ar-ink);position:relative}
.ar-mbar a svg{width:18px;height:18px;display:block}
.ar-mbar a.q{flex:1.6;flex-direction:row;gap:8px;background:var(--ar-red);color:#fff!important;font-size:15px}
.ar-mbar a.k{background:#FEE500;color:#3A1D1D!important}
.ar-mbar .badge{position:absolute;top:4px;right:calc(50% - 22px);background:var(--ar-red);color:#fff;font-size:10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center}

/* ===== PC 우측 퀵메뉴 (≥1280) ===== */
/* 본문 폭 1280px + 양옆 여백 바깥에 들어갈 자리가 있는 넓은 화면(1520px 이상)에서만 보임 → 본문을 가리지 않음 */
.ar-float{position:fixed;right:24px;top:50%;transform:translateY(-30%);z-index:90;display:none;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 14px 40px rgba(20,24,35,.16);overflow:hidden;border:1px solid var(--ar-line)}
.ar-float a{width:74px;padding:14px 0;text-align:center;font-size:11.5px;font-weight:700;line-height:1.3;border-bottom:1px solid var(--ar-line);display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.ar-float a:last-child{border:0}
.ar-float a i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff}
.ar-float a i svg{width:15px;height:15px}
.ar-float a:hover{background:var(--ar-bg2)}
.ar-float .badge{position:absolute;top:8px;right:14px;background:var(--ar-red);color:#fff;font-size:10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font-style:normal}

/* ===== 토스트 ===== */
/* 알림 : 화면 한가운데 (2026-10-27 : 아래쪽이라 놓치기 쉬워서) */
.ar-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);background:rgba(20,24,35,.94);color:#fff;padding:18px 28px;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:15.5px;font-weight:700;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:400;pointer-events:none;width:max-content;max-width:min(420px,calc(100% - 48px));text-align:center}
.ar-toast.on{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.ar-toast b{color:var(--ar-yellow)}

/* ===== 빠른 견적 패널 ===== */
.ar-sel{width:100%;height:52px;border-radius:12px;border:1px solid var(--ar-line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237A7F8C' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 16px center;font-size:15px;color:var(--ar-ink);padding:0 38px 0 16px;-webkit-appearance:none;appearance:none;cursor:pointer}
.ar-sel:focus{outline:none;border-color:var(--ar-blue);box-shadow:0 0 0 3px var(--ar-blue-soft)}
.ar-sel.need{border-color:var(--ar-red);box-shadow:0 0 0 3px var(--ar-red-soft)}
.ar-field label{display:block;font-size:12.5px;font-weight:700;color:var(--ar-text);margin-bottom:7px}
.ar-field label b{color:var(--ar-red)}
.ar-qp-dim{position:fixed;inset:0;z-index:250;background:rgba(10,12,18,.45);opacity:0;visibility:hidden;transition:.25s}
.ar-qp{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;z-index:251;background:#fff;display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .32s cubic-bezier(.3,.7,.2,1),visibility .32s;box-shadow:-20px 0 60px rgba(20,24,35,.2)}
body.ar-qp-open{overflow:hidden;padding-right:var(--ar-sbw,0px)}
body.ar-qp-open .ar-qp-dim{opacity:1;visibility:visible}
body.ar-qp-open .ar-qp{transform:none;visibility:visible}
.ar-qp-hd{display:flex;justify-content:space-between;align-items:flex-start;padding:26px 26px 18px}
.ar-qp-eb{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:var(--ar-red)}
.ar-qp-hd h3{font-size:26px;letter-spacing:-.03em;margin:4px 0 0;line-height:1.3}
.ar-qp-hd p{font-size:14px;color:var(--ar-muted);margin:4px 0 0}
.ar-qp-tri{height:4px;background:var(--ar-tri)}
.ar-qp-body{flex:1;overflow:auto;padding:22px 26px 28px;display:flex;flex-direction:column;gap:12px;margin:0;overscroll-behavior:contain}
.ar-qp-body>*{flex:none}
.ar-qp-ctx{display:none;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--ar-red-soft)}
.ar-qp-ctx.on{display:flex}
.ar-qp-ctx img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;background:#eee;flex:none}
.ar-qp-ctx b{font-size:15px;display:block}
.ar-qp-ctx span{display:block;font-size:12.5px;color:var(--ar-text);margin-top:2px}
.ar-qp-ctx button{margin-left:auto;border:0;background:none;color:var(--ar-muted);font-size:12px;cursor:pointer;text-decoration:underline;flex:none}
.ar-qp-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ar-qp-go{height:56px;border-radius:14px;font-size:16px;margin-top:4px;width:100%}
.ar-qp-note{font-size:12px;color:var(--ar-muted);text-align:center;margin:-4px 0 0}
.ar-qp-or{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ar-muted);margin:6px 0 0}
.ar-qp-or::before,.ar-qp-or::after{content:"";flex:1;height:1px;background:var(--ar-line)}
.ar-qp-contact{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ar-qp-contact a{height:48px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:14.5px;border:1px solid var(--ar-line)}
.ar-qp-contact a.k{background:#FEE500;border-color:#FEE500;color:#3A1D1D!important}
.ar-qp-contact a:not(.k):hover{border-color:var(--ar-ink)}
.ar-qp-hour{font-size:12px;color:var(--ar-muted);text-align:center;margin:0}
.ar-qp-status{margin-top:8px;padding:16px 18px;border-radius:16px;background:var(--ar-bg2)}
.ar-qs-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ar-qs-hd h4{font-size:15px;display:flex;align-items:center;gap:8px;margin:0}
.ar-qs-hd .more{font-size:13px;color:var(--ar-muted);font-weight:600}
.ar-qs-hd .more:hover{color:var(--ar-ink)}
.ar-live{width:8px;height:8px;border-radius:50%;background:var(--ar-red);box-shadow:0 0 0 0 rgba(230,0,18,.5);animation:arPulse 1.6s infinite}
@keyframes arPulse{70%{box-shadow:0 0 0 8px rgba(230,0,18,0)}}
.ar-qp-status li{display:grid;grid-template-columns:44px 50px 1fr;gap:6px;font-size:13px;padding:8px 0;border-bottom:1px dashed #DADDE3;align-items:center}
.ar-qp-status li:last-child{border:0}
.ar-qp-status time{color:var(--ar-muted);font-size:12px}
.ar-qp-status .ev{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ar-text)}

/* ===== 푸터 ===== */
.ar-ft{background:var(--ar-bg2);border-top:1px solid var(--ar-line);padding:56px 0 64px;font-size:13.5px;color:var(--ar-muted);margin-top:0;clear:both}
.ar-f-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:30px;border-bottom:1px solid var(--ar-line)}
.ar-ft .ar-logo-img{width:130px;height:60px}
.ar-f-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px;font-weight:700;color:var(--ar-ink)}
.ar-f-nav a:hover{text-decoration:underline!important}
.ar-f-nav .pv{color:var(--ar-blue)}
.ar-f-cs{display:grid;grid-template-columns:auto auto;gap:36px;text-align:left}
.ar-f-cs h5{font-size:13px;color:var(--ar-ink);margin:0 0 8px}
.ar-f-cs strong{display:block;font-size:30px;color:var(--ar-ink);letter-spacing:-.02em;line-height:1.1;font-weight:800}
.ar-f-cs p{line-height:1.7;margin:4px 0 0}
.ar-f-info{padding-top:26px;line-height:1.9;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.ar-f-info b{color:var(--ar-text)}
.ar-f-info .ar-sns a{width:34px;height:34px}
.ar-f-info .ar-sns svg{width:16px;height:16px}

/* 아직 리뉴얼 전 페이지의 전체화면 팝업(갤러리·영상·아이돌)이 고정 헤더 아래로 깔리지 않게 */
.gall_wrap,.vod_wrap,.idol_popwrap{z-index:320!important}
/* 1520px 이상 : 본문 바깥 여백에 글자 있는 퀵메뉴
   1100~1519px : 아이콘만 있는 작은 퀵메뉴를 오른쪽 여백에 */
@media (min-width:1520px){ .ar-float{display:flex} }
@media (min-width:1100px) and (max-width:1519px){
  .ar-float{display:flex;right:6px;top:50%;transform:translateY(-50%);border-radius:26px;padding:4px;gap:4px;border:1px solid var(--ar-line)}
  .ar-float a{width:42px;padding:0;border:0;border-radius:50%}
  .ar-float a i{width:42px;height:42px}
  .ar-float a i svg{width:17px;height:17px}
  .ar-float a span{position:absolute;right:52px;top:50%;transform:translateY(-50%);background:var(--ar-ink);color:#fff;font-size:12px;padding:5px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}
  .ar-float a:hover span,.ar-float a:focus-visible span{opacity:1}
  .ar-float a:hover{background:none}
  .ar-float a:hover i{filter:brightness(.92)}
  .ar-float .badge{top:-2px;right:-2px;border:2px solid #fff}
}
/* 1100~1519px : 본문 양옆 여백을 64px 로 넓혀 작은 퀵메뉴(오른쪽 끝 52px) 자리를 만듦 → 본문과 겹치지 않음 */
@media (min-width:1100px) and (max-width:1519px){
  .ar-wrap{width:min(1280px,calc(100% - 128px))}
}
/* 예전 퀵메뉴·TOP 버튼은 새 퀵메뉴로 대체 */
.quick_wrap,.top_wrap{display:none!important}

/* ===================================================================== 반응형 */
@media (max-width:1279px){
  .ar-gnb{margin-left:28px!important}
  .ar-gnb>li>a{padding:0 16px 20px;font-size:19px}
  .ar-gnb>li>a::after{left:16px;right:16px}
  .ar-subnav>li>a{padding:0 9px;font-size:14px}
  .ar-mega-team{grid-template-columns:repeat(4,1fr)}
  .ar-mega-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:1099px){
  :root{--ar-hd-h:68px}
  .ar-logo img{width:104px;height:48px}
  .ar-hd .ar-gnb,.ar-hd .ar-h-right,.ar-mega{display:none}
  .ar-m-acts{display:flex}
  .ar-mbar{display:flex}
  body.ar-rwd{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .ar-f-top{flex-direction:column;gap:24px}
  .ar-f-info{flex-direction:column;align-items:flex-start;gap:16px}
  .ar-search form{padding:14px 0}
}
@media (max-width:759px){
  :root{--ar-hd-h:60px}
  .ar-wrap{width:calc(100% - 32px)}
  .ar-logo img{width:91px;height:42px}
  .ar-search input{height:50px;font-size:15px}
  .ar-search .x{display:none}
  .ar-ft{padding:40px 0 48px;font-size:12.5px}
  .ar-f-nav{gap:10px 18px}
  .ar-f-cs{grid-template-columns:1fr;gap:18px}
  .ar-f-cs strong{font-size:26px}
  .ar-toast{font-size:14.5px;padding:16px 22px}
  /* 빠른 견적 : 아래에서 올라오는 바텀시트 */
  .ar-qp{top:auto;left:0;width:100%;max-height:92vh;max-height:92dvh;border-radius:22px 22px 0 0;transform:translateY(105%)}
  body.ar-qp-open .ar-qp{transform:none}
  .ar-qp::before{content:"";display:block;width:44px;height:5px;border-radius:5px;background:#D6D8DE;margin:10px auto 0;flex:none}
  .ar-qp-hd{padding:12px 20px 14px}
  .ar-qp-hd h3{font-size:22px}
  .ar-qp-body{padding:18px 20px calc(22px + env(safe-area-inset-bottom))}
  .ar-qp .ar-sel{height:48px;font-size:14px;padding:0 32px 0 12px;background-position:right 12px center}
  .ar-qp-status{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ar-hd *,.ar-drawer,.ar-qp,.ar-dim,.ar-qp-dim,.ar-toast{transition:none!important;animation:none!important}
}

/* 견적카트 개수 (0 이면 숨김) */
[data-ar-cart-n][hidden]{display:none!important}
/* 고정 헤더 아래로 제목이 가리지 않게 */
body.ar-rwd [id]{scroll-margin-top:calc(var(--ar-hd-h) + 16px)}

/* ===== SNS 공유하기 (inc/ar_share.php) : 둥근 네모 타일, 평소 연한 브랜드색 → 마우스 올리면 진한 브랜드색 ===== */
.ar-share{display:flex;align-items:center;gap:12px;font-family:var(--ar-font)}
.ar-share-label{font-size:13px;font-weight:700;color:var(--ar-muted);white-space:nowrap}
.ar-share-btns{display:flex;flex-wrap:wrap;gap:6px}
.ar-share-btns>*{width:40px;height:40px;border-radius:12px;border:0;padding:0;display:grid;place-items:center;cursor:pointer;transition:.18s;text-decoration:none}
.ar-share-btns svg{width:19px;height:19px;display:block}
.ar-share-btns .k{background:#FFF6BF;color:#3A1D1D}.ar-share-btns .k:hover{background:#FEE500}
.ar-share-btns .n{background:#E6F8EE;color:#03C75A}.ar-share-btns .n:hover{background:#03C75A;color:#fff}
.ar-share-btns .f{background:#E8F0FE;color:#1877F2}.ar-share-btns .f:hover{background:#1877F2;color:#fff}
.ar-share-btns .x{background:#EEEFF1;color:#111}.ar-share-btns .x:hover{background:#111;color:#fff}
.ar-share-btns .c,.ar-share-btns .m{background:var(--ar-bg2);color:var(--ar-text)}
.ar-share-btns .c:hover,.ar-share-btns .m:hover{background:var(--ar-ink);color:#fff}
.ar-share-btns>[hidden]{display:none}
.ar-share-mini .ar-share-btns>*{width:34px;height:34px;border-radius:10px}
.ar-share-mini .ar-share-btns svg{width:16px;height:16px}