/* grays-qa — 삽입용 스타일. 기존 사이트와 충돌하지 않도록 .gq 네임스페이스만 사용.
   색·서체는 grays.co.kr common.css 변수(--pointcolor, --pointcolor2, --mainfont, --pointfont, --koSerif)를 우선 따르고,
   없을 때(단독 미리보기)는 같은 값의 기본값을 쓴다. 직각 박스·얇은 테두리·웜 아이보리 톤. */
.gq{--gq-ink:#3e392e;--gq-fg:var(--pointcolor2,#595959);--gq-accent:var(--pointcolor,#c7542d);--gq-muted:#8a8578;
  --gq-line:#cfc9bb;--gq-soft:#f7f7f7;--gq-bg:#f0ede5;
  --gq-sans:var(--mainfont,"Pretendard"),"Noto Sans KR","맑은 고딕",system-ui,sans-serif;
  --gq-point:var(--pointfont,"Figtree"),var(--mainfont,"Pretendard"),sans-serif;
  --gq-serif:var(--koSerif,"Noto Serif KR"),serif;
  max-width:820px;margin:0 auto;padding:40px 20px 80px;color:var(--gq-fg);
  font-family:var(--gq-sans);line-height:1.9;font-size:16px;word-break:keep-all}
.gq *{box-sizing:border-box}
.gq__head{margin:0 0 32px}
.gq__cat{display:inline-block;margin:0 0 16px;padding:3px 12px;border:1px solid var(--gq-ink);font-size:12px;font-weight:500;color:var(--gq-ink);line-height:1.6;letter-spacing:.02em}
.gq__title{margin:0 0 16px;font-size:32px;line-height:1.4;font-weight:700;letter-spacing:-.02em;color:var(--gq-ink)}
.gq__meta{margin:0;padding-top:14px;border-top:1px solid var(--gq-line);font-size:13px;color:var(--gq-muted);display:flex;gap:16px;flex-wrap:wrap}
.gq__summary{background:var(--gq-soft);border-top:2px solid var(--gq-ink);padding:24px 28px;margin:0 0 36px}
.gq__summary-title{margin:0 0 12px;font-family:var(--gq-point);font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--gq-accent)}
.gq__summary-q{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--gq-ink)}
.gq__summary ul{margin:0;padding:0;list-style:none}
.gq__summary li{position:relative;margin:8px 0;padding-left:16px;font-size:15px;line-height:1.7}
.gq__summary li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--gq-accent)}
.gq__lead{margin:0 0 18px}
.gq__figure{margin:36px 0}
.gq__figure img{display:block;width:100%;height:auto}
.gq__figure figcaption{margin-top:10px;font-size:13px;color:var(--gq-muted)}
.gq__toc{border:1px solid var(--gq-line);padding:20px 28px;margin:36px 0}
.gq__toc-title{margin:0 0 10px;font-family:var(--gq-point);font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--gq-ink)}
.gq__toc ol{margin:0;padding-left:20px}
.gq__toc li{margin:5px 0;font-size:15px}
.gq__toc a{color:var(--gq-fg);text-decoration:none}
.gq__toc a:hover{color:var(--gq-accent);text-decoration:underline}
.gq__section{margin:48px 0 0;padding-top:28px;border-top:1px solid var(--gq-line)}
.gq__section h2{margin:0 0 16px;font-size:23px;font-weight:700;line-height:1.5;letter-spacing:-.01em;color:var(--gq-ink);scroll-margin-top:90px}
.gq__section p{margin:0 0 16px}
.gq__table-wrap{overflow-x:auto;margin:24px 0}
.gq__table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.7}
.gq__table th,.gq__table td{border:1px solid var(--gq-line);padding:12px 16px;text-align:left;vertical-align:top}
.gq__table thead th{background:var(--gq-ink);border-color:var(--gq-ink);color:var(--gq-bg);font-weight:600}
.gq__table tbody th{background:var(--gq-soft);font-weight:600;color:var(--gq-ink);white-space:nowrap}
.gq__keypoint{border-left:3px solid var(--gq-accent);background:var(--gq-soft);padding:20px 24px;margin:26px 0}
.gq__keypoint-label{margin:0 0 8px;font-family:var(--gq-point);font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--gq-accent)}
.gq__keypoint p:last-child{margin:0;font-family:var(--gq-serif);font-size:16px;line-height:1.85;color:var(--gq-ink)}
.gq__faq{margin:56px 0 0;border-top:2px solid var(--gq-ink);padding-top:32px}
.gq__faq h2{margin:0 0 8px;font-size:23px;font-weight:700;color:var(--gq-ink);scroll-margin-top:90px}
.gq__faq-item{padding:20px 0;border-bottom:1px solid var(--gq-line)}
.gq__faq-q{margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.6;color:var(--gq-ink)}
.gq__faq-a{margin:0;font-size:15.5px;color:var(--gq-fg)}
.gq__related{margin:48px 0 0;border:1px solid var(--gq-line);padding:24px 28px}
.gq__related-title{margin:0 0 12px;font-family:var(--gq-point);font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--gq-ink)}
.gq__related ul{margin:0;padding:0;list-style:none}
.gq__related li{margin:0;padding:10px 0;border-top:1px solid var(--gq-line);font-size:15px}
.gq__related li:first-child{border-top:0}
.gq__related a{color:var(--gq-ink);text-decoration:none}
.gq__related a:after{content:" →";color:var(--gq-accent)}
.gq__related a:hover{color:var(--gq-accent)}
.gq__notice{margin:40px 0 0;padding-top:18px;border-top:1px solid var(--gq-muted)}
.gq__notice p{margin:0 0 6px;font-size:12.5px;color:var(--gq-muted);line-height:1.75}
.gq__notice p:last-child{margin:0}
.gq__list{margin:0;padding:0;list-style:none}
.gq__list li{margin:0;padding:18px 0;border-bottom:1px solid var(--gq-line)}
.gq__list a{font-size:17px;font-weight:700;color:var(--gq-ink);text-decoration:none}
.gq__list a:hover{color:var(--gq-accent)}
.gq__list p{margin:6px 0 0;font-size:14px;color:var(--gq-muted)}
.gq__intl p{margin:0 0 14px}
/* 단독 미리보기 전용 배경 */
.gq-page{background:#f0ede5;min-height:100vh}
@media (max-width:640px){.gq{padding:28px 16px 56px;font-size:15.5px}.gq__title{font-size:24px}.gq__section h2,.gq__faq h2{font-size:20px}.gq__summary,.gq__related,.gq__toc{padding:18px 18px}.gq__faq-q{font-size:16px}}
.gq__eyebrow{margin:0 0 6px;font-family:var(--gq-point);font-size:15px;font-weight:800;letter-spacing:.02em;color:var(--gq-accent)}

/* 언어 전환 · 목록(분류 탭·검색) */
.gq__lang{display:flex;justify-content:flex-end;margin:0 0 20px;font-family:var(--gq-point);font-size:12px;font-weight:600;letter-spacing:.05em}
.gq__lang a,.gq__lang span{padding:4px 12px;color:var(--gq-muted);text-decoration:none;border-left:1px solid var(--gq-line)}
.gq__lang a:first-child,.gq__lang span:first-child{border-left:0}
.gq__lang .is-on{color:var(--gq-ink);border-bottom:2px solid var(--gq-ink)}
.gq__lang a:hover{color:var(--gq-accent)}
.gq--list .gq__title{font-size:44px;font-family:var(--gq-point),var(--gq-sans);font-weight:800;margin-bottom:10px}
.gq__sub{margin:0 0 28px;font-size:18px;color:var(--gq-muted)}
.gq__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.gq__tab{appearance:none;background:transparent;border:1px solid var(--gq-ink);padding:12px 20px;font:500 14px/1 var(--gq-sans);letter-spacing:.02em;color:var(--gq-ink);cursor:pointer}
.gq__tab i{margin-left:6px;font-style:normal;font-size:12px;color:var(--gq-muted)}
.gq__tab:hover{background:#e6e1d4}
.gq__tab.is-on{background:#000;color:#fff;border-color:#000;font-weight:700}
.gq__tab.is-on i{color:#fff}
.gq__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--gq-ink)}
.gq__count{margin:0;font-size:13px;color:var(--gq-muted);line-height:1.6}
.gq__count b{color:var(--gq-ink)}
.gq__search{width:280px;max-width:100%;border:0;border-bottom:1px solid var(--gq-line);background:transparent;padding:8px 2px;font:400 14px var(--gq-sans);color:var(--gq-ink);border-radius:0;-webkit-appearance:none}
.gq__search:focus{border-bottom-color:var(--gq-ink);outline:0}
.gq__tag{display:inline-block;margin:0 10px 6px 0;padding:2px 8px;border:1px solid var(--gq-muted);font-size:11.5px;color:var(--gq-muted);line-height:1.5;vertical-align:middle}
.gq__list li[hidden]{display:none}
.gq__empty{padding:40px 0;text-align:center;color:var(--gq-muted)}
@media (max-width:640px){.gq--list .gq__title{font-size:32px}.gq__tab{padding:10px 14px;font-size:13px}.gq__search{width:100%}}

/* ===== grays Q&A 크롬래핑 커스텀 (2026-10-01) ===== */
.gq--list .gq__head{display:none}
/* .gq(제목·헤더 포함)는 히어로 .container(1500/90%) 폭 */
.gq{max-width:1500px;width:90%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}
/* 본문(읽기 콘텐츠)은 컬럼 #bo_v_con 처럼 80% 가운데 여백 — 제목/언어/네비는 풀폭. 목록(.gq--list)은 제외 */
.gq:not(.gq--list) > :not(.gq__head):not(.gq__lang):not(.gq__tolist-wrap):not(.gq__pn){max-width:80%;margin-left:auto;margin-right:auto}
@media (max-width:1024px){.gq:not(.gq--list) > :not(.gq__head):not(.gq__lang):not(.gq__tolist-wrap):not(.gq__pn){max-width:100%}}
/* 하단 목록보기 (컬럼식 좌측 텍스트+화살표) */
.gq__tolist-wrap{margin:2.6rem 0 .3rem}
.gq__tolist{display:inline-flex;align-items:center;gap:.4em;color:var(--gq-ink);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;text-decoration:none;transition:color .2s}
.gq__tolist:hover{color:var(--gq-accent)}
.gq__tolist .material-symbols-outlined{font-size:1.05em}
/* 이전글·다음글 (컬럼식) */
.gq__pn{margin:.8rem 0 0;border-top:1px solid rgba(0,0,0,.12)}
.gq__pn-item{display:flex;align-items:center;gap:1.1rem;padding:1.15em .1em;border-bottom:1px solid rgba(0,0,0,.12);text-decoration:none}
.gq__pn-lbl{display:inline-flex;align-items:center;gap:.3em;flex:0 0 auto;min-width:4.4em;color:var(--gq-ink);font-weight:600;font-size:.98rem}
.gq__pn-ttl{color:var(--gq-muted,#8a8578);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gq__pn-item:hover .gq__pn-ttl{color:var(--gq-accent)}
.gq__pn .material-symbols-outlined{font-size:1.1em;color:var(--gq-ink)}
/* 고지 박스: 오렌지 배경·흰 글씨·패딩 */
.gq__notice{background:#c7542d!important;color:#fff;padding:2rem 2.4rem;border-top:none;border-radius:6px;margin-top:40px}
.gq__notice p{color:#fff!important;font-size:14px;line-height:1.8;margin:0 0 .5em}
.gq__notice p:last-child{margin:0}