@font-face {
    font-family: 'OneStoreMobileGothicTitleFont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: pretendard;
    src: url(/assets/fonts/Pretendard-Light.woff2);
    font-weight: 300;
}
@font-face {
    font-family: pretendard;
    src: url(/assets/fonts/Pretendard-Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: pretendard;
    src: url(/assets/fonts/Pretendard-Bold.woff2);
    font-weight: 700;
}
/* @font-face {
    font-family: AntroVectra;
    src: url(/assets/fonts/Antro_Vectra.woff2);
} */
@font-face {
    font-family: AV;
    src: url(/assets/fonts/Antro_Vectra.woff2);
    font-weight: 500;
}

*{margin : 0;padding :0;box-sizing: border-box;}
li{list-style: none;}
a{text-decoration: none; color : inherit}
img{display: block;max-width: 100%;}

/**/
.header{display: flex;justify-content: space-between;align-items: center; position : fixed;z-index: 1000;width : 100%;padding : 0px 20px;max-width: 750px;left : 50%;transform: translateX(-50%);transition : background .5s;}
.header.fill{background: #fff;}
.main-logo{width : 45vw;height : 60px;background : url(/assets/images/common/main-logo.png)no-repeat center / contain;transition : background .5s;}
.header.dark .main-logo{background : url(/assets/images/common/main-logo.png)no-repeat center / contain}
.header.white .main-logo{background : url(/assets/images/common/main-logo-white.png)no-repeat center / contain}
/* .header.active .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain} */
.main-logo > a{display: block;width : 100%;height : 100%; font-size: 0;color : transparent;line-height: 0;}
/**/
.header-right{display: flex;gap : 10px;}
.header-tel{display: flex;align-items: center;justify-content: center; width : 40px;height : 40px;border-radius: 50%;background: url(/assets/images/common/header-tel-icon.png)no-repeat center / cover;}
.hamburger{display: flex;align-items: center;justify-content: center;width : 40px;height : 40px;border-radius: 50%;background : #fff;}
.hamburger > span{width : 15px;height : 1px;background : #111;position : absolute;transition : transform .5s, opacity .5s;}
.hamburger > span:nth-child(1){transform: translateY(-4px);}
.hamburger > span:nth-child(3){transform: translateY(4px);}
.header.active .hamburger > span:nth-child(1){transform: translateY(0) rotate(-45deg);}
.header.active .hamburger > span:nth-child(2){opacity : 0;}
.header.active .hamburger > span:nth-child(3){transform: translateY(0) rotate(45deg);}
.hamburger-nav{position : fixed;z-index: 999;width : 100%;max-width: 750px;height : 100%;;transform: translateX(50%);transition : transform 1s;padding: 120px 20px;left : 50%;background : #fff;}
.hamburger-bg{background : url(/assets/images/main/visual-bg.jpg)no-repeat center bottom / cover #fff;width : 100%;height: 100%; position : absolute;left : 0;top : 0;z-index: -1;opacity: .3;}
.header.active + .hamburger-nav{transform: translateX(-50%);}
.hamburger-dim{pointer-events: none;position : fixed;z-index: 998;background : rgba(0,0,0,0.5);left : 50%;top : 0;width : 100%;max-width : 750px; height : 100%; transform: translateX(-50%);opacity: 0;transition :  opacity .5s;}
.header.active ~ .hamburger-dim{opacity: 1;}
.hamburger-nav > ul > li:not(:last-child){border-bottom : 1px solid rgba(0,0,0,0.16);}
.hamburger-nav > ul > li > a{display: block; font-size: 20px;letter-spacing: -0.033em;font-weight: 500;padding : 15px 0;color : #010033;font-weight: 700}
.hamburger-nav > ul > li > ul{display: none;padding : 10px 0;}
.hamburger-nav > ul > li > ul > li{display: inline-block;position : relative}
.hamburger-nav > ul > li > ul > li:not(:last-child){padding-right: 30px;}
.hamburger-nav > ul > li > ul > li:not(:last-child)::after{position : absolute;content : '';width : 1px;height :15px;background : #111;right : 13px;top : 50%;transform: translateY(-50%);pointer-events: 0;}
.hamburger-nav > ul > li > ul > li > a{display: block;padding : 5px 0;font-size: 16px;}
.header.sub {position: absolute;}
/**/

/**/
.footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background : #151515;
    /* padding : 30px 20px; */
}
.footer-logo{
    width: 55vw;
    margin: 0 auto 20px;
}
.footer-ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 6px;
    color : #fff;
    position:relative;
    margin-bottom: 16px;
}
.footer-ul > li{
    position : relative;
    font-size: 11px;
    letter-spacing: -0.02em;
}
.footer-ul > li:not(:last-child){
    padding-right : 16px;
}
.footer-ul > li > span{
    color : #747474;
}
.footer-info{
    color : #747474;
    font-size: 11px;
    letter-spacing: -0.06em;
    line-height: 1.2em;
    text-align: left;
    margin-bottom: 20px;
}
.footer-info > li{position : relative;padding-left: 14px;}
.footer-info > li + li{margin-top: 7px;}
.footer-info > li::before{content : '※';position : absolute; left : 0;}
.footer-copy{
    font-size: 11px;
    letter-spacing: -0.04em;
    color : #747474;
    margin-bottom: 15px;
}