/* Scroll Animation */
@media(prefers-reduced-motion:no-preference) and (min-width:768px){
	section:has(:where([data-se*="-left"], [data-se*="-right"], [data-se="flip-Y"])){ overflow: clip visible; }
		.seActive [data-se]:not([data-se*="parallax"], [data-se^="clip-"]),
	.seActive[data-se]:not([data-se*="parallax"], [data-se^="clip-"]){ transition-duration: .7s; transition-timing-function: cubic-bezier(0.3, 0.6, 0.62, 1); }
	[data-se="blur"]{ filter: blur(20rem); }
	[data-se="radius"]{ border-radius: 100%; }
	[data-se="bounce-out"]{ transform: scale(1.2);  transition-property: transform, opacity; transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1), ease; opacity: 0; }
	[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="clip-up"]{ clip-path: inset(100% 0 0 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(150rem); }
	[data-se="slide-left"]{ transform: translateX(150rem); }
	[data-se="slide-right"]{ transform: translateX(-150rem); }
	[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="bounce-out"]{ transform: scale(1); opacity: 1; }
	.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: 2.5s; }
		[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: 1.5s; }
		[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; } */
}
@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-.5deg); }
	20% { transform: translate(-3px, 0px) rotate(.5deg); }
	30% { transform: translate(3px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(.5deg); }
	50% { transform: translate(-1px, 2px) rotate(-.5deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-.5deg); }
	80% { transform: translate(-1px, -1px) rotate(.5deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-.5deg); }
}

/* inner */
.wrapper{ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inrWidth) * 100%); }
.inr{ position: relative; margin: 0 auto; max-width: calc(var(--inr) * 1rem); width: calc(var(--inrWidth) * 100%); }
.inr-wide{ max-width: calc(var(--inrWide) * 1rem); }
.inr-narrow{ max-width: calc(var(--inrNar) * 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; font-size: 0; }
.logo__a{ display: inline-block; }
.logo__img{ height: calc( var(--header_height) * .57); min-height: 20px; font-size: 1rem; }

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%; pointer-events: auto; }
header .gnb [data-gnb="1"]{ display: flex; align-items: center; height: 100%; padding: 0 44.5rem; font-size: 20rem; 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{ position: relative; width: 25rem; height: 25rem; background: 0; color: inherit; z-index: 1; }
.btn_menu span{ display: block; margin-left: auto; width: 100%; height: 1rem; background: currentcolor; }
.btn_menu span + span{ margin-top: 7rem; }
@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; }
}

/* 모바일 메뉴 */
.mGnb{ overflow: hidden auto; position: fixed; top: 0; right: 0; transform: translateX(100%); max-width: 280rem; width: 100%; height: 100%; background: var(--white); z-index: 3; }
.mGnb.active{ transform: translateX(0); }
.mGnb__header{ display: flex; align-items: center; justify-content: flex-end; height: var(--header_height); }
.mGnb [data-gnb="1"]{ position: relative; display: block; padding: 15rem 25rem; border-bottom: 1rem solid #eaeaea; color: #424242; }
.mGnb > ul > li:first-child > a{ border-top: 1rem solid #eaeaea; }
.mGnb [data-gnb="1"].open::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10rem; display: block; width: 11rem; height: 7rem; background: url('/images/common/menu_button.svg') no-repeat 50% 0 / contain; }
.mGnb [data-gnb="1"].active::before{ transform: translateY(-50%) rotate(180deg); }
.mGnb .sub_menu{ display: none; background: #efefef; }
.mGnb .sub_menu > li{ border-bottom: 1rem solid #dedede; }
.mGnb [data-gnb="2"]{ position: relative; display: block; padding: 15rem 25rem; font-size: 14rem; color: var(--black); }

.mGnb .btn_close{ opacity: 0; flex: 0 0 25rem; position: relative; margin-right: -100vw; display: block; width: 22rem; height: 22rem; background: 0; font-size: 0; }
.mGnb.active .btn_close{ opacity: 1; margin-right: 15rem; }
.mGnb .btn_close::before,
.mGnb .btn_close::after{ content: ''; position: absolute; top: 50%; left: 0; display: block;  width: 100%; height: 1rem; background: var(--black); transform: translateY(-50%) rotate(45deg); }
.mGnb .btn_close::after{ transform: translateY(-50%) rotate(-45deg); }

.cover{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .4); visibility: hidden; opacity: 0; z-index: 2; }
.cover.active{ visibility: visible; opacity: 1; }
@media(prefers-reduced-motion: no-preference){
	.mGnb{ transition: .5s ease-out; }
	.mGnb .btn_close{ transition: .8s; }
	.mGnb [data-gnb="1"]{ transition: .3s; }
	.mGnb [data-gnb="1"].open::before{ transition: .4s; }
	.cover{ transition: .4s; }
}

/* footer */
footer{ padding: 60rem 0 59rem; font-size: 15rem; font-weight: 500; color: #777; }
.footer__inr{ display: grid; gap: 30rem clamp(20rem, calc( 164 / var(--inr) * 100vw ), 164rem); max-width: 1300rem; }
.footer__logo{ height: 25rem; }
.footer__address{ display: flex; flex-wrap: wrap; gap: 10rem 22rem; }
.footer__copyright{ margin-top: 16rem; }
@media(min-width:768px){
	.footer__inr{ grid-template-columns: auto auto; }
	.footer__address{ margin-top: -4rem; }
}

/* top btn */
@media(min-width:768px){
	.topBtn{ position: fixed; right: 30rem; bottom: 145rem; width: 60rem; height: 60rem; padding: 10rem; background: var(--primary); border-radius: 50%; color: #fff; user-select: none; z-index: 8; }
	.topBtn::before, .topBtn::after {content: ''; position: absolute; background: #00469c; border-radius: 50%; z-index: -1;}
	.topBtn::before {inset: -8rem; opacity: 0.5; animation: ftop 1s linear infinite; inset: 0;}
	.topBtn::after {inset: -18em; opacity: 0.2; animation: ftop 1s linear infinite; inset: 0;}
	.topBtn__icon { position: relative;  height: 18rem; z-index: 1; }
	.topBtn__txt{ display: none; }
	@media(prefers-reduced-motion: no-preference){
		.topBtn::before {animation: topbtn 1s linear infinite; inset: 0;}
		.topBtn::after {animation: topbtn 1s linear .8s infinite; inset: 0;}
		@keyframes topbtn {
			0% {inset: 0; opacity: .5;}
			100% {inset: -28rem; opacity: 0;}
		}
	}
}
@media(max-width:767px){
	.topBtn{ position: fixed; right: 15rem; bottom: 130rem; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 90rem; height: 90rem; color: #8c8c8c; font-size: 22rem; z-index: 10; }
	.topBtn::before{ content: ''; display: inline-block; width: 16rem; height: 16rem; border: solid #fff; border-width: 1px 0 0 1px; transform: rotate(45deg); }
}

/* cForm */
@media(min-width:768px){
	.cForm__sticky{ position: sticky; inset: auto 0 -1rem; z-index: 10; }
	.cForm__sticky{ position: fixed; height: 80rem; }
	.cForm:not(.isShow){ transform: translateX(100%); opacity: 0; }
	.cFormToggle{ position: absolute; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 16rem; width: 20%; height: 100%; padding: 0 40rem; background: var(--primary); color: #fff; z-index: 1; }
	.cFormToggle__arrow{ width: 22rem; }
	.cFormToggle__arrow{ width: 10.8%; }
	.cFormToggle__text{ width: 54%; }
	.isShow .cFormToggle__arrow{ transform: rotate(180deg); }
	.cForm{ display: flex; align-items: center; height: 100%; padding: 20rem 0 11rem; background: var(--primary); color: #fff; }
	.cForm__inr{ display: grid; max-width: 1040rem; }
	.cFormTel{ position: relative; display: inline-block; }
	.cFormTel__number{ font-size: clamp(14rem, calc( 38 / var(--inr) * 100vw ), 38rem); font-weight: 800; letter-spacing: .008em; }
	.cFormTel__text{ display: block; font-size: clamp(12rem, calc( 23 / var(--inr) * 100vw ), 23rem); font-weight: 700; }
	.cForm__right{ margin-top: 20rem; display: grid; gap: 15rem; }
	.cForm :where([type="text"], select){ height: 50rem; padding: 0 14rem; border: 0; border-radius: 4rem; }
	.cForm select{ appearance: none; background: #fff url('/images/common/select_arrow.png') no-repeat calc(100% - 15rem) 50% / 9rem 4rem; }
	[name*="phone"]{ width: 100%; }
	.cForm__wrapPhone{ display: grid; grid-template-columns: 1fr 24rem 1fr 24rem 1fr; height: 50rem; }
	.cForm__hyphen{ display: flex; align-items: center; justify-content: center; }
	#online_btn{ display: flex; align-items: center; justify-content: center; width: 100%; height: 50rem; background: #fff33b; border-radius: 4rem; font-size: 20rem; font-weight: 700; color: var(--primary); }
	.cForm__wrapCheckbox{ display: flex; align-items: center; font-size: 14rem; }
	#checkbox{ margin-right: 9rem; width: 1.07142857em; height: 1.07142857em; }
	[for="checkbox"]{ margin-right: 3rem; }
	.cForm__inr{ grid-template-columns: auto 1fr; }
	.cFormTel{ top: -5rem; }
	.cFormTel__text{ margin: -6rem 0 0 2rem; }
	.cForm__right{ margin: 0 0 0 55rem; grid-template-columns: 2fr 2fr 3.53fr 1.6fr; gap: 0 15rem; }
	[name="variable_1"],
	[name="variable_2"]{ width: 100%; }
	.cForm__wrapCheckbox{ grid-column: 1 / 3; align-self: start; }
	@media(prefers-reduced-motion: no-preference){
		.cFormToggle__arrow{ transition: .6s; }
		.cForm{ transition: .5s; }
	}
}
@media(min-width:1280px){
	.cForm__sticky{ height: 116.5rem; }
	.cFormToggle{ width: 15%; }
	}
@media(min-width:1536px){
	.cForm__inr{ max-width: 100%; width: 68%; }
}
@media(max-width:1279px) and (min-width:768px){
	.cForm__inr{ transform: scale(.8); transform-origin: left; }
}
@media(max-width:767px){
	.cFormToggle{ position: fixed; right: 15rem; bottom: 40rem; display: flex; align-items: center; justify-content: center; width: 90rem; height: 90rem; background: var(--primary); border-radius: 50%; font-size: 25rem; line-height: 1; color: #fff; z-index: 10; }
	.cForm{ position: fixed; inset: 0; padding: 20vw 0 0; background: var(--primary); color: #fff; z-index: 11; }
	.cForm:not(.isShow){ display: none; }
	.cForm__right{ margin: 0 auto; display: grid; gap: 10rem; width: 84.375vw; }
	.cForm__inr{ height: 100%; }
	.cFormTel{ position: absolute; inset: auto 0 63rem; display: inline-flex; align-items: center; gap: .5ch; font-size: 28rem; }
	.cFormTel::before{ content: ''; display: inline-block; width: 1.2em; height: 1.2em; background: url('/images/common/form-tel.png') no-repeat 50% / auto 100%; }
	.cFormTel__number{ order: 1; }
	.cForm__p{ margin-bottom: 1.2em; text-align: center; font-size: 40rem; font-weight: 700; line-height: 1.2; }
	.cForm__wrapPhone{ display: grid; grid-template-columns: repeat(3, 1fr); }
	.cForm :where([type="text"], select){ width: 100%; height: 58rem; padding: 0 20rem; background: 0; border: 0; border-bottom: 1px solid currentColor; font-size: 20rem; }
	.cForm :where([type="text"], select)::placeholder{ color: #fff; }
	.cForm select{ appearance: none; background: url('/images/common/select_arrow-mo.png') no-repeat calc(100% - 15rem) 50% / 16rem auto; }
	.cForm option{ color: var(--black); }
	.cForm__hyphen{ display: none; }
	.cForm__wrapCheckbox{ margin-top: 65rem; display: flex; align-items: center; font-size: 17rem; }
	#checkbox{ appearance: none; margin-right: 9rem; width: 1.4em; height: 1.4em; background: url('/images/common/form-check.png') 50% 0 / 100% auto; }
	#checkbox:checked{ background-position-y: 100%; }
	[for="checkbox"]{ margin-right: 3rem; }
	.privacyLink.show{ margin-left: 5rem; width: 20rem; height: 20rem; background: url('/images/common/form-policy.png') no-repeat 50% / contain; font-size: 0; }
	#online_btn{ margin-top: 32rem; width: 100%; height: 64rem; background: #fff; font-size: 28rem; font-weight: 600; color: var(--primary); order: 10; }
	.cForm__close{ position: fixed; right: 15rem; bottom: 40rem; width: 90rem; height: 90rem; border: 1px solid currentColor; border-radius: 50%; }
	.cForm__close::before,
	.cForm__close::after{ content: ''; position: absolute; inset: 0; margin: auto; width: 40rem; height: 1px; background: currentColor; }
	.cForm__close::before{ transform: rotate(-45deg); }
	.cForm__close::after{ transform: rotate(45deg); }
}

/* dialog modal */
body:has(#dialog[open]){ overflow: hidden; }
.dialogBtn.show{ display: contents; background: 0; font-size: inherit; }
#dialog{ position: fixed; inset: 0; margin: auto; display: block; width: min(600px, 92vw); padding: 0; background: #fff; border: 0; z-index: 151; }
#dialog:not([open]){ visibility: hidden; opacity: 0; }
#dialog::backdrop{ display: none; }
.dialogHead{ display: flex; align-items: center; justify-content: space-between; height: 3.4375em; padding: .9375em; background: #686e82; box-sizing: border-box; color: #fff; }
.dialogBtn.close{ position: relative; width: 1.1875em; height: 1.1875em; background: url('/images/module/btn_close.png') no-repeat 50% / contain; font-size: inherit; }
.dialogBtn.close::before{ content: ''; position: absolute; inset: -5px; }
.dialogBody,
.dialogIframe{ overflow: auto; display: block; width: 100%; height: min(590px, calc(85vh - 3.4375em)); padding: .9375em; background: #fff; box-sizing: border-box; border: 0; }
.dialogBackdrop{ position: fixed; inset: 0; background: #000; opacity: .8; z-index: -1; }
@media(prefers-reduced-motion:no-preference){
	#dialog{ transition: opacity .4s, visibility .4s; }
	.dialogBackdrop{ transition: .4s; }
}