.section-mobile-banner {
	width: 100%;
	height: 100vh;
}

.section-mobile-banner-content {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: 100%;

	/* px / 750 * 100 = vw */
	top: 21vw;
}

.section-mobile-banner-content-title {
	color: #FFF;
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	width: 100%;
	text-align: center;

	/* px / 750 * 100 = vw */
	font-size: 6.4vw;
}

.mobile-kv-videoCBtn {
	width: 72px;
	height: 72px;
	position: absolute;
	bottom: 40px;
	right: 40px;
	background-image: url(../images/play.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: none;

	/* px / 750 = vw */
	width: 9.6vw;
	height: 9.6vw;
	bottom: 5.333333333333334vw;
	right: 5.333333333333334vw;
}

.mobile-kv-videoCBtn.playing {
	background-image: url(../images/pause.svg);
}

.section-mobile-award {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.section-mobile-award-canvas-wrapper {
	width: 100%;
	height: 100%;
}

.section-mobile-award-title {
	position: absolute;
	top: 239px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 50px;

	/* px / 750 = vw */
	top: 31.86666666666667vw;
	font-size: 6.4vw;
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-award-content-2 {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 156px;
	mask-image: linear-gradient(to bottom, transparent 0%, black 50%, transparent 100%);
	height: 306px;
	overflow: hidden;
	width: 100%;

	/* px / 750 = vw */
	top: 15vw;
	height: 40.8vw;
}

.section-mobile-award-content-2-text {
	font-size: 40px;
	font-weight: bold;
	line-height: 2.55;
	width: 100%;
	position: relative;
	top: 0;
	text-align: center;

	/* px / 750 = vw */
	font-size: 5.333333333333334vw;
}

.section-mobile-award-content-title {
	/* background: linear-gradient(90deg, #6DD0FF 0%, #DB5FFF 100%); */
	color: #F06428;
}

.section-mobile-award-content-year {
	background: #bbbbbb;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-mobile-ladder {
	width: 100%;
}

.section-mobile-ladder-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-ladder-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 50px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-ladder-cover-title {
	font-size: 36px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 4.8vw;
}

.section-mobile-ladder-swiper {
	width: 100%;
	aspect-ratio: 690 / 879;
	overflow: hidden;
	margin-bottom: 50px;

	/* px / 750 = vw */
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-ladder-cover-title {
	font-size: 36px;
	font-weight: bold;
	line-height: 133.333%;
	position: absolute;
	top: 40px;
	left: 40px;

	/* px / 750 = vw */
	font-size: 4.8vw;
	top: 5.333333333333334vw;
	left: 5.333333333333334vw;
}

.section-mobile-ladder-selector.swiper-selector {
	width: 100%;
}

.section-mobile-gear {
	width: 100%;
	aspect-ratio: 750 / 1300;
}

.section-mobile-gear-canvas-wrapper {
	width: 100%;
	height: 100%;
}

.section-mobile-gear-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	position: absolute;
	top: 150px;
	left: 30px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	top: 20vw;
	left: 4vw;
}

.section-mobile-gear-content {
	position: absolute;
	top: 350px;
	left: 30px;
	display: flex;
    align-items: flex-end;
	line-height: 1.2;
	overflow: hidden;

	/* px / 750 = vw */
	top: 46.66666666666667vw;
	left: 4vw;
}

.section-mobile-gear-content-title-dom {
	color: #F06428;
	font-size: 140px;
	font-weight: bold;
	display: flex;
    /* overflow: hidden; */
    height: 1em;
	text-align: center;

	/* px / 750 = vw */
	font-size: 18.66666666666667vw;
}

.section-mobile-gear-num-wrapper {
	mask-image: linear-gradient(to bottom, transparent 35%, black 40%, black 50%, black 70%, transparent 85%);
	height: 3em;
	position: relative;
	top: -1.2em;
}

.section-mobile-gear-num {
	position: relative;
	top: 0em;
}

.section-mobile-gear-num div {
	background: #F06428;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.section-mobile-gear-num-unity {}

.section-mobile-gear-content-title {
	color: #F06428;
	font-size: 140px;
	font-weight: bold;
	width: 1.8em;
	opacity: 0;

	/* px / 750 = vw */
	font-size: 18.66666666666667vw;
}

.section-mobile-gear-content-subtitle {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
	position: relative;

	/* px / 750 = vw */
	font-size: 3.2vw;
	top: -2.8vw;
}

.section-mobile-versatile {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	overflow: hidden;
}

.section-mobile-versatile-content {
	width: 100%;
	padding: 0 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

	/* px / 750 = vw */
	padding: 0 4vw;
}

.section-mobile-versatile-title-wrapper {
	margin-bottom: 50px;

	/* px / 750 = vw */
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-versatile-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 17px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 2.266666666666667vw;

}

.section-mobile-versatile-subtitle {
	font-size: 24px;
	font-weight: bold;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

.section-mobile-versatile-swiper {
	width: 621px;
	height: 800px;
	margin-bottom: 40px;

	/* px / 750 = vw */
	width: 82.8vw;
	height: 106.6666666666667vw;
	margin-bottom: 5.333333333333334vw;
}

.section-mobile-versatile-img-wrapper {
	/* calc 3 .section-mobile-versatile-img width */
	width: calc(6 * 600px + 5 * 20px);
	display: flex;
	gap: 20px;
	position: relative;
	left: 0;

	/* px / 750 = vw */
	width: calc(6 * 80vw + 5 * 2.666666666666667vw);
	gap: 2.666666666666667vw;

}

.section-mobile-versatile-img {
	width: 600px;
	aspect-ratio: 600 / 800;
	border-radius: 12.883px;
	overflow: hidden;

	/* px / 750 = vw */
	width: 80vw;
	border-radius: 1.717733333333333vw;
}

.section-mobile-versatile-img-disc {
	width: 208px;
	height: 134px;
	border-radius: 12.883px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.98);
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 16px 0 0 22px;

	/* px / 750 = vw */
	width: 27.73333333333333vw;
	height: 17.86666666666667vw;
	border-radius: 1.717733333333333vw;
	left: 2.666666666666667vw;
	bottom: 2.666666666666667vw;
	padding: 2.4vw 0 0 2.933333333333334vw;
}

.section-mobile-versatile-img-disc-num {
	color: #F06428;
	font-size: 20px;
	font-weight: bold;
	line-height: 101.224%;
	margin-bottom: 15px;

	/* px / 750 = vw */
	font-size: 2.666666666666667vw;
	margin-bottom: 2vw;
}

.section-mobile-versatile-img-disc-title {
	color: #F06428;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 3px;

	/* px / 750 = vw */
	font-size: 4.266666666666667vw;
	margin-bottom: 0.4vw;
}

.section-mobile-versatile-img-disc-subtitle {
	color: #000;
	font-size: 20px;
	line-height: 101.224%;

	/* px / 750 = vw */
	font-size: 2.666666666666667vw;
}

.section-mobile-elegance {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	overflow: hidden;
}

.section-mobile-elegance-screen {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.section-mobile-elegance-screen-1 {}

.section-mobile-elegance-screen-2 {
	width: 0vw;
}

.section-mobile-elegance-screen-wrapper {
	width: 100vw;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	position: absolute;
	top: 0;
	right: 0;
}

.section-mobile-elegance-screen-bg {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
}

.section-mobile-elegance-screen-title-wrapper {
	position: absolute;
	top: 100px;
	left: 30px;
	color: #FFF;

	/* px / 750 = vw */
	top: 23.333333333333334vw;
	left: 4vw;
}

.section-mobile-elegance-screen-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	color: white;
	margin-bottom: 25px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 3.333333333333334vw;
}

.section-mobile-elegance-screen-subtitle {
	font-size: 24px;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

.section-mobile-elegance-screen-title-2-wrapper {
	position: absolute;
	top: 450px;
	left: 30px;
	color: #FFF;

	/* px / 750 = vw */
	top: 60vw;
	left: 4vw;
}

.section-mobile-elegance-screen-title-2 {
	font-size: 140px;
	font-weight: bold;
	opacity: 0;

	/* px / 750 = vw */
	font-size: 18.66666666666667vw;
}

.section-mobile-elegance-screen-title-2-outside {
	color: white;
	position: absolute;
	top: 60vw;
	left: 4vw;
	opacity: 1 !important;
}

.section-mobile-elegance-screen-subtitle-2 {
	font-size: 24px;
	font-weight: bold;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

.section-mobile-color {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	overflow: hidden;
}

.section-mobile-color-screen {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.section-mobile-color-screen-1 {
	background: white;
}

.section-mobile-color-screen-2 {
	background: #F1F3ED;
	height: 0vw;
}

.section-mobile-color-screen-3 {
	background: #FFFDF8;
	height: 0vw;
}

.section-mobile-color-screen-wrapper {
	width: 100%;
	/* height: calc(var(--vh, 1vh) * 100); */
	height: 100vh;
	position: absolute;
	bottom: 0;
	left: 0;
}

.section-mobile-color-screen-bg {
	width: 100%;
	height: 100%;
}

.section-mobile-color-screen-bg img {
	aspect-ratio: 2560 / 1280;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	/* px / 750 = vw */
	width: 200vw;
}

.section-mobile-color-screen-title-wrapper {
	position: absolute;
	top: 107px;
	left: 30px;

	/* px / 750 = vw */
	top: 29.266667vw;
	left: 4vw;
}

.section-mobile-color-screen-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;

	/* px / 750 = vw */
	font-size: 6.4vw;
}

.section-mobile-color-screen-title-2-wrapper {
	position: absolute;
	width: 100%;
	bottom: 120px;
	text-align: center;

	/* px / 750 = vw */
	bottom: 29vw;
}

.section-mobile-color-screen-title-2 {
	font-size: 36px;
	font-weight: bold;

	/* px / 750 = vw */
	font-size: 4.8vw;
}

.section-mobile-into {
	width: 100%;
}

.section-mobile-into-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-into-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 56px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 7.466666666666667vw;
}

.section-mobile-into-cover-wrapper {
	width: 100%;
	aspect-ratio: 692 / 860;
	/* margin-bottom: 40px; */
	overflow-x: auto;
}

/* hide .section-mobile-into-cover-wrapper default srcoll bar  */
.section-mobile-into-cover-wrapper::-webkit-scrollbar {
	display: none;
}

/* .section-mobile-into-cover {
	height: 100%;
	aspect-ratio: 1920 / 960;
} */

.section-mobile-into-cover {
	width: 100%;
}

#section-mobile-into-video {
	width: 102%;
	height: 102%;
}

.section-mobile-into-scroll-bar {
	width: 100%;
	height: 2px;
	background: rgba(0, 0, 0, 0.2);
	display: none;
}

.section-mobile-into-scroll-bar-inner {
	width: 197px;
	height: 100%;
	background: #F06428;
	position: relative;
	left: 0;
	transition: all 0.1s ease;

	/* px / 750 = vw */
	width: 26.26666666666667vw;
}

.section-mobile-solid {}

.section-mobile-solid-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-solid-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 50px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-solid-swiper {
	width: 100%;
	aspect-ratio: 690 / 940;
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;

	/* px / 750 = vw */
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-solid-swiper-title {
	color: #FFF;
	font-size: 36px;
	font-weight: bold;
	line-height: 122.222%;
	position: absolute;
	top: 50px;
	left: 50px;

	/* px / 750 = vw */
	font-size: 4.8vw;
	top: 6.666666666666667vw;
	left: 6.666666666666667vw;
}

.section-mobile-solid-swiper-subtitle {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;
	position: absolute;
	top: 108px;
	left: 50px;

	/* px / 750 = vw */
	font-size: 3.2vw;
	top: 14.4vw;
	left: 6.666666666666667vw;
}

.section-mobile-solid-selector.swiper-selector {
	gap: 17px;

	/* px / 750 = vw */
	gap: 2.266666666666667vw;
}

.section-mobile-solid-selector.swiper-selector .swiper-selector-item {
	color: rgba(0, 0, 0, 0.2);
}

.section-mobile-magnetic {
	width: 100%;
	aspect-ratio: 1080 / 1920;
}

.section-mobile-magnetic-content {
	position: absolute;
	left: 30px;
	top: 114px;
	opacity: 0;
	transition: all 0.5s ease;

	/* px / 750 = vw */
	left: 4vw;
	top: 15.2vw;
}

.section-mobile-magnetic-content-1 {
	top: 114px;

	/* px / 750 = vw */
	top: 20.2vw;
}

.section-mobile-magnetic-content-1-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;

	/* px / 750 = vw */
	font-size: 6.4vw;
}

.section-mobile-magnetic-content-2 {
	top: 144px;

	/* px / 750 = vw */
	top: 25.2vw;
}

.section-mobile-magnetic-content-2-title {
	font-size: 36px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 4.8vw;
}

.section-mobile-magnetic-content-3 {
	top: 110px;

	/* px / 750 = vw */
	top: 15.2vw;
}

.section-mobile-magnetic-content-3-title-1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 200%;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

.section-mobile-magnetic-content-3-title-2 {
	color: #F06428;
	font-size: 68px;
	font-weight: bold;

	/* px / 750 = vw */
	font-size: 9.066666666666666vw;
}

.section-mobile-magnetic-content-3-title-3 {
	font-size: 36px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 4.8vw;
}

.section-mobile-magnetic-content.active {
	opacity: 1;
}

.section-mobile-stainproof {
	width: 100%;
	height: 100vh;
}

.section-mobile-stainproof-video {
	width: 100%;
	height: 100%;
}

.section-mobile-stainproof-title {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 29px;
	height: 2.4em;
	width: 100%;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 3.866666666666667vw;
}

.section-mobile-stainproof-title1, .section-mobile-stainproof-title2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}

.section-mobile-stainproof-title1 {
	top: 85%;
}

.section-mobile-stainproof-subtitle {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

.section-mobile-stainproof-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: white;
}

.section-mobile-stainproof-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.section-mobile-stainproof-content-2 {
	position: absolute;
	top: 19vw;
	width: 100%;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 36px;

	/* px / 750 = vw */
	font-size: 4.8vw;
}

.section-mobile-deg90 {}

.section-mobile-deg90-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-deg90-title-wrapper {
	margin-bottom: 10vw;
}

.section-mobile-deg90-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 116.667%;
	margin-bottom: 19px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 2.533333333333334vw;
}

.section-mobile-deg90-subtitle {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

.section-mobile-deg90-img-1 {
	height: 90vw;
	overflow: visible;
}

.section-mobile-deg90-img-2 {}

.section-mobile-deg90-img-title {
	font-size: 36px;
	font-weight: bold;
	line-height: 122.222%;
	position: absolute;
	top: 50px;
	left: 50px;
	color: white;

	/* px / 750 = vw */
	font-size: 4.8vw;
	top: 6.666666666666667vw;
	left: 6.666666666666667vw;
}

.section-mobile-safetyBelt {}

.section-mobile-safetyBelt-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-safetyBelt-row {
	margin-bottom: 130px;
	display: flow-root;

	/* px / 750 = vw */
	margin-bottom: 17.33333333333333vw;
}

.section-mobile-safetyBelt-row:last-child {
	margin-bottom: 0;
}

.section-mobile-safetyBelt-card {
	position: relative;
}

.section-mobile-safetyBelt-cover {
	width: 536.439px;
	height: 509.572px;
	background: #D9D9D9;

	/* px / 750 = vw */
	width: 71.5252vw;
	height: 67.94293333333333vw;
}

#section-mobile-safetyBelt-video {
	width: 102%;
	height: 102%;
}

.section-mobile-safetyBelt-title {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 19px;
	line-height: 116.667%;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 2.533333333333334vw;
}

.section-mobile-safetyBelt-subtitle {
	font-size: 24px;
	line-height: 133.333%;
	opacity: 0.5;
	margin-bottom: 54px;

	/* px / 750 = vw */
	font-size: 3.2vw;
	margin-bottom: 7.2vw;
}

.section-mobile-spacious {}

.section-mobile-spacious-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-spacious-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 56px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 7.466666666666667vw;
}

.section-mobile-spacious-swiper {
	width: 100%;
	aspect-ratio: 690 / 782;
}

.section-mobile-spacious-swiper .swiper-slide {
	width: 100%;
	height: 100%;
	background: #EEE;
}

.section-mobile-spacious-swiper-title {
	position: absolute;
	top: 33px;
	left: 37px;
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	top: 4.4vw;
	left: 4.933333333333334vw;
	font-size: 3.2vw;
}

.section-mobile-plates {}

.section-mobile-plates-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-plates-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 56px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 7.466666666666667vw;
}

.section-mobile-plates-swiper {
	width: 100%;
	aspect-ratio: 690 / 824;
	margin-bottom: 50px;

	/* px / 750 = vw */
	margin-bottom: 6.666666666666667vw;
}

.section-mobile-plates-selector.swiper-selector {
	gap: 17px;

	/* px / 750 = vw */
	gap: 2.266666666666667vw;
}

.section-mobile-detail {}

.section-mobile-detail-content {
	width: 100%;
	padding: 90px 30px;

	/* px / 750 = vw */
	padding: 12vw 4vw;
}

.section-mobile-detail-title {
	font-size: 48px;
	font-weight: bold;
	line-height: 125%;
	margin-bottom: 56px;

	/* px / 750 = vw */
	font-size: 6.4vw;
	margin-bottom: 7.466666666666667vw;
}

.section-mobile-detail-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 59px;

	/* px / 750 = vw */
	gap: 7.866666666666667vw;
}

.section-mobile-detail-card {
	width: 100%;
	position: relative;
}

.section-mobile-detail-cover {
	width: 100%;
	aspect-ratio: 688 / 662;
	margin-bottom: 35px;

	/* px / 750 = vw */
	margin-bottom: 4.666666666666667vw;
}

.section-mobile-detail-card-title {
	font-size: 24px;
	font-weight: bold;
	line-height: 133.333%;

	/* px / 750 = vw */
	font-size: 3.2vw;
}

@media screen and (max-aspect-ratio: 13/16) {
	.swiper-selector {
		display: flex;
		gap: 0;
		width: 100%;
	}

	.swiper-selector-item {
		width: 100%;
		cursor: pointer;
		transition: all 0.3s ease;
		font-size: 24px;
		font-weight: bold;
		line-height: 125%;
		padding-top: 23px;
		position: relative;
		color: black;
		text-align: left;

		/* px / 750 = vw */
		font-size: 3.2vw;
		padding-top: 3.066666666666667vw;
	}

	.swiper-selector-item.active {
		color: #F06428 !important;
	}

	.swiper-selector-item .line {
		height: 2px;
		width: 100%;
		background: #E1E1E1;
		transition: all 0.3s ease;
		position: absolute;
		top: 0;
		left: 0;

		/* px / 750 = vw */
		height: 0.2666666666666667vw;
	}

	.swiper-selector-item .line .bar {
		height: 100%;
		width: 0%;
		background: #F06428;
	}

	.swiper-selector-item.active .bar {
		transition: all 1s ease;
		width: 100%;
	}

	.swiper-pagination {
		height: 74px;
		background: rgba(255, 255, 255, 0.90);
		border-radius: 64px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 18px;
		bottom: 36px !important;
		width: 182px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;

		/* px / 750 = vw */
		height: 9.866666666666667vw;
		border-radius: 8.533333333333333vw;
		gap: 2.266666666666667vw;
		bottom: 4.8vw !important;
		width: 24.26666666666667vw !important;
	}

	.swiper-pagination-bullet {
		display: block;
		background: #F06428;
		opacity: 1;
		width: 10.36px;
		height: 10.36px;
		transition: all 0.3s ease;
		border-radius: 64px;

		/* px / 750 = vw */
		width: 1.381333333333333vw;
		height: 1.381333333333333vw;
		border-radius: 8.533333333333333vw;
	}

	.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 54.76px;

		/* px / 750 = vw */
		width: 7.301333333333333vw;
	}
}