@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: AV;
    src: url(../../../assets/fonts/Antro_Vectra.woff2);
    font-weight: 400;
}
@font-face {
    font-family: CC;
    src: url(../../../assets/fonts/CarismaClassic-600DemiBold.woff2);
    font-weight: 600;
}
@font-face {
    font-family: HW;
    src: url(../../../assets/fonts/HanwhaR.woff2);
    font-weight: 400;
}
@font-face {
    font-family: HG;
    src: url(../../../assets/fonts/06HanwhaGothicL.woff2);
    font-weight: 300;
}
@font-face {
    font-family: HG;
    src: url(../../../assets/fonts/05HanwhaGothicR.woff2);
    font-weight: 400;
}
@font-face {
    font-family: HG;
    src: url(../../../assets/fonts/04HanwhaGothicB.woff2);
    font-weight: 700;
}
@font-face {
    font-family: forena;
    src: url(../../../assets/fonts/FORENATTF.woff2);
}

*{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;}
/* 마우스오버 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{display: flex; justify-content: space-between; align-items: center; width : 100%;max-width: 720px; background: #fff; position : fixed; left : 50%; transform: translateX(-50%);top : 0; z-index: 1000; height : 100px; padding : 0 42px;}
.main-logo > a{font-size: 0; color : transparent; display: block; width : 100%;height : 100%;}
.main-logo{width : 157px;height : 42px; background: url(../../../assets/images/common/main-logo.webp)no-repeat center / contain;}

.header-right{display: flex;align-items: center;gap : 32px;}

.hamburger{display: flex;align-items: center;justify-content: center; width :50px; height : 50px;position : relative;}
.hamburger > span{width : 50px; height : 3px; background: #000;position : absolute;transition : transform .5s;}
.hamburger > span:nth-child(1){transform: translateY(-500%);}
.hamburger > span:nth-child(3){transform: translateY(500%);}

.header.active .hamburger > span:nth-child(1){transform: translateY(0) rotate(-45deg);}
.header.active .hamburger > span:nth-child(2){transform: scale(0);}
.header.active .hamburger > span:nth-child(3){transform: translateY(0) rotate(45deg);}

.hamburger-nav{position : absolute;background: #fff;width : 100vw;max-width: 720px;height : 100vh;position : fixed;left : 50%;transform: translateX(50%);z-index: 999; transition : transform .7s; padding: 100px 0;color : #111;}
.header.active + .hamburger-nav{transform: translateX(-50%);}

.hamburger-nav > ul{border-top: 1px solid #ddd; max-height: calc(100vh - 200px);height : 100%;overflow-y: scroll;}
.hamburger-nav > ul > li > a{display: block; font-size: 36px;font-family: PT; letter-spacing: -0.03em; font-weight: 500;padding : 20px 0; background: #fafafa;padding : 30px; border-bottom: 1px solid #ddd;}
.hamburger-nav > ul > li > ul{background: #f0f0f0;display: none;}
.hamburger-nav > ul > li > ul > li > a{display: block;padding : 20px; font-size: 28px;border-bottom : 1px solid #ddd; font-weight: 500; letter-spacing: -0.03em; font-family: PT;}
/**/

.footer{display: flex;justify-content: center; background: #202020;padding : 70px 0; color : #696969; max-width: 720px; margin : 0 auto; position : relative;}
.footer-inner{display: flex;flex-direction: column; align-items: center;  width : 100%; max-width: 1560px; text-align: center;}

.footer-logo{width : 210px; margin-bottom: 72px;}

.footer-tel{color : #969995; font-size: 23px; margin-bottom: 30px;}
.footer-tel .color{color : #7a5846;}

.sigong{font-size: 20px;}

.footer-p{font-size: 20px;}

.footer-info{font-size: 20px; line-height: 1.5em; margin-bottom: 10px;margin-top: 24px;}

.footer-copy{font-size: 20px;}

.top-btn{transform: translateY(-50%);position : absolute; top : 0; right : 68px; width : 50px;}

/* 오리발 */
.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;}

@media (max-width : 1200px){
	 /* 오리발 */
    .page_info{width : 92%;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;}

	.page_info > li p{font-size : 10px}
	.page_info > li p:nth-of-type(1){margin-top: 3px;}
	.page_info > li p + p{margin-top: 2px;}
}

@media(max-width : 720px){
    .header{padding : 0 5.8333vw; height : 13.8889vw}
    .main-logo{width : 21.8056vw;height : 5.8333vw;}

    .header-right{gap : 4.4444vw;}
    .header-tel{width : 6.25vw;}

    .hamburger{width :6.9444vw; height : 6.9444vw;}
    .hamburger > span{width : 100%; height : 0.4167vw;}

    .hamburger-nav{padding: 13.8889vw 0;}

    .hamburger-nav > ul{max-height: calc(100vh - 27.7778vw);}
    .hamburger-nav > ul > li > a{font-size: 5.0000vw;padding : 4.1667vw;}
    .hamburger-nav > ul > li > ul > li > a{padding : 2.7778vw; font-size: 3.8889vw;}

    .footer{padding : 9.7222vw 0;}

    .footer-logo{width : 29.1667vw; margin-bottom: 10.0000vw;}

    .footer-tel{font-size: 3.1944vw; margin-bottom: 4.1667vw;}

    .sigong{font-size: 2.7778vw;}

	.footer-p{font-size: 2.7778vw;}

    .footer-info{font-size: 2.7778vw; margin-bottom: 1.3889vw; margin-top: 3vw;}

    .footer-copy{font-size: 2.7778vw;}

    .top-btn{right : 9.4444vw; width : 6.9444vw;}
}