.site-header{position:fixed;left:0;top:0;width:100%;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.08)}.top-link{height:34px;display:flex;justify-content:flex-end;gap:22px;align-items:center;padding:0 70px;font-size:13px;color:#555}.head-inner{height:82px;display:flex;align-items:center;padding:0 70px;gap:50px}.logo a{font-size:29px;font-weight:900;letter-spacing:-.04em}.logo span{color:#174b83}.gnb{flex:1}.gnb>ul{display:flex;justify-content:center;gap:56px}.gnb>ul>li>a{display:flex;align-items:center;height:82px;font-weight:800}.depth{position:absolute;left:0;top:116px;width:100%;height:0;overflow:hidden;display:flex;justify-content:center;gap:54px;background:#fff;box-shadow:0 20px 30px rgba(0,0,0,.08);transition:.28s}.depth a{padding:30px 0;color:#555}.gnb>ul>li:hover .depth,.gnb>ul>li:focus-within .depth{height:86px}.quick-btn{font-size:13px;font-weight:800}.hamb{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:7px}.hamb span{display:block;height:2px;background:#111}.mobile-menu{position:fixed;right:-100%;top:0;width:min(420px,100%);height:100vh;background:#fff;z-index:300;transition:.3s;box-shadow:-20px 0 40px rgba(0,0,0,.15);padding:28px;overflow:auto}.mobile-menu.open{right:0}.mobile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.close-menu{padding:10px}.m-gnb button{width:100%;min-height:58px;text-align:left;font-size:22px;font-weight:800;border-bottom:1px solid #ddd}.m-gnb div{display:none;background:#f5f6f8;padding:14px 18px}.m-gnb li.open div{display:grid;gap:12px}.m-gnb a{display:block;padding:8px 0;color:#555}.footer{background:#202326;color:#ddd;padding:36px 0 50px}.footer-top{display:flex;gap:28px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:24px}.footer-info{position:relative;padding-top:28px;color:#aaa;line-height:1.8}.footer-info strong{display:block;color:#fff;font-size:24px;margin-bottom:12px}.family{position:absolute;right:70px;top:28px}.family button{min-width:230px;border:1px solid rgba(255,255,255,.35);padding:14px;text-align:left}.family ul{display:none;background:#111;padding:12px}.family.open ul{display:block}
@media(max-width:1279px){.top-link{display:none}.head-inner{justify-content: space-between; height:76px;padding:0 32px}.gnb{display:none}.quick-btn{margin-left:auto}.depth{display:none}.site-header{position:fixed}.family{position:static;margin-top:20px}}
@media(max-width:767px){.head-inner{padding:0 20px;height:68px;gap:18px}.logo a{font-size:23px}.quick-btn{display:none}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer{padding:28px 0 40px}.mobile-menu{padding:22px}}
@media(max-width:320px){.head-inner{padding:0 16px}.logo a{font-size:21px}.hamb{width:38px}}