@font-face {
    font-family: PT;
    src: url(../fonts/Pretendard-Light.woff2);
    font-weight: 300;
}
@font-face {
    font-family: PT;
    src: url(../fonts/Pretendard-Regular.woff2);
    font-weight: 400;
}
@font-face {
    font-family: PT;
    src: url(../fonts/Pretendard-Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: PT;
    src: url(../fonts/Pretendard-Bold.woff2);
    font-weight: 700;
}
@font-face {
    font-family: AV;
    src: url(../fonts/Antro_Vectra.woff2);
    font-weight: 400;
}
@font-face {
    font-family: AV;
    src: url(../fonts/Antro_Vectra_Bolder.woff2);
    font-weight: 700;
}
@font-face {
    font-family: CC;
    src: url(../fonts/CarismaClassic-600DemiBold.woff2);
    font-weight: 600;
}
@font-face {
    font-family: CG;
    src: url(../fonts/CarismaGothic-500Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: NS;
    src: url(../fonts/NanumSquareR.woff2);
    font-weight: 400;
}
@font-face {
    font-family: NS;
    src: url(../fonts/NanumSquareB.woff2);
    font-weight: 700;
}
@font-face {
    font-family: NM;
    src: url(../fonts/NanumMyeongjo.woff2);
    font-weight: 400;
}

@font-face {
    font-family: brown;
    src: url(../fonts/Brown_Regular.woff2);
    font-weight: 400;
}
@font-face {
    font-family: brown;
    src: url(../fonts/Brown-Light.woff2);
    font-weight: 300;
}

*{margin : 0;padding : 0; box-sizing: border-box;}
li{list-style: none;}
a{text-decoration: none; color : inherit}
img{display: block;max-width: 100%;}
.moView{display : none !important}

html{scroll-behavior: smooth;}

body.fixed{overflow: hidden;}
/* 마우스오버 ANIMATION CSS */
.hover_ani{position:relative;/*width:500px;height:500px;*/}
.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%;}
/* 마우스오버 ANIMATION CSS END*/

/**/
.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, transform 1s;padding : 0 90px; transform: translateY(-100%);}
.header.show{transform: translateY(0);}
.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{transform: translateY(-100%);}
.header.on::after{height : 180px;}

.header.sub{position : absolute;}
.header-inner{display: flex;align-items: center;justify-content: space-between;width : 100%;max-width: 1740px;min-width: 1200px;height : 100%;margin : 0 auto;}
/* @media(max-width : 1600px){
	.header{padding : 0 30px;}
	.header-inner{width : 100%;min-width : 0;}
} */
.header-right{display: flex;align-items: center;gap : 30px;flex-shrink: 0;}

.header .customer{display: flex; color : #fff; align-items: center; gap : 8px; font-size: 15px; font-family: PT; font-weight: 500; transition : color .5s;}
.header.dark .customer{color : #000}
.header.sub .customer{color : #000}
.header.on .customer{color : #000}

.header-tel{display: flex;align-items: center;gap : 9px;font-size: 22px;color : #fff;transition: color .5s; font-family: CG; font-weight: 500;}
.header.dark .header-tel{color : #000;}
.header.sub .header-tel{color : #000;}
.header.on .header-tel{color : #000;}

.main-logo{width : 265px;height : 48px;background : url(../images/common/main-logo.png)no-repeat center / contain; transition : background .5s;}
.header.dark .main-logo{background : url(../images/common/main-logo-dark.png)no-repeat center / contain}
.header.sub .main-logo{background : url(../images/common/main-logo-dark.png)no-repeat center / contain}
.header.on .main-logo{background : url(../images/common/main-logo-dark.png)no-repeat center / 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 19px;font-size: 15px;letter-spacing: -0.04em;color : #fff;position : relative; font-weight: 500; transition : color .5s;}
.header.sub .header-nav > ul > li > a{color : #111;}
.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: 700;color : #981B1E !important;}
.header-nav > ul > li > a::after{position : absolute;content : '';left : 50%;top : 0;width : 1px;height : 0;background : #981B1E;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 : #981B1E;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 : #981B1E;}

/**/
.hamburger-nav{display: none;}
.hamburger{display: none;}
.hamburger-nav{display : none;}
.hamburger-dim{display : none;}

/**/

/* 오리발 */
.page_info{display: flex;flex-direction: column;justify-content: center;background : #f7f7f7;max-width : 1408px;border : 1px solid #e5e5e5;padding : 25px 60px 25px 120px;min-height : 120px;font-size: 13px;letter-spacing: -0.04em;color : #777;position : relative;margin : 2em auto 0;}
.page_info::after{display: flex;align-items: center;justify-content: center;color : #fff;font-size: 36px;font-weight: 700;content : '!';position : absolute;width : 70px;height : 70px;border-radius: 50%;background : #ddd;left : 25px;top : 50%;transform: translateY(-50%);}
.page_info > li{position : relative;padding-left : 14px;}
.page_info > li + li{margin-top : 3px;}
.page_info > li::before{content : '※ ';position : absolute;left : 0;font-size: 11px;line-height: 18px;}

.page_info > li p{display : flex; font-size : 12px;gap : 5px;}
.page_info > li p:nth-of-type(1){margin-top: 5px;}
.page_info > li p + p{margin-top: 3px;}

.page_info > li > p b{white-space : nowrap;}

/**/
.footer{display: flex;justify-content: center;width : 100%;padding : 70px 0;background : #121212;position :relative;z-index : 1;}
.footer-inner{display: flex; align-items: center; gap : 60px}

.sigong{display: flex;gap : 45px; font-size: 17px; font-family: NS; font-weight: 700; color : #898989; margin-bottom: 20px;}
.sigong li > span{font-size: 13px; color : #626262}

.footer-ul{display: flex; font-size: 13px; font-family: NS; letter-spacing: -0.04em; color : #898989; margin-bottom: 10px; font-weight: 700;}
.footer-ul > li{padding-right: 10px;}
.footer-ul > li:not(:first-child){padding-left: 10px;}

.footer-copy{font-size: 13px; font-family: NS; letter-spacing: -0.04em; color : #898989; margin-bottom: 20px; font-weight: 700;}

.footer-info{font-size: 13px; font-family: NS; letter-spacing: -0.04em; color : #626262; margin-bottom: 20px; font-weight: 700;}

@media(max-width : 1200px){

    .quick-menu{display : none;}
	.moView{display : block !important;}
	.pcView{display : none !important;}
	.header{height : 80px;padding : 0 20px; max-width: 720px; background: #fff !important; left : 50%; transform: translateX(-50%) !important; border-bottom : 1px solid #ddd !important;}
	.header.on{background : transparent;border-color : transparent;}
	.header.on::after{height : 0;}
	.header-inner{justify-content : end;min-width : 0;}
	.header-nav{display: none;}
	.hamburger{display: flex;align-items: center;justify-content: center;width : 54px;height : 54px;border-radius: 50%;background : #111;position :absolute;left : 20px;}
    .hamburger > span{width : 20px;height : 1px;background : #fff;position : absolute;transition : transform .5s, opacity .5s;}
	.hamburger > span:nth-child(1){transform: translateY(-4px);}
    .hamburger > span:nth-child(3){transform: translateY(4px);}
    .header.active .hamburger > span:nth-child(1){transform: translateY(0) rotate(-45deg);}
	.header.active .hamburger > span:nth-child(2){opacity : 0;}
	.header.active .hamburger > span:nth-child(3){transform: translateY(0) rotate(45deg);}
	.main-logo{width : 40%;height : 100%;position : absolute;left : 50%;transform : translateX(-50%);}
	.main-logo{background : url(/assets/images/common/main-logo-dark.png)no-repeat center / contain !important;}
	
	.header-tel{width : 54px;margin-right: 0;}
    .header-tel-icon{width : 100%;}
    
	.hamburger-nav{ display : block;position : fixed;left : 0;top : 0;width : 100%;max-width : 720px;height : 100%;background : #fff;z-index : 999;padding : 100px 38px 0;transform : translateX(-150%);transition : transform .7s;font-family : PT;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 : flex; align-items : center;font-weight : 500;letter-spacing : -0.04em;font-size : 30px;;color : #9D9D9D;padding : 30px 0;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: #981B1E;}
    .hamburger-nav > ul > li:hover > a::after{transform : scale(1)}
    .hamburger-nav > ul > li:hover > a{color : #981B1E;border-bottom: 1px solid #981B1E;font-weight : 700;}

    .hamburger-nav > ul > li > a > span{display : flex; align-items : center; justify-content : center; width : 12px;height : 12px;position : absolute;right : 0;}
    .hamburger-nav > ul > li > a > span::before{position :absolute;content : '';width : 100%;height : 2px;background: #111;}
    .hamburger-nav > ul > li > a > span::after{position :absolute;content : '';width : 2px;height : 100%;background: #111;transition : transform .5s;}
    .hamburger-nav > ul > li.current > a > span::after{transform : rotate(270deg)}
    .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 : 24px;padding : 18px;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;}

	/**/
    .footer{padding : 80px 60px;}
    .footer-logo{max-width: 180px;}
    .footer-inner{display: flex;flex-direction: column;  align-items: center; gap : 30px}

    .sigong{flex-direction: column;align-items: center; gap : 12px; font-size: 18px; margin-bottom: 24px;}
    .sigong li > span{font-size: 15px; color : #626262}

    .footer-ul{flex-direction: column;align-items: center; font-size: 18px; margin-bottom: 24px; gap : 12px;}
    .footer-ul > li{padding-right: 0px;}
    .footer-ul > li:not(:first-child){padding-left: 0px;}

    .footer-copy{font-size: 16px; margin-bottom: 24px; text-align: center;}

    .footer-info{font-size: 16px; margin-bottom: 20px; font-weight: 700; text-align: center;}

}

@media(max-width : 720px){

    .header{height : 11.1111vw;padding : 0 2.7778vw;}
	.hamburger{width : 7.5000vw;height : 7.5000vw;left : 2.7778vw;}
    .hamburger > span{width : 2.7778vw;}
	.header-tel{width : 7.5000vw;}
	.hamburger-nav{padding : 13.8889vw 5.2778vw 0;}
    .hamburger-nav > ul > li > a{font-size : 4.1667vw;padding : 4.1667vw 0;}
    .hamburger-nav > ul > li > a::after{width : 1.3889vw;height : 1.3889vw;top : 1.3889vw;}
    .hamburger-nav > ul > li > ul > li > a{font-size : 3.3333vw;padding : 2.5000vw;}

	/**/
    .footer{padding : 11.1111vw 8.3333vw;}
    .footer-inner{gap : 6.3333vw}
    .sigong{gap : 1.6667vw; font-size: 2.5000vw; margin-bottom: 3.3333vw;}
    .sigong li > span{font-size: 2.0833vw;}
    .footer-ul{font-size: 2.5000vw; margin-bottom: 3.3333vw; gap : 1.6667vw;}
    .footer-copy{font-size: 2.2222vw; margin-bottom: 3.3333vw;}
    .footer-info{font-size: 2.2222vw; margin-bottom: 2.7778vw;}


}