:root{
	--mz-bg:#ffffff;
	--mz-surface:#f4f4f6;
	--mz-ink:#17181c;
	--mz-muted:#5e626b;
	--mz-line:#e6e7ea;
	--mz-accent:#c1185b;
	--mz-accent-deep:#9c1450;

	--mz-display:"Syne","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
	--mz-sans:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;

	--mz-wide:1180px;
	--mz-text:820px;

	--mz-fs-body:1.05rem;
	--mz-lh-body:1.8;
}

html{
	-webkit-text-size-adjust:100%;
	background:var(--mz-bg);
}

body{
	margin:0;
	padding:0;
	background:var(--mz-bg);
	color:var(--mz-ink);
	font-family:var(--mz-sans);
	font-size:var(--mz-fs-body);
	line-height:var(--mz-lh-body);
	word-break:keep-all;
	overflow-wrap:break-word;
}

a{
	color:var(--mz-accent);
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:1px;
	transition:color .18s ease;
}
a:hover{
	color:var(--mz-accent-deep);
}

img{
	max-width:100%;
	height:auto;
}

figure{
	margin:1.8rem 0;
}
figcaption{
	font-family:var(--mz-sans);
	font-size:.85rem;
	color:var(--mz-muted);
	margin-top:.5rem;
}

.mz-container{
	max-width:var(--mz-wide);
	margin:0 auto;
	padding:0 24px;
}

.mz-main{
	max-width:var(--mz-text);
	margin:0 auto;
	padding:3rem 24px 1rem;
}

.mz-shell{
	max-width:var(--mz-wide);
	margin:0 auto;
	padding:3rem 24px 1rem;
	display:flex;
	gap:56px;
	align-items:flex-start;
}
.mz-primary{
	flex:1 1 auto;
	min-width:0;
}
.mz-sidebar{
	flex:0 0 300px;
	width:300px;
	font-family:var(--mz-sans);
}

.mz-widget{
	margin-bottom:2.4rem;
	padding-bottom:2.4rem;
	border-bottom:1px solid var(--mz-line);
}
.mz-widget:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.mz-widget-title{
	display:inline-block;
	font-family:var(--mz-sans);
	font-size:.78rem;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--mz-ink);
	margin:0 0 1.1rem;
	padding-bottom:.5rem;
	border-bottom:2px solid var(--mz-accent);
}
.mz-cat-list,
.mz-recent-list{
	list-style:none;
	margin:0;
	padding:0;
}
.mz-cat-list li{
	display:flex;
	justify-content:space-between;
	gap:.6rem;
	margin-bottom:.65rem;
	font-size:.92rem;
}
.mz-cat-list a{
	color:var(--mz-ink);
	text-decoration:none;
}
.mz-cat-list a:hover{
	color:var(--mz-accent);
}
.mz-cat-count{
	color:var(--mz-muted);
	font-size:.8rem;
	font-variant-numeric:tabular-nums;
}
.mz-recent-list li{
	margin-bottom:1.1rem;
	padding-bottom:1.1rem;
	border-bottom:1px solid var(--mz-line);
}
.mz-recent-list li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.mz-recent-cat{
	font-size:.68rem;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--mz-accent);
	margin-bottom:.3rem;
}
.mz-recent-list a{
	display:block;
	color:var(--mz-ink);
	text-decoration:none;
	font-size:.95rem;
	font-weight:500;
	line-height:1.45;
}
.mz-recent-list a:hover{
	color:var(--mz-accent);
}

.mz-site-header{
	background:var(--mz-bg);
	border-bottom:1px solid var(--mz-line);
	padding:1.7rem 0;
}
.mz-site-header .mz-container{
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:20px;
	flex-wrap:wrap;
}
.mz-brand{
	font-family:var(--mz-display);
	font-size:1.7rem;
	font-weight:800;
	letter-spacing:-.01em;
	color:var(--mz-ink);
	text-decoration:none;
	line-height:1;
}
.mz-brand:hover{
	color:var(--mz-ink);
}
.mz-brand-sub{
	display:block;
	font-family:var(--mz-display);
	font-size:.66rem;
	font-weight:600;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--mz-muted);
	margin-top:.5rem;
}

.mz-nav{
	display:flex;
	gap:1.6rem;
	flex-wrap:wrap;
}
.mz-nav a{
	font-family:var(--mz-sans);
	font-size:.8rem;
	font-weight:600;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--mz-ink);
	text-decoration:none;
	padding-bottom:.15rem;
	border-bottom:1px solid transparent;
}
.mz-nav a:hover,
.mz-nav .current-menu-item a{
	color:var(--mz-accent);
	border-bottom-color:var(--mz-accent);
}

.mz-list{
	list-style:none;
	margin:0;
	padding:0;
}
.mz-list-item{
	padding-bottom:3rem;
	margin-bottom:3rem;
	border-bottom:1px solid var(--mz-line);
}
.mz-list-item:last-child{
	border-bottom:none;
	margin-bottom:0;
}
.mz-list-cat{
	font-family:var(--mz-sans);
	font-size:.72rem;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	margin-bottom:.7rem;
}
.mz-list-cat a{
	color:var(--mz-accent);
	text-decoration:none;
}
.mz-list-cat a:hover{
	color:var(--mz-accent-deep);
}
.mz-list-title{
	font-family:var(--mz-sans);
	font-size:clamp(1.5rem,2.4vw,1.95rem);
	line-height:1.28;
	font-weight:700;
	letter-spacing:-.01em;
	margin:0 0 1rem;
}
.mz-list-title a{
	color:var(--mz-ink);
	text-decoration:none;
}
.mz-list-title a:hover{
	color:var(--mz-accent);
}
.mz-list-excerpt{
	font-size:var(--mz-fs-body);
	line-height:var(--mz-lh-body);
	color:var(--mz-muted);
}
.mz-list-excerpt p{
	margin:0 0 1rem;
}
.mz-list-more{
	display:inline-block;
	margin-top:1.2rem;
	font-family:var(--mz-sans);
	font-size:.74rem;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--mz-accent);
	text-decoration:none;
}
.mz-list-more:after{
	content:" \2197";
}
.mz-list-more:hover{
	color:var(--mz-accent-deep);
}

.mz-article-header{
	margin-bottom:2.4rem;
}
.mz-kicker{
	font-family:var(--mz-sans);
	font-size:.74rem;
	font-weight:700;
	letter-spacing:.12em;
	text-transform:uppercase;
	margin-bottom:.9rem;
}
.mz-kicker a{
	color:var(--mz-accent);
	text-decoration:none;
}
.mz-kicker a:hover{
	color:var(--mz-accent-deep);
}
.mz-article-title{
	font-family:var(--mz-sans);
	font-size:clamp(1.9rem,3.2vw,2.6rem);
	line-height:1.2;
	font-weight:800;
	letter-spacing:-.02em;
	color:var(--mz-ink);
	margin:0;
}

.mz-content{
	font-size:var(--mz-fs-body);
	line-height:var(--mz-lh-body);
}
.mz-content h2{
	font-family:var(--mz-sans);
	font-size:1.5rem;
	font-weight:700;
	line-height:1.3;
	margin:2.4rem 0 1rem;
	color:var(--mz-ink);
}
.mz-content h3{
	font-family:var(--mz-sans);
	font-size:1.2rem;
	font-weight:700;
	margin:1.8rem 0 .8rem;
	color:var(--mz-ink);
}
.mz-content p{
	margin:0 0 1.3rem;
}
.mz-content ul,
.mz-content ol{
	margin:0 0 1.3rem;
	padding-left:1.5rem;
}
.mz-content blockquote{
	margin:1.8rem 0;
	padding-left:1.3rem;
	border-left:2px solid var(--mz-accent);
	color:var(--mz-muted);
}

.mz-content .mimi-container > h2:first-child,
.mz-list-excerpt .mimi-container > h2:first-child{
	display:none;
}

.mz-page-title{
	font-family:var(--mz-sans);
	font-size:clamp(1.9rem,3.2vw,2.6rem);
	line-height:1.2;
	font-weight:800;
	letter-spacing:-.02em;
	color:var(--mz-ink);
	margin:0 0 2rem;
	padding-bottom:1.2rem;
	border-bottom:1px solid var(--mz-line);
}

.mz-search-form{
	display:flex;
	gap:.6rem;
	margin:0 0 2.6rem;
}
.mz-search-form input[type="search"]{
	flex:1;
	font-family:var(--mz-sans);
	font-size:1rem;
	padding:.65rem .85rem;
	border:1px solid var(--mz-line);
	background:var(--mz-bg);
	color:var(--mz-ink);
	border-radius:2px;
}
.mz-search-form input[type="search"]:focus{
	outline:none;
	border-color:var(--mz-accent);
}
.mz-search-form button{
	font-family:var(--mz-sans);
	font-size:.8rem;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	padding:.65rem 1.3rem;
	background:var(--mz-ink);
	color:#ffffff;
	border:none;
	cursor:pointer;
	border-radius:2px;
	transition:background .18s ease;
}
.mz-search-form button:hover{
	background:var(--mz-accent);
}

.mz-404{
	text-align:center;
	padding:3rem 0;
}
.mz-404 h1{
	font-family:var(--mz-sans);
	font-size:clamp(1.8rem,3vw,2.4rem);
	font-weight:800;
	letter-spacing:-.02em;
	color:var(--mz-ink);
	margin:0 0 1rem;
}
.mz-404 p{
	color:var(--mz-muted);
	margin:0 0 2rem;
}

.mz-pagination{
	display:flex;
	justify-content:space-between;
	gap:1rem;
	margin:3rem 0 0;
	padding-top:2rem;
	border-top:1px solid var(--mz-line);
	font-family:var(--mz-sans);
	font-size:.78rem;
	font-weight:700;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.mz-pagination a{
	color:var(--mz-ink);
	text-decoration:none;
}
.mz-pagination a:hover{
	color:var(--mz-accent);
}

.mz-site-footer{
	background:var(--mz-surface);
	border-top:1px solid var(--mz-line);
	margin-top:4rem;
	padding:2.8rem 0;
	color:var(--mz-muted);
}
.mz-footer-brand{
	font-family:var(--mz-display);
	font-size:1.25rem;
	font-weight:800;
	letter-spacing:-.01em;
	color:var(--mz-ink);
	margin-bottom:.5rem;
}
.mz-footer-sub{
	font-family:var(--mz-sans);
	font-size:.85rem;
	color:var(--mz-muted);
	margin:0 0 1.2rem;
	max-width:52ch;
}
.mz-footer-links{
	display:flex;
	gap:1.4rem;
	flex-wrap:wrap;
	margin-bottom:1.2rem;
}
.mz-footer-links a{
	font-family:var(--mz-sans);
	font-size:.76rem;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:var(--mz-ink);
	text-decoration:none;
}
.mz-footer-links a:hover{
	color:var(--mz-accent);
}
.mz-footer-copy{
	font-family:var(--mz-sans);
	font-size:.78rem;
	color:var(--mz-muted);
	padding-top:1.2rem;
	border-top:1px solid var(--mz-line);
}

@media (max-width:920px){
	.mz-main{
		padding-top:2.4rem;
	}
	.mz-shell{
		flex-direction:column;
		gap:2.6rem;
		padding-top:2.4rem;
	}
	.mz-sidebar{
		flex-basis:auto;
		width:100%;
	}
	.mz-site-header .mz-container{
		flex-direction:column;
		align-items:flex-start;
		gap:1rem;
	}
	.mz-nav{
		gap:1.2rem;
	}
}

@media (max-width:600px){
	body{
		font-size:1rem;
	}
	.mz-container{
		padding:0 18px;
	}
	.mz-main{
		padding-left:18px;
		padding-right:18px;
	}
	.mz-shell{
		padding-left:18px;
		padding-right:18px;
	}
	.mz-list-item{
		padding-bottom:2.4rem;
		margin-bottom:2.4rem;
	}
}

.mz-rv{
	opacity:0;
	transform:translateY(12px);
	transition:opacity .5s ease,transform .5s ease;
}
.mz-rv.on{
	opacity:1;
	transform:none;
}

@media (prefers-reduced-motion:reduce){
	.mz-rv{
		opacity:1;
		transform:none;
		transition:none;
	}
}