#l_container{position:relative;z-index:100;opacity:0}
#l_footer{position:relative;z-index:100;padding:10rem 0;background:var(--blue100);font-family:var(--en)}
#l_footer .wrap{display:flex;align-items:center;justify-content:space-between;padding:0 20rem}
#l_footer .logo{flex-shrink:0;width:47rem;text-align:center}
#l_footer .logo a{display:inline-block}
#l_footer .nav ul{display:flex;align-items:center;column-gap:3.5rem}
#l_footer .nav ul li.instagram a{display:inline-block;background:var(--blue800);mask:url(/asset/img/social_instagram.svg) no-repeat center;background-size:100% auto}
#l_footer .nav ul li.instagram a img{opacity:0;width:2.6rem}
#l_footer .nav ul li a{display:inline-block}
#l_footer .nav p.copy{margin-top:2.5rem;font-size:1.2rem}
#l_header{position:fixed;top:0;left:0;z-index:300;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--blue600);color:var(--white100);padding:2rem;font-family:var(--en);transition:transform .7s var(--easeOutCubic);transform:translateY(-100%)}
#l_header.is-fixed,#l_header.is-show{transform:translateY(0)}
#l_header .logo a{display:inline-block;background:var(--white100);mask:url(/asset/img/logo_typography.svg) no-repeat center;background-size:100% auto}
#l_header .logo a img{width:12.4rem;opacity:0}
#l_header .drawerBtn{display:none}
#l_header .gnav ul{display:flex;align-items:center;column-gap:3rem;font-size:1.3rem}
#l_header .gnav ul li.instagram{display:none}
#l_header .social ul li a{display:inline-block;background:var(--white100);mask:url(/asset/img/social_instagram.svg) no-repeat center;background-size:100% auto}
#l_header .social ul li a img{width:2.6rem;opacity:0}
#l_modal{position:relative;z-index:500}
@media screen and (max-width:1440px){
#l_footer .wrap{padding:0 7rem}
#l_footer .logo{width:37rem}
}
@media screen and (max-width:1024px){
#l_footer .logo{width:26rem}
}
@media screen and (max-width:767px){
#l_footer{padding:8rem 0;text-align:center}
#l_footer .wrap{flex-direction:column;row-gap:5rem;width:100%;padding:0 1.5rem}
#l_footer .logo{width:100%}
#l_footer .logo a img{width:31.6rem}
#l_footer .nav ul{flex-wrap:wrap;justify-content:center;font-size:1.2rem;column-gap:2rem;row-gap:3rem}
#l_footer .nav ul li.instagram{width:100%}
#l_footer .nav p.copy{font-size:1rem;text-align:center}
#l_header{height:4.8rem;padding:.8rem 1rem;transform:translateY(0)}
#l_header .logo{position:absolute;top:1.2rem;left:1rem;z-index:10}
#l_header .logo a img{width:9.8rem}
#l_header .drawerBtn{display:block;position:absolute;top:0;right:0;z-index:10;width:4.5rem;height:100%}
#l_header .drawerBtn i{position:absolute;top:2.2rem;width:.3rem;height:.3rem;border-radius:9rem;background:var(--white100);transition:opacity .3s,left .3s,transform .3s var(--easeOutCubic),width .3s var(--easeOutCubic)}
#l_header .drawerBtn i:nth-child(1){left:1rem}
#l_header .drawerBtn i:nth-child(2){left:2rem}
#l_header .drawerBtn i:nth-child(3){left:3rem}
#l_header .drawerBtn.is-open i{width:3rem}
#l_header .drawerBtn.is-open i:nth-child(1){left:1rem;transform:rotate(45deg)}
#l_header .drawerBtn.is-open i:nth-child(2){width:.3rem;opacity:0}
#l_header .drawerBtn.is-open i:nth-child(3){left:1rem;transform:rotate(-45deg)}
#l_header .gnav{position:fixed;top:0;left:0;z-index:5;width:100%;height:100vh;background:var(--blue300);padding:10rem 5rem 5rem;pointer-events:none;transition:opacity .8s,filter .8s,transform .8s var(--easeOutCubic);transform:scale(1.5);opacity:0;filter:blur(5rem)}
#l_header .gnav.is-open{pointer-events:auto;transform:scale(1);opacity:1;filter:blur(0)}
#l_header .gnav.is-open ul li{opacity:1;transform:translateY(0)}
#l_header .gnav.is-open ul li:nth-child(0){transition-delay:0s}
#l_header .gnav.is-open ul li:nth-child(1){transition-delay:.13s}
#l_header .gnav.is-open ul li:nth-child(2){transition-delay:.26s}
#l_header .gnav.is-open ul li:nth-child(3){transition-delay:.39s}
#l_header .gnav.is-open ul li:nth-child(4){transition-delay:.52s}
#l_header .gnav.is-open ul li:nth-child(5){transition-delay:.65s}
#l_header .gnav.is-open ul li:nth-child(6){transition-delay:.78s}
#l_header .gnav.is-open ul li:nth-child(7){transition-delay:.91s}
#l_header .gnav.is-open ul li:nth-child(8){transition-delay:1.04s}
#l_header .gnav.is-open ul li:nth-child(9){transition-delay:1.17s}
#l_header .gnav.is-open ul li:nth-child(10){transition-delay:1.3s}
#l_header .gnav ul{flex-direction:column;row-gap:3rem;font-size:2.4rem}
#l_header .gnav ul li{transition:opacity .8s,transform .8s var(--easeOutCubic);opacity:0;transform:translateY(4rem)}
#l_header .gnav ul li.instagram{display:block}
#l_header .gnav ul li.instagram a{display:inline-block;background:var(--white100);mask:url(/asset/img/social_instagram.svg) no-repeat center;background-size:100% auto}
#l_header .gnav ul li.instagram a img{opacity:0;width:3rem}
#l_header .social{display:none}
}
/*# sourceMappingURL=layout.css.map */