/* 환경 리셋 */

html {
	font-size: 10px;
}
body {
	font-size: 1.8rem;
	font-family: 'Pretendard', sans-serif;
	line-height: 1;
}
body::-webkit-scrollbar {
	display: none;
}
:root {
	--en: 'Poppins', serif;
}
#header, #footer {
	display: none;
}

/* 컨텐츠 */
#primium_landing {
	background-color: #144128;
	color: #fff;
	counter-reset: list-number;
	position: relative;
}
#primium_landing::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}
#primium_landing.on::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 1;
	pointer-events: unset;
}
#primium_header {
	position: fixed;
	top: 6.8rem;
	left: 9.6rem;
	right: 9.6rem;
	z-index: 9999;
	display: flex;
	align-items: center;
}
#primium_header .logo {
	position: relative;
	z-index: 1;
}
#primium_header .logo img {
	width: 16.5rem;
}
.primium_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #144128;
	display: none;
}
.go_home {
	position: absolute;
    top: 7.3rem;
    font-size: 2.3rem;
    font-weight: 300;
    right: 32rem;
	display: flex;
	align-items: center;
	gap: 0 1.5rem;
	transform: translateX(4rem);
    opacity: 0;
	transition: 1s;
}
.go_home.on {
	opacity: 1;
	transform: translateX(0)
}
.go_home img {
	margin-top: -0.2rem;
}
.primium_menu .inner {
	padding-top: 23.7rem;
	width: 96.97%;
	height: 89.68%;
	border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-bottom-right-radius: 10rem;
}
.primium_menu .content {
	display: flex;
	align-items: center;
	gap: 0 15.6rem;
}
.primium_menu .left {
	width: 61.9%;
	aspect-ratio: 1200 / 500;
	overflow: hidden;
}
.primium_menu .left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
    transform: scale(1.2);
	transition: transform 3s ease;
}
.primium_menu.on .left img {
	transform: scale(1);
}
.primium_menu .right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 40rem;
	transform: translateY(4rem);
	opacity: 0;
	transition: transform 0.8s 0.4s ease, opacity 1s 0.4s ease;
}
.primium_menu .right.on {
	transform: translateY(0);
	opacity: 1;
}
.primium_menu .right a {
	font-family: var(--en);
	font-size: 7.5rem;
	font-weight: 100;
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 3.7rem;
}
.primium_menu .right a::after {
	content: '';
	width: 6.8rem;
	height: 5rem;
	background: url('/inc/img/primium/arrow_right.svg') no-repeat center / cover;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.primium_menu .right a:hover::after {
	opacity: 1;
}
.primium_menu .right a:not(:first-child) {
	margin-top: 8.1rem;
}
.reservation_menu {
	margin-left: auto;
	margin-right: 9.2rem;
}
.reservation_menu a {
	color: #fff;
	font-size: 2.5rem;
	font-weight: 300;
}
#primium_header .hamburger {
	width: 4.8rem;
	height: 3.3rem;
	position: relative;
	z-index: 1;
}
#primium_header .hamburger.on::before {
	content: 'close';
	position: absolute;
	top: 0.2rem;
	left: 0;
	font-family: var(--en);
	font-size: 2.5rem;
	font-weight: 300;
	transform: translateX(-100%);
	opacity: 0;
	animation: hamburger 1s ease forwards;
}
@keyframes hamburger {
	100% {
		left: -2.4rem;
		opacity: 1;
	}
}
#primium_header .hamburger .bar {
	position: absolute;
	width: 100%;
	height: 0.2rem;
	background-color: #fff;
	transition: 0.3s ease;
}
.hamburger .bar1 {
	top: 0;
	left: 0;
}
.hamburger .bar2 {
	top: 1.5rem;
	left: 0;
}
.hamburger .bar3 {
	bottom: 0;
	left: 0;
}
.hamburger.on .bar1 {
	top: 1.5rem;
    left: 0.6rem;
    transform: rotate(45deg);
}
.hamburger.on .bar2 {
	display: none;
}
.hamburger.on .bar3 {
    bottom: 1.6rem;
    left: 0.5rem;
    transform: rotate(-45deg);
}
.reservation_wrap {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	background-color: #144128;
	width: 70rem;
	padding-top: 18rem;
	padding-inline: 9.6rem;
	transform: translateX(100%);
	transition: 1s ease;
}
.reservation_wrap.on {
	transform: translateX(0);
}
.reservation_wrap .event_form {
	opacity: 0;
	transform: translateX(10rem);
	transition: transform 0.8s ease, opacity 1s ease;
}
.reservation_wrap.on .event_form {
	opacity: 1;
	transform: translateX(0);
	transition: transform 0.8s 0.4s ease, opacity 1s 0.4s ease;
}
.reservation_wrap .event_form .heading {
	font-size: 4.4rem;
	margin-bottom: 5.8rem;
}
.reservation_wrap .event_form li:not(:first-child) {
    margin-top: 5.4rem;
}
.reservation_wrap .event_form .title {
	font-size: 2.7rem;
}
.reservation_wrap .event_form .consent label {
	font-size: 1.9rem;
}
.reservation_wrap input[type='checkbox']:checked + .customChk {
	background-image: url('/inc/img/primium/checked_navy.svg');
}
.event_form .toggle {
	transform: rotate(180deg);
    margin-top: -0.8rem;
	cursor: pointer;
}
.event_form .toggle.on {
	transform: rotate(0);
    margin-top: 0.4rem;
}
.reservation_wrap .btnConfirm {
	height: 9.4rem;
	font-size: 2.7rem;
	margin-top: 5.4rem;
}
#primium_landing .fake_scroll {
	display: flex;
}
#primium_landing .fake_scroll .sec {
	flex-shrink: 0;
	width: 100vw;
	min-width: 192rem;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
#primium_landing #sec1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 1;
}
#primium_landing #sec1 .round_border {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 96.97%;
	height: 89.68%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-bottom-right-radius: 10rem;
}
#primium_landing #sec1 .title_wrap {
	position: absolute;
	left: 8.4rem;
	right: 8.4rem;
	bottom: 19.2rem;
	z-index: 1;
	display: flex;
	align-items: baseline;
	gap: 6.1rem;
}
#primium_landing #sec1 h3 {
	font-family: var(--en);
	font-size: 16.1rem;
	font-weight: 100;
}
#primium_landing #sec1 h4 {
	font-size: 5.4rem;
	font-weight: 200;
	margin-top: 3rem;
}
#sec1 .main_video {
	width: 100%;
	height: 100%;
	position: relative;
}
#sec1 .main_video iframe {
	width: 128vw;
    height: 56.25vw;
    min-height: calc(100vh + 340px);
    min-width: 177.77vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 0;
	pointer-events: none;
}
#primium_landing #sec2 {
	display: flex;
	justify-content: space-between;
	padding-left: 9.6rem;
}
#primium_landing #sec2 .left {
	width: 47.37%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#primium_landing #sec2 h3 {
	font-size: 4.8rem;
	font-weight: 100;
    line-height: 1.4;
	margin-bottom: 6.4rem;
	transform: translateX(-111%);
}
#primium_landing #sec2 .border {
    transform: translateX(50%);
	width: 100%;
	height: 1px;
	background-color: #fff;
}
#sec2 .history {
	display: flex;
	justify-content: space-between;
	color: #fff;
	margin-top: 6rem;
}
#sec2 .history li {
	padding-block: 2.8rem 1.8rem;
}
#sec2 .history li:last-child {
	background-color: #fff;
	padding-inline: 2.4rem;
	color: #144128;
	width: 22.5rem;

	h4 {
		font-weight: 300;
	}
	h5 {
		font-weight: 400;
	}
}
#sec2 .history h4 {
	font-size: 3.1rem;
	font-weight: 200;
	margin-bottom: 3.8rem;
}
#sec2 .history h5 {
	font-size: 2.9rem;
	line-height: 1.33;
	font-weight: 100;
}
#sec2 .history .arrow {
	width: 6.5rem;
	display: flex;
    align-items: flex-end;
    padding-bottom: 3.9rem;
}
#sec2 .cases {
    transform: translateX(-111%);
	display: flex;
	gap: 0 7.3rem;
	padding-top: 7.7rem;
}
.cases h4 {
	font-size: 2.9rem;
	font-weight: 100;
	margin-bottom: 2.3rem;
}
.cases .count {
	font-family: var(--en);
}
.cases .num {
	font-weight: 100;
	font-size: 7.7rem;
}
.cases .unit {
	font-size: 2.7rem;
	font-weight: 200;
	margin-left: 0.5rem;
}
#primium_landing #sec2 .right {
	width: 46.8%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
#primium_landing #sec2 .right iframe {
	width: 192%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.2);
    transition: transform 3s ease;
    pointer-events: none;
    border: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#primium_landing #sec2 .right.active iframe {
	transform: translate(-50%, -50%) scale(1);
}
#primium_landing #sec2 .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#primium_landing #sec3 {
	padding-inline: 9.6rem 14.4rem;
}
#primium_landing #sec3::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/inc/img/primium/bg_sec3_new.jpg') no-repeat center;
	transform: scale(1.6);
	transition: transform 4s ease;
}
#primium_landing #sec3.active::before {
	transform: scale(1);
}
#primium_landing #sec3 .top {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	margin-top: 29vh;
}
#primium_landing #sec3 h3 {
	display: inline-block;
	font-size: 4.8rem;
	font-weight: 200;
	line-height: 1.4;
	opacity: 0;
	transition: opacity 2s ease;
}
#primium_landing #sec3 h3.active {
	opacity: 1;
}
#primium_landing #sec3 h4 {
	font-size: 2.9rem;
	line-height: 1.8;
	font-weight: 100;
	width: 52rem;
	opacity: 0;
	transition: opacity 2s ease;
}
#primium_landing #sec3 h4.active {
	opacity: 1;
}
#primium_landing #sec3 .bottom {
	display: flex;
	gap: 3.6rem;
	position: relative;
	z-index: 1;
	margin-top: 11vh;
}
#primium_landing #sec3 .bottom li {
	display: flex;
	gap: 1.3rem;
}
#primium_landing #sec3 .bottom h5 {
    writing-mode: sideways-rl;
    font-weight: 300;
    font-size: 1.5rem;
}
.sec.bright {
	padding-left: 9.6rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	counter-increment: list-number;
}
.sec.bright .left {
	margin-top: 30vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 9.5rem;
	opacity: 0;
	transform: translateY(10rem);
	transition: transform 2s ease, opacity 3s ease;
}
.sec.bright .left.active {
	opacity: 1;
	transform: translateY(0);
}
.sec.bright .category {
	position: relative;
	display: flex;
	font-size: 2.1rem;
	font-weight: 300;
	gap: 0 1.9rem;
}
.sec.bright .category::before {
	content: '0'counter(list-number);
	position: absolute;
	top: 0;
	left: -9.7rem;
	font-weight: 400;
}
.sec.bright .category span:not(:first-child) {
	position: relative;
}
.sec.bright .category span:not(:first-child)::before {
	content: '';
	position: absolute;
	top: 0.2rem;
	left: -1rem;
	width: 1px;
	height: 1.9rem;
	background-color: #fff;
}
.sec.bright h4 {
	font-size: 3.3rem;
	line-height: 1.76;
	font-weight: 200;
	margin-top: 5.6rem;
}
.sec.bright h5 {
	font-size: 2.3rem;
	line-height: 1.58;
	font-weight: 200;
	opacity: 0.6;
	margin-top: 4.2rem;
}
.sec.bright .right {
	margin-top: 17.7vh;
	width: 111.3rem;
	overflow: hidden;
	aspect-ratio: 1113 / 662;
}
.sec.bright .right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2);
	transition: transform 3s ease;
}
.sec.bright .right.active img {
	transform: scale(1);
}
#sec7.bright .left {
	padding-left: 0;
}
#sec7.bright h4 {
	font-size: 4.8rem;
	line-height: 1.4;
	margin-top: 0;
}
#sec7.bright .map {
	margin-top: 5.7rem;
	width: 54.3rem;
}
/* #primium_landing #sec7 {
	padding-top: 17.7vh;
	padding-inline: 9.6rem;
}
#primium_landing #sec7 .photo {
	aspect-ratio: 1728 / 475;
	overflow: hidden;
}
#primium_landing #sec7 .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2);
	transition: transform 2s ease;
}
#primium_landing #sec7 .photo.active img {
	transform: scale(1);	
}
#primium_landing #sec7 .bottom {
	margin-top: 5.4rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 16.89rem;
}
#primium_landing #sec7 h3 {
	font-size: 3.8rem;
	line-height: 1.55;
	font-weight: 200;
	flex-shrink: 0;
	opacity: 0;
	transform: translateX(-10rem);
	transition: transform 2s ease, opacity 3s ease;
}
#primium_landing #sec7 h3.active {
	opacity: 1;
	transform: translateX(0);	
} */
.dot_list_  {
	display: flex;
	flex-wrap: wrap;
	gap: 0 8.3rem;
	opacity: 0;
	transform: translateX(-10rem);
	transition: transform 2s ease, opacity 3s ease;
}
.dot_list_.active {
	opacity: 1;
	transform: translateX(0);	
}
.dot_list_ > li {
	font-size: 2.3rem;
	line-height: 1.58;
	font-weight: 200;
	padding-left: 1.9rem;
	position: relative;
	width: 43.43rem;
}
.dot_list_ > li::before {
	content: '';
	position: absolute;
	top: 1.7rem;
	left: 0;
	width: 0.3rem;
	height: 0.3rem;
	background-color: #fff;
	border-radius: 50%;
}
.sec.review {
	background-color: #927A62;
	padding-left: 9.6rem;
	display: flex;
	gap: 0 14.6rem;
}
.sec.review .left {
	flex-shrink: 0;
	margin-block: auto;
	opacity: 0;
    transform: translateY(10rem);
    transition: transform 2s ease, opacity 3s ease;
}
.sec.review .left.active {
	opacity: 1;
    transform: translateY(0);
}
.sec.review h3 {
	font-weight: 200;
	font-size: 3.8rem;
	line-height: 1.55;
}
.sec.review .score {
	display: flex;
	align-items: baseline;
	gap: 0 1.4rem;
	margin-top: 3.1rem;
	margin-bottom: 2rem;
}
.sec.review .score .num {
	font-size: 5.9rem;
	font-weight: 200;
	font-family: var(--en);
}
.sec.review .title {
	font-size: 2.3rem;
	font-weight: 100;
}
.review_slide {
	display: flex;
	width: 115.4rem;
	gap: 0 3.8rem;
}
.review_slide .row {
	width: calc((100% - 7.6rem) / 3);
}
.review_slide .on ul {
	animation: reveiw_slide 50s linear infinite;
}
.review_slide .row:nth-child(2) ul {
	animation-duration: 60s;
}
@keyframes reveiw_slide {
	100% {
		transform: translateY(calc(-100% - 3.8rem));
	}
}
.review_slide li {
	margin-top: 3.8rem;
	background-color: #7C6753;
}
.review_slide .content {
	padding: 3.8rem;
	font-size: 1.5rem;
	font-weight: 200;
	line-height: 1.62;
	transition: background-color 0.4s ease, color 0.4s ease;
}
.review_slide li:hover .content {
	background-color: #fff;
	color: #4A4B4C;
	font-weight: 400;
}
.review_slide .name {
	margin-top: 2.6rem;
}
.review_slide .star {
	margin-top: 0.7rem;
	transition: filter 0.4s ease;
	filter: brightness(0) invert(1);
}
.review_slide li:hover .star {
	filter: brightness(1) invert(0);
}
#primium_landing #sec9::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/inc/img/primium/bg_sec9_new.jpg) no-repeat center;
    transform: scale(1.6);
    transition: transform 4s ease;
}
#primium_landing #sec9.active::before {
	transform: scale(1);
}
.eventform_wrap {
	position: relative;
	z-index: 1;
	height: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30vh;
	padding-inline: 9.6rem 22.8rem;
}
#sec9 .event_form {
	width: 47.4rem;
	opacity: 0;
    transform: translateY(10rem);
    transition: transform 2s ease, opacity 3s ease;	
}
#sec9 .event_form.active {
	opacity: 1;
	transform: translateY(0);
}
.eventform_wrap .heading {
	font-size: 4.8rem;
	font-weight: 200;
	line-height: 1.4;
	opacity: 0;
    transform: translateY(10rem);
}
.eventform_wrap .heading.active {
	opacity: 1;
	transform: translateY(0);	
}
.event_form li:not(:first-child) {
	margin-top: 2.4rem;
}
.event_form .title {
	font-size: 2.3rem;
	font-weight: 200;
	margin-bottom: 0.4rem;
}
.event_form input {
	height: 6.1rem;
	width: 100%;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 2rem;
	font-weight: 300;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset;
	box-shadow: 0 0 0 1000px rgba(255,255,255,0) inset;
}
.event_form .consent {
	margin-top: 2.3rem;
}
.event_form .consent .top {
	display: flex;
	align-items: center;
	gap: 0 1.1rem;
	padding-bottom: 1.5rem;
}
.event_form .consent label {
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 0 1.1rem;
	font-size: 1.6rem;
	font-weight: 200;
}
.customChk {
	width: 2.2rem;
	height: 2.2rem;
	background: url('/inc/img/primium/chk.svg') no-repeat center / cover;
}
input[type='checkbox']:checked + .customChk {
	background-image: url('/inc/img/primium/checked_black.svg');
}
.btn_detail {
	cursor: pointer;
}
.consent .bottom {
	padding-left: 3.3rem;
	display: none;
}
.consent .bottom .inner {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1.7rem;
	overflow: hidden;
}
.consent .bottom p {
	font-size: 1.4rem;
	color: rgba(255,255,255,0.5);
	font-weight: 200;
	line-height: 1.57;
	position: relative;
}
.consent .bottom p::before {
	content: '';
    position: absolute;
    top: 0.3rem;
    left: -0.9rem;
    width: 1px;
    height: 1.4rem;
    background-color: rgba(255, 255, 255, 0.5);
}
.consent .bottom strong {
	font-weight: 500;
	margin-right: 0.5rem;
}
.btnConfirm {
	margin-top: 2.34rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 7.8rem;
	border-radius: 0.6rem;
	border: 1px solid #fff;
	font-size: 2.3rem;
	font-weight: 200;
	letter-spacing: -0.04rem;
	transition: background-color 0.4s ease, color 0.4s ease;
}
.btnConfirm:hover {
	background-color: #fff;
	color: #081C34;
	font-weight: 300;
}
.primium_footer {
	position: absolute;
	bottom: 6.3rem;
	left: 9.6rem;
	text-align: center;
	width: 100%;
	font-size: 1.9rem;
	line-height: 1.5;
	opacity: 0.5;
	font-weight: 100;
	display: flex;
	overflow: hidden;
}
.primium_footer .info {
	display: flex;
	flex-wrap: wrap;
	gap: 0 2.4rem;
}
.primium_footer p {
	position: relative;
}
.primium_footer p:not(:last-child)::before {
	content: '';
    width: 1px;
    height: 1.7rem;
    background-color: #fff;
    position: absolute;
    top: 0.5rem;
    left: -1.2rem;
    opacity: 0.7;
}
.primium_footer p:nth-last-child(2) {
	margin-right: 1rem;
}
.primium_progress_bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.4rem;
	background-color: #081C34;
}
.primium_progress_bar .bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #fff;
}