@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;/*width:500px;height:500px;*/}
.hover_ani>span.line{position:absolute;transition:width .5s,height .5s;background:#fff;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 : 90px;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 80px;}
.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.fill{background : #fff;border-bottom : 1px solid rgba(0,0,0,0.2);}
.header.hide{opacity : 0 !important;pointer-events : none;}
.header.on::after{height : 120px;}
.header.sub{position : absolute;}
.header-inner{display: flex;align-items: center;justify-content: space-between;width : 100%;max-width: 1760px;min-width: 1760px;height : 100%;margin : 0 auto;}
.header-right{display: flex;align-items: center;gap : 39px;flex-shrink: 0;/* padding-top: 30px; */}

.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.fill .customer{color : #111}
.header.sub .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: url(/assets/images/common/header-tel-icon.png)no-repeat center / 20px 20px #542785; transition : background .5s;border-radius : 50%;}
.header.dark .header-tel-icon{background: url(/assets/images/common/header-tel-icon.png)no-repeat center / 20px 20px #542785;}
.header-tel > span{font-family: Ofelia-text;font-weight: 700;}
.header.dark .header-tel{color: #542785;}
.header.fill .header-tel{color: #542785;}
.header.sub .header-tel{color: #542785;}
.header.on .header-tel{color : #111;}
.main-logo{width : 171px;height : 48px;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%;/* padding-top: 30px; */}
.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.fill .header-nav > ul > li > a{color : #111;}
.header.sub .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 > 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;}

/**/
.footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background : #000;
    padding : 67px 0 74px;
}
.footer-logo{
    margin-bottom: 22px;
}
.footer .sigong{
    display: flex;
    gap : 22px;
    font-size: 15px;
    color : #49352D;
    letter-spacing: -0.04em;
    margin-bottom: 22px;
}
.footer .sigong > li > span{
    font-size: 12px;
}
.footer-address{
    display: flex;
    align-items: center;
    gap : 16px;
    color : #49352D;
    position:relative;
    margin-bottom: 35px;
}
.footer-address > li{
    position : relative;
    letter-spacing: -0.02em;
}
.footer-address > li.sedae{
    color : #49352D;
    font-size: 15px;
    letter-spacing: -0.04em;
}
.footer-address > li:not(:last-child){
    padding-right : 16px;
}
.footer-address > li:not(:last-child)::after{
    position : absolute;
    content: '';
    top : 50%;
    right : 0;
    width : 1px;
    height : 10px;
    background : #49352D;
    transform: translateY(-50%);
}
.footer-address > li > span{
    color : #49352D;
}
.footer-info{
    color : #747474;
    font-size: 14px;
    letter-spacing: -0.02em;
    line-height: 24px;
    text-align: center;
    margin-bottom: 54px;
}
.footer-copy{
    font-size: 14px;
    letter-spacing: -0.02em;
    color : #747474;
}
@media(max-width : 991px){
    .page_info{width:100%;justify-content:center;padding:15px 20px 15px 20px;min-height:0;font-size:11px;}
    .page_info::after{display:none;}
    .page_info>li{position:relative;padding-left:12px;}
    .page_info>li+li{margin-top:4px;}
    .page_info>li::before{font-size:10px;line-height:18px;}
}