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

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

/* ===== 테마 7 — 다크 히어로 + 분할 섹션형 =====
 * 메인 첫 화면은 어두운 풀스크린 히어로(큰 얇은 글씨), 이후 이미지/글 50:50 교차 섹션.
 * 크림 바탕 + 포인트색(--bs-primary). 우측 하단 둥근 바로가기 버튼 2개(theme.js 가 메뉴에서 찾아 연결). */
:root{--t-bg:#f4f0ec;--t-ink:#2b2724;--t-muted:#8d857d;--t-line:rgba(43,39,36,.14);--hdr-h:84px}
html body.theme-7 header{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s,color .3s}

html body.theme-7 header .navbar {
	position: static;
	height: var(--hdr-h);
	padding: 0 5vw;
	display: grid;
	grid-template-columns:auto 1fr auto;
	align-items: center;
	column-gap: 30px;
	width: 100%;
	border-bottom: 1px solid #fff2;
}
html body.theme-7 header .navbar-collapse{justify-content:center}
html body.theme-7 header .navbar-nav .dropdown-toggle::after{display:none}
html body.theme-7 header .navbar-nav .nav-item{padding:0 6px}

html body.theme-7 header .navbar-nav .nav-link {
	font-size: 20px !important;
	font-weight: 300;
	padding: .5rem .6rem;
	letter-spacing: -.01em;
	color: var(--t-ink) !important
}
html body.theme-7 header .navbar-brand,
html body.theme-7 header .navbar-toggler,
html body.theme-7 header .link-list ul li a{color:var(--t-ink)!important}
html body.theme-7 header .link-list ul li a {
	font-size: 16px !important;
	font-weight: 300;
	display: flex;
	flex-direction: column;
}
/*html body.theme-7 header .link-list ul li a i{display:none}*/
html body.theme-7 header .navbar-nav .dropdown-menu{border:0;background:var(--t-bg);box-shadow:0 14px 34px rgba(0,0,0,.1);padding:.7rem 0}
/* 메인 맨 위: 투명 + 흰 글씨 */
html body.theme-7.is-main header:not(.is-scrolled){background:transparent}
html body.theme-7.is-main header:not(.is-scrolled) .navbar-nav .nav-link,
html body.theme-7.is-main header:not(.is-scrolled) .navbar-brand,
html body.theme-7.is-main header:not(.is-scrolled) .navbar-toggler,
html body.theme-7.is-main header:not(.is-scrolled) .link-list ul li a{color:#fff!important}
/*html body.theme-7.is-main header:not(.is-scrolled) #logoArea img{filter:brightness(0) invert(1)}*/
html body.theme-7 body:not(.is-main) header,
html body.theme-7.is-main header.is-scrolled{background:var(--t-bg);box-shadow:0 1px 0 var(--t-line)}

@media (max-width: 991.98px) {
	html body.theme-7 header .navbar {
		grid-template-columns:1fr auto;
		height: 68px;
		padding: 0 20px
	}

	html body.theme-7 .t7-float {
		display: none
	}

	:root {
		--hdr-h: 68px
	}
}

/* 우측 하단 둥근 버튼 */
html body.theme-7 .t7-float{position:fixed;right:22px;bottom:96px;z-index:55;display:flex;flex-direction:column;gap:12px}
html body.theme-7 .t7-float[hidden]{display:none}
html body.theme-7 .t7-float a{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.25;color:#fff;background:#4f4a46;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .2s}
html body.theme-7 .t7-float a:hover{transform:translateY(-3px)}
html body.theme-7 .t7-float a.is-primary{background:var(--bs-primary)}

/* --- 히어로 (theme.js 주입) --- */
html body.theme-7 .t7-hero{position:relative;min-height:max(100vh,640px);display:flex;align-items:center;justify-content:center;text-align:center;color:#e6ddd5;background:#161412 url(../images/hero.jpg) center/cover no-repeat;overflow:hidden}
html body.theme-7 .t7-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,14,.72),rgba(18,16,14,.55) 45%,rgba(18,16,14,.85))}
html body.theme-7 .t7-hero-in{position:relative;z-index:2;padding:0 6vw}
html body.theme-7 .t7-kicker{font-size:15px;letter-spacing:.32em;text-transform:uppercase;opacity:.75;margin:0 0 3vh}
html body.theme-7 .t7-title{font-size:clamp(54px,11vw,184px);font-weight:200;line-height:1.02;letter-spacing:-.045em;margin:0;color:#e9e0d8;word-break:keep-all}
html body.theme-7 .t7-desc{margin:4vh auto 0;max-width:640px;font-size:clamp(15px,1.4vw,19px);font-weight:300;line-height:1.7;opacity:.82}
html body.theme-7 .t7-scroll{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);z-index:2;font-size:13px;letter-spacing:.14em;opacity:.7;text-align:center}
html body.theme-7 .t7-scroll::before{content:'';display:block;width:1px;height:46px;background:#fff;margin:0 auto 12px;animation:t7line 1.8s ease-in-out infinite}
@keyframes t7line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
html body.theme-7 .t7-statement{padding:18vh 6vw;text-align:center;background:#fff}
html body.theme-7 .t7-statement p{margin:0 auto;max-width:760px;font-size:clamp(22px,2.6vw,36px);font-weight:300;line-height:1.55;color:var(--t-ink)}
html body.theme-7 .t7-statement p strong{font-weight:600}

/* --- 에디터 커버 슬라이드(waniCoverSlide) = 히어로 모양 --- */
html body.theme-7 .wani-cover-slide-block{position:relative;background:#161412;color:#e6ddd5;overflow:hidden;max-width:none!important;width:100%;margin:0!important;padding:0!important}
html body.theme-7 .wani-cover-slide-block .slide-item .cover-slide-img{min-height:max(100vh,640px);height:max(100vh,640px)!important}
html body.theme-7 .wani-cover-slide-block .slide-item .cover-text{min-height:max(100vh,640px);height:max(100vh,640px)!important;align-items:center;justify-content:center;text-align:center;padding:0 6vw}
html body.theme-7 .wani-cover-slide-block .slide-item .cover-overlay{height:100%!important;opacity:1!important;background:linear-gradient(180deg,rgba(18,16,14,.72),rgba(18,16,14,.55) 45%,rgba(18,16,14,.85))!important}
html body.theme-7 .wani-cover-slide-block .slide-item .cover-text::before{content:'Welcome';display:block;font-size:15px;letter-spacing:.32em;text-transform:uppercase;opacity:.75;margin:0 0 3vh}
html body.theme-7 .wani-cover-slide-block .slide-item .cover-text .card-title{font-size:clamp(40px,7.2vw,112px)!important;font-weight:200!important;line-height:1.08;letter-spacing:-.045em!important;margin:0;color:#e9e0d8!important;text-shadow:none!important;word-break:keep-all;text-align:center}
html body.theme-7 .wani-cover-slide-block .slide-item .cover-text .card-text{margin:4vh auto 0;max-width:640px;font-size:clamp(15px,1.4vw,19px)!important;font-weight:300!important;line-height:1.7;opacity:.82;color:#e6ddd5!important;text-shadow:none!important;text-align:center}
html body.theme-7 .wani-cover-slide-block .slick-dots{bottom:112px}
html body.theme-7 .wani-cover-slide-block .slick-dots li button::before{color:#fff!important;opacity:.45}
html body.theme-7 .wani-cover-slide-block .slick-dots li.slick-active button::before{opacity:1}
html body.theme-7 .wani-cover-slide-block::before{content:'';position:absolute;left:50%;bottom:62px;width:1px;height:46px;background:#fff;z-index:3;pointer-events:none;animation:t7line 1.8s ease-in-out infinite}
html body.theme-7 .wani-cover-slide-block::after{content:'Scroll Down';position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;font-size:13px;letter-spacing:.14em;opacity:.7;color:#fff;pointer-events:none}

/* --- 본문 블록 --- */
html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block){max-width:1240px;margin:12vh auto;padding:0 5vw}
html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block) .cover-slide-img{height:min(46vw,620px)!important}
html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block) .slick-prev,
html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block) .slick-next{background:rgba(43,39,36,.8);border-radius:50%;width:44px;height:44px;color:#fff;z-index:5}
html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block) .slick-prev{left:12px}html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block) .slick-next{right:12px}
html body.theme-7 :is(.wani-design-slide-block,.wani-cover-slide-block) .slick-dots li button::before{color:var(--t-ink)}
html body.theme-7 .wani-link-list-block{background:var(--t-bg);padding:8vh 5vw}
html body.theme-7 .wani-link-list-block h4{font-size:clamp(26px,3vw,40px);font-weight:300;letter-spacing:-.03em}
html body.theme-7 .wani-link-list-block h6{font-size:16px;font-weight:300;color:var(--t-muted)!important}
html body.theme-7 .wani-link-list-block .box-list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
html body.theme-7 .wani-link-list-block .box-list a{flex-direction:row;align-items:center;gap:10px;padding:10px 26px 10px 18px;border:1px solid var(--t-ink);border-radius:999px;transition:.2s}
html body.theme-7 .wani-link-list-block .box-list a .box{display:flex;width:auto;height:auto;max-width:none;box-shadow:none;background:transparent}
html body.theme-7 .wani-link-list-block .box-list .box img{height:26px!important;width:26px}
html body.theme-7 .wani-link-list-block .box-list a div.mt-2{margin:0!important;padding:0;font-size:16px;font-weight:300!important;color:var(--t-ink)!important;transition:.2s}
html body.theme-7 .wani-link-list-block .box-list a:hover{background:var(--t-ink)}
html body.theme-7 .wani-link-list-block .box-list a:hover div.mt-2{color:#fff!important}
html body.theme-7 .wani-link-list-block .box-list a:hover .box img{filter:invert(1)}

html body.theme-7 .wani-intro-link-block{background:var(--t-bg);padding:12vh 0 0}
html body.theme-7 .wani-intro-link-block>.container>.text-center{padding:0 5vw 10vh}
html body.theme-7 .wani-intro-link-block h4{font-size:clamp(30px,4vw,56px);font-weight:200;letter-spacing:-.04em}
html body.theme-7 .wani-intro-link-block h6{font-weight:300;color:var(--t-muted);font-size:17px}
html body.theme-7 .wani-intro-link-block .container{max-width:none;padding:0}
html body.theme-7 .wani-intro-link-list{display:block!important;margin:0!important;padding:0!important}
html body.theme-7 .wani-intro-link-list .wani-intro-link-slide-item{display:block;padding:0!important}
html body.theme-7 .wani-intro-link-list .card{display:grid;grid-template-columns:1fr 1fr;min-height:min(46vw,640px);border:0!important;border-radius:0;background:var(--t-bg);box-shadow:none!important}
html body.theme-7 .wani-intro-link-list .card>.position-relative{height:100%;min-height:360px}
html body.theme-7 .wani-intro-link-list .card-img-top{height:100%!important;width:100%;border-radius:0;object-fit:cover}
html body.theme-7 .wani-intro-link-list .card-body{display:flex;flex-direction:column;justify-content:center;padding:6vw}
html body.theme-7 .wani-intro-link-list .wani-intro-link-slide-item:nth-child(even) .card>.position-relative{order:2}
html body.theme-7 .wani-intro-link-list .card-title{font-size:clamp(28px,3.2vw,46px);font-weight:300;letter-spacing:-.04em;margin-bottom:1rem}
html body.theme-7 .wani-intro-link-list .card-text{font-size:17px;font-weight:300;color:var(--t-muted)!important;line-height:1.7}
html body.theme-7 .wani-intro-link-list .btn-group{width:auto!important;margin-top:28px}
html body.theme-7 .wani-intro-link-list .btn-group .btn{flex:none;border:0;border-bottom:1px solid var(--bs-primary);border-radius:0!important;background:transparent;color:var(--bs-primary);padding:0 0 4px;font-size:16px;font-weight:300}
html body.theme-7 .wani-intro-link-list .btn-group .btn:not(:first-child){display:none}
@media (max-width:991.98px){html body.theme-7 .wani-intro-link-list .card{grid-template-columns:1fr}html body.theme-7 .wani-intro-link-list .wani-intro-link-slide-item:nth-child(even) .card>.position-relative{order:0}}
html body.theme-7 .wani-intro-link-block .btn-danger{border-radius:999px}

html body.theme-7 .wani-link-list-bg-block .bg-wrapper{padding:16vh 5vw!important}
html body.theme-7 .wani-link-list-bg-block .overlay{opacity:.55}
html body.theme-7 .wani-link-list-bg-block h4{font-size:clamp(30px,4vw,56px);font-weight:200;color:#fff;letter-spacing:-.04em}
html body.theme-7 .wani-link-list-bg-block h6{color:rgba(255,255,255,.8);font-weight:300}
html body.theme-7 .wani-link-list-bg-block .button-list{justify-content:center;flex-wrap:wrap}
html body.theme-7 .wani-link-list-bg-block .button-list a,
html body.theme-7 .wani-link-list-bg-block .button-list button{background:transparent!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:999px;color:#fff!important;padding:.8rem 2rem!important;font-weight:300!important;width:auto!important;min-width:220px}
html body.theme-7 .wani-link-list-bg-block .button-list a:hover{background:#fff!important;color:#2b2724!important}

html body.theme-7 .wani-latest-list-section{padding:14vh 5vw;background:var(--t-bg)}
html body.theme-7 .wani-latest-list-section .container{max-width:1240px}
html body.theme-7 .wani-latest-list-section .board-header{border-bottom:1px solid var(--t-ink)}
html body.theme-7 .wani-latest-list-section .board-header h5{font-size:28px;font-weight:300;letter-spacing:-.03em}
html body.theme-7 .wani-latest-list-section .list-group-item{padding:15px 0;border-color:var(--t-line);font-weight:300}
html body.theme-7 .wani-latest-list-section .ratio{border-radius:0}

/* 서브 페이지 */
html body.theme-7 .page-container.sub{padding:calc(var(--hdr-h) + 7vh) 5vw 12vh;background:transparent}
html body.theme-7 .page-container.sub .page-body{background:transparent;padding:0}
html body.theme-7 .page-container.sub .page-header h4{font-size:clamp(34px,4.6vw,64px);font-weight:200;letter-spacing:-.04em;text-align:left}
html body.theme-7 .board-container{padding-top:calc(var(--hdr-h) + 4vh)}
html body.theme-7 .board-container h4{font-size:clamp(30px,4vw,52px);font-weight:200;letter-spacing:-.04em}
html body.theme-7 .breadcrumb{font-size:13px;color:var(--t-muted)}
html body.theme-7 .card{border-radius:0}

html body.theme-7 footer{background:#ebe5df;color:#6f6862;padding:7vh 5vw;margin-top:0}
html body.theme-7 footer .container{max-width:1240px;padding:0}
html body.theme-7 footer h5{font-size:15px;font-weight:600;color:var(--t-ink)}
html body.theme-7 footer p,
html body.theme-7 footer small{font-size:13px;color:#7b746d}
html body.theme-7 footer a{color:#6f6862;text-decoration:none}
html body.theme-7 footer .text-warning{color:var(--bs-primary)!important}