.site-header{position:fixed;top:0;left:0;z-index:50;width:100%;height:90px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 60px));height:100%;margin:0 auto}.logo a{display:block;font-size:25px;font-weight:900;letter-spacing:-.04em}.gnb>ul{display:flex;height:90px}.gnb>ul>li{position:relative}.gnb>ul>li>a{display:flex;align-items:center;height:90px;padding:0 28px;font-size:17px;font-weight:700}.sub-menu{position:absolute;top:90px;left:50%;transform:translateX(-50%);display:none;width:220px;padding:34px 18px 36px;text-align:center;z-index:53}.sub-menu a{display:block;padding:10px 0;font-size:15px;line-height:1.45;color:#333}.site-header.menu-open .sub-menu,.gnb>ul>li:hover .sub-menu{display:block}.mega-bg{display:none;position:absolute;top:90px;left:0;width:100%;height:285px;background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:0 18px 24px rgba(0,0,0,.05);z-index:51}.site-header.menu-open .mega-bg{display:block}.header-util{display:flex;align-items:center;gap:22px}.header-util>a{font-size:13px;font-weight:700}.menu-btn{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px}.menu-btn span{display:block;width:24px;height:2px;background:#111;margin-left:auto}.mobile-menu{position:fixed;top:0;right:-100%;width:min(420px,100%);height:100vh;background:#fff;z-index:90;padding:28px;transition:.35s;overflow-y:auto}.mobile-menu.active{right:0}.mobile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.mobile-top strong{font-size:24px}.mobile-close{font-size:36px;line-height:1}.mobile-nav>li{border-bottom:1px solid #eee}.mobile-nav button{position:relative;width:100%;min-height:58px;text-align:left;font-size:20px;font-weight:700}.mobile-nav button:after{content:'+';position:absolute;right:4px}.mobile-nav li.open button:after{content:'-'}.mobile-nav div{display:none;padding:0 0 18px}.mobile-nav li.open div{display:block}.mobile-nav a{display:block;padding:8px 0;color:#555}.footer{padding:48px 0 34px;background:#191919;color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:40px}.footer h2{margin:0 0 18px;font-size:25px}.footer p{margin:6px 0;color:#bbb}.family{position:relative;width:230px}.family button{width:100%;height:48px;border:1px solid #555;text-align:left;padding:0 18px}.family ul{display:none;position:absolute;bottom:48px;left:0;width:100%;background:#292929;border:1px solid #555}.family.open ul{display:block}.family a{display:block;padding:12px 18px;color:#ccc}.copy{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:22px;border-top:1px solid #333;color:#aaa;font-size:14px}@media(max-width:1439px) and (min-width:1280px){.site-header,.gnb>ul,.gnb>ul>li>a{height:82px}.sub-menu,.mega-bg{top:82px}.gnb>ul>li>a{padding:0 22px;font-size:16px}.sub-menu{width:205px;padding:30px 14px 34px}.mega-bg{height:270px}}@media(max-width:1279px){.site-header{height:74px}.header-inner{width:calc(100% - 48px)}.gnb{display:none}.mega-bg{display:none!important}.header-util>a{display:none}}@media(max-width:767px){.site-header{height:64px}.header-inner{width:calc(100% - 32px)}.logo a{font-size:21px}.mobile-menu{padding:24px 20px}.footer-inner,.copy{display:block}.family{width:100%;margin-top:28px}.copy span{display:block;margin-top:12px}.mobile-nav button{min-height:54px;font-size:18px}}@media(max-width:320px){.header-inner{width:calc(100% - 24px)}.mobile-menu{padding:22px 16px}.mobile-nav button{font-size:17px}.footer{padding:40px 0 28px}}