/*
Theme Name: OnlineEnglish
Theme URI: https://onlineenglish.kr
Description: OnlineEnglish.kr 전용 경량 테마. 아이 온라인 영어 큐레이션.
Author: OnlineEnglish 편집부
Version: 1.0
*/

body.home :root{--pine:#164A38;--pine-2:#1B5742;--moss:#3E6B58;--sage:#DDE7E1;--ivory:#F4F6F4;--paper:#FCFCFB;--ink:#17251F;--body:#4A5751;--soft:#8B9A92;--line:#E7EAE7;--lime:#C9E265;--gold:#C9A96A;--hero-bg:#FDFDFC}
body.home body{font-family:'Pretendard',-apple-system,sans-serif;background:var(--paper);color:var(--body);line-height:1.85;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.serif{font-family:'Noto Serif KR',serif}
.shell-wide{max-width:1480px;margin:0 auto;padding:0 4vw}
/* 헤더 */
body.home header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0;backdrop-filter:none;z-index:40}
body.home .bar-in{display:flex;align-items:center;height:104px;gap:52px}
body.home .mark{font-family:'Noto Serif KR',serif;font-size:25px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.2}
body.home .mark em{display:block;font-style:normal;font-family:'Pretendard',sans-serif;font-size:12.5px;font-weight:400;color:var(--moss);letter-spacing:.02em;margin-top:5px}
body.home .menu{display:flex;gap:42px;margin-left:auto;align-items:center}
body.home .menu a{font-size:15px;font-weight:500;color:var(--ink)}
.menu a.pick{font-weight:600;color:var(--ink);border-bottom:2px solid var(--pine);padding-bottom:6px}
.menu .find{display:flex;align-items:center;color:var(--ink);opacity:.8}
/* 히어로: 풀블리드 사진 + 우측 페이드 */
.hero{position:relative;min-height:76vh;overflow:hidden;background:var(--hero-bg)}
.hero .bg{position:absolute;inset:0;background:url('assets/oe-hero-kid-v4.jpg') no-repeat;background-size:auto 100%;background-position:left center;filter:brightness(1.07) saturate(.87) contrast(.97)}
.hero .fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(253,253,252,0) 34%,rgba(253,253,252,.45) 44%,rgba(253,253,252,.9) 55%,rgba(253,253,252,.99) 64%,var(--hero-bg) 72%)}
.hero .stx{position:relative;z-index:2;min-height:76vh;display:flex;flex-direction:column;justify-content:center;margin-left:52%;padding:96px 0 78px}
.hero .kicker{font-size:14.5px;font-weight:500;color:var(--moss)}
.hero h1{font-size:clamp(34px,3.5vw,50px);line-height:1.44;font-weight:700;margin:14px 0 20px;letter-spacing:-.03em;color:var(--ink)}
.hero h1 span{color:var(--pine)}
.hero p{font-size:15.5px;font-weight:400;color:#5C6B63;line-height:1.85;max-width:520px}
.hero .feat{display:flex;margin:36px 0 0;max-width:640px}
.hero .feat div{flex:1;padding:0 22px}
.hero .feat div:first-child{padding-left:0}
.hero .feat div+div{border-left:1px solid var(--line)}
.hero .feat b{display:block;font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:9px;letter-spacing:-.01em}
.hero .feat span{font-size:13.5px;font-weight:400;color:#6E7B74;line-height:1.7}
.hero .btns{display:flex;gap:14px;margin-top:38px}
.hero .btns a{font-size:15px;font-weight:600;padding:16px 34px;border-radius:6px}
.hero .b1{background:var(--pine);color:#F2F8F4}
.hero .b2{border:1px solid #CBD8D0;color:var(--pine);background:#fff}
/* 카테고리 띠 */
.strip{background:var(--hero-bg);padding:0 0 84px}
.strip .panel{display:flex;background:#FAFBFA;border:1px solid #EDF0ED;border-radius:14px;padding:34px 0}
.strip .panel div{flex:1;text-align:center;padding:4px 18px}
.strip .panel div+div{border-left:1px solid #E7EAE7}
.strip b{display:block;font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em}
.strip span{font-size:13.5px;color:#6E7B74;line-height:1.75}
/* 인트로 원칙 (밝은) */
.deck-band{padding:110px 0 90px;text-align:center;background:var(--paper)}
.deck-band .e{font-size:12px;letter-spacing:.4em;color:var(--gold);text-transform:uppercase}
.deck-band h2{font-family:'Noto Serif KR',serif;font-size:clamp(26px,2.6vw,36px);font-weight:600;color:var(--ink);line-height:1.7;margin:24px 0 0}
.deck-band h2 b{color:var(--pine-2);font-weight:600}
.deck-band .subline{font-size:15px;color:#6E7B74;font-weight:400;line-height:1.9;max-width:60ch;margin:20px auto 0}
.deck-band .divider{width:1px;height:52px;background:var(--line);margin:44px auto 0}
.deck-band .three{display:flex;justify-content:center;gap:52px;margin-top:48px;flex-wrap:wrap}
.deck-band .three div{flex:0 1 278px;text-align:left;font-size:14px;color:var(--body);line-height:1.85}
.deck-band .three b{font-family:'Noto Serif KR',serif;display:block;font-size:17.5px;color:var(--pine);font-weight:600;margin-bottom:9px;letter-spacing:-.01em}
/* 섹션 공통 */
.section{padding:96px 0}
.sec-head{text-align:center;margin-bottom:52px}
.sec-head .e{font-size:12px;letter-spacing:.36em;color:var(--gold);text-transform:uppercase;margin-bottom:14px}
.sec-head h2{font-family:'Noto Serif KR',serif;font-size:34px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.sec-head p{font-size:14px;color:var(--soft);margin-top:12px;font-weight:300}
/* 이번 주 픽 (밝은 리스트) */
.picks{background:var(--ivory);padding:100px 0}
.picklist{border-top:2px solid var(--ink);max-width:1080px;margin:0 auto}
.pick-row{display:grid;grid-template-columns:110px 1.15fr 1.85fr 170px;gap:30px;align-items:center;padding:36px 10px;border-bottom:1px solid #D8DCD2;transition:background .2s}
.pick-row:hover{background:#FFFEF9}
.pick-row .no{font-family:'Noto Serif KR',serif;font-size:13px;color:var(--gold);letter-spacing:.2em}
.pick-row .no b{display:block;font-size:32px;color:var(--pine);font-weight:600;letter-spacing:0;line-height:1.3}
.pick-row h3{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:600;color:var(--ink);line-height:1.6}
.pick-row .why{font-size:14px;font-weight:300;line-height:1.9;color:var(--body)}
.pick-row .why b{display:block;font-size:11.5px;letter-spacing:.1em;color:var(--gold);margin-bottom:6px;font-weight:600}
.pick-row .tags{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pick-row .tags span{font-size:12px;color:var(--pine-2);border:1px solid #C6D2C8;padding:5px 13px;border-radius:999px;background:#fff}
/* 카테고리 (밝은 카드 + 이미지) */
.cats{padding:100px 0;background:var(--paper)}
.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cat-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .25s, box-shadow .25s}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,43,34,.08)}
.cat-card .cim{aspect-ratio:4/2.9;background-size:cover;background-position:center}
.cat-card .ctx{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.cat-card .n{font-family:'Noto Serif KR',serif;font-size:13px;color:var(--gold);letter-spacing:.16em}
.cat-card h3{font-family:'Noto Serif KR',serif;font-size:20px;font-weight:600;color:var(--ink);margin:9px 0 8px}
.cat-card p{font-size:13px;color:var(--body);font-weight:300;line-height:1.85}
.cat-card span{margin-top:18px;font-size:12.5px;color:var(--pine-2);letter-spacing:.08em;font-weight:600}
.cat-card.noimg .ctx{padding-top:30px}
.cat-card.noimg .cim{display:none}
/* 고르는 기준: 이미지 풀블리드 + 페이드 패널 */
.criteria{position:relative;overflow:hidden;min-height:680px}
.criteria .bg{position:absolute;inset:0;background:url('assets/oe-criteria-desk-v2.jpg') no-repeat;background-size:cover;background-position:0% 72%}
.criteria .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,252,251,0) 36%,rgba(252,252,251,.6) 48%,rgba(252,252,251,.94) 58%,#FCFCFB 70%)}
.criteria .panel{position:relative;z-index:2;margin-left:52%;padding:96px 0 96px}
.criteria .e{font-size:12px;letter-spacing:.36em;color:var(--gold);text-transform:uppercase}
.criteria h2{font-family:'Noto Serif KR',serif;font-size:32px;font-weight:600;color:var(--ink);line-height:1.55;margin:16px 0 10px}
.criteria .subline{font-size:14px;color:#7d8b80;font-weight:300;margin-bottom:26px}
.std{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:22px 0;border-top:1px solid #D9DCD0;align-items:start}
.std:last-child{border-bottom:1px solid #D9DCD0}
.std .n{font-family:'Noto Serif KR',serif;font-size:24px;color:var(--gold);font-weight:600;line-height:1.2}
.std strong{display:block;font-family:'Noto Serif KR',serif;font-size:18px;color:var(--ink);font-weight:600;margin-bottom:5px;letter-spacing:-.01em}
.std span{font-size:13.5px;font-weight:300;color:var(--body);line-height:1.9}
.criteria .close{margin-top:26px;font-size:13.5px;color:var(--moss);line-height:1.85}
/* 최근 노트 (밝은 카드) */
.notes{background:var(--paper);padding:100px 0}
.notegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.note{background:#fff;border:1px solid var(--line);transition:transform .25s, box-shadow .25s}
.note:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,43,34,.08)}
.note .thumb{aspect-ratio:16/9.4;background-size:cover;background-position:center}
.note .tx{padding:24px 26px 28px}
.note .kind-l{font-size:11px;letter-spacing:.24em;color:var(--gold);text-transform:uppercase}
.note h3{font-family:'Noto Serif KR',serif;font-size:19px;font-weight:600;color:var(--ink);margin:10px 0 8px;line-height:1.6}
.note p{font-size:13.5px;font-weight:300;line-height:1.9;color:var(--body)}
.note .stamp{margin-top:16px;font-size:12px;color:var(--soft)}
.note.dark{background:var(--pine);border-color:var(--pine);display:flex;align-items:center}
.note.dark .tx{padding:38px 32px}
.note.dark .kind-l{color:var(--gold)}
.note.dark h3{color:#fff;font-size:21px}
.note.dark p{color:#B9CFC1}
.note.dark .stamp{color:#7FA18E}
/* 에디토리얼 선언 */
.manifesto{background:var(--pine);color:#DCE9E0;text-align:center;padding:76px 0}
.manifesto .e{font-size:12px;letter-spacing:.4em;color:var(--gold);text-transform:uppercase}
.manifesto h2{font-family:'Noto Serif KR',serif;font-size:clamp(22px,2.2vw,30px);font-weight:600;color:#fff;line-height:1.65;margin:18px 0 14px}
.manifesto h2 span{border-bottom:2px solid var(--gold);padding-bottom:5px}
.manifesto p{font-size:14.5px;font-weight:300;max-width:72ch;margin:0 auto;line-height:2;color:#AFC8B9}
.manifesto .cta{display:inline-block;margin-top:28px;font-size:13px;font-weight:600;letter-spacing:.12em;padding:12px 34px;border:1px solid var(--gold);color:#F3E9D6;transition:background .2s,color .2s}
.manifesto .cta:hover{background:var(--gold);color:var(--pine)}
.manifesto .rule{display:flex;justify-content:center;gap:30px;margin-top:22px;flex-wrap:wrap}
.manifesto .rule div{font-size:12px;color:#C9DBCF;display:flex;align-items:center;gap:10px}
.manifesto .rule div:before{content:"";width:6px;height:6px;background:var(--gold)}
/* 푸터 */
body.home footer{background:#0A2B21;color:#8FAE9D;padding:34px 0 22px;font-size:13px}
.foot-row{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}
body.home footer .mark{color:#fff;text-shadow:none;font-size:17px}
body.home footer .blurb{margin-top:8px;font-size:12px;font-weight:300;max-width:52ch;line-height:1.8}
.foot-links{display:flex;gap:44px}
.foot-links b{display:block;font-size:11px;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}
.foot-links a{display:inline-block;font-size:12px;margin:0 14px 6px 0;color:#BCD2C5}
body.home .foot-fine{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:#6B8A79;line-height:1.7}
@media(max-width:960px){
 .shell-wide{padding:0 24px}
 .hero .bg{background-size:cover;background-position:22% 12%}
 .hero .fade{background:linear-gradient(180deg,rgba(253,253,252,.08) 20%,rgba(253,253,252,.92) 56%,var(--hero-bg) 74%)}
 .hero .stx{margin-left:0;padding:54vh 0 76px}
 .hero p br,.hero .feat span br{display:none}
 .hero .feat{flex-direction:column;gap:20px;max-width:none}
 .hero .feat div,.hero .feat div:first-child{padding:0}
 .hero .feat div+div{border-left:0}
 .strip .panel{flex-wrap:wrap;padding:12px 0}
 .strip .panel div{flex:0 0 50%;padding:16px 12px}
 .strip .panel div+div{border-left:0}
 .deck-band .three{gap:34px}
 .deck-band .subline br{display:none}
 .pick-row{grid-template-columns:64px 1fr;gap:12px}
 .pick-row .why,.pick-row .tags{grid-column:2}
 .catgrid{grid-template-columns:1fr 1fr}
 .critgrid,.notegrid{grid-template-columns:1fr}
 .std{padding:30px 26px}
}
/* ===== 글 페이지 ===== */
*{box-sizing:border-box;margin:0;padding:0}
:root{--pine:#164A38;--pine-2:#1B5742;--moss:#3E6B58;--sage:#DDE7E1;--ivory:#F4F6F4;--paper:#FCFCFB;--ink:#17251F;--body:#4A5751;--soft:#8B9A92;--line:#E7EAE7;--gold:#C9A96A}
body{font-family:'Pretendard',-apple-system,sans-serif;background:var(--paper);color:var(--body);line-height:1.9;word-break:keep-all;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.shell{max-width:1240px;margin:0 auto;padding:0 44px}
/* 헤더 */
header{background:rgba(252,252,251,.94);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.bar-in{display:flex;align-items:center;height:78px;gap:52px}
.mark{font-family:'Noto Serif KR',serif;font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.mark em{font-style:normal;font-family:'Pretendard',sans-serif;color:var(--moss);font-size:12.5px;font-weight:400;margin-left:3px}
.menu{display:flex;gap:34px;margin-left:auto}
.menu a{font-size:14.5px;font-weight:500;color:var(--ink)}
.menu a:hover{color:var(--pine-2)}
/* 글머리 */
.crumb{max-width:820px;margin:30px auto 0;padding:0 32px;font-size:12px;color:var(--soft)}
.crumb i{font-style:normal;margin:0 9px;color:#C6CDC3}
.post-top{max-width:820px;margin:32px auto 42px;padding:0 32px;text-align:center}
.post-top .kind{font-size:12px;letter-spacing:.3em;color:var(--gold)}
.post-top h1{font-family:'Noto Serif KR',serif;font-size:clamp(29px,3.3vw,42px);font-weight:600;color:var(--ink);line-height:1.5;margin:18px 0 20px;letter-spacing:-.02em}
.post-top .deck{font-size:16px;font-weight:400;color:#5C6B63;max-width:46ch;margin:0 auto;line-height:2}
.post-top .stamp{margin-top:26px;font-size:12.5px;color:var(--soft)}
.cover{max-width:1080px;margin:0 auto;padding:0 32px}
.cover .thumb{aspect-ratio:16/7;background-size:cover;background-position:center 32%;background-color:var(--ivory)}
.cover .credit{margin-top:10px;font-size:11px;color:var(--soft);text-align:right}
/* 본문 */
.body-col{max-width:760px;margin:64px auto 0;padding:0 32px;font-size:16px;color:#3F4D45}
.body-col p{margin:0 0 24px;font-weight:400}
.body-col strong{color:var(--ink);font-weight:600}
.answer{background:var(--ivory);padding:28px 32px;margin:0 0 46px;border-left:3px solid var(--pine)}
.answer b{display:block;font-size:12px;letter-spacing:.06em;color:var(--pine-2);margin-bottom:10px;font-weight:600}
.answer p{font-family:'Noto Serif KR',serif;font-size:17.5px;line-height:1.9;color:var(--ink);margin:0;font-weight:400}
.body-col h2{font-family:'Noto Serif KR',serif;font-size:26px;font-weight:600;color:var(--ink);margin:64px 0 20px;letter-spacing:-.01em;line-height:1.5}
.body-col h2 span{color:var(--gold);font-size:13px;letter-spacing:.18em;display:block;margin-bottom:10px;font-family:'Pretendard',sans-serif}
/* 비교 2열 */
.vs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:30px 0 42px;background:#fff}
.vs .col{padding:30px 30px 28px}
.vs .col:first-child{border-right:1px solid var(--line)}
.vs .col h3{font-family:'Noto Serif KR',serif;font-size:19px;color:var(--ink);font-weight:600;margin-bottom:14px}
.vs .col h3 em{font-style:normal;font-size:11.5px;color:var(--gold);letter-spacing:.14em;display:block;margin-bottom:7px;font-family:'Pretendard',sans-serif}
.vs .col p{font-size:13.5px;margin:0 0 10px;line-height:1.85}
.vs .col .weak{color:var(--soft)}
.vs .col .fit{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);font-size:13.5px}
.vs .col .fit b{color:var(--pine-2);display:block;margin-bottom:4px}
/* 비교표 */
.table-x-wrap{overflow-x:auto;margin:28px 0 14px}
.table-x{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;min-width:560px}
.table-x th,.table-x td{border:1px solid var(--line);padding:14px 16px;text-align:left;vertical-align:top;line-height:1.8}
.table-x thead th{background:var(--ivory);font-weight:600;color:var(--ink);font-size:13px}
.table-x tbody th{font-weight:600;color:var(--ink);width:24%;background:#FCFCFB}
.table-x-note{font-size:12.5px;color:var(--soft);margin:0 0 42px}
/* 분기 카드 */
.cases{margin:30px 0 44px}
.case{border-top:1px solid var(--line);padding:22px 0}
.case:last-child{border-bottom:1px solid var(--line)}
.case b{display:block;font-family:'Noto Serif KR',serif;font-size:16.5px;color:var(--ink);margin-bottom:7px}
.case p{font-size:14px;margin:0;line-height:1.9}
/* 중간 이미지 */
.figure{max-width:1000px;margin:58px auto;padding:0 32px}
.figure .thumb{aspect-ratio:16/6.6;background:url('assets/oe-criteria-desk-v2.jpg') center 62%/cover}
.figure .credit{margin-top:10px;font-size:11.5px;color:var(--soft);text-align:center}
/* 인용 */
.quote{max-width:640px;margin:58px auto;text-align:center}
.quote .tick{width:1px;height:40px;background:var(--gold);margin:0 auto 22px}
.quote p{font-family:'Noto Serif KR',serif;font-size:21px;line-height:1.85;color:var(--ink)}
/* 체크 박스 */
.check{background:#fff;border:1px solid var(--line);padding:28px 30px;margin:34px 0 44px}
.check b{display:block;font-family:'Noto Serif KR',serif;font-size:17px;color:var(--ink);margin-bottom:14px}
.check ul{list-style:none}
.check li{position:relative;padding-left:20px;font-size:14px;line-height:1.9;margin-bottom:7px}
.check li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:var(--gold)}
/* FAQ */
.qa-block{margin:66px 0 0}
.qa-block h2{margin-bottom:8px}
.qa-block .item{padding:24px 0;border-top:1px solid var(--line)}
.qa-block .item:last-child{border-bottom:1px solid var(--line)}
.qa-block h3{font-family:'Noto Serif KR',serif;font-size:17px;font-weight:600;color:var(--ink);margin-bottom:9px}
.qa-block h3 b{color:var(--gold);margin-right:10px;font-weight:600}
.qa-block .a{font-size:14.5px;font-weight:400;line-height:1.95}
.notice{max-width:760px;margin:58px auto 0;padding:22px 32px 0;border-top:1px solid var(--line);font-size:12px;color:var(--soft);text-align:center;line-height:1.9}
/* 관련 노트 */
.more{background:var(--ivory);margin-top:92px;padding:92px 0}
.more .sec-head{text-align:center;margin-bottom:46px}
.more .sec-head .e{font-size:12px;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
.more .sec-head h2{font-family:'Noto Serif KR',serif;font-size:30px;font-weight:600;color:var(--ink)}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.rl{background:#fff;border:1px solid var(--line);transition:transform .25s, box-shadow .25s}
.rl:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,43,34,.08)}
.rl .thumb{aspect-ratio:16/9;background-size:cover;background-position:center}
.rl .tx{padding:22px 24px 26px}
.rl .c{font-size:11px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.rl h3{font-family:'Noto Serif KR',serif;font-size:17.5px;font-weight:600;color:var(--ink);margin:9px 0 0;line-height:1.6}
/* 푸터 */
footer{background:#0A2B21;color:#8FAE9D;padding:56px 0 34px;font-size:13px}
footer .mark{color:#fff;font-size:18px}
footer .mark em{color:#8FAE9D}
footer .blurb{margin-top:12px;font-size:12.5px;font-weight:300;max-width:46ch;line-height:1.9}
.foot-fine{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:11.5px;color:#6B8A79;line-height:1.9}
@media(max-width:860px){
 .menu{display:none}
 .shell{padding:0 24px}
 .vs{grid-template-columns:1fr}
 .vs .col:first-child{border-right:0;border-bottom:1px solid var(--line)}
 .more-grid{grid-template-columns:1fr}
 .post-top h1 br{display:none}
}
/* 목록 페이지 */
.plist{max-width:1080px;margin:0 auto;padding:0 32px}
.phead{max-width:820px;margin:44px auto 46px;padding:0 32px;text-align:center}
.phead .kind{font-size:12px;letter-spacing:.3em;color:var(--gold)}
.phead h1{font-family:'Noto Serif KR',serif;font-size:clamp(28px,3vw,38px);font-weight:600;color:var(--ink);line-height:1.5;margin:18px 0 16px;letter-spacing:-.02em}
.phead p{font-size:15.5px;color:#5C6B63;max-width:48ch;margin:0 auto;line-height:1.95}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:96px}
.pc{background:#fff;border:1px solid var(--line);transition:transform .25s, box-shadow .25s;display:flex;flex-direction:column}
.pc:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(18,43,34,.08)}
.pc .thumb{aspect-ratio:16/9.4;background-size:cover;background-position:center}
.pc .tx{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.pc .c{font-size:11px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.pc h3{font-family:'Noto Serif KR',serif;font-size:18px;font-weight:600;color:var(--ink);margin:9px 0 8px;line-height:1.6}
.pc p{font-size:13.5px;font-weight:400;line-height:1.9;color:var(--body)}
.pc .stamp{margin-top:auto;padding-top:14px;font-size:12px;color:var(--soft)}
/* 편집 원칙 본문 */
.about{max-width:760px;margin:0 auto 96px;padding:0 32px;font-size:16px;color:#3F4D45}
.about h2{font-family:'Noto Serif KR',serif;font-size:24px;font-weight:600;color:var(--ink);margin:56px 0 18px;letter-spacing:-.01em}
.about p{margin:0 0 22px;line-height:1.95}
.about .rule{background:#fff;border:1px solid var(--line);padding:26px 28px;margin:26px 0}
.about .rule b{display:block;font-family:'Noto Serif KR',serif;font-size:17px;color:var(--ink);margin-bottom:6px}
.about .rule p{font-size:14.5px;margin:0}
@media(max-width:860px){.pgrid{grid-template-columns:1fr}}