/* ELLIPSIS */
/* / */
#main {
	/* flow text */
}
#main .swiper-slide-active .animtext.char-up .word {
	opacity: 1;
	margin: 0;
}
#main .swiper-slide-active .animtext.char-up .char {
	opacity: 0;
	-webkit-animation: animtext-up 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	-moz-animation: animtext-up 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	animation: animtext-up 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	-webkit-animation-delay: -webkit-calc(0.5s + 0.015s * var(--char-index));
	-moz-animation-delay: -moz-calc(0.5s + 0.015s * var(--char-index));
	animation-delay: calc(0.5s + 0.015s * var(--char-index));
	padding: 0;
}
@-webkit-keyframes animtext-up {
	from {
		-webkit-transform: translateY(100%) translateZ(0);
		transform: translateY(100%) translateZ(0);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0) translateZ(0);
		transform: translateY(0) translateZ(0);
		opacity: 1;
	}
}
@-moz-keyframes animtext-up {
	from {
		-moz-transform: translateY(100%) translateZ(0);
		transform: translateY(100%) translateZ(0);
		opacity: 0;
	}
	to {
		-moz-transform: translateY(0) translateZ(0);
		transform: translateY(0) translateZ(0);
		opacity: 1;
	}
}
@keyframes animtext-up {
	from {
		-webkit-transform: translateY(100%) translateZ(0);
		-moz-transform: translateY(100%) translateZ(0);
		transform: translateY(100%) translateZ(0);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0) translateZ(0);
		-moz-transform: translateY(0) translateZ(0);
		transform: translateY(0) translateZ(0);
		opacity: 1;
	}
}
#main .icon {
	width: 31rem;
	height: 100%;
}
#main .icon.icon--more {
	background: center/contain url("/images/common/icon_more_1.svg") no-repeat;
}
#main .icon.icon--visual-pagi {
	display: inline-block;
	width: 60rem;
	height: 8rem;
	background: center/contain url("/images/main/visual_pagi_icon.png") no-repeat;
}
#main .icon.icon--star {
	display: inline-block;
	width: 40rem;
	height: 40rem;
	background: center/contain url("/images/common/icon_star.png") no-repeat;
}
#main .txt-bg-wrap {
	position: absolute;
	overflow: hidden;
	width: 100%;
	left: -40%;
	top: 0;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
#main .txt-bg-wrap.on {
	opacity: 1;
}
#main .txt-bg-wrap .txt-bg-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 7024rem;
	-webkit-animation: bannermove 40s linear infinite;
	-moz-animation: bannermove 40s linear infinite;
	animation: bannermove 40s linear infinite;
}
#main .txt-bg-wrap .txt-bg-inner .txt-bg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 3512rem;
	height: 122rem;
	font-size: 130rem;
	font-weight: 300;
	font-family: var(--ubuntu);
	color: transparent;
	line-height: 1em;
	white-space: nowrap;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-text-stroke: 1px #9BA8AF;
	text-stroke: 1px #9BA8AF;
	letter-spacing: -2.6rem;
	opacity: 0.2;
}
@-webkit-keyframes bannermove {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@-moz-keyframes bannermove {
	0% {
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@keyframes bannermove {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
#main .swiper-pagi-wrap {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: auto;
	gap: 8rem;
}
#main .swiper-pagi-wrap .swiper-pagination-bullet {
	display: block;
	margin: 0;
	width: 8rem;
	height: 8rem;
}
#main .btn-hero {
	display: inline-block;
	height: 51rem;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	border: 1px solid #AAA;
	backdrop-filter: blur(5rem);
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main .btn-hero .btn-hero__link {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8rem;
	padding: 0 20rem;
	color: #FFF;
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-weight: 400;
	line-height: normal;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main .btn-hero .btn-hero__link .txt {
	display: block;
}
#main .btn-hero .btn-hero__link .icon {
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
#main .btn-hero:hover {
	background-color: #fff;
}
#main .btn-hero:hover .btn-hero__link {
	color: var(--PS_black, #0C151A);
}
#main .btn-hero:hover .btn-hero__link .icon {
	-webkit-transform: translateX(5rem);
	-moz-transform: translateX(5rem);
	-ms-transform: translateX(5rem);
	transform: translateX(5rem);
}
#main .btn-hero:hover .btn-hero__link .icon.icon--more {
	background: center/contain url("/images/common/icon_more_1_b.svg") no-repeat;
}
#main .guide-mouse {
	position: absolute;
	display: inline-block;
	left: 80rem;
	bottom: 60rem;
	z-index: 1;
}
#main .guide-mouse a {
	position: relative;
	padding-top: 73rem;
	color: #DDD;
	font-family: var(--ubuntu);
	font-size: 16rem;
	font-weight: 300;
	line-height: 100%; /* 16px */
}
#main .guide-mouse a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 34rem;
	height: 66rem;
	margin-left: -17rem;
	-webkit-border-radius: 20rem;
	-moz-border-radius: 20rem;
	border-radius: 20rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.1);
}
#main .guide-mouse a span::before {
	position: absolute;
	top: 10rem;
	left: 50%;
	content: "";
	width: 10rem;
	height: 10rem;
	margin-left: -5rem;
	background-color: #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation: sdb 2s infinite;
	-moz-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes sdb {
	0% {
		-moz-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
#main main .tit-box .tit {
	color: var(--PS_black, #0C151A);
	font-family: var(--kor);
	font-size: 46rem;
	font-weight: 600;
	line-height: 120%; /* 55.2px */
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item {
	position: relative;
	width: 800rem;
	height: 660rem;
	padding: 50rem 38rem 20rem;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	-webkit-box-shadow: 0 10rem 20rem 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10rem 20rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10rem 20rem 0 rgba(0, 0, 0, 0.1);
	border: 1px solid transparent;
	overflow: hidden;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item .sol2__item-bg {
	position: absolute;
	width: 980rem;
	height: 942rem;
	top: -webkit-calc(100% - 229rem);
	top: -moz-calc(100% - 229rem);
	top: calc(100% - 229rem);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -2;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item .sol2__item-bg .sol2__item-bg-asset {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: -2;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item .sol2__item-bg .sol2__item-bg-asset::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: -webkit-radial-gradient(50% 50%, 50% 50%, #2AD4A1 0%, rgba(42, 212, 161, 0) 100%);
	background: -moz-radial-gradient(50% 50%, 50% 50%, #2AD4A1 0%, rgba(42, 212, 161, 0) 100%);
	background: radial-gradient(50% 50% at 50% 50%, #2AD4A1 0%, rgba(42, 212, 161, 0) 100%);
	z-index: -1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item .sol2__item-bg .sol2__item-bg-asset::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: -webkit-radial-gradient(50% 50%, 50% 50%, #4BB6E9 0%, rgba(75, 182, 233, 0) 100%);
	background: -moz-radial-gradient(50% 50%, 50% 50%, #4BB6E9 0%, rgba(75, 182, 233, 0) 100%);
	background: radial-gradient(50% 50% at 50% 50%, #4BB6E9 0%, rgba(75, 182, 233, 0) 100%);
	z-index: -1;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:hover {
	border: 1px solid var(--PS_hover, #011033);
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:hover .sol2__item-bg .sol2__item-bg-asset::before {
	opacity: 0;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:hover .sol2__item-bg .sol2__item-bg-asset::after {
	opacity: 0.8;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:hover .s2-card .s2-card__bg .s2-card__bg-asset::after {
	opacity: 0.8;
}
#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:hover .s2-card .box4 .btn-wrap .btn-more .btn-more__link {
	background-color: var(--PS_hover, #011033);
}
#main main .sol2 .s2-card {
	position: relative;
	overflow: hidden;
}
#main main .sol2 .s2-card > .box1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#main main .sol2 .s2-card > .box1 .s2-card__tit .tit {
	color: var(--PS_black, #0C151A);
	font-family: var(--ubuntu);
	font-size: 44rem;
	font-weight: 500;
	line-height: 110%; /* 48.4px */
	letter-spacing: -0.88rem;
}
#main main .sol2 .s2-card > .box1 .s2-card__tit .des {
	color: #3A3A3A;
	font-family: var(--kor);
	font-size: 22rem;
	line-height: 110%; /* 24.2px */
	letter-spacing: -0.44rem;
	margin-top: 6rem;
}
#main main .sol2 .s2-card > .box1 .s2-card__logo {
	width: 65rem;
	height: 65rem;
}
#main main .sol2 .s2-card > .box2 {
	margin-top: 44rem;
}
#main main .sol2 .s2-card > .box3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 53rem;
}
#main main .sol2 .s2-card > .box3 > .left {
	color: #111;
	font-family: var(--ubuntu);
	font-size: 18px;
	line-height: 110%; /* 19.8px */
	letter-spacing: -0.36rem;
	width: 223rem;
}
#main main .sol2 .s2-card > .box3 > .right {
	color: #111;
	font-family: var(--kor);
	font-size: 20rem;
	line-height: 140%; /* 28px */
	letter-spacing: -0.2rem;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
#main main .sol2 .s2-card > .box4 {
	margin-top: 26rem;
}
#main main .sol2 .s2-card > .box4 .btn-wrap .btn-more .btn-more__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 46rem;
	padding: 0 20rem;
	color: #FFF;
	font-family: var(--kor);
	font-size: 18rem;
	font-weight: 500;
	line-height: 110%; /* 19.8px */
	letter-spacing: -0.36rem;
	-webkit-border-radius: 4rem;
	-moz-border-radius: 4rem;
	border-radius: 4rem;
	background: var(--main_skyblue, #4CB7E9);
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sol2 .s2-card > .box4 .btn-wrap .btn-more .btn-more__link .btn-more__icon {
	padding-bottom: 2rem;
}
#main main .visual {
	position: relative;
	height: 100%;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	-webkit-border-top-right-radius: 40rem;
	-moz-border-radius-topright: 40rem;
	border-top-right-radius: 40rem;
	-webkit-border-bottom-left-radius: 40rem;
	-moz-border-radius-bottomleft: 40rem;
	border-bottom-left-radius: 40rem;
	overflow: hidden;
}
#main main .visual .visual__container {
	height: 100%;
}
#main main .visual .visual__item .v-card {
	height: 100%;
}
#main main .visual .visual__item .v-card .img-wrap {
	position: relative;
	height: 100%;
}
#main main .visual .visual__item .v-card .img-wrap .visual__img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	object-fit: cover;
}
#main main .visual .visual__item .v-card .hero {
	position: absolute;
	left: 80rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#main main .visual .visual__item .v-card .hero .hero__tit {
	color: #FFF;
	font-family: var(--ubuntu);
	font-size: 110px;
	font-weight: 500;
	line-height: 94%; /* 103.4px */
}
#main main .visual .visual__item .v-card .hero .hero__des {
	color: #FFF;
	font-family: var(--kor);
	font-size: 24rem;
	font-weight: 400;
	line-height: 120%; /* 28.8px */
	margin-top: 32rem;
}
#main main .visual .visual__item .v-card .hero .btn-wrap {
	margin-top: 48rem;
}
#main main .visual .pagi-area {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 563rem;
	height: 190rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	z-index: 1;
	padding: 31rem 0 31rem 60rem;
	gap: 15rem;
}
#main main .visual .pagi-area::before {
	content: "";
	position: absolute;
	top: -39.1rem;
	right: -2rem;
	width: 42rem;
	height: 42rem;
	background: center/contain url("/images/main/main_visual_r.svg") no-repeat;
	z-index: 1;
}
#main main .visual .pagi-area::after {
	content: "";
	position: absolute;
	left: -40rem;
	bottom: -2rem;
	width: 42rem;
	height: 42rem;
	background: center/contain url("/images/main/main_visual_r.svg") no-repeat;
	z-index: 1;
}
#main main .visual .pagi-area .pagi-area__tit {
	color: var(--PS_black, #0C151A);
	font-family: var(--ubuntu);
	font-size: 24rem;
	font-weight: 500;
	line-height: 100%; /* 24px */
}
#main main .visual .pagi-area .pagi-area__bullets {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: var(--PS_black, #0C151A);
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-weight: 500;
	line-height: 100%; /* 20px */
}
#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination {
	position: static;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12rem;
}
#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	height: auto;
	background: none;
	gap: 20rem;
	margin: 0;
}
#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet .icon {
	opacity: 0;
}
#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet .txt {
	color: #3A3A3A;
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-weight: 400;
	line-height: 100%; /* 20px */
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .icon {
	opacity: 1;
}
#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .txt {
	color: var(--PS_black, #0C151A);
	font-size: 20rem;
	font-weight: 500;
}
#main main section {
	overflow: hidden;
}
#main main .sec-visual {
	position: relative;
	height: 100vh;
	padding: 107rem 40rem 48rem;
}
#main main .sec-visual .sec__inner {
	height: 100%;
	overflow: hidden;
}
#main main .sec-intro {
	overflow: visible;
}
#main main .sec-intro .sec__inner {
	position: relative;
	padding: 200rem 120rem 200rem;
}
#main main .sec-intro .sec-intro__bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 2345rem;
	height: 1201rem;
}
#main main .sec-intro .sec-intro__bg .bg {
	width: 100%;
	height: 100%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: center/contain url("/images/main/intro_bg_1.png") no-repeat;
	background-position: 376rem 50%;
}
#main main .sec-intro .tit {
	color: var(--PS_black, #0C151A);
	font-family: var(--ubuntu);
	font-size: 66rem;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}
#main main .sec-intro .tit-sub-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 32rem;
}
#main main .sec-intro .tit-sub-box .tit-sub {
	width: 641rem;
	color: #0C151A;
	font-size: 20rem;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}
#main main .sec-intro .tit-sub-box .box1 {
	position: relative;
	width: 872rem;
}
#main main .sec-intro .tit-sub-box .box1 .txt {
	position: absolute;
	right: 0;
	bottom: -9rem;
	color: #FFF;
	font-family: var(--ubuntu);
	font-size: 80rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-align: right;
}
#main main .sec-intro .tit-sub-box .box1::before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 0;
	height: 1px;
	background-color: #fff;
	-webkit-filter: drop-shadow(0 2rem 4rem rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0 2rem 4rem rgba(0, 0, 0, 0.1));
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
}
#main main .sec-intro .des-box {
	margin-top: 80rem;
}
#main main .sec-intro .intro {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
}
#main main .sec-intro .intro .intro__list {
	width: 1520rem;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	-webkit-column-gap: 16rem;
	-moz-column-gap: 16rem;
	column-gap: 16rem;
	row-gap: 32rem;
}
#main main .sec-intro .intro .intro__list .intro__item {
	width: 240rem;
	height: 130rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: #FFF;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	overflow-y: hidden;
	opacity: 0;
	-webkit-transform: translateY(16rem);
	-moz-transform: translateY(16rem);
	-ms-transform: translateY(16rem);
	transform: translateY(16rem);
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	transition: 0.6s;
	-webkit-box-shadow: 0 4rem 20rem rgba(76, 183, 233, 0.2);
	-moz-box-shadow: 0 4rem 20rem rgba(76, 183, 233, 0.2);
	box-shadow: 0 4rem 20rem rgba(76, 183, 233, 0.2);
}
#main main .sec-intro .intro .intro__list .intro__item .img-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#main main .sec-intro .intro .intro__list .intro__item .img-wrap img {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-intro .intro .intro__list .intro__item:hover .img-wrap img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#main main .sec-intro .intro .intro__list .intro__item.intro__item--no-display {
	all: unset;
}
#main main .sec-intro .intro .intro__list .intro__item.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}
#main main .sec-intro .intro .intro__list + .intro__list {
	margin-top: 32rem;
}
#main main .sec-intro.on .tit-sub-box .box1::before {
	width: 872rem;
}
#main main .sec-sdv .sdvlogo {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#main main .sec-sdv .sdvlogo .sdvlogo__arrow1 {
	position: absolute;
	width: 125.19%;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	aspect-ratio: 482/52;
}
#main main .sec-sdv .sdvlogo .sdvlogo__bg1 .sdvlogo__bg2 .sdvlogo__swiper {
	overflow: hidden;
}
#main main .sec-sdv .sdvlogo .sdvlogo__bg1 .sdvlogo__bg2 .sdvlogo__swiper .sdvlogo__wrapper .sdvlogo__item {
	width: 286rem;
	aspect-ratio: 1/1;
}
#main main .sec-sdv .sdvlogo .sdvlogo__bg1 .sdvlogo__bg2 .sdvlogo__swiper .sdvlogo__wrapper .sdvlogo__item .sdv-card {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#main main .sec-sdv .sdvlogo .sdvlogo__bg1 .sdvlogo__bg2 .sdvlogo__swiper .sdvlogo__wrapper .sdvlogo__item .sdv-card .img-wrap {
	width: 180rem;
	height: 180rem;
}
#main main .sec-sdv .sdvlogo-tit {
	margin-top: 22rem;
}
#main main .sec-sdv .sdvlogo-tit .sdvlogo-tit__swiper .sdvlogo-tit__wrapper .sdvlogo-tit__item {
	text-align: center;
}
#main main .sec-sdv .sdvlogo-tit .sdvlogo-tit__swiper .sdvlogo-tit__wrapper .sdvlogo-tit__item .tit {
	color: #7DD5FF;
	font-family: var(--ubuntu);
	font-size: 30rem;
	font-weight: 700;
	line-height: 120%; /* 36px */
}
#main main .sec-sdv .sdvlogo-pagi {
	position: static;
	margin-top: 24rem;
}
#main main .sec-sdv .sdvlogo-pagi .swiper-pagination-bullet {
	background: #ddd;
	opacity: 0.3;
}
#main main .sec-sdv .sdvlogo-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}
#main main .sec-sdv .sec__inner {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100vh;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(52.03%, #0E0E0E), color-stop(99.83%, #143279));
	background: -webkit-linear-gradient(top, #0E0E0E 52.03%, #143279 99.83%);
	background: -moz-linear-gradient(top, #0E0E0E 52.03%, #143279 99.83%);
	background: linear-gradient(180deg, #0E0E0E 52.03%, #143279 99.83%);
	overflow: hidden;
}
#main main .sec-sdv .sec__inner .car {
	width: 498.06rem;
	height: auto;
}
#main main .sec-sdv .sec__inner .car .car__body {
	position: relative;
}
#main main .sec-sdv .sec__inner .car .car__body .car-body {
	position: relative;
}
#main main .sec-sdv .sec__inner .car .car__body .car-light {
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1582rem;
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
	z-index: -1;
}
#main main .sec-sdv .sec__inner .car .car__body .car-light.on {
	opacity: 1;
}
#main main .sec-sdv .sec__inner .car .car__body .car-head-light {
	position: absolute;
	left: 50%;
	top: 49%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 550rem;
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
	z-index: 1;
}
#main main .sec-sdv .sec__inner .car .car__body .car-head-light.on {
	opacity: 1;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap2 {
	position: absolute;
	left: 50%;
	top: 74%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 550rem;
	opacity: 1;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	transition: 0.1s;
	z-index: -1;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap2.on {
	opacity: 1;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap {
	position: absolute;
	left: 50%;
	bottom: -1%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 950.09rem;
	height: 896.51rem;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap .car-effect {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap .car-effect.car-effect--1 {
	bottom: -6%;
	width: 239.41rem;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap .car-effect.car-effect--2 {
	bottom: -19%;
	width: 497.75rem;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap .car-effect.car-effect--3 {
	bottom: -33%;
	width: 723.92rem;
}
#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap .car-effect.car-effect--4 {
	bottom: -47%;
	width: 950.09rem;
}
#main main .sec-sdv .sec__inner .box1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
#main main .sec-sdv .sec__inner .box1 .des-style1 {
	color: #DDD;
	font-size: 20rem;
	font-weight: 300;
	line-height: 140%; /* 28px */
}
#main main .sec-sdv .sec__inner .box1 .des-style1 .point {
	color: #FFF;
	font-size: 20rem;
	font-weight: 500;
	line-height: 140%;
}
#main main .sec-sdv .sec__inner .box1 .box1__1 {
	position: absolute;
	top: 280rem;
	left: 6.25%;
	width: 29.06%;
}
#main main .sec-sdv .sec__inner .box1 .box1__1 .tag {
	color: #DDD;
	font-size: 20rem;
	font-weight: 400;
	line-height: 130%; /* 26px */
}
#main main .sec-sdv .sec__inner .box1 .box1__1 .tit {
	color: #FFF;
	font-size: 40rem;
	font-weight: 500;
	line-height: 120%; /* 48px */
	margin-top: 8rem;
}
#main main .sec-sdv .sec__inner .box1 .box1__1 .des1 {
	margin-top: 24rem;
}
#main main .sec-sdv .sec__inner .box1 .box1__2 {
	position: absolute;
	width: 20.05%;
	top: 373rem;
	z-index: 1;
	aspect-ratio: 385/382;
}
#main main .sec-sdv .sec__inner .box1 .box1__2::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: top center/contain url("/images/contents/sdvlogo_frame.png") no-repeat;
}
#main main .sec-sdv .sec__inner .box1 .btn-wrap {
	margin-top: 60rem;
}
#main main .sec-solutions {
	background-color: #fff;
	-webkit-border-top-right-radius: 40rem;
	-moz-border-radius-topright: 40rem;
	border-top-right-radius: 40rem;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	overflow: hidden;
}
#main main .sec-solutions .sec__inner {
	padding: 150rem 137rem 90rem 120rem;
	background-color: #fff;
}
#main main .sec-solutions .des-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 100rem;
	height: 654rem;
}
#main main .sec-solutions .des-box .box1 {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 1183rem;
}
#main main .sec-solutions .des-box .box1 .img-wrap {
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	overflow: hidden;
}
#main main .sec-solutions .des-box .box1 .video-wrap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
}
#main main .sec-solutions .des-box .box1 .video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
#main main .sec-solutions .des-box .box2 {
	padding-top: 70rem;
}
#main main .sec-solutions .des-box .box2 > .inner .tag {
	color: #3A3A3A;
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}
#main main .sec-solutions .des-box .box2 > .inner .tit {
	color: var(--PS_black, #0C151A);
	font-size: 46rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-top: 12rem;
}
#main main .sec-solutions .des-box .box2 > .inner .des {
	color: var(--PS_black, #0C151A);
	font-size: 20rem;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
	margin-top: 24rem;
}
#main main .sec-challenges {
	background-color: #fff;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	-webkit-border-top-right-radius: 40rem;
	-moz-border-radius-topright: 40rem;
	border-top-right-radius: 40rem;
}
#main main .sec-challenges .sec__inner {
	max-width: 1680rem;
	margin: 0 auto;
	padding: 90rem 0;
}
#main main .sec-challenges .sec__inner .tit-box .tit {
	color: var(--PS_black, #0C151A);
	font-family: var(--ubuntu);
	font-size: 48rem;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	text-align: center;
	margin-bottom: 48rem;
}
#main main .sec-challenges .sec__inner .challenges .challenges__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30rem;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item {
	position: relative;
	width: 540rem;
	height: 438rem;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item .img-wrap {
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	overflow: hidden;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding-bottom: 34rem;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap .des {
	height: 42rem;
	overflow: hidden;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap .des .des__tit {
	color: #FFF;
	text-align: center;
	font-size: 30rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: -0.3rem;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap .des .des__p {
	color: #DDD;
	text-align: center;
	font-size: 15rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: -0.15rem;
	margin-top: 6rem;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	opacity: 0;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item:hover .des-wrap .des {
	height: 103rem;
}
#main main .sec-challenges .sec__inner .challenges .challenges__item:hover .des-wrap .des .des__p {
	opacity: 1;
}
#main main .sec-solutions2 {
	background-color: #fff;
}
#main main .sec-solutions2 .sec__inner {
	position: relative;
	padding: 90rem 0 90rem 120rem;
}
#main main .sec-solutions2 .sec__inner .tit-box {
	margin-bottom: 48rem;
}
#main main .sec-solutions2 .sec__inner .swiper-pagi-wrap--sol2 {
	position: absolute;
	left: auto;
	right: 120rem;
	top: 114rem;
	height: 8rem;
}
#main main .sec-history {
	position: relative;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	-webkit-border-top-right-radius: 40rem;
	-moz-border-radius-topright: 40rem;
	border-top-right-radius: 40rem;
	height: 100vh;
	background: center/cover url("/images/contents/history_bg.jpg") no-repeat;
}
#main main .sec-history .sec__inner {
	padding: 150rem 120rem 60rem;
}
#main main .sec-history .sec__inner .tit-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#main main .sec-history .sec__inner .tit-box .box2 {
	-webkit-align-self: end;
	-ms-flex-item-align: end;
	align-self: end;
	padding-bottom: 14rem;
}
#main main .sec-history .sec__inner .tit-box .tit-sub {
	color: #DDD;
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-weight: 400;
	line-height: 130%; /* 26px */
}
#main main .sec-history .sec__inner .tit-box .tit {
	color: #FFF;
	font-size: 46rem;
	font-weight: 600;
	line-height: 120%; /* 55.2px */
	margin-top: 12rem;
}
#main main .sec-history .sec__inner .tit-box .btn-wrap {
	margin-top: 30rem;
}
#main main .sec-history .sec__inner .con-box {
	margin-top: 66rem;
}
#main main .sec-history .history .history__wrapper {
	position: relative;
}
#main main .sec-history .history .history__wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17.2%;
	width: -webkit-calc(200% - 18rem + 48rem);
	width: -moz-calc(200% - 18rem + 48rem);
	width: calc(200% - 18rem + 48rem);
	height: 1px;
	background-color: #8A8A8A;
}
#main main .sec-history .history .history__item {
	width: 312rem;
	position: relative;
	padding-top: 36rem;
}
#main main .sec-history .history .history__item.timeline .timeline .timeline__con {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 18rem;
}
#main main .sec-history .history .history__item.timeline.timeline--2 .timeline {
	width: 654rem;
}
#main main .sec-history .history .history__item.timeline.timeline--3 .timeline {
	width: 996rem;
}
#main main .sec-history .history .history__item.timeline.timeline--4 .timeline {
	width: 1338rem;
}
#main main .sec-history .history .history__item.swiper-slide-active .h-card .year-wrap .year-tag {
	background-blend-mode: multiply, color;
	backdrop-filter: blur(2px);
	background: var(--PS_black, #0C151A);
}
#main main .sec-history .history .history__item.swiper-slide-active .h-card .dot-wrap {
	height: 10rem;
	padding-left: 48rem;
}
#main main .sec-history .history .history__item.swiper-slide-active .h-card .dot-wrap .dot {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
}
#main main .sec-history .history .history__item.swiper-slide-active .h-card .h-card__list .h-card__item {
	background-color: #fff;
}
#main main .sec-history .history .history__item.swiper-slide-active .h-card .h-card__list .h-card__item .box1 .tit {
	color: var(--PS_black, #0C151A);
}
#main main .sec-history .history .history__item.swiper-slide-active .h-card .h-card__list .h-card__item .box1 .des {
	color: #3A3A3A;
}
#main main .sec-history .history .history__item.history__item--col2 {
	width: 654rem;
}
#main main .sec-history .history .history__item.history__item--empty .h-card .dot-wrap .dot {
	display: none;
}
#main main .sec-history .history .h-card .timeline {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 26rem;
	color: var(--PS_black, #0C151A);
	font-size: 18rem;
	font-weight: 500;
	line-height: 120%; /* 21.6px */
}
#main main .sec-history .history .h-card .timeline .timeline__con {
	display: none;
	width: 100%;
	height: 100%;
	background: #7DD5FF;
	-webkit-border-radius: 19rem;
	-moz-border-radius: 19rem;
	border-radius: 19rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
	white-space: nowrap;
}
#main main .sec-history .history .h-card .year-wrap {
	margin-bottom: 15rem;
	padding-left: 12rem;
}
#main main .sec-history .history .h-card .year-wrap .year-tag {
	color: #FFF;
	font-size: 18rem;
	font-weight: 500;
	line-height: 120%; /* 21.6px */
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 0 18rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 26rem;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	-webkit-border-radius: 19rem;
	-moz-border-radius: 19rem;
	border-radius: 19rem;
}
#main main .sec-history .history .h-card .dot-wrap {
	height: 10rem;
	padding-left: 48rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
#main main .sec-history .history .h-card .dot-wrap .dot {
	width: 10rem;
	height: 10rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #8A8A8A;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-history .history .h-card .h-card__list {
	display: grid;
	grid-template-rows: repeat(2, auto);
	grid-auto-flow: column;
	row-gap: 10rem;
	-webkit-column-gap: 30rem;
	-moz-column-gap: 30rem;
	column-gap: 30rem;
	margin-top: 15rem;
}
#main main .sec-history .history .h-card .h-card__list .h-card__item {
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.3));
	filter: drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.3));
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	padding: 22rem 30rem;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	height: 180rem;
}
#main main .sec-history .history .h-card .h-card__list .h-card__item .box1 .tit {
	color: #FFF;
	font-size: 28rem;
	font-weight: 500;
	line-height: 140%; /* 39.2px */
	letter-spacing: -0.56rem;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-history .history .h-card .h-card__list .h-card__item .box1 .des {
	color: #AAA;
	font-size: 18rem;
	font-weight: 300;
	line-height: 140%; /* 25.2px */
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-history .history-navi-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20rem;
	opacity: 1;
	margin-top: 30rem;
}
#main main .sec-history .history-navi-wrap .swiper-button-prev {
	position: static;
	display: block;
	width: 48rem;
	height: 10rem;
	opacity: 1;
	margin: 0;
	background: center/contain url("/images/common/swiper_arrow_left.png") no-repeat;
}
#main main .sec-history .history-navi-wrap .swiper-button-prev::after {
	display: none;
}
#main main .sec-history .history-navi-wrap .swiper-button-next {
	position: static;
	display: block;
	width: 48rem;
	height: 10rem;
	opacity: 1;
	margin: 0;
	background: center/contain url("/images/common/swiper_arrow_right.png") no-repeat;
}
#main main .sec-history .history-navi-wrap .swiper-button-next::after {
	display: none;
}
#main main .sec-support {
	background-color: #fff;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	-webkit-border-top-right-radius: 40rem;
	-moz-border-radius-topright: 40rem;
	border-top-right-radius: 40rem;
	overflow: hidden;
}
#main main .sec-support .sec__inner {
	position: relative;
}
#main main .sec-support .cursor {
	position: absolute;
	width: 88rem;
	height: 88rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	background-color: #4CB7E9;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-moz-transition-property: transform, opacity, -moz-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform, -moz-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	-moz-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	opacity: 0;
	-webkit-transform: translate(-50%, -50%) scale(0);
	-moz-transform: translate(-50%, -50%) scale(0);
	-ms-transform: translate(-50%, -50%) scale(0);
	transform: translate(-50%, -50%) scale(0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	-ms-touch-action: none;
	touch-action: none;
	z-index: 1000;
}
#main main .sec-support .cursor .img-asset {
	width: 100%;
	height: 100%;
	background: center/47.38rem 11rem url("/images/main/support_arrow.svg") no-repeat;
}
#main main .sec-support .cursor.on {
	z-index: 1000;
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}
#main main .sec-support .sec__inner {
	padding: 150rem 262rem 180rem;
}
#main main .sec-support .tit-box .tit-sub {
	color: #3A3A3A;
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	text-align: center;
}
#main main .sec-support .tit-box .tit {
	color: var(--PS_black, #0C151A);
	text-align: center;
	font-size: 40rem;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-top: 12rem;
}
#main main .sec-support .des-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 78rem;
	height: 355rem;
	margin-top: 60rem;
}
#main main .sec-support .des-box .top-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 29rem;
	gap: 14rem;
	margin-bottom: 28rem;
}
#main main .sec-support .des-box .top-info .tag {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 2rem 18rem;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-border-radius: 19rem;
	-moz-border-radius: 19rem;
	border-radius: 19rem;
	background: var(--PS_black, #0C151A);
	color: #FFF;
	font-size: 18rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}
#main main .sec-support .des-box .top-info .box1__tit {
	color: var(--PS_black, #0C151A);
	font-size: 20rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}
#main main .sec-support .des-box .box1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 542rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
#main main .sec-support .des-box .box1 .link-newletter {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	overflow: hidden;
	background: center/20% url("/images/common/logo.svg") no-repeat;
}
#main main .sec-support .des-box .box1 .img-wrap {
	width: 100%;
	height: 100%;
}
#main main .sec-support .des-box .box1 .img-wrap img {
	height: 100%;
	object-fit: cover;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-support .des-box .box1 .img-wrap:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#main main .sec-support .des-box .box2 {
	width: 776rem;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}
#main main .sec-support .des-box .box2 .support {
	position: relative;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item {
	position: relative;
	border-bottom: 1px solid #ccc;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 30rem 10rem 14rem;
	gap: 32rem;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item a .subject {
	color: var(--PS_black, #0C151A);
	font-size: 20rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: wrap;
	white-space: nowrap;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item a .date {
	color: #404041;
	font-size: 16rem;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: -0.32rem;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item a:hover {
	cursor: none;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item:first-of-type a {
	padding-top: 20rem;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item:hover {
	border-bottom: 1px solid var(--color-ci);
}
#main main .sec-support .des-box .box2 .support .support__list .support__item:hover a .subject {
	font-weight: 500;
}
#main main .sec-support .des-box .box2 .support .support__list .support__item:hover .icon-arrow {
	opacity: 1;
}
#main main .sec-location {
	position: relative;
	-webkit-border-top-left-radius: 40rem;
	-moz-border-radius-topleft: 40rem;
	border-top-left-radius: 40rem;
	-webkit-border-top-right-radius: 40rem;
	-moz-border-radius-topright: 40rem;
	border-top-right-radius: 40rem;
	background-color: var(--PS_black);
	overflow: hidden;
	z-index: 10;
}
#main main .sec-location .sec__inner {
	position: relative;
	height: 1062rem;
}
#main main .sec-location .sec__inner .tit-box {
	position: absolute;
	top: 150rem;
	left: 120rem;
}
#main main .sec-location .sec__inner .tit-box .tit-sub {
	color: #DDD;
	font-family: var(--ubuntu);
	font-size: 20rem;
	font-weight: 400;
	line-height: 130%; /* 26px */
}
#main main .sec-location .sec__inner .tit-box .tit {
	color: #FFF;
	font-size: 46rem;
	font-weight: 600;
	line-height: 120%; /* 55.2px */
	margin-top: 12rem;
}
#main main .sec-location .sec__inner .tit-box .btn-wrap {
	margin-top: 30rem;
}
#main main .sec-location .sec__inner .con-box {
	position: absolute;
	top: 184rem;
	right: 153.38rem;
	-webkit-transition: right 0.6s ease;
	-moz-transition: right 0.6s ease;
	transition: right 0.6s ease;
}
#main main .sec-location .sec__inner .con-box .global-map {
	width: 1392rem;
	height: 758rem;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner {
	position: relative;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map {
	display: grid;
	grid-template-columns: repeat(43, 1fr);
	grid-template-rows: repeat(23, 1fr);
	row-gap: 5.76rem;
	-webkit-column-gap: 6.46rem;
	-moz-column-gap: 6.46rem;
	column-gap: 6.46rem;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell {
	position: relative;
	width: 26.02rem;
	height: 26.06rem;
	opacity: 0.3;
	z-index: 0;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell.on {
	background-color: #30383C;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
	z-index: 0;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell.country {
	opacity: 0;
	background-color: #ccc;
	z-index: 1;
	-webkit-transition: opacity 0.8s 1s;
	-moz-transition: opacity 0.8s 1s;
	transition: opacity 0.8s 1s;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell.country.start {
	opacity: 1;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell.country.active {
	background-color: var(--main_skyblue, #4CB7E9);
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell.country.active .country-tag {
	background: rgb(76, 183, 233);
	-webkit-box-shadow: 0 4px 4px 0 rgba(23, 48, 75, 0.2);
	-moz-box-shadow: 0 4px 4px 0 rgba(23, 48, 75, 0.2);
	box-shadow: 0 4px 4px 0 rgba(23, 48, 75, 0.2);
	backdrop-filter: none;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell.country:hover {
	background-color: var(--main_skyblue, #4CB7E9);
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag {
	position: absolute;
	left: -webkit-calc(100% + 10.77rem);
	left: -moz-calc(100% + 10.77rem);
	left: calc(100% + 10.77rem);
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 45rem;
	padding: 0 12rem;
	-webkit-border-radius: 24rem;
	-moz-border-radius: 24rem;
	border-radius: 24rem;
	background: #858A8C;
	z-index: 11;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor: pointer;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag .country-tag__co {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 29rem;
	color: var(--PS_black, #0C151A);
	font-size: 18rem;
	font-weight: 600;
	line-height: 140%; /* 25.2px */
	-webkit-border-radius: 19rem;
	-moz-border-radius: 19rem;
	border-radius: 19rem;
	background: #FFF;
	padding: 0 18rem;
	z-index: 11;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag .country-tag__ct {
	width: 0;
	color: #000;
	font-size: 18rem;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.country-tag--de .country-tag__ct {
	width: 0;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.country-tag--vn .country-tag__ct {
	width: 0;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.country-tag--kr .country-tag__ct {
	width: 0;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag:hover {
	background: rgb(76, 183, 233);
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open .country-tag__co {
	position: relative;
	z-index: 11;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open .country-tag__ct {
	position: relative;
	padding-left: 10rem;
	padding-right: 4rem;
	z-index: 11;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open.country-tag--de .country-tag__ct {
	width: 45.13rem;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open.country-tag--vn .country-tag__ct {
	width: 60.67rem;
}
#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open.country-tag--kr .country-tag__ct {
	width: 285.69rem;
}
#main main .sec-location .sec__inner .con-box.move-right {
	right: -270rem;
}
#main main .sec-location .sec__inner .city-box {
	position: absolute;
	top: 530rem;
	left: 80rem;
	opacity: 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
}
#main main .sec-location .sec__inner .city-box.on {
	left: 120rem;
	opacity: 1;
}
#main main .sec-location .sec__inner .city-box .city-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 30rem;
	-moz-column-gap: 30rem;
	column-gap: 30rem;
	width: 496rem;
	height: 362rem;
}
#main main .sec-location .sec__inner .city-box .city-info .city-info__container {
	width: 100%;
	overflow: hidden;
}
#main main .sec-location .sec__inner .city-box .city-info .city-info__wrapper {
	width: 100%;
}
#main main .sec-location .sec__inner .city-box .city-info .city-info__item {
	height: 362rem;
}
#main main .sec-location .sec__inner .city-box .city-info .c-card {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 14rem;
}
#main main .sec-location .sec__inner .city-box .city-info .c-card .c-card__tit {
	color: #FFF;
	font-size: 24rem;
	font-weight: 500;
	line-height: 140%; /* 33.6px */
	overflow: hidden;
}
#main main .sec-location .sec__inner .city-box .city-info .c-card .img-wrap {
	width: 458rem;
	height: 300rem;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	overflow: hidden;
}
#main main .sec-location .sec__inner .city-box .city-info .pagi-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 61.59rem;
}
#main main .sec-location .sec__inner .city-box .city-info .pagi-area .swiper-pagination {
	position: static;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: auto;
	height: auto;
	gap: 8rem;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	transform: none;
}
#main main .sec-location .sec__inner .city-box .city-info .pagi-area .swiper-pagination .swiper-pagination-bullet {
	display: block;
	width: 8rem;
	height: 8rem;
	margin: 0;
	opacity: 1;
	background: #3A3A3A;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#main main .sec-location .sec__inner .city-box .city-info .pagi-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--main_skyblue, #4CB7E9);
}

@media screen and (max-width: 1280px) {
	#main {
		/* flow text */
	}
	#main .layout--1 {
		max-width: 767rem;
		margin: 0 auto;
	}
	#main .icon.icon--more {
		width: 20rem;
		height: 4rem;
	}
	#main .icon.icon--visual-pagi {
		width: 42rem;
		height: 6rem;
	}
	#main .txt-bg-wrap {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		top: auto;
		left: 0;
		bottom: 0;
		height: 63rem;
	}
	#main .txt-bg-wrap .txt-bg-inner {
		width: 3612rem;
		height: 100%;
	}
	#main .txt-bg-wrap .txt-bg-inner .txt-bg {
		width: 1806rem;
		height: 100%;
		font-size: 66.93rem;
	}
	@-webkit-keyframes bannermove {
		0% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	}
	@-moz-keyframes bannermove {
		0% {
			-moz-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
			-moz-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	}
	@keyframes bannermove {
		0% {
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	}
	#main .btn-hero {
		height: 36rem;
		-webkit-border-radius: 8rem;
		-moz-border-radius: 8rem;
		border-radius: 8rem;
	}
	#main .btn-hero .btn-hero__link {
		padding: 0 16rem;
		font-size: 14rem;
		gap: 6rem;
	}
	#main .guide-mouse {
		left: 20rem;
		bottom: 24rem;
	}
	#main .guide-mouse a {
		font-size: 12rem;
	}
	#main main .tit-box .tit {
		font-size: 24rem;
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item {
		width: auto;
		height: auto;
		padding: 30rem 20rem 20rem;
		-webkit-box-shadow: 0 6rem 12rem 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 6rem 12rem 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 6rem 12rem 0 rgba(0, 0, 0, 0.1);
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item .sol2__item-bg {
		width: 156.25%;
		height: auto;
		aspect-ratio: 500/481;
		top: -webkit-calc(100% - 104rem);
		top: -moz-calc(100% - 104rem);
		top: calc(100% - 104rem);
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:nth-of-type(1) .s2-card .box2 {
		margin-top: 30rem;
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:nth-of-type(2) .s2-card .box2 {
		margin-top: 36rem;
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:nth-of-type(3) .s2-card .box2 {
		margin-top: 18rem;
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:nth-of-type(4) .s2-card .box2 {
		margin-top: 49rem;
	}
	#main main .sol2 .sol2__container .sol2__wrapper .sol2__item:nth-of-type(5) .s2-card .box2 {
		margin-top: 50rem;
	}
	#main main .sol2 .s2-card {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 100%;
	}
	#main main .sol2 .s2-card > .box1 .s2-card__tit .tit {
		font-size: 24rem;
		letter-spacing: -0.48rem;
	}
	#main main .sol2 .s2-card > .box1 .s2-card__tit .des {
		font-size: 16rem;
		letter-spacing: -0.32rem;
		margin-top: 5rem;
	}
	#main main .sol2 .s2-card > .box1 .s2-card__logo {
		width: 46rem;
		height: 46rem;
	}
	#main main .sol2 .s2-card > .box2 {
		margin-top: 0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	#main main .sol2 .s2-card > .box3 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 30rem;
		height: 108rem;
		gap: 10rem;
		-webkit-box-pack: start;
		-webkit-justify-content: start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
	#main main .sol2 .s2-card > .box3 > .left {
		font-size: 14rem;
		letter-spacing: -0.28rem;
	}
	#main main .sol2 .s2-card > .box3 > .right {
		font-size: 15rem;
		letter-spacing: -0.15rem;
		margin-top: 0;
	}
	#main main .sol2 .s2-card > .box4 {
		margin-top: 0;
	}
	#main main .visual .visual__item .v-card .hero {
		left: 20rem;
	}
	#main main .visual .visual__item .v-card .hero .hero__tit {
		font-size: 48rem;
		font-weight: 500;
		line-height: 94%; /* 45.12px */
	}
	#main main .visual .visual__item .v-card .hero .hero__des {
		font-size: 15rem;
		font-weight: 400;
		line-height: 120%; /* 18px */
		margin-top: 16rem;
	}
	#main main .visual .visual__item .v-card .hero .btn-wrap {
		margin-top: 24rem;
	}
	#main main .visual .pagi-area {
		width: 468rem;
	}
	#main main .visual .pagi-area::before {
		top: -20.1rem;
		width: 22rem;
		height: 22rem;
		background: center/contain url("/images/main/main_visual_r_m.svg") no-repeat;
	}
	#main main .visual .pagi-area::after {
		left: -20rem;
		width: 22rem;
		height: 22rem;
		background: center/contain url("/images/main/main_visual_r_m.svg") no-repeat;
	}
	#main main .sec-intro {
		overflow: hidden;
	}
	#main main .sec-intro .sec__inner {
		padding: 120rem 20rem 160rem;
	}
	#main main .sec-intro .sec-intro__bg {
		width: 1385rem;
		height: 1508rem;
	}
	#main main .sec-intro .sec-intro__bg .bg {
		background: center/contain url("/images/main/intro_bg_1_m.png") no-repeat;
		background-position: 500rem 50%;
	}
	#main main .sec-intro .tit {
		font-size: 30rem;
	}
	#main main .sec-intro .tit-sub-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 12rem;
	}
	#main main .sec-intro .tit-sub-box .tit-sub {
		position: static;
		width: auto;
		font-size: 15rem;
	}
	#main main .sec-intro .tit-sub-box .box1 {
		width: auto;
		height: 40rem;
		margin-top: 42rem;
	}
	#main main .sec-intro .tit-sub-box .box1 .txt {
		font-size: 40rem;
		bottom: -5rem;
	}
	#main main .sec-intro .des-box {
		margin-top: 27rem;
	}
	#main main .sec-intro .intro .intro__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 14rem;
	}
	#main main .sec-intro .intro .intro__list .intro__item {
		width: auto;
		height: auto;
	}
	#main main .sec-intro.on .tit-sub-box .box1::before {
		width: 100%;
	}
	#main main .sec-sdv .sdvlogo .sdvlogo__arrow1 {
		top: 20%;
		width: 51.49%;
		height: auto;
		aspect-ratio: unset;
	}
	#main main .sec-sdv .sdvlogo .sdvlogo__bg1 .sdvlogo__bg2 .sdvlogo__swiper .sdvlogo__wrapper .sdvlogo__item .sdv-card .img-wrap {
		width: 58.58px !important;
		height: 58.58px !important;
	}
	#main main .sec-sdv .sdvlogo-tit {
		margin-top: 8.31rem;
	}
	#main main .sec-sdv .sdvlogo-tit .sdvlogo-tit__swiper .sdvlogo-tit__wrapper .sdvlogo-tit__item .tit {
		font-size: 14rem;
	}
	#main main .sec-sdv .sdvlogo-pagi {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 10rem;
		gap: 4rem;
		height: auto;
	}
	#main main .sec-sdv .sdvlogo-pagi .swiper-pagination-bullet {
		display: block;
		width: 4rem;
		height: 4rem;
		margin: 0;
	}
	#main main .sec-sdv .sec__inner .car {
		width: 236rem;
		height: 541.12rem;
	}
	#main main .sec-sdv .sec__inner .car .car__body .car-light {
		width: 496rem;
		top: 46%;
	}
	#main main .sec-sdv .sec__inner .car .car__body .car-head-light {
		top: 50.4%;
		width: 160rem;
	}
	#main main .sec-sdv .sec__inner .car .car__body .car-effect-wrap2 {
		top: 61%;
		width: 260rem;
	}
	#main main .sec-sdv .sec__inner .box1 .des-style1 {
		font-size: 15rem;
	}
	#main main .sec-sdv .sec__inner .box1 .des-style1 .point {
		font-size: 15rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 {
		left: 50%;
		top: 377rem;
		-webkit-transform: translateX(-50);
		-moz-transform: translateX(-50);
		-ms-transform: translateX(-50);
		transform: translateX(-50);
		width: 320rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 .tag {
		font-size: 14rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 .tit {
		font-size: 22rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 .des1 {
		font-size: 15rem;
		font-weight: 300;
		line-height: 140%; /* 21px */
		margin-top: 18rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 .des2.mo {
		position: relative;
		font-size: 15rem;
		font-weight: 300;
		line-height: 140%; /* 21px */
		margin-top: 18rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 .des2.mo .des2__1 {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 1;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__1 .des2.mo .des2__2 {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__2 {
		top: 228rem;
		width: 125rem;
	}
	#main main .sec-sdv .sec__inner .box1 .box1__3 {
		width: -webkit-calc(100% - 40rem);
		width: -moz-calc(100% - 40rem);
		width: calc(100% - 40rem);
		margin: 18rem auto 0;
		left: 50%;
		right: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#main main .sec-sdv .sec__inner .box1 .box1__3 .des3 {
		margin-top: 8rem;
	}
	#main main .sec-sdv .sec__inner .box1 .btn-wrap {
		margin-top: 24rem;
	}
	#main main .sec-solutions .sec__inner {
		padding: 36rem 20rem 40rem;
		-webkit-border-top-right-radius: 20rem;
		-moz-border-radius-topright: 20rem;
		border-top-right-radius: 20rem;
		-webkit-border-top-left-radius: 20rem;
		-moz-border-radius-topleft: 20rem;
		border-top-left-radius: 20rem;
	}
	#main main .sec-solutions .des-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		gap: 42.09rem;
	}
	#main main .sec-solutions .des-box .box1 {
		width: auto;
	}
	#main main .sec-solutions .des-box .box1 .img-wrap {
		-webkit-border-radius: 5rem;
		-moz-border-radius: 5rem;
		border-radius: 5rem;
	}
	#main main .sec-solutions .des-box .box2 {
		padding: 0;
	}
	#main main .sec-solutions .des-box .box2 > .inner .tag {
		font-size: 14rem;
	}
	#main main .sec-solutions .des-box .box2 > .inner .tit {
		margin-top: 10rem;
		font-size: 24rem;
	}
	#main main .sec-solutions .des-box .box2 > .inner .des {
		font-size: 15rem;
		margin-top: 18rem;
	}
	#main main .sec-challenges .sec__inner {
		padding: 40rem 20rem;
	}
	#main main .sec-challenges .sec__inner .tit-box .tit {
		font-size: 24rem;
		margin-bottom: 26rem;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20rem;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__item {
		width: auto;
		height: auto;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__item .img-wrap {
		-webkit-border-radius: 5rem;
		-moz-border-radius: 5rem;
		border-radius: 5rem;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap {
		padding-bottom: 0;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap .des .des__tit {
		font-size: 18rem;
		letter-spacing: -0.18rem;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__item .des-wrap .des .des__p {
		font-size: 15rem;
		letter-spacing: -0.15rem;
		margin-top: 3rem;
	}
	#main main .sec-challenges .sec__inner .challenges .challenges__item:hover .des-wrap .des {
		height: 85rem;
	}
	#main main .sec-solutions2 .sec__inner {
		padding: 40rem 20rem;
	}
	#main main .sec-solutions2 .sec__inner .swiper-pagi-wrap--sol2 {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		position: static;
		margin: 20rem auto 0;
	}
	#main main .sec-history {
		-webkit-border-top-left-radius: 20rem;
		-moz-border-radius-topleft: 20rem;
		border-top-left-radius: 20rem;
		-webkit-border-top-right-radius: 20rem;
		-moz-border-radius-topright: 20rem;
		border-top-right-radius: 20rem;
	}
	#main main .sec-history .sec__inner {
		padding: 80rem 20rem 80rem;
		height: 100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#main main .sec-history .sec__inner .tit-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#main main .sec-history .sec__inner .tit-box .box2 {
		-webkit-align-self: start;
		-ms-flex-item-align: start;
		align-self: start;
		padding-bottom: 0;
	}
	#main main .sec-history .sec__inner .tit-box .tit-sub {
		font-size: 14rem;
	}
	#main main .sec-history .sec__inner .tit-box .tit {
		font-size: 24rem;
		margin-top: 10rem;
	}
	#main main .sec-history .sec__inner .tit-box .btn-wrap {
		margin-top: 20rem;
	}
	#main main .sec-history .sec__inner .con-box {
		margin-top: 36rem;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		height: 67%;
	}
	#main main .sec-history .history {
		height: 100%;
		overflow: hidden;
	}
	#main main .sec-history .history .history__container {
		height: 100%;
	}
	#main main .sec-history .history .history__wrapper::before {
		width: 1px;
		left: 82rem;
		top: 8rem;
		height: var(--history-line-height, 100rem);
	}
	#main main .sec-history .history .history__item {
		width: auto;
		padding: 0;
		height: auto;
	}
	#main main .sec-history .history .history__item.timeline .timeline {
		display: none;
	}
	#main main .sec-history .history .history__item.timeline.timeline--2 .timeline {
		width: 100%;
	}
	#main main .sec-history .history .history__item.timeline.timeline--3 .timeline {
		width: 100%;
	}
	#main main .sec-history .history .history__item.timeline.timeline--4 .timeline {
		width: 100%;
	}
	#main main .sec-history .history .history__item.swiper-slide-active .h-card .dot-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: auto;
		width: 29rem;
		padding: 5.5rem 0 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	#main main .sec-history .history .history__item.swiper-slide-active .h-card .dot-wrap .dot {
		width: 11rem;
		height: 11rem;
	}
	#main main .sec-history .history .history__item.swiper-slide-active .h-card .h-card__list .h-card__item {
		background-color: #fff;
	}
	#main main .sec-history .history .history__item.swiper-slide-active .h-card .h-card__list .h-card__item .box1 .tit {
		color: var(--PS_black, #0C151A);
	}
	#main main .sec-history .history .history__item.swiper-slide-active .h-card .h-card__list .h-card__item .box1 .des {
		color: #3A3A3A;
	}
	#main main .sec-history .history .h-card {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#main main .sec-history .history .h-card .timeline {
		display: none;
	}
	#main main .sec-history .history .h-card .timeline .timeline__con {
		display: none;
		width: 100%;
		height: 100%;
		background: #7DD5FF;
		-webkit-border-radius: 19rem;
		-moz-border-radius: 19rem;
		border-radius: 19rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: wrap;
		white-space: nowrap;
	}
	#main main .sec-history .history .h-card .timeline-mo {
		width: 100%;
		height: 23rem;
		font-size: 14rem;
		margin-top: 5rem;
		padding-left: 100rem;
	}
	#main main .sec-history .history .h-card .timeline-mo .timeline-mo__con {
		width: 219rem;
		-webkit-border-radius: 19rem;
		-moz-border-radius: 19rem;
		border-radius: 19rem;
		background: #7DD5FF;
		padding: 0 18rem;
	}
	#main main .sec-history .history .h-card .year-wrap {
		margin-bottom: 0;
		padding-left: 0;
		width: 68rem;
	}
	#main main .sec-history .history .h-card .year-wrap .year-tag {
		padding: 0 10.5rem;
		font-size: 14rem;
		height: 21rem;
	}
	#main main .sec-history .history .h-card .dot-wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: auto;
		width: 29rem;
		padding: 5.5rem 0 0;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}
	#main main .sec-history .history .h-card .dot-wrap .dot {
		width: 11rem;
		height: 11rem;
	}
	#main main .sec-history .history .h-card .h-card__list {
		width: 223rem;
		margin-top: 0;
		grid-auto-flow: row;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		row-gap: 7rem;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}
	#main main .sec-history .history .h-card .h-card__list .h-card__item {
		padding: 15rem;
		height: auto;
	}
	#main main .sec-history .history .h-card .h-card__list .h-card__item .box1 .tit {
		font-size: 18rem;
		letter-spacing: -0.36rem;
	}
	#main main .sec-history .history .h-card .h-card__list .h-card__item .box1 .des {
		font-size: 14rem;
	}
	#main main .sec-history .history .h-card .h-card__list .h-card__item + .h-card__item {
		margin-top: 7rem;
	}
	#main main .sec-support {
		-webkit-border-top-left-radius: 20rem;
		-moz-border-radius-topleft: 20rem;
		border-top-left-radius: 20rem;
		-webkit-border-top-right-radius: 20rem;
		-moz-border-radius-topright: 20rem;
		border-top-right-radius: 20rem;
	}
	#main main .sec-support .sec__inner {
		padding: 40rem 20rem 80rem;
	}
	#main main .sec-support .tit-box .tit-sub {
		font-size: 14rem;
	}
	#main main .sec-support .tit-box .tit {
		font-size: 24rem;
		margin-top: 10rem;
	}
	#main main .sec-support .des-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 40rem;
		height: auto;
		margin-top: 30rem;
	}
	#main main .sec-support .des-box .top-info {
		margin-bottom: 14rem;
		height: 25rem;
	}
	#main main .sec-support .des-box .top-info .tag {
		padding: 2rem 14rem;
		font-size: 15rem;
		-webkit-border-radius: 19rem;
		-moz-border-radius: 19rem;
		border-radius: 19rem;
	}
	#main main .sec-support .des-box .top-info .box1__tit {
		font-size: 15rem;
	}
	#main main .sec-support .des-box .box1 {
		width: auto;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	#main main .sec-support .des-box .box2 {
		width: auto;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 20rem 0;
		gap: 14rem;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item a .subject {
		font-size: 16rem;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item a .date {
		font-size: 14rem;
		letter-spacing: -0.28rem;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item a:hover {
		cursor: default;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item:hover {
		border-bottom: 1px solid #ccc;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item:hover .icon-arrow {
		all: unset;
	}
	#main main .sec-support .des-box .box2 .support .support__list .support__item:nth-of-type(1) a {
		padding-top: 10rem;
	}
	#main main .sec-location {
		position: relative;
		-webkit-border-top-left-radius: 20rem;
		-moz-border-radius-topleft: 20rem;
		border-top-left-radius: 20rem;
		-webkit-border-top-right-radius: 20rem;
		-moz-border-radius-topright: 20rem;
		border-top-right-radius: 20rem;
	}
	#main main .sec-location .sec__inner {
		height: -webkit-calc(25.67vw + 700rem);
		height: -moz-calc(25.67vw + 700rem);
		height: calc(25.67vw + 700rem);
		min-height: 650rem;
		padding: 80rem 20rem;
	}
	#main main .sec-location .sec__inner .tit-box {
		position: static;
	}
	#main main .sec-location .sec__inner .tit-box .tit-sub {
		font-size: 14rem;
	}
	#main main .sec-location .sec__inner .tit-box .tit {
		font-size: 24rem;
		margin-top: 10rem;
	}
	#main main .sec-location .sec__inner .tit-box .btn-wrap {
		margin-top: 20rem;
	}
	#main main .sec-location .sec__inner .con-box {
		width: 100%;
		height: auto;
		min-height: 174rem;
		position: static;
		top: auto;
		right: auto;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		transition: all 0.6s ease;
		margin-top: 0;
		opacity: 1;
	}
	#main main .sec-location .sec__inner .con-box .global-map {
		width: 100%;
		height: 100%;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map {
		row-gap: 1.48rem;
		-webkit-column-gap: 1.48rem;
		-moz-column-gap: 1.48rem;
		column-gap: 1.48rem;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .map .map-cell {
		width: auto;
		height: auto;
		min-width: 5.98rem;
		min-height: 5.98rem;
		aspect-ratio: 1/1;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag {
		left: -webkit-calc(100% + 3rem);
		left: -moz-calc(100% + 3rem);
		left: calc(100% + 3rem);
		height: 22rem;
		padding: 0 4rem;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag .country-tag__co {
		height: 15rem;
		font-size: 10rem;
		padding: 8.5rem;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open .country-tag__ct {
		padding: 0;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open.country-tag--de .country-tag__ct {
		width: 0;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open.country-tag--vn .country-tag__ct {
		width: 0;
	}
	#main main .sec-location .sec__inner .con-box .global-map .global-map__inner .country-tag.open.country-tag--kr .country-tag__ct {
		width: 0;
	}
	#main main .sec-location .sec__inner .con-box.move-right {
		right: auto;
		margin-top: -100rem;
		opacity: 0;
	}
	#main main .sec-location .sec__inner .city-tag-box {
		position: absolute;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s;
		top: -webkit-calc(12.8412vw + 510rem);
		top: -moz-calc(12.8412vw + 510rem);
		top: calc(12.8412vw + 510rem);
		z-index: 1;
		margin-top: 0;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag__dot {
		width: 8rem;
		height: 8rem;
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		border-radius: 1rem;
		margin-right: 10rem;
		background-color: #ccc;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s;
	}
	#main main .sec-location .sec__inner .city-tag-box ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 10rem;
	}
	#main main .sec-location .sec__inner .city-tag-box ul li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#main main .sec-location .sec__inner .city-tag-box ul li.active .country-tag__dot {
		background-color: var(--main_skyblue, #4CB7E9);
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag {
		left: -webkit-calc(100% + 3rem);
		left: -moz-calc(100% + 3rem);
		left: calc(100% + 3rem);
		margin: auto 0;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-border-radius: 24rem;
		-moz-border-radius: 24rem;
		border-radius: 24rem;
		background: #858A8C;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s;
		cursor: pointer;
		height: 29rem;
		padding: 0 4rem;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag .country-tag__co {
		position: relative;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: var(--PS_black, #0C151A);
		font-weight: 600;
		line-height: 140%; /* 25.2px */
		-webkit-border-radius: 19rem;
		-moz-border-radius: 19rem;
		border-radius: 19rem;
		background: #FFF;
		height: 21rem;
		font-size: 10rem;
		padding: 0 8rem;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag .country-tag__ct {
		overflow: hidden;
		white-space: nowrap;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s;
		color: var(--PS_black, #0C151A);
		font-size: 14rem;
		font-weight: 400;
		line-height: 140%; /* 19.6px */
		padding: 0 10rem;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag.open .country-tag__co {
		position: relative;
		z-index: 11;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag.open .country-tag__ct {
		position: relative;
		padding-left: 10rem;
		padding-right: 4rem;
		z-index: 11;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag.open.country-tag--de .country-tag__ct {
		width: auto;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag.open.country-tag--vn .country-tag__ct {
		width: auto;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag.open.country-tag--kr .country-tag__ct {
		width: auto;
	}
	#main main .sec-location .sec__inner .city-tag-box .country-tag.active {
		background: rgb(76, 183, 233);
	}
	#main main .sec-location .sec__inner .city-tag-box.on {
		top: -webkit-calc(3.8969vw + 188rem);
		top: -moz-calc(3.8969vw + 188rem);
		top: calc(3.8969vw + 188rem);
	}
	#main main .sec-location .sec__inner .city-box {
		position: absolute;
		width: -webkit-calc(100% - 40rem);
		width: -moz-calc(100% - 40rem);
		width: calc(100% - 40rem);
		min-height: 196rem;
		max-height: 527rem;
		aspect-ratio: 320/250;
		margin-top: 72rem;
		top: -webkit-calc(16.701vw + 188rem);
		top: -moz-calc(16.701vw + 188rem);
		top: calc(16.701vw + 188rem);
		left: 20rem;
		right: auto;
	}
	#main main .sec-location .sec__inner .city-box.on {
		margin-top: 0;
		left: 20rem;
	}
	#main main .sec-location .sec__inner .city-box .city-info {
		width: 100%;
		height: 100%;
		-webkit-column-gap: 12rem;
		-moz-column-gap: 12rem;
		column-gap: 12rem;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#main main .sec-location .sec__inner .city-box .city-info .city-info__container {
		width: auto;
	}
	#main main .sec-location .sec__inner .city-box .city-info .city-info__item {
		height: auto;
	}
	#main main .sec-location .sec__inner .city-box .city-info .c-card .c-card__tit {
		font-size: 16rem;
	}
	#main main .sec-location .sec__inner .city-box .city-info .c-card .img-wrap {
		width: auto;
		height: auto;
		aspect-ratio: 300/201;
	}
	#main main .sec-location .sec__inner .city-box .city-info .c-card .img-wrap img {
		height: 100%;
		object-fit: cover;
	}
}
@media screen and (max-width: 767px) {
	#main main .visual {
		-webkit-border-top-left-radius: 20rem;
		-moz-border-radius-topleft: 20rem;
		border-top-left-radius: 20rem;
		-webkit-border-top-right-radius: 20rem;
		-moz-border-radius-topright: 20rem;
		border-top-right-radius: 20rem;
		-webkit-border-bottom-left-radius: 20rem;
		-moz-border-radius-bottomleft: 20rem;
		border-bottom-left-radius: 20rem;
	}
	#main main .visual .visual__item .v-card .hero {
		left: 20rem;
		top: 40%;
	}
	#main main .visual .visual__item .v-card .hero .hero__tit {
		font-size: 48rem;
		font-weight: 500;
		line-height: 94%; /* 45.12px */
	}
	#main main .visual .visual__item .v-card .hero .hero__des {
		font-size: 15rem;
		font-weight: 400;
		line-height: 120%; /* 18px */
		margin-top: 16rem;
	}
	#main main .visual .visual__item .v-card .hero .btn-wrap {
		margin-top: 24rem;
	}
	#main main .visual .pagi-area {
		width: 221rem;
		height: 131rem;
		padding: 23rem 0 17rem 29rem;
		-webkit-border-top-left-radius: 20rem;
		-moz-border-radius-topleft: 20rem;
		border-top-left-radius: 20rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 18rem;
	}
	#main main .visual .pagi-area .pagi-area__tit {
		font-size: 15rem;
	}
	#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination {
		gap: 8rem;
	}
	#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet {
		gap: 15rem;
		-webkit-box-pack: end;
		-webkit-justify-content: end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: end;
	}
	#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet .txt {
		font-size: 14rem;
	}
	#main main .visual .pagi-area .pagi-area__bullets .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .txt {
		font-size: 14rem;
	}
	#main main .sec-visual {
		padding: 54rem 20rem 20rem;
	}
}
@media screen and (max-width: 653px) {
	#main main .sec-location .sec__inner {
		height: 120vw;
		max-height: none;
	}
	#main main .sec-location .sec__inner .con-box {
		margin-top: 30rem;
	}
	#main main .sec-location .sec__inner .con-box.move-right {
		margin-top: -48%;
	}
	#main main .sec-location .sec__inner .city-tag-box {
		position: static;
		margin-top: 10rem;
	}
	#main main .sec-location .sec__inner .city-tag-box.on {
		position: static;
		top: 220rem;
	}
	#main main .sec-location .sec__inner .city-box {
		position: static;
		max-width: 320rem;
	}
	#main main .sec-location .sec__inner .city-box.on {
		width: 100%;
		margin-top: 36rem;
	}
}
/*# sourceMappingURL=main.css.map */