@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: CarismaClassic-600DemiBold;
    src: url(/assets/fonts/CarismaClassic-600DemiBold.woff);
}
*{
    margin : 0;
    padding : 0;
    box-sizing: border-box;
    font-family: Noto Sans KR;
}
html {
    scroll-behavior: smooth;
}
a{
    text-decoration: none;
    color : inherit;
}
li{
    list-style: none;
}
img{
    display: block;
    max-width: 100%;
}
/**/
.header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position : fixed;
    left : 0;
    top : 0;
    width : 100%;
    z-index: 1000;
    height : 16.6667vw;
    max-height : 100px;
    border-bottom : 1px solid rgba(255,255,255,0.2);
    padding : 0 5vw;
}
.main-logo{
    width : 30.6667vw;
    max-width : 184px;
    height : 5.3333vw;
    max-height : 32px;
    background : url(/m/assets/images/common/main-logo.png)no-repeat;
    background-size: 100%;
}
.header.sub .main-logo{
	background : url(/m/assets/images/common/main-logo-dark.png)no-repeat;
    background-size: 100%;
}
.header.on .main-logo{
	background : url(/m/assets/images/common/main-logo.png)no-repeat;
    background-size: 100%;
}
.main-logo > a{
    display: block;
    font-size: 0;
    line-height: 0;
    color : transparent;
    width :100%;
    height : 100%;
}
.header-right{
    display: flex;
    align-items: center;
	gap : 5px;
}
.open{
    font-size: 2.54vw;
    font-weight: 100;
    color : #e6d2a2;
    position : relative;
    padding-right : 3.3333vw;
	white-space : nowrap;
}
.header.sub .open{
	color : #041391;
}
.header.on .open{
	color : #e6d2a2;
}
.open::after{
    position : absolute;
    content : '';
    width : 1px;
    height : 1.6667vw;
    background : #ffffff;
    right : 0;
    top : 50%;
    transform: translateY(-50%);
}
.open > span{
    font-size: 3.81vw;
    font-weight: 600;
    font-family: CarismaClassic-600DemiBold;
}
.header-tel{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 7.5vw;
    height : 7.5vw;

	gap: 5px;
	width : auto;
	color : #fff;
	font-size : 4.5vw;
	letter-spacing : -0.033em;
	font-family : CarismaClassic-600DemiBold;
}
.header-tel-icon{
    /* width : 2.5vw; */
    max-width: 15px;
    /* height : 2.5vw; */
    max-height: 15px;
    background : url(/m/assets/images/common/header-tel-icon.png)no-repeat;
    background-size: 100% 100%;

	width : 3vw;
	height : 3vw;
}
.header.sub .header-tel-icon{
	background : url(/m/assets/images/common/header-tel-icon-dark.png)no-repeat;
    background-size: 100% 100%;
}
.header.on .header-tel-icon{
	background : url(/m/assets/images/common/header-tel-icon.png)no-repeat;
    background-size: 100% 100%;
}
.hamburger{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 7.5vw;
    height : 7.5vw;
}
.hamburger-icon{
    /* width : 2.5vw; */
	width : 3vw;
    max-width: 15px;
    height : 1.8333vw;
    max-height: 11px;
    background : url(/m/assets/images/common/hamburger.png)no-repeat;
    background-size: 100% 100%;
}
.header.sub .hamburger-icon{
	background : url(/m/assets/images/common/hamburger-dark.png)no-repeat;
    background-size: 100% 100%;
}
.header.on .hamburger-icon{
	background : url(/m/assets/images/common/hamburger.png)no-repeat;
    background-size: 100% 100%;
}
.hamburger-nav{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100vh;
	padding-top : 82px;
    position : fixed;
    z-index: 995;
    background : #0d1020;
    color : #fff;

    transform: translateX(100%);
    transition : 1s;
}
.hamburger-nav.on{
    transform: translateX(0);
}
.hamburger-nav > ul{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap : 7vw;
	height : 80vh;
	width : 100%;
	overflow-y : scroll;
}
.hamburger-nav > ul > li > a{
    display: flex;
    flex-direction: column;
    gap : 2.1667vw;
    justify-content: center;
    align-items: center;
    font-size: 6.6667vw;
    letter-spacing: -0.03em;
}
.hamburger-nav > ul > li > a > span{
    font-size: 3.3333vw;
    font-family: CarismaClassic-300Light;
    letter-spacing: -0.015em;
    opacity: .25;
}
.hamburger-nav > ul > li > ul{
	display : flex;
	justify-content : center;
	flex-wrap : wrap;
	font-size : 12px;
	padding : 10px 0;
	color : #ddd;
	text-align : center;

	display : none;
}
.hamburger-nav > ul > li > ul > li > a{
	display : block;
	padding : 5px 10px;
}
.hamburger-nav > ul > li > ul > li:not(:last-child){
	border-right : 1px solid #ddd;
}


/**/
.footer{
    display: flex;
    width : 100%;
    padding : 9vw 5.6667vw 10vw;
    background : #151515;
	position : relative;
}
.footer-inner{
    display: flex;
    flex-direction: column;
    align-items: start;
    max-width : 1761px;
    width : 100%;
}
.footer-logo{
    width : 13.8333vw;
    max-width : 83px;
    margin-bottom : 3.8333vw;
}
.footer address{
    font-size: 2.8333vw;
    font-weight: 300;
    letter-spacing: -0.025em;
    line-height: 3.8333vw;
    color : #fff;
    font-style: normal;
}
.footer-ul{
    line-height : 3.8333vw;
    letter-spacing: -0.025em;
    font-weight: 300;
    font-size: 2.8333vw;
    color : #676767;
    margin-bottom : 3.8333vw;
}
.footer-copy{
    line-height : 3.8333vw;
    letter-spacing: -0.025em;
    font-weight: 300;
    font-size: 2.8333vw;
    color : #676767;
    margin-bottom : 9vw;
}
.footer-ul2{
    display: flex;
    justify-content: space-between;
    flex-wrap : wrap;
    font-size: 2.8333vw;
    /* gap : 42px; */
}
.footer-ul2 li{
    display: flex;
    align-items: end;
    gap : 2.8333vw;
    color : #fff;
}
.footer-ul2 .name{
    color : #565656;
    padding-right : 2.8333vw;
    position : relative;
}
.footer-ul2 .name::after{
    content : '';
    position : absolute;
    width : 1px;
    height : 10px;
    background : #565656;
    right : 0;
    bottom : 50%;
    transform: translateY(50%);
}
.footer-tel{
    font-size: 5.0800vw;
    font-family: CarismaClassic-600DemiBold;
    transform: translateY(4px);
}
.footer-btn{
	position : absolute;
	bottom : 2.5vw;
	z-index : 1;
	width : 20vw;
	max-width : 122px;
}
.footer-btn > img{
	width : 100%;
}