/* 9box.kr 공통 헤더·푸터(2026-10 홈 개편 시안) — script/nt-common.js 가 주입하는 마크업용. 홈(index)은 css/home.css 가 같은 규칙을 포함하므로 이 파일을 쓰지 않는다 */
header.nt-header,footer.nt-footer{font-family:'Pretendard',sans-serif;box-sizing:border-box;font-weight:400;line-height:normal;letter-spacing:normal;word-break:keep-all}
header.nt-header a,footer.nt-footer a{color:#0A2540;text-decoration:none}
header.nt-header a svg,footer.nt-footer a svg{transition:transform .2s ease}
header.nt-header a:hover > svg:last-child:not(.nt-noshift),footer.nt-footer a:hover > svg:last-child:not(.nt-noshift){transform:translateX(3px)}
/* 하위 페이지 전역 규칙 방어: ad(a{display:block;width:95%}·img{width:1000px}·footer{display:none;position:fixed}), reference(footer{position:fixed}) */
header.nt-header a,footer.nt-footer a{display:revert;width:auto;margin:0}
header.nt-header img,footer.nt-footer img{width:auto;max-width:none;margin:0}
footer.nt-footer{position:static !important;display:block !important;width:auto !important;max-width:none !important;height:auto !important;bottom:auto !important;border:0 !important;box-shadow:none !important;z-index:auto !important}
/* 기존 common.css 의 header{height:60px;border-bottom} 상쇄 + 고정 헤더 높이만큼 본문 내림 */
header.nt-header{height:auto;border-bottom:0;z-index:9999 !important}
body.nt-has-hdr{padding-top:96px}
body.nt-has-hdr #container.company .pageset .page.p1{margin-top:0}
body.nt-has-hdr #container.success .wrap{padding-top:0}
@media (max-width: 900px){body.nt-has-hdr{padding-top:76px}}
@font-face{font-family:'Pretendard';font-weight:400;font-style:normal;font-display:swap;src:url(../font/Pretendard-400.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:500;font-style:normal;font-display:swap;src:url(../font/Pretendard-500.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:600;font-style:normal;font-display:swap;src:url(../font/Pretendard-600.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:700;font-style:normal;font-display:swap;src:url(../font/Pretendard-700.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:800;font-style:normal;font-display:swap;src:url(../font/Pretendard-800.woff) format('woff')}
@font-face{font-family:'Pretendard';font-weight:900;font-style:normal;font-display:swap;src:url(../font/Pretendard-900.woff) format('woff')}
@keyframes ntHdrWave{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-6deg)}82%{transform:rotate(4deg)}88%{transform:rotate(-4deg)}94%{transform:rotate(2deg)}}
a:hover > svg:last-child:not(.nt-noshift){transform:translateX(3px)}
header > div{transition:box-shadow .3s ease,padding .3s ease}
header{transition:padding .3s ease,transform .35s ease}
header.ntm-hide{transform:translateY(-110%)}
header.ntm-scrolled{padding-top:8px !important;padding-bottom:8px !important}
header.ntm-scrolled > div{box-shadow:0 14px 32px rgba(10,37,64,.14) !important}
#tiers .nt-tmore,.nt-ptabs,.nt-m-show,.nt-hdr-char,.nt-burger,.nt-mmenu,.nt-mmenu-dim{display:none}
@media (max-width: 900px){
header{padding-left:16px !important;padding-right:16px !important}
html body footer div:has(> a[style*="padding: 11px 16px"]){flex-wrap:nowrap !important;gap:6px !important}
html body footer a[style*="padding: 11px 16px"]{padding:7px 10px !important;font-size:12.5px !important;gap:5px !important;white-space:nowrap}
html body footer a[style*="padding: 11px 16px"] svg,html body footer a[style*="padding: 11px 16px"] img{width:15px !important;height:15px !important}
html body footer a[style*="padding: 11px 16px"]{padding:6px 8px !important;font-size:11.5px !important;gap:4px !important}
html body footer div:has(> a[style*="padding: 11px 16px"]){gap:4px !important}
html body footer div[style*="gap: 8px 28px"]{gap:2px 14px !important;font-size:12.5px !important}
html body header a.nt-hdr-dl{display:none !important}
html body header > div{position:relative !important;overflow:visible !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.98) !important}
html body header.ntm-hide{transform:translateY(calc(-100% - 12px)) !important}
html body header img.nt-hdr-char{display:block !important;position:absolute !important;right:63px;bottom:-4px;height:54px !important;width:auto !important;margin:0 !important;z-index:2;transform-origin:30% 100%;animation:ntHdrWave 3.2s ease-in-out 1s infinite;filter:none !important;background:transparent !important;box-shadow:none !important;border:0 !important;-webkit-backface-visibility:hidden;backface-visibility:hidden}
html body header button.nt-burger{display:flex !important;flex-direction:column;justify-content:center;align-items:center;gap:4.3px;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:50%;background:#F1F4F8;cursor:pointer;position:relative;z-index:3;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation;flex-shrink:0}
html body header button.nt-burger span{display:block;width:17px;height:2.1px;border-radius:2px;background:#2F3A48;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease}
html body header button.nt-burger[aria-expanded="true"]{background:#0072BC}
html body header button.nt-burger[aria-expanded="true"] span{background:#FFFFFF}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.4px) rotate(45deg)}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
html body header button.nt-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}
html body header .nt-mmenu{display:block !important;position:absolute;left:16px;right:16px;top:calc(100% - 6px);z-index:1;background:#FFFFFF;border:1px solid #EDF2F7;border-radius:24px;box-shadow:0 18px 40px rgba(10,37,64,.16);padding:10px 10px 12px;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
html body header .nt-mmenu[data-open="open"]{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s}
html body header .nt-mmenu nav{display:flex;flex-direction:column}
html body header .nt-mmenu nav a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;border-radius:14px;font-size:17px;font-weight:700;letter-spacing:-0.02em;color:#2F3A48;text-decoration:none}
html body header .nt-mmenu nav a{position:relative}
html body header .nt-mmenu nav a + a::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:#EEF2F6}
html body header .nt-mmenu nav a svg{color:#9AA8B8;flex-shrink:0}
html body header .nt-mmenu nav a:active{background:#F2F8FD}
html body header .nt-mmenu-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
html body header .nt-mmenu-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-size:15px;font-weight:700;color:#34485F;background:#F1F4F8;text-decoration:none;white-space:nowrap}
html body header .nt-mmenu-cta a.nt-mmenu-pri{background:#0072BC;color:#FFFFFF}
html body header .nt-mmenu-dim{display:block !important;position:fixed;top:0;left:0;right:0;height:120vh;z-index:-1;background:rgba(10,30,55,.32);opacity:0;pointer-events:none;transition:opacity .25s ease;touch-action:none;overscroll-behavior:contain}
html body header .nt-mmenu-dim[data-open="open"]{opacity:1;pointer-events:auto}
html body header:has(.nt-mmenu[data-open="open"]){transform:none !important}
html:has(.nt-mmenu[data-open="open"]) .nt-float-cta{opacity:0 !important;pointer-events:none !important}
html:has(.nt-mmenu[data-open="open"]) body::after{opacity:0 !important}
footer a[style*="padding: 11px 16px"]{padding:8px 13px !important}
.nt-hide-m{display:none !important}
header{padding:10px 12px !important}
header > div{padding:6px 6px 6px 18px !important;min-height:56px !important}
header img{height:26px !important}
}
header{transition:padding .3s ease}