/* Scroll Animation */
@media(prefers-reduced-motion:no-preference){
	section:has(:where([data-scroll_effect="slide_left"], [data-scroll_effect="slide_right"])){ overflow: clip; }
	span[data-scroll_effect]{ display: inline-block; }
	[data-scroll_effect="clip_right"]{ clip-path: inset(0 100% 0 0); transition: .6s; }
	[data-scroll_effect="clip_left"]{ clip-path: inset(0 0 0 100%); transition: .6s; }
	[data-scroll_effect="slide_up"]{ transform: translateY(40rem); opacity: 0; transition: .6s; }
	[data-scroll_effect="slide_left"]{ transform: translateX(40rem); opacity: 0; transition: .6s; }
	[data-scroll_effect="slide_right"]{ transform: translateX(-40rem); opacity: 0; transition: .6s; }
	[data-scroll_effect*="flip_"]{ backface-visibility: hidden; }
	[data-scroll_effect="flip_up"]{ transform: perspective(2500rem) rotateX(-100deg); transition: .6s; }
	[data-scroll_effect="clip_left"].effect_active{ clip-path: inset(0); }
	[data-scroll_effect="clip_right"].effect_active{ clip-path: inset(0); }
	[data-scroll_effect*="slide_"].effect_active{ transform: translate(0); opacity: 1; }
	[data-scroll_effect*="flip_"].effect_active{ transform: perspective(2500rem) rotateX(0deg); }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="50"]{ transition-delay: .05s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="100"]{ transition-delay: .1s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="150"]{ transition-delay: .15s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="200"]{ transition-delay: .2s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="250"]{ transition-delay: .25s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="300"]{ transition-delay: .3s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="350"]{ transition-delay: .35s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="400"]{ transition-delay: .4s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="450"]{ transition-delay: .45s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="500"]{ transition-delay: .5s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="600"]{ transition-delay: .6s; }
	:where([data-scroll_effect].effect_active) [data-scroll_effect_delay="700"]{ transition-delay: .7s; }
	[data-scroll_effect_delay="50"].effect_active{ transition-delay: .05s; }
	[data-scroll_effect_delay="100"].effect_active{ transition-delay: .1s; }
	[data-scroll_effect_delay="150"].effect_active{ transition-delay: .15s; }
	[data-scroll_effect_delay="200"].effect_active{ transition-delay: .2s; }
	[data-scroll_effect_delay="250"].effect_active{ transition-delay: .25s; }
	[data-scroll_effect_delay="300"].effect_active{ transition-delay: .3s; }
	[data-scroll_effect_delay="350"].effect_active{ transition-delay: .35s; }
	[data-scroll_effect_delay="400"].effect_active{ transition-delay: .4s; }
	[data-scroll_effect_delay="450"].effect_active{ transition-delay: .45s; }
	[data-scroll_effect_delay="500"].effect_active{ transition-delay: .5s; }
	[data-scroll_effect_delay="600"].effect_active{ transition-delay: .6s; }
	[data-scroll_effect_delay="700"].effect_active{ transition-delay: .7s; }
	
	/* data-scroll_effect_delay */
	@media(min-width: 768px){
		[data-scroll_effect].effect_active [data-scroll_effect]{ transform: translate(0); opacity: 1; }
		[data-scroll_effect_column] [data-scroll_effect].effect_active{ transition-delay: calc(var(--index) * calc(var(--delay) * 1ms)); }
	}
	@media(min-width:1280px){
		[data-scroll_effect^="clip_"]{ transition: .8s; }
		[data-scroll_effect="tab"] [data-scroll_effect]{ transform: translate(0); opacity: 1; }
	}
	@media(max-width: 1279px){
		[data-scroll_effect_column] [data-scroll_effect*="slide_"]{ transform: translateY(40rem); }
		[data-scroll_effect_column] [data-scroll_effect*="slide_"].effect_active{ transform: translate(0); }
	}
	@media(max-width: 1279px) and (min-width: 768px){
		:is([data-scroll_effect_column="3"], [data-scroll_effect_column="4"]) > *:nth-child(odd){ transition-delay: 0s; }
		:is([data-scroll_effect_column="3"], [data-scroll_effect_column="4"]) > *:nth-child(even){ transition-delay: calc(var(--delay) * 1ms); }
		:is([data-scroll_effect_column="5"], [data-scroll_effect_column="6"]) > *:nth-child(4){ transition-delay: calc((var(--index) - 1 ) * calc(var(--delay) * 1ms)); }
		:is([data-scroll_effect_column="5"], [data-scroll_effect_column="6"]) > *:nth-child(5){ transition-delay: calc((var(--index) - 2 ) * calc(var(--delay) * 1ms)); }
		:is([data-scroll_effect_column="5"], [data-scroll_effect_column="6"]) > *:nth-child(6){ transition-delay: calc((var(--index) - 3 ) * calc(var(--delay) * 1ms)); }
	}
	@media(max-width: 767px){
		#wrap [data-scroll_effect_delay]{ transition-delay: 0s; }
		[data-scroll_effect_column] > *:nth-child(odd){ transition-delay: 0s; }
		[data-scroll_effect_column] > *:nth-child(even){ transition-delay: calc(var(--delay) * 1ms); }
	}
	@keyframes svgAni{
		0%{ stroke-dasharray: var(--total_length); stroke-dashoffset: var(--total_length); }
		100%{ stroke-dasharray: var(--total_length); stroke-dashoffset: 0; }
	}
	svg.scroll_effect{ opacity: 1; transform: translate(0); }
	svg.active{ animation: svgAni 1s linear both; }

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

/* inner */
.inr{ position: relative; margin: 0 auto; max-width: calc(var(--inner) * 1rem); width: calc(var(--inner_width) * 100%); box-sizing: border-box; z-index: 2; }
.inr.wide{ max-width: 1720rem; }
.inr.narrow{ max-width: 1280rem; }
.wrapper{ position: relative; margin: 0 auto; max-width: calc(var(--inner) * 1rem); width: calc(var(--inner_width) * 100%); }

/* header */
:root{
	--header_height:90rem;
}
#header{position:fixed; top:0; left:0; width:100%; height:var(--header_height); z-index:1000; }
#header.fixed{background:#fff; box-shadow:0 5rem 8rem rgba(0,46,100,0.1);}
#header .inr{display:flex; align-items:center; justify-content:space-between; max-width:1800rem; width:92%; height:100%;}
#header .logo{display:block; width:130rem;}
#header .logo img{display:block; width:100%;}
#header .tel_wrap{display:flex; align-items:center;}
#header .tel_wrap span{display:flex; align-items:center;}
#header .tel_wrap span img{display:block; margin-right:10rem; width:30rem;}
#header .tel_wrap span em{display:block; margin-top:4rem; font-size:18rem; color:var(--second); line-height:1;}
#header .tel_wrap a{display:block; margin-left:15rem; font-size:var(--fs30); color:var(--primary); font-weight:800; line-height:1;}
@media(max-width:1279px){
    :root{
        --header_height:80rem;
    }
    #header .tel_wrap a{font-size:25rem;}
}
@media(max-width:767px){
    #header .logo{width:110rem;}
    #header .tel_wrap span em{display:none;}
    #header .tel_wrap a{margin-left:0;}
}


/* footer */
#footer{padding:80rem 0 100rem; background:#292a2c;}
#footer .logo{display:block; margin-bottom:30rem; width:100rem;}
#footer .logo img{display:block; width:100%;}
#footer .address{}
#footer .address address{font-size:14rem;}
#footer .address address span{display:inline-block; margin:0 35rem 6rem 0; color:#bbb;}
#footer .address address span em{display:inline-block; margin-right:5rem; color:#eee;}
#footer .address p{margin-top:10rem; font-size:13rem; color:#999;}
#footer h3{margin-top:50rem; font-size:var(--fs25); color:#fff;}
#footer .box{display:flex; margin-top:20rem; padding:30rem; border:1px solid #555; border-radius:6rem;}
#footer .box .cont01{margin-right:80rem;}
#footer .box p{font-size:14rem; color:#eee;}
#footer .box p+p{margin-top:25rem;}
#footer .box em{color:#ffe500;}
@media(max-width:767px){
    #footer{padding:50rem 0 80rem;} 
    #footer .address address > br{display:none;}
    #footer .address address span{margin-right:20rem;}
    #footer h3{margin-top:30rem;}
    #footer .box{display:block; padding:25rem 20rem; margin-top:15rem;}
    #footer .box p+p{margin-top:20rem;}
    #footer .box .cont02{margin-top:20rem;}
}