main{ contain: content; }

/* TODO: sec3__swiper 세로 정렬 방식 재확인, pc, and 이상 없음 */

/* sec2 */
.sec2{ padding: clamp(45rem, calc( 190 / var(--inr) * 100vw ), 190rem) 0 clamp(45rem, calc( 148 / var(--inr) * 100vw ), 148rem); background: #202020 url('/images/main/sec2-bg.jpg'); text-align: center; color: #fff; }
.sec2__mainTit{ max-height: 100%; height: clamp(92rem, calc( 165 / var(--inr) * 100vw ), 165rem); }
.sec2__seperation{ margin: 32rem auto 12rem; width: 1px; height: clamp(50rem, calc( 156 / var(--inr) * 100vw ), 156rem); background: #c5945d; }
.sec2__p{ font-size: var(--fs60); font-weight: 500; letter-spacing: -.06em; }
.sec2__subTit{ max-height: 100%; height: 94rem; }
.sec2__box{ position: relative; margin: 81rem auto 0; max-width: 1300rem; padding: 64rem clamp(0rem, calc( 20 / var(--inr) * 100vw ), 20rem) 63px; background: #2b2b2b; border-radius: 30rem; box-shadow: 0px 10px 18px 0px rgba(0, 0, 0, 0.15); }
.sec2__wrapSticker{ position: absolute; transform: translate(-50%,-50%); aspect-ratio: 1; width: clamp(200rem, calc( 353 / var(--inr) * 100vw ), 353rem); }
.sec2__sticker{ position: absolute; inset: 0; width: 100%; }
.sec2__sticker.s2{ width: 100%; z-index: 1; }
.sec2__wrapImg{ position: relative; margin: 0 auto; aspect-ratio: 998/573; max-width: 998rem; width: 100%; }
.sec2__line{ position: relative; width: 100%; pointer-events: none; }
.sec2__dotGroup{ position: absolute; inset: 0; }
.sec2__bar{ position: absolute; inset: 0; width: 100%; pointer-events: none; }
.sec2__dot{ position: absolute; top: 28.12%; left: 86.3%; transform: translate(-47%,-47%); aspect-ratio: 1; width: 1.504%; background: #fff; border-radius: 50%; }
.sec2__dot.d1{ transform: translate(-50%,-50%) scale(2.33); opacity: .3; }
.sec2__dot.d2{ transform: translate(-50%,-50%) scale(4); opacity: .15; }
.sec2__arrow{ position: absolute; inset: 0; width: 100%; pointer-events: none; }
.sec2__graph{ position: absolute; inset: 0; width: 100%; opacity: 0; z-index: 2; }
@media(prefers-reduced-motion){
	.sec2__dot:is(.d3, .d4, .d5){ display: none; }
}
@media(prefers-reduced-motion:no-preference){
	.sec2__dot{ animation: sec2Dot 2.5s infinite; opacity: 0; }
	.sec2__dot.d2{ animation-delay: .5s; }
	.sec2__dot.d3{ animation-delay: 1s; }
	.sec2__dot.d4{ animation-delay: 1.5s; }
	.sec2__dot.d5{ animation-delay: 2s; }
	@keyframes sec2Dot {
		0%{ transform: translate(-47%,-47%) scale(1); opacity: .4; }
		100%{ transform: translate(-47%,-47%) scale(5.7); opacity: 0; }
	}
	@media(min-width:767px){
		.sec2__box.seActive{ animation: shake .2s 3.2s; }
		.sec2__dotGroup{ clip-path: inset(100% 0 0); }
		.seActive .sec2__dotGroup{ clip-path: inset(0); transition: 2s .6s; }
		.sec2__arrow{ clip-path: inset(0 100% 0 0); }
		.seActive .sec2__arrow{ clip-path: inset(0); transition: 4s .6s; }
		.sec2__sticker{ opacity: 0; }
		.seActive .sec2__sticker.s1{ animation: sec2sticker1 2s cubic-bezier(0.3, 0.6, 0.62, 1) 3s infinite both; }
		@keyframes sec2sticker1 {
			0%{ opacity: 0; }
			1%{ opacity: .5; transform: scale(1); }
			100%{ opacity: 0; transform: scale(1.2); }
		}
		.seActive .sec2__sticker.s2{ animation: sec2sticker2 .2s cubic-bezier(0.3, 0.6, 0.62, 1) 3s both; }
		@keyframes sec2sticker2 {
			0%{ transform: scale(16); opacity: 0; }
			1%{ opacity: 1; }
			100%{ transform: scale(1); opacity: 1; }
		}
	}
}
@media(min-width:1280px){
	.sec2__wrapSticker{ top: 34rem; left: 29rem; }
}
@media(max-width:1279px){
	.sec2__wrapSticker{ top: clamp(30rem, calc( 90 / var(--inr) * 100vw ), 90rem); left: clamp(100rem, calc( 170 / var(--inr) * 100vw ), 170rem); }
}
@media(max-width:767px){
	.sec2__seperation{ display: none; }
	.sec2__subTit{ margin-top: 30rem; }
}

/* sec3 */
.sec3{ position: relative; padding: clamp(45rem, calc( 132 / var(--inr) * 100vw ), 132rem) 0 clamp(45rem, calc( 131 / var(--inr) * 100vw ), 131rem); background: #191919 url('/images/main/sec3-bg.jpg') no-repeat 50% / cover; text-align: center; }
.sec3__coin{ position: absolute; }
.sec3__coin::before{ content: ''; position: absolute; inset: 0; background: no-repeat 50% / contain; }
.sec3__coin.c1{ top: 9rem; left: 0; aspect-ratio: 54/130; width: clamp(30rem, calc( 54 / var(--inr) * 100vw ), 54rem); }
.sec3__coin.c1::before{ background-image: url('/images/main/sec3-coin1.png'); }
.sec3__coin.c2{ top: 11.15%; left: 6.65%; aspect-ratio: 165/146; width: clamp(80rem, calc( 165 / var(--inr) * 100vw ), 165rem); }
.sec3__coin.c2::before{ background-image: url('/images/main/sec3-coin2.png'); }
.sec3__coin.c3{ top: 30.2%; left: 1.45%; aspect-ratio: 53/59; width: clamp(30rem, calc( 53 / var(--inr) * 100vw ), 53rem); }
.sec3__coin.c3::before{ background-image: url('/images/main/sec3-coin3.png'); }
.sec3__coin.c4{ top: -23rem; right: 6.25%; aspect-ratio: 89/91; width: clamp(50rem, calc( 89 / var(--inr) * 100vw ), 89rem); }
.sec3__coin.c4::before{ background-image: url('/images/main/sec3-coin4.png'); }
.sec3__coin.c5{ top: 9.4%; right: 0%; aspect-ratio: 151/149; width: clamp(70rem, calc( 151 / var(--inr) * 100vw ), 151rem); }
.sec3__coin.c5::before{ background-image: url('/images/main/sec3-coin5.png'); }
.sec3__coin.c6{ top: 18.6%; right: 9.5%; aspect-ratio: 143/122; width: clamp(70rem, calc( 143 / var(--inr) * 100vw ), 143rem); }
.sec3__coin.c6::before{ background-image: url('/images/main/sec3-coin6.png'); }
.sec3__coin.c7{ top: 28.7%; right: 1.5%; aspect-ratio: 66/92; width: clamp(40rem, calc( 66 / var(--inr) * 100vw ), 66rem); }
.sec3__coin.c7::before{ background-image: url('/images/main/sec3-coin7.png'); }
.sec3__mainTit{ max-width: 100%; height: clamp(80rem, calc( 227 / var(--inr) * 100vw ), 227rem); }
.sec3__wrapSwiper{ position: relative; }
.sec3__swiper{ margin: 92rem auto 0; max-width: calc( 100% - 120rem); }
.sec3__swiper .swiper-wrapper{ transition-timing-function: linear; }
.sec3__btn{ position: absolute; inset: 0; width: 60rem; height: 60rem; background: no-repeat 50% 50% / 22rem 38rem; }
.sec3__btn.prev{ margin: auto auto auto 0; background-image: url('/images/main/sec3-prev.png'); }
.sec3__btn.next{ margin: auto 0 auto auto; background-image: url('/images/main/sec3-next.png'); }
.sec3__box{ margin: 0 auto; display: grid; grid-template-rows: auto 1fr auto auto; justify-items: center; width: 250rem; height: 372rem; padding: 66rem 10rem 84rem; background: no-repeat 50% / contain; }
.sec3__box.b1{ background-image: url('/images/main/sec3-b1.png'); }
.sec3__box.b2{ background-image: url('/images/main/sec3-b2.png'); }
.sec3__box.b3{ background-image: url('/images/main/sec3-b3.png'); }
.sec3__box.b4{ background-image: url('/images/main/sec3-b4.png'); }
.sec3__box.b5{ background-image: url('/images/main/sec3-b5.png'); }
.sec3__box.b6{ background-image: url('/images/main/sec3-b6.png'); }
.sec3__box.b7{ background-image: url('/images/main/sec3-b7.png'); }
.sec3__box.b8{ background-image: url('/images/main/sec3-b8.png'); }
.sec3__box.b9{ background-image: url('/images/main/sec3-b9.png'); }
.sec3__brand{ height: 10rem; }
.sec3__h3{ margin-top: 0.05263158em; font-size: 38rem; font-weight: 300; letter-spacing: -.05em; color: #fff; }
.sec3__head{ font-size: var(--fs26); font-weight: 700; letter-spacing: -.05em; color: #dda556; }
.sec3__body{ margin-top: -0.0625em; font-size: 32rem; font-weight: 700; letter-spacing: -.05em; color: #fff; }
.sec3__body::after{ content: '원'; font-size: 32rem; font-weight: 500; }
.sec3__subTit{ margin-top: clamp(56rem, calc( 79 / var(--inr) * 100vw ), 79rem); max-width: 100%; height: clamp(50rem, calc( 70 / var(--inr) * 100vw ), 70rem); }
@media(prefers-reduced-motion:no-preference) and (min-width:768px){
	.sec3__coin.c1::before{ --distance: 20%; animation: floatingCoin 3s ease-in-out -1s infinite alternate; }
	.sec3__coin.c2{ --distance: 20%; --rotate: -3deg; animation: rotateCoin 2s ease-in-out -2s infinite alternate; }
	.sec3__coin.c2::before{ animation: floatingCoin 4s ease-in-out -2s infinite alternate; }
	.sec3__coin.c3{ --distance: 40%; --rotate: 2deg; animation: rotateCoin 1.75s ease-in-out -3s infinite alternate; }
	.sec3__coin.c3::before{ animation: floatingCoin 3.5s ease-in-out -3s infinite alternate; }
	.sec3__coin.c4{ --distance: 20%; --rotate: -1deg; animation: rotateCoin 1.85s ease-in-out -4s infinite alternate; }
	.sec3__coin.c4::before{ animation: floatingCoin 5.7s ease-in-out 1s infinite alternate; }
	.sec3__coin.c5{ --distance: 30%; --rotate: 2deg; animation: rotateCoin 1.85s ease-in-out -4s infinite alternate; }
	.sec3__coin.c5::before{ animation: floatingCoin 4s ease-in-out 0s infinite alternate; }
	.sec3__coin.c6{ --distance: 20%; --rotate: 2deg; animation: rotateCoin 1.85s ease-in-out -4s infinite alternate; }
	.sec3__coin.c6::before{ animation: floatingCoin 4.6s ease-in-out -1s infinite alternate; }
	.sec3__coin.c7{ --distance: 20%; --rotate: 1deg; animation: rotateCoin 1.85s ease-in-out -4s infinite alternate; }
	.sec3__coin.c7::before{ animation: floatingCoin 4.1s ease-in-out 2s infinite alternate; }
	@keyframes rotateCoin {
		0%{ transform: rotate(var(--rotate)); }
		100%{ transform: rotate(calc(var(--rotate) * -1)); }
	}
	@keyframes floatingCoin {
		0%{ transform: translateY(0); }
		100%{ transform: translateY(calc(var(--distance) * -1)); }
	}
}
@media(min-width:1280px){
	.sec3__btn.prev{ transform: translate(-3px,-10%); }
	.sec3__btn.next{ transform: translate(3px,-10%); }
}
@media(max-width:767px){
	.sec3__coin.c2{ top: 25%; left: 12%; }
	.sec3__coin.c3{ top: 40%; }
	.sec3__coin.c4{ display: none; }
	.sec3__coin.c5{ top: 5%; }
	.sec3__coin.c6{ top: 25%; }
	.sec3__coin.c7{ display: none; }
}

/* sec4 */
.sec4{ padding: clamp(45rem, calc( 112 / var(--inr) * 100vw ), 112rem) 0 74rem; background: #eee url('/images/main/sec4-bg.jpg') no-repeat 50% / cover; }
.sec4H2{ text-align: center; font-weight: 500; color: #202020; }
.sec4H2__t1{ font-size: clamp(40rem, calc( 60 / var(--inr) * 100vw ), 60rem); letter-spacing: -.1em; }
.sec4H2__t2{ display: block; font-size: clamp(24rem, calc( 70 / var(--inr) * 100vw ), 70rem); letter-spacing: -.1em; }
.sec4__wrapCon{ margin-top: 35rem; display: grid; align-items: center; }
.sec4Competitor{ justify-self: end; position: relative; max-width: 398rem; }
.sec4Competitor__box{ transform: scale(0.77386935); }
.sec4Competitor__img1{ width: 100%; }
.sec4Competitor__img2{ position: absolute; inset: 6rem 4rem 0 0; margin: auto; }
.sec4__vs{ position: relative; width: 156rem }
.sec4__our{ max-width: 380rem; }
.sec4__tit1{ display: none; text-align: center; font-size: 20rem; font-weight: 500; letter-spacing: -.05em; color: var(--primary); }
.sec4__tit2{ margin-top: -6rem; text-align: center; font-size: 39rem; font-weight: 700; letter-spacing: -.05em; color: var(--primary); }
.sec4__box{ position: relative; margin-top: 2rem; padding: 34rem 39rem 19rem; background: #fff; border: 3.5rem solid var(--primary); border-radius: 10rem; box-shadow: 0rem 10rem 10rem rgba(0, 0, 0, 0.29); }
.sec4__img{ width: 100%; }
.sec4__ul{ margin-top: 4rem; font-size: 29rem; letter-spacing: -.05em; color: #222; }
.sec4__li{ display: flex; align-items: center; justify-content: space-between; padding: 5rem 2rem 5rem 5rem; }
.sec4__li + li{ border-top: 1px solid #83b2ec; }
.sec4__body{ font-size: 32rem; font-weight: 800; letter-spacing: -.03em; color: var(--primary); }
.sec4__bubble{ position: absolute; top: -27rem; right: -29rem; display: flex; align-items: center; justify-content: center; width: 86rem; height: 86rem; background: var(--primary); border-radius: 50%; text-align: center; font-size: 14rem; font-weight: 500; line-height: 19rem; letter-spacing: -.03em; color: #fff; }
.sec4__bubble ::selection{ background: var(--white); color: var(--primary); }
.sec4__content{ margin-top: 60rem; width: 100%; }
@media(prefers-reduced-motion:no-preference) and (min-width:768px){
	.seActive .sec4Competitor__img1{ animation: shake .2s 1.25s; }
	.sec4Competitor__img2{ transform: scale(2); opacity: 0; transition: 0s; }
	.seActive .sec4Competitor__img2{ transform: scale(1); opacity: 1; transition: .1s cubic-bezier(0.28, 0.95, 0.58, 1) 1.2s; }
}
@media(min-width:768px){
	.sec4H2__t2{ margin-top: -16rem; }
	.sec4__wrapCon{ grid-template-columns: 1fr 166rem 1fr; }
	.sec4Competitor{ top: 29rem; left: 4rem; }
	.sec4__vs{ top: 23rem; left: -15rem; }
	.sec4__content{ display: none; }
}
@media(max-width:767px){
	.sec4H2__t1{ line-height: 1.2; }
	.sec4H2__t2{ margin-top: 20rem; }
    .sec4__wrapCon{ justify-items: center; justify-content: center; }
	.sec4__vs{ margin: -104rem 0 20rem; z-index: 1; }
	.sec4__tit1{ display: none; }

	.sec4__wrapCon{ display: none; }
}

/* sec5 */
.sec5Flow{ contain: content; display: flex; padding: 19rem 0 18rem; background: #fff; font-size: 24rem; font-weight: 500; color: var(--primary); white-space: nowrap; user-select: none; }
.sec5Flow__group{ display: flex; }
.sec5Flow__p{ margin-left: 70rem; letter-spacing: -.09em; }
.sec5Top{ position: relative; background: var(--primary); text-align: center; color: #fff; }
.sec5Top ::selection{ background: var(--white); color: var(--primary); }
.sec5Top__inr{ position: static; padding: 69rem 0 48rem; }
.sec5Top__arc{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); aspect-ratio: 1147/217; height: clamp(167rem, calc( 217 / var(--inr) * 100vw ), 217rem); background: url('/images/main/sec5-arc.png') no-repeat 50% / contain; }
.sec5Top__365{ height: 2.46em; font-size: var(--fs50); }
.sec5Top__p{ margin-top: .7em; font-size: var(--fs50); font-weight: 700; letter-spacing: -.08em; }
.sec5Bottom{ position: relative; padding: clamp(45rem, calc( 128 / var(--inr) * 100vw ), 128rem) 0 clamp(45rem, calc( 109 / var(--inr) * 100vw ), 109rem); background: #f5f9ff; text-align: center; color: var(--primary); }
.sec5Bottom::before{ content: ''; position: absolute; inset: 23rem 0; background: url('/images/main/sec5-txt.png') repeat-y 0 0 / 100% auto; opacity: .5; }
.sec5__p{ font-size: var(--fs45); font-weight: 500; letter-spacing: -.09em; }
.sec5__365{ letter-spacing: -.025em; }
.sec5H2{ margin-top: -.03076923em; font-size: var(--fs65); }
.sec5H2__t1{ display: inline-block; letter-spacing: -.05em; }
.sec5H2__t2{ margin-top: -14rem; display: block; letter-spacing: -.05em; }
.sec5Slide{ overflow: clip visible; position: relative; margin-top: 48rem; text-align: center; user-select: none; }
.sec5Slide::before{ content: ''; position: absolute; inset: 9.2% 0 0; margin: auto; height: 62.5%; background: url('/images/main/sec5-line.png') repeat-x 50% / cover; }
.sec5Slide__slide{ position: absolute; inset: 17% -0.8% 0; margin: auto; display: flex; align-items: center; width: max-content; white-space: nowrap; }
.sec5Slide__img{ margin-right: 11.3vw; display: inline-block; max-width: 100%; width: 329rem; object-fit: scale-down; }
.sec5Slide__product{ max-width: 100%; width: 561rem; }
@media(prefers-reduced-motion:no-preference){
	.sec5Flow__group{ animation: sec5flow 32s linear infinite; }
	@keyframes sec5flow {
		100%{ transform: translateX(-100%); }
	}
	.sec5Slide__group{ animation: sec5flow 15s linear infinite; }
	.sec5Slide__img{ animation: sec5img 3s linear infinite alternate; }
	.sec5Slide__img:nth-child(2){ animation-delay: -1.7s; }
	.sec5Slide__img:nth-child(3){ animation-delay: -1.3s; }
	.sec5Slide__img:nth-child(4){ animation-delay: -2s; }
	@keyframes sec5img {
		0%{ transform: translateY(-7%); }
		100%{ transform: translateY(7%); }
	}
	@media(min-width:768px){
		.sec5Slide__product{ transform: scale(0); transition: 0s; }
		.seActive .sec5Slide__product{ transform: scale(1); transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) .4s; }
	}
}
@media(max-width:767px){
	.sec5__p{ display: none; }
	.sec5H2__t1{ font-size: 24rem; }
	.sec5H2__t2{ margin-top: 10rem; line-height: 1.3; }
	.sec5Slide__img{ width: 35vw; }
	.sec5Slide__product{ width: 45vw; }
}

/* sec6 */
.sec6{ padding: clamp(45rem, calc( 97 / var(--inr) * 100vw ), 97rem); background: #2ac1bc; }
.sec6Top{ display: grid; justify-content: center; gap: 0 62rem; }
.sec6Medal{ position: relative; aspect-ratio: 393/547; max-width: 393rem; }
.sec6Medal__flare{ position: absolute; top: 38%; left: 21%; transform: translate(-50%,-50%); mix-blend-mode: screen; user-select: none; }
.sec6Medal__medal{ max-width: 100%; }
.sec6Title{ position: relative; }
[class*="sec6Title__tit"]{ display: block; }
.sec6Title__tit1{ height: 49rem; }
.sec6Title__tit2{ margin-top: 28rem; max-width: 100%; height: 58rem; }
.sec6Title__tit3{ margin-top: 16rem; max-width: 100%; width: 442rem; }
.sec6Title__tit4{ margin-top: 28rem; max-width: 100%; width: 379rem; }
.sec6Title__rider{ position: absolute; right: -50%; bottom: 2.5%; height: 188rem; }
.sec6Swiper{ position: relative; margin: 49rem auto 0; max-width: 1173rem; }
.sec6Swiper .swiper-wrapper{ transition-timing-function: linear; }
.sec6Swiper__p{ margin-bottom: 7rem; text-align: center; font-size: 23rem; font-weight: 700; letter-spacing: -.05em; color: #fff; }
.sec6Swiper__img{ max-width: 100%; }
.sec6Swiper__shadow{ position: absolute; inset: auto -5.88235294% 0; height: 14rem; background: url('/images/main/sec6-shadow.png') no-repeat 50% 100% / contain; mix-blend-mode: multiply; z-index: 1; }
@media(prefers-reduced-motion:no-preference){
	.sec6Medal__flare{ animation: sec6flare 3s ease infinite; }
	@keyframes sec6flare {
		0%, 33%, 100%{ opacity: 0; }
		66%{ opacity: 1; }
	}
	.sec6Title__rider{ opacity: 0; }
	.sec6Title__rider.seActive{ animation: sec6rider 2s both; }
	@keyframes sec6rider {
		0%{ transform: translateX(300%); opacity: 0; }
		100%{ transform: translateX(0%); opacity: 1; }
	}
}
@media(min-width: 768px){
	.sec6{ padding-top: 0; }
	.sec6Top{ padding-right: 14rem; grid-template-columns: auto auto; }
	.sec6Title{ position: relative; padding-top: 165rem; }
	.sec6Title__tit2{ margin-left: 2rem; }
	.sec6Title__tit3{ margin-left: 4rem; }
	.sec6Title__tit4{ margin-left: 3rem; }
	.sec6Swiper__shadow{ bottom: -1rem; }
	@media(max-width:1279px){
		.sec6Title__rider{ height: 160rem; }
	}
}
@media(min-width:1280px){
	.sec6Swiper__shadow{ bottom: 0; }
}
@media(max-width:767px){
	.sec6Medal{ display: none; justify-self: center; margin-left: 5%; }
	.sec6Title{ display: grid; justify-content: center; transform: scale(0.8); }
	.sec6Title__rider{ display: none; right: -43%; bottom: -17%; height: 160rem; }
}

/* sec7 */
.sec7{ position: relative; padding: clamp(45rem, calc( 109 / var(--inr) * 100vw ), 109rem) 0 clamp(45rem, calc( 93 / var(--inr) * 100vw ), 93rem); background: linear-gradient(90deg, #262626 calc(50% - 36rem), #131313 50%, var(--primary) 50%); color: #fff; }
.sec7 ::selection{ background: var(--white); color: var(--primary); }
.sec7H2{ text-align: center; }
.sec7H2__t1{ font-size: var(--fs40); font-weight: 500; letter-spacing: -.1em; }
.sec7H2__t2{ margin-top: -.12em; display: block; font-size: var(--fs50); letter-spacing: -.1em; }
.sec7__subTit{ margin: 3rem auto 0; display: block; max-width: 100%; height: 88rem; }
.sec7__wrapImg{ --inr: 1920; position: relative; margin: clamp(33rem, calc( 53 / var(--inr) * 100vw ), 53rem) auto 0; display: grid; grid-template-columns: 1fr 1fr; }
.sec7__txt{ margin-top: 20rem; display: grid; grid-template-columns: 1fr 1fr; gap: 50rem; width: 436rem; text-align: center; }
.sec7__competitor{ justify-self: end; height: clamp(360rem, calc( 425 / var(--inr) * 100vw ), 425rem); }
.sec7__competitor-img{ height: 100%; }
.sec7__competitorTxt{ position: absolute; inset: -2.6% 50% 0 0; margin: auto 0 auto auto; height: clamp(317rem, calc( 375 / var(--inr) * 100vw ), 375rem); }
.sec7__img{ position: absolute; inset: 0 0 0 50%; }
.sec7__img.i1{ height: clamp(356rem, calc( 421 / var(--inr) * 100vw ), 421rem); }
.sec7__img.i2{ opacity: 0; height: clamp(359rem, calc( 424 / var(--inr) * 100vw ), 424rem); }
.sec7__img.i3{ opacity: 0; height: clamp(361rem, calc( 427 / var(--inr) * 100vw ), 427rem); }
.sec7__img.i4{ opacity: 0; height: clamp(357rem, calc( 422 / var(--inr) * 100vw ), 422rem); }
.sec7__outTxt{ position: absolute; inset: -6.4% 0 0 50%; margin: auto auto auto 0; height: clamp(383rem, calc( 453 / var(--inr) * 100vw ), 453rem); }
@media(prefers-reduced-motion:no-preference){
	.sec7__img{ animation: sec7change 14s linear infinite both; }
	.sec7__img.i2{ animation-delay: 3.5s; }
	.sec7__img.i3{ animation-delay: 7s; }
	.sec7__img.i4{ animation-delay: 10.5s; }
	@keyframes sec7change {
		5%, 25%{ opacity: 1; }
		0%, 30%, 100%{ opacity: 0; }
	}
}
@media(min-width:1280px){
	.sec7__txt{ display: none; }
}
@media(max-width:1279px){
	.sec7__competitorTxt,
	.sec7__outTxt{ display: none; }
}

/* sec8 */
.sec8{ contain: content; position: relative; text-align: center; }
.sec8__inr{ padding: clamp(45rem, calc( 197 / var(--inr) * 100vw ), 197rem) 0 clamp(45rem, calc( 156 / var(--inr) * 100vw ), 156rem); }
.sec8__mainTit{ font-size: var(--fs33); font-weight: 500; color: var(--primary); }
.sec8__strong{ font-size: var(--fs65); letter-spacing: -.075em; }
.sec8__p{ margin-top: 14rem; font-size: var(--fs23); font-weight: 300; letter-spacing: -.075em; line-height: 1.43478261; color: #2b2b2b; }
.sec8__point{ margin-top: 0.33333333em; display: flex; align-items: center; justify-content: center; gap: 0.41025641em; font-size: var(--fs39); font-weight: 700; letter-spacing: -.05em; color: var(--primary); }
.sec8__p + .sec8__point{ margin-top: clamp(30rem, calc( 68 / var(--inr) * 100vw ), 68rem); }
.sec8__up, .sec8__down{ width: 3.28205128em; height: 1.17948718em; }
.sec8__wrapPoster{ position: relative; display: flex; gap: 20rem; user-select: none; }
.sec8__posterGroup{ display: flex; }
.sec8__poster{ width: 225rem; border-radius: 20rem; box-shadow: 3px 6px 5px 0px rgba(0, 0, 0, 0.17); }
@media(prefers-reduced-motion:no-preference){
	.sec8__posterGroup.g1{ animation: sec8Roll 20s linear infinite; }
	.sec8__posterGroup.g2{ animation: sec8Roll 20s linear infinite reverse; }
	@keyframes sec8Roll {
		0%{ transform: translateX(0); }
		100%{ transform: translateX(-50%); }
	}
	@media(min-width:1280px){
		@keyframes sec8Roll {
			0%{ transform: translateY(0); }
			100%{ transform: translateY(-50%); }
		}
	}
}
@media(min-width:1280px){
	.sec8{ --inr: 1920; display: grid; grid-template-columns: repeat(2, 1fr); }
	.sec8__inr{ padding-left: 4vw; }
	.sec8__strong{ white-space: nowrap; }
	.sec8__wrapPoster{ position: absolute; top: 0; right: 8vw; }
	.sec8__posterGroup{ flex-direction: column; }
	.sec8__posterGroup.g1{ transform: translateY(-5.3%); }
	.sec8__posterGroup.g2{ transform: translateY(-12.1%); }
	.sec8__poster{ margin-bottom: 27rem; }
}
@media(min-width:1539px){
	.sec8__inr{ padding-left: clamp(0rem, calc( 297 / var(--inr) * 100vw ), 297rem); }
	.sec8__wrapPoster{ right: clamp(0rem, calc( 270 / var(--inr) * 100vw ), 270rem); }
}
@media(max-width:1279px){
	.sec8__wrapPoster{ margin-bottom: 90rem; }
	.sec8__posterGroup.g2{ display: none; }
	.sec8__poster{ margin-right: 10rem; }
}

/* sec9 */
.sec9{ contain: content; text-align: center; }
.sec9__top{ padding: clamp(45rem, calc( 142 / var(--inr) * 100vw ), 142rem) 0 0; background: var(--primary); color: #fff; }
.sec9__top ::selection{ background: var(--white); color: var(--primary); }
.sec9__subTit{ font-size: clamp(34rem, calc( 50 / var(--inr) * 100vw ), 50rem); font-weight: 500; letter-spacing: -.05em; }
.sec9__mainTit{ margin-top: -.08571429em; font-size: clamp(44rem, calc( 70 / var(--inr) * 100vw ), 70rem); letter-spacing: -.05em; }
.sec9__point{ position: relative; display: inline-block; color: #fff33b; z-index: 1; }
.sec9__plus{ margin-right: .05em; }
.sec9__wrapStar{ margin-top: clamp(20rem, calc( 45 / var(--inr) * 100vw ), 45rem); display: flex; justify-content: center; gap: 14rem; user-select: none; }
.sec9__star{ height: clamp(35rem, calc( 81 / var(--inr) * 100vw ), 81rem); }
.sec9__wrapSwiper{ position: relative; margin-top: 132rem; user-select: none; }
.sec9ReviewBg__img{ max-width: 100%; }
.sec9__wrapReview{ position: absolute; top: -26rem; z-index: 1; }
.sec9Review{ width: 297rem; }
.sec9Review .swiper-slide{ height: auto; background: #fff; }
.sec9Review__img{ width: 100%; }
.sec9__phone{ position: absolute; top: 0; left: 50%; transform: translate(-50%,-7.2%); aspect-ratio: 375/641; width: 126.26262626%; background: url('/images/main/sec9-phone.png') no-repeat 50% / contain; }
.sec9__bottom{ padding: 35rem 0 clamp(45rem, calc( 122 / var(--inr) * 100vw ), 122rem); }
.sec9Reoder{ position: relative; left: 50%; transform: translateX(-50%); width: 2140rem; user-select: none; }
.sec9Reoder .swiper-wrapper{ transition-timing-function: linear; }
.sec9Reoder__img{ max-width: 100%; border: 2px solid var(--primary); }
.sec9__p{ margin-top: 85rem; font-size: var(--fs40); font-weight: 500; letter-spacing: -.05em; color: var(--primary); }
@media(prefers-reduced-motion:no-preference){
	.seActive .sec9__point{ animation: sec9Point .2s cubic-bezier(0.3, 0.6, 0.62, 1) both; }
	@keyframes sec9Point {
		0%{ transform: scale(16); opacity: 0; }
		1%{ opacity: 1; }
		100%{ transform: scale(1); opacity: 1; }
	}
	.seActive .sec9__point::before{ animation: sec9PointBefore 2s cubic-bezier(0.3, 0.6, 0.62, 1) .3s infinite; content: attr(data-text); position: absolute; color: inherit; white-space: nowrap; z-index: -1; }
	@keyframes sec9PointBefore {
		0%{ opacity: 0; }
		1%{ opacity: .5; transform: scale(1); }
		100%{ opacity: 0; transform: scale(1.2); }
	}
	.sec9__mainTit:not(.seActive) .sec9__point{ opacity: 0; }
}
@media(min-width:768px){
	.sec9__wrapReview{ top: -26rem; left: 50%; transform: translateX(-50%); }
}
@media(max-width:767px){
	.sec9__mainTit{ margin-top: 10rem; display: grid; line-height: 1.3; }
	.sec9__plus{ display: none; }
	.sec9__wrapSwiper{ padding: 0 4vw; }
	/* .sec9__wrapReview{ top: -26rem; left: 4vw; width: 45vw; } */
	.sec9__wrapReview{ position: relative; margin: 0 auto; width: 82vw; }
	.sec9ReviewBg{ display: none; }
	.sec9Review{ width: 100%; }
}

/* sec10 */
.sec10-textGradient{ background: linear-gradient(90deg, #c5945d 0%, #e8bc67 15%, #f7e599 50%, #e8bc67 85%, #c5945d 100%); color: transparent; -webkit-background-clip: text; }
.sec10{ padding: clamp(45rem, calc( 132 / var(--inr) * 100vw ), 132rem) 0 clamp(45rem, calc( 154 / var(--inr) * 100vw ), 154rem); background: #000 url('/images/main/sec10-bg.jpg') no-repeat 50% / cover; text-align: center; }
.sec10H2__txt1{ font-size: var(--fs45); font-weight: 500; letter-spacing: -.06em; color: #fff; }
.sec10H2__txt2{ margin-top: -.15294118em; display: block; font-size: var(--fs85); letter-spacing: -.05em; }
.sec10__p{ margin-top: 1.1em; font-size: var(--fs30); font-weight: 500; letter-spacing: -.05em; }
.sec10Youtube__wrap{ position: relative; margin-bottom: clamp(60rem, calc( 113 / var(--inr) * 100vw ), 113rem); }
.sec10Youtube__wrap::before{ content: ''; position: absolute; top: 100%; left: 50%; transform: translate(-50%,-35.6%); aspect-ratio: 1194/188; max-width: 1194rem; width: 210%; background: url('/images/main/sec10-stage.png') no-repeat 50% / contain; opacity: .6; }
.sec10Youtube{ margin: 0 auto; max-width: 657rem; }
.sec10__player{ aspect-ratio: 16/9; width: 100%; border: 0; }
.sec10Youtube__pager{ margin-top: 15rem; display: flex; justify-content: center; gap: 10rem; bottom: auto; height: auto; }
.sec10 .swiper-pagination-bullet{ position: relative; width: 10rem; height: 10rem; background: #f7e599; }
.sec10 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){ opacity: .5; }
.sec10 .swiper-pagination-bullet::before{ content: ''; position: absolute; inset: -5rem; border-radius: 50%; }
.sec10H3{ position: relative; margin-top: 11rem; font-weight: 500; z-index: 1; }
.sec10H3__txt1{ display: inline-block; font-size: var(--fs45); letter-spacing: -.05em; color: #fff; }
.sec10H3__txt2{ margin-top: 10rem; display: flex; align-items: center; justify-content: center; gap: 0 .3em; font-size: clamp(28rem, calc( 60 / var(--inr) * 100vw ), 60rem); letter-spacing: -.08em; color: #dda556; }
.sec10__ratio{ position: relative; top:-.1em; height: 1.4em; }
.sec10Swiper{ margin-inline: auto; max-width: 1077rem; }
.sec10Swiper.s1{ margin-top: 25rem; }
.sec10Swiper.s2{ margin-top: 39rem; }
.sec10Swiper.s3{ margin-top: 39rem; }
.sec10Swiper.s4{ margin-top: 10rem; }
.sec10Swiper .swiper-wrapper{ transition-timing-function: linear; }
.sec10Swiper .swiper-slide{ padding: 26rem 10rem 13rem; background: url('/images/main/sec10-slideBg.png') no-repeat 50% / 100% 100%; border-radius: 10rem; }
.sec10Swiper__h4{ font-size: 20rem; font-weight: 700; letter-spacing: -.05em; color: #131313; }
.sec10Swiper__ul{ margin-top: 15rem; display: flex; flex-direction: column; gap: 2px; height: 138rem; font-size: var(--fs24); font-weight: 600; color: #000; }
.sec10Swiper__li{ position: relative; flex: 1; display: flex; align-items: center; justify-content: center; background: #fff; }
.sec10Swiper__li:first-child{ padding-bottom: 12rem; border-radius: 10rem 10rem 0 0; }
.sec10Swiper__li:last-child{ padding-top: 12rem; border-radius: 0 0 10rem 10rem; }
.sec10Swiper__li::before{ content: ''; position: absolute; inset: 100% auto 0 50%; transform: translate(-50%,-50%); width: 28rem; height: 28rem; background: url('/images/main/sec10-arrow.png') no-repeat 50% / contain; border-radius: 50%; z-index: 1; }
.s1 .sec10Swiper__li::before{ background-image: url('/images/main/sec10-plus.png'); }
.sec10Swiper__li:last-child::before{ display: none; }
.sec10Swiper__ul.list3{ font-size: clamp(12rem, calc( 18 / var(--inr) * 100vw ), 18rem); }
.list3 .sec10Swiper__li::before{ width: 22rem; height: 22rem; transform: translate(-50%,-60%); }
.list3 .sec10Swiper__li + li::before{ transform: translate(-50%,-30%); }
.list3 .sec10Swiper__li:first-child{ padding-bottom: 6rem; }
.list3 .sec10Swiper__li:last-child{ padding-top: 6rem; }
.sec10__tally{ margin-top: 20rem; text-align: center; font-size: 18rem; font-weight: 500; letter-spacing: -.025em; color: #939393; }
@media(min-width:768px){
	.sec10Swiper.s4{ display: none; }
}
@media(max-width:767px){
	.sec10H3__txt1{ font-size: 24rem; }
	.sec10Swiper.s2,
	.sec10Swiper.s3{ display: none; }
}

/* sec11 */
.sec11{ padding: clamp(45rem, calc( 134 / var(--inr) * 100vw ), 134rem) 0 clamp(45rem, calc( 196 / var(--inr) * 100vw ), 196rem); background: #1d1d22; text-align: center; }
.sec11__h3{ font-size: var(--fs50); font-weight: 300; letter-spacing: -.05em; color: #c4c4c4; }
.sec11__separation{ margin: 19rem auto 4rem; width: 1rem; height: 63rem; background: #fff; }
.sec11__h2{ margin-bottom: -.35714286em; font-size: var(--fs70); font-weight: 500; letter-spacing: -.06em; color: #fff; }
.sec11__h2 strong{ font-size: clamp(50rem, calc( 102 / var(--inr) * 100vw ), 102rem); letter-spacing: -.06em; }
.sec11__p{ font-size: var(--fs33); font-weight: 500; letter-spacing: -.06em; color: #adaaab; }
.sec11__box{ position: relative; margin: 34rem auto 0; aspect-ratio: 1/1; max-width: 514rem; width: 100%; }
.sec11__box img{ position: absolute; }
.sec11__circle{ inset: 0; margin: auto; aspect-ratio: 1; width: 96.10894942%; }
.sec11__margin{ inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center left; }
.sec11__bar{ top: 24.7%; left: -5.6%; width: 107.78210117%; }
.sec11__average{ inset: 3.8% 0 0; margin: auto; height: 24.31906615%; }
@media(prefers-reduced-motion:no-preference) and (min-width:768px){
	.sec11__box:not(.seActive) :is(.sec11__circle, .sec11__bar){ transform: scale(0); opacity: 0; transition: 0s; }
	.seActive .sec11__circle{ transition: .3s; }
	.seActive .sec11__bar{ transition: .3s .5s; }
	.sec11__margin{ clip-path: polygon(50% 50%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); }
	.seActive .sec11__margin{ animation: sec11Margin 2s linear 1s both; }
	@keyframes sec11Margin {
		000%{ clip-path: polygon(50% 50%, 100% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); }
		025%{ clip-path: polygon(50% 50%, 100% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%); }
		050%{ clip-path: polygon(50% 50%, 100% 0%, 0% 0%, 0% 100%, 0% 100%, 0% 100%); }
		075%{ clip-path: polygon(50% 50%, 100% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 100%); }
		100%{ clip-path: polygon(50% 50%, 100% 0%, 0% 0%, 0% 100%, 100% 100%, 100% 0%); }
	}
	.sec11__box:not(.seActive) :is(.sec11__txt1, .sec11__txt2, .sec11__txt3, .sec11__txt4){ transform: translate(calc(-50% - 40rem), -50%); opacity: 0; transition: 0s; }
	.sec11__box:not(.seActive) .sec11__txt5{ transform: translate(calc(-50% + 40rem), -50%); opacity: 0; transition: 0s; }
	.seActive .sec11__txt1{ transition: .4s .9s; }
	.seActive .sec11__txt2{ transition: .4s .95s; }
	.seActive .sec11__txt3{ transition: .4s 1s; }
	.seActive .sec11__txt4{ transition: .4s 1.05s; }
	.seActive .sec11__txt5{ transition: .4s 1.1s; }
}
@media(min-width:768px){
	.sec11__box [class*="sec11__txt"]{ transform: translate(-50%,-50%); }
	.sec11__txt1{ top: 27%; left: 115.6%; width: 30.15564202%; }
	.sec11__txt2{ top: 68.6%; left: 113%; width: 23.73540856%; }
	.sec11__txt3{ top: 88%; left: 101.8%; width: 23.15175097%; }
	.sec11__txt4{ top: 106.8%; left: 74%; width: 25.48638132%; }
	.sec11__txt5{ top: 48.2%; left: -23.4%; width: 31.32295720%; }
}
@media(max-width:767px){
	.sec11__h2{ margin: 30rem 0 20rem; line-height: 1.2; }
	.sec11__h2 strong{ display: block; }
	.sec11__bar{ display: none; }
	.sec11__box [class*="sec11__txt"]{ transform: translate(-50%,-50%) scale(.8); }
	.sec11__txt1{ top: 26%; left: 81%; width: 25%; filter: drop-shadow(0 0 2rem #000000); }
	.sec11__txt2{ top: 70%; left: 85%; width: 22%; filter: drop-shadow(0 0 1rem #00000080); }
	.sec11__txt3{ top: 85%; left: 69%; width: 22%; filter: drop-shadow(0 0 1rem #00000080); }
	.sec11__txt4{ top: 94%; left: 53%; width: 23%; filter: drop-shadow(0 0 1rem #00000080); }
	.sec11__txt5{ top: 48%; left: 10%; width: 27%; filter: drop-shadow(0 0 2rem black); }
}

/* sec12 */
.sec12__underline{ position: relative; display: inline-block; z-index: 1; }
.sec12__underline::before{ content: ''; position: absolute; inset: 64% -3rem 20.2%; background: var(--primary); z-index: -1; }
.sec12__topImg{ height: clamp(200rem, calc( 600 / var(--inr) * 100vw ), 600rem); background: fixed url('/images/main/sec12-topImg.jpg') no-repeat 50% / cover; }
.sec12Top{ position: relative; padding: clamp(45rem, calc( 108 / var(--inr) * 100vw ), 108rem) 0 clamp(45rem, calc( 98 / var(--inr) * 100vw ), 98rem); background: #f1f1f1; text-align: center; }
.sec12Top::before{ content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 110rem; height: 65rem; background: inherit; clip-path: polygon(0 -1px, 100% -1px, 50% 100%); }
.sec12Top__h2{ font-size: var(--fs40); font-weight: 500; letter-spacing: -.05em; }
.sec12Kok{ display: inline-block; transform: rotate(11deg) translate(-9%, -5.4%); font-size: 1.5em; letter-spacing: -.05em; color: var(--primary); }
.sec12Kok__txt{ display: inline-block; }
.sec12Top__strong{ margin-top: -.18181818em; display: block; font-size: 1.375em; letter-spacing: -.05em; }
.sec12Top__ol{ position: relative; margin: 70rem auto 0; display: grid; gap: 15rem 32rem; max-width: 765rem; z-index: 1; }
.sec12Top__li{ position: relative; padding: clamp(20rem, calc( 103 / var(--inr) * 100vw ), 103rem) 0 clamp(20rem, calc( 91 / var(--inr) * 100vw ), 91rem); background: #fff; border-radius: 25rem; box-shadow: 4rem 5rem 10rem rgba(0, 0, 0, 0.09); }
.sec12Top__circle{ position: absolute; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: .15em; width: 76rem; height: 76rem; padding-top: 2%; background: var(--primary); border-radius: 50%; text-transform: uppercase; line-height: 1; color: #fff; }
.sec12Top__circle b{ font-size: 1.375em; }
.sec12Top__p{ font-size: 26rem; line-height: 1.46153846; letter-spacing: -.05em; color: var(--primary); }
.sec12__deco{ --inr: 1920; position: absolute; }
.sec12__deco::before{ content: ''; position: absolute; inset: 0; background: no-repeat 50% / contain; }
.sec12__deco.d1{ top: 100%; left: 0; aspect-ratio: 553/530; width: clamp(20rem, calc( 553 / var(--inr) * 100vw ), 553rem);  }
.sec12__deco.d1::before{ transform: translate(-36%,-67.9%); background-image: url('/images/main/sec12-deco1.png'); }
.sec12__deco.d2{ top: 100%; right: 0; aspect-ratio: 512/511; width: clamp(20rem, calc( 512 / var(--inr) * 100vw ), 512rem); }
.sec12__deco.d2::before{ transform: translate(39.3%,-25.8%); background-image: url('/images/main/sec12-deco2.png'); }
.sec12__point{ margin: 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 6.8em; height: 2.43333333em; padding-top: .2em; border: 1px solid var(--primary); border-radius: 50%; font-size: var(--fs30); font-weight: 700; letter-spacing: -.05em; color: var(--primary); }
.sec12Mid{ padding: clamp(155rem, calc( 192 / var(--inr) * 100vw ), 192rem) 0 clamp(45rem, calc( 143 / var(--inr) * 100vw ), 143rem); text-align: center; }
.sec12MainTit{ margin-top: 18rem; font-size: var(--fs60); letter-spacing: -.05em; color: #222; }
.sec12MainTit__fresh{ position: relative; top: .11666667em; margin-right: -.13333333em; display: inline-block; width: 3.56666667em; height: 1.13333333em; background: url('/images/main/sec12-fresh.png') no-repeat 50% / contain; }
.sec12MainTit__fresh::before{ content: ''; position: absolute; top: -6%; left: 89%; width: 1.06666667em; height: 0.78333333em; background: url('/images/main/sec12-leaf.png') no-repeat 50% / contain; z-index: -1; }
.sec12MainTit__strong{ margin-top: -3rem; display: block; font-size: 1.33333333em; letter-spacing: -.06em; }
.sec12__separation{ margin: 20rem auto 35rem; width: 73rem; height: 2px; background: #e2e2e2; }
.sec12__p{ font-size: var(--fs26); font-weight: 500; line-height: 1.38461538; letter-spacing: -.05em; color: #2b2b2b; }
.sec12__fridge{ position: relative; margin: 98rem 0 121rem; padding: clamp(210rem, calc( 398 / var(--inr) * 100vw ), 398rem) 0 52rem; background: url('/images/main/sec12-bg.jpg') no-repeat 50% 0 / cover; }
.sec12__ul{ position: relative; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); width: 89.46666667%; color: #2b2b2b; z-index: 1; }
.sec12__li{ padding: 21rem 0rem 17rem; background: rgba(255, 255, 255, 0.6); border-radius: 23rem; }
.sec12__icon{ width: 100%; height: clamp(56rem, calc( 94 / var(--inr) * 100vw ), 94rem); object-fit: scale-down; }
.sec12__head{ margin-top: 0.21212121em; font-size: clamp(20rem, calc( 33 / var(--inr) * 100vw ), 33rem); letter-spacing: -.05em; }
.sec12__li:nth-child(3) .sec12__head{ letter-spacing: -.08em; }
.sec12__body{ margin-top: -5rem; letter-spacing: -.05em; }
.sec12SubTit{ margin-bottom: 15rem; font-size: var(--fs50); font-weight: 500; letter-spacing: -.05em; color: #222; }
.sec12SubTit__strong{ margin-top: -0.07142857em; display: block; font-size: 1.4em; font-weight: 600; letter-spacing: -.05em; }
.sec12SubTit + .sec12__p{ color: #222; }
.sec12__process{ font-size: 26rem; font-weight: 700; letter-spacing: -.05em; color: var(--primary); }
.sec12__process.p2{ margin-top: 47rem; color: #c7c7c7; }
.sec12__wrapStep{ position: relative; margin-top: -1rem; display: grid; }
.sec12__wrapStep ::selection{ background: var(--white); color: var(--primary); }
.sec12Step{ margin: 3rem auto 0; display: grid; gap: 1px; font-weight: 500; }
.sec12Step.step4{ grid-template-columns: repeat(4, 1fr); }
.sec12Step.step8{ grid-template-columns: repeat(8, 1fr); }	
.sec12Step__li{ padding: 31rem 0 0rem; background: #c7c7c7 }
.sec12Step__step{ color: #9b9b9b; }
.sec12Step__body{ margin-top: .57692308em; font-size: var(--fs26); font-weight: 500; letter-spacing: -.05em; line-height: 1.19230769; color: #2b2b2b; }
.sec12__wrapStep .step8{ position: absolute; inset: 0; background: #fff; pointer-events: none; user-select: none; }
.sec12__wrapStep .sec12Step__li{ background: var(--primary); }
.sec12__wrapStep .sec12Step__step{ color: #4d8cff; }
.sec12__wrapStep .sec12Step__body{ color: #fff; }
.sec12__img{ width: 100%; }
#snowContainer{ contain: content; position: absolute; inset: 0; pointer-events: none; user-select: none; }
#snowContainer > div{ position: absolute; width: auto; height: auto; animation: linear infinite, ease-in infinite; }
#snowContainer > div > img {position: absolute; width: auto; height: auto; animation: ease-in-out infinite alternate; transform-origin: 50% -100%;}
@media(prefers-reduced-motion){
	.sec12__wrapStep .step8,
	#snowContainer{ display: none; }
}
@media(prefers-reduced-motion:no-preference){
	.sec12Top__li:not(.seActive){ transform: translateY(150rem); opacity: 0; }
	.sec12Top__li.seActive{ transition: .7s; }
	@media(min-width:768px){
		@keyframes counterclockwiseSpinAndFlip{
			0%{ transform: scale(-1, 1) rotate(50deg); }
			100%{ transform: scale(-1, 1) rotate(-50deg); }
		}
		@keyframes fade{
			0%, 95%{ opacity: 1; }
			100%{ opacity: 0; }
		}
		@keyframes drop{
			0% { transform: translate(0px, -50px); }
			100% { transform: translate(0px, 650px); }
		}
		.sec12__deco:not(.seActive)::before{ transform: scale(0); }
		.sec12__deco.d1.seActive::before{ animation: sec12deco1 .4s cubic-bezier(0.21,0.12,0.35,1.43) both; }
		.sec12__deco.d2.seActive::before{ animation: sec12deco2 .4s cubic-bezier(0.21,0.12,0.35,1.43) .6s both; }
		@keyframes sec12deco1 {
			0%{ transform: translate(-36%,-67.9%) scale(0); }
			100%{ transform: translate(-36%,-67.9%) scale(1); }
		}
		@keyframes sec12deco2 {
			0%{ transform: translate(39.3%,-25.8%) scale(0); }
			100%{ transform: translate(39.3%,-25.8%) scale(1); }
		}
		.sec12Top__h2:not(.seActive) .sec12Kok{ transform: rotate(11deg) translate(-9%, -80%); opacity: 0; }
		.seActive .sec12Kok{ transition: .3s cubic-bezier(0, 0, 0.53, 1.15) .4s; }
		.seActive .sec12Kok__txt{ animation: sec12kok .2s linear .65s; transform-origin: center bottom; }
		@keyframes sec12kok {
			0% { transform: translateX(3px) rotate(2deg); }
			20% { transform: translateX(-3px) rotate(-2deg); }
			40% { transform: translateX(2px) rotate(1deg); }
			60% { transform: translateX(-2px) rotate(-1deg); }
			80% { transform: translateX(1px) rotate(0); }
			100% { transform: translateX(0) rotate(0); }
		}
		.sec12__underline::before{ right: calc( 100% + 3rem ); }
		.seActive.sec12__underline::before,
		.seActive .sec12__underline::before{ right: -3rem; transition: .4s; }
		.sec12Top__h2.seActive .sec12__underline::before{ transition: .4s .8s; }
		.sec12__wrapStep.seActive .step4{ animation: sec12Step4 2s cubic-bezier(0.8, 0, 0.4, 1) both; transform-origin: top; }
		.sec12__wrapStep.seActive .step8{ animation: sec12Step8 2s cubic-bezier(0.8, 0, 0.4, 1) both; transform-origin: top; }
		@keyframes sec12Step4 {
			0%, 33%{ width: 97.8%; }
			66%, 100%{ width: 49%; }
		}
		@keyframes sec12Step8 {
			0%, 33%{ transform: scaleX(1); opacity: 1; }
			45%{ opacity: 1; }
			55%{ opacity: 0; }
			66%, 100%{ transform: scaleX(.5); opacity: 0; }
		}
	}
}
@media(min-width:768px){
	.sec12Top__ol{ grid-template-columns: repeat(3, 1fr); }
	.sec12Top__circle{ top: 0; left: 50%; transform: translate(-50%,-50%); }
	.sec12__ul{ grid-template-columns: repeat(4, 1fr); gap: clamp(15rem, calc( 82 / var(--inr) * 100vw ), 82rem); }
	.sec12__process{ margin-top: 56rem; }
	.sec12Step{ width: 97.8%; }
	.sec12Step.step4{ width: 49%; }
	.sec12Step__li{ min-height: 190rem; }
	.sec12__img{ display: none; }
}
@media(max-width:767px){
	.sec12__topImg,
	.sec12__deco,
	.sec12__separation,
	.sec12__wrapStep .sec12Step.step8{ display: none; }
	.sec12Top__ol{ padding-left: 38rem; }
	.sec12Top__circle{ top: 50%; left: 0; transform: translate(-50%,-50%); }
	.sec12MainTit{ font-size: 30rem; }
	.sec12__ul{ gap: 15rem; }
	.sec12Step{ display: none; gap: 2px; }
	.sec12Step.step4{ width: 100%; }
	.sec12Step__li{ min-height: 150rem; }
	.sec12__bottom{ margin-top: 60rem; word-break: break-all; }
	#snowContainer{ display: none; }
}

/* sec13 */
.sec13{ text-align: center; }
.sec13Top{ position: relative; padding: clamp(45rem, calc( 138 / var(--inr) * 100vw ), 138rem) 0 clamp(45rem, calc( 151 / var(--inr) * 100vw ), 151rem); background: #1f1b1a url('/images/main/sec13-bg.jpg') no-repeat 50% / cover; color: #fff; }
.sec13__bg{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sec13 .sec12__point{ background: var(--primary); color: #fff; }
.sec13__h2{ margin-top: clamp(18rem, .58em, 29rem); font-size: var(--fs50); font-weight: 300; letter-spacing: -.065em; }
.sec13__h2 > *{ letter-spacing: inherit; }
.sec13__strong{ margin-top: 10rem; display: block; font-size: 1.3em; }
.sec13__bubble{ position: relative; margin: 0 0.41538462em 0 0.63076923em; display: inline-block; color: var(--primary); letter-spacing: -.03em; z-index: 1; }
.sec13__bubble::before{ content: ''; position: absolute; top: 47%; left: 49%; transform: translate(-50%, -50%); width: 4em; height: 2.04615385em; background: url('/images/main/sec13-bubble.png') no-repeat 50% / contain; z-index: -1; }
.sec13__way{ margin-top: 27rem; max-width: 100%; }
.sec13Mid{ display: grid; grid-template-columns: repeat(2, 1fr); background: var(--primary); color: #fff; }
.sec13Mid .swiper-slide{ aspect-ratio: 960/748; }
.sec13Mid__img{ background: no-repeat 50% / cover; }
.sec13Mid__img.i1{ background-image: url('/images/main/sec13-img1.jpg'); }
.sec13Mid__img.i2{ background-image: url('/images/main/sec13-img2.jpg'); }
.sec13Mid__img.i3{ background-image: url('/images/main/sec13-img3.jpg'); }
.sec13Mid__txt{ display: grid; align-content: center; background: var(--primary); }
.sec13Mid__txt ::selection{ background: var(--white); color: var(--primary); }
.sec13Mid__step{ font-size: clamp(18rem, calc( 55 / var(--inr) * 100vw ), 55rem); font-weight: 300; letter-spacing: -.05em; }
.sec13Mid__body{ margin-top: .04285714em; font-size: clamp(24rem, calc( 70 / var(--inr) * 100vw ), 70rem); font-weight: 700; line-height: 1.3; letter-spacing: -.05em; }
.sec13Mid__50{ margin-top: 1.64em; font-size: clamp(14rem, calc( 25 / var(--inr) * 100vw ), 25rem); font-weight: 300; letter-spacing: -.05em; }

/* sec14 */
.sec14Top{ padding: clamp(45rem, calc( 191 / var(--inr) * 100vw ), 191rem) 0 clamp(45rem, calc( 115 / var(--inr) * 100vw ), 115rem); text-align: center; }
.sec14Top__h2{ margin-top: clamp(18rem, .94em, 47rem); font-size: var(--fs50); letter-spacing: -.05em; color: #2b2b2b; }
.sec14Top__strong{ margin-top: -.12857143em; display: block; font-size: 1.4em; letter-spacing: -.05em; }
.sec14Top__p{ margin-top: .5em; font-size: clamp(18rem, calc( 28 / var(--inr) * 100vw ), 28rem); line-height: 1.57142857; letter-spacing: -.05em; color: #000; }
.sec14Top__cont{ margin: 96rem auto 0; max-width: 1395rem; width: 100%; }
.sec14Top__ul{ display: grid; gap: clamp(20rem, calc( 41 / var(--inr) * 100vw ), 41rem); font-size: clamp(22rem, calc( 33 / var(--inr) * 100vw ), 33rem); font-weight: 700; letter-spacing: -.05em; color: #fff; }
.sec14Top__li{ padding: 4rem; }
.sec14Top__li:nth-child(1){ background: #262626; }
.sec14Top__li:nth-child(2){ background: var(--primary); }
.sec14Top__li:nth-child(2) ::selection{ background: var(--white); color: var(--primary); }
.sec14Top__wrapMap{ position: relative; }
.sec14Top__wrapMap::before{ content: ''; position: absolute; inset: 0; margin: auto; aspect-ratio: 1; height: 82.51748252%; background: rgb(255, 255, 255, .6); border: 1px dashed var(--primary); border-radius: 50%; }
.sec14Top__circle{ position: absolute; inset: 0; margin: auto; aspect-ratio: 1; background: var(--primary); border-radius: 50%; opacity: .2; }
.sec14Top__maker{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-91%); width: 70rem; z-index: 1; }
.sec14Top__shadow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-20%); width: 28rem; }
.sec14Top__img{ width: 100%; }
.sec14Top__head{ padding: 9rem 0 8rem; }
.sec14Top__refer{ margin-top: 8rem; text-align: right; font-size: 18rem; letter-spacing: -.05em; color: #000; }
.sec14Mid{ padding: clamp(45rem, calc( 175 / var(--inr) * 100vw ), 175rem) 0 70rem; background: var(--primary) url('/images/main/sec14-bg.jpg') no-repeat 50% / cover; color: #fff; }
.sec14Mid ::selection{ background: var(--white); color: var(--primary); }
.sec14MidH2{ font-size: var(--fs55); font-weight: 500; letter-spacing: -.05em; }
.sec14MidH2__txt{ margin: -16rem 0 -12rem; display: inline-block; font-size: 1.18181818em; font-weight: 700; letter-spacing: -.05em; }
.sec14MidH2__tf{ height: 1.12307692em; font-size: 1.18181818em; vertical-align: text-bottom; }
.sec14Mid__p{ margin: .67857143em 0 0 .21428571em; font-size: var(--fs28); line-height: 1.42857143; letter-spacing: -.05em; }
.sec14Mid__img{ position: relative; width: 100%; }
.sec14Mid__img > *{ position: absolute; }
@media(min-width:768px){
	.sec14Top__ul{ grid-template-columns: repeat(2, 1fr); }
	.sec14Mid__inr{ display: flex; justify-content: space-between; gap: 40rem; }
	.sec14Mid__txt{ flex-shrink: 0; }
	.sec14MidH2__txt{ display: block; }
	.sec14Mid__img{ aspect-ratio: 836/455; max-width: 836rem; }
	.sec14Mid__img > *{ transform: translate(-50%,-50%); }
	.sec14Mid__b1{ top: 29.4%; left: 32.3%; width: 44.73684211%; }
	.sec14Mid__b2{ top: 46.6%; left: 69.6%; width: 46.88995215%; }
	.sec14Mid__p1{ top: 59.8%; left: 10%; width: 20.21531100%; }
	.sec14Mid__p2{ top: 75.9%; left: 89.5%; width: 20.81339713%; }
}
@media(min-width:1280px){
	.sec14Mid__txt{ padding-left: 4.9%; }
}
@media(max-width:767px){
	.sec14Top__strong{ margin-top: 20rem; }
	.sec14Mid{ text-align: center; }
	.sec14Mid__img{ margin-top: 60rem; aspect-ratio: 1; }
	.sec14Mid__b1{ top: 0; left: 0; width: 280rem; }
	.sec14Mid__b2{ top: 165rem; right: 6rem; width: 296rem; }
	.sec14Mid__p1{ top: 153rem; left: 0; width: 110rem; }
	.sec14Mid__p2{ top: 320rem; right: 0; width: 114rem; }
}
@media(prefers-reduced-motion){
	.sec14Top__circle.c1{ height: 15.38461538%; }
	.sec14Top__circle.c2{ height: 26.10722611%; }
	.sec14Top__circle.c3{ height: 34.96503497%; }
	.sec14Top__circle.c4{ height: 43.12354312%; opacity: .05; }
	.sec14Top__circle.c5{ display: none; }
}
@media(prefers-reduced-motion:no-preference){
	.sec14Top__maker{ animation: sec14TopMaker 2s ease-in-out infinite; }
	@keyframes sec14TopMaker {
		0%, 100%{ transform: translate(-50%,-91%); }
		50%{ transform: translate(-50%,-101%); }
	}
	.sec14Top__circle{ animation: sec14Circle 3s linear infinite; height: 0; }
	.sec14Top__circle.c2{ animation-delay: .6s; }
	.sec14Top__circle.c3{ animation-delay: 1.2s; }
	.sec14Top__circle.c4{ animation-delay: 1.8s; }
	.sec14Top__circle.c5{ animation-delay: 2.4s; }
	@keyframes sec14Circle {
		0%{ height: 0%; opacity: .2; }
		70%{ opacity: .2; }
		100%{ height: 52%; opacity: 0; }
	}
	.sec14Mid__img > *{ transform: scale(0); }
	.seActive .sec14Mid__b1{ animation: sec14b1 .6s cubic-bezier(0.21,0.12,0.35,1.43) .4s both; }
	.seActive .sec14Mid__b2{ animation: sec14b2 .6s cubic-bezier(0.21,0.12,0.35,1.43) 1.6s both; }
	.seActive .sec14Mid__p1{ animation: sec14p1 .6s cubic-bezier(0.21,0.12,0.35,1.43) .4s both; }
	.seActive .sec14Mid__p2{ animation: sec14p1 .6s cubic-bezier(0.21,0.12,0.35,1.43) 1.6s both; }
	@media(min-width:768px){
		@keyframes sec14b1 {
			0%{ transform: translate(-100%,0%) scale(0); }
			100%{ transform: translate(-50%,-50%) scale(1); }
		}
		@keyframes sec14b2 {
			0%{ transform: translate(0%,0%) scale(0); }
			100%{ transform: translate(-50%,-50%) scale(1); }
		}
		@keyframes sec14p1 {
			0%{ transform: translate(-50%,-50%) scale(0); }
			100%{ transform: translate(-50%,-50%) scale(1); }
		}
	}
	@media(max-width:767px){
		@keyframes sec14b1 {
			0%{ transform: translate(-50%,50%) scale(0); }
			100%{ transform: translate(0,0%) scale(1); }
		}
		@keyframes sec14b2 {
			0%{ transform: translate(50%,50%) scale(0); }
			100%{ transform: translate(0,0) scale(1); }
		}
		@keyframes sec14p1 {
			0%{ transform: scale(0); }
			100%{ transform: scale(1); }
		}
	}
}

/* sec15 */
.sec15{ overflow: hidden; }
.sec15Top{ position: relative; padding: 99rem 0 104rem; background: #000; text-align: center; z-index: 1; }
.sec15Top::before{ content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 112rem; height: 66rem; background: inherit; clip-path: polygon(0 -1px, 100% -1px, 50% 100%); }
.sec15Top__p{ position: relative; font-size: var(--fs90); font-weight: 700; letter-spacing: -.05em; color: var(--primary); z-index: 1; }
.sec15Top__p + p{ margin-top: -.51111111em; }
.sec15Top__h2{ position: relative; margin-top: -.25em; font-size: var(--fs40); letter-spacing: -.05em; color: #fff; z-index: 1; }
.sec15Top__stroke{ font-weight: 800; letter-spacing: -.05em; }
.sec15Top__img{ position: absolute; transform: translate(-50%,-50%); }
.sec15Top__img.i1{ width: 56rem; }
.sec15Top__img.i2{ width: 56rem; }
.sec15Top__img.i3{ width: 70rem; }
.sec15Top__img.i4{ width: 76rem; }
.sec15Top__img.i5{ width: 56rem; }
.sec15Top__img.i6{ width: 74rem; }
.sec15Top__img.i7{ width: 68rem; }
.sec15Top__img.i8{ width: 56rem; }
.sec15Top__img.i9{ width: 80rem; }
.sec15Top__img.i10{ width: 56rem; }
.sec15Mid{ padding: 114rem 0 clamp(45rem, calc( 206 / var(--inr) * 100vw ), 206rem); background: #1b1b1f; }
.sec15Swiper{ margin: 0 auto; max-width: 1300rem; }
.sec15Swiper .swiper-slide{ display: flex; gap: 40rem 0; background: #000; border-radius: 50rem; }
.sec15Swiper__s1-1{ max-width: 100%; width: 526rem; }
.sec15Swiper__s1-2{ max-width: 100%; width: 484rem; }
.sec15Swiper__s2-1{ max-width: 100%; width: 367rem; }
.sec15Swiper__s2-2{ max-width: 100%; width: 650rem; }
.sec15Swiper__pager{ all: unset; position: relative; margin-top: 24rem; display: flex; align-items: center; justify-content: center; gap: 13rem; }
.sec15Swiper .swiper-pagination-bullet{ width: 18rem; height: 18rem; background: #000; border-radius: 5em; opacity: 1; }
.sec15Swiper .swiper-pagination-bullet-active{ width: 57rem; background: var(--primary); }
.sec15Sns{ position: relative; margin-top: 185rem; }
.sec15Sns__txt{ position: relative; display: inline-block; }
.sec15Sns__p{ font-size: var(--fs55); font-weight: 700; letter-spacing: -.05em; color: #fff; }
.sec15Sns__span{ margin-top: -.32727273em; letter-spacing: -.05em; }
.sec15Sns__hashtag{ margin-top: 9rem; display: grid; grid-template-columns: repeat(2, auto); gap: 10rem 35rem; width: fit-content; font-size: var(--fs28); font-weight: 500; letter-spacing: -.05em; line-height: 1; color: #939393; }
.sec15Sns__swiper .swiper-wrapper{ transition-timing-function: linear; }
.sec15Icon{ position: absolute; z-index: 2; }
.heart .sec15Icon__item{ position: absolute; aspect-ratio: 1/0.81860261; width: 60rem; background: url('/images/main/sec15-heart.svg') no-repeat 50% / contain; }
.like .sec15Icon__item{ position: absolute; aspect-ratio: 1/0.9798; width: 50rem; background: url('/images/main/sec15-like.svg') no-repeat 50% / contain; }
.sec15Sns__img{ width: 100%; }
.sec15Media{ margin-top: clamp(45rem, calc( 193 / var(--inr) * 100vw ), 193rem); padding: clamp(45rem, calc( 152 / var(--inr) * 100vw ), 152rem) clamp(10rem, calc( 109 / var(--inr) * 100vw ), 109rem) 87rem; background: #000; text-align: center; color: #fff; }
.sec15Media__txt{ position: relative; display: inline-block; }
.sec15Media__subTit{ font-size: var(--fs24); font-weight: 500; letter-spacing: -.07em; color: #035cfe; }
.sec15Media__mainTit{ font-size: clamp(30rem, calc( 55 / var(--inr) * 100vw ), 55rem); font-weight: 500; letter-spacing: -.05em; }
.sec15Media__hashtag{ margin-top: -.35714286em; display: flex; justify-content: center; gap: 14rem; font-size: var(--fs28); letter-spacing: -.05em; }
.sec15Media__wrapPlayer{ margin: 72rem auto 0; display: grid; gap: 22rem 20rem; }
.sec15Media__player{ display: block; aspect-ratio: 16/9; width: 100%; border: 0; }
@media(prefers-reduced-motion){
	.sec15Icon{ display: none; }
}
@media(prefers-reduced-motion:no-preference){
	.sec15Top__img{ transition: 0s; }
	.sec15Top:not(.seActive) .sec15Top__img{ top: 50%; left: 50%; opacity: 0; }
	.seActive .sec15Top__img.i1{ transition: .6s 0s; }
	.seActive .sec15Top__img.i2{ transition: .65s .05s; }
	.seActive .sec15Top__img.i3{ transition: .7s .1s; }
	.seActive .sec15Top__img.i4{ transition: .6s .15s; }
	.seActive .sec15Top__img.i5{ transition: .65s .2s; }
	.seActive .sec15Top__img.i6{ transition: .7s 0s; }
	.seActive .sec15Top__img.i7{ transition: .6s .05s; }
	.seActive .sec15Top__img.i8{ transition: .65s .1s; }
	.seActive .sec15Top__img.i9{ transition: .7s .15s; }
	.seActive .sec15Top__img.i10{ transition: .6s .2s; }
	.sec15Swiper .swiper-pagination-bullet{ transition: .4s; }
}
@media(min-width:768px){
	.sec15Top__img.i1{ top: 29.1%; left: 1.7%; }
	.sec15Top__img.i2{ top: 70.6%; left: 8.7%; }
	.sec15Top__img.i3{ top: 26%; left: 15.8%; }
	.sec15Top__img.i4{ top: 83.4%; left: 21.4%; }
	.sec15Top__img.i5{ top: 39.6%; left: 27.2%; }
	.sec15Top__img.i6{ top: 29.2%; left: 72.2%; }
	.sec15Top__img.i7{ top: 84%; left: 77%; }
	.sec15Top__img.i8{ top: 37%; left: 82.9%; }
	.sec15Top__img.i9{ top: 67%; left: 90.2%; }
	.sec15Top__img.i10{ top: 19%; left: 96.3%; }
	.sec15Sns{ height: 439rem; }
	.sec15Icon.heart{ top: 25%; left: 50%; }
	.sec15Icon.like{ right: 0; bottom: 0; }
	.sec15Swiper .swiper-slide{ align-items: center; }
	.sec15Sns__span{ display: block; }
	.sec15Sns__swiper{ position: absolute; top: 3rem; left: calc( var(--fs55) * 9.78181818); width: 1382rem; }
	.sec15Media__wrapPlayer{ grid-template-columns: repeat(3, 1fr); }
	@media(max-width:1279px){
		.sec15Top__img.i4{ left: 18%; }
		.sec15Top__img.i7{ left: 81%; }
	}
}
@media(min-width:1280px){
	.sec15Swiper .swiper-slide{ justify-content: space-between; height: 500rem; }
	.sec15Swiper__s1-1{ margin-left: 98rem; }
	.sec15Swiper__s1-2{ margin-right: 70rem; }
	.sec15Swiper__s2-1{ margin-left: 97rem; }
	.sec15Swiper__s2-2{ margin-right: 55rem; }
}
@media(max-width:1279px){
	.sec15Top__img{ transform: translate(-50%,-50%) scale(.7); }
	.sec15Swiper .swiper-slide{ flex-direction: column; padding: 50rem; text-align: center; }
}
@media(max-width:767px){
	.sec15Top__img.i1{ top: -20%; left: 1.7%; }
	.sec15Top__img.i2{ top: 20%; left: 11%; }
	.sec15Top__img.i3{ top: -10%; left: 23%; }
	.sec15Top__img.i4{ top: 115%; left: 6%; }
	.sec15Top__img.i5{ top: 95%; left: 21%; }
	.sec15Top__img.i6{ top: -14%; left: 74%; }
	.sec15Top__img.i7{ top: 119%; left: 79%; }
	.sec15Top__img.i8{ top: 27%; left: 84%; }
	.sec15Top__img.i9{ top: 90%; left: 95%; }
	.sec15Top__img.i10{ top: -1%; left: 96.3%; }
	.sec15Swiper__s2-1{ width: 69.5%; }
	.sec15Icon.heart{ top: 75%; left: 90%; }
	.sec15Sns__swiper{ margin-top: 60rem; }
	.sec15Icon.like{ right: 8vw; }
	.sec15Media__player:nth-child(n+3){ display: none; }
}

/* sec16 */
.sec16Top{ position: relative; padding: 83rem 0 240rem; background: #000; text-align: center; z-index: 1; }
.sec16Top::before{ content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); transform-origin: center top; width: 112rem; height: 66rem; background: inherit; clip-path: polygon(0 -1px, 100% -1px, 50% 100%); }
.sec16Top__p{ font-size: var(--fs90); font-weight: 700; letter-spacing: -.05em; color: var(--primary); }
.sec16Top__h2{ margin-top: .2em; font-size: var(--fs40); letter-spacing: -.05em; color: var(--primary); }
.sec16Top__stroke{ letter-spacing: -.05em; color: #fff; }
.sec16Truck{ position: absolute; bottom: -6rem; right: 5.5%; aspect-ratio: 423/276; max-width: 423rem; width: 100%; transform-origin: right bottom; z-index: -1; }
.sec16Truck__img.i1{ position: absolute; right: 0; bottom: 6rem; width: 85.34278960%; }
.sec16Truck__img.i2{ position: absolute; right: 0; bottom: 0; width: 100%; }
.sec16Mid{ contain: content; padding: 126rem 0 clamp(45rem, calc( 161 / var(--inr) * 100vw ), 161rem); background: #1b1b1f; }
.sec16Mid__p{ text-align: center; font-size: var(--fs40); font-weight: 500; line-height: 1.25; letter-spacing: -.05em; color: #fff; }
.sec16Mid__swiper{ overflow: visible clip; position: relative; margin: 10rem auto 0; width: max-content; height: 450rem; font-size: clamp(16rem, calc( 22 / var(--inr) * 100vw ), 22rem); font-weight: 700; color: var(--primary); white-space: nowrap; }
.sec16Mid__swiper::before{ content: ''; position: absolute; inset: 0 -100vw; background: url('/images/main/sec16-mask.png') 50% 50% / 100% 99%; pointer-events: none; z-index: 2; }
.sec16Mid .swiper-wrapper{ transition-timing-function: linear; }
.sec16Mid__video{ margin: 0 auto; display: block; aspect-ratio: 16/9; max-width: 883rem; width: 100%; height: auto; object-fit: scale-down; }
@media(prefers-reduced-motion){
	.sec16Truck__img.i1{ display: none; }
}
@media(prefers-reduced-motion:no-preference){
	.sec16Truck{ right: 100%; }
	.seActive .sec16Truck{ animation: sec16Truck 3s both; }
	@keyframes sec16Truck {
		0%{ right: 100%; }
		100%{ right: 5.5%; }
	}
	.seActive .sec16Truck__img.i1{ animation: sec16Truck1 3.6s both; }
	@keyframes sec16Truck1 {
		0%, 83.33333333%{ transform: translateY(0); opacity: 1; }
		6.67%, 13.33%, 20%, 26.67%, 33.33%, 40%, 46.67%, 53.33%, 60%{ transform: translateY(-.75rem); }
		4.165%, 12.5025%, 20.8375%, 29.1725%, 37.5075%, 45.8425%, 54.1775%, 62.5125%, 70.8475%, 79.1825%{ transform: translateY(.75rem); }
		100%{ transform: translateY(0); opacity: 0; }
	}
	.seActive .sec16Truck__img.i2{ animation: sec16Truck2 .6s 3s both; opacity: 0; }
	@keyframes sec16Truck2 {
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
}
@media(min-width:768px){
	.sec16Top__p + p{ margin-top: -.38888889em; }
	.sec16Top__stroke{ color: #0000; -webkit-text-stroke: 1px #fff; }
	.sec16Mid .swiper-slide{ display: grid; grid-template-columns: 206rem 1fr; }
}
@media(max-width:1279px) and (min-width:768px){
	.sec16Truck{ transform: scale(.5); }
}
@media(max-width:767px){
	.sec16Top{ padding-bottom: 92rem; }
	.sec16Top__p{ display: inline-block; }
	.sec16Top__stroke{ display: block; }
	.sec16Top__h2{ line-height: 1.2; }
	.sec16Truck{ transform: scale(.35); }
	.sec16Top::before{ transform: translateX(-50%) scale(.6); }
	.sec16Mid__swiper p{ display: inline-block; }
}

/* sec17 */
.sec17{ padding: clamp(70rem, calc( 164 / var(--inr) * 100vw ), 164rem) 0 0; background: #f7f7f7 url('/images/main/sec17-bg.jpg') no-repeat 50% / cover; }
.sec17__subTit{ text-align: center; font-size: var(--fs40); font-weight: 500; letter-spacing: -.05em; color: #222; }
.sec17__mainTit{ margin-top: -1px; text-align: center; font-size: var(--fs80); letter-spacing: -.06em; color: var(--primary); }
.sec17Mid{ position: relative; margin-top: clamp(40rem, calc( 72 / var(--inr) * 100vw ), 72rem); padding: 53rem 0 60rem; color: #fff; z-index: 1; }
.sec17Mid::before{ content: ''; position: absolute; inset: 0; background: var(--primary); z-index: -1; }
.sec17Mid ::selection{ background: var(--white); color: var(--primary); }
.sec17__inr{ display: grid; gap: 21rem; }
.sec17__p1{ font-size: var(--fs23); font-weight: 300; letter-spacing: .2em; }
.sec17__p2{ margin-top: 0.08em; font-size: var(--fs50); font-weight: 700; letter-spacing: -.05em; }
.sec17__p3{ margin-top: -0.24242424em; font-size: var(--fs33); font-weight: 500; letter-spacing: -.05em; }
.sec17__p4{ margin-top: 1.88461538em; font-size: var(--fs26); line-height: 1.65384615; }
.sec17__display{ position: relative; aspect-ratio: 738/550; max-width: 738rem; width: 100%; }
.sec17__video,
.sec17__view{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sec17Mid__swiper{ margin-top: 33rem; }
.sec17__img{ aspect-ratio: 359/362; width: 100%; height: auto; object-fit: cover; }
.sec17Bottom{ padding: 66rem 0 clamp(45rem, calc( 89 / var(--inr) * 100vw ), 89rem); color: var(--primary); }
.sec17Bottom__swiper{ margin-top: 31rem; }
.sec17Bottom__pager{ margin-top: 15rem; display: flex; justify-content: center; gap: 10rem; bottom: auto; height: auto; }
.sec17Bottom__pager .swiper-pagination-bullet{ position: relative; width: 10rem; height: 10rem; background: var(--primary); }
.sec17Bottom__pager .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){ opacity: .5; }
.sec17Bottom__pager .swiper-pagination-bullet::before{ content: ''; position: absolute; inset: -5rem; border-radius: 50%; }
@media(prefers-reduced-motion:no-preference){
	.sec17__view{ transition: .6s; }
	.sec17__view:not(.show){ opacity: 0; transition-delay: .4s; }
}
@media(min-width:768px){
	.sec17__inr{ grid-template-columns: repeat(2, 1fr); justify-content: space-between; }
	.sec17Mid__txt{ padding-top: 12.3%; }
	.sec17Bottom__txt{ padding: 12% 0 0 6%; order: 1; }
	.sec17Bottom__pager{ display: none; }
}
@media(max-width:767px){
	.sec17{ text-align: center; }
	.sec17Bottom .sec17__display{ display: none; }
}

/* sec18 */
.sec18{ padding: clamp(45rem, calc( 130 / var(--inr) * 100vw ), 130rem) 0 clamp(45rem, calc( 131 / var(--inr) * 100vw ), 131rem); }
.sec18__inr{ max-width: 1216px; }
.sec18__title{ text-align: center; color: #2b2b2b; }
.sec18__p1{ position: relative; display: inline-block; padding: 1rem 0 1rem; font-size: var(--fs33); font-weight: 700; letter-spacing: -.02em; }
.sec18__p1::before{ content: ''; position: absolute; inset: -4rem 0 5rem; border-block: 2px solid currentColor; }
.sec18__p2{ margin-top: 0.46666667em; font-size: var(--fs60); font-weight: 700; letter-spacing: -.05em; }
.sec18__p3{ margin-top: -.24285714em; font-size: clamp(34rem, calc( 70 / var(--inr) * 100vw ), 70rem); font-weight: 700; letter-spacing: -.05em; color: var(--primary); }
.sec18__p4{ margin-top: -.6em; font-size: clamp(18rem, calc( 20 / var(--inr) * 100vw ), 20rem); letter-spacing: -.05em; }
.sec18__wrapTable{ position: relative; margin-top: 32rem; }
.sec18__grant{ position: absolute; top: 102rem; left: 48%; transform: translateX(-50%); width: 380rem; }
.sec18__grant.g1{ z-index: 1; }
.sec18__unit{ text-align: right; color: #555; }
.sec18__table{ margin-top: 2rem; width: 100%; border: 1px solid #222; text-align: center; }
.sec18__table col:nth-child(1){ width: 15.23809524%; }
.sec18__table col:nth-child(3){ width: 22.85714286%; }
.sec18__table tbody{ color: #111; }
.sec18__table th{ padding: 14rem 0 15rem; background: #000; font-size: clamp(16rem, calc( 20 / var(--inr) * 100vw ), 20rem); color: #fff; }
.sec18__table td{ padding: 11.6rem .5em 9.6rem; border: 1px solid #e5e5e5; font-size: clamp(12rem, calc( 16 / var(--inr) * 100vw ), 16rem); }
.sec18__table tr:first-child td{ border-top: 0; }
.sec18__table tr:last-child td{ border-bottom-color: #222; }
.sec18__table td:first-child{ font-weight: 600; }
.sec18__table td:last-child{ font-size: clamp(18rem, calc( 22 / var(--inr) * 100vw ), 22rem); font-weight: 600; color: #2b2b2b; }
.sec18__table :is(th, td):first-child{ border-left: 0; }
.sec18__table :is(th, td):last-child{ border-right: 0; }
.sec18__costs{ display: flex; align-items: center; justify-content: center; gap: 14rem; }
.sec18__arrow{ width: 1.77272727em; height: 0.86363636em; fill:#2b2b2b;fill-rule:evenodd;stroke-width:0px; }
.sec18__table b{ font-weight: 600; color: var(--primary); }
.sec18Total{ margin-top: 0.53571429em; text-align: right; font-size: var(--fs28); font-weight: 800; letter-spacing: -.055em; color: #2b2b2b; }
.sec18Total *{ letter-spacing: inherit; }
.sec18Total__strike{ font-weight: 500; color: #c4c4c4; }
.sec18Total__arrow{ display: inline-block; width: 20rem; height: 19rem; background: url('/images/main/sec18-arrow.png') no-repeat 50% / contain; }
.sec18Total__benefit{ font-weight: 400; }
.sec18__ul{ margin-top: 19rem; letter-spacing: -.025em; color: #2b2b2b; }
.sec18__li{ display: flex; gap: 3rem; padding-left: 3rem; }
.sec18__li + li{ margin-top: 7.7rem; }
.sec18__li::before{ content: '*'; }
.sec18__imminent{ margin-top: 65rem; padding: 15rem 0 10rem; background: var(--primary); text-align: center; font-size: var(--fs40); font-weight: 700; letter-spacing: -.05em; color: #fff; }
@media(prefers-reduced-motion:no-preference){
	.sec18__grant.g1{ transform: translateX(-50%) scale(3); opacity: 0; }
	.seActive .sec18__grant.g1{ transform: translateX(-50%) scale(1); opacity: 1; transition: .1s cubic-bezier(0.28, 0.95, 0.58, 1) .4s; }
	.sec18__grant.g2{ opacity: 0; }
	.seActive .sec18__grant.g2{ animation: sec18Grant 1s cubic-bezier(0.66, 0, 1, 1) .5s backwards; }
	@keyframes sec18Grant {
		0%{ transform: translateX(-50%) scale(1); opacity: 0; }
		1%{ transform: translateX(-50%) scale(1); opacity: .4; }
		100%{ transform: translateX(-50%) scale(1.3); opacity: 0; }
	}
	.sec18__wrapTable.seActive{ animation: shake .2s .5s; }
	@media(max-width:767px){
		.sec18__imminent{ animation: sec18Txt 1.5s steps(2, jump-none) infinite; }
		@keyframes sec18Txt {
			0%{ color: #fff; }
			100%{ color: #fff0; }
		}
	}
}
@media(min-width:768px){
	.sec18Total{ float: right; }
}
@media(max-width:767px){
	.sec18 td:last-child{ background: #0064de0d; }
	.sec18__p4{ margin-top: 10rem; display: flex; flex-direction: column; }
}

/* layer popup - basic */
.layerPop{position:absolute; z-index:90; overflow:hidden; border:1px solid #353535; border-radius: 0 0 14rem 14rem; z-index:10;}
.layerPop a{display:block;}
.layerPop img{max-width:100%;}
.layerPop .btn{display:flex; justify-content:space-between; padding:13rem 10rem; background:#353535; text-align:left;}
.layerPop .btn button{display:inline-block; margin-left:15rem; background:none; color:#fff; font-size:13rem;}
.layerPop .btn button:last-child{float:right; margin:0 12rem 0 0;}

/* layer popup - btn control */
[data-pop-layer="layer"]{position:fixed; top:0rem; left:0rem; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.2);}
[data-pop-layer="layer"] .popBox{position:absolute; top:50%; left:50%; min-width:400rem; min-height:600rem; box-sizing:border-box; background:#fff; box-shadow:3rem 15rem 20rem rgba(0,0,0,0.15); transform:translate(-50%, -50%);}
[data-pop-layer="layer"] .popBox h2{height:67rem; padding:0 20rem !important; border-bottom:1px solid #eee; font-size:25rem !important; font-weight:500; letter-spacing:-1rem;}
[data-pop-layer="layer"] .popBox h2:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox h2 span{display:inline-block; width:99%; vertical-align:middle;}
[data-pop-layer="layer"] .popBox .btn_close{position:absolute; top:0rem; right:-70rem; width:70rem; height:68rem; line-height:68rem; background:#34383e; box-shadow:3rem 10rem 15rem rgba(0,0,0,0.15);}
[data-pop-layer="layer"] .popBox .btn_close span{display:inline-block; position:relative; width:18rem; height:18rem; margin:-4rem auto 0; vertical-align:middle; background:url(/images/module/btn_close.png) no-repeat 50% 0; background-size:18rem 18rem; text-indent:100%; overflow:hidden; white-space:nowrap;}
[data-pop-layer="layer"] .popBox .btn_close:focus{outline:none;}
[data-pop-layer="layer"] .popBox .popConts{overflow-y:auto; max-height:532rem; box-sizing:border-box; padding:20rem 20rem 40rem;}
body[class*="ie"] [data-pop-layer="layer"] .popBox h2{height:68rem; box-sizing:border-box;}
@media screen and (max-width:1024px){
	.layerPop{left:50% !important; transform:translateX(-50%);}
	[data-pop-layer="layer"] .popBox{top:0rem !important; left:0rem !important; width:100% !important; height:100%  !important; min-width:inherit; min-height:inherit; transform:translate(0,0);}
	[data-pop-layer="layer"] .popBox h2{height:67rem; box-sizing:border-box; padding-right:80rem !important;}
	[data-pop-layer="layer"] .popBox .popConts{height:calc(100% - 67rem); max-height:inherit;}
	[data-pop-layer="layer"] .popBox .btn_close{right:0rem; box-shadow:none;}
}
@media screen and (max-width:600px){
	.layerPop{top:15vh; width:90% !important; height:auto !important;}
	.layerPop img{max-width:100%; width:100%;}
	.layerPop .btn button{margin-left:10rem; font-size:12rem;}
	.layerPop .btn button:last-child{margin:0 10rem 0 0;}
	[data-pop-layer="layer"] .popBox h2{font-size:20rem !important;}
}