#header{position:fixed;top:0;left:0;right:0;z-index:9999;padding:16px 0;transition:all .3s cubic-bezier(.23,1,.32,1);background-color:var(--dark-blue);color:var(--white);--submenu-height:0px}#header[data-theme=light] svg path{fill:var(--gray-80)}#header[data-theme=dark] svg path{fill:var(--gray-10)}#header:before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);height:calc(100% + var(--submenu-height, 0px));width:100%;z-index:-1;transition:all .4s cubic-bezier(.23,1,.32,1)}#header .header-box{position:relative;padding:0 30px}#header .header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-40)}@media screen and (max-width:1023px){#header .header-box{padding:0 24px}}@media screen and (max-width:767px){#header .header-content{gap:var(--gap-20)}}#header .brand a.logo-link{display:block;position:relative;width:233px;aspect-ratio:233/50}#header .brand img{position:absolute;top:0;left:0;width:100%}#header .brand img.logo-light-bg{opacity:0;visibility:hidden}#header .brand img.logo-dark-bg{opacity:1;visibility:visible}@media screen and (min-width:1024px){#header.scrolling,.page-home #header{border-bottom:1px solid #c6c6c6;background:rgba(255,255,255,.9);backdrop-filter:blur(2.5px)}#header.scrolling img.logo-light-bg,.page-home #header img.logo-light-bg{opacity:1;visibility:visible}#header.scrolling img.logo-dark-bg .page-home #header img.logo-dark-bg{opacity:0;visibility:hidden}}@media screen and (max-width:1023px){#header .brand a.logo-link{width:160px}}@media screen and (max-width:767px){#header .brand{margin-left:0}#header .brand img{width:51.46667vw}}#header .toggle-nav{display:none;width:25px;padding:0}#header .toggle-nav span{display:block;height:1.5px;width:20px;border-radius:2px;background-color:var(--white)}#header[data-theme=light] .toggle-nav span{background-color:var(--black-07)}#header[data-theme=dark] .toggle-nav span{background-color:var(--white)}#header .toggle-nav.--opened span:first-child{-webkit-transform:translateY(6px) rotate(45deg);-moz-transform:translateY(6px) rotate(45deg);-o-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}#header .toggle-nav.--opened span:last-child{-webkit-transform:translateY(-6px) rotate(-45deg);-moz-transform:translateY(-6px) rotate(-45deg);-o-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}@media screen and (max-width:1023px){#header .toggle-nav{width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background-color:#11244b;border-radius:5px}}#header #nav{font-size:1rem;flex:1}#header #nav .close-nav{display:none;align-self:flex-end;width:2rem;height:2rem;min-width:2rem;min-height:2rem;background:0 0;text-indent:-999em;overflow:hidden;position:relative}#header #nav .close-nav:before,#header #nav .close-nav:after{content:"";display:block;width:1.875rem;height:.125rem;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#header #nav .close-nav:before{transform:translate(-50%,-50%) rotate(45deg)}#header #nav .close-nav:after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (min-width:1024px){#header #nav .gnb{display:flex;align-items:center;gap:var(--gap-30)}}@media screen and (max-width:1023px){#header #nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:10000;background:var(--dark-blue);pointer-events:none;transition:clip-path .4s;clip-path:inset(0 0 100% 0);box-sizing:border-box;font-size:1.125rem}#header #nav .close-nav{display:block}#header #nav.active{clip-path:inset(0 0 0 0);pointer-events:auto}}#header #nav .nav-inner{display:flex;align-items:center;gap:3.5em}@media screen and (min-width:1024px){#header #nav .nav-inner{justify-content:flex-end}}@media screen and (max-width:1023px){#header #nav .nav-inner{width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto;box-sizing:border-box;padding:2.25rem;flex-direction:column;align-items:flex-start}#header #nav .nav-inner>*{margin-left:0 !important}}@media screen and (max-width:767px){#header #nav .nav-inner{padding:1.75rem}}#header #nav .gnb>ul{display:flex;align-items:center;gap:40px}#header #nav .gnb>ul>li{position:relative}#header #nav .gnb>ul>li>a{text-transform:uppercase;font-size:18px;display:flex;align-items:center;gap:10px}#header #nav .gnb>ul>li.current-menu-item>a:before,#header #nav .gnb>ul>li.current-page-ancestor>a:before{content:'';width:.875em;height:.875em;border-radius:50%;background-color:var(--yellow)}#header #nav .gnb>ul>li.current-menu-item.__menu-cta>a:before{background-color:var(--blue)}#header.scrolling #nav .gnb>ul>li.current-menu-item.__menu-cta>a:before{background-color:var(--yellow)}@media screen and (min-width:1024px) and (max-width:1280px){#header #nav .gnb>ul{gap:30px}#header #nav .gnb>ul>li>a{font-size:16px}}@media screen and (min-width:1024px){#header #nav .gnb>ul>li>a{line-height:55px}#header #nav .gnb>ul.primary-menu{padding:0 30px;border:1px solid var(--gray-c6);border-radius:10px}#header.scrolling #nav .gnb>ul>li>a,.page-home #header #nav .gnb>ul>li>a{color:var(--black)}#header #nav .gnb>ul.util-menu .__menu-cta>a{padding:0 30px;background-color:var(--yellow);color:var(--black);border-radius:10px}#header.scrolling #nav .gnb>ul.util-menu .__menu-cta>a{background-color:var(--blue);color:var(--white)}#header #nav .gnb>ul>li>.submenu-outer-wrapper{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:36px;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s,clip-path .4s cubic-bezier(.23,1,.32,1);clip-path:inset(0 0 100% 0)}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu{padding:1.5626vw;background-color:var(--white);line-height:1.4;white-space:nowrap;border-radius:12px;display:flex;flex-direction:row;gap:var(--gap-1-4)}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li.__menu-item-product-sub{position:relative;opacity:0;visibility:hidden;transform:translateY(30px)}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li.__menu-item-product-sub .img-container{border-radius:12px;aspect-ratio:2/1;width:18.75vw;overflow:hidden}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li.__menu-item-product-sub .img-container img{width:100%;height:100%;object-fit:cover}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li.__menu-item-product-sub a{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(8,27,62,.7);justify-content:center;align-items:center;color:var(--yellow);font-size:clamp(0.8125rem, 0.5435rem + 0.7971vw, 1.5rem);border-radius:12px;transition:all .4s ease}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li.__menu-item-product-sub a:hover{background-color:rgba(8,27,62,.4)}#header #nav .gnb>ul>li:hover>.submenu-outer-wrapper{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0 0 0 0)}}@media screen and (max-width:1023px){#header #nav .gnb{display:flex;flex-direction:column;gap:14px;width:100%}#header #nav .gnb>ul{flex-direction:column;align-items:flex-start;gap:14px}#header #nav .gnb>ul>li{width:100%}#header #nav .gnb>ul>li>a{font-size:24px}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu{display:flex;gap:14px;margin-top:14px}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li{position:relative}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li>a{position:absolute;top:0;left:0;width:100%;height:100%;padding:14px;color:var(--black)}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu .img-container{background-color:rgba(248,248,248,1);height:160px}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu .img-container img{width:100%;height:100%;object-fit:cover}}@media screen and (min-width:768px) and (max-width:1023px){#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu{flex-direction:row}#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu>li{flex:1}}@media all and (max-width:767px){#header #nav .gnb>ul>li>.submenu-outer-wrapper>ul.sub-menu{flex-direction:column}#header #nav .gnb>ul>li.menu-item-product>ul{margin:0}}#header #nav .gnb li.menu-item.__disabled>a{pointer-events:none;cursor:default}