@font-face {
    font-family: CarismaGothic;
    src: url(/assets/fonts/CarismaGothic-700Bold.woff2);
    font-weight: 700;
}
@font-face {
    font-family: CarismaGothic;
    src: url(/assets/fonts/CarismaGothic-500Medium.woff2);
    font-weight: 500;
}
@font-face {
    font-family: CarismaGothic;
    src: url(/assets/fonts/CarismaGothic-400Regular.woff2);
    font-weight: 400;
}
@font-face {
    font-family: CarismaGothic;
    src: url(/assets/fonts/CarismaGothic-200ExtraLight.woff2);
    font-weight: 200;
}
@font-face {
    font-family: CarismaClassic;
    src: url(/assets/fonts/CarismaClassic-300Light.woff2);
    font-weight: 300;
}
@font-face {
    font-family: CarismaClassic;
    src: url(/assets/fonts/CarismaClassic-400Regular.woff2);
    font-weight: 400;
}
@font-face {
    font-family: CarismaClassic;
    src: url(/assets/fonts/CarismaClassic-500Medium.woff2);
    font-weight: 500;
}
*{margin : 0;padding : 0;box-sizing: border-box;font-family: Noto Sans KR;}
li{list-style: none;}
a{text-decoration: none;color : inherit;}
img{display: block;max-width: 100%;}
.moView{display : none !important}
/**/
/* 마우스오버 ANIMATION CSS */
.hover_ani{position:relative;/*width:500px;height:500px;*/}
.hover_ani>span.line{position:absolute;transition:width .5s,height .5s;background:#111;}
.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*/
/* blind ANIMATION CSS */
.blind-ani{position : relative;}
.blind-inner{display: flex;width:100%;height:100%;position :absolute;left :0;top :0;z-index: 1;}
.blind-inner>span{width :100%;height :100%;clip-path:inset(0);transition : clip-path .5s;}
.blind-ani.on .blind-inner > span{clip-path: inset(0 100% 0 0);}
.blind-ani.on .blind-inner > span:nth-child(1){transition-delay: 0;}
.blind-ani.on .blind-inner > span:nth-child(2){transition-delay: .05s;}
.blind-ani.on .blind-inner > span:nth-child(3){transition-delay: .1s;}
.blind-ani.on .blind-inner > span:nth-child(4){transition-delay: .15s;}
.blind-ani.on .blind-inner > span:nth-child(5){transition-delay: .2s;}
.blind-ani.on .blind-inner > span:nth-child(6){transition-delay: .25s;}
.blind-ani.on .blind-inner > span:nth-child(7){transition-delay: .3s;}
.blind-ani.on .blind-inner > span:nth-child(8){transition-delay: .35s;}
.blind-ani.on .blind-inner > span:nth-child(9){transition-delay: .4s;}
.blind-ani.on .blind-inner > span:nth-child(10){transition-delay: .45s;}
.blind-ani.on .blind-inner > span:nth-child(11){transition-delay: .5s;}
.blind-ani.on .blind-inner > span:nth-child(12){transition-delay: .55s;}
.blind-ani.on .blind-inner > span:nth-child(13){transition-delay: .6s;}
.blind-ani.on .blind-inner > span:nth-child(14){transition-delay: .65s;}
.blind-ani.on .blind-inner > span:nth-child(15){transition-delay: .7s;}
.blind-ani.on .blind-inner > span:nth-child(16){transition-delay: .75s;}
/* blind ANIMATION CSS */
/* 플로팅 퀵메뉴 — 우측 세로 라벨 카드 (직관성 개선) */
.quick-menu{position : fixed; right : 24px; bottom : 28px; z-index : 200; display : flex; flex-direction : column; gap : 10px;}
.quick-menu > li{list-style : none;}
.qm-item{display : flex; align-items : center; gap : 11px; width : 188px; height : 58px; padding : 0 18px; border-radius : 14px; box-shadow : 0 8px 24px rgba(31,23,18,0.16); transition : transform .25s, box-shadow .25s, background .25s; }
.qm-item:hover{transform : translateY(-2px); box-shadow : 0 12px 30px rgba(31,23,18,0.24);}
.qm-ico{display : flex; align-items : center; justify-content : center; flex-shrink : 0;}
.qm-ico svg{width : 24px; height : 24px;}
.qm-label{display : flex; flex-direction : column; line-height : 1.15; font-size : 12px; letter-spacing : -0.04em; white-space : nowrap;}
.qm-label b{font-size : 15px; font-weight : 700;}
/* 관심고객등록 = 코랄 강조 */
.qm-regi{background : #E96952; color : #fff;}
.qm-regi .qm-ico{color : #fff;}
.qm-regi:hover{background : #E2573F;}
/* 전화상담 = 화이트 */
.qm-tel{background : #fff; color : #1F1712;}
.qm-tel .qm-ico{color : #E96952;}
.qm-tel .qm-label b{color : #E96952;}
/* TOP = 작은 다크 카드 */
.qm-top{width : 188px; height : 42px; background : #1F1712; color : #fff; justify-content : center; gap : 7px;}
.qm-top .qm-ico{color : #fff;} .qm-top .qm-ico svg{width : 18px; height : 18px;}
.qm-top .qm-label{flex-direction : row; font-size : 13px; font-weight : 700; letter-spacing : 0.08em;}
/* 모바일 하단 플로팅 CTA 바 (전화상담 + 관심고객) */
.mo-floating{display : none;}
/**/
/* hero: 프로스티드 글래스 헤더 (흰 텍스트 항상 가독) → 스크롤 시 흰 배경 */
.header{width : 100%;height : 100px;position : fixed;left : 0;top : 0;background : linear-gradient(to bottom, rgba(15,12,10,0.55) 0%, rgba(15,12,10,0.10) 100%);-webkit-backdrop-filter : blur(2px);backdrop-filter : blur(2px);z-index: 1001;border-bottom : none;transition : background .5s, border-color .5s, opacity 1.2s, backdrop-filter .5s;padding : 0 90px;}
.header::after{position : absolute;content : '';width : 100%;height : 0;background : #fff;top : calc(100% + 1px);left : 0;transition : height .5s;z-index : -1;}
.header-nav > ul > li > a, .open > p, .header-tel{text-shadow : 0 1px 3px rgba(0,0,0,0.25);}
.header.on .header-nav > ul > li > a, .header.on .open > p, .header.on .header-tel, .header.fill .header-nav > ul > li > a, .header.fill .open > p, .header.fill .header-tel, .header.sub .header-nav > ul > li > a, .header.sub .open > p, .header.sub .header-tel{text-shadow : none;}
.header.on{background : rgba(255,255,255,0.85);-webkit-backdrop-filter : blur(14px);backdrop-filter : blur(14px);border-bottom : 1px solid rgba(0,0,0,0.12);}
.header.fill{background : #fff;-webkit-backdrop-filter : none;backdrop-filter : none;border-bottom : 1px solid rgba(0,0,0,0.2);}
.header.hide{opacity : 0;pointer-events : none;}
.header.on::after{height : 240px;}
.header.sub{position : fixed; background : #fff; -webkit-backdrop-filter : none; backdrop-filter : none; border-bottom : 1px solid rgba(0,0,0,0.10);}
.header-inner{display: flex;align-items: center;justify-content: space-between;width : 100%;max-width: 1740px;min-width: 1740px;height : 100%;margin : 0 auto;}
.header-right{display: flex;align-items: center;gap : 30px;flex-shrink: 0;}
.open{display: flex;align-items: center;gap : 10px;}
.hd-ico{display : inline-flex; align-items : center; justify-content : center; width : 42px; height : 42px; border-radius : 50%; background : #E96952; flex-shrink : 0;}
.hd-ico svg{width : 22px; height : 22px;}
.header-tel .hd-ico{margin-right : 2px;}
.open > p{color : #fff;font-size: 21px; transition : color .5s;}
.open > p > span{font-family: CarismaClassic;font-weight : 500;}
.header.sub .open > p{color : #111;}
.header.dark .open > p{color : #fff;}
.header.fill .open > p{color : #111;}
.header.on .open > p {color : #111;}
.header-tel{display: flex;align-items: center;gap : 10px;font-size: 21px;color : #fff;transition: color .5s;margin-right: 20px;}
.header-tel > span{font-family: CarismaClassic;font-weight : 500;}
.header.dark .header-tel{color : #fff;}
.header.fill .header-tel{color : #111;}
.header.sub .header-tel{color : #111;}
.header.on .header-tel{color : #111;}
.main-logo{width : 262px;height : 30px;background : url(/assets/images/common/main-logo.png?v=2)no-repeat left center;background-size: contain;transition : background .5s;}
.header.on .main-logo{background : url(/assets/images/common/main-logo-dark2.png)no-repeat center;background-size: contain;}
.header.dark .main-logo{background : url(/assets/images/common/main-logo.png?v=2)no-repeat center;background-size: contain;}
.header.fill .main-logo{background : url(/assets/images/common/main-logo-dark2.png)no-repeat center;background-size: contain;}
.header.sub .main-logo{background : url(/assets/images/common/main-logo-dark2.png)no-repeat center;background-size: contain;}
.header.active .main-logo{background : url(/assets/images/common/main-logo-dark2.png)no-repeat center;background-size: contain;}
.main-logo > a{display: block;width : 100%;height : 100%;font-size: 0;line-height: 0;color : transparent;}
.header-nav{display: flex;justify-content: center;height : 100%;}
.header-nav > ul{display: flex;align-items: center;height : 100%;white-space : nowrap;}
.header-nav > ul > li{display : flex;justify-content : center;height : 100%;position : relative;}
.header-nav > ul > li > a{display: flex;align-items: center;height : 100%;padding : 0 30px;font-size: 15px;letter-spacing: -0.04em;color : #fff;position : relative;transition: color .5s;}
.header.sub .header-nav > ul > li > a{color : #111;}
.header.dark .header-nav > ul > li > a{color : #fff;}
.header.fill .header-nav > ul > li > a{color : #111;}
.header.on .header-nav > ul > li > a{color : #111;}
.header.on .header-nav > ul > li:hover > a{font-weight: 500;color : #1F1712 !important;}
.header-nav > ul > li > a::after{position : absolute;content : '';left : 50%;top : 0;width : 1px;height : 0;background : #1F1712;transform: translateX(-50%);transition : height .5s, background .5s;}
.header-nav > ul > li:hover > a::after{height : 20px;}
.header-nav > ul > li > a::before{position : absolute;content : '';width : 5px;height : 5px;background : #1F1712;border-radius: 50%;top : 20px;left : 50%;transform: translateX(-50%) scale(0);transition : transform .5s, background .5s;}
.header-nav > ul > li:hover > a::before{transform: translateX(-50%) scale(1);}
.header-nav > ul > li > ul {position : absolute;top : 100%;padding : 20px 0 0;opacity : 0;pointer-events : none;transition : opacity .5s;}
.header.on .header-nav > ul > li > ul{opacity : 1;pointer-events : all;}
.header-nav > ul > li > ul > li > a{display : block;color : #111;font-size : 14px;text-align : center;padding : 3px 0;letter-spacing : -0.04em;}
.header-nav > ul > li > ul > li > a:hover{font-weight : 500;color : #1F1712;}
/**/
.footer{display: flex;justify-content: center;width : 100%;padding : 54px 0 68px;background : #333;position :relative;z-index : 1;}
.footer-inner{display: flex;justify-content: space-between;width : 100%;max-width : 1530px;position :relative;}
.footer-right{display: flex;justify-content: space-between;align-items: start;gap : 68px;}
.footer-logo{width : 270px;height : auto;}
.footer-list{display: flex;gap : 30px;font-weight: 300;color : #fff;letter-spacing: -0.025em;font-size: 14px;margin-bottom : 18px;}
.footer-list > li{display: flex;align-items: center;position : relative;}
.footer-list > li:not(:last-child)::after{position :absolute;content : '';width : 1px;height : 10px;background : #fff;right : -15px;}
.footer-info{font-size: 14px;letter-spacing: -0.025em;color : #8e8e8e;line-height: 26px;}
.infomation{display: flex;align-items: center;padding : 0 15px;width : 180px;height : 41px;border : 1px solid rgba(240,240,241,0.3);color : #fff;letter-spacing: -0.025em;font-size: 14px;margin-top : 25px;position :relative;}
.infomation::after{position : absolute;content :'';width : 5px;height : 5px;border-top : 1px solid #fff;border-right : 1px solid #fff;right : 16px;transform: rotate(45deg);transition : right .3s;}
.infomation:hover::after{right : 11px;}
.infomation::before{position : absolute;content : '';background : rgba(255,255,255,0.1);width : 100%;height : 0%;left : 0;bottom : 0;transition : height .5s;}
.infomation:hover::before{height : 100%;}
.footer-ul{display: flex;flex-direction: column;gap : 5px;}
.footer-ul > li{display: flex;align-items: center;gap : 26px;color : #fff;letter-spacing: -0.025em;font-size: 13px;}
.footer-ul > li > span{display: flex;align-items: center;justify-content: end;position : relative;width : 60px;white-space: nowrap;font-size: 14px;}
.footer-ul > li > span::after{position : absolute;content : '';width : 1px;height : 10px;background : #fff;right : -13px;}
.footer-quick-menu{display : flex;justify-content : center;align-items : center; gap : 14px;position : absolute;bottom : 0;right : 0;}
.footer-quick-menu > li > a{display : inline-flex;align-items : center;height : 36px;padding : 0 16px;border : 1px solid rgba(255,255,255,.35);border-radius : 100px;color : #fff;font-size : 13px;font-weight : 600;letter-spacing : -0.02em;white-space : nowrap;transition : background .3s, border-color .3s;}
.footer-quick-menu > li > a:hover{background : #E96952;border-color : #E96952;}
.hamburger-nav{display: none;}
.hamburger{display: none;}
.hamburger-nav{display : none;}
.hamburger-dim{display : none;}

@media (max-width : 1200px){
	.quick-menu{display : none;}
	.mo-floating{display : flex;position : fixed;left : 0;bottom : 0;width : 100%;height : 58px;z-index : 300;box-shadow : 0 -2px 12px rgba(0,0,0,0.18);}
	.mo-floating > a{flex : 1;display : flex;align-items : center;justify-content : center;gap : 8px;font-size : 15px;font-weight : 600;letter-spacing : -0.03em;color : #fff;}
	.mo-floating > a svg{width : 19px;height : 19px;stroke : #fff;}
	.mo-fl-tel{background : #1F1712;}
	.mo-fl-regi{background : #E96952;}
	.footer{padding-bottom : 78px;}
	.moView{display : block !important;}
	.pcView{display : none !important;}
	.header{height : 80px;padding : 0 20px;}
	.header.on{background : transparent;border-color : transparent;}
	.header.on::after{height : 0;}
	.header.fill{background : transparent;border-color : transparent;}
	.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(/assets/images/common/main-logo.png)no-repeat center;background-size: contain;transition : background .5s;}
	.header.on .main-logo{background : url(/assets/images/common/main-logo-dark2.png?v=11)no-repeat center;background-size: contain;}
	.header.dark .main-logo{background : url(/assets/images/common/main-logo.png?v=2)no-repeat center;background-size: contain;}
	.header.sub .main-logo{background : url(/assets/images/common/main-logo-dark2.png?v=11)no-repeat center;background-size: contain;}
	.header.active .main-logo{background : url(/assets/images/common/main-logo-dark2.png?v=11)no-repeat center;background-size: contain;}
	.header.on .main-logo{background : url(/assets/images/common/main-logo-dark2.png?v=11)no-repeat center;background-size:contain;}
	.header.on.sub .main-logo{background : url(/assets/images/common/main-logo-dark2.png?v=11)no-repeat center;background-size:contain;}
	.open{display: none;margin-right: 5px;font-size: 10px;padding : 5px 10px;}
	.header-tel{width : 40px;margin-right: 0;}
	.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 #1F1712; */padding-left : 20px;color : #1F1712;}
	.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 : #1F1712;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 : #1F1712;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;}
	/**/
	.footer{padding : 30px 20px;}
    .footer-inner{flex-direction : column;justify-content: center;width : 100%;max-width : none;}
    .footer-logo{max-width : 180px;}
	.footer-right{flex-direction : column;gap : 15px;}
	.footer-list{display: flex;gap : 3px 16px;font-size: 11px;margin-bottom : 10px;flex-wrap : wrap;}
	.footer-list > li:not(:last-child)::after{right : -8px;height : 6px;}
	.footer-info{font-size: 11px;line-height: 18px;letter-spacing: -0.025em;color : #8e8e8e;}
	.footer-ul > li > span{flex-shrink : 0;justify-content: center;width : 50px;}
	.infomation{display: flex;padding : 5px 10px;width : 130px;height : 25px;font-size: 10px;margin-top : 15px;}
	.footer-ul{display: flex;align-items : start;gap : 5px 10px;margin-top : 15px;}
	.footer-ul > li{gap : 16px;font-size: 10px;}
	.footer-ul > li > span::after{height : 6px;right : -8px;}
    .footer-quick-menu{justify-content: end;width : 100%;margin-top : 30px;position : static;}
}

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