@font-face {
    font-family: PT;
    src: url(/assets/fonts/Pretendard-Light.woff2);
    font-weight: 300;
}
@font-face {
    font-family: PT;
    src: url(/assets/fonts/Pretendard-Regular.woff2);
    font-weight: 400;
}
@font-face {
    font-family: PT;
    src: url(/assets/fonts/Pretendard-Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: PT;
    src: url(/assets/fonts/Pretendard-Bold.woff2);
    font-weight: 700;
}
@font-face {
    font-family: CC;
    src: url(/assets/fonts/CarismaClassic-600DemiBold.woff2);
    font-weight: 600;
}
@font-face {
    font-family: MM;
    src: url(/assets/fonts/MinervaModernRegular.woff);
    font-weight: 400;
}
@font-face {
    font-family: AV;
    src: url(/assets/fonts/Antro_Vectra.woff2);
    font-weight: 400;
}
@font-face {
    font-family: Athena;
    src: url(/assets/fonts/Athena-Regular.woff2);
    font-weight: 400;
}

*{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;left : 0;top : 0;width : 100%;max-width: 750px;left : 50%;transform: translateX(-50%);height : 98px;padding : 0 38px;z-index: 1000;}
.main-logo{width : 268px;height : 37px;background: url(/m/assets/images/common/main-logo.png)no-repeat center / contain;transition : background .5s;}
.header.dark .main-logo{background: url(/m/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.header.active .main-logo{background: url(/m/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.main-logo > a{font-size: 0;color : transparent;line-height: 0;display: block;width : 100%;height : 100%;}

.header-tel{display : flex;align-items : center;justify-content : center; width : 58px;height : 58px;border-radius : 50%;background: #AB9284;}
.header-tel > img{width : 50%;}

.header-right{display: flex;align-items: center;gap : 25px}
.hamburger{display: flex;justify-content: end;align-items: center; position : relative;width : 41px;height : 41px;}
.hamburger > span{width : 100%;height : 2px;background: #fff;position : absolute;transition : top .5s, bottom .5s, transform .5s, left .5s, right .5s, width .5s, background .5s}
.hamburger > span:nth-child(1){top : 0;left : 0;}
.hamburger > span:nth-child(2){width : 60%;}
.hamburger > span:nth-child(3){bottom : 0; right : 0;}
.header.dark .hamburger > span{background: #03003C;}
.header.active .hamburger > span:nth-child(1){top : 50%;left: 50%;transform: translateX(-50%) translateY(-50%) rotate(-45deg);background: #03003C;;}
.header.active .hamburger > span:nth-child(2){width : 0;}
.header.active .hamburger > span:nth-child(3){bottom : 50%;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);background: #03003C;}

.hamburger-nav{display : block;position : fixed;left : 0;top : 0;width : 100%;max-width : 750px;height : 100%;background : #fff;z-index : 999;padding : 100px 38px 0;transform : translateX(50%);transition : transform .7s;font-family : nanumsquare;left : 50%;}
.header.active + .hamburger-nav{transform : translateX(-50%)}
.hamburger-nav > ul{display : flex;flex-direction : column;justify-content : center;max-height : 80vh;overflow-y : scroll;}
.hamburger-nav > ul > li{margin-bottom : 1px;}
.hamburger-nav > ul > li > a{display : block;font-weight : 500;letter-spacing : -0.04em;font-size : 30px;;color : #9D9D9D;padding : 57px 0 22px;border-bottom : 1px solid #DEDEDE;position : relative;}
.hamburger-nav > ul > li > a::after{position : absolute;content : '';width : 10px;height : 10px; border-radius : 50%;top : 10px;left : 0;transform : scale(0);transition : transform .5s;background: #03003C;}
.hamburger-nav > ul > li:hover > a::after{transform : scale(1)}
.hamburger-nav > ul > li:hover > a{color : #03003C;border-bottom: 1px solid #03003C;font-weight : 700;}
.hamburger-nav > ul > li > ul{display : none;background: #F5F5F5;}
.hamburger-nav > ul > li > ul > li{}
.hamburger-nav > ul > li > ul > li > a{display : block;font-size : 22px;padding : 15px;color : #9D9D9D;letter-spacing: -0.04em;}
.hamburger-nav > ul > li > ul > li:hover > a{color : #171717;font-weight : 700;}
.hamburger-dim{display : block;width : 100%;height : 100%;position : fixed;left : 0;top : 0;background : rgba(0,0,0,0.5);z-index : 998;opacity : 0;pointer-events : none;transition : opacity .7s;}
.header.active ~ .hamburger-dim{opacity : 1;pointer-events : all;}

.hamburger-btn-box{display: flex;position : absolute;left : 0;bottom : 0;width : 100%;border-top: 1px solid #E5E5E5;}
.hamburger-btn-box > a{display: flex;align-items: center;justify-content: center; width : 50%;gap : 14px; font-size: 24px;padding : 6px 0;font-family: pretendard;font-weight: 700; color : #fff;background: #021976;}
.hamburger-btn-box > a:nth-child(2){font-size: 31px;font-family: futura-pt-bold;background: #F5F5F5;color : #120946;}
.hamburger-btn-box > a > img{width : 8vw; max-width: 60px;}

/**/
.footer{padding : 88px 32px 65px;font-family: pretendard;background: #151515;max-width : 750px;margin : 0 auto;}
.footer-inner{width : 100%;max-width: 1740px;margin : 0 auto;position : relative;}
.footer-logo{width : 120px;margin-bottom: 38px;}
.footer-ul{display: flex;gap : 7px 28px;color : #fff;font-size: 14px;letter-spacing: -0.02em;margin-bottom: 25px;flex-wrap : wrap;}
.footer-ul > li{display: flex;align-items: center; position : relative;font-weight: 300;}
.footer-ul > li:not(:last-child)::after{position :absolute;content: '';width : 1px;height : 10px;background: #fff;right : -12px;}
.footer-info{font-size: 14px;margin-bottom: 34px;}
.footer-info > li{padding-left: 8px;position : relative;color : #7E7E7E;font-size: 14px;letter-spacing: -0.04em;line-height: 1.6em;}
.footer-info > li::before{position : absolute; content: '*';left : 0;;}
.footer-copy{font-family: montserrat;font-size: 14px;color : #7e7e7e;margin-bottom: 80px;}
.sigong{display: flex;justify-content: end;flex-wrap: wrap; gap : 20px 40px;white-space: nowrap;;}
.sigong > li{display: flex;align-items: center;justify-content : end;gap : 24px; color : #fff;letter-spacing: -0.02em;font-weight: 600;font-size: 14px;}
.sigong > li > span{display: flex;align-items: center; color : #414141;position : relative;}
.sigong > li > span::after{position : absolute;content: '';width : 1px;height : 9px; background: #414141;right : -11px;}
.footer-tel{font-size: 33px;font-family: pretendard;}

.footer-link{display: flex;gap : 28px;color : #fff;font-size: 18px;letter-spacing: -0.02em;margin-top : 50px;}
.footer-link > li{display: flex;align-items: center; position : relative;font-weight: 600;}
.footer-link > li:not(:last-child)::after{position :absolute;content: '';width : 1px;height : 10px;background: #fff;right : -12px;}

.footer-btn{
	display : inline-block;
	color : #020039;
	background : #fff;
	padding : 4px 11px 6px;
	border-radius : 5px;
	font-size : 16px;
	letter-spacing : -0.06em;
	font-weight : 500;
	margin-top : 50px;
}

@media(max-width : 750px){
	/**/
    .header{height : 13.0667vw;padding : 0 5.0667vw;}
    .main-logo{width : 35.7333vw;height : 4.9333vw;}

    .header-right{gap : 3.3333vw}
    .header-tel{width :7.7333vw;height : 7.7333vw;}
    .hamburger{width : 5.4667vw;height : 5.4667vw;}
    .hamburger > span{height : 0.2667vw;}

    .hamburger-nav{padding : 13.3333vw 5.0667vw 0;}
    .hamburger-nav > ul > li > a{font-size : 4vw;;padding : 7.6000vw 0 2.9333vw;}
    .hamburger-nav > ul > li > a::after{width : 1.3333vw;height : 1.3333vw;top : 1.3333vw;}
    .hamburger-nav > ul > li > ul > li > a{font-size : 2.9333vw;padding : 2.0000vw;}

	.hamburger-btn-box > a{gap : 1.8667vw; font-size: 3.2000vw;padding : 0.8000vw 0;}
    .hamburger-btn-box > a:nth-child(2){font-size: 4.1333vw;}

	.footer{padding : 11.7333vw 4.2667vw 8.6667vw;}
	.footer-logo{width : 16.0000vw;margin-bottom: 5.0667vw;}
	.footer-ul{gap : 0.9333vw 3.7333vw;font-size: 1.8667vw;margin-bottom: 3.3333vw;}
	.footer-ul > li:not(:last-child)::after{width : 0.1333vw;height : 1.3333vw;right : -1.6000vw;}
	.footer-info{font-size: 1.8667vw;margin-bottom: 4.5333vw;}
	.footer-info > li{padding-left: 1.0667vw;font-size: 1.8667vw;}
	.footer-copy{font-size: 1.8667vw;margin-bottom: 10.6667vw;}
	.sigong{gap : 2.6667vw 5.3333vw;}
	.sigong > li{gap : 3.2000vw;font-size: 1.8667vw;}
	.sigong > li > span::after{height : 1.2000vw;right : -1.4667vw;}
	.footer-tel{font-size: 4.4000vw;}

	.footer-btn{
		padding : 0.5333vw 1.4667vw;
		border-radius : 0.6667vw;
		font-size : 2.1333vw;
		margin-top : 6.6667vw;
	}
	.footer-link{gap : 3.7333vw;font-size: 2.4000vw;margin-top : 6.6667vw;}
    .footer-link > li:not(:last-child)::after{height : 1.3333vw;right : -1.6000vw;}
}