/* 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; transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1); }
	[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(60rem); }
	[data-se="slide-right"]{ transform: translateX(-60rem); }
	[data-se="swaying-top"]{ transform: perspective(400px) rotateX(90deg); transform-origin: top; backface-visibility: hidden; }
	.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)); }
	}
	@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].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].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].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; } */
}

/* body */
body.menuOpen{ overflow: hidden; }

/* inner */
.wrapper{ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inr-width) * 100%); }
:where(.inr, .inrSub, .inr-wide, .inr-narrow){ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inr-width) * 100%); }
.inr{ max-width: calc(var(--inr) * 1rem) }
.inrSub{ max-width: calc(var(--inrSub) * 1rem) }
.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; display: grid; grid-template-columns: 1fr var(--header-height); width: 100%; height: var(--header-height); color: #fff; z-index: 5; transition:0.2s ease;}
header::before{ content: ''; position: absolute; inset: 0; border-bottom: 1px solid #fff; opacity: .3; pointer-events:none; transition:0.2s ease;}
header .inr{ display: flex; justify-content: space-between; align-items: center; max-width: initial; width: 94.4%; height: 100%; }
header .logo{ position: relative; display: inline-block; font-size: 0; z-index: 10; }
.logo__a{ display: inline-block; }
/* .logo__img{display:block; width: auto; height: 23rem; font-size: 1rem; } */
.logo__img{display:block; width: auto; height: 80rem; font-size: 1rem; }
.logo__img .cls-1{fill:#fff; transition:0.2s ease;}
.menuOpen .logo__img .cls-1{fill:#fff !important;}

/* gnb */
header nav{ position: relative; display: flex; align-items: center; }
header .gnb{ position: relative; display: flex; }
header .gnb > li{ position: relative; display: inline-block; }
header .gnb [data-gnb="1"]{ display: flex; align-items: center; height: var(--header-height); padding: 0 49.3rem; font-size: 18rem; font-weight: 500; letter-spacing: -.025em; }
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; }
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{ position: relative; display: grid; place-content: center; aspect-ratio: 1; height: 100%; background: var(--primary); color: inherit; z-index: 5; }
.btn_menu::before{ content: ''; position: absolute; inset: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 30%, #0000); }
body:not(.menuOpen) .btn_menu::before{ opacity: 0; }
.btn_menu .barGroup{ position: relative; display: inline-block; width: 30px; height: 30px; }
.btn_menu .bar{ position: absolute; inset: 0; margin: auto; display: block; width: 100%; height: 2px; background: currentColor; }
.btn_menu .bar:nth-child(1){ translate: 0 -9px; }
.btn_menu .bar:nth-child(2){ transform-origin: left; }
.btn_menu .bar:nth-child(3){ translate: 0 9px; }
.menuOpen .btn_menu .bar:nth-child(1){ translate: 0; rotate: 45deg; }
.menuOpen .btn_menu .bar:nth-child(2){ scale: 0 1; }
.menuOpen .btn_menu .bar:nth-child(3){ translate: 0; rotate: -45deg; }
@media(prefers-reduced-motion:no-preference){
	header,
	.logo__img,
	.gnb .sub_menu,
	.btn_menu .bar{ transition: .4s; }
	.btn_menu::before{ transition: .01s; }
	body:not(.menuOpen) .btn_menu::before{ transition-delay: .39s; }
}
@media(max-width: 1279px){
	:root{ --header-height: 70rem; }
    #header.fixed{position:fixed; left:0; top:0; background:#fff;}
    #header.fixed::before{border-bottom:1px solid #ededed; opacity:1;}
    /* .logo__img{height:20rem;} */
    .logo__img{height:50rem;}
    #header.fixed .logo__img .cls-1{fill:var(--primary);}
    
	header nav{ display: none; }
}

/* 모바일 메뉴 */
.mGnb{ overflow: hidden auto; position: fixed; inset: 0; clip-path: inset(0); display: grid; grid-template-rows: auto 1fr; background: color-mix(in srgb, var(--primary) 95%, #0000); z-index: 3; }
body:not(.menuOpen) .mGnb{ clip-path: inset(0 0 calc(100% - var(--header-height)) calc(100% - var(--header-height))); visibility: hidden; }
.mGnb__header{ height: var(--header-height); border-bottom: 1px solid color-mix(in srgb, currentColor 30%, #0000); }
.mGnb__ul{ overflow: auto; position: fixed; inset: var(--header-height) 0 0; }
.mGnb__ul > li{ padding: 20rem 39rem; }
.mGnb__ul > li:nth-child(odd){ background: color-mix(in srgb, currentColor 5%, #0000); }
.mGnb [data-gnb="1"]{ position: relative; display: block; font-size: 32rem; font-weight: 700; }
.mGnb .sub_menu li{ margin-top: 13px; }
.mGnb [data-gnb="2"]{ position: relative; font-size: 18px; }
@media(prefers-reduced-motion: no-preference){
	.mGnb,
	.mGnb [data-gnb="1"],
	.mGnb .open::before{ transition: .4s; }
}
@media(min-width:768px){
	.mGnb__ul{ display: grid; }
	.mGnb__ul > li{ display: flex; align-items: center; }
}
@media(min-width:1280px){
	.mGnb__ul{ grid-template-columns: repeat(5, 1fr); }
	.mGnb .sub_menu{ padding-top: 46px; height:300rem;}
}
@media(max-width:1279px) and (min-width:768px){
	.mGnb__ul{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:767px){
	.mGnb .sub_menu{ padding-top: 10px; display: none; }
	.mGnb [data-gnb="1"].open::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; display: block; width: 11px; height: 7px; background: url('/img/menu_button.svg') no-repeat 50% 0 / contain; }
	.mGnb [data-gnb="1"].active::before{ transform: translateY(-50%) rotate(180deg); }
	.mGnb [data-gnb="2"]{ display: block; }
	.mGnb [data-gnb="1"]::after, .mGnb [data-gnb="2"]::after{ content: ''; position: absolute; inset-inline: -39rem; }
	.mGnb [data-gnb="1"]::after{ inset-block: -20rem; }
	.mGnb [data-gnb="2"]::after{ inset-block: -6.5px; }
}

/* footer */
.btnTop{display:none; position:fixed; right:2%; bottom:20rem; z-index:5;}
.btnTop span{display:flex; align-items:center; justify-content:center; width:55rem; height:55rem; background:rgba(175,175,175,0.6); cursor:pointer; border-radius:50%;}
.btnTop span i{display:block; font-size:0; width:15rem; height:15rem; border-top:2px solid #fff; border-right:2px solid #fff; transform:translateY(2rem) rotate(-45deg);}
footer{ padding: 80rem 0 77rem; background: var(--black); color: var(--white); }
footer .inr{ display: grid; gap: 20rem 40rem; }
/* footer .logo{ width: auto; height: 23rem; opacity: .8; } */
footer .logo{ width: auto; height: 100rem; }
footer .footerLinks{ display: flex; gap: 6rem 3ch; color: color-mix(in srgb, currentColor 80%, #0000); }
.footer__info{ max-width: 730rem; font-size: 14rem; }
footer .empty{ flex: 1 20ch; }
.footer__address{ display: flex; flex-wrap: wrap; gap: 5rem 27rem; color: color-mix(in srgb, currentColor 60%, #0000); }
.footer__copyright{ margin-top: 21rem; font-size: 13rem; color: color-mix(in srgb, currentColor 40%, #0000); }
@media(min-width:768px){
}
@media(min-width:1280px){
    .btnTop span{width:70rem; height:70rem;}
	.footer__info{ translate: 0 2rem }
	footer .footerLinks{ flex-direction: column; }
	footer .inr{ grid-template-columns: 1fr 182rem 730rem; }
}