/* ===== 공통 프렐류드 (테마 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-11{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-11 main{flex:1 0 auto;width:100%;background:var(--t-bg);padding:0}
html body.theme-11 a{color:inherit}
html body.theme-11 a:hover{color:inherit}
html body.theme-11 img{max-width:100%}
html body.theme-11 .logo-container{display:flex;align-items:center;gap:10px}
html body.theme-11 #logoArea img{max-height:44px;width:auto;display:block}
html body.theme-11 .navbar-brand{margin:0;font-weight:700}
html body.theme-11 .navbar-toggler{border:0;color:inherit;font-size:30px;line-height:1;padding:.25rem .5rem}
html body.theme-11 .navbar-toggler:focus{box-shadow:none}
html body.theme-11 .navbar-nav .dropdown-menu{border-radius:0;font-size:15px;min-width:180px}
html body.theme-11 .navbar-nav .dropdown-menu .dropdown-item{padding:.55rem 1.1rem;white-space:normal}
@media (min-width:992px){html body.theme-11 .navbar-nav .dropdown:hover>.dropdown-menu{display:block;margin-top:0}}
html body.theme-11 .link-list ul,
html body.theme-11 .navbar-top ul{list-style:none}
html body.theme-11 .link-list ul{display:flex;align-items:center;gap:14px;margin:0;padding:0}
html body.theme-11 .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-11 .link-list ul li a br{display:none}
html body.theme-11 .link-list ul li a img{width:20px!important;height:20px!important}
html body.theme-11 .footer-side-links{position:fixed;right:18px;bottom:22px;z-index:40}
html body.theme-11 .footer-side-links ul{list-style:none;margin:0;padding:0}
html body.theme-11 .btn-scroll-top{width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff}
html body.theme-11 .wani-link-list-bg-block .bg-wrapper{position:relative}
html body.theme-11 .wani-link-list-bg-block .overlay{position:absolute;inset:0;background:#000;opacity:.5}
html body.theme-11 .wani-link-list-bg-block .container{position:relative;z-index:3}
html body.theme-11 .wani-link-list-bg-block .button-list{display:flex;gap:16px}
html body.theme-11 .slide-item .cover-slide-img{width:100%}
html body.theme-11 .wani-latest-list-section{padding:90px 0}
html body.theme-11 .wani-latest-list-section .list-group-item{display:flex;align-items:center;justify-content:space-between;background:transparent}
html body.theme-11 .board-container .container,
html body.theme-11 .page-container.sub .container{max-width:1200px}
html body.theme-11 .page-body h1{font-size:2.2rem;font-weight:700;word-break:auto-phrase}
html body.theme-11 .page-body h2{font-size:1.7rem;font-weight:700;word-break:auto-phrase}
html body.theme-11 .page-body h3{font-size:1.4rem;font-weight:600;word-break:auto-phrase}
html body.theme-11 .page-body h4,
html body.theme-11 .page-body h5,
html body.theme-11 .page-body h6{font-weight:600;word-break:auto-phrase}
html body.theme-11 .page-body .lead{font-weight:500}
@media (max-width:991.98px){html body.theme-11 .footer-side-links{right:12px;bottom:14px}}

/* 커버 슬라이드(제목·부제·버튼이 사진 위에 얹힌 형태) — 각 테마가 블록 크기를 정하고 글자 크기는 여기서 맞춘다 */
html body.theme-11 .wani-cover-slide-block .slide-item .cover-overlay{height:100%;opacity:.38}
html body.theme-11 .wani-cover-slide-block .slide-item .cover-slide-img{position:relative;display:flex;align-items:center}
html body.theme-11 .wani-cover-slide-block .slide-item .cover-text{padding:0 9%}
html body.theme-11 .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-11 .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); font-family: var(--t-serif)}
html body.theme-11 .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-11 .wani-cover-slide-block .slide-item .cover-text{padding:0 7%}html body.theme-11 .wani-cover-slide-block .slide-item .card-buttons{margin-top:.6rem!important}}
html body.theme-11 .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-11 .wani-cover-slide-block .slide-item .card-buttons .btn:hover{background:#fff;color:#222!important}

/* ===== 테마 11 — 기관·협회 포털형 =====
 * 하늘빛 풀폭 히어로 위에 얇은 유틸 줄 + 가운데 메뉴, 히어로 아래로 겹쳐 올라오는 4열 색 타일(핵심링크),
 * 테두리 박스형 최신글, 어두운 푸터. 색은 메인(--bs-primary)·서브(--bs-secondary)를 따른다. */
:root{--t-bg:#fff;--t-ink:#1f2630;--t-muted:#7b8591;--t-line:#e3e7ec;--hdr-h:132px;--t11-w:1240px;--t11-hero-h:clamp(460px,58vh,600px);
--t11-sky:radial-gradient(ellipse 38% 26% at 18% 28%,rgba(255,255,255,.9),transparent 72%),radial-gradient(ellipse 30% 20% at 62% 14%,rgba(255,255,255,.8),transparent 72%),radial-gradient(ellipse 34% 24% at 88% 46%,rgba(255,255,255,.85),transparent 72%),radial-gradient(ellipse 44% 22% at 40% 66%,rgba(255,255,255,.75),transparent 72%),linear-gradient(180deg,#72a8ea 0%,#a9cbf3 55%,#e4effc 100%)}
html body.theme-11{background:#fff}
html body.theme-11 main{background:#fff}

/* 헤더 : 로고 | (유틸 줄 / 메뉴) */
html body.theme-11 header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s}
html body.theme-11 header .navbar{position:static;height:var(--hdr-h);padding:0 max(20px,calc((100% - var(--t11-w)) / 2));display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand list" "brand menu";align-items:center;column-gap:50px;row-gap:0;width:100%}
html body.theme-11 header .logo-container{grid-area:brand}
html body.theme-11 header .link-list{grid-area:list;justify-self:end;align-self:end;padding:6px 0;border-bottom:1px solid rgba(31,38,48,.18);width:100%}
html body.theme-11 header .link-list ul{justify-content:flex-end;gap:16px}
html body.theme-11 header .link-list ul li a{font-size:12px!important;color:var(--t-ink)!important}
html body.theme-11 header .link-list ul li a i{display:inline-flex;font-size:13px}
html body.theme-11 header .navbar-collapse{grid-area:menu;justify-content:flex-end!important;align-self:start}
html body.theme-11 header .navbar-nav{margin:0!important}
html body.theme-11 header .navbar-nav .dropdown-toggle::after{display:none}
html body.theme-11 header .navbar-nav .nav-item{padding:0 4px}

html body.theme-11 header .navbar-nav .nav-link {
	font-size: 20px !important;
	font-weight: 600;
	padding: 1rem 0 1rem 1rem;
	color: var(--t-ink) !important;
	letter-spacing: -.02em
}
html body.theme-11 header .navbar-nav .nav-link:hover{color:var(--bs-primary)!important}
html body.theme-11 header .navbar-brand,
html body.theme-11 header .navbar-toggler{color:var(--t-ink)!important}
html body.theme-11 header .navbar-brand{font-size:26px;font-weight:800;letter-spacing:-.04em}
html body.theme-11 header .navbar-nav .dropdown-menu{border:0;border-top:2px solid var(--bs-primary);border-radius:0;box-shadow:0 14px 30px rgba(0,0,0,.12)}
html body.theme-11.is-main header:not(.is-scrolled){background:transparent}
html body.theme-11:not(.is-main) header,
html body.theme-11.is-main header.is-scrolled{background:#fff;box-shadow:0 1px 0 var(--t-line)}
html body.theme-11.is-main header.is-scrolled,
html body.theme-11:not(.is-main) header{--hdr-h:104px}
@media (max-width:991.98px){html body.theme-11 header .navbar{grid-template-columns:1fr auto;grid-template-areas:"brand toggler";height:68px;padding:0 18px}html body.theme-11 header .navbar-toggler{grid-area:toggler}html body.theme-11 header .link-list{display:none}:root{--hdr-h:68px}html body.theme-11.is-main header:not(.is-scrolled){background:rgba(255,255,255,.7)}}

/* 히어로(주입) */
html body.theme-11 .t11-hero{position:relative;height:var(--t11-hero-h);padding-top:var(--hdr-h);background:var(--t11-sky);display:flex;align-items:center}
html body.theme-11 .t11-hero-in{width:100%;max-width:var(--t11-w);margin:0 auto;padding:0 20px;position:relative;top:24px}
html body.theme-11 .t11-lead{font-size:clamp(18px,2.2vw,32px);font-weight:400;margin:0 0 .4em;color:var(--t-ink)}
html body.theme-11 .t11-title{font-size:clamp(30px,4.6vw,68px);font-weight:700;line-height:1.14;letter-spacing:-.04em;margin:0;color:#1b232d}

/* 히어로(에디터 커버 슬라이드) */
html body.theme-11 .wani-cover-slide-block{position:relative;max-width:none!important;width:100%;margin:0!important;padding:0!important;overflow:hidden;background:var(--t11-sky)}
html body.theme-11 .wani-cover-slide-block .slide-item .cover-slide-img{height:var(--t11-hero-h)!important;min-height:460px}

html body.theme-11 .wani-cover-slide-block .slide-item .cover-overlay {
	height: 100% !important;
	opacity: 1 !important;
	background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .50) 40%, rgba(255, 255, 255, 0)) !important
}
html body.theme-11 .wani-cover-slide-block .slide-item .cover-text{display:flex!important;flex-direction:column;height:var(--t11-hero-h)!important;min-height:460px;padding:var(--hdr-h) max(20px,calc((100% - var(--t11-w)) / 2)) 0;align-items:flex-start;justify-content:center;text-align:left}
html body.theme-11 .wani-cover-slide-block .slide-item .cover-text .card-title{order:2;font-size:clamp(30px,4.6vw,68px)!important;font-weight:700!important;line-height:1.14;letter-spacing:-.04em!important;color:#1b232d!important;text-shadow:none!important;text-align:left;margin:0}
html body.theme-11 .wani-cover-slide-block .slide-item .cover-text .card-text{order:1;font-size:clamp(18px,2.2vw,32px)!important;font-weight:400!important;color:var(--t-ink)!important;text-shadow:none!important;text-align:left;margin:0 0 .4em}
html body.theme-11 .wani-cover-slide-block .slide-item .card-buttons{order:3;margin-top:1.2rem!important}
html body.theme-11 .wani-cover-slide-block .slide-item .card-buttons .btn{color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;background:#fff}
html body.theme-11 .wani-cover-slide-block .slide-item .card-buttons .btn:hover{background:var(--bs-primary);color:#fff!important}
html body.theme-11 .wani-cover-slide-block .slick-prev,
html body.theme-11 .wani-cover-slide-block .slick-next{z-index:5;color:#fff}
html body.theme-11 .wani-cover-slide-block .slick-dots{bottom:110px}

/* 핵심링크 = 히어로에 걸쳐 올라오는 색 타일 */
html body.theme-11 .wani-link-list-block{position:relative;z-index:5;max-width:var(--t11-w);margin:-84px auto 0;padding:0 20px;background:transparent}
html body.theme-11 .wani-link-list-block>.container>.text-center,
html body.theme-11 .wani-link-list-block .container>.text-center{display:none}
html body.theme-11 .wani-link-list-block .container{max-width:none;padding:0}
html body.theme-11 .wani-link-list-block .box-list{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--t-line);background:#fff;box-shadow:0 10px 30px rgba(20,40,80,.1)}
html body.theme-11 .wani-link-list-block .box-list a{flex:1 1 25%;min-width:0;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:10px;min-height:170px;padding:26px 24px;background:#fff;color:var(--t-ink);text-decoration:none;border-right:1px solid var(--t-line);border-bottom:1px solid var(--t-line);transition:filter .2s}
html body.theme-11 .wani-link-list-block .box-list a:hover{filter:brightness(.96)}
html body.theme-11 .wani-link-list-block .box-list a:nth-child(4n+1){background:var(--bs-primary);color:#fff;border-color:transparent}
html body.theme-11 .wani-link-list-block .box-list a:nth-child(4n+3){background:var(--bs-secondary);color:#fff;border-color:transparent}
html body.theme-11 .wani-link-list-block .box-list a:nth-child(5){background:#343a40;color:#fff;border-color:transparent}
html body.theme-11 .wani-link-list-block .box-list a:nth-child(5) .box img{filter:brightness(0) invert(1)}
html body.theme-11 .wani-link-list-block .box-list a:nth-child(4n+1) .box img,
html body.theme-11 .wani-link-list-block .box-list a:nth-child(4n+3) .box img{filter:brightness(0) invert(1)}
html body.theme-11 .wani-link-list-block .box-list a .box{display:flex;width:auto;height:auto;box-shadow:none;background:transparent;flex:none}
html body.theme-11 .wani-link-list-block .box-list .box img{height:58px!important;width:auto;max-width:70px;object-fit:contain}
html body.theme-11 .wani-link-list-block .box-list a div.mt-2{margin:0!important;font-size:clamp(18px,1.6vw,24px);font-weight:700!important;letter-spacing:-.03em;line-height:1.3;color:inherit!important;align-self:flex-start}
@media (max-width:991.98px){html body.theme-11 .wani-link-list-block{margin-top:-40px}html body.theme-11 .wani-link-list-block .box-list a{flex-basis:50%;min-height:120px;padding:18px}}

/* 카드 그리드(waniGridCard) = 사진이 타일을 가득 채우는 배경 이미지 + 어두운 막 위 흰 제목(컴포넌트 본래 모양). 히어로에 걸쳐 올라오는 배치와 폭은 컴포넌트의 단 설정이 정한다 */
html body.theme-11 :has(>.wani-cover-slide-block) + .wani-grid-section{position:relative;z-index:5;margin-top:-84px;padding:0!important}
/*html body.theme-11 .wani-grid-section>.container{max-width:var(--t11-w)}*/
html body.theme-11 .wani-grid-masonry{display:flex!important;flex-wrap:wrap;height:auto!important;margin:0!important;background:#fff;border:1px solid var(--t-line);box-shadow:0 10px 30px rgba(20,40,80,.1)}
html body.theme-11 .wani-grid-masonry .wani-grid-sizer{display:none}
html body.theme-11 .wani-grid-masonry .wani-grid-item{position:static!important;left:auto!important;top:auto!important;padding:0!important;margin:0!important;background:var(--bs-primary)}
html body.theme-11 .wani-grid-masonry .wani-grid-item .card{height:100%;border:0!important;border-radius:0;background:transparent;box-shadow:none!important}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media,
html body.theme-11 .wani-grid-masonry .wani-grid-card-media a{display:block;height:100%}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media a>div,
html body.theme-11 .wani-grid-masonry .wani-grid-card-media>div{position:relative;height:170px}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media img{width:100%!important;height:100%!important;object-fit:cover!important}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media a>div>div{justify-content:flex-start!important;align-items:flex-start!important;padding:26px 24px!important;color:#fff!important}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media a>div>div>div:first-child{font-size:clamp(18px,1.6vw,24px)!important;font-weight:700!important;letter-spacing:-.03em;line-height:1.3!important;text-align:left!important}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media a>div>div>div+div{font-size:14px!important;font-weight:400;opacity:.9;text-align:left!important}
html body.theme-11 .wani-grid-masonry .wani-grid-card-media .btn{display:none}
@media (max-width:991.98px){html body.theme-11 :has(>.wani-cover-slide-block) + .wani-grid-section{margin-top:-40px}html body.theme-11 .wani-grid-masonry .wani-grid-item{flex:0 0 50%;width:50%}html body.theme-11 .wani-grid-masonry .wani-grid-card-media a>div,
html body.theme-11 .wani-grid-masonry .wani-grid-card-media>div{height:120px}html body.theme-11 .wani-grid-masonry .wani-grid-card-media a>div>div{padding:18px!important}}

/* 본문 블록 */
html body.theme-11 :is(.wani-design-slide-block,.wani-cover-slide-block){max-width:var(--t11-w);margin:60px auto;padding:0 20px}
html body.theme-11 :is(.wani-design-slide-block,.wani-cover-slide-block) .cover-slide-img{height:min(40vw,520px)!important}
html body.theme-11 .wani-intro-link-block{padding:70px 0 0}
html body.theme-11 .wani-intro-link-block>.container{max-width:var(--t11-w);padding:0 20px}
html body.theme-11 .wani-intro-link-block>.container>.text-center{text-align:left!important;margin-bottom:28px}
html body.theme-11 .wani-intro-link-block h4{font-size:clamp(26px,3vw,40px);font-weight:700;letter-spacing:-.04em}
html body.theme-11 .wani-intro-link-block h6{font-weight:400;color:var(--t-muted)}
html body.theme-11 .wani-intro-link-list .card{border:1px solid var(--t-line)!important;border-radius:0;box-shadow:none!important}
html body.theme-11 .wani-intro-link-list .card-title{font-weight:700;letter-spacing:-.03em}
html body.theme-11 .wani-intro-link-list .card-text{color:var(--t-muted)!important}
html body.theme-11 .wani-intro-link-list .btn-group .btn{border-radius:0!important}
html body.theme-11 .wani-link-list-bg-block{max-width:var(--t11-w);margin:60px auto 0;padding:0 20px}
html body.theme-11 .wani-link-list-bg-block .bg-wrapper{padding:56px 40px!important;background-color:#eef6ea;border:1px solid var(--t-line)}
html body.theme-11 .wani-link-list-bg-block .overlay{opacity:.45}
html body.theme-11 .wani-link-list-bg-block h4{font-size:clamp(26px,2.8vw,38px);font-weight:700;letter-spacing:-.04em;color:#fff;text-align:left}
html body.theme-11 .wani-link-list-bg-block h6{color:rgba(255,255,255,.9);text-align:left;font-weight:400}
html body.theme-11 .wani-link-list-bg-block .button-list{justify-content:flex-start;flex-wrap:wrap;gap:10px}
html body.theme-11 .wani-link-list-bg-block .button-list a,
html body.theme-11 .wani-link-list-bg-block .button-list button{background:rgba(0,0,0,.25)!important;border:1px solid #fff!important;border-radius:3px;color:#fff!important;padding:.55rem 1.1rem!important;font-weight:500!important;width:auto!important}
html body.theme-11 .wani-link-list-bg-block .button-list a:hover{background:#fff!important;color:var(--t-ink)!important}

/* 최신글 = 테두리 박스, 제목 오른쪽 + */
html body.theme-11 .wani-latest-list-section{padding:0;margin:0 auto;max-width:var(--t11-w);background:#fff}
html body.theme-11 .wani-latest-list-section .container{max-width:none;padding:60px 20px 0}
html body.theme-11 .wani-latest-list-section .board-header{display:flex;align-items:center;justify-content:space-between;border-bottom:0;margin-bottom:10px}
html body.theme-11 .wani-latest-list-section .list-group-item{padding:11px 0;border:0;border-bottom:1px solid var(--t-line);font-size:15px}


/* 서브 */
html body.theme-11 .page-container.sub{padding:calc(var(--hdr-h) + 40px) 20px 90px;background:transparent}
html body.theme-11 .page-container.sub .page-body{background:transparent;padding:0}
html body.theme-11 .page-container.sub .page-header{border-bottom:2px solid var(--t-ink);margin-bottom:34px;padding-bottom:14px}
html body.theme-11 .page-container.sub .page-header h4{font-size:clamp(28px,3.6vw,46px);font-weight:700;letter-spacing:-.04em;text-align:left;margin:0}
html body.theme-11 .board-container{padding-top:calc(var(--hdr-h) + 30px)}
html body.theme-11 .board-container h4{font-weight:700;letter-spacing:-.04em}
html body.theme-11 .card{border-radius:0}

/* 푸터 : 어두운 바탕 */
html body.theme-11 footer{background:#222!important;color:rgba(255,255,255,.75)!important;padding:46px 0!important;margin-top:70px}
html body.theme-11 footer .footer-logo h5,
html body.theme-11 footer h5{color:#fff!important;font-weight:700}
html body.theme-11 footer a{color:rgba(255,255,255,.8)!important}
html body.theme-11 footer small{opacity:.7}