/* Scroll Animation */
@media(prefers-reduced-motion:no-preference){
	section:has(:where([data-se*="-left"], [data-se*="-right"], [data-se="flip-Y"])){ overflow: clip visible; }
	span[data-se]{ display: inline-block; }
	.seActive [data-se]:not([data-se*="parallax"], [data-se^="clip-"]),
	.seActive[data-se]:not([data-se*="parallax"], [data-se^="clip-"]){ transition-duration: .6s; }
	[data-se="blur"]{ filter: blur(20rem); }
	[data-se="radius"]{ border-radius: 100%; }
	[data-se="clip-centerline"]{ clip-path: inset(0 50%); }
	[data-se="clip-midline"]{ clip-path: inset(50% 0); }
	[data-se="clip-right"]{ clip-path: inset(0 100% 0 0); }
	[data-se="clip-left"]{ clip-path: inset(0 0 0 100%); }
	[data-se="clip-down"]{ clip-path: inset(0 0 100% 0); }
	[data-se*="flip-"]{ backface-visibility: hidden; }
	[data-se="flip-up"]{ transform: perspective(2500rem) rotateX(-100deg); }
	[data-se="flip-Y"]{ opacity: 0; }
	[data-se="hidden-up"]{ transform: translateY(30rem); clip-path: inset(0 0 100%); }
	[data-se="hidden-right"]{ transform: translateX(-30rem); clip-path: inset(0 100% 0 0); }
	[data-se="hidden-left"]{ transform: translateX(30rem); clip-path: inset(0 0 0 100%); }
	[data-se*="slide-"]:not(.seActive){ opacity: 0; }
	[data-se="slide-up"]{ transform: translateY(40rem); }
	[data-se="slide-left"]{ transform: translateX(40rem); }
	[data-se="slide-right"]{ transform: translateX(-40rem); }
	[data-se="swaying-top"]{ transform: perspective(400px) rotateX(90deg); transform-origin: top; backface-visibility: hidden; }
	[data-se="parallax-y"]{ translate: 0 clamp(-65%, var(--translateY, -50%), -35%); transition: .6s cubic-bezier(0, 0, 0.4, 1); }
	.seActive[data-se="blur"]{ filter: blur(0); }
	.seActive[data-se="radius"]{ border-radius: 0; }
	.seActive[data-se*="clip-"]{ clip-path: inset(0); }
	.seActive[data-se*="flip-"]{ transform: perspective(2500rem) rotateX(0deg); }
	.seActive[data-se="flip-Y"]{ animation: flip-Y 1s both; }
	.seActive[data-se*="hidden-"]{ transform: translate(0); clip-path: inset(0); }
	.seActive[data-se*="slide-"]{ transform: translate(0); }
	@keyframes flip-Y {
		0%{ transform: perspective(400rem) rotateY(0deg); opacity: 0; }
		20%{ transform: perspective(400rem) rotateY(-30deg); }
		50%{ transform: perspective(400rem) rotateY(20deg); }
		75%{ transform: perspective(400rem) rotateY(-10deg); }
		100%{ transform: perspective(400rem) rotateY(0deg); opacity: 1; }
	}
	.seActive[data-se="swaying-top"]{ animation: swaying-top 1s both; }
	@keyframes swaying-top{
		0%{ transform: perspective(400px) rotateX(90deg); }
		20%{ transform: perspective(400px) rotateX(-60deg); }
		40%{ transform: perspective(400px) rotateX(20deg); }
		60%{ transform: perspective(400px) rotateX(-10deg); }
		80%{ transform: perspective(400px) rotateX(5deg); }
		100%{ transform: perspective(400px) rotateX(0deg); }
	}
	.seActive [data-se-delay="50"], .seActive[data-se-delay="50"]{ transition-delay: .05s; }
	.seActive [data-se-delay="100"], .seActive[data-se-delay="100"]{ transition-delay: .1s; }
	.seActive [data-se-delay="150"], .seActive[data-se-delay="150"]{ transition-delay: .15s; }
	.seActive [data-se-delay="200"], .seActive[data-se-delay="200"]{ transition-delay: .2s; }
	.seActive [data-se-delay="250"], .seActive[data-se-delay="250"]{ transition-delay: .25s; }
	.seActive [data-se-delay="300"], .seActive[data-se-delay="300"]{ transition-delay: .3s; }
	.seActive [data-se-delay="350"], .seActive[data-se-delay="350"]{ transition-delay: .35s; }
	.seActive [data-se-delay="400"], .seActive[data-se-delay="400"]{ transition-delay: .4s; }
	.seActive [data-se-delay="450"], .seActive[data-se-delay="450"]{ transition-delay: .45s; }
	.seActive [data-se-delay="500"], .seActive[data-se-delay="500"]{ transition-delay: .5s; }
	.seActive [data-se-delay="600"], .seActive[data-se-delay="600"]{ transition-delay: .6s; }
	.seActive [data-se-delay="700"], .seActive[data-se-delay="700"]{ transition-delay: .7s; }
	@media(min-width: 768px){
		[data-se] [data-se="clip-right"]{ clip-path: inset(0 100% 0 0); }
		[data-se] [data-se="clip-left"]{ clip-path: inset(0 0 0 100%); }
		[data-se] [data-se="clip-down"]{ clip-path: inset(0 0 100% 0); }
		[data-se] [data-se="slide-up"]{ transform: translateY(40rem); opacity: 0; }
		[data-se] [data-se="slide-left"]{ transform: translateX(40rem); opacity: 0; }
		[data-se] [data-se="slide-right"]{ transform: translateX(-40rem); opacity: 0; }
		.seActive[data-se] [data-se*="clip-"]{ clip-path: inset(0); }
		.seActive[data-se] [data-se*="hidden-"]{ transform: translate(0); clip-path: inset(0); }
		.seActive[data-se] [data-se*="flip-"]{ transform: perspective(2500rem) rotateX(0deg); }
		.seActive[data-se] [data-se*="slide-"]{ transform: translate(0); opacity: 1; }
		.seActive[data-se]:not([data-se-offset]) [data-se]{ transform: translate(0); opacity: 1; }
		[data-se-column] [data-se].seActive{ transition-delay: calc(var(--index) * calc(var(--delay) * 1ms)); animation-delay: calc(var(--index) * calc(var(--delay) * 1ms)); }
	}
	@media(min-width:1280px){
		.seActive[data-se^="clip-"]{ transition-duration: 1s; }
		[data-se-column="2"] > *:nth-child(2n+1) [data-se].seActive,
		[data-se-column="2"] [data-se].seActive:nth-child(2n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="2"] > *:nth-child(2n+2) [data-se].seActive,
		[data-se-column="2"] [data-se].seActive:nth-child(2n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="2"] > *:nth-child(3n+1) [data-se].seActive,
		[data-se-column="3"] [data-se].seActive:nth-child(3n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="3"] > *:nth-child(3n+2) [data-se].seActive,
		[data-se-column="3"] [data-se].seActive:nth-child(3n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="3"] > *:nth-child(3n+3) [data-se].seActive,
		[data-se-column="3"] [data-se].seActive:nth-child(3n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+1) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+2) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+3) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="4"] > *:nth-child(4n+4) [data-se].seActive,
		[data-se-column="4"] [data-se].seActive:nth-child(4n+4){ transition-delay: calc(3 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+1) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+2) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+3) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+4) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+4){ transition-delay: calc(3 * calc(var(--delay) * 1ms)); }
		[data-se-column="5"] > *:nth-child(5n+5) [data-se].seActive,
		[data-se-column="5"] [data-se].seActive:nth-child(5n+5){ transition-delay: calc(4 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+1) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+1){ transition-delay: calc(0 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+2) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+2){ transition-delay: calc(1 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+3) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+3){ transition-delay: calc(2 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+4) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+4){ transition-delay: calc(3 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+5) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+5){ transition-delay: calc(4 * calc(var(--delay) * 1ms)); }
		[data-se-column="6"] > *:nth-child(6n+6) [data-se].seActive,
		[data-se-column="6"] [data-se].seActive:nth-child(6n+6){ transition-delay: calc(5 * calc(var(--delay) * 1ms)); }
	}
	@media(max-width: 1279px){
		.seActive[data-se^="clip-"]{ transition-duration: .6s; }
		[data-se-column] [data-se*="slide-"]{ transform: translateY(40rem); }
		[data-se-column] [data-se*="slide-"].seActive{ transform: translate(0); }
	}
	@media(max-width: 1279px) and (min-width: 768px){
		/* :is([data-se-column="3"], [data-se-column="4"]) > [data-se].seActive:nth-child(odd){ transition-delay: 0s; }
		:is([data-se-column="3"], [data-se-column="4"]) > [data-se].seActive:nth-child(even){ transition-delay: calc(var(--delay) * 1ms); } */
		:is([data-se-column="5"], [data-se-column="6"]) > [data-se].seActive:is(:nth-child(6n+1), :nth-child(6n+4)){ transition-delay: calc( 0 * calc(var(--delay) * 1ms)); }
		:is([data-se-column="5"], [data-se-column="6"]) > [data-se].seActive:is(:nth-child(6n+2), :nth-child(6n+5)){ transition-delay: calc( 1 * calc(var(--delay) * 1ms)); }
		:is([data-se-column="5"], [data-se-column="6"]) > [data-se].seActive:is(:nth-child(6n+3), :nth-child(6n+6)){ transition-delay: calc( 2 * calc(var(--delay) * 1ms)); }
	}
	@media(max-width: 767px){
		#wrap [data-se-delay]{ transition-delay: 0s; }
		[data-se-column] > *:nth-child(odd){ transition-delay: 0s; }
		[data-se-column] > *:nth-child(even){ transition-delay: calc(var(--delay) * 1ms); }
	}
	@keyframes svgAni{
		0%{ stroke-dasharray: var(--totalLength); stroke-dashoffset: var(--totalLength); }
		100%{ stroke-dasharray: var(--totalLength); stroke-dashoffset: 0; }
	}
	svg.se{ opacity: 1; transform: translate(0); }
	svg.active{ animation: svgAni 1s linear both; }

	/* stroke-dasharray 최대값 */
	/* svg *{ stroke-dasharray: var(--totalLength); stroke-dashoffset: var(--totalLength); opacity: 1; transform: translate(0); }
	svg.seActive *{ animation: svgAni 1s linear both; } */
}

/* common */
.mo_show {display: block;}
.mo_hide {display: none;}

@media(min-width:767px){
	.mo_hide {display: block;}
	.mo_show {display: none;}
}

/* inner */
#wrap {}
.wrapper{ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inr-width) * 100%); }
.inr{ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inr-width) * 100%); }
.inr-wide{ max-width: calc(var(--inr-wide) * 1rem); }
.inr-narrow{ max-width: calc(var(--inr-narrow) * 1rem); }

/* header */
:root{ --header-height: 100rem; }
header{ position: absolute; width: 100%; height: var(--header-height); z-index: 10; }
header .inr{ display: flex; justify-content: space-between; align-items: center; height: 100%; }
.logo{ position: relative; display: inline-block; }
.logo__img{ display: block; width: auto; height: 40rem; }
/* .mGnb-open .logo {position: fixed;}  */
/* gnb */
header nav{ position: relative; display: flex; align-items: center; height: 100%; color: var(--black); }
header .gnb{ position: relative; display: flex; height: 100%; }
header .gnb > li{ position: relative; display: inline-block; height: 100%; }
header .gnb [data-gnb="1"]{ display: flex; align-items: center; height: 100%; padding: 0 45rem; font-size: var(--fs18); color: #fff; font-weight: 500; }
header .gnb .sub_menu{ visibility: hidden; position: absolute; top: 75%; left: 50%; transform: translateX(-50%); min-width: 120px; width: max-content; background: #fff; border: 1px solid #ddd; opacity: 0; }
header .gnb li:hover .sub_menu{ visibility: visible; top: 80%; opacity: 1; }
header .gnb [data-gnb="2"]{ display: block; padding: 14px; color: #333; border-top: 1px solid #ddd; font-size: 14px; text-align: center; }
header .gnb [data-gnb="2"]:hover{ background: var(--primary); color: #fff; }
header .gnb .sub_menu li:first-child [data-gnb="2"]{ border-top: 0; }

/* mobile-menu */
.btn-menu{ display: flex; align-items: center; gap: 15rem; position: relative;background: 0; color: inherit; z-index: 1; }
.btn-menu p {font-weight: 300; color: var(--white);}
.btn-menu .btn__dot {position: relative; width: 13rem; height: 13rem; }
.btn-menu .btn__dot span {position: absolute; display: inline-block; width: 3rem; height: 3rem; background: var(--white);}
.btn-menu .btn__dot span:nth-child(1) {top: 0; left: 0;}
.btn-menu .btn__dot span:nth-child(2) {top: 0; right: 0;}
.btn-menu .btn__dot span:nth-child(3) {bottom: 0; left: 0;}
.btn-menu .btn__dot span:nth-child(4) {bottom: 0; right: 0;}

@media(prefers-reduced-motion:no-preference){
	header,
	.logo__img,
	.gnb .sub_menu,
	.btn-menu span{ transition: .4s; }
}
@media(max-width: 1279px){
	:root{ --header-height: 80rem; }
	header nav{ display: none; }
	.logo__img {height: 35rem;}
}

/* 모바일 메뉴 */
.mGnb {overflow: hidden; position: fixed; top: 0; right: 0; display: flex; width: 100%; height: 100%; box-sizing: border-box; z-index: 5; }
body:not(.mGnb-open) .mGnb{ transform: translateX(100%); visibility: hidden; }
.btn_close{ position: fixed; top:40rem; right:40rem; display: block; width: 28px; height: 28px; background: 0; font-size: 0; z-index: 10;}
body:not(.mGnb-open) .btn_close{ margin-right: -100vw; }
.btn_close::before,
.btn_close::after{ content: ''; position: absolute; top: 50%; left: 0; display: block;  width: 100%; height: 1px; background: var(--white); transform: translateY(-50%) rotate(45deg); }
.btn_close::after{ transform: translateY(-50%) rotate(-45deg); }
.mGnb__img {flex: 1 40%; height: 100%; background:url(/images/content/img_mgnb.jpg); background-repeat: no-repeat; background-position: 50% 50%;background-size: cover;}
.mGnb__box {flex: 1 60%; display: flex; flex-direction: column; height: 100%;}
.mGnb__ul {padding: 50rem 50rem 50rem 80rem; height: 100%; display: flex; flex-direction: column; justify-content: center; gap: 35rem; background:#222;}
.mGnb__ul button {display: none;}
.mGnb [data-gnb="1"]{position: relative; font-size: var(--fs30);font-weight: 600; color: var(--white);}
.mGnb [data-gnb="1"]:hover::before, .mGnb [data-gnb="1"][aria-expanded="true"]::before {content: ''; position: absolute; top: 0; left: -14rem; width: 8rem;height:8rem; border-radius: 50%; background: var(--primary);}
.mGnb .sub_menu {display: flex; gap: 30rem; margin-top: 25rem; align-items: center;}
.mGnb [data-gnb="2"]{font-size:18rem; font-weight: 300; color: rgba(255, 255, 255, 0.5);}
.mGnb [data-gnb="2"]:hover {color: #fff;}

/* utill */
.mGnb__utill {padding: 40rem 40rem 40rem 60rem; display: flex;flex-wrap: wrap; gap: 12rem 30rem; background: #fff;}
.mGnb__utill strong {display: inline-block; font-weight: 600; margin-right: 8rem;}
.mGnb__utill span {font-size: 15rem; font-weight: 300;}

.cover{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .4); visibility: hidden; opacity: 0; z-index: 2; }
.mGnb-open .cover{ visibility: visible; opacity: 1; }

@media(prefers-reduced-motion: no-preference){
	.mGnb{ transition: .5s ease-out, visibility 0s .5s; }
	.mGnb-open .mGnb{ transition-delay: 0s; }
	.mGnb .btn_close{ transition: .5s; }
	.mGnb [data-gnb="1"]{ transition: .3s; }
	.mGnb [data-gnb="1"][aria-expanded]::before{ transition: .4s; }
	.cover{ transition: .4s; }
}

@media(max-width: 1080px){
	.mGnb__img {display: none;}
}
@media(max-width: 767px){
	.btn_close {right: 20rem; top: 28rem;  width: 22px; height: 22px;}
	.mGnb__ul {width: 100%; flex: 1 100%; gap: 30rem; align-items: center; padding: 0; }
	.mGnb__ul button {display: block;}
	.mGnb [data-gnb="2"] {font-size: 15rem;}
	.mGnb [data-gnb="1"] {font-size: 25rem;}
	.mGnb [data-gnb="1"]:has(+[aria-expanded]){ display: none; }
	.mGnb .sub_menu {margin-top: 18rem;}
	.mGnb .sub_menu li + li{margin-top:10rem;}
	.mGnb .sub_menu:not(.isVisible){ display: none; }
	.mGnb__utill {display: none;}
	.mGnb [data-gnb="1"]:hover::before, .mGnb [data-gnb="1"][aria-expanded="true"]::before {width: 6rem; height: 6rem;}
}

/* footer */
footer {padding: 55rem 0; background: #f6f6f6; color: #777; }
footer .inr {display: flex; flex-wrap: wrap-reverse; justify-content: space-between;}
footer .footer__info {max-width: 620rem;}
footer .footer__info .footer__address {display: flex; flex-wrap: wrap; gap: 15rem 30rem;}
footer .footer__info .footer__address span {position: relative;}
footer .footer__info .footer__address span:nth-child(1)::before, footer .footer__info .footer__address span:nth-child(4)::before {display: none;}
footer .footer__info .footer__address span::before {content: ''; position: absolute; top: 8rem; left: -14rem; width: 1rem; height: 10rem; background: #ddd;}
footer .footer__info .footer__address strong {display: inline-block; margin-right: 10rem; font-weight: 500;}
footer .footer__info .footer__copyright {font-size: 15rem; margin-top: 20rem; color: #a9a9a9; text-transform: uppercase;}
footer .customer {text-align: right;}
footer .customer .footerLinks {display: flex; gap: 30rem; align-items: center; margin-bottom: 40rem;}
footer .customer .footer__logo {width: 155rem;}

@media(max-width: 767px){
	footer .customer .footer__logo {display: none;}
	footer .customer .footerLinks {margin-bottom: 20rem;}
	footer .footer__info {max-width: 100%;}
	footer .footer__info .footer__address {gap: 10rem 20rem;}
}