@font-face {
    font-family: 'OneStoreMobileGothicTitleFont';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
@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-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-face {
    font-family: OneMobile;
    src: url(../../assets/fonts/ONEMobileTitle.woff2);
}
@font-face {
    font-family: MinervaModern;
    src: url(../../assets/fonts/MinervaModernRegular.woff2);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: Noto Sans KR; */
}
html, body {
  overflow-x: hidden;
}
li{list-style: none;}
a{text-decoration: none; color : inherit}
img{display: block;max-width: 100%;}

.pcView{display : block !important;}
.moView{display : none !important;}
@media(max-width : 1200px){
	.pcView{display : none !important;}
	.moView{display : block !important;}
}

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

@media screen and (max-width: 991px){
	.is--pc {
		display: none;
	}
	.is--mobile {
		display: block;
	}
}

.hover_ani{position:relative;/*width:500px;height:500px;*/}
.hover_ani>span.line{position:absolute;transition:width .5s,height .5s;background:#fff;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%;}

/**/
.header{width : 100%;height : 90px;position : fixed;left : 0;top : 0;background : rgba(255,255,255,0);z-index: 1001;border-bottom : 1px solid transparent;transition : background .5s, border-color .5s, opacity 1.2s;padding : 0 80px;}
.header::after{position : absolute;content : '';width : 100%;height : 0;background : #fff;top : calc(100% + 1px);left : 0;transition : height .5s;z-index : -1;}
.header.on{background : #fff;border-bottom : 1px solid rgba(0,0,0,0.2);}
.header.fill{background : #fff;border-bottom : 1px solid rgba(0,0,0,0.2);}
.header.hide{opacity : 0 !important;pointer-events : none;}
.header.on::after{height : 410px;}
.header.sub{position : absolute;}
.header-inner{display: flex;align-items: center;justify-content: space-between;width : 100%;max-width: 1760px;height : 100%;margin : 0 auto;}
.header-right{display: flex;align-items: center;flex-shrink: 0;/* padding-top: 30px; */}

.customer{display: flex;align-items: center;gap : 10px;font-size: 16px;color : #fff;transition: color .5s;font-weight: 700;font-family: pretendard;}
.header.dark .customer{color : #111}
.header.fill .customer{color : #111}
.header.sub .customer{color : #111}
.header.on .customer{color : #111 !important;}
.header.color.white .customer{color : #fff;}
.customer-icon{width : 40px;height : 40px;background: url(/assets/images/common/customer-icon.png)no-repeat center / contain; transition : background .5s;}
.header-tel{display: flex;align-items: center;gap : 10px;font-size: 21px;color : #fff;transition: color .5s;margin-left: 39px;}
.header-tel-icon{width : 40px;height : 40px;background: url(/assets/images/common/header-tel-icon.png)no-repeat center / 20px 20px #542785; transition : background .5s;border-radius : 50%;}
.header.dark .header-tel-icon{background: url(/assets/images/common/header-tel-icon.png)no-repeat center / 20px 20px #542785;}
.header-tel > span{font-family: futura-pt;font-weight: 400;}
.header.dark .header-tel{color: #542785;}
.header.fill .header-tel{color: #542785;}
.header.sub .header-tel{color: #542785;}
.header.color.white .header-tel{color : #fff;}
.header.on .header-tel{color : #111 !important;}
.main-logo{width : 316px;height : 24px;background : url(../../assets/images/common/main-logo.png?v=1)no-repeat center;background-size: contain;transition : background .5s;flex-shrink : 0;}
.header.sub .main-logo{background : url(../../assets/images/common/main-logo-dark.png)no-repeat center !important;background-size: contain;}
.header.on .main-logo{background : url(../../assets/images/common/main-logo-dark.png)no-repeat center !important;background-size: contain;}
.header.dark .main-logo{background : url(../../assets/images/common/main-logo-dark.png?v=1)no-repeat center;background-size: contain;}
.header.active .main-logo{background : url(../../assets/images/common/main-logo-dark.png?v=1)no-repeat center;background-size: contain;}
.header.color.white .main-logo{background : url(../../assets/images/common/main-logo-white.png?v=1)no-repeat center / contain;}
.header.white .main-logo{background : url(../../assets/images/common/main-logo.png?v=1)no-repeat center / 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%; padding-top: 10px; position : absolute;left : 50%; transform : translateX(-50%)}
.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; margin: 0 30px;}
.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.dark .header-nav > ul > li > a{color : #111;}
.header.fill .header-nav > ul > li > a{color : #111;}
.header.sub .header-nav > ul > li > a{color : #111;}
.header.on .header-nav > ul > li > a{color : #111 !important;}
.header.color.white .header-nav > ul > li > a{color : #fff;}

.header-nav > ul > li > a::after{position : absolute; content :'';width : 0;height : 2px; left : 50%; transition : left .5s, width .5s;background: #542785;bottom : 0;}
.header-nav > ul > li:hover > a::after{width : 100%; left : 0;}

.header.on .header-nav > ul > li:hover > a{font-weight: 500;color : #06033c !important;}
.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 : #06033c;}
.header-open{padding : 5px 20px; border-radius : 10px; color : #fff; background: #E40073;font-size : 20px;letter-spacing : -0.04em;margin-right: 20px;font-weight : 300;}
.header-open > b{font-weight : 500;}
.header-open > span{font-family : futura-pt;font-size : 22px}

/**/
.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-list{display: flex;gap : 30px;font-weight: 300;color : #aaa;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 : #aaa;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 : 20px;position : absolute;bottom : 0;right : 0; display: none;}
.hamburger-nav{display: none;}
.hamburger{display: none;}
.hamburger-nav{display : none;}
.hamburger-dim{display : none;}
.m-header{display : none;}


@media (max-width : 1200px){
	/**/
	.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: start;width : 40px; font-size: 10px;}
	.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;}

	.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; z-index: 1000;}
	.hamburger > span:nth-child(1){transform: translateY(-4px);}
    .hamburger > span:nth-child(3){transform: translateY(4px);}
	.m-header.sub{background: #fff;}
    .m-header.active .hamburger > span:nth-child(1){transform: translateY(0) rotate(-45deg);}
	.m-header.active .hamburger > span:nth-child(2){opacity : 0;}
	.m-header.active .hamburger > span:nth-child(3){transform: translateY(0) rotate(45deg);}
	
	.m-header.dark .main-logo{background : url(../../assets/images/common/main-logo-dark.png?v=1)no-repeat center;background-size: contain;}
	.m-header.sub .main-logo{background : url(../../assets/images/common/main-logo-dark.png?v=1)no-repeat center;background-size: contain;}

	.hamburger-nav{display : block;position : fixed;right : 0;top : 0;width : 100vw;height : 100vh;background : #fff;z-index : 999;padding : 70px 0 0 0;transform : translateX(100%);transition : transform .7s;}
	.m-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;}
	.m-header.active ~ .hamburger-dim{opacity : 1;pointer-events : all;}
}

@media (max-width : 768px){
	.header{display : none;}
	.m-header{display : block; height : 60px;padding : 0 3vw; position: absolute; z-index: 1000; width: 100%;top : 0;}
	.hamburger{width : 38px;height : 38px;left : auto;right : 10px;}
	.header-tel{width : 38px;}
	.header-nav { display : none; }

	.menu-btn { display : none; }
	.menu-overlay { display : none; }

	.main-logo {
		width: 216px;
	}
	.hamburger-nav{display : block;}
	.hamburger-dim{display : block;}

	.main-logo{width : 200px;}
}




.menu-btn {
  position: fixed;
  top: 35px;
  right: 30px;
  width: 32px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 2000;
}
.menu-btn.on span {
  background: #000;
}
.menu-btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.menu-btn span:nth-child(1) { top: 0; }
.menu-btn span:nth-child(2) { top: 50%; transform: translateY(-50%); width: 50%; left: 50%; }
.menu-btn span:nth-child(3) { bottom: 0; }

.menu-btn.black span {background: #000;}
.header.sub + .menu-btn span {background: #000;}

/* =====================
  전체 메뉴
===================== */
.menu-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1500;
}

/* 스트라이프 마스크 */
.stripe-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  gap: 0px;
}

.stripe {
  flex: 1;
  background: #111;
  clip-path: inset(100% 0 0 0); /* 아래에서 가려진 상태 */
  margin-left: -1px;
}

/* 메뉴 텍스트 */
.menu-list {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
  list-style: none;
  color: #000;
  opacity: 0;
  text-align: center;
}
.menu-list .main-category {
  border-right : 1px solid #E5D8C4;
  width: 100%;
}
.menu-list li:hover {
	background: #efefef;
}
.main-category li {
  margin-top: 10px;
}

.diag {
  background: #111;
}

.main-category {
	font-size: 22px;
	font-weight: 500;
	color: #000;
	height: 100%;
	padding-top: 100px;
}

.sub-category {
  position: relative;
  display: inline;
  width: fit-content;
  text-decoration: none;
  color: #111;
}
.sub-category::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
}
.sub-category:hover::after {
  transform: scaleX(1);
}
.sub-category {
	font-size: 17px;
	font-weight: 500;
	color: #444;
}