@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-Bold.woff2);
    font-weight: 700;
}
@font-face {
    font-family: CarismaClassic;
    src: url(/assets/fonts/CarismaClassic-600DemiBold.woff2);
    font-weight: 600;
}
@font-face {
    font-family: MinervaModern;
    src: url(/assets/fonts/MinervaModernRegular.woff);
    font-weight: 400;
}
@font-face {
    font-family: AntroVectra;
    src: url(/assets/fonts/Antro_Vectra.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%;}

/**/
.hover_ani{position:relative;}
.hover_ani>span.line{position:absolute;transition:width .5s,height .5s;background:#111;z-index: 10;}
.hover_ani>span.line:nth-child(1){width:0px;height:1px;left:0;top:0;}
.hover_ani>span.line:nth-child(2){width:1px;height:0px;right:0;top:0;}
.hover_ani>span.line:nth-child(3){width:0px;height:1px;right:0;bottom:0;}
.hover_ani>span.line:nth-child(4){width:1px;height:0px;left:0;bottom:0;}
.hover_ani:hover>span.line:nth-child(1),.hover_ani:hover>span.line:nth-child(3){width:100%;height:1px;}
.hover_ani:hover>span.line:nth-child(2),.hover_ani:hover>span.line:nth-child(4){width:1px;height:100%;}



/**/
/* .header{width : 100%;height : 100px;position : fixed;left : 0;top : 0;background : rgba(255,255,255,0);z-index: 1001;border-bottom : 1px solid transparent;transition : background .5s, border-color .5s, opacity 1.2s;padding : 0 90px;}
.header::after{position : absolute;content : '';width : 100%;height : 0;background : #fff;top : calc(100% + 1px);left : 0;transition : height .5s;z-index : -1;}
.header.on{background : #fff;border-bottom : 1px solid rgba(0,0,0,0.2);}
.header.hide{opacity : 0 !important;pointer-events : none;}
.header.on::after{height : 0px;}
.header.sub{position : absolute;}
.header-inner{display: flex;align-items: center;justify-content: space-between;width : 100%;max-width: 1740px;min-width: 1740px;height : 100%;margin : 0 auto;}
.header-right{display: flex;align-items: center;gap : 39px;flex-shrink: 0;}

.customer{display: flex;align-items: center;gap : 10px;font-size: 16px;color : #fff;transition: color .5s;font-weight: 700;font-family: pretendard;}
.header.dark .customer{color : #111}
.header.on .customer{color : #111}
.customer-icon{width : 40px;height : 40px;background: url(/assets/images/common/customer-icon.png)no-repeat center / contain; transition : background .5s;}
.header-tel{display: flex;align-items: center;gap : 10px;font-size: 21px;color : #fff;transition: color .5s;}
.header-tel-icon{width : 40px;height : 40px;background: #AB9284 url(/assets/images/common/header-tel-icon.png)no-repeat center / 16px; border-radius: 50%; transition : background .5s;}
.header.dark .header-tel-icon{}
.header-tel > span{font-family: Ofelia-text;font-weight: 700;}
.header.dark .header-tel{color : #111;}
.header.on .header-tel{color : #111;}
.main-logo{width : 168px;height : 24px;background : url(/assets/images/common/main-logo.png?v=1)no-repeat center;background-size: contain;transition : background .5s;}
.header.on .main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center;background-size: contain;}
.header.dark .main-logo{background : url(/assets/images/common/main-logo-dark.png?v=1?v=1)no-repeat center;background-size: contain;}
.header.active .main-logo{background : url(/assets/images/common/main-logo-dark.png?v=1?v=1)no-repeat center;background-size: contain;}
.main-logo > a{display: block;width : 100%;height : 100%;font-size: 0;line-height: 0;color : transparent;}
.header-nav{display: flex;justify-content: center;height : 100%;}
.header-nav > ul{display: flex;align-items: center;height : 100%;white-space : nowrap;}
.header-nav > ul > li{display : flex;justify-content : center;height : 100%;position : relative;}
.header-nav > ul > li > a{display: flex;align-items: center;height : 100%;padding : 0 20px;font-size: 15px;letter-spacing: -0.04em;color : #fff;position : relative;transition: color .5s;}
.header.dark .header-nav > ul > li > a{color : #111;}
.header.on .header-nav > ul > li > a{color : #111;}
.header.on .header-nav > ul > li:hover > a{font-weight: 500;color : #06033c !important;}
.header-nav > ul > li > a::after{position : absolute;content : '';left : 50%;top : 0;width : 1px;height : 0;background : #06033c;transform: translateX(-50%);transition : height .5s, background .5s;}
.header-nav > ul > li:hover > a::after{height : 20px;}
.header-nav > ul > li > a::before{position : absolute;content : '';width : 5px;height : 5px;background : #06033c;border-radius: 50%;top : 20px;left : 50%;transform: translateX(-50%) scale(0);transition : transform .5s, background .5s;}
.header-nav > ul > li:hover > a::before{transform: translateX(-50%) scale(1);}
.header-nav > ul > li > ul {position : absolute;top : 100%;padding : 20px 0 0;opacity : 0;pointer-events : none;transition : opacity .5s;}
.header.on .header-nav > ul > li > ul{opacity : 1;pointer-events : all;}
.header-nav > ul > li > ul > li > a{display : block;color : #111;font-size : 14px;text-align : center;padding : 3px 0;letter-spacing : -0.04em;}
.header-nav > ul > li > ul > li > a:hover{font-weight : 500;color : #06033c;} */

.header{width : 100%;border-bottom :1px solid rgba(255,255,255,0.1);z-index : 1000;position : fixed;top : 0;left : 0;transition : background .5s, border-color .5s, opacity 1s;}
.header.back{background : #fff;border-color : rgba(0,0,0,0.1);}
.header.dark{border-color : rgba(0,0,0,0.1);}
.header.hide{opacity : 0 !important;pointer-events : none;}
.header.sub{position : absolute;}
.header.on{background : #fff;border-color : rgba(0,0,0,0.1);}
.header::after{position : absolute;content : '';background : #fff;width : 100%;height : 0;left : 0;top : calc(100% + 1px);transition : height .5s, opacity .5s;opacity : 0;z-index : -1;}
.header.on::after{opacity : 1;height : 200px;}
.header-top{display : flex;justify-content : center;align-items : center;height : 84px;border-bottom : 1px solid rgba(255,255,255,0.1);transition : border-color .5s;}
.header.back .header-top{border-color : rgba(0,0,0,0.1);}
.header.dark .header-top{border-color : rgba(0,0,0,0.1);}
.header.on .header-top{border-color : rgba(0,0,0,0.1);}
.header-inner{display : flex;justify-content : space-between;align-items : center;width : 100%;min-width : 1600px;max-width : 1760px;height : 100%;position : relative;}
.header-open{color : #fff;font-size : 21px;letter-spacing : -0.06em;transition : color .5s;}
.header.dark .header-open{color : #06033C;}
.header.back .header-open{color : #06033C;}
.header.sub .header-open{color : #fff;}
.header.on .header-open{color : #06033C;}
.header-open > span{font-family : futura-pt;}
.main-logo{width : 268px;height : 24px;background : url(/assets/images/common/main-logo.png?v=1)no-repeat;background-size: contain;background-position : center;transition : background .5s;position : absolute;left : 50%;transform : translateX(-50%)}
.header.dark .main-logo{background : url(/assets/images/common/main-logo-dark.png?v=1)no-repeat;background-size: contain;background-position : center;}
.header.sub .main-logo{background : url(/assets/images/common/main-logo.png?v=1)no-repeat;background-size: contain;background-position : center;}
.header.back .main-logo{background : url(/assets/images/common/main-logo-dark.png?v=1)no-repeat;background-size: contain;background-position : center;}
.header.on .main-logo{background : url(/assets/images/common/main-logo-dark.png?v=1)no-repeat;background-size: contain;background-position : center;}
.main-logo > a{display: block;width : 100%;height : 100%;font-size: 0;color : transparent;line-height: 0;}
.header-right{display : flex;align-items : center;gap : 21px;}
.header-customer{display : flex;align-items : center;gap : 8px;color : #fff;transition : color .5s;font-size : 15px;font-weight : 700;}
.header.back .header-customer{color : #020039;}
.header.dark .header-customer{color : #020039;}
.header.sub .header-customer{color : #fff;}
.header.on .header-customer{color : #020039;}
.header-customer-icon{width : 30px;height : 30px;background : url(/assets/images/common/customer-icon.png?v=1)no-repeat center;background-size : contain;transition : background .5s;}
.header-tel{display : flex;align-items : center;gap : 8px;font-size : 28px;font-weight : 500;font-family : futura-pt;color : #fff;transition : color .5s;}
.header.back .header-tel{color : #3C3C3C;}
.header.dark .header-tel{color : #3C3C3C;}
.header.sub .header-tel{color : #fff;}
.header.on .header-tel{color : #3C3C3C;}
.header-tel-icon{width : 22px;height : 22px;background : url(/assets/images/common/header-tel-icon.png?v=1)no-repeat center;background-size : contain;transition : background .5s;}
.header.dark .header-tel-icon{background : url(/assets/images/common/header-tel-icon-dark.png?v=1)no-repeat center;
background-size : contain;}
.header.sub .header-tel-icon{background : url(/assets/images/common/header-tel-icon.png?v=1)no-repeat center;background-size : contain;}
.header.back .header-tel-icon{background : url(/assets/images/common/header-tel-icon-dark.png?v=1)no-repeat center;background-size : contain;}
.header.on .header-tel-icon{background : url(/assets/images/common/header-tel-icon-dark.png?v=1)no-repeat center;background-size : contain;}
.header-nav{display : flex;justify-content : center;width : 100%;height : 50px;letter-spacing : -0.04em;white-space : nowrap;}
.header-nav > ul{display : flex;margin : 0 auto;height : 100%;}
.header-nav > ul > li{display : flex;justify-content : center;height : 100%;position : relative;}
.header-nav > ul > li > a{display: flex;align-items : center;height : 100%;font-size : 15px;color : #fff;transition : color .5s;padding : 0 18px;position : relative;}
.header-nav > ul > li > a:hover{font-weight : 500;color : #020039;}
.header-nav > ul > li > a::after{position : absolute;content : '';width : 0px;height : 2px;bottom : 0;left : 50%;transition : width .5s, left .5s; background: #021976;}
.header-nav > ul > li:hover > a::after{width : 100%;left : 0;}

.header.dark .header-nav > ul > li > a{color : #3C3C3C;}
.header.sub .header-nav > ul > li > a{color : #fff;}
.header.back .header-nav > ul > li > a{color : #3C3C3C;}
.header.on .header-nav > ul > li > a{color : #3C3C3C;}
.header-nav > ul > li > ul{position : absolute;top : 100%;padding : 10px 0 0 0;transform : translateY(50px);opacity : 0;pointer-events : none;transition : transform .5s, opacity .5s;}
.header.on .header-nav > ul > li > ul{transform : translateY(0);opacity : 1;pointer-events : all;}
.header-nav > ul > li > ul > li > a{display : block;color : #3C3C3C;padding : 5px 0;white-space : nowrap;text-align : center;font-size : 14px;}
.header-nav > ul > li > ul > li > a:hover{font-weight : 500;}

/**/
.footer{padding : 50px 40px;font-family: pretendard;background: #151515;}
.footer-inner{width : 100%;max-width: 1740px;margin : 0 auto;position : relative;}
.footer-logo{margin-bottom: 25px;}
.footer-ul{display: flex;gap : 28px;color : #fff;font-size: 14px;letter-spacing: -0.02em;margin-bottom: 25px;}
.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: 22px;}
.footer-info > li{padding-left: 15px;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}
.sigong{display: flex;justify-content: end;gap : 40px;white-space: nowrap;position : absolute;bottom : 0;right : 0;}
.sigong > li{display: flex;align-items: center;gap : 33px; color : #fff;letter-spacing: -0.02em;font-weight: 600;font-size: 13px;}
.sigong > li > span{display: flex;align-items: center; color : #414141;position : relative;}
.sigong > li > span::after{position : absolute;content: '';width : 1px;height : 10px; background: #414141;right : -14px;}
.footer-tel{font-size: 36px;font-family:"pretendard";}

.footer-btn{
	position : absolute;
	color : #020039;
	background : #fff;
	padding : 4px 11px;
	border-radius : 5px;
	font-size : 16px;
	letter-spacing : -0.06em;
	font-weight : 500;
	position : absolute;
	right : 0;
	bottom : 60px;
}