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

*{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*/

body.fixed{overflow: hidden;}


.header{display: flex;justify-content: center; position : fixed; top : 0;width : 100%;z-index: 1000;transform: translateY(0); 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 3vw 0 4vw;}

.main-logo{position : absolute;left : 50%;transform: translateX(-50%); width : auto; white-space : nowrap; }
.main-logo > a{display: flex; justify-content : center;align-items : center; width : 15vw;height : 100%; font-family: PT; transition : color .3s; font-family : forena; font-weight : 400; font-size : 4.5vw; white-space : nowrap; color : #002a4d}
.main-logo > a img { margin: auto; object-fit : contain; object-position : center; transition : opacity .5s;}
.main-logo > a img.dark{position : absolute;top : 0;opacity : 0;}
.header.active .main-logo > a img.dark{opacity: 1;}
.sub .main-logo > a img.dark{opacity : 1;}
.header.active .main-logo > a{color : #002a4d}
.header.dark .main-logo > a{color : #002a4d;}
.header.on .main-logo > a{color : #002a4d;}

.header-right{display: flex;align-items: center; gap : 17px}
.header .customer{width : 5.3056vw; height :5.3056vw;}
.header .header-tel{width : 4.4444vw; height : 4.4444vw;transition : filter .5s; filter: invert(1);}
/* .header.sub .customer{filter: invert(1);}
.header.active .customer{filter: invert(1);} */
/* .header.active .header-tel{filter: invert(1);} */
/* .header.sub .header-tel{filter: invert(1);} */

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

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


.footer { width: 100%; padding: 3.875rem 6.25rem 5rem; box-sizing: border-box; z-index: 998; background-color: #032330; color: #fff; position: relative; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; display: flex; justify-content: space-between; align-items: flex-start; }
.footer:after { content:''; width: 100%; height: 100vh; position: absolute; left: 0; top: -100vh; display: none; }
.footer-ul{display: flex;flex-wrap : wrap;justify-content : center; align-items : center; gap : 1vw 2vw; color : #7B7B7B;font-size: 2.8vw;letter-spacing: -0.02em;margin-bottom: 5vw;}
.footer-ul > li{display: flex;align-items: center; position : relative;font-weight: 300;}
.footer-ul > li b {color: #fff;}
/* .footer-ul > li:not(:last-child)::after{position :absolute;content: '';width : 1px;height : 10px;background: #aaa;right : -12px;} */
.footer_left { font-size: 13px; height: 100%; font-weight: 500; text-align: left; color: #fff; display: flex; justify-content: flex-start; align-items: flex-start; }
.footer_logo { margin-right: 2rem; }
.footer_left ul { display: flex; justify-content: flex-start; align-items: center; margin-top: 1.125rem; }
.footer_left ul li { display: flex; justify-content: flex-start; align-items: flex-end; gap: 0.25rem;  padding: 0 1rem; position: relative; line-height: 100%; font-weight: 400; }
.footer_left ul li:first-child { padding-left : 0; }
.footer_left ul li:after { position: absolute; content:''; width: 1px; height: 0.875rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; display: none; }
.footer_left ul li:last-child:after { display: none; }
.footer_left ul li h4 { font-size: 13px; line-height: 100%; font-weight: 300; opacity: 0.4; }
.footer_left ul li h2 { font-size: 15px; line-height: 100%; }
/* .footer_left ul li img { margin-left: 0.25rem; } */
.footer_left ul li h4 span { font-size: 13px; display: inline-block; margin-left: 0.25rem; }
/* .footer_left ul li:nth-child(1) img { margin-top: -0.625rem; } */
.footer_left p { line-height: 180%; color: #fff; margin-top: 1.125rem; font-weight: 300; }
.footer_left p:nth-child(3) { margin-top: 0; }
.footer_left p b { font-size: 16px; color: #fff; font-weight: 300; }
.footer_left p b span { color: #fff; font-weight: 500; }

.footer_left p br.tab { display: none; } 
.footer_left h5 { line-height: 100%; opacity: 0.4; font-weight: 300; margin-top: 0.25rem; opacity: 0.4; margin-top: 1.125rem; line-height: 148%; }
.footer_left h6 { line-height: 100%; margin-top: 3rem; font-weight: 300; opacity: 0.7; letter-spacing: 0; text-transform: uppercase; }

.footer_right { font-size: 13px; text-align: right; color: #fff; }
.footer_right ul { display: flex; justify-content: flex-end; align-items: center; gap: 0 4px; }
.footer_right ul li { width: auto; padding: 0 1.625rem; box-sizing: border-box; height: 2.5rem; line-height: 2.375rem; position: relative; font-weight: 400; border: 1px solid rgba(255,255,255,0.3); border: 1px solid #fff; text-align: center; color: #032330; }
.footer_right ul li:nth-child(1) { background-color: #fff; font-weight: 600; }
.footer_right ul li:last-child { color: #fff; }
/*.footer_right ul li:after { position: absolute; content:''; width: 1px; height: 0.8rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; }*/
.footer_right ul li span { color: #6aa9c4; font-size: 13px; margin-right: 0.3rem; }
.footer_right ul li img { margin-left: 0.3rem; margin-top: -1px; }
.footer_right ul li:last-child:after { display: none; }
.footer_right p { font-size: 13px; line-height: 150%; margin-top: 1.25rem; letter-spacing: -0.3px; font-weight: 300; }
.footer_right p span { color: #6aa9c4; }
.footer_right .top_bt {width: 10vw;height: 10vw;background-color: #f5f5f5;z-index:99;position: relative;display: inline-block;cursor:pointer;position: absolute;top: -6vw;right: 3vw;}
.footer_right .top_bt:before { content:''; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid rgba(0,0,0,1); border-top: 1px solid rgba(0,0,0,1); transform: rotate(45deg); z-index: 9;}

.footer.end:after { display: block; }

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

.top-btn {position: absolute;right: 6.67vw;top: 5vw;;width: 7vw;}

.footer{flex-direction: column;align-items: center;background:#151515;padding:15vw 6.67vw 12vw;}

.footer-logo {width: 22vw; margin: 0 auto 5vw;}
.sigong{width : 100%; margin-bottom: 5vw;}
.sigong h4{font-size:3.47vw;font-weight:700;color:rgba(255,255,255,.5);white-space:nowrap;}
/* .sigong img{height:5.33vw;width:auto;} */

.footer-info{display:flex;flex-direction:column;gap:2.13vw;margin-bottom:5.33vw; text-align : left;}
.footer-info li{font-size:2.4vw;color:rgba(255,255,255,.4);line-height:1.25em;letter-spacing:-.02em;}
.footer-info li::before{content :'※'; font-family : Noto Sans KR}

.footer-copy{font-size:2.5vw;color:rgba(255,255,255,.3);letter-spacing:.02em;}

.footer-btn{display : inline-block; color : #fff;border : 1px solid #fff; padding : 1.2vw 2.8vw 1.5vw; font-size : 2.5vw;letter-spacing : -0.06em;font-weight : 500;font-family : PT; margin-top: 5vw;}
.footer-btn:hover{background: rgba(255,255,255,0.1);}

@media(max-width : 750px){
    .header{height : 12.5000vw;}

    /* .main-logo{top : 5vw; width: 41.5333vw;} */
    /* .main-logo > a{font-size: 3.7500vw;} */

    .header-right{gap : 2.3611vw}
    .header .customer{width : 4.7222vw; height :4.3056vw;}

    /* .header .header-tel{width : 5.4444vw; height :4.4444vw;} */

    .hamburger{width : 7vw;height : 5vw;}
    .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;}

}