/* =====================================================================
   온웹 인터뷰 — 발행 게시글 디자인 테마 (1.8.0)
   - 본문은 몽9 블록 그대로(몽9 에디터로 편집 가능). 블록마다 class="m9-grid-block owiv-b owiv-t-{테마}"
   - 인터뷰 게시판 보기 화면에만 붙는다(extend owiv_post_css). 없으면 인라인 기본 모양(클래식)으로 보인다.
   - 인라인 색을 덮어야 해서 색 관련은 !important 를 쓴다. 시안: _시안/post_designs/
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;600;700;900&family=Gowun+Batang:wght@400;700&family=Nanum+Gothic+Coding:wght@400;700&display=swap');

/* ---------- 공통 ---------- */
.owiv-b{box-sizing:border-box;display:flow-root}  /* 안쪽 margin 이 블록 밖으로 새지 않게 — 테마 바탕색이 끊기지 않는다 */
.owiv-b img{max-width:100%}
.owiv-hero .owiv-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.owiv-name{font-weight:800 !important}
/* 머리 영문 한 줄은 글자로 넣지 않고 CSS 로 그린다 — 게시판 목록 요약이 "CHEONAN … & ARTS" 로 시작하지 않게 */
.owiv-kicker:empty::before{content:"CHEONAN · ASAN CULTURE & ARTS"}

/* 작품 사진: 첫 장은 넓게, 나머지는 같은 비율로 잘라 2단 — 클릭하면 크게 */
.owiv-gal ul{margin:0;padding:0;list-style:none}
.owiv-gal li{list-style:none}
.owiv-gal ul{display:grid !important;grid-template-columns:1fr 1fr;gap:18px}
.owiv-gal ul > li{float:none !important;width:auto !important;margin:0 !important;clear:none !important}
.owiv-gal ul > li.owiv-wide{grid-column:1 / -1}
@media (max-width:500px){.owiv-gal ul{gap:10px}}
.owiv-gal a.owiv-zoom{display:block;position:relative;overflow:hidden;cursor:zoom-in;border-radius:inherit;text-decoration:none !important}
.owiv-gal a.owiv-zoom img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.owiv-gal li.owiv-wide a.owiv-zoom img{aspect-ratio:16/9}
.owiv-gal a.owiv-zoom:hover img{transform:scale(1.04)}
.owiv-gal a.owiv-zoom::after{content:"";position:absolute;right:12px;bottom:12px;width:34px;height:34px;border-radius:50%;
  background:rgba(17,17,17,.55) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'><path d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/></svg>") center/16px no-repeat;
  opacity:0;transform:translateY(4px);transition:.25s}
.owiv-gal a.owiv-zoom:hover::after{opacity:1;transform:none}
.owiv-cap{margin-top:.6em !important}

/* 링크 버튼 */
.owiv-b a.owiv-pill{text-decoration:none !important;transition:background-color .2s,color .2s,border-color .2s}
.owiv-b a.owiv-pill:hover,.owiv-b a.owiv-pill:focus-visible{background-color:#a8854f !important;border-color:#a8854f !important;color:#fff !important}

/* ---------- 라이트박스 (공통) ---------- */
.owiv-lb{position:fixed;inset:0;z-index:99999;background:rgba(12,12,14,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.owiv-lb.on{opacity:1;visibility:visible}
.owiv-lb figure{margin:0;max-width:min(92vw,1200px);text-align:center}
.owiv-lb img{max-width:100%;max-height:78vh;display:block;margin:0 auto;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.owiv-lb figcaption{color:#eae6dd;font-size:15px;line-height:1.6;margin-top:16px;letter-spacing:.01em}
.owiv-lb .lb-n{display:block;color:#9a968d;font-size:12px;letter-spacing:.2em;margin-top:6px}
.owiv-lb button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;width:56px;height:56px;font-size:28px;line-height:56px;opacity:.75;transition:opacity .2s}
.owiv-lb button:hover{opacity:1}
.owiv-lb .lb-x{top:14px;right:14px;font-size:34px}
.owiv-lb .lb-p{left:10px;top:50%;margin-top:-28px}
.owiv-lb .lb-nx{right:10px;top:50%;margin-top:-28px}
@media (max-width:500px){.owiv-lb .lb-p,.owiv-lb .lb-nx{top:auto;bottom:18px;margin:0}.owiv-lb img{max-height:70vh}}

/* =====================================================================
   1. 클래식 (classic) — 지금 디자인을 다듬은 것. 흰 바탕 · 금색 점 · 진한 검정 제목
   ===================================================================== */
.owiv-t-classic.owiv-hero .owiv-photo img{border-radius:14px}
.owiv-t-classic.owiv-gal li a.owiv-zoom{border-radius:12px}

/* =====================================================================
   2. 페이퍼 (paper) — 종이에 쓴 원고. 미색 종이결 · 명조 · 붙여 둔 사진
   ===================================================================== */
.owiv-t-paper.owiv-b{background:#f5efe3 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .38  0 0 0 0 .28  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  padding:0 7%;border-left:1px solid #e6dcc8;border-right:1px solid #e6dcc8}
.owiv-t-paper.owiv-first{padding-top:56px;border-top:1px solid #e6dcc8;border-radius:4px 4px 0 0}
.owiv-t-paper.owiv-last{padding-bottom:56px;border-bottom:1px solid #e6dcc8;box-shadow:0 18px 30px -24px rgba(80,60,30,.45)}
.owiv-t-paper,.owiv-t-paper p,.owiv-t-paper div{font-family:'Gowun Batang','Noto Serif KR',serif}
.owiv-t-paper h2,.owiv-t-paper h3,.owiv-t-paper .owiv-num{font-family:'Noto Serif KR',serif !important}
.owiv-t-paper .owiv-kicker{color:#8c6b3f !important;letter-spacing:.35em !important}
.owiv-t-paper .owiv-nick{color:#8c7a62 !important;font-style:italic}
.owiv-t-paper .owiv-name{color:#2e261c !important;font-weight:700 !important;letter-spacing:0 !important}
.owiv-t-paper .owiv-meta{color:#8c7a62 !important}
.owiv-t-paper .owiv-rule{background-color:#8c6b3f !important;height:1px !important}
.owiv-t-paper .owiv-qm{color:#b08d57 !important}
.owiv-t-paper .owiv-lead{color:#3b3227 !important;font-weight:400 !important}
.owiv-t-paper.owiv-hero .owiv-photo img{border-radius:4px;box-shadow:0 14px 30px -18px rgba(60,40,10,.55)}
.owiv-t-paper.owiv-qa > [class*="m9-grid-"]{border-top:1px dashed #cdbd9f !important}
.owiv-t-paper .owiv-num{color:#b08d57 !important;font-weight:300 !important;font-style:italic}
.owiv-t-paper .owiv-qlabel{color:#a8977c !important}
.owiv-t-paper .owiv-qt{color:#2e261c !important;font-weight:600 !important}
.owiv-t-paper .owiv-ans{color:#4a3f31 !important;line-height:1.9 !important}
.owiv-t-paper .owiv-ans p{background-image:repeating-linear-gradient(transparent 0 calc(1.9em - 1px),rgba(140,107,63,.18) calc(1.9em - 1px) 1.9em)}
.owiv-t-paper.owiv-gal a.owiv-zoom{border-radius:4px;box-shadow:0 12px 24px -18px rgba(60,40,10,.55)}
.owiv-t-paper .owiv-cap{color:#7d6b52 !important;text-align:center;font-style:italic}
.owiv-t-paper.owiv-pull > [class*="m9-grid-"] .owiv-pullbox{border-color:#cdbd9f !important;border-style:dashed !important}
.owiv-t-paper .owiv-pulltxt{color:#2e261c !important;font-weight:400 !important;font-family:'Noto Serif KR',serif !important}
.owiv-t-paper.owiv-sec > [class*="m9-grid-"]{border-top:1px dashed #cdbd9f !important}
.owiv-t-paper .owiv-seclabel{color:#8c6b3f !important}
.owiv-t-paper a.owiv-pill{border-color:#8c6b3f !important;color:#3b3227 !important;border-radius:2px !important;background:transparent}
.owiv-t-paper.owiv-foot > div > div > div{border-top:1px dashed #cdbd9f !important}

/* =====================================================================
   3. 카드 (card) — 둥근 카드 뉴스. 옅은 바탕 위 흰 카드 · 번호 칩 · 남색 인용 카드
   ===================================================================== */
.owiv-t-card.owiv-b{background:#f1eee8;padding:0 22px}
.owiv-t-card.owiv-first{padding-top:22px;border-radius:28px 28px 0 0}
.owiv-t-card.owiv-last{padding-bottom:22px;border-radius:0 0 28px 28px}
.owiv-t-card.owiv-b > [class*="m9-grid-"]{background:#fff;border-radius:24px;padding:34px 36px !important;margin:0 0 16px !important;border-top:0 !important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px -12px rgba(38,44,56,.18)}
.owiv-t-card.owiv-last > [class*="m9-grid-"]{margin-bottom:0 !important}
.owiv-t-card .owiv-b-inner,.owiv-t-card [class*="m9-margin-top-3"]{margin-top:0 !important;padding-top:0 !important;border-top:0 !important}
.owiv-t-card.owiv-hero > [class*="m9-grid-"]{padding:20px !important}
.owiv-t-card.owiv-hero .owiv-photo{margin:0 !important}
.owiv-t-card.owiv-hero .owiv-photo img{border-radius:18px;aspect-ratio:1/1}
.owiv-t-card.owiv-hero .owiv-htxt{padding:14px 16px 14px 18px !important}
.owiv-t-card .owiv-kicker{display:inline-block;background:#f4ecdc;color:#8a6a2f !important;border-radius:999px;padding:6px 12px;letter-spacing:.12em !important}
.owiv-t-card .owiv-name{color:#1b1f27 !important}
.owiv-t-card.owiv-qa .owiv-num{display:inline-block;font-size:15px !important;line-height:1 !important;font-weight:700 !important;color:#fff !important;background:#262c38;border-radius:999px;padding:9px 14px}
.owiv-t-card.owiv-qa:nth-child(3n) .owiv-num{background:#a8854f}
.owiv-t-card.owiv-qa:nth-child(3n+1) .owiv-num{background:#5e7d6a}
.owiv-t-card .owiv-qlabel{display:none}
.owiv-t-card.owiv-qa .m9-grid-4 > .m9-column-1{width:12% !important}
.owiv-t-card.owiv-qa .m9-grid-4 > .m9-column-3{width:86% !important}
.owiv-t-card .owiv-qt{color:#1b1f27 !important}
.owiv-t-card.owiv-gal a.owiv-zoom{border-radius:16px}
.owiv-t-card.owiv-pull > [class*="m9-grid-"]{background:#262c38 !important}
.owiv-t-card .owiv-pullbox{border:0 !important;padding:16px 0 !important}
.owiv-t-card .owiv-pulltxt{color:#f3efe6 !important}
.owiv-t-card.owiv-pull .owiv-qm{color:#c8a46b !important}
.owiv-t-card.owiv-pull .owiv-plabel{color:#c8a46b !important}
.owiv-t-card a.owiv-pill{border-radius:999px !important;background:#f6f3ec;border-color:#f6f3ec !important}
@media (max-width:1024px){.owiv-t-card.owiv-qa .m9-grid-4 > [class*="m9-column-"]{width:100% !important}.owiv-t-card.owiv-hero .owiv-htxt{padding:22px 6px 6px !important}}
@media (max-width:500px){.owiv-t-card.owiv-b{padding:0 10px}.owiv-t-card.owiv-b > [class*="m9-grid-"]{padding:24px 22px !important;border-radius:20px}}

/* =====================================================================
   4. 모던 (modern) — 흰 바탕 · 검정 · 아주 큰 글씨 · 가는 검정 선 · 각진 사진
   ===================================================================== */
.owiv-t-modern .owiv-kicker{color:#111 !important;letter-spacing:.3em !important}
.owiv-t-modern .owiv-nick{color:#111 !important;font-weight:500 !important;text-transform:uppercase}
.owiv-t-modern .owiv-name{color:#111 !important;font-size:5.4em !important;letter-spacing:-.05em !important;line-height:1 !important;font-weight:900 !important}
.owiv-t-modern .owiv-meta{color:#111 !important;border-top:1px solid #111;border-bottom:1px solid #111;padding:10px 0;margin-top:18px !important}
.owiv-t-modern .owiv-meta .owiv-sl{color:#111 !important}
.owiv-t-modern .owiv-rule{display:none}
.owiv-t-modern .owiv-qm{display:none}
.owiv-t-modern .owiv-lead{color:#111 !important;font-weight:600 !important;letter-spacing:-.02em}
.owiv-t-modern.owiv-hero .owiv-photo img{border-radius:0;filter:grayscale(.15) contrast(1.05)}
.owiv-t-modern.owiv-qa > [class*="m9-grid-"],.owiv-t-modern.owiv-sec > [class*="m9-grid-"]{border-top:1px solid #111 !important}
.owiv-t-modern .owiv-num{color:#111 !important;font-weight:400 !important;font-size:15px !important;letter-spacing:.05em}
.owiv-t-modern .owiv-num::before{content:"("}.owiv-t-modern .owiv-num::after{content:")"}
.owiv-t-modern .owiv-qlabel{color:#111 !important}
.owiv-t-modern .owiv-qt{color:#111 !important;font-size:1.9em !important;font-weight:700 !important;letter-spacing:-.03em;line-height:1.3 !important}
.owiv-t-modern .owiv-ans{color:#333 !important}
.owiv-t-modern.owiv-gal a.owiv-zoom{border-radius:0}
.owiv-t-modern.owiv-gal ul{gap:6px}
.owiv-t-modern .owiv-cap{color:#111 !important;text-transform:uppercase;letter-spacing:.08em;font-size:11px !important}
.owiv-t-modern .owiv-pullbox{border:0 !important;text-align:left !important;padding:40px 0 !important}
.owiv-t-modern .owiv-pulltxt{color:#111 !important;font-size:2.6em !important;font-weight:800 !important;letter-spacing:-.04em;line-height:1.25 !important}
.owiv-t-modern .owiv-plabel{color:#111 !important}
.owiv-t-modern .owiv-seclabel{color:#111 !important}
.owiv-t-modern a.owiv-pill{border-radius:0 !important;border-color:#111 !important;color:#111 !important}
.owiv-t-modern a.owiv-pill:hover{background:#111 !important;border-color:#111 !important;color:#fff !important}
.owiv-t-modern.owiv-foot > div > div > div{border-top:1px solid #111 !important}
@media (max-width:500px){.owiv-t-modern .owiv-name{font-size:3.6em !important}.owiv-t-modern .owiv-pulltxt{font-size:1.7em !important}.owiv-t-modern .owiv-qt{font-size:1.4em !important}}

/* =====================================================================
   5. 블랙 (black) — 블랙 프리미엄 카드풍. 검정 바탕 · 흰 글씨 · 외곽선 큰 숫자 · 금색 한 점
   ===================================================================== */
/* 바탕은 --bk 하나로. 선·버튼 바탕은 반투명 흰색이라 어떤 바탕색에도 어울린다 (1.8.1) */
.owiv-t-black.owiv-b{--bk:#141b2b;--bk2:rgba(255,255,255,.06);--bkl:rgba(255,255,255,.13);background-color:var(--bk);padding:0 6%}
/* 바탕색 고르기: 네이비(기본) · 블랙 · 딥그린 · 버건디 · 브라운 · 직접 고르기(블록에 인라인 background-color) */
.owiv-t-black.owiv-c-black{--bk:#0e0e0f}
.owiv-t-black.owiv-c-green{--bk:#13221c}
.owiv-t-black.owiv-c-wine{--bk:#2a1418}
.owiv-t-black.owiv-c-brown{--bk:#2a211a}
/* 종이 질감(선택) — 굵은 결(섬유 줄무늬) + 고운 입자 두 겹. 어두운 바탕에서도 보이게 */
.owiv-t-black.owiv-tx-paper{background-image:
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.006 .45' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .96  0 0 0 0 .9  0 0 0 .13 -.03'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>"),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .96  0 0 0 0 .9  0 0 0 .16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.owiv-t-black.owiv-first{padding-top:6%;border-radius:18px 18px 0 0}
.owiv-t-black.owiv-last{padding-bottom:6%;border-radius:0 0 18px 18px}
.owiv-t-black .owiv-kicker{color:#c9a46a !important;letter-spacing:.35em !important}
.owiv-t-black .owiv-nick{color:#8d8d92 !important}
.owiv-t-black .owiv-name{color:#fff !important;letter-spacing:-.04em !important}
.owiv-t-black .owiv-meta{color:#8d8d92 !important}
.owiv-t-black .owiv-rule{background-color:#c9a46a !important}
.owiv-t-black .owiv-qm{color:#c9a46a !important}
.owiv-t-black .owiv-lead{color:#e9e9ea !important;font-weight:400 !important}
.owiv-t-black.owiv-hero .owiv-photo img{border-radius:10px;filter:grayscale(1) contrast(1.05);transition:filter .6s}
.owiv-t-black.owiv-hero .owiv-photo:hover img{filter:none}
.owiv-t-black.owiv-qa > [class*="m9-grid-"],.owiv-t-black.owiv-sec > [class*="m9-grid-"]{border-top:1px solid var(--bkl) !important}
.owiv-t-black .owiv-num{color:transparent !important;-webkit-text-stroke:1px #e9e9ea;font-weight:700 !important;font-size:3.6em !important}
.owiv-t-black .owiv-qlabel{color:#6d6d72 !important}
.owiv-t-black .owiv-qt{color:#fff !important}
.owiv-t-black .owiv-ans{color:#b9b9bd !important}
.owiv-t-black.owiv-gal a.owiv-zoom{border-radius:10px}
.owiv-t-black .owiv-cap{color:#8d8d92 !important}
.owiv-t-black .owiv-pullbox{border-color:#c9a46a !important}
.owiv-t-black .owiv-pulltxt{color:#fff !important}
.owiv-t-black .owiv-plabel{color:#c9a46a !important}
.owiv-t-black .owiv-seclabel{color:#c9a46a !important}
.owiv-t-black .owiv-sectitle{color:#fff !important}
.owiv-t-black .owiv-sectxt{color:#b9b9bd !important}
.owiv-t-black a.owiv-pill{border-color:var(--bkl) !important;color:#fff !important;background:var(--bk2)}
.owiv-t-black a.owiv-pill:hover{background:#c9a46a !important;border-color:#c9a46a !important;color:#111 !important}
.owiv-t-black.owiv-foot > div > div > div{border-top:1px solid var(--bkl) !important}
.owiv-t-black.owiv-foot .owiv-ftxt{color:#8d8d92 !important}
/* 두고 붓글씨 로고(검은 글씨)는 어두운 바탕에서 크림색으로 — class 가 없는 예전 글도 src 로 잡는다 (1.9.4) */
.owiv-t-black img.owiv-dtype,.owiv-t-black img[src*="dogo_type"]{filter:brightness(0) invert(.93) sepia(.18) !important}