/*
Theme Name: Markwide
Theme URI: https://markwide.kr
Author: Sarang IP / Markwide
Description: 마크와이드 해외 상표 전문 센터 커스텀 테마 — 원본 1:1 재현. BI: mark Violet #7F35B2 / wide Orange #FF8200 / Mint #47D7AC / Noto Sans KR.
Version: 0.8.21
Requires PHP: 7.4
Text Domain: markwide
*/

/* ===== Tokens ===== */
:root{
  --violet:#7F35B2; --violet-bar:#8843BD; --violet-deep:#5e2585;
  --orange:#FF8200; --mint:#47D7AC; --beige:#F4E3C9; --gray:#F0EDEA;
  --ink:#111111; --text:#333333; --muted:#777777;
  --font:"Noto Sans KR","Noto Sans",-apple-system,sans-serif;
  --wrap:1120px; --radius:14px; --shadow:0 10px 30px rgba(30,10,50,.10);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--text);background:#fff;line-height:1.7;font-size:16px;word-break:keep-all}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--ink);line-height:1.35;margin:0 0 .5em;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.dot-o{color:var(--orange)}
.q-o{color:var(--orange)}

/* kicker */
.kicker{display:block;font-weight:700;font-size:.92rem;margin-bottom:10px;color:var(--violet)}
.kicker.orange{color:var(--orange)}
.sec-title{font-size:clamp(1.5rem,3vw,2.05rem);font-weight:800;letter-spacing:-.02em}
.sec-sub{color:var(--muted);font-size:.95rem}
.center{text-align:center}

/* Buttons — 원본: 필(pill) 형태 */
.btn{display:inline-flex;align-items:center;gap:.55em;padding:.78em 1.7em;border-radius:999px;font-weight:700;font-size:.92rem;transition:.22s;border:1px solid transparent;cursor:pointer;line-height:1.2}
.btn .arr{font-weight:400}
.btn-orange{background:var(--orange);color:#fff}
.btn-orange:hover{background:#e57500}
.btn-pill,.btn-pill-gray{background:#fff;border-color:#e2dcd3;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.05)}
.btn-pill:hover,.btn-pill-gray:hover{border-color:var(--orange);color:var(--orange)}
.btn-line-white{background:transparent;border-color:rgba(255,255,255,.8);color:#fff}
.btn-line-white:hover{background:rgba(255,255,255,.14)}

/* ===== Header ===== */
.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:30px 0;transition:background .25s,padding .25s}
.site-header .wrap{max-width:1240px;display:flex;align-items:center}
.site-header.scrolled{background:var(--violet-bar);padding:14px 0;box-shadow:0 2px 14px rgba(60,20,90,.25)}
.brand img{height:28px;width:auto}
.brand .logo-scroll{display:none}
.site-header.scrolled .logo-top{display:none}
.site-header.scrolled .logo-scroll{display:block}
.main-nav{margin:0 auto}
.main-nav ul{display:flex;list-style:none;margin:0;padding:0}
.main-nav a{display:block;color:#fff;font-weight:400;font-size:15px;padding:6px 18px;transition:.2s;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.site-header.scrolled .main-nav a{color:#F0E1FA;text-shadow:none}
.main-nav a:hover{color:var(--orange)}
.sip-logo img{height:22px;width:auto}
.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;margin-left:auto;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:#fff;margin:6px 8px;transition:.3s}

/* ===== 1. Hero ===== */
.hero{position:relative;height:640px;display:flex;align-items:center;color:#fff;overflow:hidden;background:#3a2b45}
.hero-media,.hero-media video,.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media video{z-index:1}
.hero-media::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.40)}
.hero-inner{position:relative;z-index:2;width:100%}
.hero h1{color:#fff;font-size:clamp(2rem,4.2vw,3.05rem);font-weight:800;line-height:1.25;margin-bottom:.4em}
.hero .sub{font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.6}

/* ===== 2. 인트로 ===== */
.intro{padding:88px 0 64px}
.intro h2{font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:800}
.intro p{color:var(--muted);font-size:.95rem}

/* ===== 3. 로고 마퀴 ===== */
.marquee{overflow:hidden;padding:8px 0 72px}
.marquee-row{display:flex;gap:120px;align-items:center;width:max-content;animation:mq 40s linear infinite;margin-bottom:52px}
.marquee-row.rev{animation-direction:reverse}
.marquee-row img{height:78px;width:auto;object-fit:contain}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== 4. Numbers ===== */
.numbers{position:relative;padding:90px 0 120px;background:url(/wp-content/uploads/2026/07/mw-bg-52a644a5c1232.webp) 50% 50%/cover no-repeat} /* 원본 markwide 워터마크 배경 */
.numbers .wrap{position:relative;z-index:1}
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;position:relative}
.num-grid .num{font-size:clamp(2.8rem,7vw,6rem);font-weight:900;color:var(--orange);letter-spacing:-.02em;line-height:1.1}
.num-grid .lbl{font-weight:700;color:var(--ink);margin-top:8px;line-height:1.45}

/* ===== 5. Success Stories ===== */
/* 원본 1:1: 회색 캔버스+보라 원+오렌지 곡선이 그려진 배경 PNG를
   background-attachment:fixed로 고정 → 스크롤 시 곡선이 따라오는 효과(원본과 동일) */
.stories{position:relative;padding:100px 0 120px;background:url(/wp-content/uploads/2026/07/mw-bg-4427b683de673.webp) 50% 50%/cover no-repeat fixed}
.stories .fixed{position:sticky;top:130px;align-self:start}
.stories .wrap{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.5fr;gap:60px;align-items:start}
.stories .fixed h2{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800}
.story-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.story-col{display:flex;flex-direction:column;gap:22px}
.story-col.late{margin-top:64px}
.story{background:#fff;border-radius:12px;padding:28px 26px 22px;box-shadow:0 8px 24px rgba(30,10,50,.10);font-size:.92rem;transition:transform .2s,box-shadow .2s}
.story:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 16px 38px rgba(30,10,50,.16),inset 0 0 0 2px var(--orange)}
/* 교차: 연회색 세로 긴 카드 ↔ 흰색 정사각 카드 (원본 재현) */
.story-col:not(.late) .story:nth-child(2n-1),
.story-col.late .story:nth-child(2n){background:#F2EFEC;box-shadow:none;padding:38px 30px 32px}
.story .brand-tag{color:var(--violet);font-weight:700;font-size:.85rem}
.story .brand-tag small{color:#999;font-weight:400}
.story .more{display:block;text-align:right;font-weight:700;font-size:.85rem;margin-top:14px}
.story .more span{color:var(--orange)}

/* ===== 6. Meet Markwide ===== */
.meet{position:relative;padding:96px 0 110px;color:#fff;background:#2b2330}.meet h2,.meet .kicker,.meet p{color:#fff!important}
.meet-bg,.meet-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.meet-bg::after{content:"";position:absolute;inset:0;background:rgba(25,15,30,.62)}
.meet .wrap{position:relative;z-index:2}
.meet .kicker{color:#fff}
.meet h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2rem)}
.meet .video-shell{max-width:1040px;margin:44px auto 0;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#000;cursor:pointer}
.meet .video-shell img{width:100%;height:100%;object-fit:cover;opacity:.92}
.meet .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:rgba(255,130,0,.92);display:flex;align-items:center;justify-content:center}
.meet .play::after{content:"";border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}

/* ===== 7. Why ===== */
.why{padding:8vw 0 6vw;position:relative;background:url(/wp-content/uploads/2026/07/mw-bg-48123784fc20e.webp) center top/100% auto no-repeat;min-height:64vw}
.why .big{display:none}
.why-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;position:relative;z-index:2;margin-top:26vw}
.why-cols .col:nth-child(2){margin-top:70px}
.why-cols .col:nth-child(3){margin-top:20px}
.why-cols h3{font-size:1.2rem;font-weight:800;position:relative;padding-left:0}
.why-cols h3::before{content:"";position:absolute;left:-24px;top:-16px;width:64px;height:64px;background:var(--mint);border-radius:50%;opacity:.9;z-index:-1}
.why-cols p{font-size:.92rem;color:var(--text)}

/* ===== 8. All-in-One (Service) ===== */
.allinone{position:relative;padding:110px 0;color:#fff;background:#241a10}
.allinone-bg,.allinone-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.allinone-bg::after{content:"";position:absolute;inset:0;background:rgba(20,12,6,.55)}
.allinone .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.allinone .kicker{color:#fff}
.allinone h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2rem)}
.allinone .desc{font-size:.92rem;color:#e9e4de}
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.svc-grid a{background:#fff;border-radius:8px;padding:24px 22px 18px;font-weight:800;color:var(--ink);line-height:1.4;box-shadow:var(--shadow);transition:.2s;font-size:1.16rem}
.svc-grid a:hover{transform:translateY(-4px)}
.svc-grid .arr{display:block;text-align:right;color:var(--orange);font-weight:400;margin-top:10px}

/* ===== 9. 수출바우처 ===== */
.voucher{padding:110px 0;position:relative;overflow:hidden}
.voucher .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
.vcircles{display:flex;flex-wrap:wrap;gap:0;justify-content:center;position:relative}
.voucher .vimg{max-width:min(650px,100%);margin:0 auto}
.vcircles+.vnote{text-align:center}
.voucher .vnote{font-size:.92rem;color:var(--text);margin-top:34px;text-align:center}
.voucher h2{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800}
.voucher .btncol{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:22px}
.voucher .wm{position:absolute;left:8%;top:52%;font-size:8vw;font-weight:900;color:rgba(127,53,178,.05);pointer-events:none}

/* ===== 10. Team ===== */
.team{padding:100px 0 0}.team-visual img{width:100%}
.team-head{text-align:center;margin-bottom:60px}
/* 프로필: 원본 배경 PNG(회색 캔버스+오렌지 원+회색 원+오렌지 곡선+인물)를 원본 그대로 사용
   — imweb 원본과 동일하게 natural size·중앙 정렬 */
.team-stage{background:url(/wp-content/uploads/2026/07/mw-bg-81e9dfbe3356e.webp) 50% 50% no-repeat;min-height:966px;display:flex;align-items:center}
.team-stage .wrap{width:100%}
/* 정보 컬럼을 인물 오른쪽으로 — 원본처럼 텍스트가 인물과 겹치지 않게 */
.team-grid{display:grid;grid-template-columns:1.36fr 1fr;gap:24px;align-items:center}
.team-photo img{display:none} /* 데스크톱: 인물은 배경 PNG에 포함 — 모바일 전용 이미지 숨김 */
.team-info .role{color:var(--violet);font-weight:700;line-height:1.5}
.team-info h2{font-size:2rem;font-weight:900;margin:14px 0 18px}
.team-info h2 small{font-size:.95rem;font-weight:700;color:var(--ink)}
.team-info ul{list-style:none;margin:0 0 22px;padding:0;font-size:.92rem}
.team-info li{padding:2.5px 0}
.team-info h3{font-size:1.25rem;font-weight:900;margin:22px 0 10px}
.books{display:flex;gap:10px;margin:14px 0 22px}
.books img{height:110px;width:auto}
.team-btns .btn{margin:0 8px 10px 0}

/* ===== 11. 171 Global Network ===== */
.gnet{padding:110px 0 70px;background:url(/wp-content/uploads/2026/07/mw-bg-5ee3a54182c87.webp) center top/100% 100% no-repeat,#fff;text-align:center;overflow:hidden}
.gnet .big{font-size:clamp(6rem,15vw,11rem);font-weight:900;line-height:1;background:linear-gradient(180deg,#ffc98c,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.gnet .glabel{color:var(--violet);font-weight:800;font-size:1.6rem;margin:4px 0 26px}
.gnet h2{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800}
.gnet .map{max-width:980px;margin:40px auto 0}

/* ===== 12. INTA ===== */
.inta{padding:100px 0 60px;position:relative;overflow:hidden}
.inta .wm{position:absolute;left:0;right:0;bottom:0;pointer-events:none}.inta .wm img{width:100%}
.inta .wrap{display:grid;grid-template-columns:.9fr 1.3fr;gap:50px;align-items:center;position:relative;z-index:2}
.inta h2{font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:800}
.inta .logos{display:flex;gap:22px;align-items:center;margin-top:26px}
.inta .logos img{height:60px;width:auto}.inta .logos img.cert{height:88px}
.inta-shots img{width:100%}

/* ===== 13. Case & Insight ===== */
/* 원본 1:1: 사무실 SIP 로고 사인 사진 배경(cover) — 텍스트 전부 화이트 */
.insight{position:relative;padding:100px 0;color:#fff;background:url(/wp-content/uploads/2026/07/mw-bg-06090104656d9.webp) 50% 50%/cover no-repeat;overflow:hidden}.insight .btn-pill{border-color:var(--orange)}
.insight .wrap{position:relative;z-index:2}
.insight .kicker{color:#fff}
.insight h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.insight .sec-sub{color:#f2ece5}
.ins-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.ins-grid a{background:transparent;color:var(--ink)}
.ins-grid img{border-radius:6px;aspect-ratio:3/4;object-fit:cover;width:100%;box-shadow:var(--shadow)} /* 원본 268x358(1:1.34) 비율 — 인기글 썸네일 잘림 방지 */
.ins-grid h3{font-size:.92rem;font-weight:700;margin-top:12px;line-height:1.5;color:var(--ink)}
.insight .more-wrap{text-align:center;margin-top:44px}

/* ===== 14. FAQ ===== */
.faq{padding:100px 0}
.faq-list{max-width:760px;margin:44px auto 0}
.faq-list details{border-bottom:1px solid #e8e4ef}
.faq-list summary{cursor:pointer;list-style:none;font-weight:700;font-size:.98rem;padding:20px 34px 20px 12px;position:relative;color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"⌄";position:absolute;right:12px;top:18px;color:#999;transition:.2s;font-size:1.1rem}
.faq-list details[open] summary::after{transform:rotate(180deg)}
.faq-list .a{padding:0 12px 22px;color:var(--muted);font-size:.93rem}

/* ===== 15. Contact ===== */
.contact{background:var(--gray);padding:100px 0}
.contact .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.contact h2{font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:800}
.contact .chan{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:30px}
.mw-form label{display:block;font-size:.88rem;font-weight:700;margin:0 0 6px;color:var(--ink)}
.mw-form label .req{color:var(--orange)}
.mw-form .field{margin-bottom:16px}
.mw-form input,.mw-form select,.mw-form textarea{width:100%;padding:.7em .9em;border:1px solid #d9d4cd;border-radius:4px;background:#fff;font-family:inherit;font-size:.93rem;color:var(--ink)}
.mw-form input:focus,.mw-form select:focus{outline:2px solid var(--violet);outline-offset:-1px}
.tel-row{display:flex;gap:8px;align-items:center}
.tel-row input{width:90px;text-align:center}
.consent-box{border:1px solid #d9d4cd;background:#fff;border-radius:4px;padding:12px 14px;font-size:.82rem;color:var(--muted);max-height:110px;overflow:auto;margin-bottom:10px}
.mw-form .agree{font-size:.88rem}
.mw-form .submit{margin-top:22px}
.mw-note{border-radius:8px;padding:14px 18px;font-size:.92rem;font-weight:700;margin-bottom:18px}
.mw-note.ok{background:#eef9f2;color:#1c7c46;border:1px solid #bfe6cd}
.mw-note.err{background:#fdf0ec;color:#b3401f;border:1px solid #f2cabb}
.mw-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ===== Footer ===== */
.site-footer{background:var(--violet);color:#fff;padding:64px 0 56px}
.site-footer .cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.site-footer .slogan{font-size:1.5rem;font-weight:800;line-height:1.4;margin-top:18px}
.site-footer .icons{display:flex;gap:16px;justify-content:flex-start;margin-bottom:26px}
.site-footer .icons a{display:flex;align-items:center;justify-content:center}
.site-footer .icons img{height:30px;width:auto}
.site-footer .office{font-size:.92rem;line-height:1.9;color:#f2e9fb}
.site-footer .rights{margin-top:40px;font-size:.85rem;color:#e2d3f2}
.site-footer .partner-logos{display:flex;gap:18px;align-items:center;margin-top:18px}
.site-footer .partner-logos img{height:24px;width:auto}
.footer-black{background:#111;color:#666;font-size:.75rem;padding:18px 0;line-height:1.8}

/* ===== 기타 ===== */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.page-hero{position:relative;color:#fff;background:linear-gradient(135deg,var(--violet-deep),var(--violet) 60%,#9a4ed0);padding:170px 0 130px;overflow:hidden}
.page-hero::after{content:"";position:absolute;left:50%;bottom:-40vw;transform:translateX(-50%);width:165vw;height:80vw;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{color:#fff;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:800}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px)}
.card .thumb{aspect-ratio:3/4;object-fit:cover;width:100%}
.card .card-body{padding:16px 18px 20px}
.card h3{font-size:.98rem;line-height:1.5}
.card .meta{font-size:.83rem;color:var(--muted)}
.card .card-date{display:block;font-size:.8rem;font-weight:700;color:var(--orange);margin-bottom:7px;letter-spacing:.02em}
.section{padding:90px 0}

/* ===== Responsive ===== */
@media(max-width:1024px){
  /* 태블릿·모바일: fixed 배경 미지원 대비 + 팀 스테이지는 이미지로 대체 */
  .stories{background-attachment:scroll}
  .team-stage{background:none;min-height:0;display:block}
  .team-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:38% 50%}
  .stories .wrap,.allinone .wrap,.voucher .wrap,.team-grid,.inta .wrap,.contact .wrap{grid-template-columns:1fr;gap:44px}
  .num-grid{grid-template-columns:repeat(2,1fr);gap:36px 20px}
  .why-cols{grid-template-columns:1fr;gap:30px}
  .why-cols .col{margin-top:0!important}
  .ins-grid,.card-grid{grid-template-columns:repeat(2,1fr)}
  .story-col.late{margin-top:0}
}
@media(max-width:760px){
  .main-nav{position:fixed;top:0;left:0;right:0;background:var(--violet-bar);display:none;padding:70px 0 16px;box-shadow:0 16px 34px rgba(40,10,70,.35);border-radius:0 0 16px 16px}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;text-align:center;gap:2px}
  .main-nav a{color:#fff!important;font-size:.98rem;padding:9px 6px}
  .nav-toggle{display:block;position:relative;z-index:101}
  .sip-logo{display:none}
  .hero{height:78vh;min-height:480px}
  .story-cols{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:1fr 1fr}
  .ins-grid,.card-grid{grid-template-columns:1fr}
  .num-grid .num{font-size:2.6rem}
  .tel-row input{width:70px}
  .site-footer .cols{grid-template-columns:1fr}
}

/* =====================================================================
   v0.6.0 추가/보정 (헤더 스티키·서비스 드롭다운·플로팅 버튼·푸터 로고)
   ===================================================================== */

/* --- 2. 헤더 스티키 깨짐 수정: 관리자바 오프셋 + 높이 안정화 --- */
.site-header .wrap{width:100%}
.site-header .brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block}
.site-header.scrolled{padding:12px 0}
.site-header.scrolled .brand img{height:26px}
body.admin-bar .site-header{top:32px}
@media screen and (max-width:782px){ body.admin-bar .site-header{top:46px} }
@media screen and (max-width:600px){ body.admin-bar .site-header{top:46px} }
/* 콘텐츠가 고정 헤더에 가리지 않도록(홈 히어로는 자체 처리, 그 외 페이지 대비) */
.site-header{will-change:padding,background}

/* --- 13. 서비스 드롭다운(데스크톱) --- */
.main-nav .menu-item-has-children{position:relative}
.main-nav .caret{display:inline-block;width:.42em;height:.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:.45em;position:relative;top:-2px;transition:transform .2s}
.main-nav .sub-menu{display:block;position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(12px);min-width:236px;width:max-content;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(45,18,80,.20);padding:10px 0;list-style:none;margin:0;opacity:0;visibility:hidden;transition:opacity .22s,transform .22s,visibility .22s;z-index:130}
.main-nav .sub-menu li{width:100%}
.main-nav .sub-menu::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.main-nav .menu-item-has-children:hover>.sub-menu,
.main-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(6px)}
.main-nav .menu-item-has-children:hover .caret{transform:rotate(-135deg)}
.main-nav .sub-menu li{display:block;margin:0}
.main-nav .sub-menu a{display:block;color:var(--ink)!important;text-shadow:none!important;font-size:14px;font-weight:500;padding:10px 24px;white-space:nowrap;line-height:1.4}
.main-nav .sub-menu a:hover{color:var(--orange)!important;background:#faf6ff}

/* --- 12. 위로 가기 플로팅 버튼 --- */
.to-top{position:fixed;right:22px;bottom:26px;width:48px;height:48px;border-radius:50%;background:var(--violet);color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s,transform .25s,visibility .25s,background .2s;z-index:95;box-shadow:0 10px 26px rgba(60,20,90,.34)}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{background:var(--orange)}
.to-top svg{width:20px;height:20px;display:block}

/* --- 8·10. 푸터 파트너 로고(사랑특허 1열 화이트 + 마크시큐어 화이트, 사랑특허 홈 푸터 참고) --- */
.site-footer .partner-logos{display:flex;gap:30px;align-items:center;margin-top:24px;flex-wrap:wrap}
.site-footer .partner-logos img{width:auto}
.site-footer .partner-logos .lg-sip img{height:18px}
.site-footer .partner-logos .lg-ms img{height:16px}

/* --- 반응형 보정: 프로필/인사이트/드롭다운 --- */
@media(max-width:1024px){
  .team-grid{grid-template-columns:1fr;gap:20px}
  .insight-bg{max-width:78%}
}
@media(max-width:760px){
  .stories{background:#ECEAE7}
  .voucher .vimg{width:114%;max-width:none;margin-left:-7%} /* 원 4개 확대 — 섹션 구분감 */
  .contact-page-form{margin-top:24px;padding:70px 0} /* 톡상담-문의폼 간 공백 축소 */
  .site-footer .partner-logos{flex-direction:column;align-items:flex-start;gap:14px} /* 마크시큐어 로고를 사랑특허 아래로 */ /* 모바일: 원본도 모바일 섹션은 단순 배경 — 보라 원 PNG 제외 */
  .team-photo img{aspect-ratio:1/1;object-position:36% 50%}
  /* 모바일: 서비스 서브메뉴 아코디언 */
  .main-nav .sub-menu{position:static;transform:none!important;opacity:1;visibility:visible;display:none;background:transparent;box-shadow:none;padding:4px 0 8px;min-width:0}
  .main-nav .menu-item-has-children.open-sub>.sub-menu{display:block}
  .main-nav .sub-menu a{color:#F0E1FA!important;font-size:.92rem;padding:8px 4px}
  .main-nav .sub-menu a:hover{background:transparent}
  .main-nav .menu-item-has-children.open-sub .caret{transform:rotate(-135deg)}
  .to-top{right:14px;bottom:18px;width:44px;height:44px}
  .team-photo img{height:380px}
}

/* --- 9. 푸터 SNS 아이콘(SVG) --- */
.site-footer .icons a{display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:color .2s;width:34px;height:34px}
.site-footer .icons a:hover{color:var(--orange)}
.site-footer .icons svg{width:26px;height:26px;fill:currentColor;display:block}

/* --- Meet 영상 포스터 폴백(영상 업로드 전 검정 방지) --- */
.meet .video-shell .vposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:0}
.meet .video-shell video{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}

/* =====================================================================
   v0.7.0 — 서브페이지 (About·Service 5탭·Clients·Global Network·Contact)
   ===================================================================== */

/* 서브 헤더: 항상 보라 바(원본 동일) */
.site-header.sub{background:var(--violet-bar);padding:14px 0;box-shadow:0 2px 14px rgba(60,20,90,.18)}
.site-header.sub .brand .logo-top{display:none}
.site-header.sub .brand .logo-scroll{display:block}
.site-header.sub .main-nav a{color:#F0E1FA;text-shadow:none}
.site-header.sub .main-nav a:hover{color:var(--orange)}

/* 서브 히어로 — 원본 배경 PNG(원호·곡선 포함) */
.page-hero-img{position:relative;color:#fff;background:50% 50%/cover no-repeat;padding:150px 0 210px;min-height:600px}
.page-hero-img .ph-kicker{display:block;font-weight:800;font-size:1rem;margin-bottom:14px}
.page-hero-img h1{color:#fff;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:800;line-height:1.3}
.page-hero-img .ph-sub{max-width:560px;font-size:.95rem;line-height:1.75;margin-top:16px}
.page-hero-img .ph-btn{margin-top:26px}

/* Service 탭 pill */
.svc-tabs{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:34px auto 60px;position:relative;z-index:3}
.svc-tabs a{background:#fff;border:1px solid #e2dcd3;border-radius:999px;padding:.72em 1.6em;font-weight:700;font-size:.92rem;box-shadow:0 6px 18px rgba(30,10,50,.08);transition:.2s}
.svc-tabs a:hover{border-color:var(--orange);color:var(--orange)}
.svc-tabs a.on{background:var(--violet);border-color:var(--violet);color:#fff}

/* 공통 레이아웃 */
.sec{padding:80px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split.rev-m .img{order:-1}
.split img{border-radius:4px}
.mint-h{position:relative;font-size:clamp(1.35rem,2.5vw,1.7rem);font-weight:800;line-height:1.45}
.mint-h::before{content:"";position:absolute;left:-20px;top:-12px;width:44px;height:44px;background:var(--mint);border-radius:50%;opacity:.85;z-index:-1}
.sec-h{font-size:clamp(1.35rem,2.5vw,1.7rem);font-weight:800;text-align:center;margin-bottom:48px}
.body-p{font-size:.95rem;line-height:1.85;color:var(--text)}

/* 번호 카드(01. 02. …) — 연보라 그라데이션 */
.num-cards{display:grid;gap:24px}
.num-cards.c2{grid-template-columns:1fr 1fr}
.num-cards.c3{grid-template-columns:repeat(3,1fr)}
.num-card{background:linear-gradient(180deg,#ECE6F4 0%,#F7F4FB 55%,#FDFCFE 100%);border-radius:10px;padding:36px 34px 40px}
.num-card .n{font-size:2.6rem;font-weight:900;color:var(--ink);line-height:1;margin-bottom:22px}
.num-card .n em{font-style:normal;color:var(--orange)}
.num-card h3{font-size:1.25rem;font-weight:800;margin-bottom:14px}
.num-card p{font-size:.9rem;color:var(--text);line-height:1.8}
.num-card .more-link{display:block;text-align:right;font-weight:700;font-size:.85rem;margin-top:18px}
.num-card .more-link span{color:var(--orange)}
.badge-o{display:inline-block;border:1px solid var(--orange);color:var(--orange);border-radius:999px;font-size:.8rem;font-weight:700;padding:.25em 1em;margin:16px 0 8px}

/* 3단계 조사 비교표 */
.cmp-title{color:var(--violet);font-size:clamp(1.3rem,2.4vw,1.6rem);font-weight:800;text-align:center;margin-bottom:40px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll .cmp-table{min-width:640px}
.cmp-table{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.75}
.cmp-table th{border-bottom:1px solid #ddd;padding:16px 20px;font-weight:700;text-align:center;color:var(--ink)}
.cmp-table td{border-bottom:1px solid #eee;padding:26px 22px;vertical-align:top;color:var(--text)}
.cmp-table td.lead{background:#FDF3E7;width:24%}
.cmp-table td.lead b{display:block;color:var(--orange);font-size:1rem;margin-bottom:8px}
.center-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:44px}

/* 분쟁 4단계 */
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.steps4 .st .n{font-size:1.9rem;font-weight:900;color:var(--ink)}
.steps4 .st .n em{font-style:normal;color:var(--orange)}
.steps4 .st h3{font-size:1.1rem;font-weight:800;margin:12px 0 10px}
.steps4 .st p{font-size:.88rem;line-height:1.8;color:var(--text)}

/* 국가 리스트 (Service 등록) */
.continent{margin-bottom:44px}
.continent h3{font-size:1.2rem;font-weight:800;color:var(--violet);margin-bottom:16px}
.country-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.country-list a.linked,.country-list .plain{display:block;background:#fff;border-radius:999px;padding:.45em 1.2em;font-size:.88rem;font-weight:500}
.country-list a.linked{border:1px solid var(--orange);transition:.2s} /* 원본: 링크 있는 국가 = 주황 테두리 */
.country-list a.linked:hover{background:var(--orange);color:#fff}
.country-list .plain{border:1px solid #e4ded6;color:var(--muted)}
.country-note{font-size:.88rem;color:var(--muted);margin:14px 0 0}
.country-note a{color:var(--orange);font-weight:700;text-decoration:underline}

/* 정부지원 6카드 */
.gov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.gov-card{background:linear-gradient(180deg,#ECE6F4,#F7F4FB 60%,#FDFCFE 100%);border-radius:10px;padding:32px 30px 30px;display:flex;flex-direction:column}
.gov-card h3{font-size:1.08rem;font-weight:800;margin-bottom:12px}
.gov-card p{font-size:.88rem;line-height:1.8;color:var(--text);flex:1}
.gov-card .links{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.gov-card .links a{font-size:.83rem;font-weight:700;border:1px solid #e2dcd3;border-radius:999px;padding:.4em 1.1em;background:#fff}
.gov-card .links a:hover{border-color:var(--orange);color:var(--orange)}

/* Clients 로고 그리드 */
.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:50px 50px;align-items:center}
.client-grid img{width:100%;max-width:176px;height:auto;object-fit:contain;margin:0 auto}

/* Global Network 페이지 */
.gnet-hero-stat{padding:90px 0 70px;text-align:center}
.china .china-badges{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:26px 0 8px}
.china .china-badges .b1{background:var(--orange);color:#fff;border-radius:999px;font-weight:800;font-size:.9rem;padding:.5em 1.4em}
.china .china-badges .b2{border:1px solid var(--violet);color:var(--violet);border-radius:999px;font-weight:700;font-size:.88rem;padding:.5em 1.3em}
.china-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}

/* About */
.about-meet{position:relative;padding:96px 0 110px;color:#fff;background:url(/wp-content/uploads/2026/07/mw-bg-9a273b239d8db.webp) 50% 50%/cover no-repeat fixed}
.about-meet::before{content:"";position:absolute;inset:0;background:rgba(25,15,30,.55)}
.about-meet .wrap{position:relative;z-index:2}
.why-img{padding:40px 0 90px;background:url(/wp-content/uploads/2026/07/mw-bg-73b08e27094d4.webp) center top/min(1400px,96%) auto no-repeat}
.why-img .why3{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding-top:min(30vw,430px)}
.why-img .why3 .col:nth-child(2){margin-top:90px}
.why-img .why3 .col:nth-child(3){margin-top:30px}
.why-img .why3 .photo{position:relative;margin-bottom:26px}
.why-img .why3 .photo::before{content:"";position:absolute;left:-16px;top:-16px;width:44px;height:44px;background:var(--mint);border-radius:50%;opacity:.9}
.why-img .why3 h3{font-size:1.2rem;font-weight:800}
.why-img .why3 p{font-size:.9rem;line-height:1.85}
.team-stage.about{background-image:url(/wp-content/uploads/2026/07/mw-bg-d065e2e879df9.webp);min-height:930px}
.cred-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:8px 28px;font-size:.9rem}
.cred-cols ul{list-style:none;margin:0 0 18px;padding:0}
.cred-cols li{padding:2.5px 0}
.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.member{background:linear-gradient(180deg,#f6f2fa,#fff 55%);border-radius:10px;padding:30px 30px 26px;box-shadow:0 6px 20px rgba(30,10,50,.06)}
.member h3{font-size:1.5rem;font-weight:900;margin-bottom:18px}
.member h3 small{font-size:.85rem;font-weight:700;color:var(--text);margin-left:6px}
.member h4{font-size:.92rem;font-weight:800;margin-bottom:8px}
.member ul{list-style:none;margin:0;padding:0;font-size:.86rem;line-height:1.9;color:var(--text)}
.inta-cert{padding:80px 0 100px}
.inta-cert .split{align-items:center}
.inta-cert .badge-img{max-width:290px;margin:0 auto}
.btn-orange-sq{display:inline-flex;align-items:center;gap:.6em;background:var(--orange);color:#fff;font-weight:700;font-size:.85rem;border-radius:999px;padding:.7em 1.6em}

/* Contact */
.map-shell{max-width:920px;margin:0 auto}
.map-shell iframe{width:100%;height:420px;border:0;border-radius:6px;display:block}
.map-btn{text-align:center;margin-top:28px}
.btn-naver{display:inline-block;background:#03C75A;color:#fff;font-weight:800;font-size:.9rem;border-radius:999px;padding:.75em 2em}
.loc-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;margin-top:70px;align-items:start}
.loc-table{width:100%;border-collapse:collapse;font-size:.92rem}
.loc-table th{width:120px;text-align:left;font-weight:800;color:var(--ink);padding:14px 0;border-bottom:1px solid #eee;vertical-align:top}
.loc-table td{padding:14px 0;border-bottom:1px solid #eee;color:var(--text)}
.subway{display:flex;gap:26px;flex-wrap:wrap}
.subway .ln{display:inline-flex;align-items:center;gap:7px}
.subway .dot{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;padding:0 4px}
.contact-info{background:var(--gray);border-radius:10px;padding:34px 36px}
.contact-info h3{font-size:1.35rem;font-weight:900}
.contact-info h3 .dot-o{font-size:1.5rem}
.contact-info table{font-size:.95rem;border-collapse:collapse;margin-top:10px}
.contact-info th{text-align:left;font-weight:800;padding:8px 26px 8px 0}
.contact-info td{padding:8px 0}
.contact-info .tel-big{color:var(--orange);font-weight:800}
.contact-page-form{background:var(--gray);padding:100px 0;margin-top:0}
.contact-page-form .wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.kakao-talk-btn{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.9rem;color:var(--ink)}
.kakao-talk-btn svg{width:34px;height:34px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.12))}
.kakao-talk-btn:hover{color:var(--orange)}

/* 서브페이지 반응형 */
@media(max-width:1024px){
  .split,.loc-grid,.contact-page-form .wrap{grid-template-columns:1fr;gap:40px}
  .num-cards.c2,.num-cards.c3,.china-cards,.gov-grid,.member-grid{grid-template-columns:1fr 1fr}
  .steps4{grid-template-columns:1fr 1fr}
  .client-grid{grid-template-columns:repeat(3,1fr);gap:36px}
  .why-img .why3{grid-template-columns:1fr;padding-top:34vw}
  .why-img .why3 .col{margin-top:0!important}
  .team-stage.about{background:none;min-height:0}
  .page-hero-img{min-height:480px;padding:130px 0 160px}
}
@media(max-width:760px){
  .num-cards.c2,.num-cards.c3,.china-cards,.gov-grid,.member-grid,.steps4{grid-template-columns:1fr}
  .client-grid{grid-template-columns:1fr 1fr}
  /* 비교표: 모바일은 가로 스크롤 없이 세로 스택 */
  .table-scroll{overflow:visible}
  .table-scroll .cmp-table{min-width:0}
  .cmp-table tr:first-child{display:none}
  .cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table td{display:block;width:100%}
  .cmp-table tr{border:1px solid #eadfce;border-radius:12px;margin-bottom:18px;overflow:hidden}
  .cmp-table td{border:0;padding:14px 18px;font-size:.86rem}
  .cmp-table td.lead{width:100%}
  .cmp-table td[data-label]::before{content:attr(data-label);display:block;font-weight:800;color:var(--violet);font-size:.78rem;margin-bottom:4px}
  .svc-tabs{margin-top:-52px;gap:8px}
  .svc-tabs a{padding:.6em 1.1em;font-size:.83rem}
}

/* ===== v0.7.3: 게시글 하단 내비 (이전/다음 + 목록) ===== */
.post-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:60px;border-top:1px solid #eee;padding-top:30px}
.post-nav .pn{display:flex;align-items:center;gap:12px;max-width:38%;font-size:.9rem;font-weight:700;color:var(--ink);transition:.2s}
.post-nav .pn .arr{color:var(--orange);font-size:1.3rem;font-weight:400}
.post-nav .pn small{display:block;font-size:.75rem;color:var(--muted);font-weight:500}
.post-nav .pn:hover{color:var(--orange)}
.post-nav .pn.empty{min-width:80px}
.post-nav .pn-list{flex:0 0 auto}
@media(max-width:760px){.post-nav{flex-wrap:wrap}.post-nav .pn{max-width:100%}}

/* =====================================================================
   v0.7.8 — 모바일 최종 오버라이드 (반드시 파일 끝: 우선순위 보장)
   ===================================================================== */
@media(max-width:1024px){
  /* Success Stories: 모바일·태블릿에서 좌측 컬럼 sticky 해제(카드 위 겹침 방지) */
  .stories .fixed{position:static}
  /* 약력: 태블릿 이하 1열 스택(구분 부자연 해소) */
  .cred-cols{grid-template-columns:1fr}
  /* INTA 배지: 작게 왼쪽 + 텍스트 흐름 (모바일 레이아웃을 태블릿까지 확장) */
  .inta-cert .split{display:block}
  .inta-cert .split .img{float:left;width:128px;margin:4px 16px 8px 0}
  .inta-cert .split .badge-img{max-width:128px;margin:0}
  .inta-cert .wrap::after{content:"";display:block;clear:both}
  .inta-cert .btn-orange-sq{display:inline-flex;max-width:100%;white-space:normal;font-size:.8rem;clear:both}
}
@media(max-width:760px){
  /* 모바일 서브메뉴: Service 아래 왼쪽 정렬 목록(오른쪽 2칸 들여쓰기) */
  .main-nav .sub-menu{display:none;width:max-content;margin:0 auto;text-align:left}
  .main-nav .menu-item-has-children.open-sub>.sub-menu{display:block}
  .main-nav .sub-menu li{text-align:left}
  .main-nav .sub-menu a{text-align:left;padding:7px 4px 7px 2ch;font-size:.92rem}
  /* 모바일 푸터 로고 축소 */
  .site-footer .partner-logos .lg-sip img{height:15px}
  .site-footer .partner-logos .lg-ms img{height:13px}
  /* 콘택트: 연락처 카드 ↔ 문의폼 여백 (v0.7.9: 3배 확대) */
  .contact-loc{padding-bottom:26px}
  .contact-loc .loc-grid{margin-top:44px;gap:28px}
  .contact-page-form{margin-top:22px;padding:48px 0 70px}
  /* 모바일 홈 인사이트 카드 썸네일 축소(비율 3:4 유지) */
  .ins-grid{justify-items:center}
  .ins-grid a{max-width:300px;width:100%}
}

/* v0.7.10: 중간 폭(태블릿·좁은 창)에서 메뉴 줄바꿈 방지 */
@media(min-width:761px) and (max-width:1120px){
  .main-nav ul{flex-wrap:nowrap}
  .main-nav a{font-size:13px;padding:6px 9px;white-space:nowrap}
  .sip-logo{display:none}
  .brand img{height:23px}
}
@media(min-width:761px){
  .main-nav a{white-space:nowrap}
}

/* ===== v0.8.1: 게시판 마감 ===== */
/* 접근성 텍스트 숨김("글 페이지 매김" 노출 방지) */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important}
/* 페이지네이션: < 1 2 3 4 > */
.pagination .nav-links{display:flex;gap:8px;justify-content:center;align-items:center}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--text);padding:0 6px}
.page-numbers.current{background:var(--violet);color:#fff}
a.page-numbers:hover{background:#f1ebf7;color:var(--violet)}
/* 아카이브 검색 + 더보기 버튼 (원본 재현) */
.arch-tools{text-align:center;margin:0 0 52px}
.arch-search{display:inline-flex;gap:0;margin-bottom:26px}
.arch-search input[type=search]{width:min(420px,72vw);padding:.6em 1em;border:1px solid #d9d4cd;border-radius:4px 0 0 4px;font-family:inherit;font-size:.93rem}
.arch-search button{background:var(--orange);color:#fff;border:0;border-radius:0 4px 4px 0;padding:0 16px;cursor:pointer}
.arch-more{margin:0}
/* 게시글 본문: 단락 간격·가독 레이아웃 */
.single-sec{padding:48px 0 90px}
.single-body{font-size:1rem;line-height:1.85;color:var(--text)}
.single-body p{margin:0 0 1.15em}
.single-body img{margin:1.8em auto;border-radius:6px;max-width:min(100%,680px)}
.single-body figure img{max-width:100%} /* CTA 배너 등 figure 이미지는 원폭 유지 */
/* (v0.8.14) 본문 단독 링크 → 버튼 (아티클=테두리형 / 문의·상담 CTA=주황 solid) */
.single-body p:has(a.mw-btn){text-align:center;margin:1.7em 0}
.single-body a.mw-btn{display:inline-flex;align-items:center;gap:.5em;max-width:100%;padding:.72em 1.5em;border-radius:999px;font-weight:700;font-size:.97rem;line-height:1.35;text-decoration:none;text-align:left;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.single-body a.mw-btn::before{content:"\2192";font-weight:800;flex:0 0 auto}
.single-body a.mw-btn:hover{transform:translateY(-1px)}
.single-body a.mw-btn-ghost{background:#fff;color:#2b2b2b;border:1.5px solid #e6e6e6;box-shadow:0 2px 9px rgba(0,0,0,.06)}
.single-body a.mw-btn-ghost::before{color:var(--orange)}
.single-body a.mw-btn-ghost:hover{border-color:var(--orange);box-shadow:0 5px 16px rgba(0,0,0,.10)}
.single-body a.mw-btn-primary{background:var(--orange);color:#fff;border:1.5px solid var(--orange);box-shadow:0 4px 14px rgba(255,130,0,.30)}
.single-body a.mw-btn-primary:hover{box-shadow:0 7px 20px rgba(255,130,0,.42)}
.single-body a.mw-btn strong,.single-body a.mw-btn b{color:inherit;font-weight:800}
@media(max-width:760px){.single-body a.mw-btn{width:100%;justify-content:flex-start}}
/* 네이버 블로그 스타일: 질문형 소제목 = 왼쪽 세로 바 */
.single-body h2,.single-body h3{border-left:4px solid #2b2b2b;padding:2px 0 2px 14px;font-size:1.18rem;font-weight:800;margin:2.4em 0 1em;line-height:1.5}
.single-body h1,.single-body h4{margin:2em 0 .7em;line-height:1.45}
.single-body figcaption,.single-body .caption{text-align:center;color:#999;font-size:.85rem;margin:-1.4em 0 2em}
.single-body strong,.single-body b{color:var(--ink)}
.single-body ul,.single-body ol{margin:0 0 1.5em;padding-left:1.3em}
.single-body li{margin-bottom:.4em}
.single-body blockquote{border-left:3px solid var(--orange);margin:1.8em 0;padding:.4em 0 .4em 1.2em;color:var(--muted)}
.single-body table{border-collapse:collapse;margin:1.8em 0;font-size:.92rem}
.single-body td,.single-body th{border:1px solid #e5e0d8;padding:.55em .9em}

/* v0.8.2: 게시글 히어로(구형 page-hero 흰원호 겹침 → 원본 배경 히어로로 교체)
   — 데스크톱 크기는 v0.8.5 히어로 통합 규칙(파일 끝)이 담당 */
@media(max-width:760px){.post-hero{min-height:320px;padding:110px 0 90px}}

/* v0.8.3: 게시글 = 히어로(게시판명) + 본문 상단 글 제목(H1) — 제목 중복 제거 */
.ph-board{color:#fff;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;line-height:1.35}
.post-head{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:22px}
.post-head h1{font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:800;line-height:1.45;margin:0 0 10px}
.post-head .post-date{color:var(--muted);font-size:.88rem;margin:0}

/* =====================================================================
   v0.8.5 — 서브히어로 원호 침범 근본 해결 (v0.8.4 미디어쿼리 방식 대체)
   원리: 모든 히어로 PNG = 1920×834(2.302:1), 흰 원호(투명 컷아웃)는
   좌측 기준 이미지 높이의 ~54% 지점부터 시작.
   ① 배경 상단 고정(50% 0): 폭이 넓을수록 하단(원호 여백)만 잘려
      원호 시작점이 항상 위에서 23.3vw로 고정 → 텍스트 안전영역 예측 가능
   ② 텍스트·패딩을 vw 연동 스케일 → 원본 아임웹과 동일하게
      전체 히어로가 폭에 비례해 축소/확대 (특정 폭 짤림 원천 차단)
   ===================================================================== */
@media(min-width:761px){
  .page-hero-img{background-position:50% 0;min-height:480px;padding:clamp(60px,6.8vw,150px) 0 80px}
  .page-hero-img .ph-kicker{font-size:clamp(.75rem,.9vw,1rem);margin-bottom:10px}
  .page-hero-img h1{font-size:clamp(1.15rem,2.25vw,2.7rem)}
  .page-hero-img .ph-sub{max-width:min(560px,60vw);font-size:clamp(.72rem,.82vw,.95rem);margin-top:12px}
  .ph-board{font-size:clamp(1.05rem,1.95vw,2.3rem)}
}
/* 중간 폭: 수동 줄바꿈 해제(서비스 히어로 3줄 서브가 6줄로 불어나는 것 방지) */
@media(min-width:761px) and (max-width:1140px){
  .page-hero-img .ph-sub br{display:none}
}
/* 넓은 폭: 원본과 동일하게 이미지 비율(1920:834) 그대로 풀샷 */
@media(min-width:1141px){
  .page-hero-img{min-height:min(43.43vw,900px)}
}

/* ===== v0.8.8: 모바일 가로 오버플로 차단 =====
   인라인 max-width(px)로 뷰포트를 넘는 이미지가 레이아웃 뷰포트를 넓혀
   모바일 미디어쿼리(햄버거·헤더 고정)를 무력화하던 문제 방지 (글로벌 네트워크 등) */
@media(max-width:760px){
  img{max-width:100%!important}
}