/* ===== 위에드 사이트 공통 스타일 =====
   기본 글자 크기, 상단 헤더는 여기서만 수정하세요. 수정 후 이 파일 1개만 업로드하면 전 페이지에 적용됩니다. */
html{font-size:21px}

/* ==== 통일 헤더 (전 페이지 공통) ==== */
html{overflow-y:scroll}
header{border-bottom:1px solid var(--line);background:#fff;position:relative;top:auto}
.nav{max-width:1000px;display:flex;align-items:center;flex-wrap:nowrap;gap:16px;height:64px;padding:0 18px;margin:0 auto}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:28px;width:auto;display:block}
.menu{display:flex;gap:17px;font-size:15px;font-weight:500;margin-left:auto;align-items:center;flex-wrap:nowrap}
.menu a{color:var(--ink2);text-decoration:none;white-space:nowrap}
.menu a:hover{color:var(--brand)}
.navcta{flex:0 0 auto;display:inline-flex;align-items:center;background:var(--naver);color:#fff;font-weight:700;font-size:14px;padding:8px 16px;border-radius:99px;text-decoration:none;margin-left:0;box-shadow:0 2px 8px rgba(3,199,90,.28);white-space:nowrap}
.navcta:hover{background:#02b04f}
.menu-t{display:none}
.menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;cursor:pointer;flex:0 0 auto;background:#fff}
.menu-btn span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
@media(max-width:960px){
.menu{display:none}
.menu-btn{display:flex}
.navcta{margin-left:auto}
.menu-t:checked ~ .menu{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:6px 18px 14px;gap:0;z-index:40;box-shadow:0 12px 24px rgba(17,24,32,.08)}
.menu-t:checked ~ .menu a{padding:12px 2px;border-bottom:1px solid var(--soft);font-size:16px}
.menu-t:checked ~ .menu a:last-child{border-bottom:0}
}