/* Shared approved shell for First 100, PickBox Guide, and PickBox Examples. */
.site-header{--header-accent:#e8f0ea;--header-ink:#000;--header-line:#dedede;--header-paper:#fff;box-sizing:border-box;position:relative;z-index:1000;display:flex;align-items:center;justify-content:space-between;width:100%;height:74px;min-height:74px;margin:0;padding:0 max(40px,calc(50% - 680px));color:var(--header-ink);background:var(--header-paper);border:0;border-bottom:1px solid var(--header-line);box-shadow:none}
.header-icon-link{display:block;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border-radius:13px;transition:opacity .18s,transform .18s}.header-icon-link:hover{opacity:.82;transform:translateY(-1px)}.header-icon-link img{display:block;width:100%;height:100%;object-fit:cover}
.header-menu-wrap{position:relative;margin-left:auto}.header-menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:48px;height:48px;margin:0;padding:0;cursor:pointer;color:var(--header-ink);background:transparent;border:0;border-radius:50%;box-shadow:none;transition:background .18s}.header-menu-button:hover{background:var(--header-accent)}.header-menu-button span{display:block;width:26px;height:2px;background:var(--header-ink);border-radius:99px;transition:transform .22s}.header-menu-button[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.header-menu-button[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.header-menu-button:focus-visible,.header-icon-link:focus-visible{outline:3px solid var(--header-accent);outline-offset:2px}.header-menu-panel{box-sizing:border-box;position:absolute;top:calc(100% + 10px);right:0;z-index:1001;width:310px;padding:13px;color:#e8f0ea;background:#000;border:1px solid rgba(232,240,234,.34);border-radius:20px;box-shadow:0 22px 55px rgba(0,0,0,.2)}.header-menu-panel[hidden]{display:none!important}
.site-header .header-menu-nav{display:grid;gap:3px;color:#e8f0ea}.header-menu-label{display:block;padding:8px 12px 7px;color:#e8f0ea;font-size:9px;font-weight:900;letter-spacing:.18em}.site-header .header-menu-nav a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 13px;color:#e8f0ea;background:transparent;border:0;border-radius:12px;font-size:14px;font-weight:750;text-decoration:none}.site-header .header-menu-nav a:hover,.site-header .header-menu-nav a.is-active{color:#e8f0ea;background:rgba(232,240,234,.14)}.site-header .header-menu-nav a.is-active:after{width:6px;height:6px;content:"";background:#e8f0ea;border-radius:50%}
.header-menu-divider{height:1px;margin:11px 4px 3px;background:rgba(232,240,234,.34)}.header-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.header-language-grid a{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 10px;color:#e8f0ea;background:transparent;border:1px solid rgba(232,240,234,.34);border-radius:11px;font-size:12px;font-weight:700;text-decoration:none}.header-language-grid a:hover,.header-language-grid a.is-active{color:#e8f0ea;background:rgba(232,240,234,.14);border-color:rgba(232,240,234,.34)}.header-language-grid small{color:#e8f0ea;font-size:9px;letter-spacing:.06em;opacity:1}.header-menu-nav a:focus-visible,.header-language-grid a:focus-visible{outline:2px solid #e8f0ea;outline-offset:-2px}
.site-footer{box-sizing:border-box;position:relative;width:100%;margin:0;padding:54px 32px 50px;color:#173f32;text-align:center;background:#fff;border:0;border-top:1px solid rgba(25,79,59,.14);border-radius:0;box-shadow:none;font-family:"Noto Sans KR","Apple SD Gothic Neo",Inter,Arial,sans-serif}.site-footer .footer-brand-line{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 0 24px}.site-footer .footer-brand-line>span{margin:0;color:#273c34;font-size:14px}.site-footer .footer-picktube{color:#173f32;font:italic 800 30px/1 Arial,Helvetica,sans-serif;letter-spacing:-1.7px}.site-footer .footer-junglehuman{display:block;width:200px;height:32px;color:#173f32}.site-footer .footer-junglehuman svg{display:block;width:100%;height:100%;overflow:visible}.site-footer .footer-junglehuman text{fill:currentColor;font-family:"Zen Dots",cursive;font-size:36px;font-style:normal;font-weight:400;letter-spacing:0}.site-footer .footer-site-link{display:inline-block;margin-bottom:13px;color:#173f32;font-size:15px;font-weight:700}.site-footer .footer-contact{margin:0 0 17px;color:#172b24;font-size:14px}.site-footer .footer-contact a{color:inherit;font-weight:700}.site-footer .footer-policy-links{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 21px;color:#173f32;font-size:13px;font-weight:700}.site-footer .footer-policy-links span{color:#9aa7a1}.site-footer small{display:block;color:#4e5f58;font-size:12px}.site-footer small b{font-style:italic}.site-footer a{text-decoration:none;transition:opacity .18s}.site-footer a:hover{opacity:.62}
.site-footer .back-to-top{display:grid;place-items:center;position:absolute;right:max(22px,calc(50% - 590px));bottom:40px;width:48px;height:48px;margin:0;padding:0;color:#000;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:22px;line-height:1}.site-footer .back-to-top:hover{color:#000;background:transparent;box-shadow:none;opacity:.62;transform:none}.site-footer .back-to-top:focus-visible{outline:2px solid #e8f0ea;outline-offset:2px}
@media(max-width:1100px){.site-header{padding-inline:clamp(32px,3.64vw,40px)}}
@media(max-width:560px){.site-header{height:64px;min-height:64px;padding:0 22px}.header-icon-link{flex-basis:40px;width:40px;height:40px;border-radius:12px}.header-menu-button{width:44px;height:44px}.header-menu-button span{width:24px}.header-menu-panel{top:calc(100% + 8px);right:0;width:min(310px,calc(100vw - 44px));border-radius:18px}.site-footer{padding:42px 20px 44px}.site-footer .footer-brand-line{gap:10px;margin-bottom:22px}.site-footer .footer-picktube{font-size:25px}.site-footer .footer-junglehuman{width:155px;height:25px}.site-footer .footer-brand-line>span{font-size:12px}.site-footer .footer-site-link{font-size:14px}.site-footer .footer-contact{font-size:13px}.site-footer .footer-policy-links{font-size:12px}.site-footer small{font-size:11px}.site-footer .back-to-top{position:static;width:44px;height:44px;margin:26px auto 0}}