/* Shared website navigation and type. Also loaded by standalone reading guides. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
body{font-family:'Pretendard Variable',Pretendard,'Malgun Gothic',sans-serif}
.site-header{position:sticky;top:0;z-index:80;height:88px;background:#fff;border-bottom:1px solid #e5e3df;box-shadow:none}
.site-header .header-inner{width:min(1200px,calc(100% - 64px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .wordmark,.site-footer .wordmark{display:inline-flex;flex-shrink:0;text-decoration:none}
.site-header .wordmark img,.site-footer .wordmark img{width:146px;height:64px;object-fit:contain;margin:0}
.site-header #navigation{display:flex;align-items:center;gap:22px;font-size:15px;font-weight:700;line-height:1.4}
.site-header #navigation a{position:relative;color:#252525;text-decoration:none;white-space:nowrap;padding:10px 0}
.site-header #navigation a.active:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#c63030}
.site-header #navigation .nav-contact{background:#222;color:#fff;border-radius:6px;padding:12px 16px}
.site-header .menu-toggle{display:none;background:white;border:1px solid #bbb;border-radius:5px;color:#222;padding:10px 12px;font:inherit}
.site-footer{background:#f4f3f0;border-top:1px solid #ddd;padding:42px 0 22px;color:#333;font-size:15px;line-height:1.7}
.site-footer .footer-top,.site-footer .footer-bottom{width:min(1200px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;gap:30px;align-items:center}
.site-footer .footer-top p{margin:0}.site-footer .footer-top>div{display:flex;flex-wrap:wrap;gap:18px}.site-footer a{color:#333;text-decoration:none}.site-footer .footer-bottom{border-top:1px solid #ddd;padding-top:20px;margin-top:32px;font-size:13px}
@media(max-width:1050px){.site-header{height:76px}.site-header .header-inner{width:calc(100% - 32px)}.site-header .wordmark img{width:130px;height:58px}.site-header .menu-toggle{display:block}.site-header #navigation{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px 24px;box-shadow:0 12px 20px #0001;align-items:stretch;gap:4px}.site-header #navigation.open{display:flex;flex-direction:column}.site-header #navigation a{padding:12px}.site-footer .footer-top,.site-footer .footer-bottom{width:calc(100% - 40px);align-items:flex-start;flex-direction:column;gap:18px}}
@media print{.site-header,.site-footer,.guide-utility,.reading-path{display:none!important}}