@charset "utf-8";

#wrapper{display:flex;flex-direction:column;min-height:100vh;}
#container{flex:1;min-width:0;}

/* =========================================================
    HEADER
========================================================= */
#header{position:sticky;top:0;z-index:900;border-bottom:1px solid var(--border-1);background:var(--color-white);transition:box-shadow var(--transition);}
#header.scrolled{box-shadow:var(--shadow-1);}
#header>.inner{display:flex;align-items:center;column-gap:var(--space-40);height:clamp(64px,6.94vw,100px);}
.header-logo a{display:flex;align-items:flex-end;column-gap:var(--space-12);}
.header-logo img{width:auto;height:var(--space-36);}
.header-logo .logo-sub{padding-bottom:2px;font-size:var(--fs-13);font-weight:500;line-height:1;color:var(--static-3);white-space:nowrap;}
.gnb{margin-left:auto;}
.gnb-list{display:flex;align-items:center;column-gap:var(--space-48);}
.gnb-list a{position:relative;display:block;padding:var(--space-8) 0;font-size:var(--fs-18);font-weight:500;color:var(--text-1);transition:color var(--transition);}
.gnb-list a::after{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--static-2);transform:scaleX(0);transition:transform var(--transition);content:'';}
.gnb-list a:hover,
.gnb-list a.active{color:var(--static-2);}
.gnb-list a.active::after{transform:scaleX(1);}
.header-cta{flex-shrink:0;}

/* 모바일 메뉴 버튼 */
.btn-menu{display:none;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;margin-right:-10px;}
.btn-menu .ico-bar{position:relative;display:block;width:22px;height:16px;}
.btn-menu .ico-bar i{position:absolute;left:0;width:100%;height:2px;border-radius:6px;background:var(--text-1);transition:var(--transition);}
.btn-menu .ico-bar i:nth-child(1){top:0;}
.btn-menu .ico-bar i:nth-child(2){top:50%;transform:translateY(-50%);}
.btn-menu .ico-bar i:nth-child(3){bottom:0;}
.btn-menu.active .ico-bar i:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg);}
.btn-menu.active .ico-bar i:nth-child(2){opacity:0;}
.btn-menu.active .ico-bar i:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg);}

/* 모바일 메뉴 */
.mobile-menu{display:none;}

/* =========================================================
    FOOTER
========================================================= */
#footer .inner{display:flex;align-items:center;justify-content:space-between;column-gap:var(--space-40);row-gap:var(--space-16);padding:var(--space-48) 0 var(--space-64);border-top:1px solid var(--border-2);}
.footer-logo{display:flex;flex-shrink:0;}
.footer-logo img{width:auto;height:var(--space-32);}
.footer-info{display:flex;flex-direction:column;row-gap:2px;font-size:var(--fs-14);line-height:1.6;color:var(--text-3);}
.footer-info a{transition:color var(--transition);}
.footer-info a:hover{color:var(--static-2);}
.footer-copy{font-size:var(--fs-14);color:var(--text-4);}

@media screen and (max-width: 1024px) {
#header .gnb,
#header .header-cta{display:none;}
.btn-menu{display:flex;}
.mobile-menu{position:absolute;top:100%;left:0;right:0;display:block;border-bottom:1px solid var(--border-2);background:var(--color-white);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition);}
.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0);}
.mobile-menu .inner{display:flex;flex-direction:column;row-gap:20px;padding:12px 0 28px;}
.mobile-menu-list a{display:flex;align-items:center;height:56px;border-bottom:1px solid var(--border-1);font-size:17px;font-weight:600;color:var(--text-1);}
.mobile-menu-list a.active{color:var(--static-2);}
.mobile-menu .btn{height:52px;}
}

@media screen and (max-width: 768px) {
#footer .inner{flex-direction:column;align-items:flex-start;}
}

@media screen and (max-width: 500px) {
.header-logo .logo-sub{display:none;}
.header-logo img{height:24px;}
#footer .inner{padding:32px 0 48px;}
}