@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;
}

*{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{position : fixed; width : 100%; position :fixed; left : 0;top : 0;padding : 0 80px; z-index: 1000;border-bottom : 1px solid transparent; transition :transform 1s, background .5s, border-color .5s;}
.header.on{background: #fff; border-color : rgba(0,0,0,0.1)}
.header.hide{transform: translateY(-100%);}

.header::after{position : absolute; content : ''; width : 100%; height : 0px; transition : height .7s; top : calc(100% + 1px); left : 0; background: #fff; z-index : -1;}
.header.on::after{/* height : 120px; */}
.header-inner{display: flex;justify-content: space-between; align-items : center; width : 100%; height : 100px; max-width: 1740px;}
.main-logo{width : 167px;height : 47px; background: url(/assets/images/common/main-logo.png)no-repeat center / contain; transition : background .5s; /* position : absolute; left : 50%; transform: translateX(-50%); */}
.main-logo > a{display: block;width : 100%;height : 100%; font-size: 0px; color : transparent;}

.header-nav{height : 100%; color : #fff; transition : opacity .5s, color .5s;}
.header-nav > ul{display : flex; font-family : PT; font-weight : 500;height : 100%; letter-spacing : -0.04em; text-align : center;}
.header-nav > ul > li{height : 100%; display : flex; align-items : center; justify-content : center;position : relative;}
.header-nav > ul > li:hover > a{font-weight : 700}
.header-nav > ul > li > a{display : block; padding : 0 24px;}
.header-nav > ul > li > ul{position : absolute;top : 100%;padding : 20px 0; opacity : 0; pointer-events : none; transition : .5s;}
.header.on .header-nav > ul > li > ul{opacity : 1; pointer-events : all;}
.header-nav > ul > li > ul > li > a{display : block; padding : 7px 0;; font-size : 15px;}
.header-nav > ul > li > ul > li:hover > a{font-weight : 700;}

.header-right{display: flex; align-items: center; gap : 30px;}
.customer{display: flex; align-items: center; color : #fff; font-family: PT; font-size: 15px; gap : 4px; transition : color .5s;}
.customer-icon{width : 21px;height : 20px; background: url(/assets/images/common/customer-icon.png)no-repeat center / contain; transition : background .5s;}
.header-tel{display: flex; align-items: center; gap : 14px; font-family: CG; font-size: 21px;color : #fff; transition : color .5s;}

.hamburger{display: flex;align-items: center;justify-content: center;width : 27px;height : 27px; position : relative; transition : .5s;}
.active .hamburger{transform: rotate(135deg); transition-delay: .5s;}
.hamburger > span{width : 4px;height : 4px;background: #fff; transition : .5s; position : absolute;}
.hamburger > span:nth-child(1){left : 0;top :0;}
.hamburger > span:nth-child(2){top :0;}
.hamburger > span:nth-child(3){right : 0;top :0;}
.hamburger > span:nth-child(4){left : 0;}
.hamburger > span:nth-child(5){}
.hamburger > span:nth-child(6){right : 0;}
.hamburger > span:nth-child(7){left : 0;bottom :0;}
.hamburger > span:nth-child(8){bottom :0;}
.hamburger > span:nth-child(9){right : 0;bottom :0;}

.active .hamburger > span{transform: scale(0);}
.active .hamburger > span:nth-child(4){width : 100%;height : 3px; transform: scale(1);}
.active .hamburger > span:nth-child(2){height : 100%;width : 3px; transform: scale(1);}

.dark1 .main-logo{background: url(/assets/images/common/main-logo.png)no-repeat center / contain;}
.dark1 .customer{color : #000}
.dark1 .customer-icon{background: url(/assets/images/common/customer-icon-dark.png)no-repeat center / contain;}
.dark1 .header-tel{color : #A99270;}
.dark1 .hamburger > span{background: #000;}

.dark2 .header-nav{color : #000}
.dark2 .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.dark2 .customer{color : #000}
.dark2 .customer-icon{background: url(/assets/images/common/customer-icon-dark.png)no-repeat center / contain;}
.dark2 .header-tel{color : #A99270;}
.dark2 .hamburger > span{background: #000;}

.header.sub{position : absolute;}
.sub .header-nav{color : #000}
.sub .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.sub .customer{color : #000}
.sub .customer-icon{background: url(/assets/images/common/customer-icon-dark.png)no-repeat center / contain;}
.sub .header-tel{color : #A99270;}
.sub .hamburger > span{background: #000;}

.on .header-nav{color : #000}
.on .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.on .customer{color : #000}
.on .customer-icon{background: url(/assets/images/common/customer-icon-dark.png)no-repeat center / contain;}
.on .header-tel{color : #A99270;}
.on .hamburger > span{background: #000;}

.header.active{background : transparent; border-color : transparent;}
.active .header-nav{opacity : 0; pointer-events : none;}
.active .main-logo{background: url(/assets/images/common/main-logo-dark.png)no-repeat center / contain;}
.active .customer{color : #000}
.active .customer-icon{background: url(/assets/images/common/customer-icon-dark.png)no-repeat center / contain;}
.active .header-tel{color : #A99270;}
.active .hamburger > span{background: #000;}


.hamburger-nav{display: flex; position :fixed;width : 100%;height : 100%; z-index: 999; transform: translateX(100%);transition : transform 1s;top : 0; left : 0;}
.active + .hamburger-nav{transform: translateX(0); transition-delay: .4s;}

.hamburger-dim{position :fixed;width : 100%;height : 100%; z-index: 998;background: rgba(0,0,0,0.8); transition : opacity .7s; opacity: 0; pointer-events : none; left : 0;top : 0;}
.header.active ~ .hamburger-dim{opacity: 1; pointer-events : all;}

.hamburger-inner{display: flex;flex-direction: column;align-items: center; background: #fff;width : 100%;height : 100%; padding : 130px 80px 0px}
.hamburger-inner > ul{width : 100%; max-width: 1740px;max-height: calc(100% - 100px); overflow: scroll;position :relative; padding-bottom: 50px;}
.hamburger-inner > ul::-webkit-scrollbar{width : 0px;}
.hamburger-inner > ul > li{display: flex;align-items: center; height : 106px; background: #F6F2ED;position : relative; border : 1px solid #E8E8E8; opacity: 0; transition : background .3s, border-color .3s, opacity .5s;}

.active + .hamburger-nav .hamburger-inner > ul > li{opacity: 1;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(1){transition : background .3s, border-color .3s, opacity .5s 1s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(2){transition : background .3s, border-color .3s, opacity .5s 1.1s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(3){transition : background .3s, border-color .3s, opacity .5s 1.2s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(4){transition : background .3s, border-color .3s, opacity .5s 1.3s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(5){transition : background .3s, border-color .3s, opacity .5s 1.4s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(6){transition : background .3s, border-color .3s, opacity .5s 1.5s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(7){transition : background .3s, border-color .3s, opacity .5s 1.6s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(8){transition : background .3s, border-color .3s, opacity .5s 1.7s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(9){transition : background .3s, border-color .3s, opacity .5s 1.8s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(10){transition : background .3s, border-color .3s, opacity .5s 1.9s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(11){transition : background .3s, border-color .3s, opacity .5s 2s;}
.active + .hamburger-nav .hamburger-inner > ul > li:nth-child(12){transition : background .3s, border-color .3s, opacity .5s 2.1;}

.hamburger-inner > ul > li:hover{background: #A99270; border-color : #A99270;}
.hamburger-inner > ul > li + li{margin-top: 13px;}

.hamburger-inner > ul > li > a{font-family: PT; font-size: 33px; position :absolute; left : 50%; transform: translateX(-50%); transition : left .7s, transform .7s, color .3s; font-weight : 500}
.hamburger-inner > ul > li:hover > a{color : #fff; /*left : 90px; transform: translateX(0);*/}

.hamburger-inner > ul > li > ul{position : absolute; right : 100px;opacity : 0;top : 0; height : 100%; pointer-events : none; transition : opacity .5s; width : calc(100% - 140px);z-index : 1; text-align : right; color : #fff;}
.hamburger-inner > ul > li:hover > ul{opacity : 1; pointer-events : all}
.hamburger-inner > ul > li > ul > li{display : inline-block;height : 100%;}
.hamburger-inner > ul > li > ul > li > a{display : flex; align-items : center; padding : 0 20px;height : 100%;}
.hamburger-inner > ul > li > ul > li:last-child > a{padding : 0 0 0 20px;}

.hamburger-inner > ul > li > ul > li:hover > a{font-weight : 600; text-decoration : underline}

.hamburger-copy{font-size: 15px; font-family: PT; position : absolute; bottom : 50px; left : 50%; transform: translateX(-50%); color : #6A6A6A;}






/**/
/**/


/* 오리발 */
.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;flex-direction: column;align-items: center; background: #000; padding : 84px 0}
.footer-logo{margin-bottom: 24px;}
.sigong{margin-bottom: 42px;}
.footer-info{font-size: 13px; font-family: Noto Sans KR; letter-spacing: -0.06em; color : #656565; line-height: 1.5em; margin-bottom: 44px; text-align: center;}
.footer-copy{font-size: 14px; font-family: PT; font-weight: 400; color : #F0F0F0}


@media (max-width : 1200px){
	.quick-menu{display : none;}
	.moView{display : block !important;}
	.pcView{display : none !important;}
	.header{height : 70px;padding : 0 20px; background: #fff; border-color : #ddd}
	/* .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 : 40px;height : 40px;border-radius: 50%;background : #111;position :absolute;left : 20px;}
    .hamburger > span{width : 15px;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 : 200px;height : 100%;position : absolute;left : 50%;transform : translateX(-50%);}
	.main-logo{background : url(../images/common/main-logo-dark.png)no-repeat center / contain; transition : background .5s;}
	/* .header.on .main-logo{background : url(../images/common/main-logo-dark.png?v=11)no-repeat center;background-size: contain;}
	.header.dark .main-logo{background : url(../images/common/main-logo-dark.png?v=11)no-repeat center;background-size: contain;}
	.header.sub .main-logo{background : url(../images/common/main-logo-dark.png?v=11)no-repeat center;background-size: contain;}
	.header.active .main-logo{background : url(../images/common/main-logo-dark.png?v=11)no-repeat center;background-size: contain;}
	.header.on .main-logo{background : url(../images/common/main-logo-dark.png?v=11)no-repeat center;background-size:contain;}
	.header.on.sub .main-logo{background : url(../images/common/main-logo-dark.png?v=11)no-repeat center;background-size:contain;} */

	.open{display: none;margin-right: 5px;font-size: 10px;padding : 5px 10px;}
	.header-tel{width : 20px;margin-right: 0;}
	.header-tel-icon {background: url(../images/common/header-tel-icon-dark.png) no-repeat center / contain;}

	.hamburger-nav{display : block;position : fixed;left : 0;top : 0;width : 80vw;height : 100vh;background : #fff;z-index : 999;padding : 120px 0 0 0;transform : translateX(-100%);transition : transform .7s;}
	.header.active + .hamburger-nav{transform : translateX(0)}
	.hamburger-nav > ul > li{margin-bottom : 1px;}
	.hamburger-nav > ul > li > a{display : block;font-weight : 500;letter-spacing : -0.04em;font-size : 16px;padding : 10px 0;/* border-left : 2px solid #144139; */padding-left : 20px;color : #144139;}
	.hamburger-nav > ul > li > ul{display : none;padding : 10px 10px 10px 20px;}
	.hamburger-nav > ul > li > ul > li{display : inline-block;padding-right : 8px;position : relative;}
	.hamburger-nav > ul > li > ul > li > a{display : block;font-size : 14px;color : #144139;letter-spacing : -0.04em;font-weight : 500;}
	.hamburger-nav > ul > li > ul > li + li{padding-left : 12px;}
	.hamburger-nav > ul > li > ul > li + li::after{position : absolute;content : '';width : 1px;height : 8px;background : #144139;left : 0;top : 50%;transform : translateY(-50%)}
	.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;}
	/**/
}

@media (max-width : 768px){
	.header{height : 60px;padding : 0 20px;}
	.hamburger{width : 38px;height : 38px;left : 15px;}
	.header-tel{width : 20px;}
}