*{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;
    align-items: center;
    justify-content: space-between;
    width : 100%;
    height : 100px;
    background : #fff;
    max-width: 750px;
    position :fixed;
    left : 50%;
    top : 0;
    transform: translateX(-50%);
    z-index: 1000;
    padding : 0 30px;
}
.main-logo{
    width : 182px;
    height : 51px;
    background : url(/assets/images/common/main-logo.png)no-repeat center;
    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 : 8px;
}
.header .open{display: flex;align-items: center;height : 60px;padding : 0 30px;border-radius: 100px;background :#542785;color:#fff;font-weight:500;font-size: 24px;}
.header-tel{
    width : 60px;
    height : 60px;
}
.header .open > span{color : #FFF100;font-family: futura-pt;}
.hamburger{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 60px;
    height : 60px;
    background : #F5F5F5;
    border-radius: 50%;
    position : relative;
}
.hamburger > span{
    height : 1px;
    width : 50%;
    background : #9B9B9B;
    position : absolute;
    transition : opacity .5s, transform .5s;
    transform-origin: center;
}
.hamburger > span:nth-child(1){
    transform: translateY(-8px);
}
.header.on .hamburger > span:nth-child(1){
    transform: translateY(0px) rotate(-45deg);
}
.hamburger > span:nth-child(3){
    transform: translateY(8px);
}
.header.on .hamburger > span:nth-child(2){
    opacity: 0;
}
.header.on .hamburger > span:nth-child(3){
    transform: translateY(0px) rotate(45deg);
}
.hamburger-nav{
    display: flex;
    align-items: center;
    position : fixed;
    width : 100%;
    max-width: 750px;
    height : 100%;
    z-index: 999;
    background : #542785;
    left : 50%;
    transform: translateX(50%);
    padding-top: 100px;
    transition : transform .7s;
    padding : 100px 50px 50px;
}
.header.on + .hamburger-nav{
    transform: translateX(-50%);
}
.hamburger-nav > ul{
    width : 100%;
    max-height: 70vh;
    overflow-y: scroll;
}
.hamburger-nav > ul::-webkit-scrollbar{
    width : 0;
}
.hamburger-nav > ul > li{
    border : 1px solid rgba(255,255,255,1);
    padding : 0 20px 0 50px;
    border-radius: 30px;
	transition : border-radius .5s;
}
.hamburger-nav > ul > li.on{
	/* border-radius : 5px; */
}
.hamburger-nav > ul > li+li{
    margin-top: 10px;
}
.hamburger-nav > ul > li > a{
    display:flex;
    align-items: center;
    justify-content: start;
    padding : 25px 0;
    border-radius: 100px;
    font-size: 36px;
    letter-spacing: -0.04em;
    font-weight: 500;
    color : #fff;
    position : relative;
}
.hamburger-nav > ul > li > a::after{
    position : absolute;
    content: '';
    width : 10px;
    height : 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    right : 10px;
}
.hamburger-nav > ul > li > ul {
display : none;
	padding : 10px 0 20px;
	color : #fff;
}
.hamburger-nav > ul > li > ul > li{
	display : inline-block;
}
.hamburger-nav > ul > li > ul > li + li{
	margin-left: 10px;
}
/**/
.footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    background : #222222;
    padding : 70px 0;
}
.footer-logo{
    margin-bottom: 40px;
    width : 25.3333vw;
    max-width: 190px;
}
.sigong{
    margin-bottom: 26px;
    width : 45.0667vw;
    max-width: 338px;
}
.footer-ul{
    display: flex;
    align-items: center;
    gap : 35px;
    font-size: 15px;
    color : #fff;
    font-weight: 400;
    letter-spacing: -0.04em;
    margin-bottom: 19px;
}
.footer-ul > li{
    position : relative;
}
.footer-ul > li:not(:last-child)::after{
    position : absolute;
    content : '';
    width : 1px;
    height : 10px;
    background : #7B7B7B;
    right : -18px;
    top : 50%;
    transform: translateY(-50%);
}
.footer-ul2{
    display: flex;
    align-items: center;
    gap : 35px;
    font-size: 15px;
    color : #fff;
    font-weight: 400;
    letter-spacing: -0.04em;
    margin-bottom: 19px;
    color : #7B7B7B;
    font-size: 14px;
    margin-bottom: 29px;
}
.footer-ul2 > li{
    position : relative;
}
.footer-ul2 > li:not(:last-child)::after{
    position : absolute;
    content : '';
    width : 1px;
    height : 10px;
    background : #7B7B7B;
    right : -18px;
    top : 50%;
    transform: translateY(-50%);
}
.footer-ul2 > li > b{
    color : #B4B4B4;
}
.footer-info{
    font-size: 14px;
    letter-spacing: -0.02em;
    color : #7B7B7B;
    line-height: 24px;
    margin-bottom: 29px;
    text-align: center;
}
.footer-copy{
    font-size: 14px;
    letter-spacing: -0.02em;
    color : #7B7B7B;
}
@media(max-width : 750px){
    .header{
        height : 13.3333vw;
        padding : 0 4vw;
    }
    .main-logo{
        width : 24.2667vw;
        height : 6.8vw;
    }
    .header-right{
        gap : 1.0667vw;
    }
    .header .open{height : 8vw;padding : 0 4vw;font-size: 3.2vw;}
    .header-tel{
        width : 8vw;
        height : 8vw;
    }
    .hamburger{
        width : 8vw;
        height : 8vw
    }
    .hamburger > span:nth-child(1){
        transform: translateY(-1.0667vw);
    }
    .hamburger > span:nth-child(3){
        transform: translateY(1.0667vw);
    }
    .hamburger-nav{
        padding : 13.3333vw 6.6667vw 6.6667vw;
    }
    .hamburger-nav > ul > li{
        padding : 0 2.6667vw 0 6.6667vw;
    }
    .hamburger-nav > ul > li+li{
        margin-top: 1.3333vw;
    }
    .hamburger-nav > ul > li > a{
        padding : 3.3333vw 0;
        font-size: 4.8vw;
    }
    .hamburger-nav > ul > li > a::after{
        width : 1.3333vw;
        height : 1.3333vw;
        right : 1.3333vw;
    }
    /**/
    .footer{
        padding : 9.3333vw 0;
    }
    .footer-logo{
        margin-bottom: 5.3333vw;
    }
    .sigong{
        margin-bottom: 3.4667vw;
    }
    .footer-ul{
        gap : 4.6667vw;
        font-size: 2vw;
        margin-bottom: 2.5333vw;
    }
    .footer-ul > li:not(:last-child)::after{
        height : 1.3333vw;
        right : -2.4vw;
    }
    .footer-ul2{
        gap : 4.6667vw;
        font-size: 2vw;
        margin-bottom: 2.5333vw;
        font-size: 1.8667vw;
        margin-bottom: 3.8667vw;
    }
    .footer-ul2 > li:not(:last-child)::after{
        height : 1.3333vw;
        right : -2.4vw;
    }
    .footer-info{
        font-size: 1.8667vw;
        line-height: 3.2vw;
        margin-bottom: 3.8667vw;
    }
    .footer-copy{
        font-size: 1.8667vw;
    }
}