/*
Theme Name: Wisely Journal
Theme URI: https://peakpilateskr.com
Description: 지혜로운 필라테스(Peak Pilates® Korea) 공식 저널·정보 사이트 테마. 시안 B(Wisely Journal) 디자인 기반.
Author: 리디웹스튜디오
Author URI: https://optify.kr
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wisely-journal
Tags: blog, one-column, custom-menu, featured-images, editor-style
*/

/* =========================================================
   1. 시안 B 원본 스타일 (변경 금지 — 디자인 기준)
   ========================================================= */
:root{
  --ink:#212121;
  --sub:#6a6a6a;
  --faint:#999;
  --blue:#3f6db4;       /* Peak Pilates blue */
  --blue-soft:#eef3fa;
  --line:#e8e6e2;
  --cream:#faf9f7;
  --serif-en:'Cormorant Garamond',serif;
  --serif-kr:'Noto Serif KR',serif;
  --sans:"Pretendard Variable",Pretendard,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--sans);color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

/* ── Header ── */
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;}
.hd{display:flex;align-items:center;justify-content:space-between;height:88px;}
.logo{display:flex;flex-direction:column;line-height:1.2;}
.logo .en{font-family:var(--serif-en);font-size:26px;font-weight:500;letter-spacing:1px;}
.logo .kr{font-size:11px;letter-spacing:4px;color:var(--faint);margin-top:2px;}
nav.gnb{display:flex;gap:40px;font-size:14px;letter-spacing:.5px;color:#444;}
nav.gnb a{padding:8px 0;position:relative;transition:.2s;}
nav.gnb a:hover,nav.gnb a.on{color:var(--blue);}
nav.gnb a.on::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5px;background:var(--blue);}
.hd-link{font-size:13px;letter-spacing:1px;color:var(--sub);border:1px solid var(--ink);padding:11px 24px;transition:.25s;}
.hd-link:hover{background:var(--ink);color:#fff;}

/* ── Hero ── */
.hero{text-align:center;padding:110px 24px 90px;background:linear-gradient(#fff, var(--cream));}
.hero .en{font-family:var(--serif-en);font-size:15px;letter-spacing:6px;color:var(--blue);text-transform:uppercase;}
.hero h1{font-family:var(--serif-en);font-size:clamp(52px,7vw,88px);font-weight:400;letter-spacing:2px;margin-top:18px;}
.hero h1 i{font-style:italic;color:var(--blue);}
.hero .kr{margin-top:22px;font-family:var(--serif-kr);font-weight:300;font-size:18px;color:var(--sub);line-height:1.9;}
.hero .rule{width:48px;height:1px;background:var(--ink);margin:36px auto 0;}

/* ── Category strip ── */
.cats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;}
.cats .wrap{display:flex;justify-content:center;gap:52px;padding:20px 32px;font-size:14px;letter-spacing:1px;color:var(--sub);flex-wrap:wrap;}
.cats a.on{color:var(--ink);font-weight:600;}
.cats a:hover{color:var(--blue);}

/* ── Featured ── */
.featured{padding:90px 0 70px;}
.sec-label{text-align:center;margin-bottom:48px;}
.sec-label .en{font-family:var(--serif-en);font-size:14px;letter-spacing:5px;color:var(--faint);text-transform:uppercase;}
.sec-label h2{font-family:var(--serif-kr);font-weight:400;font-size:30px;margin-top:10px;letter-spacing:-.5px;}
.feat-card{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;}
.feat-img{aspect-ratio:4/3;background:
  radial-gradient(circle at 70% 20%, #dfe9f6 0%, transparent 50%),
  linear-gradient(155deg,#f4f1ec 0%,#e7e2da 60%,#d9d2c6 100%);
  position:relative;overflow:hidden;}
.feat-img .tag{position:absolute;top:20px;left:20px;background:#fff;font-size:11px;letter-spacing:2px;padding:8px 16px;color:var(--blue);font-weight:600;}
.feat-img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif-en);font-size:20px;letter-spacing:3px;color:#a89f8d;}
.feat-body .cat{font-size:12px;letter-spacing:3px;color:var(--blue);font-weight:600;}
.feat-body h3{font-family:var(--serif-kr);font-weight:500;font-size:32px;line-height:1.45;margin-top:16px;letter-spacing:-.5px;}
.feat-body p{margin-top:20px;color:var(--sub);font-size:15.5px;line-height:1.85;}
.feat-body .meta{margin-top:26px;font-size:13px;color:var(--faint);letter-spacing:.5px;}
.feat-body .more{display:inline-block;margin-top:30px;font-size:13px;letter-spacing:2px;border-bottom:1px solid var(--ink);padding-bottom:4px;transition:.2s;}
.feat-body .more:hover{color:var(--blue);border-color:var(--blue);}

/* ── Post grid ── */
.posts{padding:40px 0 90px;}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 36px;}
.post{display:flex;flex-direction:column;}
.post .img{aspect-ratio:4/3;margin-bottom:22px;position:relative;overflow:hidden;transition:.3s;}
.post:hover .img{opacity:.88;}
.i1{background:linear-gradient(150deg,#eff3f9,#ccdaee);}
.i2{background:linear-gradient(150deg,#f6f3ee,#e2d8c8);}
.i3{background:linear-gradient(150deg,#eef4f2,#cfe0da);}
.i4{background:linear-gradient(150deg,#f7f1ef,#e5d2cb);}
.i5{background:linear-gradient(150deg,#f1f1f6,#d6d6e6);}
.i6{background:linear-gradient(150deg,#f4f6ee,#dde4cb);}
.post .img .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif-en);font-size:13px;letter-spacing:3px;color:rgba(33,33,33,.35);text-transform:uppercase;}
.post .cat{font-size:11.5px;letter-spacing:2.5px;color:var(--blue);font-weight:600;}
.post h3{font-family:var(--serif-kr);font-weight:500;font-size:20px;line-height:1.5;margin-top:12px;letter-spacing:-.3px;}
.post p{margin-top:12px;font-size:14px;color:var(--sub);line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post .meta{margin-top:14px;font-size:12.5px;color:var(--faint);}

/* ── Quote band ── */
.quote{background:var(--blue-soft);text-align:center;padding:90px 24px;}
.quote .q{font-family:var(--serif-en);font-size:clamp(24px,3.4vw,36px);font-style:italic;color:var(--ink);line-height:1.5;}
.quote .by{margin-top:20px;font-size:13px;letter-spacing:3px;color:var(--blue);text-transform:uppercase;}

/* ── CTA ── */
.cta{text-align:center;padding:100px 24px;}
.cta .en{font-family:var(--serif-en);font-size:14px;letter-spacing:5px;color:var(--faint);text-transform:uppercase;}
.cta h2{font-family:var(--serif-kr);font-weight:400;font-size:clamp(26px,3.5vw,36px);margin-top:14px;line-height:1.5;}
.cta p{margin-top:16px;color:var(--sub);font-size:15px;line-height:1.8;}
.cta a{display:inline-block;margin-top:36px;border:1px solid var(--ink);padding:16px 48px;font-size:13px;letter-spacing:3px;transition:.25s;}
.cta a:hover{background:var(--ink);color:#fff;}

/* ── Footer ── */
footer{border-top:1px solid var(--line);padding:54px 0 60px;background:var(--cream);}
.ft{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.ft .logo-en{font-family:var(--serif-en);font-size:22px;}
.ft p{margin-top:14px;font-size:12.5px;color:var(--faint);line-height:1.9;}
.ft-nav{display:flex;gap:28px;font-size:13px;color:var(--sub);letter-spacing:1px;}
@media(max-width:900px){
  .feat-card{grid-template-columns:1fr;gap:36px;}
  .post-grid{grid-template-columns:1fr;}
  nav.gnb{display:none;}
}

/* =========================================================
   2. WordPress 연동 확장 (시안 토큰만 사용, 원본 규칙은 위에서 유지)
   ========================================================= */
img{max-width:100%;height:auto;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}

/* GNB: WP 메뉴(ul/li) + 2단 드롭다운 */
nav.gnb ul{display:flex;gap:40px;list-style:none;margin:0;padding:0;height:88px;align-items:center;}
nav.gnb li{position:relative;height:100%;display:flex;align-items:center;}
nav.gnb li>a{display:block;}
nav.gnb .current-menu-item>a,nav.gnb .current-menu-ancestor>a,nav.gnb .current-menu-parent>a,nav.gnb .current_page_parent>a{color:var(--blue);}
nav.gnb ul>.current-menu-item>a::after,nav.gnb ul>.current-menu-ancestor>a::after,nav.gnb ul>.current-menu-parent>a::after,nav.gnb ul>.current_page_parent>a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5px;background:var(--blue);}
nav.gnb .sub-menu{position:absolute;top:100%;left:-22px;min-width:210px;background:#fff;border:1px solid var(--line);border-top:0;padding:10px 0 12px;display:none;flex-direction:column;gap:0;height:auto;align-items:stretch;z-index:110;}
nav.gnb li:hover>.sub-menu,nav.gnb li:focus-within>.sub-menu{display:flex;}
nav.gnb .sub-menu li{height:auto;display:block;}
nav.gnb .sub-menu a{display:block;padding:9px 22px;font-size:13.5px;letter-spacing:.3px;color:var(--sub);}
nav.gnb .sub-menu a:hover,nav.gnb .sub-menu .current-menu-item>a{color:var(--blue);}
nav.gnb .sub-menu a::after{display:none!important;}
nav.gnb .hd-link{display:none;}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:10px 0 10px 12px;}
.nav-toggle span{display:block;width:22px;height:1.5px;background:var(--ink);margin:5px 0;transition:.2s;}
body.nav-open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
body.nav-open .nav-toggle span:nth-child(2){opacity:0;}
body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* 내부 페이지 히어로 */
.page-hero{text-align:center;padding:84px 24px 64px;background:linear-gradient(#fff,var(--cream));}
.page-hero .en{font-family:var(--serif-en);font-size:14px;letter-spacing:5px;color:var(--blue);text-transform:uppercase;}
.page-hero h1{font-family:var(--serif-kr);font-weight:400;font-size:clamp(30px,4.2vw,46px);margin-top:16px;letter-spacing:-.5px;line-height:1.35;}
.page-hero .kr{margin:18px auto 0;max-width:640px;font-family:var(--serif-kr);font-weight:300;font-size:17px;color:var(--sub);line-height:1.9;word-break:keep-all;}
.page-hero h1,.hero .kr,.post h3,.feat-body h3,.feat-body p,.post p,.sec-label h2,.cta h2,.wj-card h3,.wj-card p,.wj-grid.text h4,.wj-grid.text p,.prose h2,.prose h3,.prose h4,.prose p,.prose li{word-break:keep-all;}
.page-hero .rule{width:48px;height:1px;background:var(--ink);margin:30px auto 0;}
.cats.subnav .wrap{gap:40px;font-size:13.5px;}

/* 본문 타이포그래피 */
.prose{max-width:820px;margin:0 auto;padding:64px 32px 90px;font-family:var(--sans);font-size:16.5px;line-height:1.9;color:#333;word-break:keep-all;}
.prose.wide{max-width:1180px;}
.prose>*:first-child{margin-top:0;}
.prose h2{font-family:var(--serif-kr);font-weight:500;font-size:28px;line-height:1.45;margin:72px 0 22px;letter-spacing:-.5px;color:var(--ink);}
.prose h3{font-family:var(--serif-kr);font-weight:500;font-size:22px;line-height:1.5;margin:48px 0 14px;color:var(--ink);}
.prose h4{font-size:16.5px;font-weight:600;margin:34px 0 10px;letter-spacing:-.2px;color:var(--ink);}
.prose h5,.prose h6{font-size:15px;font-weight:600;margin:28px 0 8px;}
.prose p{margin:0 0 18px;}
.prose ul,.prose ol{margin:0 0 22px 22px;}
.prose li{margin:6px 0;}
.prose li p{margin:0;}
.prose strong{font-weight:600;color:var(--ink);}
.prose a{color:var(--blue);border-bottom:1px solid rgba(63,109,180,.35);transition:.2s;}
.prose a:hover{border-color:var(--blue);}
.prose img{display:block;}
.prose figure{margin:36px 0;}
.prose figcaption{margin-top:10px;font-size:13px;color:var(--faint);text-align:center;}
.prose .wp-block-image img,.prose .wj-figure img{width:100%;}
.prose blockquote{margin:40px 0;padding:26px 30px;border-left:2px solid var(--blue);background:var(--blue-soft);font-family:var(--serif-kr);font-weight:400;font-size:17px;line-height:1.85;color:var(--ink);}
.prose blockquote p{margin:0 0 8px;}
.prose blockquote p:last-child{margin:0;}
.prose blockquote cite{display:block;margin-top:12px;font-family:var(--sans);font-style:normal;font-size:12.5px;letter-spacing:1px;color:var(--faint);}
.prose table{width:100%;border-collapse:collapse;margin:16px 0 28px;font-size:14.5px;line-height:1.6;}
.prose th,.prose td{border:1px solid var(--line);padding:11px 14px;text-align:left;vertical-align:top;}
.prose th{background:var(--cream);font-weight:600;white-space:nowrap;}
.prose .table-scroll{overflow-x:auto;}
.prose hr{border:0;border-top:1px solid var(--line);margin:60px 0;}
.prose .wp-block-buttons{margin:28px 0;}
.prose .has-text-align-center{text-align:center;}

/* ── 글 상세 (에디토리얼 레이아웃) ── */
.post-head{background:linear-gradient(#fff,var(--cream));padding:88px 24px 150px;text-align:center;}
.post-head.no-cover{padding-bottom:80px;}
.post-head .cat{font-size:12px;letter-spacing:3px;color:var(--blue);font-weight:600;}
.post-head h1{font-family:var(--serif-kr);font-weight:500;font-size:clamp(30px,4.2vw,46px);line-height:1.4;letter-spacing:-.5px;max-width:860px;margin:18px auto 0;word-break:keep-all;}
.post-head .lead{max-width:660px;margin:24px auto 0;font-family:var(--serif-kr);font-weight:300;font-size:17px;line-height:1.9;color:var(--sub);word-break:keep-all;}
.post-head .rule{width:48px;height:1px;background:var(--ink);margin:34px auto 0;}
.post-head .meta{margin-top:22px;font-size:13px;letter-spacing:.5px;color:var(--faint);}
.post-head .meta .d{font-family:var(--serif-en);font-size:16px;letter-spacing:1.5px;color:var(--sub);}
.post-head .meta .sep{margin:0 10px;}
.post-cover{max-width:1180px;margin:-110px auto 0;padding:0 32px;}
.post-cover figure{margin:0;}
.post-cover img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;}
.post-cover figcaption{margin-top:12px;font-family:var(--serif-en);font-style:italic;font-size:14px;color:var(--faint);text-align:center;}
.article{max-width:1180px;margin:0 auto;padding:80px 32px 90px;display:grid;grid-template-columns:200px minmax(0,700px);gap:88px;justify-content:center;align-items:start;}
.article-rail{position:sticky;top:112px;font-size:13.5px;color:var(--ink);}
.rail-label{font-family:var(--serif-en);font-size:12px;letter-spacing:4px;color:var(--faint);text-transform:uppercase;margin-bottom:8px;}
.rail-block{padding:18px 0;border-top:1px solid var(--line);}
.rail-block:first-child{border-top:0;padding-top:0;}
.rail-block a:hover{color:var(--blue);}
.rail-sub{font-size:12px;color:var(--faint);margin-top:4px;letter-spacing:.3px;line-height:1.5;}
.rail-date{font-family:var(--serif-en);font-size:17px;letter-spacing:1px;}
.rail-toc a{display:block;padding:5px 0 5px 12px;border-left:1px solid var(--line);color:var(--sub);font-size:13px;line-height:1.5;transition:.2s;word-break:keep-all;}
.rail-toc a.lv3{padding-left:24px;font-size:12.5px;}
.rail-toc a:hover,.rail-toc a.on{color:var(--blue);border-color:var(--blue);}
.copy-link{background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 3px;font-family:var(--sans);font-size:13px;letter-spacing:1px;color:var(--ink);cursor:pointer;transition:.2s;}
.copy-link:hover{color:var(--blue);border-color:var(--blue);}
.copy-link.done{color:var(--blue);border-color:transparent;}
.prose.in-article{max-width:none;padding:0;}
.article-body{counter-reset:h2;}
.article-body p,.article-body li,.article-body td,.article-body th,.article-body dd,.article-body dt{font-family:var(--sans);}
.article-body p{font-size:17px;line-height:1.95;color:#333;margin:0 0 22px;word-break:keep-all;}
.article-body>p:first-of-type{font-size:18px;color:var(--ink);}
.article-body h2{counter-increment:h2;font-family:var(--serif-kr);font-weight:500;font-size:27px;line-height:1.45;letter-spacing:-.5px;margin:64px 0 18px;word-break:keep-all;}
.article-body h2::before{content:counter(h2,decimal-leading-zero);display:block;font-family:var(--serif-en);font-size:15px;letter-spacing:3px;color:var(--blue);margin-bottom:10px;}
.article-body h3{font-family:var(--serif-kr);font-weight:500;font-size:21px;line-height:1.5;margin:44px 0 12px;}
.article-body h4{font-size:16.5px;font-weight:600;margin:34px 0 10px;}
.article-body ul,.article-body ol{margin:0 0 24px 20px;}
.article-body li{margin:8px 0;line-height:1.85;color:#333;}
.article-body li::marker{color:var(--blue);}
.article-body blockquote{margin:48px 0;padding:6px 0 6px 52px;border:0;background:none;position:relative;font-family:var(--serif-kr);font-weight:400;font-size:21px;line-height:1.75;color:var(--ink);word-break:keep-all;}
.article-body blockquote::before{content:"\201C";position:absolute;left:0;top:-14px;font-family:var(--serif-en);font-size:72px;line-height:1;color:var(--blue);}
.article-body blockquote p{font-family:var(--serif-kr);font-size:inherit;line-height:inherit;color:inherit;margin:0 0 8px;}
.article-body blockquote cite{font-family:var(--sans);font-style:normal;font-size:12.5px;letter-spacing:1px;color:var(--faint);}
.article-body figure{margin:44px 0;}
.article-body figcaption{margin-top:12px;font-family:var(--serif-en);font-style:italic;font-size:14px;color:var(--faint);text-align:center;}
.article-body img{width:100%;height:auto;display:block;}
.article-body hr{width:48px;margin:56px auto;border:0;border-top:1px solid var(--ink);}
.article-body a{color:var(--blue);border-bottom:1px solid rgba(63,109,180,.35);}
.article-body table{font-size:15px;}
.article-body .wj-note{background:var(--blue-soft);padding:24px 28px;margin:36px 0;}
.article-body .wj-note p{font-size:15px;margin:0;}
.article-foot{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;}
.article-foot .copy-link:only-child{margin-left:auto;}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;}
.post-tags a{font-size:12px;letter-spacing:1px;border:1px solid var(--line);padding:6px 12px;color:var(--sub);border-bottom:1px solid var(--line)!important;}
.post-tags a:hover{border-color:var(--ink)!important;color:var(--ink);}
.author-card{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:center;margin-top:44px;padding:32px;background:var(--cream);}
.author-card .photo{aspect-ratio:1/1;overflow:hidden;}
.author-card .photo img{width:100%;height:100%;object-fit:cover;display:block;}
.author-card .name{font-family:var(--serif-kr);font-size:21px;font-weight:500;}
.author-card .title{font-size:11.5px;letter-spacing:2.5px;color:var(--blue);font-weight:600;text-transform:uppercase;margin-top:5px;}
.author-card p{font-size:14px;color:var(--sub);line-height:1.75;margin:12px 0 0;word-break:keep-all;}
.author-card .more{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--ink)!important;padding-bottom:3px;color:var(--ink);}
.author-card .more:hover{color:var(--blue);}
.post-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.post-nav .pn{padding:26px 24px 26px 0;min-height:60px;}
.post-nav .next{text-align:right;padding:26px 0 26px 24px;border-left:1px solid var(--line);}
.post-nav .pn a{display:block;margin-top:8px;font-family:var(--serif-kr);font-size:17px;line-height:1.5;color:var(--ink);border-bottom:0;word-break:keep-all;}
.post-nav .pn a:hover{color:var(--blue);}
.related{padding:80px 0 90px;border-top:1px solid var(--line);}

/* 카드 이미지 / 플레이스홀더 */
.post .img{display:block;}
.post .img img,.feat-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.posts .more-wrap{text-align:center;margin-top:64px;}

/* 페이지네이션 */
.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:64px;font-family:var(--serif-en);font-size:17px;letter-spacing:1px;color:var(--sub);}
.pagination .page-numbers{padding:4px 2px;border-bottom:1px solid transparent;}
.pagination .page-numbers.current{color:var(--blue);border-color:var(--blue);}
.pagination a:hover{color:var(--blue);}

/* 재사용 컴포넌트 (본문 안에서 사용) */
.wj-lead{font-family:var(--serif-kr);font-weight:300;font-size:21px;line-height:1.85;color:var(--ink);text-align:left;margin:0 0 44px;max-width:820px;word-break:keep-all;}
.wj-eyebrow{font-family:var(--serif-en);font-size:13px;letter-spacing:5px;color:var(--faint);text-transform:uppercase;text-align:center;margin-bottom:10px;}
.wj-center{text-align:left;}
.wj-section-title{text-align:center;margin:80px 0 40px;}
.wj-section-title.left,.sec-label.left{text-align:left;}
.wj-section-title .en{font-family:var(--serif-en);font-size:14px;letter-spacing:5px;color:var(--faint);text-transform:uppercase;}
.wj-section-title h2{margin:10px 0 0;font-weight:400;font-size:30px;}
.wj-grid{display:grid;gap:40px 32px;margin:40px 0;}
.wj-grid.c2{grid-template-columns:repeat(2,1fr);}
.wj-grid.c3{grid-template-columns:repeat(3,1fr);}
.wj-grid.c4{grid-template-columns:repeat(4,1fr);}
.wj-grid.c5{grid-template-columns:repeat(5,1fr);}
.wj-grid.text{gap:32px 48px;}
.wj-grid.text h4{margin-top:0;font-family:var(--serif-kr);font-weight:500;font-size:19px;}
.wj-grid.text p{font-size:15px;color:var(--sub);margin:0;}
.wj-card{display:flex;flex-direction:column;}
.prose a.wj-card{color:inherit;border-bottom:0;}
.wj-card .img{width:100%;}
.wj-card .img{aspect-ratio:4/3;overflow:hidden;background:var(--cream);margin-bottom:18px;display:block;}
.wj-card .img.portrait{aspect-ratio:3/4;}
.wj-card .img.square{aspect-ratio:1/1;}
.wj-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s;}
.wj-card:hover .img img{opacity:.88;}
.wj-card .label{font-size:11.5px;letter-spacing:2.5px;color:var(--blue);font-weight:600;margin-bottom:8px;}
.wj-card h3{font-family:var(--serif-kr);font-weight:500;font-size:19px;line-height:1.5;margin:0 0 8px;}
.wj-card p{font-size:14.5px;color:var(--sub);margin:0;line-height:1.75;}
.wj-card .more{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--ink);padding-bottom:3px;color:var(--ink);}
.wj-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0;}
.wj-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.wj-gallery.wide img{aspect-ratio:4/3;}
.wj-info{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:48px 0;}
.wj-info .img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;}
.wj-info h3{margin-top:0;}
.wj-info.reverse .img{order:2;}
.wj-figure{margin:40px 0;}
.wj-figure img{width:100%;display:block;}
.wj-note{background:var(--blue-soft);padding:26px 30px;margin:32px 0;font-size:15px;line-height:1.8;}
.wj-note p:last-child{margin:0;}
.wj-btn{display:inline-block;border:1px solid var(--ink);padding:14px 36px;font-size:13px;letter-spacing:3px;transition:.25s;color:var(--ink)!important;border-bottom:1px solid var(--ink)!important;background:#fff;}
.wj-btn:hover{background:var(--ink);color:#fff!important;}
.wj-btn.blue{border-color:var(--blue)!important;color:var(--blue)!important;}
.wj-btn.blue:hover{background:var(--blue);color:#fff!important;}
.wj-btn.small{padding:10px 22px;font-size:12px;letter-spacing:2px;}
.wj-btns{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0;}
.wj-btns.center{justify-content:center;}
.wj-kv{display:grid;grid-template-columns:140px 1fr;gap:10px 24px;margin:28px 0;font-size:15px;border-top:1px solid var(--line);padding-top:22px;}
.wj-kv dt{font-size:12px;letter-spacing:2px;color:var(--faint);text-transform:uppercase;padding-top:3px;}
.wj-kv dd{margin:0;color:var(--ink);}
.wj-person{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start;padding:64px 0;border-top:1px solid var(--line);}
.wj-person:last-of-type{border-bottom:1px solid var(--line);}
.wj-person .photo{aspect-ratio:3/4;overflow:hidden;background:var(--cream);}
.wj-person .photo img{width:100%;height:100%;object-fit:cover;display:block;}
.wj-person .name{font-family:var(--serif-kr);font-size:27px;font-weight:500;line-height:1.3;}
.wj-person .cert{font-size:12px;letter-spacing:2.5px;color:var(--blue);font-weight:600;text-transform:uppercase;margin-top:8px;}
.wj-person .tagline{font-family:var(--serif-kr);font-size:19px;color:var(--ink);margin:22px 0 12px;}
.wj-person .bio{font-size:15.5px;color:#444;}
.wj-person .bio p{margin:0 0 12px;}
.wj-person .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
.wj-person .cols h4{font-size:12.5px;letter-spacing:1.5px;margin:0 0 10px;color:var(--ink);}
.wj-person .cols ul{margin:0;padding-left:16px;font-size:14px;color:var(--sub);}
.wj-person .cols li{margin:4px 0;}
.wj-person .links{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;}
.wj-person ul.certs{font-size:14.5px;color:var(--sub);margin:12px 0 0 18px;}
.wj-faq details{border-top:1px solid var(--line);}
.wj-faq details:last-child{border-bottom:1px solid var(--line);}
.wj-faq summary{cursor:pointer;padding:22px 0;font-family:var(--serif-kr);font-size:18px;line-height:1.5;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--ink);}
.wj-faq summary::-webkit-details-marker{display:none;}
.wj-faq summary::after{content:"+";font-family:var(--serif-en);font-size:24px;color:var(--blue);flex:none;}
.wj-faq details[open] summary::after{content:"–";}
.wj-faq .a{padding:0 0 26px;color:#444;font-size:15.5px;}
.wj-faq .a p:last-child{margin:0;}
.wj-steps{counter-reset:step;list-style:none;margin:28px 0!important;padding:0;}
.wj-steps li{counter-increment:step;position:relative;padding-left:56px;margin:0 0 18px;}
.wj-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:var(--serif-en);font-size:22px;color:var(--blue);}
.wj-list-plain{list-style:none;margin:0 0 22px!important;padding:0;}
.wj-list-plain li{padding:12px 0;border-bottom:1px solid var(--line);}
.wj-price-note{font-size:13px;color:var(--faint);margin:-14px 0 28px;}
.wj-status{display:inline-block;font-size:10.5px;letter-spacing:2px;padding:4px 10px;border:1px solid var(--blue);color:var(--blue);vertical-align:middle;margin-left:8px;font-weight:600;}
.wj-status.closed{border-color:var(--faint);color:var(--faint);}
.ws-price{margin-top:10px;font-family:var(--serif-en);font-size:19px;letter-spacing:.5px;color:var(--ink);}
.ws-meta{margin-top:8px;font-size:12.5px;color:var(--faint);}
.notice-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.notice-list li{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);}
.notice-list .date{font-family:var(--serif-en);font-size:15px;color:var(--faint);letter-spacing:.5px;}
.notice-list .title{font-family:var(--serif-kr);font-size:18px;color:var(--ink);}
.prose .notice-list a{border-bottom:0;color:var(--ink);}
.notice-list .title:hover{color:var(--blue);}
.notice-list .cat{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:600;}
.search-form{display:flex;gap:12px;max-width:520px;margin:0 auto;}
.search-form input[type=search]{flex:1;border:0;border-bottom:1px solid var(--ink);padding:12px 4px;font-family:var(--sans);font-size:16px;background:transparent;outline:0;}
.search-form button{border:1px solid var(--ink);background:#fff;padding:12px 24px;font-size:12px;letter-spacing:2px;cursor:pointer;}
.search-form button:hover{background:var(--ink);color:#fff;}
.empty{text-align:center;color:var(--faint);padding:60px 0;font-family:var(--serif-kr);}

@media(max-width:1100px){
  .article{grid-template-columns:1fr;gap:40px;padding:56px 32px 80px;}
  .article-rail{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;border-bottom:1px solid var(--line);padding-bottom:10px;}
  .rail-toc,.rail-share{display:none;}
  .rail-block,.rail-block:first-child{border-top:0;padding:8px 0 14px;}
}
@media(max-width:900px){
  .wrap{padding:0 24px;}
  .post-head{padding:64px 24px 120px;}
  .post-head.no-cover{padding-bottom:56px;}
  .post-cover{margin-top:-90px;padding:0 24px;}
  .post-cover img{aspect-ratio:3/2;}
  .article{padding:40px 24px 64px;}
  .article-rail{grid-template-columns:1fr 1fr;}
  .article-body p{font-size:16.5px;}
  .article-body h2{font-size:24px;margin-top:52px;}
  .article-body blockquote{font-size:18px;padding-left:40px;}
  .article-body blockquote::before{font-size:56px;top:-10px;}
  .post-nav{grid-template-columns:1fr;}
  .post-nav .next{border-left:0;border-top:1px solid var(--line);text-align:left;padding:22px 0;}
  .author-card{grid-template-columns:80px 1fr;gap:20px;padding:24px;}
  .hd{height:72px;}
  .nav-toggle{display:block;}
  .hd>.hd-link{display:none;}
  nav.gnb{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px 24px;max-height:calc(100vh - 72px);overflow:auto;}
  body.nav-open nav.gnb{display:block;}
  nav.gnb ul{flex-direction:column;gap:0;height:auto;align-items:stretch;}
  nav.gnb li{height:auto;display:block;}
  nav.gnb li>a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--line);}
  nav.gnb ul>li>a::after{display:none!important;}
  nav.gnb .sub-menu{position:static;display:flex;border:0;padding:4px 0 10px 14px;min-width:0;}
  nav.gnb .sub-menu a{padding:9px 0;border:0;font-size:14.5px;}
  nav.gnb .hd-link{display:inline-block;margin-top:20px;}
  .hero{padding:80px 24px 64px;}
  .page-hero{padding:64px 24px 48px;}
  .post-hero{padding:64px 24px 40px;}
  .cats .wrap{gap:22px 28px;padding:16px 24px;}
  .prose{padding:48px 24px 70px;font-size:16px;}
  .wj-grid.c2,.wj-grid.c3,.wj-grid.c5{grid-template-columns:1fr 1fr;}
  .wj-grid.c4{grid-template-columns:1fr 1fr;}
  .wj-grid.text{grid-template-columns:1fr;}
  .wj-gallery{grid-template-columns:1fr 1fr;}
  .wj-info,.wj-info.reverse{grid-template-columns:1fr;}
  .wj-info.reverse .img{order:0;}
  .wj-person{grid-template-columns:1fr;gap:28px;padding:48px 0;}
  .wj-person .photo{max-width:320px;}
  .wj-person .cols{grid-template-columns:1fr;}
  .wj-kv{grid-template-columns:110px 1fr;}
  .notice-list li{grid-template-columns:1fr;gap:6px;}
  .post-nav{flex-direction:column;}
}
@media(max-width:560px){
  .hero .en{font-size:12px;letter-spacing:4px;}
  .wj-grid.c2,.wj-grid.c3,.wj-grid.c4,.wj-grid.c5{grid-template-columns:1fr;}
  .wj-lead{font-size:18px;}
}

/* =========================================================
   3. 2026-10 요청서 반영: 로고 · 피크 교육 페이지 · 공지 게시판 · 티저 · 강사
   ========================================================= */
.logo .logo-img{display:block;height:auto;max-height:56px;width:auto;}
.hero-logo{display:flex;justify-content:center;margin-bottom:6px;}
.hero-logo .logo-img{max-height:64px;width:auto;}
.muted{color:var(--faint);}

/* ── 피크 필라테스 교육 페이지 (본사 education 톤: Cormorant + Montserrat, 골드·틸·슬레이트) ── */
.peak-edu{--pk-text:#494e5a;--pk-gold:#a68a5b;--pk-teal:#72a0a6;--pk-dark:#484440;--pk-cream:#f7f4ee;--pk-sans:"Montserrat","Pretendard Variable",Pretendard,sans-serif;
  font-family:var(--pk-sans);color:var(--pk-text);font-size:15.5px;line-height:1.85;word-break:keep-all;}
.peak-edu .pk-hero{text-align:center;padding:84px 24px 64px;background:linear-gradient(#fff,var(--pk-cream));}
.peak-edu .pk-logo{display:block;margin:0 auto;width:min(360px,70vw);height:auto;}
.peak-edu .pk-eyebrow{margin-top:40px;font-size:11px;letter-spacing:4px;color:var(--pk-gold);font-weight:600;text-transform:uppercase;}
.peak-edu h1{font-family:var(--serif-en);font-weight:400;font-size:clamp(36px,5vw,56px);color:var(--pk-dark);letter-spacing:.5px;margin:12px 0 0;line-height:1.2;}
.peak-edu .pk-intro{max-width:720px;margin:26px auto 0;font-size:15.5px;line-height:2;color:var(--pk-text);}
.peak-edu .pk-intro strong{font-weight:600;color:var(--pk-dark);}
.peak-edu .pk-section{max-width:1180px;margin:0 auto;padding:80px 32px 20px;}
.peak-edu .pk-h2{font-family:var(--serif-en);font-weight:400;font-size:34px;color:var(--pk-dark);text-align:center;margin:0 0 44px;letter-spacing:.3px;}
.peak-edu .pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 28px;}
.peak-edu .pk-card{display:flex;flex-direction:column;color:inherit;}
.peak-edu .pk-card .img{aspect-ratio:1/1.08;overflow:hidden;background:var(--pk-cream);}
.peak-edu .pk-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s;}
.peak-edu .pk-card:hover .img img{transform:scale(1.03);}
.peak-edu .pk-card h3{font-family:var(--serif-en);font-weight:400;font-size:26px;color:var(--pk-gold);margin:22px 0 4px;text-align:center;line-height:1.2;}
.peak-edu .pk-card h3 .kr{display:block;font-family:var(--serif-kr);font-size:15px;color:var(--pk-dark);margin-top:4px;}
.peak-edu .pk-cat{font-size:10.5px;letter-spacing:3px;text-transform:uppercase;color:var(--pk-text);text-align:center;font-weight:600;}
.peak-edu .pk-card p{margin:14px 0 0;font-size:13.5px;line-height:1.8;text-align:center;color:var(--pk-text);}
.peak-edu .pk-more,.peak-edu .pk-link{display:inline-block;margin:16px auto 0;font-size:12px;letter-spacing:1px;color:var(--pk-teal);font-weight:600;border-bottom:1px solid transparent;transition:.2s;}
.peak-edu .pk-card:hover .pk-more,.peak-edu .pk-link:hover{border-color:var(--pk-teal);}
.peak-edu .pk-grow{background:var(--pk-cream);padding:84px 0 90px;margin-top:70px;}
.peak-edu .pk-grow .pk-inner{max-width:1180px;margin:0 auto;padding:0 32px;}
.peak-edu .pk-grow-item{text-align:center;display:flex;flex-direction:column;align-items:center;}
.peak-edu .pk-grow-item .round{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#fff;}
.peak-edu .pk-grow-item .round img{width:100%;height:100%;object-fit:cover;display:block;}
.peak-edu .pk-grow-item h3{font-family:var(--serif-en);font-weight:400;font-size:24px;color:var(--pk-gold);margin:22px 0 2px;line-height:1.2;}
.peak-edu .pk-grow-item .pk-cat{margin-bottom:10px;}
.peak-edu .pk-grow-item p{font-size:13.5px;line-height:1.85;margin:0;}
.peak-edu .pk-grow-item p strong{color:var(--pk-dark);font-weight:600;}
.peak-edu .pk-foot{text-align:center;padding:64px 24px 80px;}
.peak-edu .pk-foot .wj-btn{border-color:var(--pk-teal);color:var(--pk-teal)!important;letter-spacing:2px;}
.peak-edu .pk-foot .wj-btn:hover{background:var(--pk-teal);color:#fff!important;}
.peak-edu .pk-foot .pk-sub{margin-top:18px;font-size:13px;color:var(--pk-text);}
.peak-edu .pk-foot .pk-sub a{color:var(--pk-teal);border-bottom:1px solid rgba(114,160,166,.4);}

/* ── 공지·일정 게시판 ── */
.notice-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;}
.notice-filter a{font-size:12.5px;letter-spacing:1px;padding:8px 16px;border:1px solid var(--line);color:var(--sub);border-bottom:1px solid var(--line)!important;}
.notice-filter a.on,.notice-filter a:hover{border-color:var(--ink)!important;color:var(--ink);}
.notice-table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 8px;}
.notice-table th{font-size:11.5px;letter-spacing:2px;color:var(--faint);font-weight:600;text-transform:uppercase;text-align:left;padding:12px 12px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);background:#fff;white-space:nowrap;}
.notice-table td{padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle;line-height:1.6;}
.notice-table{table-layout:auto;}
.notice-table .c-type{width:128px;white-space:nowrap;}
.notice-table .c-level{width:150px;font-weight:600;color:var(--ink);word-break:keep-all;}
.notice-table .c-title{min-width:220px;}
.notice-table .c-title a{font-family:var(--serif-kr);font-size:17px;color:var(--ink);border:0;word-break:keep-all;}
.notice-table .c-title a:hover{color:var(--blue);}
.notice-table .c-date{font-size:14px;color:var(--ink);word-break:keep-all;max-width:380px;line-height:1.7;}
.notice-table .c-time{color:var(--sub);font-size:13.5px;word-break:keep-all;max-width:200px;}
.notice-table .c-status{width:90px;text-align:right;}
.notice-table .c-status .wj-status{margin:0;}
.notice-table tr.st-done td,.notice-table tr.st-closed td{color:var(--faint);}
.notice-table tr.st-done .c-title a,.notice-table tr.st-closed .c-title a,.notice-table tr.st-done .c-level,.notice-table tr.st-closed .c-level,.notice-table tr.st-done .c-date,.notice-table tr.st-closed .c-date{color:var(--sub);}
.notice-type{display:inline-block;font-size:10.5px;letter-spacing:1.5px;padding:4px 9px;font-weight:600;background:var(--blue-soft);color:var(--blue);}
.notice-type.t-workshop{background:#f4efe6;color:#9a7b4f;}

/* ── 하단 티저 (와이즐리 블로그 + Q&A) ── */
.teaser{border-top:1px solid var(--line);background:var(--cream);padding:80px 0 84px;}
.teaser-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start;}
.teaser .sec-label{margin-bottom:28px;}
.teaser .sec-label h2{font-size:24px;}
.teaser-posts{list-style:none;margin:0 0 28px;padding:0;}
.teaser-posts li{display:grid;grid-template-columns:128px 1fr;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--line);}
.teaser-posts li:last-child{border-bottom:1px solid var(--line);}
.teaser-posts .thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff;}
.teaser-posts .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.teaser-posts .cat{font-size:11px;letter-spacing:2.5px;color:var(--blue);font-weight:600;}
.teaser-posts .title{display:block;font-family:var(--serif-kr);font-size:18px;line-height:1.5;margin-top:6px;color:var(--ink);word-break:keep-all;}
.teaser-posts .title:hover{color:var(--blue);}
.teaser-posts .meta{margin-top:8px;font-size:12.5px;color:var(--faint);}
.qa-list{list-style:none;margin:0 0 28px;padding:0;}
.qa-list li{border-top:1px solid var(--line);}
.qa-list li:last-child{border-bottom:1px solid var(--line);}
.qa-list a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-family:var(--serif-kr);font-size:16.5px;line-height:1.5;color:var(--ink);word-break:keep-all;}
.qa-list a::after{content:"+";font-family:var(--serif-en);font-size:20px;color:var(--blue);flex:none;}
.qa-list a:hover{color:var(--blue);}

/* ── 강사 (CPT 렌더링) ── */
.wj-people .wj-section-title.left{margin:72px 0 8px;}
.wj-people .wj-section-title.left:first-child{margin-top:16px;}
.wj-person .photo.empty{display:flex;align-items:center;justify-content:center;}
.wj-person .photo .ph{font-family:var(--serif-en);font-size:72px;color:rgba(33,33,33,.18);}
.wj-person .greeting{margin:18px 0 14px;padding:20px 24px;border-left:2px solid var(--blue);background:var(--blue-soft);font-family:var(--serif-kr);font-size:16.5px;line-height:1.8;}
.wj-person .greeting p{margin:0 0 6px;}
.wj-person .greeting p:last-child{margin:0;}
.wj-person .bio .muted{font-style:italic;}
.wj-price{margin:0 0 56px;}
.wj-price h2{margin-top:0;}
.wj-faq-group{margin:56px 0 0;}
.wj-faq-group:first-of-type{margin-top:0;}
.wj-faq-group h2{font-family:var(--serif-kr);font-weight:500;font-size:24px;margin:0 0 14px;}
.wj-faq-group .en{font-family:var(--serif-en);font-size:12px;letter-spacing:4px;color:var(--faint);text-transform:uppercase;margin-bottom:6px;}

@media(max-width:1100px){
  .peak-edu .pk-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .logo .logo-img{max-height:44px;}
  .hero-logo .logo-img{max-height:52px;}
  .peak-edu .pk-hero{padding:56px 24px 48px;}
  .peak-edu .pk-section{padding:56px 24px 10px;}
  .peak-edu .pk-grow{padding:60px 0 64px;margin-top:48px;}
  .peak-edu .pk-grow .pk-inner{padding:0 24px;}
  .teaser{padding:56px 0 60px;}
  .teaser-grid{grid-template-columns:1fr;gap:48px;}
  .notice-table .c-type{width:auto;}
  .notice-table .c-level{width:auto;}
  .notice-table th.c-time,.notice-table td.c-time{display:none;}
}
@media(max-width:560px){
  .peak-edu .pk-grid{grid-template-columns:1fr;}
  .teaser-posts li{grid-template-columns:96px 1fr;gap:14px;}
  .notice-table th.c-type,.notice-table td.c-type,.notice-table th.c-status,.notice-table td.c-status{display:none;}
  .notice-table .c-level{font-size:12.5px;}
}

/* ── 강사 소개 (2026-10 초안 반영): 인증강사 인트로 · 카드 그리드 · 상세 타임라인 ── */
.ins-intro{text-align:center;max-width:860px;margin:0 auto 64px;}
.ins-claim{font-family:var(--serif-kr);font-weight:500;font-size:clamp(21px,2.6vw,28px);line-height:1.65;color:var(--ink);margin:0 0 40px;word-break:keep-all;}
.ins-claim .pk-inline{display:inline-block;height:.95em;width:auto;vertical-align:-0.08em;margin:0 .15em;}
.ins-claim strong{color:var(--blue);font-weight:600;}
.ins-arch{width:min(520px,80vw);aspect-ratio:1/1.01;margin:0 auto 44px;overflow:hidden;border-radius:50% 50% 0 0 / 50% 50% 0 0;background:var(--cream);}
.ins-arch img{width:108%;height:108%;max-width:none;object-fit:cover;display:block;margin:-4% 0 0 -4%;}
.ins-body{font-size:16.5px;line-height:2;color:#333;margin:0 0 12px;word-break:keep-all;}
.ins-body mark{background:linear-gradient(transparent 58%,#fdf0a8 58%);color:inherit;font-weight:600;padding:0 2px;}
.ins-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 40px;margin:16px 0 24px;}
.ins-card,.prose .ins-card{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--ink);border-bottom:0;}
.prose .ins-card .ins-name{color:var(--ink);}
.ins-avatar{width:220px;height:220px;border-radius:50%;overflow:hidden;background:var(--cream);box-shadow:0 0 0 6px #fff,0 0 0 7px var(--line);}
.ins-avatar img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s;}
.ins-card:hover .ins-avatar img{transform:scale(1.04);}
.ins-avatar.empty{display:flex;align-items:center;justify-content:center;}
.ins-avatar .ph{font-family:var(--serif-en);font-size:64px;color:rgba(33,33,33,.18);}
.ins-card .ins-name{font-family:var(--serif-kr);font-weight:500;font-size:26px;margin-top:24px;line-height:1.2;}
.ins-titles{font-family:"Montserrat",var(--sans);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);font-weight:600;line-height:1.9;margin-top:10px;}
.ins-card .more{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--ink);padding-bottom:3px;color:var(--ink);transition:.2s;}
.ins-card:hover .more{color:var(--blue);border-color:var(--blue);}
.ins-single{padding-top:56px;}
.ins-head{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:center;margin:0 0 56px;padding-bottom:48px;border-bottom:1px solid var(--line);}
.ins-avatar.lg{width:260px;height:260px;}
.ins-role{font-family:var(--serif-en);font-size:13px;letter-spacing:4px;color:var(--faint);text-transform:uppercase;}
.ins-head .ins-name{font-family:var(--serif-kr);font-weight:500;font-size:clamp(40px,5.5vw,60px);line-height:1.15;margin:10px 0 0;letter-spacing:-1px;}
.ins-head .ins-titles{font-size:12.5px;letter-spacing:3px;margin-top:16px;}
.ins-tagline{font-family:var(--serif-kr);font-size:18px;color:var(--ink);margin:18px 0 0;}
.ins-head .wj-btns{margin:22px 0 0;}
.ins-bio{max-width:820px;margin:0 0 48px;font-size:16px;color:#444;}
.wj-timeline{--tl-w:72px;margin:8px 0 0;}
.tl-head,.tl-row{display:grid;grid-template-columns:1fr var(--tl-w) 1fr;}
.tl-col-label{font-family:var(--serif-en);font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--faint);padding:0 0 18px;}
.tl-col-label span{display:block;font-family:var(--sans);font-size:11.5px;letter-spacing:2px;color:var(--faint);margin-top:4px;}
.tl-col-label.left{text-align:right;}
.tl-axis{position:relative;}
.tl-axis::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed #cfd3d8;transform:translateX(-50%);}
.tl-row:last-child .tl-axis::before{bottom:auto;height:36px;}
.tl-dot{position:absolute;left:50%;top:8px;width:22px;height:22px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 4px #fff;}
.tl-item{padding:4px 0 40px;word-break:keep-all;}
.tl-row .tl-item:first-child{text-align:right;padding-right:8px;}
.tl-row .tl-item:last-child{padding-left:8px;}
.tl-period{font-family:"Montserrat",var(--sans);font-size:15px;letter-spacing:.5px;color:var(--faint);margin-bottom:4px;}
.tl-title{font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.6;}
.tl-detail{font-size:13.5px;line-height:1.75;color:var(--sub);margin-top:5px;}
@media(max-width:900px){
  .ins-grid{grid-template-columns:repeat(2,1fr);gap:44px 24px;}
  .ins-avatar{width:168px;height:168px;}
  .ins-card .ins-name{font-size:22px;}
  .ins-head{grid-template-columns:1fr;gap:28px;text-align:center;justify-items:center;}
  .ins-avatar.lg{width:200px;height:200px;}
  .ins-head .wj-btns{justify-content:center;}
  .wj-timeline{--tl-w:40px;}
  .tl-head,.tl-row{grid-template-columns:var(--tl-w) 1fr;}
  .tl-head{display:none;}
  .tl-row{display:block;position:relative;padding-left:40px;border-left:2px dashed #cfd3d8;margin-left:10px;}
  .tl-axis{position:absolute;left:-12px;top:0;}
  .tl-axis::before{display:none;}
  .tl-dot{position:static;transform:none;display:block;}
  .tl-row .tl-item:first-child,.tl-row .tl-item:last-child{text-align:left;padding:0 0 26px;}
  .tl-item.empty{display:none;}
  .tl-row .tl-item:first-child:not(.empty)::before{content:"경력";display:inline-block;font-size:10.5px;letter-spacing:2px;color:var(--faint);margin-bottom:4px;}
  .tl-row .tl-item:last-child:not(.empty)::before{content:"교육 · 자격";display:inline-block;font-size:10.5px;letter-spacing:2px;color:var(--faint);margin-bottom:4px;}
  .tl-row:last-child .tl-item{padding-bottom:8px;}
}
@media(max-width:560px){
  .page-hero .kr br{display:none;}
  .ins-grid{grid-template-columns:1fr;}
  .ins-claim{font-size:19px;}
}