/* ===== 공통 프렐류드 (테마 6~12 공유 규칙) ===== */
:root{--bs-dark:#333;--t-bg:#fff;--t-ink:#1d1d1d;--t-muted:#777;--t-line:#e5e5e5;--hdr-h:80px;--t-font:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--t-serif:'Noto Serif KR',serif}
html{scroll-behavior:smooth}
html body.theme-12{font-family:var(--t-font);color:var(--t-ink);background:var(--t-bg);min-height:100vh;display:flex;flex-direction:column;font-size:16px;letter-spacing:-.01em;word-break:keep-all;overflow-x:hidden}
html body.theme-12 main{flex:1 0 auto;width:100%;background:var(--t-bg);padding:0}
html body.theme-12 a{color:inherit}
html body.theme-12 a:hover{color:inherit}
html body.theme-12 img{max-width:100%}
html body.theme-12 .logo-container{display:flex;align-items:center;gap:10px}
html body.theme-12 #logoArea img{max-height:44px;width:auto;display:block}
html body.theme-12 .navbar-brand{margin:0;font-weight:700}
html body.theme-12 .navbar-toggler{border:0;color:inherit;font-size:30px;line-height:1;padding:.25rem .5rem}
html body.theme-12 .navbar-toggler:focus{box-shadow:none}
html body.theme-12 .navbar-nav .dropdown-menu{border-radius:0;font-size:15px;min-width:180px}
html body.theme-12 .navbar-nav .dropdown-menu .dropdown-item{padding:.55rem 1.1rem;white-space:normal}
@media (min-width:992px){html body.theme-12 .navbar-nav .dropdown:hover>.dropdown-menu{display:block;margin-top:0}}
html body.theme-12 .link-list ul,
html body.theme-12 .navbar-top ul{list-style:none}
html body.theme-12 .link-list ul{display:flex;align-items:center;gap:14px;margin:0;padding:0}
html body.theme-12 .link-list ul li a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;line-height:1.2}
html body.theme-12 .link-list ul li a br{display:none}
html body.theme-12 .link-list ul li a img{width:20px!important;height:20px!important}
html body.theme-12 .footer-side-links{position:fixed;right:18px;bottom:22px;z-index:40}
html body.theme-12 .footer-side-links ul{list-style:none;margin:0;padding:0}
html body.theme-12 .btn-scroll-top{width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff}
html body.theme-12 .wani-link-list-bg-block .bg-wrapper{position:relative}
html body.theme-12 .wani-link-list-bg-block .overlay{position:absolute;inset:0;background:#000;opacity:.5}
html body.theme-12 .wani-link-list-bg-block .container{position:relative;z-index:3}
html body.theme-12 .wani-link-list-bg-block .button-list{display:flex;gap:16px}
html body.theme-12 .slide-item .cover-slide-img{width:100%}
html body.theme-12 .wani-latest-list-section{padding:90px 0}
html body.theme-12 .wani-latest-list-section .list-group-item{display:flex;align-items:center;justify-content:space-between;background:transparent}
html body.theme-12 .board-container .container,
html body.theme-12 .page-container.sub .container{max-width:1200px}
html body.theme-12 .page-body h1{font-size:2.2rem;font-weight:700;word-break:auto-phrase}
html body.theme-12 .page-body h2{font-size:1.7rem;font-weight:700;word-break:auto-phrase}
html body.theme-12 .page-body h3{font-size:1.4rem;font-weight:600;word-break:auto-phrase}
html body.theme-12 .page-body h4,
html body.theme-12 .page-body h5,
html body.theme-12 .page-body h6{font-weight:600;word-break:auto-phrase}
html body.theme-12 .page-body .lead{font-weight:500}
@media (max-width:991.98px){html body.theme-12 .footer-side-links{right:12px;bottom:14px}}

/* 커버 슬라이드(제목·부제·버튼이 사진 위에 얹힌 형태) — 각 테마가 블록 크기를 정하고 글자 크기는 여기서 맞춘다 */
html body.theme-12 .wani-cover-slide-block .slide-item .cover-overlay{height:100%;opacity:.38}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-slide-img{position:relative;display:flex;align-items:center}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-text{padding:0 9%}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-text .card-title{font-size:clamp(28px,4.4vw,68px);letter-spacing:-.035em;opacity:1;line-height:1.2;text-shadow:0 2px 18px rgba(0,0,0,.35)}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-text .card-text{font-size:clamp(15px,1.7vw,24px);letter-spacing:-.01em;font-weight:400;line-height:1.55;text-shadow:0 1px 10px rgba(0,0,0,.35)}
html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons .btn{font-size:clamp(13px,1.1vw,16px);padding:.55rem 1.4rem}
@media (max-width:767.98px){html body.theme-12 .wani-cover-slide-block .slide-item .cover-text{padding:0 7%}html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons{margin-top:.6rem!important}}
html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons .btn{color:#fff!important;border-color:rgba(255,255,255,.85)!important;background:rgba(255,255,255,.08)}
html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons .btn:hover{background:#fff;color:#222!important}

/* ===== 테마 12 — 컨설팅 프리미엄형(풀스크린 섹션 + 원형 사진 캐러셀) =====
 * 연한 대리석 바탕, 금빛(메인색) 명조 숫자·영문, 섹션마다 흐린 큰 영문 워터마크, 오른쪽 섹션 내비(⌂ 01 ─ 06),
 * 소개 링크 블록은 큰 원형 사진 + 'view more' 원형 배지 캐러셀, 서브는 사진 배너 + 가운데 제목·경로.
 * 금빛 = var(--bs-primary). 섹션 단위 스냅은 데스크톱 메인에서만 건다(fullPage 라이브러리를 쓰지 않는다).
 * 스냅은 섹션이 그려진 뒤 JS 가 body.t12-snap 을 붙여야 켜진다 — 처음부터 켜면 빈 페이지에서 푸터에 붙은 채로 내용이 채워져 맨 아래에서 열린다(푸터를 스냅 대상으로 넣지 말 것). */
:root{--t-bg:#fbfaf8;--t-ink:#1f1f1f;--t-muted:#757575;--t-line:#e6e2dc;--hdr-h:100px;--t12-w:1720px;--t12-gold:var(--bs-primary);--t12-latin:'Cormorant Garamond','Noto Serif KR',serif;--t12-pad:max(24px,calc((100vw - var(--t12-w)) / 2))}
html body.theme-12{background:var(--t-bg) radial-gradient(ellipse 60% 40% at 15% 20%,rgba(255,255,255,.9),transparent 70%) fixed,radial-gradient(ellipse 50% 35% at 85% 70%,rgba(225,221,214,.45),transparent 70%) fixed}
html body.theme-12 main{background:transparent}
html body.theme-12.t12-lock{overflow:hidden}
html body.theme-12 .t12-moved{display:none!important}

/* ---------- 헤더 ---------- */
html body.theme-12 header{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.08);transition:background .35s,border-color .35s,color .35s}
html body.theme-12 header .navbar{height:var(--hdr-h);padding:0 var(--t12-pad);display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:40px}
html body.theme-12 header .navbar-brand,
html body.theme-12 header .navbar-toggler{color:var(--t-ink)!important}
html body.theme-12 header .navbar-brand{font-size:24px;font-weight:700;letter-spacing:-.04em}
html body.theme-12 header .navbar-collapse{justify-content:center!important}
html body.theme-12 header .navbar-nav{margin:0!important;gap:0}
html body.theme-12 header .navbar-nav .dropdown-toggle::after{display:none}
html body.theme-12 header .navbar-nav .nav-link{font-size:19px!important;font-weight:500;letter-spacing:-.03em;padding:0 clamp(16px,2.3vw,46px)!important;line-height:var(--hdr-h);color:var(--t-ink)!important;position:relative}
html body.theme-12 header .navbar-nav .nav-link::after{content:'';position:absolute;left:50%;right:50%;bottom:-1px;height:2px;background:var(--t12-gold);transition:left .3s,right .3s}
html body.theme-12 header .navbar-nav .nav-item:hover>.nav-link::after{left:30%;right:30%}
html body.theme-12 header .navbar-nav .dropdown-menu{border:0;border-radius:0;padding:14px 0;min-width:190px;left:50%;transform:translateX(-50%);box-shadow:0 18px 40px rgba(0,0,0,.1);background:#fff}
html body.theme-12 header .navbar-nav .dropdown-menu .dropdown-item{font-size:15px;color:#555;text-align:center;padding:.5rem 1.2rem}
html body.theme-12 header .navbar-nav .dropdown-menu .dropdown-item:hover{background:transparent;color:var(--t12-gold)}
html body.theme-12 .t12-right{align-items:center;gap:26px}
html body.theme-12 .t12-right .link-list ul li a{font-size:13px!important;color:var(--t-muted)!important}
html body.theme-12 .t12-menubtn{display:inline-flex;align-items:center;gap:14px;border:0;background:transparent;padding:6px 0;color:var(--t12-gold);cursor:pointer}
html body.theme-12 .t12-menubtn-txt{font-family:var(--t12-latin);font-size:17px;font-weight:500;letter-spacing:.04em}
html body.theme-12 .t12-menubtn-bar{display:flex;flex-direction:column;align-items:flex-end;gap:7px;width:22px}
html body.theme-12 .t12-menubtn-bar i{display:block;height:2px;width:100%;background:currentColor;transition:width .3s}
html body.theme-12 .t12-menubtn-bar i:last-child{width:58%}
html body.theme-12 .t12-menubtn:hover .t12-menubtn-bar i:last-child{width:100%}
/* 메인 첫 화면·서브 배너 위에서는 투명 + 흰 글씨 */
html body.theme-12.is-main header:not(.is-scrolled),
html body.theme-12.has-t12-banner header:not(.is-scrolled){background:transparent;border-bottom-color:rgba(255,255,255,.25)}
html body.theme-12.is-main header:not(.is-scrolled) .nav-link,
html body.theme-12.has-t12-banner header:not(.is-scrolled) .nav-link,
html body.theme-12.is-main header:not(.is-scrolled) .navbar-brand,
html body.theme-12.has-t12-banner header:not(.is-scrolled) .navbar-brand,
html body.theme-12.is-main header:not(.is-scrolled) .navbar-toggler,
html body.theme-12.has-t12-banner header:not(.is-scrolled) .navbar-toggler,
html body.theme-12.is-main header:not(.is-scrolled) .t12-right .link-list a,
html body.theme-12.has-t12-banner header:not(.is-scrolled) .t12-right .link-list a,
html body.theme-12.is-main header:not(.is-scrolled) .t12-menubtn,
html body.theme-12.has-t12-banner header:not(.is-scrolled) .t12-menubtn{color:#fff!important}
@media (max-width:991.98px){
:root{--hdr-h:70px}
html body.theme-12 header .navbar{grid-template-columns:1fr auto;padding:0 18px}
html body.theme-12 header .navbar-brand{font-size:20px}
}

/* ---------- 전체 메뉴 ---------- */
html body.theme-12 .t12-all{position:fixed;inset:0;z-index:2000;display:grid;grid-template-columns:minmax(320px,36%) 1fr;background:#fff;animation:t12Fade .35s ease}
html body.theme-12 .t12-all[hidden]{display:none}
html body.theme-12 .t12-all-left{background:#f4efe8;display:flex;flex-direction:column;justify-content:space-between;padding:12vh 5vw 8vh}
html body.theme-12 .t12-all-brand img{max-height:60px;width:auto}
html body.theme-12 .t12-all-brand strong{font-size:30px;letter-spacing:-.04em}
html body.theme-12 .t12-all-desc{margin:28px 0 0;font-family:var(--t-serif);font-size:20px;line-height:1.7;color:#444}
html body.theme-12 .t12-all-info p{margin:0 0 8px;font-size:14px;color:#666}
html body.theme-12 .t12-all-info span{display:inline-block;min-width:76px;font-family:var(--t12-latin);font-size:16px;color:var(--t12-gold)}
html body.theme-12 .t12-all-right{position:relative;overflow:auto;padding:16vh 6vw 8vh}
html body.theme-12 .t12-all-close{position:absolute;top:34px;right:3vw;width:44px;height:44px;border:0;background:transparent}
html body.theme-12 .t12-all-close i{position:absolute;left:8px;right:8px;top:50%;height:1px;background:var(--t-ink);transform:rotate(45deg)}
html body.theme-12 .t12-all-close i+i{transform:rotate(-45deg)}
html body.theme-12 .t12-all-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:56px 40px}
html body.theme-12 .t12-all-top{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em;color:var(--t-ink);text-decoration:none;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--t-ink)}
html body.theme-12 .t12-all-grid ul{list-style:none;margin:0;padding:0}
html body.theme-12 .t12-all-grid li a{display:block;padding:6px 0;font-size:16px;color:#777;text-decoration:none}
html body.theme-12 .t12-all-grid a:hover{color:var(--t12-gold)}
@keyframes t12Fade{from{opacity:0}to{opacity:1}}
@keyframes t12Up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

/* ---------- 공통 화살표 ---------- */
html body.theme-12 .t12-pg{font-family:var(--t12-latin);font-size:20px;letter-spacing:.04em}
html body.theme-12 .t12-pg b{font-weight:600}
html body.theme-12 .t12-arrow{position:relative;width:42px;height:22px;border:0;background:transparent;color:inherit;opacity:.75;cursor:pointer;transition:opacity .2s}
html body.theme-12 .t12-arrow:hover{opacity:1}
html body.theme-12 .t12-arrow::before{content:'';position:absolute;left:3px;right:3px;top:50%;height:1px;background:currentColor}
html body.theme-12 .t12-arrow::after{content:'';position:absolute;top:50%;width:9px;height:9px;border-top:1px solid currentColor;border-left:1px solid currentColor}
html body.theme-12 .t12-arrow.prev::after{left:3px;transform:translateY(-50%) rotate(-45deg)}
html body.theme-12 .t12-arrow.next::after{right:3px;transform:translateY(-50%) rotate(135deg)}

/* ---------- 메인 섹션 = 한 화면 ---------- */
@media (min-width:992px){
html:has(body.theme-12.is-main.t12-snap){scroll-snap-type:y proximity}
html body.theme-12.is-main #mainContent>.page-container>section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;overflow:hidden}
html body.theme-12.is-main #mainContent>.page-container>section>*{width:100%}
}
html body.theme-12 #mainContent>.page-container>section[data-t12-wm]{position:relative;overflow:hidden}
html body.theme-12 #mainContent>.page-container>section[data-t12-wm]::before{content:attr(data-t12-wm);position:absolute;right:-1vw;bottom:-.22em;z-index:0;font-family:var(--t12-latin);font-size:clamp(70px,10.5vw,200px);font-weight:500;line-height:1;white-space:nowrap;letter-spacing:-.01em;color:var(--t12-gold);opacity:.09;pointer-events:none}
html body.theme-12 #mainContent>.page-container>section>*{position:relative;z-index:1}

/* ---------- 첫 화면(커버 슬라이드) ---------- */
html body.theme-12 .wani-cover-slide-block{position:relative;margin:0!important;padding:0!important;overflow:hidden;background:#222}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-overlay{opacity:1!important;background:linear-gradient(90deg,rgba(20,18,16,.62),rgba(20,18,16,.25) 60%,rgba(20,18,16,.15))!important}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-text{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:var(--hdr-h) var(--t12-pad) 0!important}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-text .card-title{font-family:var(--t-serif);font-size:clamp(34px,5vw,86px)!important;font-weight:400!important;letter-spacing:-.04em!important;line-height:1.2;color:#fff!important;text-shadow:none!important;text-align:left;margin:0 0 .45em}
html body.theme-12 .wani-cover-slide-block .slide-item .cover-text .card-text{font-size:clamp(16px,1.45vw,24px)!important;font-weight:300!important;line-height:1.65;color:rgba(255,255,255,.92)!important;text-shadow:none!important;text-align:left;max-width:760px;margin:0}
html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons{text-align:left!important;margin-top:2.2rem!important}
html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons .btn{border-radius:0!important;border:1px solid rgba(255,255,255,.7)!important;background:transparent!important;color:#fff!important;font-weight:500!important;padding:.75rem 1.6rem!important;margin:0 8px 8px 0!important}
html body.theme-12 .wani-cover-slide-block .slide-item .card-buttons .btn:hover{background:var(--t12-gold)!important;border-color:var(--t12-gold)!important}
html body.theme-12 .wani-cover-slide-block .slick-dots,
html body.theme-12 .wani-cover-slide-block .slick-prev,
html body.theme-12 .wani-cover-slide-block .slick-next{display:none!important}
html body.theme-12 .wani-cover-slide-block .slick-active .cover-text>*{animation:t12Up .9s ease both}
html body.theme-12 .wani-cover-slide-block .slick-active .cover-text>*:nth-child(2){animation-delay:.15s}
html body.theme-12 .wani-cover-slide-block .slick-active .cover-text>*:nth-child(3){animation-delay:.3s}
html body.theme-12 .t12-hero-ctrl{position:absolute;left:var(--t12-pad);bottom:13vh;z-index:5;display:flex;align-items:center;gap:14px;color:#fff}
html body.theme-12 .t12-hero-ctrl .t12-pg{margin-right:22px}
html body.theme-12 .t12-scroll{position:absolute;left:50%;bottom:30px;z-index:5;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:transparent;color:#fff}
html body.theme-12 .t12-scroll span{font-family:var(--t12-latin);font-size:13px;letter-spacing:.2em}
html body.theme-12 .t12-scroll i{display:block;width:1px;height:46px;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));animation:t12Line 1.8s ease-in-out infinite;transform-origin:top}
@keyframes t12Line{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
@media (max-width:991.98px){html body.theme-12 .t12-scroll{display:none}html body.theme-12 .t12-hero-ctrl{bottom:60px;left:20px}html body.theme-12 .wani-cover-slide-block .slide-item .cover-text{padding:var(--hdr-h) 22px 0!important}}

/* ---------- 소개 링크 → 원형 사진 캐러셀 ---------- */
html body.theme-12 .wani-intro-link-block.t12-svc{padding:calc(var(--hdr-h) + 20px) 0 60px;background:transparent!important}
html body.theme-12 .wani-intro-link-block,
html body.theme-12 .wani-image-slide-block,
html body.theme-12 .wani-youtube-slide-block,
html body.theme-12 .wani-latest-list-section{background:transparent!important}
html body.theme-12 .t12-svc-in{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(180px,.75fr);align-items:center;gap:4vw;padding:0 120px 0 var(--t12-pad)}
html body.theme-12 .t12-svc-kicker{margin:0 0 6px;font-size:16px;color:var(--t-muted)}
html body.theme-12 .t12-svc-num{margin:0;font-family:var(--t12-latin);font-size:clamp(80px,8.5vw,150px);font-weight:500;line-height:1;color:var(--t12-gold);letter-spacing:-.02em}
html body.theme-12 .t12-svc-num sup{font-size:.42em;font-weight:400;top:-1.05em;margin-left:.3em}
html body.theme-12 .t12-svc-title{margin:.35em 0 .4em;font-size:clamp(28px,2.7vw,48px);font-weight:700;letter-spacing:-.045em;line-height:1.25}
html body.theme-12 .t12-svc-desc{margin:0;font-size:clamp(16px,1.15vw,20px);color:#555;line-height:1.7;max-width:460px}
html body.theme-12 .t12-svc-txt.is-in .t12-svc-num,
html body.theme-12 .t12-svc-txt.is-in .t12-svc-title,
html body.theme-12 .t12-svc-txt.is-in .t12-svc-desc{animation:t12Up .7s ease both}
html body.theme-12 .t12-svc-txt.is-in .t12-svc-title{animation-delay:.08s}
html body.theme-12 .t12-svc-txt.is-in .t12-svc-desc{animation-delay:.16s}
html body.theme-12 .t12-svc-pager{display:flex;align-items:center;gap:12px;margin-top:clamp(40px,7vh,90px);color:var(--t-ink)}
html body.theme-12 .t12-svc-pager .t12-pg{margin-right:22px}
html body.theme-12 .t12-svc-stage{position:relative;width:clamp(340px,35vw,660px);aspect-ratio:1}
html body.theme-12 .t12-svc-ring,
html body.theme-12 .t12-svc-ring::before{position:absolute;inset:0;border-radius:50%}
html body.theme-12 .t12-svc-ring{border:1px solid color-mix(in srgb,var(--t12-gold) 70%,transparent);transform:translate(-3.5%,2.5%)}
html body.theme-12 .t12-svc-ring::before{content:'';border:1px solid rgba(0,0,0,.09);transform:translate(7%,-6%)}
html body.theme-12 .t12-svc-circle{position:absolute;inset:5%;border-radius:50%;overflow:hidden;background:#ddd;box-shadow:0 30px 60px rgba(0,0,0,.08)}
html body.theme-12 .t12-svc-circle img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .9s ease,transform 1.6s ease}
html body.theme-12 .t12-svc-circle img.on{opacity:1;transform:none}
html body.theme-12 .t12-svc-badge{position:absolute;right:0;bottom:0;width:34%;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid var(--t12-gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--t-ink);padding:0 10px;text-align:center;transition:background .3s,color .3s}
html body.theme-12 .t12-svc-badge strong{font-size:clamp(17px,1.4vw,26px);font-weight:700;letter-spacing:-.04em;line-height:1.3}
html body.theme-12 .t12-svc-badge span{font-family:var(--t12-latin);font-size:clamp(14px,1vw,18px);color:#444}
html body.theme-12 .t12-svc-badge span::after{content:'';display:inline-block;margin-left:6px;border:4px solid transparent;border-left:5px solid currentColor;border-right:0;vertical-align:middle}
html body.theme-12 .t12-svc-badge:hover{background:var(--t12-gold);color:#fff}
html body.theme-12 .t12-svc-badge:hover span{color:#fff}
html body.theme-12 .t12-svc-badge.is-nolink{cursor:default}
html body.theme-12 .t12-svc-next{justify-self:end;width:100%;max-width:380px;aspect-ratio:1;border-radius:28%;overflow:hidden;cursor:pointer;box-shadow:0 24px 50px rgba(0,0,0,.12)}
html body.theme-12 .t12-svc-next img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .8s}
html body.theme-12 .t12-svc-next:hover img{filter:none;transform:scale(1.05)}
@media (max-width:991.98px){
html body.theme-12 .wani-intro-link-block.t12-svc{padding:60px 0}
html body.theme-12 .t12-svc-in{grid-template-columns:1fr;gap:34px;padding:0 22px}
html body.theme-12 .t12-svc-stage{width:min(86vw,460px);justify-self:center}
html body.theme-12 .t12-svc-next{display:none}
html body.theme-12 .t12-svc-pager{margin-top:24px}
}

/* ---------- 갤러리·영상 슬라이드 ---------- */
html body.theme-12 .wani-image-slide-block,
html body.theme-12 .wani-youtube-slide-block{padding:calc(var(--hdr-h) + 10px) 0 70px}
html body.theme-12 .image-slide-header,
html body.theme-12 .youtube-slide-header{text-align:left!important;padding:0 var(--t12-pad);margin-bottom:46px!important}
html body.theme-12 .image-slide-main-title,
html body.theme-12 .youtube-slide-main-title{font-family:var(--t-serif);font-size:clamp(30px,3.2vw,58px)!important;font-weight:400!important;letter-spacing:-.04em}
html body.theme-12 .image-slide-subtitle,
html body.theme-12 .youtube-slide-subtitle{font-size:18px!important;margin:14px 0 0!important;color:var(--t-muted)!important}
html body.theme-12 .image-slide-container,
html body.theme-12 .youtube-slide-container{padding:0 var(--t12-pad)}
html body.theme-12 .image-slide-item,
html body.theme-12 .youtube-slide-item{padding:0 14px}
html body.theme-12 .image-slide-container .slick-list,
html body.theme-12 .youtube-slide-container .slick-list{padding:0!important;margin:0 -14px}
html body.theme-12 .image-thumbnail-wrapper,
html body.theme-12 .youtube-thumbnail-wrapper{aspect-ratio:4/3;overflow:hidden;border-radius:0!important}
html body.theme-12 .image-thumbnail,
html body.theme-12 .youtube-thumbnail{width:100%;height:100%!important;object-fit:cover;transition:transform .8s ease}
html body.theme-12 .image-slide-link:hover .image-thumbnail,
html body.theme-12 .youtube-slide-link:hover .youtube-thumbnail{transform:scale(1.06)}
html body.theme-12 .image-slide-info,
html body.theme-12 .youtube-slide-info{padding:20px 2px 0}
html body.theme-12 .image-post-title,
html body.theme-12 .youtube-post-title{font-size:19px;font-weight:600;letter-spacing:-.03em;color:var(--t-ink)}
html body.theme-12 .image-slide-link,
html body.theme-12 .youtube-slide-link{text-decoration:none}
html body.theme-12 .image-slide-container .slick-dots,
html body.theme-12 .youtube-slide-container .slick-dots{position:static;margin-top:40px;text-align:left;padding:0 14px}
html body.theme-12 .image-slide-container .slick-dots li,
html body.theme-12 .youtube-slide-container .slick-dots li{width:34px;height:2px;margin:0 4px 0 0}
html body.theme-12 .image-slide-container .slick-dots li button,
html body.theme-12 .youtube-slide-container .slick-dots li button{width:34px;height:2px;padding:0;background:#d6d2cc}
html body.theme-12 .image-slide-container .slick-dots li button::before,
html body.theme-12 .youtube-slide-container .slick-dots li button::before{display:none}
html body.theme-12 .image-slide-container .slick-dots li.slick-active button,
html body.theme-12 .youtube-slide-container .slick-dots li.slick-active button{background:var(--t12-gold)}
@media (max-width:991.98px){html body.theme-12 .wani-image-slide-block,
html body.theme-12 .wani-youtube-slide-block{padding:60px 0}html body.theme-12 .image-slide-header,
html body.theme-12 .youtube-slide-header{padding:0 22px}html body.theme-12 .image-slide-container,
html body.theme-12 .youtube-slide-container{padding:0 8px}}

/* ---------- 최신글 ---------- */
html body.theme-12 .wani-latest-list-section{padding:calc(var(--hdr-h) + 10px) 0 70px;background:transparent}
html body.theme-12 .wani-latest-list-section>.container{max-width:none;padding:0 var(--t12-pad)}
html body.theme-12 .wani-latest-list-section .row{--bs-gutter-x:5vw}
html body.theme-12 .wani-latest-list-section .board-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--t-ink);margin-bottom:12px}
html body.theme-12 .wani-latest-list-section .board-header h5{font-family:var(--t-serif);font-size:clamp(26px,2.4vw,40px);font-weight:400;letter-spacing:-.04em;padding:0 0 14px!important}
html body.theme-12 .wani-latest-list-section .board-header a{padding-bottom:16px;font-weight:400!important;color:var(--t12-gold)!important}
html body.theme-12 .wani-latest-list-section .board-header a small{font-size:0}
html body.theme-12 .wani-latest-list-section .board-header a small::before{content:'view more';font-family:var(--t12-latin);font-size:18px}
html body.theme-12 .wani-latest-list-section .board-header a small i{display:none}
html body.theme-12 .wani-latest-list-section .list-group-item{padding:16px 0;border-color:var(--t-line);font-size:17px}
html body.theme-12 .wani-latest-list-section .list-group-item a{transition:color .2s}
html body.theme-12 .wani-latest-list-section .list-group-item a:hover{color:var(--t12-gold)!important}
html body.theme-12 .wani-latest-list-section .list-group-item small{font-family:var(--t12-latin);font-size:16px}
html body.theme-12 .wani-latest-list-section .ratio{border-radius:0}
html body.theme-12 .wani-latest-list-section .ratio img{transition:transform .8s}
html body.theme-12 .wani-latest-list-section a:hover .ratio img{transform:scale(1.06)}
@media (max-width:991.98px){html body.theme-12 .wani-latest-list-section{padding:60px 0}html body.theme-12 .wani-latest-list-section>.container{padding:0 22px}}

/* ---------- 배경 링크 → 오시는 길(왼쪽 사진 / 오른쪽 안내) ---------- */
html body.theme-12 .wani-link-list-bg-block{width:100%}
html body.theme-12 .wani-link-list-bg-block .bg-wrapper{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:0!important;background-size:50% 100%!important;background-position:left center!important;background-repeat:no-repeat!important;background-color:#fff!important}
html body.theme-12 .wani-link-list-bg-block .overlay{right:50%!important;opacity:1!important;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.05) 55%)!important}
html body.theme-12 .t12-loc{grid-column:1;grid-row:1;position:relative;z-index:3;align-self:end;padding:0 4vw 12vh var(--t12-pad);color:#fff}
html body.theme-12 .t12-loc-lbl{margin:0 0 12px;font-family:var(--t12-latin);font-size:clamp(28px,2.4vw,42px)}
html body.theme-12 .t12-loc-addr{margin:0;font-size:18px;opacity:.9}
html body.theme-12 .wani-link-list-bg-block .container{grid-column:2;grid-row:1;align-self:center;max-width:640px;margin:0;padding:calc(var(--hdr-h) + 20px) 6vw 60px}
html body.theme-12 .wani-link-list-bg-block .container>.text-center{text-align:left!important}
html body.theme-12 .wani-link-list-bg-block h4{font-family:var(--t12-latin),var(--t-serif);font-size:clamp(34px,3.6vw,66px);font-weight:500;letter-spacing:-.02em;color:var(--t-ink)}
html body.theme-12 .wani-link-list-bg-block h6{font-size:18px;font-weight:400;color:var(--t-muted);line-height:1.7}
html body.theme-12 .wani-link-list-bg-block .button-list{flex-direction:column;gap:0!important;border-top:1px solid var(--t-ink)}
html body.theme-12 .wani-link-list-bg-block .button-list a,
html body.theme-12 .wani-link-list-bg-block .button-list button{margin:0!important;padding:22px 4px!important;border:0!important;border-bottom:1px solid var(--t-line)!important;border-radius:0!important;background:transparent!important;color:var(--t-ink)!important;font-size:18px!important;font-weight:500!important;align-items:center}
html body.theme-12 .wani-link-list-bg-block .button-list a:hover{color:var(--t12-gold)!important;padding-left:12px!important}
html body.theme-12 .wani-link-list-bg-block .button-list a{transition:padding .25s,color .25s}
@media (max-width:991.98px){
html body.theme-12 .wani-link-list-bg-block .bg-wrapper{grid-template-columns:1fr;min-height:0;background-size:100% 300px!important;background-position:top center!important}
html body.theme-12 .wani-link-list-bg-block .overlay{right:0!important;bottom:auto!important;height:300px}
html body.theme-12 .t12-loc{height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:0 22px 26px}
html body.theme-12 .wani-link-list-bg-block .container{grid-column:1;grid-row:2;padding:40px 22px 60px}
}

/* ---------- 오른쪽 섹션 내비 ---------- */
html body.theme-12 .t12-fnav{position:fixed;right:34px;top:50%;z-index:50;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;transition:color .4s}
html body.theme-12 .t12-fnav[hidden]{display:none}
html body.theme-12 .t12-fnav.is-dark{color:#555}
html body.theme-12 .t12-fnav button{border:0;background:transparent;color:inherit;padding:0;line-height:1;font-size:20px;display:inline-flex;opacity:.8}
html body.theme-12 .t12-fnav button:hover{opacity:1;color:var(--t12-gold)}
html body.theme-12 .t12-fnav-cur,
html body.theme-12 .t12-fnav-tot{font-family:var(--t12-latin);font-size:16px}
html body.theme-12 .t12-fnav-line{position:relative;width:1px;height:clamp(120px,22vh,230px);background:color-mix(in srgb,currentColor 30%,transparent)}
html body.theme-12 .t12-fnav-line i{position:absolute;left:0;top:0;width:1px;height:0;background:currentColor;transition:height .5s ease}
html body.theme-12 .t12-fnav-up{margin-top:6px}
html body.theme-12 body:not(.is-main) .t12-fnav{display:none!important}
@media (max-width:991.98px){html body.theme-12 .t12-fnav{display:none!important}}

/* ---------- 서브 : 사진 배너 ---------- */
html body.theme-12 .t12-banner{position:relative;height:clamp(300px,31vw,600px);padding-top:calc(var(--hdr-h) * .6);background:#5d6570 url(../images/sub.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
html body.theme-12 .t12-banner::before{content:'';position:absolute;inset:0;background:rgba(20,24,30,.38)}
html body.theme-12 .t12-banner-in{position:relative;padding:0 20px;animation:t12Up .9s ease both}
html body.theme-12 .t12-banner h2{margin:0 0 .5em;font-size:clamp(34px,4.6vw,84px);font-weight:300;letter-spacing:-.04em;line-height:1.15}
html body.theme-12 .t12-crumb{margin:0;font-size:15px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;opacity:.95}
html body.theme-12 .t12-crumb a{color:#fff;display:inline-flex;font-size:17px}
html body.theme-12 .t12-crumb em{font-style:normal;margin:0 14px;opacity:.7}
html body.theme-12 .page-container.sub{padding:clamp(60px,8vw,120px) 20px 120px;background:transparent}
html body.theme-12 body:not(.has-t12-banner) .page-container.sub{padding-top:calc(var(--hdr-h) + 50px)}
html body.theme-12 .page-container.sub .page-header:has(>h4.t12-moved){display:none}
html body.theme-12 .page-container.sub .page-header{text-align:left}
html body.theme-12 .page-container.sub .page-header h4{font-family:var(--t-serif);font-size:clamp(30px,3.6vw,60px);font-weight:400;letter-spacing:-.04em}
html body.theme-12 .page-container.sub .page-body{background:transparent;padding:0}
html body.theme-12 .page-container.sub .page-body h1,
html body.theme-12 .page-container.sub .page-body h2{font-family:var(--t-serif);font-weight:400;letter-spacing:-.04em;line-height:1.3}
html body.theme-12 .page-container.sub .page-body h2{font-size:clamp(28px,3.3vw,56px);margin-bottom:.8em}
html body.theme-12 .page-container.sub .page-body h3{font-weight:600;letter-spacing:-.03em}
html body.theme-12 .page-container.sub .page-body p{font-size:17px;line-height:1.85;color:#444}
html body.theme-12 .page-container.sub .page-body blockquote{border-left:2px solid var(--t12-gold);padding-left:20px;font-family:var(--t-serif)}
html body.theme-12 .page-container.sub .page-body table th{background:#f4efe8}
html body.theme-12 .board-container{padding-top:0;background:transparent}
html body.theme-12 body:not(.has-t12-banner) .board-container{padding-top:calc(var(--hdr-h) + 30px)}
html body.theme-12 .board-container>.container{padding-top:clamp(50px,6vw,90px)!important}
html body.theme-12 .board-container h4{font-family:var(--t-serif);font-weight:400;letter-spacing:-.04em}
html body.theme-12 .board-container .nav-pills .nav-link.active{background:var(--t12-gold)}
html body.theme-12 .card{border-radius:0}

/* ---------- 푸터 ---------- */
html body.theme-12 footer{background:#1d1c1b!important;color:rgba(255,255,255,.62)!important;padding:60px 0!important}
html body.theme-12 footer .container{max-width:var(--t12-w)}
html body.theme-12 footer .footer-logo h5,
html body.theme-12 footer h5{color:#fff!important;font-weight:600;letter-spacing:-.03em}
html body.theme-12 footer a{color:rgba(255,255,255,.75)!important}
html body.theme-12 footer a:hover{color:var(--t12-gold)!important}
html body.theme-12 footer small{opacity:.7}