/*!
 * SLUR CSS
 * Copyright (c) 2016–2026 SLUR
 * Licensed under the MIT License
 */
/* layout.css
 * Layout structure only.
 * Page-level and region layout rules (header, footer, grid, wrapper).
 *
 * 레이아웃 구조 전용 파일입니다.
 * 페이지 및 영역 단위 레이아웃 규칙만 정의합니다. (header, footer, grid, wrapper)
 */
.layout_wrap {max-width: 720px; margin: 0 auto;}

.layout_header {padding: 0 24px; position: sticky; top: 0; backdrop-filter:blur(4px); z-index: 100;}
.layout_header::after {content: ''; width: 100%; height: 36px; background: linear-gradient(to bottom,var(--color-bg-default),transparent); position: absolute; left: 0; top: 10px; z-index: -1;}
.layout_header::before {content: ''; width: 100%; height: 10px; background-color: var(--color-bg-default); position: absolute; left: 0; top: 0; z-index: -1;}
.layout_header .l_inner {height: 56px; text-align: center;}
.layout_header .l_logo {display: flex; height: 100%; align-items: center; justify-content: center;}
.layout_header .l_logo img {height: 20px;}

.layout_footer {padding: 24px;}
.layout_footer .l_logo {margin-bottom: 16px;}
.layout_footer .L_nav {display: flex; margin-bottom: 20px; gap: 24px;}
.layout_footer .l_copyright {font-size: var(--font-size-sm); color: var(--color-text-secondary);}