/* ============================================================
   대전 인쇄마켓 · style.css v25
   공통 스타일 — 모든 페이지 로드
   Teal #00b4bc · Navy #1a2636 · Off-white #f5f2ee
   ============================================================ */

/* ── 변수 ── */
:root{
    /* ═══ 기존 (v23/v25 확정) ═══ */
    --teal:#00b4bc; --teal-d:#009aa1; --teal-s:rgba(0,180,188,.1);
    --gold:#E9B93A; --gold-d:#C99A20; --gold-s:rgba(233,185,58,.15);
    --navy:#1a2636; --navy-2:#223044; --navy-3:#2e3f58;
    --off:#f7f6f3; --off-2:#edecea; --white:#ffffff;
    --ink:#1a1a1a; --text:#333333; --muted:#666666; --dim:#999999;
    --line:#e0dbd4; --line-2:rgba(0,0,0,.08);
    --sans:Pretendard,'Malgun Gothic','Apple SD Gothic Neo',Arial,sans-serif;
    --mono:'JetBrains Mono',monospace;
    --container:1200px;
    --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;

    /* ═══ v3 확장 ═══════════════════════════════════════════════
       추가 사유: 히어로/카테고리에서 Teal→Gold용지 전이를 구현하며
       계조가 필요해짐. 단일 포인트 원칙은 유지 — 아래는 --teal 을
       면(surface)으로 펼칠 때만 쓰고, 포인트 컬러는 여전히 --teal.
       ═════════════════════════════════════════════════════════ */

    /* ── Teal 계조 (인쇄판) ── */
    --teal-900:#00858e;   /* 텍스트·아이콘 최심부 */
    --teal-800:#00959e;   /* 면 시작, 검색 아이콘 */
    --teal-700:#12aab2;
    --teal-400:#62c3c4;
    --teal-100:#d3edee;
    --teal-075:#e2f3f4;
    --teal-025:#f4fbfb;

    /* ── 용지(Paper) — CI: "Gold 용지" ──
       Gold(#E9B93A)와 별개 축. Gold는 포인트, Paper는 면.
       Gold 넓은 면 금지 규칙은 --gold 계열에만 적용된다.        */
    --paper:#f4eee1;        /* 용지 밝은 면 */
    --paper-2:#e8dcc0;      /* 용지 그늘 */
    --paper-3:#f4ecdc;      /* 면 하단 */
    --paper-4:#f7f3e9;      /* 면 중단 */
    --paper-5:#f2f6f2;      /* 면 상단(냉) */
    --paper-edge:#b9d5c2;   /* 인쇄판→용지 전이 */
    --paper-ghost:#e9e4da;  /* 이미지 로드 전 바탕 */

    /* ── Gold 글로우 (면 위 확산) ──
       --gold-s(.15)는 배지/태그용. 넓은 면의 은은한 확산은 .30 이 필요.
       Gold 넓은 면 금지 규칙과 상충하지 않음 — 불투명 면이 아니라 광원.  */
    --gold-glow:rgba(233,185,58,.30);

    /* ── 반경 ── */
    --r-xs:3px;             /* 사진 내부 모서리 */

    /* ── 그림자 (신설 축) ──
       색은 하나(rgba(8,56,64))로 통일. 단계만 셋.               */
    --sh-1:0 10px 24px -12px rgba(8,56,64,.30), 0 1px 3px rgba(8,56,64,.07);
    --sh-2:0 22px 44px -14px rgba(8,56,64,.42), 0 3px 8px rgba(8,56,64,.14);
    --sh-3:0 34px 62px -14px rgba(8,56,64,.50), 0 4px 10px rgba(8,56,64,.16);
    --sh-pill:0 8px 18px -8px rgba(8,56,64,.30);

    /* ── 스크림 (신설) ──
       사진 위 라벨의 가독성을 사진에 의존하지 않기 위한 규격.
       흰 .96 이 하단을 항상 눌러 --navy 글자를 보장한다.        */
    --scrim-paper:linear-gradient(to top,
        rgba(255,255,255,.96) 0%,
        rgba(255,255,255,.88) 11%,
        rgba(255,255,255,.46) 26%,
        rgba(255,255,255,.11) 44%,
        rgba(255,255,255,0)   60%);

    /* ── 모션 (신설) ── */
    --ease:cubic-bezier(.22,1,.36,1);
    --t-fast:.25s; --t-base:.34s; --t-slow:.55s;
}

/* ── 리셋 ── */
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family:var(--sans); background:var(--white); color:var(--text); line-height:1.65; letter-spacing:-.01em; -webkit-font-smoothing:antialiased; min-width:320px; }
a{ color:inherit; text-decoration:none; }
ul,li{ list-style:none; }
img{ display:block; width:100%; height:100%; object-fit:cover; }
button,input,select,textarea{ font:inherit; }
.wrap{ min-width:320px; }
.inner{ width:min(var(--container),calc(100% - 48px)); margin:0 auto; }

/* ── 버튼 ── */
.btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:44px; padding:0 24px; border:1.5px solid transparent; border-radius:var(--r-pill); font-size:14px; font-weight:700; white-space:nowrap; cursor:pointer; transition:.18s; letter-spacing:-.01em; }
.btn i{ width:15px; height:15px; }
.btn-teal{ background:var(--teal); color:#fff; }
.btn-teal:hover{ background:var(--teal-d); }
.btn-gold{ background:var(--gold); color:var(--navy); font-weight:800; border-color:var(--gold); }
.btn-gold:hover{ background:var(--gold-d); border-color:var(--gold-d); color:#fff; }
.btn-outline{ background:transparent; border-color:var(--teal); color:var(--teal); }
.btn-outline:hover{ background:var(--teal); color:#fff; }
.btn-outline-w{ background:transparent; border-color:#fff; color:#fff; }
.btn-outline-w:hover{ background:#fff; color:var(--navy); }
.btn-navy{ background:var(--navy); color:#fff; }
.btn-navy:hover{ background:var(--navy-2); }
.btn-ghost{ background:var(--off); border-color:var(--line); color:var(--ink); }
.btn-ghost:hover{ background:var(--off-2); border-color:var(--teal); color:var(--teal); }
.btn-sm{ height:36px; padding:0 18px; font-size:13px; }
.btn-lg{ height:52px; padding:0 32px; font-size:16px; }
.btn .ripple{ position:absolute; border-radius:50%; background:rgba(255,255,255,.28); transform:scale(0); animation:rippleAnim .48s linear; pointer-events:none; }
@keyframes rippleAnim{ to{ transform:scale(4); opacity:0; } }

/* ══════════════════════════
   HEADER
══════════════════════════ */
.topbar{ background:var(--navy); height:36px; display:flex; align-items:center; justify-content:flex-end; position:sticky; top:0; z-index:101; }
.topbar-inner{ display:flex; align-items:center; gap:20px; }
.topbar a{ font-size:12px; color:rgba(255,255,255,.6); transition:.15s; }
.topbar a:hover{ color:#fff; }
.topbar .sep{ width:1px; height:12px; background:rgba(255,255,255,.2); }

.header{ position:sticky; top:36px; z-index:102; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); overflow:visible; }
.header-inner{ height:68px; display:flex; align-items:center; justify-content:space-between; gap:32px; width:min(var(--container),calc(100% - 48px)); margin:0 auto; }

.logo{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.logo-svg{ display:block; flex-shrink:0; }
.logo-text{ display:flex; flex-direction:column; line-height:1; font-family:var(--sans); font-weight:700; font-size:15px; letter-spacing:-.02em; gap:1px; }
.logo-text-dj{ color:var(--navy); font-size:11px; font-weight:600; letter-spacing:.04em; }
.logo-text-pm{ color:var(--teal); font-size:15px; font-weight:800; letter-spacing:-.01em; }

.nav{ display:flex; align-items:center; gap:0; height:100%; }
.nav > a{ position:relative; padding:6px 14px; font-size:14px; font-weight:700; color:var(--text); border-radius:var(--r-sm); transition:.15s; display:flex; align-items:center; gap:5px; }
.nav > a:hover{ color:var(--teal); background:var(--teal-s); }
.nav > a.active{ color:var(--teal); background:var(--teal-s); }
.nav > a .hot{ display:inline-flex; align-items:center; height:16px; padding:0 5px; border-radius:3px; background:#ff4f4f; color:#fff; font-size:9px; font-weight:900; letter-spacing:.04em; }

.header-right{ display:flex; align-items:center; gap:10px; flex-shrink:0; }
.search-btn{ display:flex; align-items:center; gap:7px; height:36px; padding:0 16px; border-radius:var(--r-pill); background:var(--teal); color:#fff; font-size:13px; font-weight:700; border:none; cursor:pointer; transition:.15s; }
.search-btn:hover{ background:var(--teal-d); }
.search-btn i{ width:14px; height:14px; }

/* ══════════════════════════
   섹션 공통
══════════════════════════ */
.section{ padding:72px 0; }
.section.tinted{ background:var(--off); }
.section.dark{ background:var(--navy); }
.sec-eyebrow{ text-align:center; margin-bottom:8px; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--teal); }
.sec-title{ text-align:center; font-size:32px; font-weight:900; letter-spacing:-.04em; color:var(--ink); margin-bottom:10px; }
.section.dark .sec-title{ color:#fff; }
.sec-desc{ text-align:center; font-size:15px; color:var(--muted); line-height:1.7; max-width:540px; margin:0 auto 44px; }
.section.dark .sec-desc{ color:rgba(255,255,255,.6); }
.sec-head-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:36px; }
.more-btn{ display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:700; color:var(--teal); border:1.5px solid var(--teal); border-radius:var(--r-pill); padding:6px 14px; transition:.15s; flex-shrink:0; white-space:nowrap; }
.more-btn:hover{ background:var(--teal); color:#fff; }
.more-btn i{ width:13px; height:13px; }

/* 검색바 공통 */
.search-row{ display:flex; align-items:center; height:50px; padding:0 8px 0 18px; border:1.5px solid var(--line); border-radius:var(--r-pill); background:var(--off); transition:.16s; }
.search-row:focus-within{ border-color:var(--teal); background:var(--white); }
.search-row input{ flex:1; background:transparent; border:none; outline:none; font-size:14px; font-weight:600; color:var(--ink); font-family:var(--sans); }
.search-row input::placeholder{ color:var(--dim); }
.search-row button{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:none; border-radius:50%; background:var(--teal); color:#fff; cursor:pointer; transition:.16s; flex-shrink:0; }
.search-row button:hover{ background:var(--gold); color:var(--navy); }
.search-row button i{ width:17px; height:17px; }

/* 키워드 태그 */
.keyword-tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.keyword-tags span{ display:inline-flex; align-items:center; height:28px; padding:0 12px; border-radius:var(--r-pill); border:1.5px solid var(--line); background:var(--white); font-size:12px; font-weight:800; color:var(--text); cursor:pointer; transition:.15s; }
.keyword-tags span:hover{ border-color:var(--teal); color:var(--teal); background:var(--teal-s); }

/* 필터 버튼 */
.filter-wrap{ display:flex; flex-wrap:wrap; gap:8px; }
.filter-btn{ height:36px; padding:0 16px; border-radius:var(--r-pill); border:1.5px solid var(--line); background:var(--white); font-size:13px; font-weight:700; color:var(--muted); cursor:pointer; transition:.16s; }
.filter-btn:hover{ border-color:var(--teal); color:var(--teal); }
.filter-btn.active{ background:var(--navy); border-color:var(--navy); color:#fff; font-weight:800; box-shadow:0 0 0 2px var(--gold); }

/* pill */
.pill{ font-size:11px; font-weight:700; padding:4px 11px; border-radius:var(--r-pill); background:var(--teal-s); color:var(--teal-d); border:1px solid rgba(0,180,188,.25); }
.pill-row{ display:flex; flex-wrap:wrap; gap:6px; }

/* 게시판 공통 */
.board-tabs{ display:flex; gap:0; border-bottom:2px solid var(--line); }
.board-tab{ height:44px; padding:0 22px; border:none; background:none; font-size:14px; font-weight:700; color:var(--muted); cursor:pointer; transition:.15s; border-bottom:2px solid transparent; margin-bottom:-2px; }
.board-tab.active{ color:var(--navy); border-bottom-color:var(--gold); font-weight:800; }
.board-table{ width:100%; border-collapse:collapse; }
.board-table thead tr{ border-bottom:2px solid var(--ink); }
.board-table th{ padding:12px 14px; text-align:left; font-size:12px; font-weight:800; color:var(--ink); text-transform:uppercase; letter-spacing:.05em; }
.board-table tbody tr{ border-bottom:1px solid var(--line); transition:.14s; }
.board-table tbody tr:hover{ background:var(--off); }
.board-table td{ padding:14px; font-size:14px; color:var(--text); }
.board-table td:first-child{ font-size:11px; font-weight:800; color:var(--teal); width:72px; }
.board-table td.title a:hover{ color:var(--teal); }
.board-table .date{ font-size:12px; color:var(--dim); white-space:nowrap; width:88px; }
.board-table .views{ font-size:12px; color:var(--dim); width:60px; text-align:center; }
.bd-badge{ display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:3px; font-size:10px; font-weight:800; background:var(--gold); color:var(--navy); margin-left:6px; }

/* 페이지네이션 */
.pagination{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:48px; }
.pagination a,.pagination span{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:var(--r-sm); font-size:14px; font-weight:700; color:var(--muted); border:1.5px solid var(--line); transition:.15s; }
.pagination a:hover{ border-color:var(--teal); color:var(--teal); }
.pagination .active{ background:var(--navy); color:#fff; border-color:var(--navy); }
.pagination .pg-prev,.pagination .pg-next{ width:auto; padding:0 14px; gap:4px; }
.pagination .pg-prev i,.pagination .pg-next i{ width:14px; height:14px; }

/* ══════════════════════════
   서브페이지 히어로
══════════════════════════ */
.page-hero{ background:var(--navy); padding:56px 0 48px; position:relative; overflow:hidden; }
.page-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(0,180,188,.12) 0%,transparent 60%); pointer-events:none; }
.page-hero .inner{ position:relative; z-index:1; }
.page-hero-kicker{ display:inline-flex; align-items:center; gap:6px; height:26px; padding:0 12px; border-radius:var(--r-pill); background:rgba(255,255,255,.1); color:rgba(255,255,255,.7); font-size:11px; font-weight:700; letter-spacing:.04em; margin-bottom:14px; }
.page-hero-kicker i{ width:12px; height:12px; }
.page-hero-title{ font-size:36px; font-weight:900; color:#fff; letter-spacing:-.04em; margin-bottom:10px; }
.page-hero-desc{ font-size:15px; color:rgba(255,255,255,.65); line-height:1.7; max-width:560px; }
.breadcrumb{ display:flex; align-items:center; gap:6px; margin-top:20px; }
.breadcrumb a,.breadcrumb span{ font-size:12px; color:rgba(255,255,255,.45); }
.breadcrumb a:hover{ color:var(--teal); }
.breadcrumb i{ width:12px; height:12px; color:rgba(255,255,255,.25); }

/* ══════════════════════════
   플로팅 버튼
══════════════════════════ */
.chat-float{ position:fixed; right:20px; bottom:28px; z-index:200; display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.chat-btn{ display:flex; align-items:center; gap:8px; height:46px; padding:0 20px; border-radius:var(--r-pill); background:var(--teal); color:#fff; font-size:13px; font-weight:800; border:none; cursor:pointer; box-shadow:0 4px 20px rgba(0,180,188,.4); transition:.18s; }
.chat-btn:hover{ background:var(--teal-d); transform:translateY(-2px); }
.chat-btn i{ width:16px; height:16px; }
.top-btn{ width:42px; height:42px; border-radius:50%; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; border:none; cursor:pointer; box-shadow:0 4px 16px rgba(0,0,0,.2); transition:.18s; opacity:0; pointer-events:none; }
.top-btn.show{ opacity:1; pointer-events:auto; }
.top-btn:hover{ background:var(--teal); }
.top-btn i{ width:18px; height:18px; }

/* ══════════════════════════
   FOOTER
══════════════════════════ */
.footer{ background:var(--navy); padding:52px 0 0; }
.footer-grid{ display:grid; grid-template-columns:1.6fr repeat(4,.7fr); gap:32px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.1); }
.footer h4{ font-size:11px; font-weight:800; color:rgba(255,255,255,.9); text-transform:uppercase; letter-spacing:.1em; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer p,.footer a{ display:block; font-size:13px; line-height:1.9; color:rgba(255,255,255,.5); }
.footer a:hover{ color:var(--gold); }
.footer-logo{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.footer-logo-text{ display:flex; flex-direction:column; line-height:1; font-family:var(--sans); gap:1px; }
.footer-logo-text .logo-text-dj{ color:rgba(255,255,255,.55); font-size:10px; font-weight:600; letter-spacing:.04em; }
.footer-logo-text .logo-text-pm{ color:#fff; font-size:14px; font-weight:800; letter-spacing:-.01em; }
.footer-badges{ display:flex; gap:6px; margin-top:12px; flex-wrap:wrap; }
.footer-badges span{ height:22px; padding:0 10px; border-radius:3px; background:rgba(255,255,255,.12); color:rgba(255,255,255,.7); font-size:11px; font-weight:700; display:inline-flex; align-items:center; }
.footer-bottom{ padding:18px 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
.footer-bottom p{ font-size:12px; color:rgba(255,255,255,.3); }
.footer-links{ display:flex; gap:16px; }
.footer-links a{ font-size:12px; color:rgba(255,255,255,.4); }
.footer-links a:hover{ color:var(--teal); }
.footer-sns{ display:flex; gap:10px; }
.footer-sns a{ width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.1); color:rgba(255,255,255,.7); display:flex; align-items:center; justify-content:center; transition:.15s; }
.footer-sns a:hover{ background:var(--teal); color:#fff; }
.footer-sns a i{ width:15px; height:15px; }

/* ══════════════════════════
   스크롤 · 리빌
══════════════════════════ */
.scroll-progress-bar{ position:fixed; top:0; left:0; height:3px; width:0%; background:linear-gradient(90deg,var(--gold),var(--gold-d)); z-index:9999; transition:width .07s linear; border-radius:0 2px 2px 0; pointer-events:none; }
.reveal-left{ opacity:0; transform:translateX(-28px); transition:opacity .6s ease, transform .6s ease; }
.reveal-up{ opacity:0; transform:translateY(24px); transition:opacity .55s ease, transform .55s ease; }
.reveal-d1{ transition-delay:.1s; }
.reveal-d2{ transition-delay:.2s; }
.reveal-d3{ transition-delay:.3s; }
.reveal-step{ opacity:0; transform:translateY(20px); transition:opacity .45s ease, transform .45s ease; }
.revealed{ opacity:1 !important; transform:none !important; }

/* ══════════════════════════
   반응형 공통
══════════════════════════ */
@media(max-width:1100px){
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .nav > a:nth-child(n+5){ display:none; }
}
@media(max-width:720px){
    .inner{ width:calc(100% - 32px); }
    .header-inner{ height:60px; }
    .topbar{ display:none; }
    .nav{ display:none; }
    .search-btn span{ display:none; }
    .section{ padding:56px 0; }
    .sec-title{ font-size:26px; }
    .footer-grid{ grid-template-columns:1fr; }
    .page-hero{ padding:44px 0 38px; }
    .page-hero-title{ font-size:28px; }
}


/* ============================================================
   메가메뉴
   ============================================================ */

/* nav-item 래퍼 */
.nav-item{ position:static; }
.nav-item.has-mega{ position:static; display:flex; align-items:center; height:100%; padding:0 4px; }

/* nav-link */
.nav-link{ display:flex; align-items:center; gap:4px; padding:6px 10px; font-size:14px; font-weight:700; color:var(--text); border-radius:var(--r-sm); transition:.15s; text-decoration:none; }
.nav-link:hover, .nav-link.active{ color:var(--teal); }
.nav-link.active::after{ content:""; position:absolute; bottom:-1px; left:14px; right:14px; height:2px; background:var(--teal); border-radius:2px; }
.nav-arrow{ width:14px; height:14px; color:var(--dim); transition:transform .2s; }
.nav-item.is-open .nav-arrow{ transform:rotate(180deg); }

/* 헤더 우측 견적 버튼 */
.header-quote-btn{ height:36px; padding:0 16px; font-size:13px; }

/* 메가패널 */
.mega-panel{
    display:none;
    position:fixed;
    top:67px; left:0; right:0;
    background:#fff;
    border-top:2px solid var(--teal);
    box-shadow:0 16px 48px rgba(26,38,54,.12);
    z-index:300;
}
.nav-item.is-open .mega-panel{ display:block; }

.nav-item{ position:relative; display:flex; align-items:center; height:100%; padding:0 4px; }

.mega-inner{
    max-width:1200px;
    margin:0 auto;
    padding:32px 24px 36px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0 40px;
}

/* 3컬럼 중 마지막 컬럼 — CTA */
.mega-cta-col{
    border-left:1px solid var(--line);
    padding-left:40px;
}

/* 컬럼 제목 */
.mega-col-title{
    font-size:11px;
    font-weight:800;
    color:var(--teal);
    letter-spacing:.08em;
    text-transform:uppercase;
    margin-bottom:14px;
    padding-bottom:8px;
    border-bottom:1px solid var(--off-2);
}

/* 메가 링크 */
.mega-link{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:10px 8px;
    border-radius:var(--r-md);
    text-decoration:none;
    transition:.15s;
    margin-bottom:2px;
}
.mega-link:hover{ background:var(--teal-s); }
.mega-link i{ width:18px; height:18px; color:var(--teal); flex-shrink:0; margin-top:2px; }
.mega-link span{ display:flex; flex-direction:column; gap:2px; }
.mega-link strong{ font-size:13px; font-weight:800; color:var(--ink); line-height:1.3; }
.mega-link em{ font-size:12px; color:var(--muted); font-style:normal; }
.mega-link:hover strong{ color:var(--teal); }

/* CTA 박스 */
.mega-cta-box{
    background:var(--navy);
    border-radius:var(--r-lg);
    padding:24px 20px;
    text-align:center;
}
.mega-cta-box p{
    font-size:13px;
    color:rgba(255,255,255,.7);
    line-height:1.7;
    margin-bottom:16px;
}
.mega-cta-box .btn-gold{ width:100%; justify-content:center; }
.mega-sub-link{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:10px;
    font-size:12px;
    color:rgba(255,255,255,.5);
    text-decoration:none;
    transition:.15s;
}
.mega-sub-link:hover{ color:rgba(255,255,255,.9); }
.mega-sub-link i{ width:12px; height:12px; }

/* 오버레이 */
.mega-overlay{
    visibility:hidden;
    opacity:0;
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    background:rgba(26,38,54,.35);
    z-index:299;
    pointer-events:none;
    transition:opacity .15s;
}
.mega-overlay.active{ visibility:visible; opacity:1; }

/* 반응형 — 1100px 이하에서 메가메뉴 숨김 */
@media(max-width:1100px){
    .mega-panel{ display:none !important; }
    .mega-overlay{
    visibility:hidden;
    opacity:0;
    position:fixed;
    top:0; left:0; right:0; bottom:0;
    background:rgba(26,38,54,.35);
    z-index:299;
    pointer-events:none;
    transition:opacity .15s;
}
    .nav-arrow{ display:none; }
    .header-quote-btn{ display:none; }
}