/** FONT **/
@font-face {font-family: PT; src: url(../fonts/PretendardVariable.woff2); font-weight: 45 920; font-style: normal; font-display: swap;}
@font-face {font-family: AV; src: url(../fonts/Antro_Vectra.woff2); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: AV; src: url(../fonts/Antro_Vectra_Bolder.woff2); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: CC; src: url(../fonts/CarismaClassic-600DemiBold.woff2); font-weight: 600; font-style: normal; font-display: swap;}
@font-face {font-family: NS; src: url(../fonts/NanumSquareR.woff2); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: NS; src: url(../fonts/NanumSquareB.woff2); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: NM; src: url(../fonts/NanumMyeongjo-Regular.woff2); font-weight: 400; font-style: normal; font-display: swap;}
@font-face {font-family: NM; src: url(../fonts/NanumMyeongjo-Bold.woff2); font-weight: 700; font-style: normal; font-display: swap;}
@font-face {font-family: NM; src: url(../fonts/NanumMyeongjo-ExtraBold.woff2); font-weight: 800; font-style: normal; font-display: swap;}
@font-face {font-family: MM; src: url(../fonts/MinervaModernRegular.woff); font-weight: 400; font-style: normal; font-display: swap;}
@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-style: normal; 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-style: normal; font-display: swap;}

/** RESET **/
*, *::before, *::after{margin : 0;padding : 0; box-sizing: border-box;}
html{-webkit-text-size-adjust:100%; scroll-behavior: smooth;}
body{line-height:1; font-family: PT; color:#000;}
ul, ol, li{list-style: none;}
a{text-decoration: none; color : inherit} 
img, picture, svg, video, canvas{display: block;max-width: 100%;}
button, input, textarea, select{font:inherit; color:inherit; border:none; background:none; outline:none;}
button{cursor:pointer;}
table{border-collapse:collapse; border-spacing:0;}
/** RESET END **/


/* 마우스오버 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{position : fixed; width : 100%; position :fixed; left : 0;top : 0; z-index: 10000;transition :transform 1s, background .5s, border-color .5s; border-bottom : 1px solid transparent; transform: translateY(-100%); height : 100px; padding : 0 80px;

    &::after{position :absolute; content : ''; width : 100%; height : 0px; background: #fff; top : calc(100% + 1px);left : 0; z-index: -1; transition : .5s;}

    &.dark{
        .header-nav > ul > li > a{color : #000}
        .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
        /* .customer{color : #00285C} */
        /* .customer-icon{background: url(../images/common/customer-icon-dark.png)no-repeat center / contain;} */
        .header-tel{color : #000;}
        .header-tel-icon{background: url(../images/common/header-tel-icon-dark.png)no-repeat center / contain;}
    } 

    &.on{background: #fff; border-color: #E5E5E5;

        .header-nav > ul > li > a{color : #000}
        .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
        /* .customer{color : #000} */
        /* .customer-icon{background: url(../images/common/customer-icon-dark.png)no-repeat center / contain;} */
        .header-tel{color : #000;}
        .header-tel-icon{background: url(../images/common/header-tel-icon-dark.png)no-repeat center / contain;}

        /* 헤더 마우스오버시 높이값 조정 */
        &::after{height : 180px;}
        /* 헤더 마우스오버시 높이값 조정 */

        .header-nav > ul > li:hover > a{font-weight: 700;color : #3c2d18 !important;}
        .header-nav > ul > li > ul{opacity: 1; pointer-events: all;}
    }
    &.show{transform: translateY(0);}
    &.hide{transform: translateY(-100%);}

    &.sub{position : absolute;
        .header-nav > ul > li > a{color : #000}
        .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
        /* .customer{color : #00285C} */
        /* .customer-icon{background: url(../images/common/customer-icon-dark.png)no-repeat center / contain;} */
        .header-tel{color : #000;}
        .header-tel-icon{background: url(../images/common/header-tel-icon-dark.png)no-repeat center / contain;}
    }
}

.header-inner{display: flex;justify-content: space-between; align-items: center; width : 100%; height : 100%; margin : 0 auto; min-width : 1600px;}
.main-logo{width : 384px;height : 28px; background: url(/assets/images/common/main-logo.png)no-repeat center / contain; transition : background .5s;}
.main-logo > a{display: block;width : 100%;height : 100%; font-size: 0px; color : transparent;}

.header-right{display: flex; align-items: center; height : 100%;}

.header-nav{white-space: nowrap; height : 100%; font-family: PT; /* position : absolute; left : 50%; transform: translateX(-50%); */ margin-right: 60px;}
.header-nav > ul{display: flex; height : 100%;}
.header-nav > ul > li{display: flex;justify-content: center;align-items: center; position : relative; height : 100%;}
.header-nav > ul > li:hover > a{font-weight: 700; color: #fff;}
.header-nav > ul > li > a{display: flex;align-items: center;justify-content: center; height : 100%; padding : 0 23px; font-size: 18px; position : relative; color : #fff; transition : color .5s; font-weight: 500;}

.header-nav > ul > li > a::before{clip-path : inset(0 50%);position : absolute;content : '';transform: translateY(-16px) scale(1) rotate(0deg); width : 30px; height : 1px; background : #3c2d18;opacity : 0; transition : opacity .5s, transform .5s, background .5s, width .5s, height .5s, clip-path .5s;}
.header-nav > ul > li:hover > a::before{clip-path : inset(0); width : 5px;height : 5px; transform: translateY(-16px) scale(1) rotate(45deg); opacity : 1; transition : opacity .5s, transform .5s .5s, background .5s, width .3s .5s, height .3s .5s, clip-path .5s;}

.header-nav > ul > li > ul{position : absolute; top : 100%; padding : 30px 0; text-align: center; font-family: PT; font-weight: 15px; font-weight: 500; color : #7C7C7C; letter-spacing: -0.033em; opacity: 0; pointer-events: none; transition : .5s;}
.header-nav > ul > li > ul > li > a{display: block;padding : 9px 0;}
.header-nav > ul > li > ul > li:hover > a{color : #3c2d18; font-weight: 700;}
.customer{display: flex;align-items: center; color : #3c2d18; font-family: PT; font-size: 18px; font-weight: 500;gap : 5px; transition : .5s; margin-right: 30px;}
.customer-icon{width : 21px;height : 20px; background: url(../images/common/customer-icon.png)no-repeat center / contain; transition : .5s;}

.header-tel{display: flex; align-items: center; gap : 15px; color : #fff; font-size: 24px; font-family: jost; font-weight: 500; transition : .5s;}
.header-tel-icon{width : 16px;height : 16px; background: url(../images/common/header-tel-icon.png)no-repeat center / contain; transition : .5s;}

/**/

/**/

/* footer */
.footer{position : relative; width : 100%; height : 463px; background: #151515; color : #fff;}
.footer-inner{position : relative; width : 100%; height : 100%; padding : 75px 4.5833vw 0; min-width : 1600px;}
.footer-logo{display: block;}
.footer-ul{display: flex; flex-wrap: wrap; margin-top: 50px; font-size: 14px; line-height:1.85; color : #fff;
    & > li + li::before{content : '|'; margin : 0 6px;}
}
.footer-info{margin-top: 36px;
    & > li{font-size: 14px; letter-spacing: -0.06em; font-weight: 400; line-height: 1.71; color : #656565;}
}
.footer-copy{margin-top: 36px; font-size: 14px; letter-spacing: -0.02em; line-height: 1.85; color : #fff;}
.footer-tel{position : absolute; right : 4.5833vw; top : 289px; font-family: roboto; font-size: 37px; line-height: 1.32; color : #fff;}
.sigong{display: flex;align-items: center; position : absolute; right : 4.5833vw; top : 354px;
    & > li{display: flex;align-items: center; gap : 14px; position : relative;
        & > span{font-size: 14px; letter-spacing: -0.06em; font-weight: 400; color : #A8A8A8;}
        & > img{display: block; height : 26px;}
    }
    & > li + li{margin-left: 10px;}
}
.footer-top{position : absolute; right : 4.5833vw; top : 57px; width : 41px; height : 41px; border : 1px solid #6E6E6E; border-radius: 50%; transition : .5s;
    &::before{position :absolute; content : ''; left : 50%; top : 11px; width : 1px; height : 62px; background: #6E6E6E; transition : .5s;}
    &::after{position :absolute; content : ''; left : 50%; top : 9px; width : 8px; height : 8px; border-top : 1px solid #6E6E6E; border-left : 1px solid #6E6E6E; transform: translateX(-50%) rotate(45deg); transition : .5s;}
    &:hover{border-color : #fff;
        &::before{background: #fff;}
        &::after{border-color : #fff;}
    }
}

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

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

.privacy-btn{display : block; position: absolute; bottom : 0; right : 0; border : 1px solid rgba(255,255,255,0.8); color : rgba(255,255,255,0.8); padding : 8px 12px 6px; font-size : 15px; letter-spacing : -0.04em}