@charset "UTF-8";
@import "vendors/swiper.css";
@import "vendors/jquery.fullpage.css";
@import "tab.css";
@import "vendors/aos.css";
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');
@import url("https://use.typekit.net/snp0ziu.css");
:root {
  --main-color: #29263F;
  --sub-color: #7F6145;
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 200;
  src: url("../fonts/NotoSansKR-Thin.eot");
  src: url("../fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Thin.woff2") format("woff2"), url("../fonts/NotoSansKR-Thin.woff") format("woff"), url("../fonts/NotoSansKR-Thin.otf") format("opentype");
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 300;
  src: url("../fonts/NotoSansKR-Light.eot");
  src: url("../fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../fonts/NotoSansKR-Light.woff") format("woff"), url("../fonts/NotoSansKR-Light.otf") format("opentype");
}
/*normal*/
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 400;
  src: url("../fonts/NotoSansKR-Regular.eot");
  src: url("../fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../fonts/NotoSansKR-Regular.woff") format("woff"), url("../fonts/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 600;
  src: url("../fonts/NotoSansKR-Medium.eot");
  src: url("../fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../fonts/NotoSansKR-Medium.woff") format("woff"), url("../fonts/NotoSansKR-Medium.otf") format("opentype");
}
/*bold*/
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 700;
  src: url("../fonts/NotoSansKR-Bold.eot");
  src: url("../fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../fonts/NotoSansKR-Bold.woff") format("woff"), url("../fonts/NotoSansKR-Bold.otf") format("opentype");
}
@font-face {
  font-family: 'NotoSansKR';
  font-weight: 800;
  src: url("../fonts/NotoSansKR-Black.eot");
  src: url("../fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../fonts/NotoSansKR-Black.woff") format("woff"), url("../fonts/NotoSansKR-Black.otf") format("opentype");
}
@font-face {
  font-family: 'TrajanPro';
  src: url("../fonts/TrajanPro-Bold.eot");
  src: url("../fonts/TrajanPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TrajanPro-Bold.woff2") format("woff2"), url("../fonts/TrajanPro-Bold.woff") format("woff");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: 'TrajanPro';
  src: url("../fonts/TrajanPro-Regular.eot");
  src: url("../fonts/TrajanPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TrajanPro-Regular.woff2") format("woff2"), url("../fonts/TrajanPro-Regular.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
/*normal*/
@font-face {
  font-family: "SDGothicNeo2";
  font-weight: 400;
  src: url("/apt/assets/fonts/subset-SdGntwR.woff2") format("woff2"), url("/apt/assets/fonts/subset-SdGntwR.woff") format("woff"), url("/apt/assets/fonts/subset-SdGntwR.svg#subset-SdGntwR") format("svg");
}
@font-face {
  font-family: "SDGothicNeo2";
  font-weight: 500;
  src: url("/apt/assets/fonts/subset-SdGntwM.woff2") format("woff2"), url("/apt/assets/fonts/subset-SdGntwM.woff") format("woff"), url("/apt/assets/fonts/subset-SdGntwM.svg#subset-SdGntwM") format("svg");
}
/*bold*/
@font-face {
  font-family: "SDGothicNeo2";
  font-weight: 600;
  src: url("/apt/assets/fonts/subset-SdGntwB.woff2") format("woff2"), url("/apt/assets/fonts/subset-SdGntwB.woff") format("woff"), url("/apt/assets/fonts/subset-SdGntwB.svg#subset-SdGntwB") format("svg");
}
@font-face {
  font-family: "SDGothicNeo2";
  font-weight: 700;
  src: url("/apt/assets/fonts/subset-SdGntwS.woff2") format("woff2"), url("/apt/assets/fonts/subset-SdGntwS.woff") format("woff"), url("/apt/assets/fonts/subset-SdGntwS.svg#subset-SdGntwS") format("svg");
}
@font-face {
  font-family: "SDGothicNeo2";
  font-weight: 800;
  src: url("/apt/assets/fonts/subset-SdGntwE.woff2") format("woff2"), url("/apt/assets/fonts/subset-SdGntwE.woff") format("woff"), url("/apt/assets/fonts/subset-SdGntwE.svg#subset-SdGntwE") format("svg");
}

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

*, body {
  font-family: "SDGothicNeo2", 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;
  color: inherit;
}

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;
}

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

.header {
  position: absolute;
  width: 100%;
	min-width: 1730px;
  height: 80px;
  z-index: 115;
  padding: 14px 7% 0 2.5%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  transition: height .4s, background-color .4s;
  z-index: 100;
	background-color: transparent;
}
.header:after {
  opacity: 0;
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px solid #e0e0e0;
  background: #ffffff;
  position: absolute;
  top: 80px;
  left: 0;
  transition-property: opacity, height;
  transition-timing-function: ease-in-out;
  transition-duration: .4s;
}
.header-logo {
  width: 383px;
  height: 39px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-image: url("../images/common/logo.png");
  flex: none;
  margin-top: 13px;
}
.header-logo__link {
  display: block;
}
.header-menu {
  padding-top: 20px;
  text-align: center;
  z-index: 11;
}
.header-menu .header-menu__item-wide .header-menu-depth {
  width: 220%;
  left: -58%;
}
.header-menu-list {
  display: flex;
}
.header-menu__item {
  padding: 0 2.2vw 25px;
  position: relative;
}

.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: 16px;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  font-weight: 400;
}
.header-menu .header-menu__link:after {
  content: '';
  position: absolute;
  width: 0;
  height: 3px;
  background: #272759;
  left: 0;
  bottom: -30px;
  -webkit-transition: all 0.5s ease .1s;
  -moz-transition: all 0.5s ease .1s;
  -o-transition: all 0.5s ease .1s;
  transition: all 0.5s ease .1s;
}
.header-menu .header-menu-depth {
  position: absolute;
  width: 160px;
  left: calc(50% - 80px);
  padding-top: 50px;
  height: 0;
  opacity: 0;
  transition-property: opacity, height;
  transition-timing-function: ease-in-out;
  transition-duration: .8s;
  box-sizing: border-box;
}

.header-menu .header-menu-depth__link {
  display: block;
  color: #2b2b2b;
  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: #1f2839;
  font-weight: 600;
}
.header-tel {
  flex: none;
  margin-top: 7px;
  width: 288px;
  height: 45px;
  background-repeat: no-repeat;
  background-image: url("../images/common/header-tel.png");
  background-position: 100% 50%;
}
.header.is--blue {
  background: #ffffff;
}
.header.is--blue .header-logo {
  background-image: url("../images/common/logo-color.png");
}
.header.is--blue .header-menu__link {
  
}
/* .header.is--blue .header-tel {
  background-image: url("../images/common/header-tel-blue.png");
} */
.header.is--show-depth {
  background: #fff;
  z-index: 100;
}
.header.is--show-depth:after {
  height: 290px;
  opacity: 1;
}
.header.is--show-depth .header-menu .header-menu__link {
	color: #232323;
}
.header.is--show-depth .header-logo {
  background-image: url("../images/common/logo-color.png");
}
.header.is--show-depth .header-tel {
  background-image: url("../images/common/header-tel-color.png");
}
.header.is--show-logo .header-logo {
  background-image: url("../images/common/logo.png");
}
.header.is--show-depth .header-menu__item:hover .header-menu__link {
  font-weight: 600;
}
.header.is--show-depth .header-menu__item:hover .header-menu__link:after {
  width: 100%;
}
.header.is--show-depth .header-menu-depth {
  height: auto;
  opacity: 1;
}
.header.is--show-depth .header-menu-depth__link {
  padding: 9px 0;
  font-size: 16px;
  font-weight: 300;
  height: auto;
  opacity: 1;
}

.header.is-black {
  background: #fff;
  z-index: 100;
}

.header.is-black .header-menu .header-menu__link {
	color: #232323;
}
.header.is-black .header-logo {
  background-image: url("../images/common/logo-color.png");
}
.header.is-black .header-tel {
  background-image: url("../images/common/header-tel-color.png");
}
.header.is--show-logo .header-logo {
  background-image: url("../images/common/logo.png");
}


@media screen and (max-width: 1900px) {
  .header-menu .header-menu-depth {
	  width: 140px;
    left: calc(50% - 70px);
	}
}

.footer {
  width: 100%;
  background: #272727;
	position: relative;
  color: #b3b3b3;
  display: flex;
  align-items: center;
  box-sizing: border-box;
	padding: 2vw;
}
.footer .footer-banner {
	position: absolute;
	top: 2vw;
	right: 3vw;
}
.footer-text {
}
.footer-text__item {
  font-size: 14px;
  font-weight: 300;
  line-height: 0.94;
  letter-spacing: -0.05em;
  text-align: left;
  margin-top: 10px;
  display: flex;
  align-items: center;
}

/* .footer-text__item:first-child {
  margin-top: 0;
  color: #b4720d;
} */
.footer-text__item-copyright {
  color: #b3b3b3;
  margin-top: 12px;
  text-transform: uppercase;
	font-size: 12px;
  font-family: "Pretendard", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.footer-separator {
	font-size: 10px;
	color: #b3b3b3;
	margin: 0px 10px;
}
.footer.is--white.footer {
  width: 100%;
  height: 216px;
  background: #fafafa;
  color: #808080;
  display: flex;
  align-items: center;
  padding-left: 105px;
  box-sizing: border-box;
}
.footer.is--white.footer-text {
  margin-left: 93px;
}
.footer.is--white.footer-text__item {
  font-size: 16px;
  font-weight: 300;
  line-height: 0.94;
  letter-spacing: -0.32px;
  text-align: left;
  margin-top: 10px;
  display: flex;
  align-items: center;
}

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

.layout {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.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;
}

main.sub,
main.main,
body,
html {
  overflow-x: hidden;
}

.is--IE11 .model-house-video-area .model-house-video {
  min-width: 101%;
  min-height: 101%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.is--IE11 .model-house-content .model-house-unit__item .model-house-unit-content {
  display: none;
}
.is--IE11 .model-house-content .model-house-unit__item.is--active .model-house-unit-content {
  display: block;
}

.model-house-button-area {
  z-index: 11;
  position: absolute;
  bottom: 0;
  right: 5%;
  height: 294px;
}
.model-house-button-area .model-house-button {
  width: 425px;
  height: 100%;
  padding: 70px 0 0 42px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.63);
  background-repeat: no-repeat;
  background-position: 100% 0;
  border-radius: 50px 50px 0 0;
  background-image: url("../images/main/model-house-button-pattern.png");
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.model-house-button-area .model-house-button .model-house-button__text {
  font-size: 20px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: -1px;
  text-align: left;
  color: #000000;
  margin: 21px 0 26px;
}
.model-house-button-area .model-house-button-model-area {
  position: absolute;
  bottom: 0;
  right: 0;
}
.model-house-button-area .model-house-button-model-area .button-model-text {
  position: absolute;
  bottom: 22%;
  left: -44%;
  z-index: -1;
}

.model-house {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #001241;
  z-index: 111;
  color: #ffffff;
  display: flex;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/common/model-house-content-logo.png"), url("../images/common/model-house-content-bg.png");
  background-position: calc(100% - 28px) 0, 100% 100%;
  background-size: auto, contain;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition-property: transform;
  transition-timing-function: ease-in-out;
  transition-duration: .5s;
}
.model-house.is--active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.model-house-video-area {
  width: 48.22%;
  background: #000;
  position: relative;
  overflow: hidden;
}
.model-house-video-area .model-house-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.model-house-video-area .visual-wrap.swiper-slide-video-area {
  position: relative;
  z-index: 1;
}
.model-house-video-area .toggle {
  position: absolute;
  top: calc(50% - 33.5px);
  left: calc(50% - 33.5px);
}
.model-house-video-area .toggle.is--hide {
  opacity: 0;
}
.model-house-video-area .is--hide {
  display: none;
}
.model-house-content {
  width: 51.78%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  padding-right: 8.8%;
  box-sizing: border-box;
  position: relative;
}
.model-house-content .model-house-header {
  position: relative;
}
.model-house-content .model-house-header .model-house-content__title {
  font-size: 29px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -1.45px;
  text-align: right;
  color: #ffffff;
  padding-top: 83px;
}
.model-house-content .model-house__subject {
  margin: 50px 0 18px;
  font-size: 30px;
  font-weight: 300;
  line-height: 0.6;
  letter-spacing: -1.5px;
  color: #ffffff;
  text-transform: uppercase;
}
.model-house-content .model-house-unit {
  padding-left: 5%;
  padding-top: 50px;
}
.model-house-content .model-house-unit-list {
  margin-top: 18px;
  height: 364px;
  display: flex;
  flex-wrap: nowrap;
}
.model-house-content .model-house-unit__name {
  font-size: 25px;
  font-weight: 300;
  line-height: 0.72;
  letter-spacing: -1.25px;
}
.model-house-content .model-house-unit__item {
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
  height: 100%;
  width: calc(25.5% - 1px);
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: 50% 50%;
  background-image: url("../images/common/model-house-unit1.png");
}
.model-house-content .model-house-unit__item + .model-house-unit__item {
  margin-left: 2px;
}
.model-house-content .model-house-unit__item:nth-child(2) {
  background-image: url("../images/common/model-house-unit2.png");
}
.model-house-content .model-house-unit__item:nth-child(3) {
  background-image: url("../images/common/model-house-unit3.png");
}
.model-house-content .model-house-unit__item.is--active {
  width: 49%;
}
.model-house-content .model-house-unit__item.is--active .model-house-unit-content {
  opacity: 1;
  width: 100%;
  padding: 19px 12px;
}
.model-house-content .model-house-unit__item.is--active .model-house-unit-content .unit-content__name,
.model-house-content .model-house-unit__item.is--active .model-house-unit-content .unit-content__link {
  opacity: 1;
  transition-delay: .5s;
}
.model-house-content .model-house-unit-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  opacity: 0;
  background: #ffffff;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease .1s;
  -moz-transition: all 0.5s ease .1s;
  -o-transition: all 0.5s ease .1s;
  transition: all 0.5s ease .1s;
}
.model-house-content .model-house-unit-content .unit-content__name {
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
  line-height: 0.72;
  letter-spacing: -1.25px;
  text-align: right;
  color: #00113f;
  display: block;
  border-bottom: 2px solid;
  padding-bottom: 12px;
  margin-bottom: 18px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.model-house-content .model-house-unit-content .unit-content__item + .unit-content__item {
  margin-top: 2px;
}
.model-house-content .model-house-unit-content .unit-content__link {
  transition-property: opacity;
  transition-timing-function: ease-in-out;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.9px;
  color: #808080;
  border-radius: 22px;
  height: 44px;
  background-color: #ececec;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  display: flex;
  align-items: center;
  padding: 0 16px;
  opacity: 0;
  background-image: url("../images/common/model-house-arrow.png");
}
.model-house-content .model-house-unit-content .unit-content__link:hover {
  color: #00113f;
  background-color: #cadbed;
}
.model-house .model-house-quick-menu {
  position: absolute;
  bottom: 58px;
  width: 100%;
  display: flex;
}
.model-house .model-house-quick-menu .model-house-quick__item {
  max-width: 163px;
  width: 16.4%;
}
.model-house .model-house-quick-menu .model-house-quick__button {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.9px;
  text-align: center;
  color: #ffffff;
  padding-bottom: 16px;
  border-bottom: 2px solid;
}
.model-house .model-house-quick-menu .model-house-quick__button.is--active, .model-house .model-house-quick-menu .model-house-quick__button:hover {
  color: #8eadce;
  border-color: #273d6c;
}
.model-house-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 126px;
  height: 34px;
  background-repeat: no-repeat;
  background-image: url("../images/common/model-house-close.png");
}

.main-section {
  width: 100%;
}

.main-section-visual {
  height: 100vh;
}
.main-section-visual .main-visual {
  overflow: hidden;
  height: 100%;
}
.main-section-visual .main-visual-swiper-slide {
  overflow: hidden;
}
.main-section-visual .main-visual-swiper-slide .main-slide-bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -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;
}
.main-section-visual .main-visual-swiper-slide .main-slide-text {
  position: absolute;
  left: 85px;
  top: 0;
  display: flex;
  padding-top: 8%;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  color: #ffffff;
}
.main-section-visual .main-visual-swiper-slide .main-slide-text .main-copyright {
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 2s;
  transition-delay: 0.2s;
}
.main-section-visual .main-visual-swiper-slide .main-slide-text .main-slide-text--sub {
  font-size: 23px;
  display: flex;
  align-items: center;
  letter-spacing: -0.4px;
	padding-top: 40px;
  opacity: 0;
  transform: translate3d(0, 100px, 0);
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 2s;
  transition-delay: 1s;
}
.main-section-visual .main-visual-swiper-slide .main-slide-text .main-slide-text--sub img {
  margin-left: 5px;
}
.main-section-visual .main-visual-swiper-slide1 .main-slide-bg {
  background-image: url("../images/main/main-visual-img1.png");
}
.main-section-visual .main-visual-swiper-slide2 .main-slide-bg {
  background-image: url("../images/main/main-visual-img2.jpg");
}
.main-section-visual .main-visual-swiper-slide3 .main-slide-bg {
  background-image: url("../images/main/main-visual-img3.jpg");
}
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-bg {
  -webkit-transform: scale(1.01, 1.01) rotate(0.002deg);
  transform: scale(1.01, 1.01) rotate(0.002deg);
}
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text .main-copyright,
.main-section-visual .main-visual-swiper-slide.swiper-slide-active .main-slide-text .main-slide-text--sub {
  opacity: 1;
  transform: translateZ(0);
}

.swiper-button-area {
  position: absolute;
  left: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
  opacity: 0;
  -webkit-transition: opacity .5s ease 2s;
  transition: opacity .5s ease 2s;
}
.swiper-button-area.show {
  opacity: 1;
}
.swiper-button-area .swiper-pagination {
  position: relative;
  display: inline-block;
}
.swiper-button-area .swiper-pagination-progressbar {
  width: 300px;
  height: 2px;
  background: rgba(255, 255, 255, 0.41);
  -webkit-transition: background .8s linear;
  transition: background .8s linear;
}
.swiper-button-area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
  -webkit-transition: background .8s linear;
  transition: background .8s linear;
}

.pagination-wrap {
  margin-left: 6px;
  width: 50px;
  position: relative;
}

.swiper-button-next, .swiper-button-prev {
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  display: block;
  top: 10px;
  left: 6px;
  width: 14px;
  height: 14px;
  background-image: url(../images/main/icon-arrow_prev.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -17px;
}

.swiper-button-next {
  left: auto;
  right: 0;
  background-image: url(../images/main/icon-arrow_next.png);
}

.main-quick-menu {
  position: absolute;
  left: 82px;
  bottom: 0;
  z-index: 11;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding-bottom: 58px;
}
.main-quick-menu-subject {
  margin-bottom: 37px;
}
.main-quick-menu__icon {
  margin-bottom: 29px;
}
.main-quick-menu .main-quick-menu-content {
  display: flex;
}
.main-quick-menu .main-quick-menu__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: -1px;
  text-align: center;
  color: #ffffff;
}
.main-quick-menu .main-quick-menu__link + .main-quick-menu__link {
  margin-left: 14px;
}

.side-quick-menu {
  width: 91px;
  position: absolute;
  right: 0;
  top: 135px;
  z-index: 10;
}
.side-quick-menu__link {
  display: block;
}

.main-section-content {
  height: 100%;
}
.main-section-content-premium {
  background-color: #ffffff;
  padding-top: 13%;
  box-sizing: border-box;
  height: 100vh;
}
.main-section-content-premium .swiper-wrapper {
  padding-left: 200px;
}
@media screen and (max-width: 1500px) {
  .main-section-content-premium .swiper-wrapper {
    padding-left: 100px;
  }
}
.main-section-content-premium .swiper-slide {
  display: flex;
}
.main-section-content-premium .premium-slide-text-area {
  padding-left: 0;
  padding-top: 40px;
  width: 480px;
  box-sizing: border-box;
  position: relative;
}
.main-section-content-premium .premium-slide-text-area .premium-slide__title {
  color: #273d6c;
  font-size: 37px;
  font-weight: 800;
  letter-spacing: -0.75px;
  margin-bottom: 34px;
  font-family: "TrajanPro", "Pretendard", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-section-content-premium .premium-slide-text-area .premium-slide-line {
  width: 0;
  height: 1px;
  background: #3f3f41;
  position: absolute;
  top: 154px;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s ease 1s;
  -moz-transition: all .5s ease 1s;
  -o-transition: all .5s ease 1s;
  transition: all .5s ease 1s;
}
.main-section-content-premium .premium-slide-text-area .premium-slide-text {
  color: #3f3f41;
  padding-left: 65px;
  position: relative;
}
.main-section-content-premium .premium-slide-text-area .premium-slide-text b {
  font-size: 32px;
  font-weight: 500;
  display: block;
  margin-bottom: 20px;
	line-height: 1.2;
}
@media screen and (max-width: 1900px) {
	.main-section-content-premium .premium-slide-text-area .premium-slide-text b {
		font-size: 1.8vw;
	}
}
.main-section-content-premium .premium-slide-text-area .premium-img-text {
  margin-top: 44px;
  margin-bottom: 54px;
  padding-left: 65px;
}
.main-section-content-premium .premium-slide-text-area .premium__link {
  width: 150px;
  border: 1px solid #ffffff;
  height: 38px;
  background-repeat: no-repeat;
  background-image: url("../images/main/premium-button-arrow.png");
  display: block;
  background-position: 83% 47%;
}
.main-section-content-premium .premium-slide-img-area {
  position: relative;
  display: inline-block;
}
.main-section-content-premium .premium-slide-img-text {
  position: absolute;
  left: 59px;
  bottom: 100px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.75;
  letter-spacing: -0.4px;
  text-align: left;
  color: #ffffff;
}
.main-section-content-premium .premium-slide-img-text b {
  font-size: 30px;
}
@media screen and (max-width: 1290px) {
  .main-section-content-premium .premium-slide-img-text {
    left: 45px;
  }
}
.main-section-content-premium .premium-slide-controller {
  position: absolute;
  bottom: 163px;
  left: 734px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0;
  opacity: 1;
  -webkit-transition: opacity .5s ease 2s;
  transition: opacity .5s ease 2s;
}
.main-section-content-premium .premium-slide-controller .swiper-pagination {
  position: relative;
  display: inline-block;
}
.main-section-content-premium .premium-slide-controller .swiper-pagination-progressbar {
  width: 360px;
  height: 2px;
  background: rgba(255, 255, 255, 0.41);
  -webkit-transition: background .8s linear;
  transition: background .8s linear;
}
.main-section-content-premium .premium-slide-controller .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
  -webkit-transition: background .8s linear;
  transition: background .8s linear;
}
@media screen and (max-width: 1700px) {
  .main-section-content-premium .premium-slide-controller {
    left: 750px;
  }
  .main-section-content-premium .premium-slide-controller .swiper-pagination-progressbar {
    width: 252px;
  }
}
@media screen and (max-width: 1500px) {
  .main-section-content-premium .premium-slide-controller {
    left: 650px;
  }
}
@media screen and (max-width: 1400px) {
  .main-section-content-premium .premium-slide-controller {
    left: 589px;
  }
  .main-section-content-premium .premium-slide-controller .swiper-pagination-progressbar {
    width: 225px;
  }
}
@media screen and (max-width: 1290px) {
  .main-section-content-premium .premium-slide-controller {
    left: 555px;
  }
  .main-section-content-premium .premium-slide-controller .swiper-pagination-progressbar {
    width: 210px;
  }
}
.main-section-content-premium .pagination-wrap {
  margin-left: 6px;
  width: 50px;
  position: relative;
  margin-top: -27px;
}
.main-section-content-premium .swiper-button-next, .main-section-content-premium .swiper-button-prev {
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  display: block;
  top: 10px;
  left: 6px;
  width: 14px;
  height: 14px;
  background-image: url(../images/main/icon-arrow_prev.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -17px;
}
.main-section-content-premium .swiper-button-next {
  left: auto;
  right: 0;
  background-image: url(../images/main/icon-arrow_next.png);
}

.main-section-content-premium .premium-slide-text-area .premium-slide-text {
  transition-delay: 1.2s;
}

.main-section-content-premium .premium-slide-text-area .premium-img-text {
  margin-top: 44px;
  margin-bottom: 54px;
  transition-delay: 1.4s;
}

.main-section-content-premium .swiper-slide.swiper-slide-active .premium-slide-text-area .premium-slide-line {
  width: 46px;
  opacity: 1;
}

.main-section-content-premium .premium-slide__title,
.main-section-content-premium .premium-slide-text,
.main-section-content-premium .premium-img-text {
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  -webkit-transition: all .5s ease .4s;
  -moz-transition: all .5s ease .4s;
  -o-transition: all .5s ease .4s;
  transition: all .5s ease .4s;
}

.main-section-content-premium .aos-animate.premium-slide__title {
  transition-delay: 5s;
}

/* .main-section-premium .swiper-slide.swiper-slide-active .premium-slide__title,
.main-section-premium .swiper-slide.swiper-slide-active .premium-slide-text,
.main-section-premium .swiper-slide.swiper-slide-active .premium-img-text {
  opacity: 1;
  transform: translateZ(0);
} */




/*프리미엄*/
.main-section-premium {
}
.main-section-premium .premium-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-section-premium .unit-inner .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 485px;
}
.main-section-premium .premium-header {
  opacity: 0;
  transform: translateY(3vw);
  transition: all 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  padding: 142px 0 31px;
  text-align: center;
  font-weight: 300;
  font-size: 26px;
  color: var(--main-color);
}
.main-section-premium .premium-header b {
  font-size: 46px;
  letter-spacing: normal;
  line-height: 1.8;
  vertical-align: -5px;
  font-family: "contralto-big", "Pretendard", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-section-premium .premium-header span em {
  font-size: 59px;
  letter-spacing: normal;
  vertical-align: 8px;
  font-family: inherit;
}

.main-section-premium .swiper-container {
  position: relative;
  width: 60vw;
  opacity: 0;
  transform: translateY(3vw);
  transition: all 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.main-section-premium .swiper-container .swiper-wrraper {
  position: relative;
  width: 100%;
}

.main-section-premium .button-area {
  width: 73vw;
  position: relative;
  top: 130px;
}
.main-section-premium .button-area .swiper-button-prev, .main-section-premium .button-area .swiper-button-next {
  width:100px;
  height:100px;
  margin: 0;
  transform: translateY(-50%);
  margin-right:5px;
  background-image: none;
}
.main-section-premium .button-area .swiper-button-prev::after {
  position: absolute;
  left: 35px; 
  top: 20px;
  content: '';
  width: 50px; /* 사이즈 */
  height: 50px; /* 사이즈 */
  border-top: 1px solid #000; /* 선 두께 */
  border-right: 1px solid #000; /* 선 두께 */
  transform: rotate(225deg); /* 각도 */
}
.main-section-premium .button-area .swiper-button-next::after {
  position: absolute;
  left: 10px; 
  top: 20px; 
  content: '';
  width: 50px; /* 사이즈 */
  height: 50px; /* 사이즈 */
  border-top: 1px solid #000; /* 선 두께 */
  border-right: 1px solid #000; /* 선 두께 */
  transform: rotate(45deg); /* 각도 */
}
.main-section-premium .swiper-container .box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 29px 37px 45px 28px;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: -0.05em;
  transition: all .5s ease;
}
.main-section-premium .swiper-container .box::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 60%;
  background-color: #EAEAEA;
}
.main-section-premium .swiper-container .swiper-slide-duplicate-prev .box::after {
	display: none;
}
.main-section-premium .swiper-container .box .icon {
  padding-bottom: 38px;
}
.main-section-premium .swiper-container .box .impact {
  font-size: 24px;
  font-weight: 900;
  color: var(--sub-color);
  font-family: "TrajanPro", "Pretendard", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  letter-spacing: normal;
}
.main-section-premium .swiper-container .box .desc {
	line-height: 1.5;
}
.main-section-premium .swiper-container .box .tit {
  font-size: 18px;
  color: var(--main-color);
  padding: 11px 0 6px;

}
.main-section-premium .swiper-container .box .link {
  opacity: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: -44px;
  width: 100%;
  padding: 20px 0 8px;
  font-size: 14px;
  color: var(--main-color);
  transform: translateX(-50px);
}
.main-section-premium .swiper-container .box .link::after {
  content: ">";
  display: inline-block;
  padding-left: 15px;
  color: var(--main-color);
  font-weight: 600;
}

/* MAIN premium */
.main-section-premium .main_con { height: 100vh; overflow: hidden; position: relative;}
.main-section-premium .main_con:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  width: 41.6666%;
  height: 100%;
  background: #222a66 url("../images/main/main_premium_bg.jpg") no-repeat 100% 50%;
  background-size: auto 100%;
  z-index: 1;
}
.main-section-premium .main_con .premium_text_swiper { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-765px, -50%); width: 640px; height: 720px; background: #fff; z-index: 999; overflow: hidden; }
.main-section-premium .main_con .premium_text_swiper .premium_tit { position: absolute; left: 50%; top: 100px; width: 460px; transform: translateX(-50%); }
.main-section-premium .main_con .premium_text_swiper .swiper-slide .text {position: absolute;left: 50%;top: 315px;width: 460px;height: 400px;padding: 30px 0 0 116px;transform: translateX(-50%);background: #fff url("../images/main/main_premium_icon1.png") no-repeat 0 0;}
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="1"] .text { background: #fff url("../images/main/main_premium_icon1.png") no-repeat 0 5px; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="2"] .text { background: #fff url("../images/main/main_premium_icon2.png") no-repeat 0 5px; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="3"] .text { background: #fff url("../images/main/main_premium_icon3.png") no-repeat 0 5px; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="4"] .text { background: #fff url("../images/main/main_premium_icon4.png") no-repeat 0 5px; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="5"] .text { background: #fff url("../images/main/main_premium_icon5.png") no-repeat 0 5px; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="6"] .text { background: #fff url("../images/main/main_premium_icon6.png") no-repeat 0 5px; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide .text::before { content: "PREMIUM 1"; display: block; position: absolute; top: 0px; left: 120px; width: px; height: px; font-family: "Montserrat"; font-size: 16px; color: #222a66; font-weight: 600; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="1"] .text::before { content: "PREMIUM 1"; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="2"] .text::before { content: "PREMIUM 2"; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="3"] .text::before { content: "PREMIUM 3"; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="4"] .text::before { content: "PREMIUM 4"; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="5"] .text::before { content: "PREMIUM 5"; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide[data-slide="6"] .text::before { content: "PREMIUM 6"; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide .text dt { font-size: 42px; letter-spacing: -1px; word-spacing: 2px; font-weight: 600; color: #222a66; }
.main-section-premium .main_con .premium_text_swiper .swiper-slide .text dd { font-size: 18px; color: #575756; padding: 26px 0 0; }
.main-section-premium .main_con .premium_text_swiper .premium_btn {
  position: absolute;
  left: 0;
  bottom: 100px;
  z-index: 999;
  left: 100px;
}
.main-section-premium .main_con #img_swiper1 { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-130px, -50%);
  width: 1080px;
  height: 720px; 
  overflow: hidden;
  z-index: 2;
}
.main-section-premium .main_con #img_swiper2 { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-1845px, -50%);
  width: 1080px;
  height: 720px; 
  overflow: hidden;  
  z-index: 2;
}
.main-section-premium .main_con .premium_img_swiper .swiper-slide .bg { position: absolute; right: 0; top: 0; width: 100%; height: 100%; }

.main-section-premium .main_con .control_area { 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-150px, -50%);
  width: 1080px;
  height: 70px; 
  overflow: hidden;
  z-index: 2;
  margin: 385px 0 0;
}
.main-section-premium .main_con .control_area .scroll_bar { display: flex; align-items: center; width: 120px; height: 2px; position: absolute; right: 520px; bottom: 8px; }
.main-section-premium .main_con .control_area .scroll_bar span {width: 100%; display: block; height: 2px; background: #4e5585; position: relative;}
.main-section-premium .main_con .control_area .scroll_bar i {position: absolute; left: 0; width: 0; background:#fff; height: 2px;}

.main-section-premium .main_con .control_area .current { position: absolute; right: 660px; bottom: 0; font-family: "Montserrat"; font-size: 18px; font-weight: 600; color: #fff; line-height: 1;}
.main-section-premium .main_con .control_area .total { position: absolute; right: 480px; bottom: 0; font-family: "Montserrat"; font-size: 18px; font-weight: 600; color: #9195b3; line-height: 1;}

.main-section-premium .main_con .control_area .button-prev { position: absolute; right: 700px; bottom: 0; width: 20px; height: 16px; }
.main-section-premium .main_con .control_area .button-prev::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: 600; background: url("../images/main/visual_prev.png") no-repeat 50% 50%;}
.main-section-premium .main_con .control_area .button-next { position: absolute; right: 435px; bottom: 0; width: 20px; height: 16px; }
.main-section-premium .main_con .control_area .button-next::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; font-weight: 600; background: url("../images/main/visual_next.png") no-repeat 50% 50%;}

.main-section-premium .main_con .control_area .copy {
  width: 300px;
  color: #9597ad;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1;
}
.main-section-premium .main_con .control_area .copy span {
  font-family: "Noto Sans KR";
  font-size: 15px;
}
.main-section-premium .main_con .control_area .copy strong {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
}

.main-section-premium.active .premium-header, .main-section-premium.active .swiper-container {
  opacity: 1;
  transition-duration: 2s;
  transform: translateX(0);
}
.main-section-premium.active .premium-header {
  transition-delay: .2s;
}
.main-section-premium.active .swiper-container {
  transition-delay: .7s;
}












/**/
.main-section-brand {
  background-image: url('../images/main/brand_pattern.png');
  background-color: var(--main-color);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  overflow: hidden;
}
.main-section-brand .brand-inner {
  position: relative;
  display:flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 53px 190px 100px 260px;
  overflow: hidden;
  box-sizing: border-box;
}
.main-section-brand .brand-inner .brand-left {
  width: 43vw;
	display:flex;
	gap:2vw;
}
.main-section-brand .brand-inner .brand-right {
  width: 29vw;
  opacity: 0;
  transform: translateX(3vw);
  transition: all .8s ease; 
}
.main-section-brand .brand-inner .brand-right .brand-text-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 30px;
  color: #fff;
}
.main-section-brand .brand-inner .brand-right .brand-text-area p {
  font-size: 38px;
  line-height: 1.15;
  font-weight: 200;
}
.main-section-brand .brand-inner .brand-right .brand-text-area .brand-text-img {
  padding: 20px 0 30px;
}
.main-section-brand .brand-inner .brand-right .brand-text-area .brand-list {
  line-height: 1.45;
}
.main-section-brand .brand-inner .brand-right .brand-text-area .brand-list td:first-child {
  padding-right: 10px;
  letter-spacing: -0.05em;
  font-weight: 500;
}
.main-section-brand .brand-header {
  opacity: 0;
  transform: translateX(-3vw);
  transition: all 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  text-align: center;
  color: #fff;
}
.main-section-brand .brand-header p {
  font-size: 70px;
  line-height: 1;
  font-family: "TrajanPro", "Pretendard", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}
.main-section-brand .brand-header span {
  display: block;
  font-size: 26px;
  padding: 106px 50px 10px;
}
.main-section-brand .brand-inner .brand-box {
  opacity: 0;
  transform: translateX(-3vw);
  transition: all .8s ease;
  display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}
.main-section-brand .brand-inner .brand-box1 {
	width: 65%;
}
.main-section-brand .brand-inner .brand-box2 {
	width: 35%;
}
.main-section-brand .brand-inner .brand-box p {
  padding: 10px 0 15px;
}
.main-section-brand .brand-inner .brand-box-center {
  width: 100%;
}
.main-section-brand .brand-inner .brand-box-left {
  width: 100%;
}
.main-section-brand .brand-inner .brand-box-right {
  width: 100%;
}
.main-section-brand .brand-inner .brand_img {
  width: 100%;
  height: 518px;
  background-image: url('../images/main/brand_img1.png');
	-webkit-background-size: cover;
	background-size: cover;
}
.main-section-brand .brand-inner .brand_img.brand_img2 {
  height: 220px;
  background-image: url('../images/main/brand_img2.png');
	-webkit-background-size: cover;
	background-size: cover;
}
.main-section-brand .brand-inner .brand_img.brand_img3 {
  height: 252px;
  background-image: url('../images/main/brand_img3.png');
	-webkit-background-size: cover;
	background-size: cover;
}
.main-section-brand .brand-box .brand-box_btn {
  display: block;
  padding-bottom: 5px;
}

.main-section-brand.active .left-motion {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  transform: scale(1);
  transition: transform 1.2s 1.25s ease-out, opacity 1.2s 1.25s ease-out, -webkit-clip-path 1.2s 1.25s ease-out;
  transition: transform 1.2s 1.25s ease-out, opacity 1.2s 1.25s ease-out, clip-path 1.2s 1.25s ease-out;
  transition: transform 1.2s 1.25s ease-out, opacity 1.2s 1.25s ease-out, clip-path 1.2s 1.25s ease-out, -webkit-clip-path 1.2s 1.25s ease-out;
}

.main-section-brand.active .brand-box-left .left-motion {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  transform: scale(1);
  transition: transform 1.2s .1.25s ease-out, opacity 1.2s .1.25s ease-out, -webkit-clip-path 1.2s .1.25s ease-out;
  transition: transform 1.2s .1.25s ease-out, opacity 1.2s .1.25s ease-out, clip-path 1.2s .1.25s ease-out;
  transition: transform 1.2s .1.25s ease-out, opacity 1.2s .1.25s ease-out, clip-path 1.2s .1.25s ease-out, -webkit-clip-path 1.2s .1.25s ease-out;
  transition-delay: 1.35s;
}
.main-section-brand.active .brand-box-right .left-motion {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  opacity: 1;
  transform: scale(1);
  transition: transform 1.2s .2.05s ease-out, opacity 1.2s .2.05s ease-out, -webkit-clip-path 1.2s .2.05s ease-out;
  transition: transform 1.2s .2.05s ease-out, opacity 1.2s .2.05s ease-out, clip-path 1.2s .2.05s ease-out;
  transition: transform 1.2s .2.05s ease-out, opacity 1.2s .2.05s ease-out, clip-path 1.2s .2.05s ease-out, -webkit-clip-path 1.2s .2.05s ease-out;
  transition-delay: 1.95s;
}
.main-section-brand.active .brand-header, .main-section-brand.active .brand-box, .main-section-brand.active .brand-right {
  opacity: 1;
  transition-duration: 2s;
  transform: translateX(0);
}
.main-section-brand.active .brand-header {
  transition-delay: .2s;
}
.main-section-brand.active .brand-box {
  transition-delay: 1.2s;
}
.main-section-brand.active .brand-right {
  transition-delay: 1.9s;
}

/* 평면안내 */
/* MAIN unit */
.main-section-unit .main_con { height: 100vh; padding-top: 80px;overflow: hidden; position: relative;}
.main-section-unit .main_con .control_area { position: absolute; left: 0; bottom: 20px; width: 500px; height: 80px; overflow: hidden; }
.main-section-unit .main_con .control_area .scroll_bar { display: flex; align-items: center; width: 310px; height: 2px; position: absolute; left: 98px; bottom: 8px; }
.main-section-unit .main_con .control_area .scroll_bar span {width: 100%; display: block; height: 2px; background: #dedcdf; position: relative;}
.main-section-unit .main_con .control_area .scroll_bar i {position: absolute; left: 0; width: 0; background:#222a66; height: 2px;}
.main-section-unit .main_con .control_area .current { position: absolute; left: 55px; bottom: 0; font-family: "Montserrat"; font-size: 18px; font-weight: 600; color: #222a66; line-height: 1;}
.main-section-unit .main_con .control_area .total { position: absolute; right: 50px; bottom: 0; font-family: "Montserrat"; font-size: 18px; font-weight: 600; color: #b4b4c4; line-height: 1;}
.main-section-unit .main_con .button-prev { position: absolute; left: 23px; bottom: 0; width: 20px; height: 16px; }
.main-section-unit .main_con .button-prev::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); color: #222a66; font-weight: 600; background: url("../images/main/visual_prev_blue.png") no-repeat 50% 50%;}
.main-section-unit .main_con .button-next { position: absolute; right: 15px; bottom: 0; width: 20px; height: 16px; }
.main-section-unit .main_con .button-next::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); color: #222a66; font-weight: 600; background: url("../images/main/visual_next_blue.png") no-repeat 50% 50%;}


.unit_area {
  overflow: hidden;
  width: 1680px;
  height: 800px;
  position: absolute;
  left: 35%;
  top: 50%;
  transform: translateY(-50%);
}
.unit_area .swiper-slide:nth-child(even) {
  margin: 100px 0 0;
}
.unit_text {
  margin: -40px 0 0;
  position: absolute;
  width: 35%;
  height: 505px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.unit_text .inner {
  width: 372px;
  position: absolute;
  right: 150px;
}
.unit_text .text { 
  margin: 0 0 90px;
}

.unit_area .unit_con_wrap{background-color: #8a6e4b; padding: 13px 40px;}
.unit_area .unit_con_wrap .unit_con_type{font-family: 'Montserrat'; font-size: 48px; font-weight: bold; color: #fff; letter-spacing: -1px; padding: 7px 0;}
.unit_area .unit_con_wrap .unit_con_text{float: right; font-family: 'Noto Sans CJK KR'; font-size: 22px; font-weight: 500; color: #fff; padding: 20px 0;}
/* 아파트 더보기 */
.btn_apt {
  display: inline-block;
  width: 300px;
  height: 53px;
  overflow: hidden;
  text-indent: -20000px;
  background: url("../images/main/btn_apt.png") no-repeat;
  -webkit-transition: background-image 1s;
  transition: background-image 1s;  
}
.btn_apt:hover {
  background: url("../images/main/btn_apt_hv.png") no-repeat;
  -webkit-transition: background-image 1s;
  transition: background-image 1s;
}

/* 오피스텔 더보기 */
.btn_office {
  display: inline-block;
  width: 300px;
  height: 53px;
  overflow: hidden;
  text-indent: -20000px;
  background: url("../images/main/btn_office.png") no-repeat;
  -webkit-transition: background-image 1s;
  transition: background-image 1s;  
}
.btn_office:hover {
  background: url("../images/main/btn_office_hv.png") no-repeat;
  -webkit-transition: background-image 1s;
  transition: background-image 1s;
}

.main-unit-header {
  padding-right: 120px;
  padding-bottom: 28px;
  text-align: right;
}
.main-unit__title {
  font-size: 66px;
  font-weight: bold;
  line-height: 0.83;
  letter-spacing: -3.3px;
  color: #001241;
  font-family: "TrajanPro", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
  margin-bottom: 23px;
}
.main-unit__description {
  font-size: 18px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: -0.9px;
  color: #001241;
}

.unit-swiper-container {
  height: 696px;
}
.unit-swiper-container .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.6;
}

.swiper-label-area {
	display: none;
  position: relative;
  padding: 15px 30px 50px 0;
  box-sizing: border-box;
  text-align: right;
  width: 806px;
  float: right;
  height: 126px;
}
.swiper-label-area.swiper-label-number-area {
  margin-top: -126px;
}
.swiper-label-area .swiper-label__number {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 126px;
  color: #f0f0f0;
  line-height: 126px;
  letter-spacing: -6.33px;
  font-weight: 700;
  display: block;
  z-index: -1;
  transition: all, linear 0.3s;
}
.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;
}
.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: #001241;
}

.unit-img-area {
  position: absolute;
  bottom: 62px;
  left: calc(100% - 1270px);
  width: 450px;
  height: 482px;
  background: #fff;
  z-index: 6;
}

.main-unit-button-area {
  position: absolute;
  top: 0;
  width: 450px;
  left: calc(100% - 1270px);
  background: #fff;
  padding-right: 80px;
  box-sizing: border-box;
}
.main-unit-button-area .main-unit__button {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.46;
  letter-spacing: -1.48px;
  text-align: right;
  color: #5c5c5c;
  display: block;
  padding-left: 100px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background-repeat: no-repeat;
  z-index: 1;
  padding-bottom: 10px;
  background-position: 0 100%;
}
.main-unit-button-area .main-unit__button span {
	display: inline-block;
	width: 72px;
	text-align: left;
}
.main-unit-button-area .main-unit__button.is--active {
  font-weight: 900;
  color: #001241;
  background-image: url("../images/main/unit-arrow.png");
}
.main-unit-button-area .main-unit__button.is--active:before {
  width: 273px;
  background: #f0f0f0;
}
.main-unit-button-area .main-unit__button:before {
  position: absolute;
  bottom: 13px;
  width: 0;
  height: 10px;
  display: block;
  content: "";
  z-index: -1;
  transition: all, linear 0.3s;
}
.main-unit-button-area .main-unit__button + .main-unit__button {
  margin-top: 10px;
}
.main-unit-button-area-94a1 {
  top: 40px;
}
.main-unit-button-area-94a {
  top: 80px;
}
.main-unit-button-area-84d {
  top: 120px;
}
.main-unit-button-area-84c {
  top: 160px;
}
.main-unit-button-area-84b {
  top: 200px;
}
.main-unit-button-area-84a {
  top: 240px;
}

.sub-top-bg {
  width: 100%;
  position: relative;
  padding-top: 100px;
  height: 455px;
  z-index: 10;
  background-image: url("../images/sub/sub-pattern.png");
  background-position: 0% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  box-sizing: border-box;
  background-color: var(--main-color);
	text-align: center;
}
.sub-top-bg.sub-top-bg2 {background-image: url("/apt/assets/images/sub/sub-top-bg2.png");}
.sub-top-bg.sub-top-bg3 {background-image: url("/apt/assets/images/sub/sub-top-bg3.png");}
.sub-top-bg.sub-top-bg4 {background-image: url("/apt/assets/images/sub/sub-top-bg4.png");}
.sub-top-deco {
  position: absolute;
  bottom: 0;
}
.sub-top-bg .sub-top-header {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-bottom: 3vw;
}
.sub-top-bg .sub-top-header .sub-top_text {
  opacity: 0;
  font-size: 47px;
  text-transform: capitalize;
  color: #fff;
  transform: translateY(3vw);
  transition: all 1s ease;
  transition-delay: .8s;
  font-family: "Italiana", "Pretendard", AppleSDGothicNeo, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

}
.sub-top-bg .sub-top-header .sub-top_img {
  opacity: 0;
  transform: translateX(3vw);
  position: absolute;
  right: 10vw;
  transition: all 1s ease; 
}
.sub-top-bg .sub-top-header .sub-top__title {
	font-size: 68px;
	line-height: 1.5;
}
.sub-top-bg .sub-top-header .sub-top__title-english {
	line-height: 1.230769;
	letter-spacing: 0.05em;
	color: rgba(255,255,255,.5);
	font-size: 26px;
	font-family: "Montserrat", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
}
.sub-top-bg .sub-top-header .sub-top__title-english > div {
	font-family: inherit;
}
.sub-top-menu {
  z-index: 11;
	position: absolute;
	bottom: 0;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
  transition-delay: 1.1s;
}
.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 .layout {
	background-color: #fff;
}
.sub-top-menu .sub-menu-depth-area {
  float: left;
}
.sub-top-menu .sub-menu-home__icon {
  float: left;
  width: 78px;
  height: 78px;
  background: url("/apt/assets/images/sub/icon-sub-menu.png") no-repeat center;
	background-color: var(--main-color);
}
.sub-top-menu .sub-menu-home__link {
  display: block;
  height: 100%;
}
.sub-top-menu .sub-menu .sub-menu-depth {
  float: left;
  width: 218px;
  height: 78px;
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-image: url("/apt/assets/images/sub/sub-dropdown-arrow.png");
  font-size: 16px;
  color: #999999;
  box-sizing: border-box;
  position: relative;
  line-height: 78px;
  font-weight: 500;
  margin-right: 10px;
  letter-spacing: -0.4px;
}
.sub-top-menu .sub-menu .sub-menu-depth + .sub-menu-depth {
  color: #484848;
}
.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: 28px;
}
.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: 70px;
  left: 0;
  border: 1px solid #d9d9d9;
  border-top: 0;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth__item {
  width: 218px;
  height: 48px;
  border-top: 1px solid #d9d9d9;
}
.sub-top-menu .sub-menu .sub-menu-depth:hover .sub-menu-depth__link {
  display: block;
  height: 100%;
  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);
}

.sub .sub-title {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.5;
}
.sub-top-bg.is-active .sub-top-header .sub-top_text {
	opacity: 1;
	transform: translateY(0);
}

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

/*0916 홍보영상 추가*/
.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%;
}

 .tv-area {
	 transition: all 1s ease;
 }
.tv-area .tv-content-nav {
	position: relative;
	display:flex;
	justify-content: center;
	margin-bottom: 50px;
}
.tv-area .tv-content-nav li {
	width: 25%;
	height: 50px;
	margin-right: 5px;
	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;
}
.tv-area .tv-content-nav li a:hover,.tv-area .tv-content-nav li a.is--active {
	background: #272759;
	color: #fff;
}

/*sub-page-notice*/
.page_info {
  width: 100%;
  color: #888;
  padding: 1rem 2rem;
  border: 1px solid #d1d1d1;
  margin: 50px auto 0;
  letter-spacing: -.04rem;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.page_info li {
	position: relative;
  font-size: 14px;
  color: #878787;
  line-height: 1.1rem;
	padding-left: 15px;
}
.page_info li + li {
  margin-top: 5px;
}

.page_info LI:before {
  content: "※";
	position: absolute;
	left: 0;
  display: inline-block;
  margin-right: .1rem;
  color: #878787;
  font-size: 14px;
}

/*팝업*/
.popvideo {position:fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; display: none;}
.popvideo .pop_wrap {
	position: relative;
	top: calc(50% - 200px);
	width: 620px;
	height: 600px;
	margin: 0 auto;
}
.popvideo span {position: absolute; left: 50%; top: -75px; margin-left: -24px;}
.popvideo span a {display: block;position:relative;padding-bottom:35px;text-align:center;color:#fff;}
.popvideo span * {vertical-align: middle;}
.popvideo span a i::after {
  content: "\e870"; 
  display: inline-block; 
  font-family:Linearicons-Free;
  font-size: 30px;
  color: #fff;
  position:absolute;
  bottom:0;
  left:10px;
}
.video_con {
	position: relative;
	padding-bottom:100%;
	height: 0;
	overflow: hidden;
}
.video_con iframe {
	position: absolute;
	top: 12%;
	left: 0;
	width: 100%;
  height: 56.25%;
}
.video_con video {
	position: absolute;
	top: 12%;
	left: 0;
	width: 100%;
  height: 56.25%;
}
#layerScreen {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: black;
	filter: Alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	display: none;
}
/*팝업존*/
.left-quick-menu {
	position: absolute;
	right: -55px;
}
.quick-menu-popup {
	width: 100%;
	display: block;
	text-align: center;
	box-sizing: border-box;
}
.quick-popup-close-btn {
	position: absolute;
	left: -37px;
	bottom: 0;
}
.quick-menu-popup .popup-text {
	font-size: 28px;
	color: #004040;
	font-weight: 300;
}

.popup-menu {
	width: 100%;
	display: block;
	padding: 2vw 0;
	position: absolute;
	bottom: 0;
	text-align: center;
	box-sizing: border-box;
	background-color: #fff;
  background-image: url("../images/common/popup-open-btn.png");
	background-repeat: no-repeat;
	background-position: 50% 91%;
}
.popup-menu.is--active {
  background-image: url("../images/common/popup-close-btn.png");
}
.popup-menu .popup-text {
	font-family: "Montserrat", "NotoSansKR", sans-serif, "Malgun Gothic", "맑은 고딕";
	font-size: 20px;
	color: #ee6f04;
	font-weight: bold;
	writing-mode: vertical-rl;
}

.popup-quick-area {
  position: absolute;
  z-index: 112;
  left: 0;
  top: 36%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all cubic-bezier(.1, .49, .42, .99) 1s;
  transform: translateX(-100%);
}
.popup-quick-area.is--active {
  transform: translateX(0);
}
.popup-quick-area.is--active .popup-open {
  display: none;
}
.popup-close {
	display: none;
}
.popup-quick-area.is--active .popup-close {
  display: block;
}
.popup-area ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.deco-area {
	display:flex;
  justify-content: space-between;
  align-items: center;
	height: 50px;
	gap:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.deco-area .deco {
	display:flex;
  justify-content: center;
  align-items: center;
	width: calc(70% - 2px);
	height:	100%;
	background-color: #e0e4ff;
}
.deco-area .deco2 {
	width: calc(30% - 2.5px);
	background-color: #ffe7e0;
}
.display-content .deco-area .deco {
	width: calc(66.6666% - 2px);
}
.display-content .deco-area .deco2 {
	width: calc(33.3333% - 2.5px);
}