@charset "UTF-8";
@import "tab.css";
@import "vendors/aos.css";
@import "vendors/swiper.css";
@import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css";
@import "vendors/jquery.fullpage.css";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap&family=Montserrat:wght@100;200;300;400;500;600;700;800;900");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap");
:root {
  --main-color: #0f1f3e;
  --sub-color: #CAB095;
}
/* latin-ext */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/marcellus/v13/wEO_EBrOk8hQLDvIAF81WPoK7Es.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/s/marcellus/v13/wEO_EBrOk8hQLDvIAF81VvoK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "MinervaModernRegular";
  font-weight: 200;
  src: url("/assets/fonts/MinervaModernRegular.woff2");
  src: url("../fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MinervaModernRegular.woff2") format("woff2"), url("/assets/fonts/MinervaModernRegular.ttf") format("ttf"), url("/assets/fonts/MinervaModernRegular.otf") format("opentype");
}
@font-face {
  font-family: "GaramondPremrPro";
  font-weight: 200;
  src: url("/assets/fonts/GaramondPremrPro.woff2");
  src: url("../fonts/GaramondPremrPro.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/GaramondPremrPro.woff2") format("woff2"), url("/assets/fonts/GaramondPremrPro.ttf") format("ttf"), url("/assets/fonts/GaramondPremrPro.otf") format("opentype");
}

.blind, .hide {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  overflow: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

*, body {
  font-family: "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}
@media all and (max-width: 910px) {
  html {
    font-size: 14px;
  }
}

a,
a:hover,
a:focus,
a:active,
a:link {
  text-decoration: none;
  cursor: pointer;
}

img {
  border: 0;
  vertical-align: middle;
  max-width: 100%;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}

strong,
b {
  color: inherit;
  font-size: inherit;
}

i,
em {
  font-style: normal;
}

mark {
  color: inherit;
  background: none;
}

button {
  -webkit-appearance: none;
}

input {
  -webkit-border-radius: 0;
}

input:matches([type=password], [type=search]),
input[type=text],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

table {
  border-collapse: collapse;
}

.quick-menu {
  position: fixed;
  top: calc(50% - 202px);
  right: 0;
  z-index: 5;
}
.quick-menu-contents {
  display: flex;
  flex-direction: column;
}
.quick-menu__content {
  display: block;
  width: 58px;
  height: 236px;
  background-repeat: no-repeat;
  transition: transform 0.5s;
  transform: translate3d(58px, 0, 0);
}

.quick-menu__content:hover {
  transform: translate3d(0, 0, 0) !important;
}
.quick-menu__content.customer {
  background-image: url("/assets/images/common/quick-content1.png?v=0503");
}
.quick-menu__content.open {
  background-image: url("/assets/images/common/quick-content2.png?v=0503");
}

.fp-viewing-main .quick-menu__content.open {
  background-image: url("/assets/images/common/quick-content2-white.png?v=0503");
}

.sub .quick-menu {
  top: 136px;
}
.sub .quick-menu .quick-menu__content.open {
  display: none;
}

html {
  -webkit-font-smoothing: antialiased;
}

body {
}

.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.layout::after {
  content: "";
  display: block;
  clear: both;
}
.layout.is--content-center {
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .layout {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 990px) {
  .layout {
    padding-left: 0;
    padding-right: 0;
  }
}

img {
  max-width: 100%;
}

@media screen and (min-width: 991px) {
  .is--mobile {
    display: none !important;
  }
}

@media screen and (max-width: 990px) {
  .is--pc {
    display: none !important;
  }
}

.img-circle {
  vertical-align: baseline;
}

[data-aos][data-aos][data-aos-delay="3200"].aos-animate,
body[data-aos-delay="3200"] [data-aos].aos-animate {
  transition-delay: 3.2s;
}

[data-aos][data-aos][data-aos-delay="3400"].aos-animate,
body[data-aos-delay="3400"] [data-aos].aos-animate {
  transition-delay: 3.4s;
}

[data-aos][data-aos][data-aos-delay="3600"].aos-animate,
body[data-aos-delay="3600"] [data-aos].aos-animate {
  transition-delay: 3.6s;
}

[data-aos][data-aos][data-aos-delay="4200"].aos-animate,
body[data-aos-delay="4200"] [data-aos].aos-animate {
  transition-delay: 4.2s;
}

body.is--overflow-hidden {
  overflow-y: hidden;
}

.color--red {
  color: red;
}
.color--point {
  color: #3A401D !important;
}

.text-effect {
  overflow: hidden;
}
.text-effect-content {
  display: inline-block;
  transform: translateY(100%);
  transition: transform 0.8s 0.5s ease-out;
}

.text-large-line-content {
  position: relative;
}

.text-large-line {
  z-index: 30;
  position: absolute;
  display: flex;
  white-space: nowrap;
  bottom: 350px;
}
.text-large-line__item {
  display: flex;
  white-space: nowrap;
}
.text-large-line-area {
  z-index: 1;
  pointer-events: none;
  transform: translateZ(0);
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.text-large-line .text-inner {
  line-height: 0.6;
  font-size: 434px;
  font-family: "Marcellus", sans-serif;
  color: rgba(156, 164, 130, 0.1);
	text-transform: uppercase;
}
.text-large-line.original {
  animation: 200s linear 0s infinite normal forwards running rolling-left;
}
.text-large-line.clone {
  animation: 200s linear 0s infinite normal none running rolling-left-clone;
}

@keyframes rolling-left {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rolling-left-clone {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
.header {
  position: absolute;
  width: 100%;
  height: 60px;
  z-index: 111;
  padding: 20px 20px 0;
  box-sizing: border-box;
  display: flex;
  border-bottom: 0px solid rgba(203, 180, 149, .2);
  align-items: center;
  transition: height 0.4s, background-color 0.4s;
}
.header.white {
  background: #fff;
}
.header:after {
  opacity: 0;
  content: "";
  width: 100%;
  height: 0;
  min-height: 0;
  border-top: 1px solid #f4f4f4;
  background: #ffffff;
  position: absolute;
  top: 110px;
  left: 0;
  transition-property: opacity, min-height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
}
.header-logo {
  width: 117px;
  height: 40px;
	margin-top: -5px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/logo.png?v=0503");
  background-size: 70%;
  flex: none;
  transition: background-image 0.4s;
}
.header-logo__link {
  display: block;
  height: 100%;
}
.header-menu {
  padding-top: 0px;
  text-align: center;
  z-index: 11;
  width: 100%;
}
.header-menu .header-menu__item-wide .header-menu-depth {
  width: 220%;
  left: -58%;
}
.header-menu-list {
  display: flex;
}
.header-menu__item {
  padding: 0 35px 58px;
  position: relative;
}
@media screen and (max-width: 1800px) {
  .header-menu__item {
    padding: 0 2vw 58px;
  }
}
.header-menu__item:last-child:after {
  content: "";
  background: transparent;
  height: 0;
  width: 1px;
  position: absolute;
  top: 66px;
  right: 0;
  transition-property: background-color, height;
  transition-timing-function: ease-in-out;
  transition-duration: 0s;
  transition-delay: 0s;
}
.header-menu .header-menu__link {
  font-size: 17px;
  letter-spacing: -0.5px;
  color: #1d1b1b;
  box-sizing: border-box;
  position: relative;
  font-weight: 500;
  transition: color 0.4s;
}
.header-menu .header-menu__link:hover {
  font-weight: 600;
}
.header-menu .header-menu__link:after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  background: #3A401D;
  left: 0;
  bottom: -10px;
  -webkit-transition: all 0.5s ease 0.1s;
  -moz-transition: all 0.5s ease 0.1s;
  -o-transition: all 0.5s ease 0.1s;
  transition: all 0.5s ease 0.1s;
}
.header-menu .header-menu-depth {
  position: absolute;
  width: 165px;
  left: calc(50% - 82.5px);
  top: 50px;
  height: 0;
  opacity: 0;
  transition-property: opacity, height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.8s;
  box-sizing: border-box;
}
.header-menu .header-menu-depth__link {
  display: block;
  color: #1d1b1b;
  letter-spacing: -0.5px;
  font-size: 0;
  opacity: 0;
  height: 0;
  padding: 0;
  transition-property: opacity, height;
  transition-timing-function: ease-in-out;
  transition-duration: 0.8s;
}
.header-menu .header-menu-depth__link:hover {
  color: #3A401D;
}
.header-right {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.header-tel {
  transition: background-image 0.4s;
  flex: none;
  margin: -15px 0px 0;
  padding-right: 70px;
  width: 113px;
  height: 21px;
  color: #d5c4b0;
  letter-spacing: 0px;
  /* background-repeat: no-repeat;
  background-image: url("/assets/images/common/header-tel-color.png?v=0503"); */
}
.header-btn {
  margin-top: 10px;
  width: 120px;
  font-weight: 500;
  height: 45px;
  float: right;
  color: #d5c4b0;
  letter-spacing: 1px;
}
.header-btn:hover {
  color: #d5c4b0;
}

.header.white .header-logo {
  background-image: url("/assets/images/common/logo-color.png?v=0503");
}
.header.white .header-tel {
  color: #0f1f3e;
}
.header.white .header-btn {
  color: #0f1f3e;
}

.header.white .header-menu .header-menu__link {
  color: #ffffff;
}
.header.is--show-depth {
  z-index: 300;
  background: #ffffff;
  border-bottom: 1px solid #3A401D;
}
.header.is--show-depth .header-menu .header-menu__link:hover {
  font-weight: 500;
}
.header.is--show-depth:after {
  min-height: 230px;
  opacity: 1;
  height: auto;
}
.header.is--show-depth .header-menu__item .header-menu__link {
  color: #3A401D;
}
.header.is--show-depth .header-menu__item:hover .header-menu__link:after {
  width: 100%;
}
.header.is--show-depth .header-menu-depth {
  padding-top: 35px;
  height: auto;
  opacity: 1;
}
.header.is--show-depth .header-menu-depth__link {
  padding: 5px 0;
  font-size: 16px;
  height: auto;
  opacity: 1;
}
.header.is--show-depth .header-logo {
  background-image: url("/assets/images/common/logo.png?v=0503");
}
.header.is--show-depth .header-tel {
  background-image: url("/assets/images/common/header-tel.png?v=0503");
}
.header-banner {
	position: absolute;
	right: 2.5vw;
	top: 3.5vw;
}
.header-banner p {padding-bottom: 5px;}

.section .scroll {
  position: absolute;
  z-index: 1000;
  bottom: 10px;
  left: 50%;
    animation: bounce .65s infinite alternate cubic-bezier(.1, .49, .42, .99);
}
@keyframes bounce {
	0% {transform: translateY(-25px);}
	100% {transform: translateY(-50px);}
}

.sub .header .header-menu .header-menu__link {
  color: #1d1b1b;
}
.sub .header .header-logo {
  background-image: url("/assets/images/common/logo.png?v=0503");
}
.sub .header .header-tel {
}
.header.is--active .header-logo, .header.is--active .header-menu, .header.is--active .header-open-mark, .header.is--active .header-btn, .header.is--active .header-tel {
  opacity: 0;
}
.top-button {
  position: absolute;
  right: 50px;
  top: -25px;
  z-index: 1;
  display: none;
}

.fp-viewing-f .top-button {
  display: block;
}

.footer {
  position: relative;
  width: 100%;
  background-color: #0f1f3e;
  color: #404040;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  font-size: 12px;
	padding: 1.5vw 20px;
	box-sizing: border-box;
}
.footer-logo1 {
	position: absolute;
	right: 6vw;
	top: 2vw;
}
.footer-text__item {
	padding-top: 5px;
	color: #fff;
	font-weight: 300;
	opacity: 0.7;
}
.footer-text__item.disc {
	color: #999;
	font-size: 12px;
}
.footer-text__item.disc span {
	color: #fff;
}
.footer-copyright {
  font-size: 10px;
  font-family: "Montserrat", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
  font-weight: 300;
  margin-top: 11px;
  color: #999;
}
.footer-separator {
  width: 1px;
  height: 10px;
  display: inline-block;
  background-color: #222;
  margin: 0 8px;
}
.footer-text__item.small {
	color: #fff;
	font-size: 11px;
}
.footer-text__item.small .footer-separator {
	height: 8px;
	background-color: #999;
	margin: 0 8px;
}

.sub .top-button {
  display: block;
}
.sub .footer {
  border-top: 0px solid #F1F1F1;
}

#fp-nav.left {
  margin-top: 0;
  z-index: 1;
}
#fp-nav.left ul {
  margin-top: 29px;
}
#fp-nav.left ul li {
  height: 35px;
  margin: 0;
  padding-bottom: 20px;
}
#fp-nav.left ul li:last-child {
  display: none;
}
#fp-nav.left ul li:hover a.active span {
  width: 0px;
  height: 0px;
  border-radius: 0px;
  top: 0;
  margin: 0;
}
#fp-nav.left ul li:hover a span {
  background: #ffffff;
}
#fp-nav.left ul li:hover .fp-tooltip {
  color: #fff;
}
#fp-nav.left ul li:first-child .fp-tooltip {
  left: 20px;
}
#fp-nav.left ul li a span {
  width: 0px;
  top: 0;
  margin: 0;
  height: 0px;
}
#fp-nav.left ul li a.active {
  height: 100%;
  width: 100%;
}
#fp-nav.left ul li a.active span {
  width: 0px;
  height: 0px;
  opacity: 1;
  background: #fff;
}
#fp-nav.right {
    left: 50px;
}
#fp-nav.right .fp-nav-name {
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-position: 0 100%;
  color: #fff;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    margin: 40px 7px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {

}

.fp-viewing-0 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name1.png?v=0503");
  position: absolute;
  padding-top: 40px;
  left: 8px;
  z-index: 100;
}

.fp-viewing-1 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name1.png?v=0503");
}

.fp-viewing-2 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name2.png?v=0503");
}

.fp-viewing-3 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name3.png?v=0503");
}

.fp-viewing-4 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name4.png?v=0503");
}

.fp-viewing-5 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name5.png?v=0503");
}

.fp-viewing-6 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name6.png?v=0503");
}

.fp-viewing-7 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name7.png?v=0503");
}

.fp-viewing-intro .fp-nav-name {
  content: 'INTRO';
  position: absolute;
  color: #fff;
  left: 20px;
  font-size: 11px;
  font-weight: 300;
}
.fp-viewing-intro .fp-nav-name:before {
  content: 'INTRO';
  position: absolute;
  color: #fff;
  left: 20px;
  font-size: 11px;
  font-weight: 300;
}

.fp-viewing-unitplan .fp-nav-name {
  content: 'LOCATION';
  position: absolute;
  padding-top: 91px;
  left: 20px;
  font-size: 11px;
  font-weight: 300;
  z-index: 100;
  width: 100px;
  height: 17px;
}
.fp-viewing-unitplan .fp-nav-name:before {
  content: 'LOCATION';
  position: absolute;
  color: #fff;
  left: 20px;
  font-size: 11px;
  font-weight: 300;
}

.fp-viewing-interior .fp-nav-name {
  background-image: url("/assets/images/main/nav-name3.png?v=0503");
  position: absolute;
  padding-top: 146px;
  left: 5px;
  z-index: 100;
  width: 19px;
  height: 15px;
}
.fp-viewing-interior .fp-nav-name:after {
  content: 'PREMIUM';
  position: absolute;
  color: #fff;
  left: 20px;
  font-size: 11px;
  font-weight: 300;
}

.fp-viewing-premium #fp-nav.left ul li a span,
.fp-viewing-environment #fp-nav.left ul li a span,
.fp-viewing-customer #fp-nav.left ul li a span {
	background: #000;
}
.fp-viewing-premium #fp-nav.left ul li a.active span,
.fp-viewing-environment #fp-nav.left ul li a.active span,
.fp-viewing-customer #fp-nav.left ul li a.active span {
	background: #fff;
}

.fp-viewing-overview #fp-nav ul li a.active span {
	background: #fff;
}


.fp-viewing-overview .fp-nav-name {
  background-image: url("/assets/images/main/nav-name4.png?v=0503");
  position: absolute;
  padding-top: 202px;
  left: 4px;
  z-index: 100;
  width: 22px;
  height: 14px;
}
.fp-viewing-overview .fp-nav-name:before {
  content: 'SITE';
  position: absolute;
  color: #fff;
  left: 20px;
  font-size: 11px;
  font-weight: 300;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0.3;
    width: 100px;
    cursor: pointer;
}
#fp-nav ul li .active .fp-tooltip {
    color: #000;
}

/* .fp-viewing-premium .fp-nav-name {
  background-image: url("/assets/images/main/nav-name5.png?v=0503");
  position: absolute;
  padding-top: 252px;
  left: 8px;
  z-index: 100;
  width: 13px;
  height: 14px;
}
.fp-viewing-premium .fp-nav-name:before {
  content: 'PREMIUM';
  position: absolute;
  right: 32px;
  font-size: 14px;
}

.fp-viewing-premium2 .fp-nav-name {
  background-image: url("/assets/images/main/nav-name6.png?v=0503");
  position: absolute;
  padding-top: 305px;
  left: 8px;
  z-index: 100;
  width: 13px;
  height: 14px;
}
.fp-viewing-premium2 .fp-nav-name:before {
  content: 'PREMIUM';
  position: absolute;
  right: 32px;
  font-size: 16px;
}

.fp-viewing-f .fp-nav-name {
  position: absolute;
  padding-top: 305px;
  left: 8px;
  z-index: 100;
}*/

/* .fp-viewing-premium2 .fp-nav-name,
.fp-viewing-f .fp-nav-name {
  background-image: url("/assets/images/main/nav-name4.png?v=0503");
  position: absolute;
  padding-top: 200px;
  left: 8px;
  z-index: 100;
} */

.intro-section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.intro-section .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	background-image: url("../images/main/intro-img.png?v=0503");
	background-size: cover;
}

.main-section {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.main-section .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	/* background-image: url("../images/main/visual-img.png?v=0503"); */
	background-size: cover;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-logo-label {
  font-size: 40px;
  font-weight: 600;
  color: #ffffff;
}
.main-logo-label.black {
  color: #222;
}
.main-logo-label .logo-label__label {
  border-radius: 3px;
  background-color: #3A401D;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  width: 39px;
  margin-right: 4px;
  color: #ffffff;
}

.main-section {
  background: #1d1b1b;
}

.main-visual-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1200px;
  z-index: 100;
  transform: translate(-50%, 0%);
}
.main-visual-img .subway-img {
  position: absolute;
  bottom: 0;
  left: 20%;
  z-index: 1000;
  transform: translate(-50%, 0%);
}

.main-visual-text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main-visual-text .main-visual-text-slide {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.main-visual-text .main-visual-text-slide .main-slide-bg {
	overflow: hidden;
}
.main-visual-text .main-visual-text-slide .main-slide-bg .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  background-image: url("../images/main/main-bg01.png?v=0503");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.main-visual-text .main-visual-text-slide.swiper-slide-active .main-slide-bg .bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}
.main-visual-text .main-visual-text-slide .main-point {
  position: absolute;
	right: 10vw;
	bottom: 0;
  box-sizing: border-box;
  z-index: 15;
	opacity: 0;
  transform: translate3d(0, 50px, 0);
	transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 1.5s;
	transition-delay: 2.5s;
}
.main-visual-text .main-visual-text-slide .main-visual-text-text {
  position: absolute;
	left: 20px;
	top: 20vh;
  box-sizing: border-box;
  color: #ffffff;
  z-index: 15;
}
.main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__label {
  font-size: 16px;
  font-weight: 300;
  font-family: "GaramondPremrPro", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
  text-align: left;
  color: #ffffff;
  display: block;
}
.main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__title {
  display: block;
  margin: 18px 0 34px auto;
}
.main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  text-align: left;
  font-weight: 500;
  color: #fff;
  padding: 20px 0;
  line-height: 40px;
  font-size: 36px;
  font-family: "GaramondPremrPro", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.main-visual-text .main-visual-text-slide .main-visual-text-text .main-copyright {
  transition-duration: 2s;
  transition-delay: 1.9s;
  font-size: 24px;
  font-weight: 300;
  font-family: "GaramondPremrPro", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.main-visual-text .main-visual-text-slide .main-visual-text-text .main-copyright2 {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 2s;
  transition-delay: 2.6s;
  padding-top: 50px;
  font-size: 38px;
  font-weight: 300;
  font-family: "GaramondPremrPro", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.main-visual-text .main-visual-text-slide .main-visual-text-text .main-copyright--impact {
  color: #3A401D;
  font-weight: 600;
}
.main-visual-text .main-visual-text-slide.swiper-slide-active .main-visual-text-text .main-visual-text__label,
.main-visual-text .main-visual-text-slide.swiper-slide-active .main-visual-text-text .main-visual-text__title,
.main-visual-text .main-visual-text-slide.swiper-slide-active .main-visual-text-text .main-visual-text__description,
.main-visual-text .main-visual-text-slide.swiper-slide-active .main-visual-text-text .main-copyright,
.main-visual-text .main-visual-text-slide.swiper-slide-active .main-visual-text-text .main-copyright2,
.main-visual-text .main-visual-text-slide.swiper-slide-active .main-point {
	opacity: 1;
  transform: translateZ(0);
}

.main-content__title {
  font-size: 184px;
  font-weight: 500;
  font-family: "Marcellus", sans-serif, "Malgun Gothic", "맑은 고딕";
  line-height: 1;
  color: #9CA482;
}
@media screen and (max-width: 1800px) {
  .main-content__title {
    font-size: 4.375vw;
  }
}

.main-section-unit {
  position: relative;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 100% 100%;
  background-image: url("../images/main/unit-bg.png?v=0503");
  box-sizing: border-box;
}
.main-section-unit .unit-swiper-container { width: 1250px; padding-top: 100px; }
.main-section-unit .unit-swiper-container.swiper-container-autoheight {
  padding-bottom: 0px;
}
.main-section-unit .unit-swiper-container.swiper-container-autoheight .swiper-wrapper {
  height: 900px !important;
  align-items: center;
}
.main-section-unit .unit-slide-controller {
  padding-left: 10%;
  margin-top: -100px;
  position: relative;
}
.main-section-unit .unit-slide-controller .swiper-pagination-progressbar {
	left: 63%;
	transform: translateX(-50%);
	width: 50%;
	background: #eeeeee;
	height: 1px;
}
.main-section-unit .unit-slide-controller .swiper-pagination-progressbar-fill {
  background: #1f2838;
}
.main-section-unit .unit-slide-controller .pagination-wrap {
  position: absolute;
  right: -20px;
  width: 100px;
  top: -20px;
}
.main-section-unit .unit-slide-controller .swiper-button-next3,
.main-section-unit .unit-slide-controller .swiper-button-prev3 {
  position: absolute;
  left: 0px;
  width: 45px;
  height: 45px;
  z-index: 100000;
	cursor: pointer;
}
.main-section-unit .unit-slide-controller .swiper-button-next3 {
  background-image: url("../images/main/btn_02.png?v=0503");
  left: 50px;
}
.main-section-unit .unit-slide-controller .swiper-button-prev3 {
  background-image: url("../images/main/btn_04.png?v=0503");
}
.main-section-unit .unit-slide-controller .swiper-button-next3:hover {
  background-image: url("../images/main/btn_03.png?v=0503");
}
.main-section-unit .unit-slide-controller .swiper-button-prev3:hover {
  background-image: url("../images/main/btn_01.png?v=0503");
}
.main-section-unit .main-common__title {
  padding-left: 0;
  margin-bottom: 4.4%;
  font-family: "Marcellus", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.main-section-unit .swiper-slide {
  position: relative;
  box-sizing: border-box;
  transition: transform 1s;
  transform: translate3d(0, 0, 0);
}
.main-section-unit .swiper-slide .unit-img-area {
   padding: 60px 0px 60px 0px;
  background-color: #fff;
  text-align: center;
}
.main-section-unit .swiper-slide.swiper-slide-active {
  padding: 70px 0px 30px 0px;
  background-color: #fff;
  /* transform: translate3d(0, -95px, 0); */
  border: 8px solid #3A401D;
}
.main-section-unit .swiper-slide.swiper-slide-active .unit-img-area {
  padding: 0;
  border-radius: 0;
  background-color: #fff;
  text-align: center;
}
.main-section-unit .swiper-slide.swiper-slide-active .swiper-slide-unit__link {
  display: block;
}
.main-section-unit .swiper-slide.swiper-slide-active .swiper-slide-unit-text {
  margin: 30px 0 0;
  display: block;
  text-align: center;
}
.main-section-unit .swiper-slide .swiper-slide-unit__link {
  position: absolute;
  right: 0px;
  top: -70px;
  display: none;
}
.main-section-unit .swiper-slide .swiper-slide-unit-text {
  margin: 28px 0 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.main-section-unit .swiper-slide .swiper-slide-unit__type {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1.2px;
  color: #00113f;
  font-family: "TrajanPro", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.main-section-unit .swiper-slide .swiper-slide-unit__type:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 10px 4px;
  background: #b3720e;
}
.main-section-unit .swiper-slide .swiper-slide-unit__content {
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: -0.8px;
  color: #5C4639;
}
.main-section-unit .swiper-slide.swiper-slide-active .swiper-slide-unit__type {
  color: #3A401D;
}

.main-section-unit .swiper-container {
  text-align: left;
  margin-right: 0;
}

.main-section-unit .right-banner {
  position: absolute;
	right: 50px;
  border-bottom-left-radius: 280px;
  border-bottom-right-radius: 280px;
  width: 520px;
	height: 588px;
  background-color: #b3720e;
  background-image: url("../images/main/premium-title-pattern.png?v=0503");
}
.main-section-unit .right-banner .right-banner-cont {
  margin: 200px 120px 110px 120px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
}
.main-section-unit .right-banner .right-banner-cont p {
  margin-top: 40px;
}
.main-unit-button-area {
	position: absolute;
	z-index: 11;
	right: 0;
	display: flex;
	justify-content: space-between;
	padding-top: 130px;
	padding-right: 4.6%;
}
.unit-pagination-wrap {
	display:flex;
}
.unit__button {
  width: 142px;
  height: 61px;
  left: 0;
  border-radius: 30.5px;
  background-color: #eeeeee;
  box-sizing: border-box;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 60px;
  letter-spacing: normal;
  text-align: center;
  color: #3A401D;
  display: block;
  position: relative;
  z-index: 100;
}
.unit__button.is--active {
  background: #3A401D;
  color: #ffffff;
}
.unit__button + .unit__button {
  margin-left: 10px;
}

.unit-slide-header .main-common__title {
  position: absolute;
  top: 130px;
  left: 130px;
  font-size: 80px;
  color: #1f1f27;
  letter-spacing: -3px;
  font-family: 'Marcellus';
  font-weight: 300;
  margin-top: 100px;
}
.unit-slide-header .unit-btn {
  display: grid;
  padding-top: 70px;
}
.unit-slide-header .unit-btn a {
  display:inherit;
}
.unit-slide-header .unit-btn img {
  margin-bottom: 10px;
}

.unit-slide-header .main-common__title p.desc {
  font-size: 18px;
  color: #111111;
  font-weight: 300;
  margin-top: 30px;
  text-align: left;
  letter-spacing: normal;
}
.unit-slide-header .main-common__title p.desc b {
  color: #1f1f27;
}
.unit-slide-header p.txt {
  font-size: 15px;
  color: #111111;
  letter-spacing: 5.25px;
  text-align: left;
  font-family: 'Montserrat';
  font-weight: bold;
  padding-bottom: 10px;
}
.unit-slide-header p.txt .line {
  position: absolute;
  width: 60px;
  margin-left: 10px;
  margin-top: 10px;
  height: 1px;
  background: #111111;
}
.unit-slide-header .unit-right-bg {
  position: absolute;
  right: 0;
  top: -10px;
}
.unit-title-img {
  margin-left: -100px;
}

.interior-section {
  background: #000;
}
.interior-section {
    position: relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 100% 100%;
    background-image: url(../images/main/section-bg1.png?v=0503);
    box-sizing: border-box;
}
.interior-section .interior-header {
	text-align: center;
	padding-top: 15vw;
	width: 100%;
	margin: auto;
	padding-bottom: 70px;
}
.interior-section .interior-header h1 {
	color: #CBB495;
	font-weight: 300;
	font-size: 12px;
}
.interior-section .interior-header .tit {
	color: #fff;
	font-weight: 100;
	font-size: 42px;
    letter-spacing: -3px;
	padding: 10px 0;
}
.interior-section .interior-header .tit b {
	color: #CBB495;
	font-weight: 600;
}
.interior-section .interior-header .desc {
	color: #fff;
	font-weight: 300;
	font-size: 15px;
    letter-spacing: -1px;
	opacity: 0.8;
}

.interior-section .contents-wrap {
  width: 1292px;
  height: 232px;
  text-align: center;
  margin: auto;
}
.interior-section .contents-area {
    width: 50%;
    height: 141px;
    text-align: left;
	padding: 20px 20px;
}
.interior-section .contents-area.line {
}
.interior-section .contents-area.line:before {
  position: absolute;
  top: 20px;
  content: "";
  width: 1px;
  height: 150px;
  opacity: 0.2;
  background: #fff;
  border-right: solid 0px #CBB495;
}
.interior-section .contents-wrap h2 {
	color: #CBB495;
	font-weight: 300;
	font-size: 15px;
	text-align: right;
}
.interior-section .contents-wrap .tit {
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	padding: 10px 0;
}
.interior-section .contents-wrap .desc {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
	opacity: 0.5;
}
.interior-section .contents-wrap .icon {
  position: absolute;
  bottom: 33%;
  margin-left: 540px;
  box-sizing: border-box;
}

.interior-section .interior-img01 {
  position: absolute;
  top: 100px;
  right: 23%;
}
.interior-section .interior-img02 {
  position: absolute;
  bottom: 80px;
  right: 25%;
}
.interior-section .interior-img03 {
  position: absolute;
  top: 300px;
  right: 0;
}
.interior-section .interior-img04 {
  position: absolute;
  top: 140px;
  left: 100px;
}
.interior-section .interior-txt {
  position: absolute;
  top: 400px;
  left: -50px;
  color: #2A3052;
  font-size: 18px;
  font-family: "Montserrat";
  letter-spacing: 3px;
  transform: matrix(0, 1, -1, 0, 0, 0);
}
@media screen and (max-width: 1600px) {
	.interior-wrap img {
		width: 70%;
	}
}

.fade-effect-txt {
  opacity: 0;
}
.section.active .fade-effect-txt {
  opacity: 1;
    transition: transform 0.8s 2.5s ease-out, opacity 0.8s 2.5s ease-out, -webkit-clip-path 0.8s 2.5s ease-out;
    transition: transform 0.8s 2.5s ease-out, opacity 0.8s 2.5s ease-out, clip-path 0.8s 2.5s ease-out;
    transition: transform 0.8s 2.5s ease-out, opacity 0.8s 2.5s ease-out, clip-path 0.8s 2.5s ease-out, -webkit-clip-path 0.8s 2.5s ease-out;
}

.fade-effect-motion {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transform: scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 0;
}
.fade-effect-motion.fade-left {
  transform: translate3d(0, 0px, 0);
}
.section.active .fade-effect-motion.not-slide {
  opacity: 1;
}
.section.active .fade-effect-motion.not-slide.fade-left.fade-effect--1000 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: transform 0.8s 1.0s ease-out, opacity 0.8s 1.0s ease-out, -webkit-clip-path 0.8s 1.0s ease-out;
    transition: transform 0.8s 1.0s ease-out, opacity 0.8s 1.0s ease-out, clip-path 0.8s 1.0s ease-out;
    transition: transform 0.8s 1.0s ease-out, opacity 0.8s 1.0s ease-out, clip-path 0.8s 1.0s ease-out, -webkit-clip-path 0.8s 1.0s ease-out;
}
.section.active .fade-effect-motion.not-slide.fade-left.fade-effect--1500 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: transform 0.8s 1.5s ease-out, opacity 0.8s 1.5s ease-out, -webkit-clip-path 0.8s 1.5s ease-out;
    transition: transform 0.8s 1.5s ease-out, opacity 0.8s 1.5s ease-out, clip-path 0.8s 1.5s ease-out;
    transition: transform 0.8s 1.5s ease-out, opacity 0.8s 1.5s ease-out, clip-path 0.8s 1.5s ease-out, -webkit-clip-path 0.8s 1.5s ease-out;
}
.section.active .fade-effect-motion.not-slide.fade-left.fade-effect--2000 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: transform 0.8s 2.0s ease-out, opacity 0.8s 2.0s ease-out, -webkit-clip-path 0.8s 2.0s ease-out;
    transition: transform 0.8s 2.0s ease-out, opacity 0.8s 2.0s ease-out, clip-path 0.8s 2.0s ease-out;
    transition: transform 0.8s 2.0s ease-out, opacity 0.8s 2.0s ease-out, clip-path 0.8s 2.0s ease-out, -webkit-clip-path 0.8s 2.0s ease-out;
}
.section.active .fade-effect-motion.not-slide.fade-left.fade-effect--2500 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: transform 0.8s 2.5s ease-out, opacity 0.8s 2.5s ease-out, -webkit-clip-path 0.8s 2.5s ease-out;
    transition: transform 0.8s 2.5s ease-out, opacity 0.8s 2.5s ease-out, clip-path 0.8s 2.5s ease-out;
    transition: transform 0.8s 2.5s ease-out, opacity 0.8s 2.5s ease-out, clip-path 0.8s 2.5s ease-out, -webkit-clip-path 0.8s 2.5s ease-out;
}
.section.active .fade-effect-motion.not-slide.fade-left.fade-effect--3500 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: transform 0.8s 3.5s ease-out, opacity 0.8s 3.5s ease-out, -webkit-clip-path 0.8s 3.5s ease-out;
    transition: transform 0.8s 3.5s ease-out, opacity 0.8s 3.5s ease-out, clip-path 0.8s 3.5s ease-out;
    transition: transform 0.8s 3.5s ease-out, opacity 0.8s 3.5s ease-out, clip-path 0.8s 3.5s ease-out, -webkit-clip-path 0.8s 3.5s ease-out;
}


.overview-section {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.overview-section .overview-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('../images/main/main-bg02.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.overview-section .overview-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #091f40;
  text-align: right;
  padding-top: 100px;
  padding-right: 40px;
  line-height: 30px;
  font-weight: 550;
	font-size: 30px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.overview-section .overview-bg p {
  color: #091F40;
  padding-top: 10px;
  text-align: right;
  line-height: 20px;
  padding-right: 40px;
  font-weight: 100;
	font-size: 16px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.overview-section.active .overview-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.overview-section.active .overview-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.overview-section.active .overview-bg p {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}









.location-section {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.location-section .location-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('../images/main/main-bg03.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.location-section .location-bg p {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #091f40;
  text-align: center;
  padding-top: 100px;
  font-weight: 550;
	font-size: 18px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section .location-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #091f40;
  text-align: center;
  font-weight: 550;
	font-size: 26px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section.active .location-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.location-section.active .location-bg p {
	opacity: 1;
  transition: all 0.5s ease 1.5s;
      transform: translateZ(0);
}
.location-section.active .location-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}





.premium-section {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('../images/main/main-bg04.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section .premium-bg p {
  color: #fff;
  padding-top: 10px;
  text-align: left;
  line-height: 20px;
  padding-left: 40px;
  font-weight: 100;
	font-size: 16px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  text-align: left;
  padding-left: 40px;
  padding-top: 100px;
  line-height: 36px;
  font-weight: 550;
	font-size: 36px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section.active .premium-bg p {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.premium-section.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}







.community-section {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.community-section .community-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('../images/main/main-bg05.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.community-section .community-bg p {
  color: #fff;
  padding-top: 10px;
  text-align: right;
  line-height: 20px;
  padding-right: 40px;
  font-weight: 100;
	font-size: 16px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.community-section .community-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  text-align: right;
  padding-top: 100px;
  padding-right: 40px;
  line-height: 40px;
  font-weight: 550;
	font-size: 40px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.community-section.active .community-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.community-section.active .community-bg p {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.community-section.active .community-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}








.premium-section02 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section02 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg02.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section02 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
}
.premium-section02 .premium-bg .tit {
  color: #fff;
  font-size: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.premium-section02 .premium-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
}
.premium-section02.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section02.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section02.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section02.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}




.premium-section03 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section03 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg03.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section03 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 26px;
	z-index: 100;
}
.premium-section03 .premium-bg .tit {
  color: #fff;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.premium-section03 .premium-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
}
.premium-section03.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section03.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section03.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section03.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.sub.premium #fullpage02 .premium-content-item .premium-content-item-text {
  background-color: rgba( 0, 0, 0, 0.3 );
  padding: 10px 0px;
  width: 85%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(2n-1) .premium-content-item-text {
  text-align: right;
  width: 85%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(2n-1)  h2 {
  padding-left: 0;
  padding-right: 10%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(2n-1) .desc {
  padding-left: 0;
  padding-right: 10%;
	padding-top: 0;
}
.premium-content-item:nth-child(2n-1) {
  align-items: flex-end;
}
.premium-section02 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img1-new.png?v=0503");
}
.premium-content-item {
	margin: 2vw auto;
	width: 90vw;
  height: 19vh;
	padding-bottom: 20vw;
	box-sizing: border-box;
  max-height: 30%;
}
.premium-content-item:nth-child(2){
  transition-delay: 1s;
  padding-left: 20px;
}
.premium-content-item:nth-child(3){
  transition-delay: 1.5s;
}
.premium-content-item:nth-child(4){
  transition-delay: 2s;
}
.premium-section02.active .premium-content-item,
.premium-section03.active .premium-content-item,
.premium-section04.active .premium-content-item {
  opacity: 1;
	transition-delay: 0;
}
.premium-section02.active .premium-content-item:nth-child(2) h2,
.premium-section03.active .premium-content-item:nth-child(2) h2,
.premium-section04.active .premium-content-item:nth-child(2) h2{
  transition-delay: 1.7s;
}

.premium-section02.active .premium-content-item:nth-child(2) .desc,
.premium-section03.active .premium-content-item:nth-child(2) .desc,
.premium-section04.active .premium-content-item:nth-child(2) .desc{
  transition-delay: 1.7s;
}
.premium-section02.active .premium-content-item:nth-child(3) h2,
.premium-section03.active .premium-content-item:nth-child(3) h2,
.premium-section04.active .premium-content-item:nth-child(3) h2{
  transition-delay: 2.2s;
}

.premium-section02.active .premium-content-item:nth-child(3) .desc,
.premium-section03.active .premium-content-item:nth-child(3) .desc,
.premium-section04.active .premium-content-item:nth-child(3) .desc{
  transition-delay: 2.2s;
}

.premium-section02.active .premium-content-item:nth-child(4) h2,
.premium-section03.active .premium-content-item:nth-child(4) h2,
.premium-section04.active .premium-content-item:nth-child(4) h2{
  transition-delay: 2.7s;
}

.premium-section02.active .premium-content-item:nth-child(4) .desc,
.premium-section03.active .premium-content-item:nth-child(4) .desc,
.premium-section04.active .premium-content-item:nth-child(4) .desc{
  transition-delay: 2.7s;
}

.premium-section02 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img2-new.png?v=0503");
}
.premium-section02 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img3-new.png?v=0503");
}
.premium-section02 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img4-new.png?v=0503");
}
.premium-section03 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img5-new.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img6-new.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img7-new.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img8-new.png?v=0503");
}
.premium-section04 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img9-new.png?v=0503");
}
.premium-section04 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img10-new.png?v=0503");
}
.premium-section04 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img11-new.png?v=0503");
}
.premium-section04 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img12-new.png?v=0503");
}
.premium-section09 .premium-bg h2,
.premium-section08 .premium-bg h2,
.premium-section07 .premium-bg h2,
.premium-section06 .premium-bg h2,
.premium-section05 .premium-bg h2,
.premium-section04 .premium-bg h2,
.premium-section03 .premium-bg h2,
.premium-section02 .premium-bg h2 {
  padding-top: 0%;
}


.premium-list-type .premium-bg {
  height: 100%;
}
.premium-list-type {
  background: #091F40;
}

.premium-content-list {
  padding-top: 60px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.premium-content-item + .premium-content-item {
}
.premium-content-item {
  position: relative;
  width: 100%;
  height: 25%;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.premium-section02.active .premium-bg h2 {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section02.active .premium-bg .tit {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section02.active .premium-bg .desc {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}

.premium-section03.active .premium-bg h2 {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section03.active .premium-bg .tit {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section03.active .premium-bg .desc {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}

.sub.premium #fullpage02 .premium-content-item .premium-content-item-text {
  background-color: rgba( 0, 0, 0, 0.3 );
  padding: 10px 0px;
  width: 85%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(2n-1) .premium-content-item-text {
  text-align: right;
  width: 85%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(2n-1)  h2 {
  padding-left: 0;
  padding-right: 10%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(2n-1) .desc {
  padding-left: 0;
  padding-right: 10%;
	padding-top: 0;
}
.premium-content-item:nth-child(2n-1) {
  align-items: flex-end;
}
.premium-section02 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img1-new.png?v=0503");
}
.premium-content-item {
	margin: 2vw auto;
	width: 90vw;
  height: 19vh;
	padding-bottom: 20vw;
	box-sizing: border-box;
  max-height: 30%;
}
.premium-content-item:nth-child(2){
  transition-delay: 1s;
  padding-left: 20px;
}
.premium-content-item:nth-child(3){
  transition-delay: 1.5s;
}
.premium-content-item:nth-child(4){
  transition-delay: 2s;
}
.premium-section02.active .premium-content-item,
.premium-section03.active .premium-content-item,
.premium-section04.active .premium-content-item {
  opacity: 1;
	transition-delay: 0;
}
.premium-section02.active .premium-content-item:nth-child(2) h2,
.premium-section03.active .premium-content-item:nth-child(2) h2,
.premium-section04.active .premium-content-item:nth-child(2) h2{
  transition-delay: 1.7s;
}

.premium-section02.active .premium-content-item:nth-child(2) .desc,
.premium-section03.active .premium-content-item:nth-child(2) .desc,
.premium-section04.active .premium-content-item:nth-child(2) .desc{
  transition-delay: 1.7s;
}
.premium-section02.active .premium-content-item:nth-child(3) h2,
.premium-section03.active .premium-content-item:nth-child(3) h2,
.premium-section04.active .premium-content-item:nth-child(3) h2{
  transition-delay: 2.2s;
}

.premium-section02.active .premium-content-item:nth-child(3) .desc,
.premium-section03.active .premium-content-item:nth-child(3) .desc,
.premium-section04.active .premium-content-item:nth-child(3) .desc{
  transition-delay: 2.2s;
}

.premium-section02.active .premium-content-item:nth-child(4) h2,
.premium-section03.active .premium-content-item:nth-child(4) h2,
.premium-section04.active .premium-content-item:nth-child(4) h2{
  transition-delay: 2.7s;
}

.premium-section02.active .premium-content-item:nth-child(4) .desc,
.premium-section03.active .premium-content-item:nth-child(4) .desc,
.premium-section04.active .premium-content-item:nth-child(4) .desc{
  transition-delay: 2.7s;
}

.premium-section02 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img2-new.png?v=0503");
}
.premium-section02 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img3-new.png?v=0503");
}
.premium-section02 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img4-new.png?v=0503");
}
.premium-section03 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img5-new.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img6-new.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img7-new.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img8-new.png?v=0503");
}
.premium-section04 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img9-new.png?v=0503");
}
.premium-section04 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img10-new.png?v=0503");
}
.premium-section04 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img11-new.png?v=0503");
}
.premium-section04 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img12-new.png?v=0503");
}

.sub.premium #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  line-height: 1.27;
}
.sub.premium #fullpage02 .premium-bg h2 small {
  display: block;
  color: inherit;
  font-size: 10px;
  margin-bottom: 5px;
}
.sub.premium #fullpage02 .premium-bg h2 {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.1px;
  padding-left: 10%;
}
.sub.premium #fullpage02 .premium-bg .desc {
  font-size: 10px;
  padding-left: 10%;
}


.sub.premium #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  line-height: 1.27;
}
.sub.premium #fullpage02 .premium-bg h2 small {
  display: block;
  color: inherit;
  font-size: 10px;
  margin-bottom: 5px;
}
.sub.premium #fullpage02 .premium-bg h2 {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.1px;
  padding-left: 10%;
}
.sub.premium #fullpage02 .premium-bg .desc {
  font-size: 10px;
  padding-left: 10%;
}


.premium-section04 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section04 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg04.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section04 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #0f1f3e;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 30px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section04 .premium-bg .tit {
  color: #0f1f3e;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section04 .premium-bg .desc {
  color: #0f1f3e;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section04.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section04.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section04.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section04.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}




.premium-section05 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section05 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg05.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section05 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #0f1f3e;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 30px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section05 .premium-bg .tit {
  color: #0f1f3e;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section05 .premium-bg .desc {
  color: #0f1f3e;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section05.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section05.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section05.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section05.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}


.premium-section06 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section06 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg06.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section06 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #0f1f3e;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 32px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section06 .premium-bg .tit {
  color: #0f1f3e;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section06 .premium-bg .desc {
  color: #0f1f3e;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section06.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section06.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section06.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section06.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}




.premium-section07 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section07 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg07.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section07 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 30px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section07 .premium-bg .tit {
  color: #fff;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section07 .premium-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section07.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section07.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section07.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section07.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}




.premium-section08 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section08 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg08.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section08 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #0f1f3e;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section08 .premium-bg .tit {
  color: #0f1f3e;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section08 .premium-bg .desc {
  color: #0f1f3e;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section08.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section08.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section08.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section08.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}




.premium-section09 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.premium-section09 .premium-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/premium-bg09.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.premium-section09 .premium-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section09 .premium-bg .tit {
  color: #fff;
  font-size: 36px;
  padding-bottom: 20px;
  padding-left: 20px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section09 .premium-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 15px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.premium-section09.active .premium-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.premium-section09.active .premium-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.premium-section09.active .premium-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}
.premium-section09.active .premium-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}










.location-section02 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.location-section02 .location-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/location-bg02.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.location-section02 .location-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section02 .location-bg .tit {
  color: #fff;
  font-size: 25px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: -7px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section02 .location-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 5px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section02.active .location-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.location-section02.active .location-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.location-section02.active .location-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.location-section02.active .location-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}





.location-section03 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.location-section03 .location-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/location-bg03.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.location-section03 .location-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section03 .location-bg .tit {
  color: #fff;
  font-size: 25px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: -7px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section03 .location-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 5px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section03.active .location-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.location-section03.active .location-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.location-section03.active .location-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.location-section03.active .location-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}





.location-section04 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.location-section04 .location-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/location-bg04.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.location-section04 .location-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section04 .location-bg .tit {
  color: #fff;
  font-size: 24px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: -7px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section04 .location-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 5px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section04.active .location-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.location-section04.active .location-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.location-section04.active .location-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.location-section04.active .location-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}






.location-section05 {
  position: relative;
  height: 100%;
	overflow: hidden;
}
.location-section05 .location-bg .bg {
  position: absolute;
  z-index: -1;
	width: 100%;
  height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-image: url('/m/assets/images/sub/location-bg05.png?v=0503');
	-webkit-transform: scale(1.2, 1.2) rotate(0.002deg);
	transform: scale(1.2, 1.2) rotate(0.002deg);
	-webkit-transition: transform 4000ms ease-in-out;
	-moz-transition: transform 4000ms ease-in-out;
	-o-transition: transform 4000ms ease-in-out;
	transition: transform 4000ms ease-in-out;
}
.location-section05 .location-bg h2 {
  font-family: "GaramondPremrPro", sans-serif, "Malgun Gothic", "맑은 고딕";
  color: #fff;
  padding-top: 100px;
  padding-left: 20px;
  font-weight: 550;
	font-size: 28px;
	z-index: 100;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section05 .location-bg .tit {
  color: #fff;
  font-size: 25px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: -7px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section05 .location-bg .desc {
  color: #fff;
  font-size: 13px;
  padding-left: 20px;
  padding-top: 5px;
	opacity: 0;
	transform: translate3d(0, 20px, 0);
}
.location-section05.active .location-bg .bg {
	transform: scale(1,1) rotate(0.002deg);
}
.location-section05.active .location-bg h2 {
	opacity: 1;
  transition: all 0.5s ease 2s;
      transform: translateZ(0);
}
.location-section05.active .location-bg .tit {
	opacity: 1;
  transition: all 0.5s ease 2.5s;
      transform: translateZ(0);
}
.location-section05.active .location-bg .desc {
	opacity: 1;
  transition: all 0.5s ease 3s;
      transform: translateZ(0);
}








.main-content__title.unit__title {
  font-size: 184px;
  font-weight: 500;
  font-family: "Marcellus", sans-serif, "Malgun Gothic", "맑은 고딕";
  line-height: 0.8;
  color: #fff;
}
.main-content__title.unit__title span {
  font-family: "Marcellus", sans-serif, "Malgun Gothic", "맑은 고딕";
  margin-left: -60px;
}

.main-content-header-text {
  display: flex;
  align-items: center;
}

.main-content-line {
  width: 74px;
  height: 1px;
  margin-right: 10px;
  opacity: 0.2;
  background-color: #2a2a2a;
}

.main-content-line-location {
  width: 46px;
  height: 2px;
  opacity: 0.2;
  background-color: #3A401D;
  position: absolute;
    top: -26px;
    right: 166px;
}

.circle-center {
  width: 686px;
  height: 686px;
  border-radius: 100%;
  position: absolute;
  z-index: 0;
  background: #f5f5f5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.premium-content {
  position: relative;
  z-index: 11;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background: #FBF9F6;
}
.premium-content .premium-header {
  position: absolute;
  left: 8.69vw;
  padding-top: 200px;
  z-index: 5;
  opacity: 0;
}

.premium-content .premium-slide-content { padding-right: 30px; }

.premium-content .premium-button-area {
  position: absolute;
  right: -8.69vw;
  bottom: -30px;
  display: flex;
  z-index: 5;
  cursor: pointer;
  align-items: center;
}
.premium-content .premium-button-area .swiper-button--line {
  width: 52px;
  height: 1px;
  margin: 0 24px;
  background-color: #707070;
}
.premium-content .premium-button-area .swiper-button--prev {
  background-image: url("/assets/images/main/premium-prev.png?v=0503");
}
.premium-content .premium-button-area .swiper-button--next {
  margin-left: 140px;
  background-image: url("/assets/images/main/premium-next.png?v=0503");
}
.premium-content .premium-button-area .swiper-button--prev,
.premium-content .premium-button-area .swiper-button--next {
  height: 11px;
  width: 99px;
  background-repeat: no-repeat;
  position: absolute;
  top: -150px;
  left: 320px;
}
.premium-content .premium-slide .swiper-container {
	min-width: 1150px;
}
.premium-content .premium-slide {
  margin-top: 300px;
  margin-left: -200px;
}
.premium-content .premium-slide-area {
  padding: 18vh 0 8.14vh;
  width: 1150px;
  margin: auto;
  float: right;
  box-sizing: border-box;
}
.premium-content .premium-slide-swiper-slide {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-img-area.fade-effect {
  position: relative;
  width: 921px;
  height: 390px;
  margin-left: auto;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-img-area.fade-effect .premium-img {
  width: 100%;
  height: 100%;
  object-fit: inherit;
}
@media screen and (max-width: 1800px) {
  .premium-content .premium-slide-swiper-slide .premium-slide-content .premium-img-area.fade-effect {
    width: 23.75vw;
    height: 28.65vw;
  }
}
.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area {
  width: 100%;
  box-sizing: border-box;
  margin-top: -40px;
}

.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area .premium-text__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #3A401D;
  float: right;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area .premium-text__title span {
  font-weight: bold;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area.desc-txt {
  padding-top: 50px;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area .premium-text__description {
  margin-top: 15px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  position: relative;
  font-family: "Marcellus", sans-serif;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content.next-content {
  /* transform: translate3d(0, 160px, 0); */
}
.premium-content .premium-slide-swiper-slide .premium-slide-content.next-content .premium-img-area.fade-effect {
  width: 550px;
}
.premium-content .premium-slide-swiper-slide .premium-slide-content.next-content .premium-img-area.fade-effect .premium-img {
  object-fit: cover;
}
@media screen and (max-width: 1800px) {
  .premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area {
    width: 21vw;
    padding: 1.58vw;
  }
  .premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area .premium-text__title {
    font-size: 16px;
  }
  .premium-content .premium-slide-swiper-slide .premium-slide-content .premium-text-area .premium-text__description {
    font-size: 13px;
  }
}
@media screen and (max-width: 1800px) {
  .premium-content .premium-slide-swiper-slide .premium-slide-content.next-content .premium-img-area.fade-effect {
    height: 23.75vw;
    width: 28.65vw;
  }
}

.fade-effect {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-in;
  opacity: 0;
}
.fade-effect.fade-up {
  transform: translate3d(0, 50px, 0);
}

.section.active .fade-effect.not-slide {
  opacity: 1;
}
.section.active .fade-effect.not-slide.fade-up {
  transform: translate3d(0, 0, 0);
}
.section.active .fade-effect.not-slide--500 {
  transition-delay: 500ms;
}
.section.active .fade-effect.not-slide--1000 {
  transition-delay: 1000ms;
}
.section.active .fade-effect.not-slide--1300 {
  transition-delay: 1300ms;
}
.section.active .fade-effect.not-slide--1500 {
  transition-delay: 1500ms;
}
.section.active .fade-effect.not-slide--2000 {
  transition-delay: 2000ms;
}
.section.active .fade-effect.not-slide--2300 {
  transition-delay: 2300ms;
}
.section.active .fade-effect.not-slide--2500 {
  transition-delay: 2500ms;
}
.section.active .fade-effect.not-slide--3000 {
  transition-delay: 3000ms;
}
.section.active .fade-effect.not-slide--3500 {
  transition-delay: 3500ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active {
  transform: translate3d(0, 0, 0);
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect {
  opacity: 1;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect.fade-up {
  transform: translate3d(0, 0, 0);
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--500 {
  transition-delay: 500ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--1000 {
  transition-delay: 1000ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--1300 {
  transition-delay: 1300ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--1500 {
  transition-delay: 1500ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--2000 {
  transition-delay: 2000ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--2300 {
  transition-delay: 2300ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--2500 {
  transition-delay: 2500ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--3000 {
  transition-delay: 3000ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect--3500 {
  transition-delay: 3500ms;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .premium-slide__subject {
  opacity: 1;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .premium-img-area {
  margin-left: 0;
  opacity: 1;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .premium-img-area .premium-img {
  object-fit: inherit;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .premium-text-area {
  margin-top: -40px;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect {
  opacity: 1;
}
.section.active .premium-slide-swiper-slide.swiper-slide-active .fade-effect.fade-up {
  transform: translate3d(0, 0, 0);
}

/*/////////// section2- Premium ///////////*/
#section2 {
  background: #222;
}

.inner_premium {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inner_premium .box {
  position: relative;
  flex: 1 1 0;
  cursor: pointer;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  mix-blend-mode: normal;
	overflow: hidden;
}

.inner_premium .box.b1 {
  background: #111111;
  height: 100vh;
  background-image: url("/assets/images/main/unit-img01-over.png?v=0503");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.inner_premium .box.b2 .bg {
  background: #3A401D;
  height: 100vh;
  background-image: url("/assets/images/main/unit-img01.png?v=0503");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.inner_premium .box.b3 .bg {
  background: #242426;
  height: 100vh;
  background-image: url("/assets/images/main/unit-img03.png?v=0503");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.inner_premium .box > img {
  transition: all .4s;
  mix-blend-mode: luminosity;
  text-align: center;
  position: absolute;
  left: 100px;
  top: 150px;
}

.inner_premium .box:hover > img {
  opacity: 1;
  text-align: center;
}
.inner_premium .box.b2:hover .bg {
	opacity: 0;
	transform: scale(1.7);
	transition: all 4s ease;
}
.inner_premium .box.b3:hover .bg {
	transform: scale(1.7);
	transition: all 4s ease;
}

.inner_premium .box:hover .inner_text {
  opacity: 0
}

.inner_premium .box .inner_text {
  position: absolute;
  width: 100%;
  top: 45%;
  transform: translateY(-50%)
}

.inner_premium .box .inner_text h3 {
  color: #3A401D;
  font-size: 15px;
  font-weight: 300;
  margin-top: 10px;
  padding-left: 200px;
}

.inner_premium .box .inner_text h4 {
  color: #3A401D;
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: 500;
  font-family: 'Montserrat';
  padding-left: 200px;
  padding-top: 500px;
}
.inner_premium .box .inner_text h4 span {
  color: #9CA482;
}

.inner_premium .box.b3 .inner_text h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-top: 10px;
  padding-left: 200px;
}
.inner_premium .box.b3 .inner_text h4 {
  color: #fff;
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: 500;
  font-family: 'Montserrat';
  padding-left: 200px;
  padding-top: 500px;
}
.inner_premium .box.b3 .inner_text h4 span {
  color: #fff;
}

.inner_text_view { padding: 194px 0px 0 104px; }
.inner_text_view h3 {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  color: #D8D8D8;
}
.inner_text_view h4 {
  color: #fff;
  font-weight: 300;
  font-size: 28px;
  color: #FBF9F6;
  padding-top: 10px;
}
.inner_text_view h4 span {
  font-weight: bold;
}

.inner_premium .box .inner_text_over {
  position: absolute;
  display: none;
  width: 100%;
  top: 35%;
  transform: translateY(-50%);
  transition: all .2s;
  z-index: 999;
}

.inner_premium .box:hover .inner_text_over {
  display: block;
  top: 25%;
  transform: translateY(-50%);
  transition: all .2s;
}

.inner_premium .box:hover .inner_text_over > div {
  width: 62%;
  margin: 0 auto;
  text-align: left
}

.inner_premium .box:hover .inner_text_over h3 {
  color: #D8D8D8;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -.5px;
  margin-bottom: 10px;
}

.inner_premium .box:hover .inner_text_over h4 {
  color: #FBF9F6;
  font-size: 28px;
  font-weight: 200;
}
.inner_premium .box:hover .inner_text_over h4 span {
  font-weight: bold;
}

.inner_premium .box:hover .inner_text_over p {
  font-family: 'Nanum Myeongjo';
  color: #C3A686;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 56px;
  margin-bottom: 34px;
}
.inner_premium .box:hover .inner_text_over p b {
  color: #fff;
  font-weight: 400;
}
/*라인오버 애니*/
.inner_premium .box.b1 > span {
  display: none;
  position: absolute;
  z-index: 9999;
  transition: all .2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 110%; 100%;
  z-index: 1;
}
.inner_premium .box.b2 > span {
  display: none;
  position: absolute;
  background: #C3A686;
  z-index: 9999;
  transition: all .2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  text-align: left;
  background-image: url("/assets/images/main/unit-img02-over.png?v=0503");
  background-repeat: no-repeat;
  background-size: 110%; 100%;
  z-index: 1;
}
.inner_premium .box.b2 .inner_text_over h3, .inner_premium .box.b2 .inner_text_over h4 {
	color: #000;
}

.inner_premium .box.b3 > span {
  display: none;
  position: absolute;
  background: #C3A686;
  z-index: 9999;
  transition: all .2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  text-align: left;
  background-image: url("/assets/images/main/unit-img03-over.png?v=0503");
  background-repeat: no-repeat;
  background-size: 110%; 100%;
  z-index: 1;
}
.inner_premium .box.b3 .inner_text_over h3, .inner_premium .box.b3 .inner_text_over h4 {
	color: #000;
}
.inner_premium .box > span > b {
  display: block;
  color: #fff;
  font-size: 17px;
  transform: translate(100px, 40px);
  font-weight: 400;
  letter-spacing: 10px;
}

.inner_premium .box:hover > span {
  display: block;
}

.inner_premium .box > span.line1 {
  width: 100%;
  height: 100vh;
  bottom: 0;
  left: 0;
  -webkit-animation-name: line1;
  animation-name: line1;
  animation-duration: 4s;
}

.inner_premium .box > span.line4 {
  width: 100%;
  height: 110px;
  bottom: 0;
  right: 0;
  -webkit-animation-name: line4;
  animation-name: line4;
  animation-duration: 2s;
}

@keyframes line1 {
  0%, 25% {
	opacity: 0;
  }
  50%, 100% {
	opacity: 1;
  }
}

@-moz-keyframes line1 {
  0%, 25% {
	opacity: 0;
  }
  50%, 100% {
	opacity: 1;
  }
}

@keyframes line4 {
  0% {
    width: 0;
  }
  25%, 100% {
    width: 100%;
  }
}

@-moz-keyframes line4 {
  0% {
    width: 0;
  }
  25%, 100% {
    width: 100%;
  }
}

.inner_premium .box .txtan1 {
  -webkit-animation-name: txtan1;
  animation-name: txtan1;
  animation-duration: 15s;
}

@keyframes txtan1 {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  25%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.inner_premium .box .txtan2 {
  -webkit-animation-name: txtan2;
  animation-name: txtan2;
  animation-duration: 7s;
}

@keyframes txtan2 {
  0%, 25% {
    transform: translateY(-50px);
    opacity: 0;
  }
  50%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.inner_premium .box .txtan3 {
  -webkit-animation-name: txtan3;
  animation-name: txtan3;
  animation-duration: 7.5s;
}

@media screen and (max-width: 1710px) {
  .inner_premium .box .txtan3  br {
    display: none;
  }
}
@keyframes txtan3 {
  0%, 50% {
    transform: translateY(30px);
    opacity: 0;
  }
  75%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.inner_premium .box .txtan4 {
  -webkit-animation-name: txtan4;
  animation-name: txtan4;
  animation-duration: 5.5s;
}

@keyframes txtan4 {
  0%, 75% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

#section2 .inner_text h3 {
  transform: translateY(-50px);
  -webkit-transform: translateY(-50px);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#section2.active .inner_text h3.an1 {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
}

#section2 .inner_text h4 {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

#section2.active .inner_text h4.an2 {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.4s;
}

.environment-section {
  position: relative;
  z-index: 11;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.environment-section .swiper-pagination {
  top: -30px;
}
.environment-section .swiper-pagination .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  opacity: 0.3;
  margin-left: 7px;
  background-color: #393939;
}
.environment-section .swiper-pagination .swiper-pagination-bullet-active {
  width: 51px;
  opacity: 1;
  border-radius: 3.5px;
  background-color: #393939;
}
.environment-section .environment-header {
  position: absolute;
  left: 32vw;
  bottom: 8vh;
  z-index: 5;
  opacity: 0;
}
.environment-section .environment-slide {
  height: 100%;
  box-sizing: border-box;
}
.environment-section .environment-slide .circle-rotate {
  position: absolute;
  right: -87px;
  bottom: 7.6vh;
  width: 174px;
  height: 173px;
  z-index: 2;
}
.environment-section .environment-slide .circle-rotate .circle-circle {
  display: block;
  background-image: url("/assets/images/main/environment-circle-logo.png?v=0503");
  position: absolute;
  top: calc(51% - 86.5px);
  left: calc(50% - 86.5px);
  pointer-events: none;
  cursor: none;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  width: 173px;
  height: 173px;
  background-repeat: no-repeat;
  z-index: 1;
}
.environment-section .environment-slide .circle-rotate .circle-text {
  background-repeat: no-repeat;
  display: block;
  background-image: url("/assets/images/main/environment-circle-circle.png?v=0503");
  position: absolute;
  width: 174px;
  height: 173px;
  top: 50%;
  left: 50%;
  background-size: 100%;
  background-position: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  animation: rotate 8s infinite linear;
  transform: translate(-50%, -50%);
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(-365deg);
    transform: translate(-50%, -50%) rotate(-365deg);
  }
  to {
    -webkit-transform: rotate(365deg);
    transform: translate(-50%, -50%) rotate(365deg);
  }
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(-365deg);
    transform: translate(-50%, -50%) rotate(-365deg);
  }
  to {
    -webkit-transform: rotate(365deg);
    transform: translate(-50%, -50%) rotate(365deg);
  }
}
.environment-section .environment-slide-item {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 10.88vw 0 8.64vw;
}
.environment-section .environment-slide-item .environment-item-pattern {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}
.environment-section .environment-slide-item .environment-item-text-area {
  padding-top: 49.27vh;
}
.environment-section .environment-slide-item .environment-item-text-area .environment-text__title {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
.environment-section .environment-slide-item .environment-item-text-area .environment-text__description {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  margin: 14px 0 44px;
}
.environment-section .environment-slide-item .environment-item-text-area .environment-text__link {
  cursor: pointer;
  display: inline-block;
  padding-right: 70px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/assets/images/main/environment-arrow.png?v=0503");
}
.environment-section .environment-slide-item .environment-item-text-area .environment-text__link:hover .environment-text__link-text {
  transform: translate3d(30px, 0, 0);
}
.environment-section .environment-slide-item .environment-item-text-area .environment-text__link-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71;
  color: #666666;
  position: relative;
  transition: transform 0.5s;
  transform: translate3d(0, 0, 0);
}
.environment-section .environment-slide-item .environment-item-text-area .environment-text__link-text:after {
  content: "";
  position: absolute;
  left: 40px;
  top: 0;
  width: 55px;
  height: 21px;
  opacity: 0.2;
  background-color: #3A401D;
}
.environment-section .environment-slide-item .environment-item-left-img-area {
  position: relative;
  width: 600px;
  height: 100%;
}
@media screen and (max-width: 1800px) {
  .environment-section .environment-slide-item .environment-item-left-img-area {
    width: 31.25vw;
  }
}
.environment-section .environment-slide-item .environment-item-left-img-area .environment-left-img {
  width: 100%;
  height: 100%;
  object-fit: inherit;
}
.environment-section .environment-slide-item .environment-item-right-area {
  position: relative;
  margin-top: 61.54vh;
}
.environment-section .environment-slide-item .environment-item-right-area .environment-right-box {
  position: absolute;
  right: -50px;
  width: 244px;
  height: 337px;
  background-color: #f4f4f4;
  top: -100px;
}
.environment-section .environment-slide-item .environment-item-right-area .environment-right-img-area {
  width: 402px;
  height: 261px;
  background-color: #e3e3e3;
}
.environment-section .environment-slide-item .environment-item-right-area .environment-right-img {
  width: 100%;
  height: 100%;
  mix-blend-mode: luminosity;
  object-fit: cover;
  object-position: center;
}
.environment-section .environment-slide-item .premium-text-area {
  width: 409px;
  box-sizing: border-box;
  margin-top: -80px;
  padding: 28px 29px;
  background: #f4f4f4;
}
.environment-section .environment-slide-item .premium-text-area .premium-text__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #3A401D;
}
.environment-section .environment-slide-item .premium-text-area .premium-text__title span {
  color: #000;
}
.environment-section .environment-slide-item .premium-text-area .premium-text__description {
  margin-top: 15px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  position: relative;
}

.fade-effect {
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-in;
  opacity: 0;
}
.fade-effect.fade-up {
  transform: translate3d(0, 50px, 0);
}

.section.active .fade-effect.not-slide {
  opacity: 1;
}
.section.active .fade-effect.not-slide.fade-up {
  transform: translate3d(0, 0, 0);
}
.section.active .fade-effect--500 {
  transition-delay: 500ms;
}
.section.active .fade-effect--1000 {
  transition-delay: 1000ms;
}
.section.active .fade-effect--1300 {
  transition-delay: 1300ms;
}
.section.active .fade-effect--1500 {
  transition-delay: 1500ms;
}
.section.active .fade-effect--2000 {
  transition-delay: 2000ms;
}
.section.active .fade-effect--2300 {
  transition-delay: 2300ms;
}
.section.active .fade-effect--2500 {
  transition-delay: 2500ms;
}
.section.active .fade-effect--3000 {
  transition-delay: 3000ms;
}
.section.active .fade-effect--3500 {
  transition-delay: 3500ms;
}
.section.active .environment-slide-item.swiper-slide-active {
  transform: translate3d(0, 0, 0);
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect {
  opacity: 1;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect.fade-up {
  transform: translate3d(0, 0, 0);
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--500 {
  transition-delay: 500ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--1000 {
  transition-delay: 1000ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--1300 {
  transition-delay: 1300ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--1500 {
  transition-delay: 1500ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--2000 {
  transition-delay: 2000ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--2300 {
  transition-delay: 2300ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--2500 {
  transition-delay: 2500ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--3000 {
  transition-delay: 3000ms;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect--3500 {
  transition-delay: 3500ms;
}
.section.active .environment-slide-item.swiper-slide-active .premium-slide__subject {
  opacity: 1;
}
.section.active .environment-slide-item.swiper-slide-active .premium-img-area {
  margin-left: 0;
  opacity: 1;
}
.section.active .environment-slide-item.swiper-slide-active .premium-img-area .premium-img {
  object-fit: inherit;
}
.section.active .environment-slide-item.swiper-slide-active .premium-text-area {
  margin-top: -40px;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect {
  opacity: 1;
}
.section.active .environment-slide-item.swiper-slide-active .fade-effect.fade-up {
  transform: translate3d(0, 0, 0);
}

.customer-section {
  overflow: hidden;
}
.customer-section .customer-header {
  position: absolute;
  left: 7vw;
  margin-top: 200px;
  z-index: 500;
}
.customer-section .customer-header .customer__title {
  font-size: 30px;
  font-weight: 500;
  color: #000;
}
.customer-section.active .customer-content-bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}
.customer-section .customer-content {
}
.customer-section .customer-content-bg {
}
.customer-section .customer-content-media {
  background: #fff;
  height: 100%;
  padding: 260px 0;
}
.customer-section .customer-content-media .media-contents {
  padding: 1rem 0 4rem 0rem;
}
.customer-section .swiper-button---prev {
  background-image: url("/assets/images/main/premium-prev.png?v=0503");
}
.customer-section .swiper-button---next {
  margin-left: 140px;
  background-image: url("/assets/images/main/premium-next.png?v=0503");
}
.customer-section .swiper-button---prev,
.customer-section .swiper-button---next {
  height: 11px;
  width: 99px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1000;
  left: 43%;
  cursor: pointer;
}
.customer-section .customer-swiper-button {
  margin: auto;
  text-align: center;
  width: 100%;
}

.customer-top-bg {
  position: absolute;
  top: 0px;
  background: #fff;
  width: 100%;
  height: 180px;
  z-index: 10;
}
.customer-bottom-bg {
  position: absolute;
  bottom: 0px;
  background: #fff;
  width: 100%;
  height: 170px;
  z-index: 100;
}
.customer-section .customer-content .customer-line {
  width: 0;
  display: inline-block;
  height: 1px;
  margin: 2px 0 14px;
  opacity: 0.38;
  background-color: #1d1b1b;
  transform: rotate(-45deg);
}
.customer-section .customer-content .customer__title {
  filter: blur(10px);
  opacity: 0;
}
.customer-section .customer-content .customer__description {
  margin: 14px 0 92px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.44;
  color: #1d1b1b;
  opacity: 0;
}
.customer-section .customer-content .customer__link {
  opacity: 0;
  cursor: pointer;
  display: inline-block;
  padding-right: 70px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-image: url("/assets/images/main/customer-arrow.png?v=0503");
}
.customer-section .customer-content .customer__link:hover .customer__link-text {
  transform: translate3d(40px, 0, 0);
}
.customer-section .customer-content .customer__link-text {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  color: #1d1b1b;
  position: relative;
  transition: transform 0.5s;
  transform: translate3d(0, 0, 0);
	animation-name: move;
  animation-duration: 2s;
	animation-delay: 3.5s;
}
.customer-section .customer-content .customer__link-text:after {
  content: "";
  position: absolute;
  left: 47px;
  top: -43px;
  border-radius: 50%;
  width: 102px;
  height: 102px;
  opacity: 0.2;
  border: solid 1px #1d1b1b;
}

.premium2-section {
  overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 100% 100%;
    background-image: url(../images/main/main-bg06.png?v=0503);
    box-sizing: border-box;
}

.premium2-section .location-wrap {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
}
.premium2-section .location-img {
}
.premium2-section .location-addr {
  width: 692px;
  height: 509px;
  background: #1D255C;
}
.premium2-section .location-addr .desc {
  font-weight: 500;
  color: #fff;
  font-size: 18px;
  padding: 60px 0 30px;
}
.premium2-section .location-addr .desc b {
  font-weight: bold;
  margin-right: 30px;
}

.premium2-section .premium2-header {
  position: absolute;
  left: 9vw;
  top: 20vh;
  z-index: 5;
  opacity: 0;
}
.premium2-section .premium2-header p {
  font-size: 28px;
  color: #4E4E4E;
  font-weight: 400;
}
.premium2-section .premium2-header span {
  font-weight: bold;
}

.main-content-line-premium2 {
  width: 46px;
  height: 2px;
  opacity: 0.2;
  background-color: #3A401D;
  position: absolute;
    top: 16px;
    right: 360px;
}

@-webkit-keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translate3d(40px, 0, 0);
  }
	100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes move {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translate3d(40px, 0, 0);
  }
	100% {
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes arrow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(30px);
  }
}
@keyframes arrow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(30px);
  }
}
.sub {
  position: relative;
  overflow-x: hidden;
  background: #fff;
}
.sub.style1 {

}
.sub.style1 .intro-section {
	height: 100%;
}
.sub.style1 .intro-section .bg {
	background-color: var(--main-color);
	position: relative;
	display:flex;
	flex-direction:column;
	align-items:center;
}
.sub.style1 .system-section .bg {
	display:block;
}
.sub.style1 .intro-section .bg.bg2 {
	background-color: #F7F3ED;
}
.sub.style1 .intro-section .bg .plcae-img1 {padding: 0 0 50px;}
.sub.style1 .intro-section .bg .plcae-img2 {padding: 50px 0 105px;}

.sub.style1 .main-visual-text {
	position: relative;
}
.sub.style1 .top {
	background-color: var(--main-color);
	padding: 100px 20px 20px;
}
.sub.style1 .top.w {
	background-color: #fff;
	color: var(--main-color);
}
.sub.style1 .top.w .main-visual-text-text {
	background-color: #fff;
}
.sub.style1 .top.w .main-visual-text-text .main-visual-text__description {
	color:  var(--main-color);
}
.sub.style1 .top.w .main-visual-text-text .main-copyright {
	color:  var(--main-color);
}
.sub.style1 .location-content .location-view-button-link {
  position: absolute;
  top: -3vw;
  right: 0;
  margin-right: 3vw;
  box-sizing: border-box;
}
.sub.style1 .location-img {
	position: relative;
	margin: auto;
}
.sub.style1 .location-content .location-view-button {
  width: 16vw;
  display: block;
  margin-left: auto;
}
.sub.style1 .location-content .location-view-button-link {
  position: absolute;
  top: -3vw;
  right: 0;
  margin-right: 3vw;
  box-sizing: border-box;
}
.sub.style1 .top.pb20 {
	padding-bottom: 20px;
}
.sub.style1 .top.float {
	position: absolute;
	background-color: transparent;
	left: 350px;
}
.sub.style1 .top.float .main-visual-text-text {
	background-color: transparent;
}
.sub.style1 .top.float .main-visual-text-text .main-visual-text__label {
	color: #fff;
}
.sub.style1 .top.float .main-visual-text-text .main-visual-text__description {
	color: #fff;
}
.sub.style1 .top .main-visual-text-text {
	position: static;
	background-color: var(--main-color);
	width: 1200px;
	margin: auto;
}
.sub.style1 .top .main-visual-text-text .main-visual-text__label {
	font-size: 20px;
	color: var(--sub-color);
	font-family: "GaramondPremrPro", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
	transition-delay: .001s;
	text-transform: uppercase;
}
.sub.style1 .top .main-visual-text-text .main-visual-text__description {
	font-size: 5vw;
	color: var(--sub-color);
	text-align: left;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 10px 0;
	line-height: 1.2;
	transition-delay: .7s;
	font-family: "GaramondPremrPro", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
	text-transform: uppercase;
}
.sub.style1 .top .main-visual-text-text .main-copyright {
	font-size: 2.8vw;
	line-height: 1.2;
  font-weight: 300;
	color: #fff;
	letter-spacing: -0.05em;
	transition-delay: 1.2s;
}
.sub.style1 .top.is-active .main-visual-text__label, .sub.style1 .top.is-active .main-visual-text__description, .sub.style1 .top.is-active .main-copyright {
	opacity: 1;
	transform: translateZ(0);
}
.sub .js-word-split {
  overflow: hidden;
  opacity: 0;
}
.sub .js-word-split.splitting {
  opacity: 1;
}
.sub .js-word-split.splitting .word {
  overflow: hidden;
  line-height: 1.1;
  display: inline-block;
}
.sub .js-word-split.splitting .char {
  display: inline-block;
  position: relative;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  opacity: 0;
}
@keyframes text-active-animation {
  from {
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes text-active-animantion02 {
  70% {
    color: #3A401D;
  }
  100% {
    color: #CBB495;
    opacity: 1;
  }
}
@keyframes text-active-animantion03 {
  70% {
    color: #fff;
  }
  100% {
    color: #3A401D;
    opacity: 1;
  }
}
.brand-content .text-large-line .text-inner {
	color: #9CA482;
}

.sub-top-bg {
  width: 100%;
  position: relative;
  height: 390px;
  z-index: 10;
  background-image: url("/assets/images/sub/sub-top-img01.png?v=0503");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-top: 190px;
  text-align: center;
  overflow: hidden;
}
/* .sub-top-bg .sub-top-img01 {
  position: absolute;
  background-image: url("/assets/images/sub/sub-top-over-img01.png?v=0503");
  background-repeat: no-repeat;
  z-index: 100;
  width: 486px;
  height: 320px;
  right: 90px;
  top: 110px;
}
.sub-top-bg .sub-top-img02 {
  position: absolute;
  background-image: url("/assets/images/sub/sub-top-over-img02.png?v=0503");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 100;
  width: 447px;
  height: 447px;
  right: 160px;
  top: 110px;
}*/
.sub-top-bg .sub-top__english {
  font-size: 12vw;
  font-family: "Marcellus", sans-serif, "Malgun Gothic", "맑은 고딕";
  font-weight: 100;
  color: #CBB495;
  line-height: 1;
  margin: auto;
  text-align: center;
}
.sub-top-bg .sub-top__english span {
  font: inherit;
}
.sub-top-bg .sub-top__english.is--active {
  opacity: 1;
  transform: translateZ(0);
}
.sub-top-bg .sub-top__english.is--active.splitting .char {
  animation: 2s 2s ease-in-out text-active-animantion02 forwards;
}
.sub-top-bg .sub-top__title {
  position: relative;
  font-size: 28px;
  color: rgba(117, 86, 50, 0.8);
  font-weight: normal;
  width: 1200px;
  margin: auto;
  text-align: center;
}
.sub-top-bg .sub-top__title span {
  font: inherit;
}
.sub-top-bg .sub-top__title.is--active {
  opacity: 1;
  transform: translateZ(0);
}
.sub-top-bg .sub-top__title.is--active span {
  animation: 2s 4s ease-in-out text-active-animantion02 forwards;
}

.sub-content-area {
  min-height: 300px;
  padding: 80px 0 100px;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.sub-content-header {
  margin-bottom: 84px;
}

.sub-content__title {
  font-size: 26px;
  letter-spacing: -1px;
  color: #755632;
  font-weight: normal;
}
.sub-content__title-english {
  color: #755632;
  font-family: "Montserrat", "Pretendard", sans-serif, "Malgun Gothic", "맑은 고딕";
  font-size: 48px;
  letter-spacing: -1.98px;
}
.sub-content__title-english div {
  font: inherit;
  color: inherit;
}
.sub-content__title div {
  font: inherit;
  color: inherit;
}
a.sub_btn {
	display: flex;
	margin: 30px auto 30px;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 60px;
	border-radius:50px;
	background-color: #755632;
	color: #fff;
	font-size: 18px;
}

/* https://story.pxd.co.kr/922 */
.circle-area {
  display: flex; width: 638px; text-align: center; padding-top: 100px; margin: auto;
  z-index: 10;
  align-items: center;
}
.circle-area .time { background: #3A401D; padding: 10px 20px; color: #fff; z-index: 10; font-weight: bold; }
.circle-area .time:after {
	opacity: 1;
}
.circle-area .line {
  position: absolute;
  height: 1px;
  background: #ddd;
  width: 440px;
  margin-left: 96px;
}
.circle-area .line:after {
  width: 100%;
  transition-delay: 2.2s;
}
.loader.left,
.loader.right,
.circle-area .line {
  opacity: 1;
  transition: all ease 1.5s;
}

.loader.left { margin-right: 200px; }
.loader.left:after { opacity: 1; transition-delay: .5s; transition: all ease 1.5s; }
.loader.is-active.left {
  transition-delay: .5s;
}

.loader.left .txt { position: absolute; top: 40px; width: 50px; margin-left: -10px; text-align: center; font-weight: bold; color: #4E4E4E }
.loader.right { margin-left: 200px; }
.loader.right .txt { position: absolute; top: 40px; width: 50px; margin-left: -10px; text-align: center; font-weight: bold; color: #4E4E4E }

.loader {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.loader,
.loader:before,
.loader:after {
    animation: 1s infinite ease-in-out;
}
.loader:before,
.loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.loader-2:before,
.loader-2:after {
    content: '';
}
.loader-2:before {
    border: 1px solid #9CA482;
    top: -1px;
    left: -1px;
    opacity: 0;
    animation-name: loader2-1;
}

    @keyframes loader2-1 {
        0% { transform: scale(1); opacity: 1; }
        50% { transform: scale(1.3); opacity: 0; }
        100% { transform: scale(1.3); opacity: 0; }
    }

.loader-2:after {
    background-color: #9CA482;
    animation-name: loader2-2;
}

    @keyframes loader2-2 {
        0% { transform: scale(1); }
        50% { transform: scale(0.7); }
        100% { transform: scale(1); }
    }


.main-section .motion-wrap {
  display: flex;
  justify-content: space-between;
  font-size: 3.5vw;
  font-weight: bold;
  color: #4E4E4E;
  padding: 170px 4vw 0  4vw;
  width: 600px;
  text-align: center;
  margin: auto;
}
.main-section .motion-wrap .first {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.main-section .motion-wrap .last {
  opacity: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.main-section .motion-wrap .bar {
  position: relative;
  width: 80%;
  height: 1px;
  background: #9CA482;
  margin-top: 20px;;
}
.main-section .motion-wrap .bar:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #3A401D;
  left: 0px;
}
.main-section .motion-wrap .bar .bar-txt {
  opacity: 0;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  padding: 0.7vw 1.7vw;
  background-color: #3A401D;
  color: #fff;
  font-size: 18px;
}
.main-section .motion-wrap > div .circle {
  display: block;
  position: relative;
  width: 2vw;
  height: 2vw;
  border-radius: 5vw;
  background-color: #9CA482;
}
.main-section .motion-wrap > div .circle:before {
  content: "";
  position: absolute;
  left: calc(50% - 0.5vw);
  top: calc(50% - 0.55vw);
  width: 1vw;
  height: 1vw;
  background-color: #fff;
  border-radius: 2vw;
}
.main-section .motion-wrap.is-active .first,
.main-section .motion-wrap.is-active .bar,
.main-section .motion-wrap.is-active .last,
.main-section .motion-wrap.is-active > div .circle,
.main-section .motion-wrap.is-active .bar:after,
.main-section .motion-wrap.is-active .bar .bar-txt {
  opacity: 1;
  transition: all ease 1.5s;
}
.main-section .motion-wrap.is-active .first {
  transition-delay: .5s;
}
.main-section .motion-wrap.is-active .last {
  transition-delay: 1s;
}
.main-section .motion-wrap.is-active .first .circle {
  background-color: #3A401D;
  transition-delay: 1.5s;
}
.main-section .motion-wrap.is-active .bar:after {
  width: 100%;
  transition-delay: 1.7s;
}
.main-section .motion-wrap.is-active .last .circle {
  background-color: #3A401D;
  transition-delay: 2.2s;
}
.main-section .motion-wrap.is-active .bar .bar-txt {
  transition: all ase-in-out .3s;
  transition-delay: 2.9s;
  transform: translate(-50%, -50%) scale(1);
}

/*프리미엄2 옮기기*/
.premium2-section .swiper-container {
  padding: 24vw 0 0;
  margin-left: 38vw;
}

.premium2-section .swiper-wrapper .swiper-slide.swiper-slide-next {
  transform: translate3d(0,-13vw, 0);
}
.premium2-section .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: translate3d(0, 0, 0);
}
.premium2-section .premium-slide-controller {
  display:flex;
  opacity:1;
  align-items:center;
  -webkit-transition:opacity .5s ease 2s;
  transition:opacity .5s ease 2s;
  margin: 6vw 0 6vw 5.2vw;
}
.premium2-section .premium-slide-text-area {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
}
.premium2-section .premium-slide-text-area .premium-slide__label {
  font-family: "Montserrat", "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕";
  color:#333;
  margin-bottom:2vh;
  text-transform: uppercase;
  font-weight:500;
  font-size: 3.2vw;
  letter-spacing: 1px;
}
.premium2-section .premium-slide-text-area .premium-slide__description {
  color:#333;
  position:relative;
  font-family: "Montserrat", "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕";
  font-size: 18px;
}
.premium2-section .premium-slide-text-area .premium-slide__title {
  color:#333;
  letter-spacing: 9px;
  font-weight:600;
  font-size: 18px;
  font-family: "Marcellus", "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.premium2-section .premium-slide-text-area .premium-slide__title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin: 15px 0;
}
.premium2-section .premium-slide-text-area .premium-slide__link {
  position:absolute;
  right:12%;
  top:60px;
  width:13.6vw;
  height:9.7vw;
  box-sizing:border-box;
  background-size:contain;
  background-position:100% 0;
  background-repeat:no-repeat;
  background-image:url(/m/assets/images/main/premium-link.png?v=0503);
}
.premium2-section .premium-slide-img-area {
  position:relative;
  display:inline-block;
  margin-bottom: 37px;
}
.premium2-section .premium-slide-img-area .premium-item__icon {
  position: absolute;
  top: -7vw;
  right: 3vw;
  width: 19%;
}
.premium2-section .premium-slide-img-area .premium-slide-img-text {
  position:absolute;
  right:7.8vw;
  bottom:-10px;
  font-size:14px;
  letter-spacing:-.5px;
  line-height:2;
  color:#fff;
  font-weight:500;
  font-family: "Montserrat", "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕";
  opacity:0;
  -webkit-transition:opacity .5s ease 1s;
  transition:opacity .5s ease 1s;
}
.premium2-section .premium-control-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 8vw;
}
.premium2-section .premium-control-area .swiper-button-area {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 3vw 0 6vw;
}
.premium2-section .premium-control-area .swiper-text-label {
  color: #ffffff;
  display: flex;
  margin-bottom: 4px;
}
.premium2-section .premium-control-area .swiper-text-label__item {
  font-size: 11px;
  font-weight: 600;
  width: 33%;
  display: inline-block;
  text-align: center;
  opacity: 0;
}
.premium2-section .premium-control-area .swiper-text-label__item:first-child {
  opacity: 1;
}
.premium2-section .premium-control-area .swiper-control-control {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 50%;
	position: relative;
	border-radius: 25px;
	padding: 0 5px;
	box-sizing: border-box;
}
.premium2-section .premium-control-area .swiper-control-control .swiper-button-next, .premium-control-area .swiper-control-control .swiper-button-prev {
  position: static;
  padding: 0;
  box-sizing: border-box;
  display: block;
  width: 3vw;
  height: 3vw;
  background-size: contain;
  margin: 0;
}
.premium2-section .premium-control-area .swiper-control-control .swiper-button-prev {
  background-image: url("../images/main/premium-prev.png?v=0503");
}
.premium2-section .premium-control-area .swiper-control-control .swiper-button-next {
  background-image: url("../images/main/premium-next.png?v=0503");
  left: auto;
  right: 0;
}

.premium2-section .swiper-label-area {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: static;
  height: 100%;
  width: 32%;
  font-size: 18px;
  font-family: "Marcellus", sans-serif, "Malgun Gothic", "맑은 고딕";
  justify-content: center;
  gap: 0.7vw;
}
.premium2-section .swiper-label-area .swiper-label__number {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #ffffff;
  width: 2vw;
  height: 2vw;
  background: #333;
  border-radius: 2vw;
  font-family: inherit;
}
.premium2-section .swiper-label-area .swiper-label__total {
  font-family: inherit;
}
.premium2-section .swiper-label-area .swiper-label__bar {
  content: '';
  width: 10vw;
  background: #707070;
  display: inline-block;
  height: 1px;
  margin-top: 2px;
}
.premium2-section .swiper-label-area .swiper-label__text {
  font-size: 36.5px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -1.83px;
  color: #5c5c5c;
  padding-right: 20px;
}
.premium2-section .swiper-label-area .swiper-label__text-small {
  padding-right: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: -0.9px;
  color: #000b38;
}
/*프리미엄2 옮기기 end*/

/*인트로*/
body.is--overflow-hidden {
  height: 100vh;
  overflow-y: hidden;
}
.visual-first-effect {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #9CA482;
}
.visual-first-effect .first-effect-content {
  transition: all 3s 1s;
	width: 15vw;
}
.visual-first-effect .first-effect-content .effect-text {
  color: #ffffff;
  font-family: "Montserrat", "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕";
  line-height: 1;
  opacity: 1;
  transition: all ease 2s;
}
.visual-first-effect .first-effect-content .effect-text:first-child img {
  margin-bottom: 2vw;
 }
.visual-first-effect .first-effect-content .effect-text-area {
  text-align: center;
}
.visual-first-effect .first-effect-content .effect-text.last {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all ease 2s;
  padding: 2vw 0 2vw;
  border-top: 1px solid rgba(255,255,255,.3);
}
.visual-first-effect .first-effect-content .effect-sub-text {
  font-family: "NotoSerifKR", "Noto Sans KR", sans-serif, "Malgun Gothic", "맑은 고딕";
  font-size: 16px;
  letter-spacing: -0.5px;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: all ease-in-out 3s;
}
.visual-first-effect.active .first-effect-content .effect-text {
  opacity: 0;
  transition-delay: .5s;
	transform: translate3d(0, -10vw, 0) scale(2);
	transition-delay:1s;
}
.visual-first-effect.active .first-effect-content .effect-text.last {
  opacity: 0;
	transform: translate3d(0, 10vw, 0) scale(2);
	transition-delay:1s;
}
.visual-first-effect.active .first-effect-content .effect-sub-text {
  opacity: 0;
	transform: translate3d(0, 5vw, 0) scale(2);
	transition-delay:1s;
}
.footer-space {
	padding: 0 10px;
}



.sub #fullpage02 .main-visual-text .main-visual-text-slide .main-slide-bg .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  background-image: url("../images/sub/premium-bg01.png?v=0503");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.sub #fullpage02 .main-visual-text .main-visual-text-slide.swiper-slide-active .main-slide-bg .bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}

.sub #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text {
    top: 130px;
	left: 20px;
}
.sub #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__label {
  color: #fff;
  font-size: 22px;
}
.sub #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
}
.sub #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-copyright {
  color: #fff;
  font-size: 13px;
  margin-top: -10px;
}



.sub #fullpage03 .main-visual-text .main-visual-text-slide .main-slide-bg .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.sub.location #fullpage03 .location-content .location-view-button-link {
  position: absolute;
  top: -3vw;
  right: 0;
  margin-right: 3vw;
  box-sizing: border-box;
}
.sub.location #fullpage03 .location-img {
	position: relative;
	margin: auto;
}
.sub.location #fullpage03 .location-content .location-view-button {
  width: 16vw;
  display: block;
  margin-left: auto;
}
.sub.location #fullpage03 .location-content > img {
  transition-delay: 2.1s;
}
.sub.location #fullpage03 .location-content img {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 2s;
  transition-delay: 2.3s;
}
.sub.location #fullpage03 .main-visual-text .main-visual-text-slide.swiper-slide-active .location-content img {
  opacity: 1;
  transform: translateZ(0);
}
.sub.location #fullpage03 .location-content {
  position: absolute;
  top: calc(163px + 100px);
}
.sub.location #fullpage03 .main-visual-text .main-visual-text-slide .main-slide-bg .bg {
  background-color: #fff;
  background-image: none;
}

.sub #fullpage03 .main-visual-text .main-visual-text-slide.swiper-slide-active .main-slide-bg .bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}


.sub #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text {
    top: 100px;
	left: 20px;
}
.sub #fullpage03 .brand-section .main-visual-text .main-visual-text-slide .main-visual-text-text {
	top: 20vw;
	left: 6vw;
}
.sub #fullpage03 .brand-section .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
	line-height: 1.1;
	padding-bottom: 3vw;
}
.sub #fullpage03 .location-section .main-visual-text .main-visual-text-slide .main-visual-text-text {
	position: static;
	padding-top: 20vw;
	padding-left: 6vw;
}
.sub.location #fullpage03 .location-section .location-content {
	position: relative;
	top: auto;
	padding:3vw 0 3vw;
}
.sub #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__label {
  color: #fff;
  font-size: 22px;
}
.sub #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
}
.sub #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-copyright {
  color: #fff;
  font-size: 14px;
  margin-top: -10px;
}
.sub.overview #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text {
  top: 100px
}
.sub.overview #fullpage03 .main-visual-text .main-visual-text-slide .main-slide-bg .bg {
  background-image: url(/m/assets/images/sub/overview-bg02.png?v=0503);
}

.sub.site .premium2-section .location-wrap {
  align-items: center;
  height: 100%;
}

.sub.brand #fullpage03 .main-visual-text .main-visual-text-slide .main-slide-bg .bg {
  background-image: url("../images/sub/brand-bg01.png?v=0503");
}
.sub.brand .location-section02 .location-bg .bg {
  background-image: url("../images/sub/brand-bg02.png?v=0503");
}
.sub.brand .location-section02 .location-bg.with-img h2 {
  padding: 0;
}
.sub.brand .location-section02 .location-bg.with-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub.location #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__label,
.sub.location #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-copyright,
.sub.location #fullpage03 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  color: #0f1f3e;
}

.sub-top-menu {
  z-index: 11;
  height: 54px;
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  opacity: 1;
}
.sub-top-menu.is--active {
  opacity: 1;
  transform: translateZ(0);
}
.sub-top-menu__item {
  letter-spacing: -0.5px;
  font-size: 16px;
  color: #999999;
}
.sub-top-menu__item + .sub-top-menu__item:before {
  content: "";
  width: 1px;
  height: 20px;
  background: #999999;
  opacity: 0.2;
  display: inline-block;
  margin: 0 30px;
  vertical-align: middle;
}
.sub-top-menu__item.is--active {
  color: #cadbed;
  font-weight: bold;
}
.sub-top-menu .sub-menu-depth-area {
  float: left;
}
.sub-top-menu .sub-menu-home__icon {
  float: left;
  width: 32px;
  height: 48px;
  background: url("/assets/images/sub/icon-sub-menu.png?v=0503") no-repeat center;
}
.sub-top-menu .sub-menu-home__link {
  display: block;
  height: 100%;
}
.sub-top-menu .sub-menu .sub-menu-depth {
  float: left;
  width: 165px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-image: url("/assets/images/sub/sub-dropdown-arrow.png?v=0503");
  padding-left: 20px;
  font-size: 16px;
  color: #999999;
  box-sizing: border-box;
  position: relative;
  line-height: 48px;
  font-weight: 500;
  margin-right: 10px;
  letter-spacing: -0.4px;
}
.sub-top-menu .sub-menu .sub-menu-depth + .sub-menu-depth {
  color: #999;
}
.sub-top-menu .sub-menu .sub-menu-depth + .sub-menu-depth:after {
  content: "";
  display: block;
  height: 23px;
  width: 1px;
  background-color: rgba(153, 153, 153, 0.3);
  position: absolute;
  left: 0;
  top: 12px;
}
.sub-top-menu .sub-menu .sub-menu-depth-list {
  display: none;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth-list {
  display: block;
  position: absolute;
  top: 42px;
  left: 0;
  border: 1px solid #d9d9d9;
  border-radius: 13px;
  padding: 0 20px;
  background: #fff;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth__item {
  width: 140px;
  height: 48px;
  border-bottom: 1px solid #d9d9d9;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth__item:last-child {
  border-bottom: 0px solid #d9d9d9;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth__link {
  display: block;
  height: 100%;
  padding-left: 14px;
  background: #fff;
  font-size: 15px;
  color: #444;
  line-height: 48px;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth__link:hover {
  color: var(--main-color);
}


.header.white:not(.is--active) .header-menu-button {
  color: #0f1f3e;
}
.header.white:not(.is--active) .header-menu-button .menu-button__line {
  background: #0f1f3e;
}


.header .header-menu-button {
  position: absolute;
  top: -18px;
  right: 0px;
  z-index: 1111;
  display: block;
  width: 57px;
  height: 99px;
  font-family: "trajan-pro-3";
  font-size: 16px;
  color: #CBB495;
  text-align: center;
}
.header .header-menu-button:before {
  content: 'MENU';
  width: 100px;
  position: absolute;
  margin-left: -90px;
  margin-top: -10px;
}
.header .header-menu-button .menu-button__line {
  width: 18px;
  height: 2px;
  margin: 0 auto 0;
  background: #CBB495;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header .header-menu-button .menu-button__line:before, .header .header-menu-button .menu-button__line:after {
  width: 24px;
  height: 2px;
  background: inherit;
  display: block;
  -webkit-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  content: "";
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header .header-menu-button .menu-button__line:before {
  top: 42px;
}
.header .header-menu-button .menu-button__line:after {
  top: 56px;
}

.header.is--active .header-menu-button:before {
  content: 'CLOSE';
  width: 100px;
  position: absolute;
  margin-left: -90px;
  margin-top: -10px;
}
.header.is--active .menu-button__line:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: #CBB495;
  top: 48px;
}
.header.is--active .menu-button__line:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background-color: #CBB495;
  top: 48px;
}
.header.is--active .menu-button__line {background-color: rgba(0,0,0,0);}
.header-menu-right {
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: -100%;
  box-sizing: border-box;
  top: 0;
  z-index: -1;
  display: flex;
  background: #1D255C;
  align-items: center;
  transition: all .8s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header.is--active .header-menu-right {
  z-index: -1;
  opacity: 1;
  left: 0;
}
.header.is--active .header-menu-right-bg {
  z-index: 300;
  box-sizing: border-box;
  background-image: url(../images/main/menu-bg.png?v=0503);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.header.is--active .header-menu-right.is--open.header-menu-right:before {
  display: block;
}
.header-menu-right-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  background-position: 50% 95%, 50% 0;
  background-image: url("/m/assets/images/common/menu-bg-bottom-logo.png?v=0503"), url("/m/assets/images/common/menu-bg.png?v=0503");
  background-repeat: no-repeat;
  background-size: 18.75vw, cover;
}
.header-menu-right__item {
  margin-bottom: 0vh;
  position: relative;
  width: 100%;
  text-align: center;
}
.header-menu-right__item:last-child {
  margin-bottom: 0;
}
.header-menu-right__item:nth-child(2) .header-menu-right-depth .header-menu-right-depth__item:nth-child(4):after {
  content: none;
}
@media screen and (min-width: 1560px) {
  .header-menu-right__item:nth-child(4) .header-menu-right-depth .header-menu-right-depth__item:nth-child(5):after {
    content: none;
  }
}
@media screen and (min-width: 1751px) {
  .header-menu-right__item:nth-child(4) .header-menu-right-depth .header-menu-right-depth__item:nth-child(6):after {
    content: none;
  }
}
.header-menu-right .header-menu-right-depth {
	display: none;
	padding: 0 6vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header-menu-right .header-menu-right-depth .header-menu-right-depth__link {
  color: #fff;
  transition: all 300ms ease;
  opacity: 0.58;
	font-family: "MinervaModernRegular", sans-serif;
	font-size: 4.2vw;
}
.header-menu-right .header-menu-right-depth .header-menu-right-depth__link:hover {
  color: #CBB495;
}
.header-menu-right .header-menu-right-depth .header-menu-right-depth__item {
  display: inline-flex;
	align-items: center;
}
.header-menu-right .header-menu-right-depth .header-menu-right-depth__item:after {
  display: inline-block;
	width: 1px;
	height: 13px;
	background-color: rgba(255,255,255,.13);
	content:'';
	margin: 0 3vw;
}
.header-menu-right .header-menu-right-depth .header-menu-right-depth__item.sp:before {
  display: inline-block;
	width: 1px;
	height: 13px;
	background-color: rgba(255,255,255,.13);
	content:'';
	margin: 0 3vw;
}
.header-menu-right .header-menu-right-depth .header-menu-right-depth__item:last-child:after {
  display: none;
}
.header-menu-right .header-menu-right__link {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
/* .header-menu-right .header-menu-right__link:after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	right: 3vw;
	top: 50%;
	border-left: 2px solid #242424;
	border-top: 2px solid #242424;
	transform: translate(-50%,-50%) rotate(135deg);
  transition: all ease .5s;
} */
.header-menu-right__item {
	padding-bottom: 3vw;
}
.header-menu-right__item.is--open .header-menu-right__link:after {
  transform: translate(-50%,-50%) rotate(225deg);
	border-color: #000;
}
.header-menu-right .header-menu-korean {
  height: 56px;
  opacity: 1;
  color: #a3a3a3;
  font-size: 8vw;
	letter-spacing: -0.05em;
  font-weight: 100;
  transition: all 0.3s ease;
}
.header-menu-right__item.is--open .header-menu-korean {
	color: #CBB495;
}
.img-copyright {
  font-size: 8px !important;
  letter-spacing: -0.3px;
  color: #fff !important;
  position: absolute !important;
  bottom: 10px !important;
  right: 5vw !important;
  margin: 0 !important;
  padding: 0 !important;
}
.landscaping-section .img-copyright {
	position: relative !important;
	width: 92vw !important;
  right: auto !important;
}
.community-section .tab-content {
	position: relative;
}
.community-section .img-copyright2 {
	left: auto !important;
	right: 5vw !important;
	bottom: 78vw !important;
}
.location-section .img-copyright {
	position: static !important;
	padding-top: 7vw !important;
}
.community-section .img-copyright3 {
	left: auto !important;
	right: 5vw !important;
	bottom: 10px !important;
}
.img-copyright.dark {
  color: #0f1f3e !important;
}
.img-copyright.left {
  right: auto !important;
  left: 5vw !important;
}
.img-copyright.center {
  left: 0 !important;
  right: 0 !important;
  padding: 0 2vw !important;
}
.img-copyright.narrow {
  right: 2vw !important;
  bottom: 2vw !important;
}
.main-open-img {
  position: absolute;
  z-index: 5;
  right: 10px;
  top: 60px;
  width: 18vw;
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
}

.main-visual-text .main-visual-text-slide.swiper-slide-active .main-open-img {
  opacity: 1;
  transform: translateZ(0);
}

.premium-section09 .premium-bg h2,
.premium-section08 .premium-bg h2,
.premium-section07 .premium-bg h2,
.premium-section06 .premium-bg h2,
.premium-section05 .premium-bg h2,
.premium-section04 .premium-bg h2,
.premium-section03 .premium-bg h2,
.premium-section02 .premium-bg h2 {
  padding-top: 0%;
}


.premium-list-type .premium-bg {
  height: 100%;
}
.premium-list-type {
  background: #091F40;
}

.premium-content-list {
  padding-top: 60px;
  height: 100%;
  box-sizing: border-box;
}
.premium-content-item + .premium-content-item {
}
.premium-content-item {
  position: relative;
  width: 100%;
  height: 25%;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
	align-items:flex-start;
}
.premium-section02.active .premium-bg h2 {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section02.active .premium-bg .tit {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section02.active .premium-bg .desc {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}

.premium-section03.active .premium-bg h2 {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section03.active .premium-bg .tit {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}
.premium-section03.active .premium-bg .desc {
  opacity: 1;
  transition: all 0.5s ease 1s;
  transform: translateZ(0);
}

.sub.premium #fullpage02 .premium-content-item:nth-child(even) .premium-content-item-text {
  text-align: left;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(even)  h2 {
  padding-right: 0;
  padding-left: 10%;
}
.sub.premium #fullpage02 .premium-content-item:nth-child(even) .desc {
  padding-right: 0;
  padding-left: 10%;
}
.premium-content-item:nth-child(even) {
  align-items: flex-start;
}
.premium-section02 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img1.png?v=0503");
}
.premium-content-item {
}
.premium-content-item:nth-child(2){
  transition-delay: 1s;
}
.premium-content-item:nth-child(3){
  transition-delay: 1.5s;
}
.premium-content-item:nth-child(4){
  transition-delay: 2s;
}
.premium-section02.active .premium-content-item,
.premium-section03.active .premium-content-item {
  opacity: 1;
}
.premium-section02.active .premium-content-item:nth-child(2) h2,
.premium-section03.active .premium-content-item:nth-child(2) h2 {
  transition-delay: 1.7s;
}

.premium-section02.active .premium-content-item:nth-child(2) .desc,
.premium-section03.active .premium-content-item:nth-child(2) .desc {
  transition-delay: 1.7s;
}
.premium-section02.active .premium-content-item:nth-child(3) h2,
.premium-section03.active .premium-content-item:nth-child(3) h2 {
  transition-delay: 2.2s;
}

.premium-section02.active .premium-content-item:nth-child(3) .desc,
.premium-section03.active .premium-content-item:nth-child(3) .desc {
  transition-delay: 2.2s;
}

.premium-section02.active .premium-content-item:nth-child(4) h2,
.premium-section03.active .premium-content-item:nth-child(4) h2 {
  transition-delay: 2.7s;
}

.premium-section02.active .premium-content-item:nth-child(4) .desc,
.premium-section03.active .premium-content-item:nth-child(4) .desc {
  transition-delay: 2.7s;
}

.premium-section02 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img2.png?v=0503");
}
.premium-section02 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img3.png?v=0503");
}
.premium-section02 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img4.png?v=0503");
}
.premium-section03 .premium-content-item {
  background-image: url("/m/assets/images/sub/premium-img5.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(2) {
  background-image: url("/m/assets/images/sub/premium-img6.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(3) {
  background-image: url("/m/assets/images/sub/premium-img7.png?v=0503");
}
.premium-section03 .premium-content-item:nth-child(4) {
  background-image: url("/m/assets/images/sub/premium-img8.png?v=0503");
}

.sub.premium #fullpage02 .main-visual-text .main-visual-text-slide .main-visual-text-text .main-visual-text__description {
  line-height: 1.27;
}
.sub.premium #fullpage02 .premium-bg h2 small {
  display: block;
  color: inherit;
  font-size: 10px;
  margin-bottom: 5px;
}
.sub.premium #fullpage02 .premium-bg h2 {
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.1px;
  padding-left: 10%;
}
.sub.premium #fullpage02 .premium-bg .desc {
  padding-top: 4px;
  font-size: 12px;
  padding-left: 10%;
}

/*팝업*/
/*video_popup*/
#layerScreen {
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    filter: Alpha(opacity=30);
    opacity: 0.6;
    -moz-opacity: 0.3;
    display: none;
}
#layerScreen2 {
    z-index: 9997;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    filter: Alpha(opacity=30);
    opacity: 0.6;
    -moz-opacity: 0.3;
    display: none;
}
.video_pop {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    padding: 5%;
    z-index: 9999;
}

.video_pop>div {
    border: 2px solid #333;
}

.video_pop>div>iframe {
    margin: -12px 0 -17px;
}

.video_close {
    width: 100%;
    max-width: 337px;
    display: block;
    margin: auto;
    padding: 5px 10px;
    background: #333;
    text-align: right;
    color: #fff;
}


.popvideo {position:fixed; width:100%; max-width:640px; top: 30%; z-index: 10000; display: block;}
.popvideo .pop_wrap {position:relative;}
.popvideo .pop_wrap .video_con {position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;}
.popvideo .pop_wrap iframe,
.popvideo .pop_wrap object,
.popvideo .pop_wrap embed,
.popvideo .pop_wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popvideo span {position: absolute; left: 50%; top:-10%; transform: translateX(-50%);}

.popvideo span a {display: block;color:#fff;}
.popvideo span * {vertical-align: middle;}
.popvideo span a i {font-style:normal;}
.popvideo span a i::after {
  content: "\e870";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: 20px;
  color: #fff;
}

.popup-modal {position:fixed; width:100%; max-width:640px; top: 30%; z-index: 9998; display: block;}
.popup-modal .pop_wrap {position:relative;}
.popup-modal .pop_wrap .video_con {position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;}
.popup-modal .pop_wrap iframe,
.popup-modal .pop_wrap object,
.popup-modal .pop_wrap embed,
.popup-modal .pop_wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup-modal span {position: absolute; left: 50%; top:-10%; transform: translateX(-50%);}

.popup-modal span a {display: block;color:#fff;}
.popup-modal span * {vertical-align: middle;}
.popup-modal span a i {font-style:normal;}
.popup-modal span a i::after {
  content: "\e870";
  display: inline-block;
  font-family:Linearicons-Free;
  font-size: 20px;
  color: #fff;
}

/* 홍보영상 추가*/
.tv-area .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 0;
}
.tv-area .video-container iframe,
.tv-area .video-container object,
.tv-area .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bottom-bar {
  z-index: 200;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.bottom-bar__link {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
	color: var(--main-color);
}
.bottom-bar__link b {
	color: var(--main-color);
	font-weight: 700;
}
.bottom-bar__link + .bottom-bar__link {
  background: var(--main-color);
	color: #fff;
	font-size: 15px;
}

.bottom-bar__link img {
  height: 18px;
}
.bottom-bar__link img{
  margin-right: 5px;
}
.bottom-bar__link + .bottom-bar__link b{
  color: #fff;
	letter-spacing: 1px;
}



.popup-close-button {
  position: absolute;
	z-index: 10000;
	top: 22vw;
	right: calc(50% - 6vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  gap: 5px;
  width: 10vw;
  height: 10vw;
  padding: 0.3vw;
  border-radius: 50%;
  box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}
.quick-menu-popup.is--active {
  background-image: url("/assets/images/common/popup-close-btn.png?v=0503");
}
.popup-close-button.left {
  position: absolute;
	top: auto;
	bottom: 10vw;
	right: 6vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  gap: 5px;
  width: 10vw;
  height: 10vw;
  padding: 0.3vw;
  border-radius: 50%;
  box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}

.popup-area-bg {
	position: fixed;
	background-color: rgba(0,0,0,.4);
    background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 14;
	display: none;
    transition: transform 1000ms ease-in;
}
.popup-area-bg.is--active {
	display: block;
    transition: transform 1000ms ease-in-out;
}
.tv-wrap {
	width: 100%;
	height: 100%;
	text-align: center;
	margin: auto;
	padding-top: 65vw;
	display: flex;
	justify-content: center;
}
.tv-content {
	position: relative;
	width: 100%;
	height: 100%;
}
 .tv-area {
 	width: 100%;
	 transition: all 1s ease;
 }
.tv-area .tv-content-nav {
	position: relative;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 30px;
}
.tv-area .tv-content-nav li {
	width: 100%;
	height: 30px;
	position: relative;
}
.tv-area .tv-content-nav li:last-child {
	margin-right: 0;
}
.tv-area .tv-content-nav li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #f7f7f7;
	transition: all .5s;
	font-size: 2.8vw;
	color: #333;
}
.tv-area .tv-content-nav li a:hover,.tv-area .tv-content-nav li a.is--active {
	background: #CBB495;
	color: #fff;
}
.pb50 {
	padding-bottom: 50px;
}