/* 홈·테마 페이지용 새 상단 (school.css·landing.css·mobile-parity.css에서 상단 규칙만 뽑음) 2026-11-06 */
.site-header { max-width: 1540px; margin: 0px auto; height: 92px; display: flex; align-items: center; gap: 48px; padding: 0px; }
.site-logo { display: flex; align-items: center; }
.site-logo img { width: auto; max-width: 100px; }
.site-header nav { display: flex; gap: 30px; align-items: center; font-size: 15px; font-weight: 500; }
@media (max-width: 1600px){.site-header { padding: 0px 5%; gap: 30px; }}
@media (max-width: 1600px){.site-header nav { gap: 24px; }}
@media (max-width: 1320px){.site-header nav { font-size: 13px; gap: 20px; }}
@media (max-width: 900px){.site-header { height: 76px; }}
@media (max-width: 900px){.site-header nav { display: none; position: absolute; top: 122px; left: 0px; right: 0px; background: white; padding: 24px; z-index: 30; flex-wrap: wrap; border-bottom: 1px solid var(--line); }}
@media (max-width: 900px){.site-header nav.open { display: flex; }}
.site-header { position: relative; }
@media (max-width: 900px){.site-header nav { top: 100%; }}
.site-header { max-width: 1546px; height: 92px; padding: 0px; display: block; color: rgb(0, 0, 0); }
.site-logo { position: absolute; left: 0px; top: 38px; }
.site-header nav { position: absolute; left: 149px; top: 0px; height: 92px; gap: 30px; font-size: 17px; line-height: 1; font-weight: 500; letter-spacing: -0.2px; padding: 0px; }
.site-header nav > a { position: relative; display: flex; align-items: center; gap: 4px; height: 100%; white-space: nowrap; }
.site-header nav > a.current { font-weight: 700; }
.site-header nav img { max-width: none; }
.header-actions { position: absolute; left: 962px; top: 24px; height: 44px; display: flex; align-items: center; gap: 30px; white-space: nowrap; font-size: 17px; line-height: 1; font-weight: 500; letter-spacing: -0.2px; }
.header-resources { display: flex; align-items: center; gap: 8px; padding: 14px 20px; background: rgb(241, 241, 241); border-radius: 100px; font-size: 16px; color: rgb(51, 51, 51); margin-right: -10px; }
.header-resources i { height: 10px; width: 1px; background: rgb(0, 0, 0); }
.header-quick { display: flex; gap: 30px; }
@media (min-width: 1141px){.site-header nav.open { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.067) 0px 8px 16px; z-index: 20; }}
@media (max-width: 1650px) and (min-width: 1141px){.site-header { margin: 0px 3%; }}
@media (max-width: 1650px) and (min-width: 1141px){.site-header nav { left: 125px; gap: 22px; font-size: 16px; }}
@media (max-width: 1650px) and (min-width: 1141px){.header-actions { left: auto; right: 0px; gap: 22px; font-size: 16px; }}
@media (max-width: 1650px) and (min-width: 1141px){.header-quick { gap: 20px; }}
@media (max-width: 1140px){.site-header { height: 76px; margin: 0px; padding: 0px 5%; display: flex; align-items: center; justify-content: space-between; }}
@media (max-width: 1140px){.site-logo { position: static; }}
@media (max-width: 1140px){.header-actions { position: static; gap: 24px; }}
@media (max-width: 1140px){.site-header nav { display: none; left: 0px; right: 0px; top: 100%; height: auto; padding: 24px 5%; background: white; z-index: 30; border-bottom: 1px solid var(--line); flex-wrap: wrap; gap: 24px; font-size: 16px; }}
@media (max-width: 1140px){.site-header nav.open { display: flex; }}
@media (max-width: 1140px){.site-header nav > a { height: auto; }}
@media (max-width: 640px){.header-actions { gap: 20px; }}
@media (max-width: 640px){.header-resources { font-size: 12px; padding: 12px 14px; }}
@media (max-width: 640px){.header-quick { display: none; }}
@media (min-width: 1651px){.site-header nav > a[data-country-menu="agency"] { width: 77px; }}
@media (min-width: 1651px){.site-header nav > a[data-country-menu="sg"] { width: 59px; }}
@media (min-width: 1651px){.site-header nav > a[data-country-menu="my"] { width: 73px; }}
@media (min-width: 1651px){.site-header nav > a[data-country-menu="camp"] { width: 103px; }}
@media (min-width: 1651px){.site-header nav > a[data-country-menu="class"] { width: 78px; }}
@media (min-width: 1651px){.site-header nav > a:is([data-country-menu="camp"], [data-country-menu="class"]) > img { margin-left: auto; }}
@media (min-width: 1651px){.header-resources { width: 140px; }}
@media (min-width: 1651px){.header-resources > a:first-child { width: 55px; }}
@media (min-width: 1651px){.header-resources > a:last-child { width: 28px; }}
@media (min-width: 1651px){.header-quick > a { width: 59px; }}
@media (min-width: 1651px){.header-quick > a:last-child { width: 44px; }}
@media (min-width: 1141px){.site-header nav.open { top: 100%; height: auto; min-height: 92px; padding: 24px; background: rgb(255, 255, 255); border: 1px solid rgb(233, 233, 233); border-radius: 8px; flex-wrap: wrap; max-width: 900px; }}
@media (min-width: 1141px){.site-header nav.open > a { height: 36px; }}
@media (min-width: 1141px){.site-header nav.open .nav-active-line { display: none; }}
.site-header nav > a.current::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 3px; background: rgb(0, 0, 0); }
.header-actions { left: auto; right: 149px; }
@media (max-width: 1650px) and (min-width: 1141px){.header-actions { right: 0px; }}
@media (max-width: 1140px){.site-header nav > a.current::after { display: none; }}
@media (max-width: 640px){.header-quick { display: flex; }}
@media (max-width: 640px){.header-quick > a:not(:first-child) { display: none; }}
@media (max-width: 640px){.header-quick > a:first-child { font-size: 13px; }}
.mo-label, .mobile-back, .mobile-detail-tabs, .mobile-list-contact { display: none; }
@media (max-width: 640px){.site-header { height: 92px; padding: 0px; display: block; margin: 0px; }}
@media (max-width: 640px){.site-logo { display: none; }}
@media (max-width: 640px){.mobile-back { display: flex; position: absolute; left: 16px; top: 12px; transform: rotate(180deg); width: 26px; height: 26px; }}
@media (max-width: 640px){.mobile-back img { max-width: none; }}
@media (max-width: 640px){.header-actions { position: absolute; left: auto; right: 16px; top: 14px; height: 26px; gap: 12px; }}
@media (max-width: 640px){.header-quick { display: none; }}
@media (max-width: 640px){.site-header nav { display: flex; position: absolute; left: 0px; right: 0px; top: 53px; height: 39px; padding: 0px 16px; flex-wrap: nowrap; gap: 18px; overflow-x: auto; scrollbar-width: none; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(233, 233, 233); }}
@media (max-width: 640px){.site-header nav > a { height: 39px; font-size: 15px; font-weight: 600; color: rgb(153, 153, 153); }}
@media (max-width: 640px){.site-header nav > a.current { color: rgb(0, 0, 0); }}
@media (max-width: 640px){.site-header nav > a.current::after { display: block; height: 2px; }}
@media (max-width: 640px){.site-header nav img { display: none; }}
@media (max-width: 640px){.site-header nav.open { height: auto; min-height: 39px; flex-wrap: wrap; box-shadow: rgba(0, 0, 0, 0.067) 0px 8px 16px; padding-bottom: 12px; }}
@media (max-width: 640px){.renewal-header nav > a.current::after { height: 3px; bottom: -1px; background: rgb(0, 0, 0); border-radius: 3px; }}