@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: AV;
    src: url(/assets/fonts/Antro_Vectra_Bolder.woff2);
    font-weight: 700;
}
@font-face {
    font-family: CC;
    src: url(/assets/fonts/CarismaClassic-600DemiBold.woff2);
    font-weight: 600;
}
@font-face {
    font-family: CG;
    src: url(/assets/fonts/CarismaGothic-500Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: NS;
    src: url(/assets/fonts/NanumSquareR.woff2);
    font-weight: 400;
}
@font-face {
    font-family: NS;
    src: url(/assets/fonts/NanumSquareB.woff2);
    font-weight: 700;
}
@font-face {
    font-family: NM;
    src: url(/assets/fonts/NanumMyeongjo.woff2);
    font-weight: 400;
}

@font-face {
    font-family: brown;
    src: url(/assets/fonts/Brown_Regular.woff2);
    font-weight: 400;
}
@font-face {
    font-family: brown;
    src: url(/assets/fonts/Brown-Light.woff2);
    font-weight: 300;
}
@font-face {
    font-family: MB;
    src: url(/assets/fonts/MaruBuri-SemiBold.woff2);
    font-weight: 300;
}
@font-face {
    font-family: GG;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: GG;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

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

html{scroll-behavior: smooth;}

#wrap{max-width: 720px; margin : 0 auto;}
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*/

.is--pc { display: none; }
.is--mobile { display: block; }


/**/
.header{display: flex;justify-content: center; position : fixed;left : 50%;top : 0;width : 100%;z-index: 1000;transform: translateX(-50%); transition : background .3s, transform .5s;height : 90px;max-width: 750px; border-bottom : 1px solid #ddd; background: #fff;}
.header.sub{position : absolute;}
.header.on{background: #fff; }
.header.hide{transform: translateY(-100%);}
.header-inner{display: flex;justify-content: space-between;align-items: center; width : 100%; padding : 0 35px 0 39px;}

.main-logo{position : absolute;left : 50%;transform: translateX(-50%);width : 36%; height : 100%;}
.main-logo > a{display: flex; justify-content : center;width : 100%;height : 100%; color : #fff; font-size: 27px; line-height: 1em; font-family: PT; transition : color .3s;}
.main-logo > a img {width : 100%; margin: auto; object-fit : contain; object-position : center; transition : opacity .5s;}

.header-right{display: flex;align-items: center; gap : 17px}
.header .customer{display: flex;width : 34px; height :31px; background: url("data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 31" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round"><circle cx="14" cy="11" r="5"/><path d="M5 26c0-4.4 4-8 9-8s9 3.6 9 8"/><path d="M26 8v8M22 12h8"/></svg>")no-repeat center / contain; transition : filter .5s; filter: invert(1);}

.header .header-tel{display: flex;width : 48px; height :48px; background: url(/m/assets/images/common/header-tel-icon.png?v=20260915)no-repeat center / contain;}

.hamburger{display: flex;align-items: center;justify-content: center;width : 39px;height : 23px;position : relative;}
.hamburger > span{width : 100%;height : 3px;background: #003A64;position : absolute; transition : transform .5s, background .5s;}
.hamburger > span:nth-child(1){transform: translateY(-350%);}
.hamburger > span:nth-child(3){transform: translateY(350%);}

.header.active .hamburger > span{background: #111;}
.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: 750px;height : 100vh;position : fixed;left : 50%;transform: translateX(-150%);z-index: 999; transition : transform .7s; padding: 90px 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;}
/**/


/* 오리발 */
.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{font-family: PT;background: #151515;}
.footer-inner{position : relative; padding : 86px 48px;}
.footer-logo{width : 180px;margin-bottom: 24px;;}
.footer-ul{display: flex; flex-wrap: wrap; gap : 28px;color : #aaa;font-size: 18px;letter-spacing: -0.02em;margin-bottom: 18px;}
.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: #aaa;right : -12px;}
.footer-info{margin-bottom: 36px;}
.footer-info > li{padding-left: 15px;position : relative;color : #7E7E7E;font-size: 18px;letter-spacing: -0.04em;line-height: 1.6em;}
.footer-info > li::before{position : absolute; content: '※';left : 0;;}
.footer-copy{font-size: 16px;color : #fff; text-align: center; margin-top: 36px; margin-bottom: 36px;}
.sigong{display: flex;justify-content: end;gap : 40px;white-space: nowrap; width : 100%;}
.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: CarismaClassic;}

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

.top-btn{position : absolute;right : 36px;top : 36px; width : 41px}

@media(max-width : 720px){

    .header{height : 12.5000vw;}
    .header-inner{padding : 0 4.8611vw 0 5.4167vw;}
    .header-right{gap : 2.3611vw}
    .header .customer{width : 4.7222vw; height :4.3056vw;}
    .header .header-tel{width : 6.6667vw; height :6.6667vw;}
    .hamburger{width : 5.4167vw;height : 3.1944vw;}
    .hamburger > span{height : 0.4167vw;}
    .hamburger-nav{padding: 12vw 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{}
    .footer-inner{padding : 12vw 6.6667vw;}
    .footer-logo{width : 25.0000vw;margin-bottom: 3.3333vw;;}
    .footer-ul{gap : 1vw 3.8889vw;font-size: 2.5000vw;margin-bottom: 2.5000vw;}
    .footer-ul > li:not(:last-child)::after{height : 1.3889vw;right : -1.6667vw;}
    .footer-info{margin-bottom: 5.0000vw;}
    .footer-info > li{padding-left: 2.0833vw;font-size: 2.5000vw;}
    .footer-copy{font-size: 2.2222vw; margin-top: 5.0000vw; margin-bottom: 5vw;}
    .sigong{gap : 5.5556vw;}

    .footer-link{gap : 3.8889vw; font-size: 2.5000vw; margin-bottom: 5vw;}
    .footer-link > li:not(:last-child)::after{height : 1.3889vw;right : -1.6667vw;}
    .top-btn{width : 5.6944vw; right : 5vw; top : 5vw;}
}