@font-face {
    font-family: CarismaGothic;
    src: url(/assets/fonts/CarismaGothic-500Medium.woff2);
}
*{
    margin : 0;
    padding : 0;
    box-sizing: border-box;
    font-family: Noto Sans KR;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color : inherit;
}
img{
    display: block;
    max-width: 100%;
}
/**/
.header{
    display: flex;
    justify-content: center;
    width : 100%;
    position : fixed;
    z-index: 1000;
    left: 0;
    top : 0;
    padding-top : 50px;
}
.header-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width : 1600px;
    max-width: 1600px;
}
.main-logo{
    width : 250px;
    height : 46px;
    background : url(/assets/images/common/main-logo.png)no-repeat;
    background-size: contain;
    transition : background .5s;
}
.header.dark .main-logo{
    background : url(/assets/images/common/main-logo-color.png)no-repeat;
    background-size: contain;
}
.header.on .main-logo{
    background : url(/assets/images/common/main-logo.png)no-repeat;
    background-size: contain;
}
.main-logo > a{
    display: block;
    width : 100%;
    height : 100%;
    color : transparent;
    font-size: 0;
    line-height: 0;
}
.header-right{
    display: flex;
    align-items: center;
    gap : 32px;
}
.header-tel{
    display: flex;
    align-items: center;
    gap : 7px;
    color : #fff;
    font-size : 23px;
    font-family: CarismaGothic;
    transition : color .5s;
}
.header.dark .header-tel{
    color : #4D4D4D
}
.header.on .header-tel{
    color : #4D4D4D
}
.header-tel-icon{
    width: 21px;
    height : 21px;
    background : url(/assets/images/common/header-tel-icon.png)no-repeat;
    background-size: contain;
    transition : background .5s;
}
.header.dark .header-tel-icon{
    background : url(/assets/images/common/header-tel-icon-dark.png)no-repeat;
    background-size: contain;
}
.header.on .header-tel-icon{
    background : url(/assets/images/common/header-tel-icon-dark.png)no-repeat;
    background-size: contain;
}
.hamburger{
    /* width : 45px; */
    width : 62px;
    height : 46px;
    background : url(/assets/images/common/hamburger.png)no-repeat;
    background-size: contain;
    background-position : center;
    transition : background .5s;
}
.header.dark .hamburger{
    background : url(/assets/images/common/hamburger-dark.png)no-repeat;
    background-size: contain;
    background-position : center;
}
.header.on .hamburger{
    background : url(/assets/images/common/hamburger-x.png)no-repeat !important;
    background-size: contain !important;
    background-position : center !important;
}
.hamburger-dim{
    display: none;
    width : 100%;
    height : 100%;
    position : fixed;
    left : 0;
    top : 0;
    background : rgba(0,0,0,0.63);
    z-index: 998;
}
.hamburger-nav{
    width : 804px;
    height : 100%;
    background : #fff;
    position : fixed;
    right : 0;
    top : 0;
    z-index : 999;
    padding : 24.0206vh 120px 0;
    transform: translateX(100%);
    transition : transform .5s;
}
.header.on ~ .hamburger-nav{
    transform: translateX(0);
    /* transition-delay: .5s; */
}
.hamburger-nav > ul{
    position : relative;
}
.hamburger-nav > ul > li > a{
    display: block;
    font-size: 29px;
    font-family : nanummyeongjo;
    color : #A0A0A0;
    padding : 18px 65px;
    font-weight: 700;
    border-left: 1px solid #D0D0D0;
    transition : color .5s;
}
.hamburger-nav > ul > li > a:hover{
    color : #E85C1D;
}
.hamburger-nav > ul > li.hamburger-nav-btn{
    position : absolute;
    width : 2px;
    height : calc(100% / 5);
    background : #E85C1D;
    top : 0;
    opacity : 0;
    transition : top .3s, opacity .5s;
}
.hamburger-nav > ul > li.hamburger-nav-btn.on{
    opacity : 1;
}
.hamburger-logo{
    width : 426px;
    height : 78px;
    background : url(/assets/images/common/hamburger-logo.png)no-repeat;
    background-size: contain;
    background-position : center;
    position : absolute;
    bottom : 78px;
}
/**/
.footer{
    display: flex;
    justify-content: center;
    align-items: center;
    width : 100%;
    height : 428px;
    background : #242424;
}
.footer-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width : 1600px;
    max-width: 1600px;
    height : 100%;
    position : relative;
}
.footer-logo{
    margin-bottom : 31px;
}
.footer address{
    font-size: 17px;
    letter-spacing: -0.04em;
    margin-bottom : 40px;
    font-style: normal;
    color : #fff;
}
.footer-info{
    font-size: 14px;
    letter-spacing: -0.04em;
    color : #717171;
    margin-bottom : 8px;
}
.footer-copy{
    font-size: 14px;
    letter-spacing: -0.04em;
    color : #717171;
    font-family: montserrat, Noto Sans KR;
}
.footer-top{
    display: block;
    width : 62px;
    height : 62px;
    position : absolute;
    top : 0;
    right : 0;
    transform: translateY(-50%);
    background : url(/assets/images/common/footer-top.png)no-repeat;
}