@charset "UTF-8";
* {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

html {
  height: -webkit-fill-available;
  overflow-x: hidden; }
  @media (min-width: 1201px) and (min-aspect-ratio: 46 / 27) {
    html {
      font-size: 0.0925925925925926vh; } }
  @media (min-width: 1201px) and (max-aspect-ratio: 46 / 27) {
    html {
      font-size: 0.052083333333333vw; } }
  @media (max-width: 1200px) and (min-aspect-ratio: 46 / 27) {
    html {
      font-size: 0.075vh; } }
  @media (max-width: 1200px) and (max-aspect-ratio: 46 / 27) {
    html {
      font-size: 0.07vw; } }
  @media all and (max-width: 768px) {
    html {
      font-size: 0.266666666666667vw; } }
  @media all and (min-width: 500px) and (max-width: 768px) {
    html {
      font-size: 0.15vw; } }

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  overflow-x: hidden; }

#map_pc canvas {
  pointer-events: none; }

.mCSB_scrollTools {
  opacity: 0 !important; }

[class^="gsap-marker"] {
  z-index: -1;
  opacity: 0; }

.c-header__logo-img--wh {
  display: block;
  opacity: 0; }

.c-header__wrap .c-header__keyword {
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease; }

.c-header__wrap .c-header__menu-btn {
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease; }

.c-header__wrap .c-header__logo-img {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.c-header__wrap--floor-active .c-header__keyword {
  color: #fff; }

.c-header__wrap--floor-active .c-header__menu-btn {
  color: #fff; }

.c-header__wrap--floor-active .c-header__logo-img {
  position: absolute;
  top: 0;
  left: 0; }

.c-header__wrap--floor-active .c-header__logo-img--bk {
  opacity: 0; }

.c-header__wrap--floor-active .c-header__logo-img--wh {
  opacity: 1; }

.floor-order {
  z-index: -1; }

.floor-info-body [class^="gsap-marker"] {
  display: none !important; }

.c-footer {
  display: none; }
  @media all and (max-width: 768px) {
    .c-footer {
      display: block; } }

.top {
  right: 22rem;
  bottom: 54rem; }
  @media all and (max-width: 768px) {
    .top {
      right: 14rem;
      bottom: 15rem; } }

.quick {
  position: fixed;
  left: 60rem;
  bottom: 30rem;
  z-index: 110; }
  @media all and (max-width: 768px) {
    .quick {
      bottom: 20rem;
      left: 16rem; } }
  .quick--active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 30rem 60rem;
    width: 100%;
    background: #124734; }
    @media all and (max-width: 768px) {
      .quick--active {
        padding: 0; } }
    .quick--active .quick__list {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      @media all and (max-width: 768px) {
        .quick--active .quick__list {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: stretch;
          -webkit-align-items: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          padding: 29rem 41rem 117rem 34rem; } }
    .quick--active .quick__map-btn {
      display: block; }
    .quick--active .quick__all-btn--open {
      display: none; }
    .quick--active .quick__all-btn--close {
      display: inline-block; }
  .quick__all-btn {
    width: 100rem;
    height: 100rem;
    font-family: "ambit-semi";
    font-weight: 400;
    font-size: 40rem;
    color: #fff;
    background-color: #124734;
    border-radius: 80rem;
    box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.2); }
    @media all and (max-width: 768px) {
      .quick__all-btn {
        width: 60rem;
        height: 60rem;
        font-size: 21rem; } }
    .br-ie .quick__all-btn {
      line-height: 113rem; }
      @media all and (max-width: 768px) {
        .br-ie .quick__all-btn {
          line-height: 66rem; } }
    .br-win-ch .quick__all-btn {
      line-height: 106rem; }
      @media all and (max-width: 768px) {
        .br-win-ch .quick__all-btn {
          line-height: 66rem; } }
    .quick__all-btn--close {
      display: none;
      font-family: "ambit-semi";
      border: 3px solid #fff;
      background: url("/images/btn_floor_close.png") no-repeat 50% 50%/24rem;
      color: transparent;
      text-indent: -999999px;
      box-shadow: none; }
      @media all and (max-width: 768px) {
        .quick__all-btn--close {
          position: absolute;
          bottom: 20rem;
          left: 16rem;
          z-index: 10;
          border-width: 2px;
          background: url("/images/btn_floor_close.png") no-repeat 50% 50%/14rem; } }
  .quick__list {
    display: none;
    padding: 0 0 0 40rem; }
    @media all and (max-width: 768px) {
      .quick__list {
        padding: 0 40rem 0 35rem;
        width: 100%; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .quick__list {
        padding: 11rem 0 0 40rem; } }
  .quick__itm {
    margin: 0 29rem 0 0; }
    .quick__itm:first-of-type {
      margin: 0 35rem 0 0; }
    @media all and (max-width: 768px) {
      .quick__itm:nth-of-type(n) {
        margin: 0 0 11rem; }
      .quick__itm:first-child {
        margin: 8rem 0 -10rem; }
        .quick__itm:first-child .quick__tit {
          font-family: "roslindaletext"; }
          .br-win-ch {
            position: relative;
            top: -2rem; } }
  @media all and (max-width: 768px) {
    .quick__floor-btn {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .quick__tit {
    font-family: "roslindaletext";
    font-size: 32rem;
    color: #fff; }
    @media all and (max-width: 768px) {
      .quick__tit {
        font-family: "ambit-semi";
        font-size: 20rem;
        color: #fff;
        letter-spacing: -0.2rem; } }
  .quick__tit-all {
    position: relative; }
    .quick__tit-all:after {
      content: '';
      position: absolute;
      bottom: -6rem;
      left: 0;
      width: 100%;
      height: 3rem;
      background-color: #fff; }
    @media all and (max-width: 768px) {
      .quick__tit-all:after {
        height: 1.5rem; } }
    .br-ie .quick__tit-all {
      position: relative;
      top: -6px; }
    .br-win-ch .quick__tit-all {
      position: relative;
      top: -2px; }
  .quick__num {
    font-family: "ambit-semi";
    font-size: 32rem;
    color: #fff; }
    @media all and (max-width: 768px) {
      .quick__num {
        margin: -2rem 0 0 0;
        font-size: 14rem; } }
  .quick__txt {
    display: none; }
    @media all and (max-width: 768px) {
      .quick__txt {
        display: inline; } }
  .quick__floor-special {
    font-family: "ambit-semi"; }
  .quick__map-btn {
    display: none;
    position: absolute;
    right: 105rem;
    bottom: 49rem;
    padding: 11rem 25rem;
    border: 3rem solid #fff;
    border-radius: 32rem;
    font-family: "Noto Sans KR Medium";
    font-size: 24rem;
    color: #fff; }
    @media all and (max-width: 768px) {
      .quick__map-btn {
        bottom: 36rem;
        right: 16rem;
        padding: 6rem 15rem;
        border-width: 1px;
        font-size: 12rem;
        letter-spacing: -0.6rem; } }
    .br-win-ch .quick__map-btn {
      padding: 9rem 25rem 11rem; }

.vi {
  position: fixed;
  top: 0;
  left: 50%;
  width: calc(100vw + 200px);
  height: 100vh;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media all and (max-width: 768px) {
    .vi {
      top: auto;
      left: auto;
      bottom: 0;
      min-width: 0;
      width: 100%;
      height: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }
  .vi__img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
    @media all and (max-width: 768px) {
      .vi__img {
        width: 100%;
        height: auto; } }

.floor {
  position: relative; }
  .floor--info ~ .c-footer {
    display: none; }
  .floor--b2 .brd__itm--1 .brd__info {
    color: #000; }
  .floor--2 .brd__itm .brd__info {
    color: #000; }
  .floor--3 .brd__itm--1 .brd__info {
    color: #000; }
  @media all and (max-width: 768px) {
    .floor--5 .brd__itm--2 .brd__info {
      color: #000; } }
  .floor--6 .brd__itm--1 .brd__info {
    color: #000; }
  @media all and (max-width: 768px) {
    .floor--6 + footer {
      display: block; } }
  .floor__wrp {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor__wrp {
        display: inline-block;
        white-space: nowrap; } }
    @media all and (max-width: 768px) {
      .floor__wrp {
        display: block;
        position: relative;
        -webkit-perspective: none;
        perspective: none; } }
  .floor__otr {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor__otr {
        display: inline-block;
        vertical-align: middle; } }
    @media all and (max-width: 768px) {
      .floor__otr {
        display: block;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none; }
        .floor__otr:last-of-type {
          margin: 0; } }
    .floor__otr .floor__sec--visual img, .floor__otr .floor__sec--brand img {
      display: none; }
      @media all and (max-width: 768px) {
        .floor__otr .floor__sec--visual img, .floor__otr .floor__sec--brand img {
          display: block; } }
    .floor__otr--res-load .floor__sec--visual img, .floor__otr--res-load .floor__sec--brand img {
      display: block; }
  .floor__inr {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor__inr {
        display: inline-block;
        vertical-align: middle; } }
    @media all and (max-width: 768px) {
      .floor__inr {
        display: block; } }
  .floor__sec {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100vh;
    overflow: hidden; }
    @media all and (max-width: 768px) {
      .floor__sec {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        height: auto; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor__sec {
        display: inline-block;
        vertical-align: middle; } }
    .floor__sec--info {
      position: relative;
      padding: 19.72222vh 5.46296vh 5.55556vh 5.46296vh;
      min-width: 100vw;
      border-right: 1px solid #000;
      background-color: #fff;
      height: 100%; }
      @media all and (max-width: 768px) {
        .floor__sec--info {
          padding: 125rem 15rem 50rem;
          min-width: 0;
          height: 100vh;
          border-right: 0; } }
    .floor__sec--cover {
      min-width: 100vw;
      height: 100vh;
      background-color: #fff; }
      @media all and (max-width: 768px) {
        .floor__sec--cover {
          min-width: 0; } }
    .floor__sec--visual {
      min-width: 3200rem;
      width: 180vw; }
      @media all and (max-width: 768px) {
        .floor__sec--visual {
          min-width: 0;
          width: auto; } }
    .floor__sec--tag {
      min-width: 100vw;
      background-color: #fff; }
      @media all and (max-width: 768px) {
        .floor__sec--tag {
          min-width: 0; } }
    .floor__sec--brand {
      padding: 8.05556vh 0 0 0;
      min-width: 100vw;
      background-color: #fff; }
      @media all and (max-width: 768px) {
        .floor__sec--brand {
          padding: 0;
          min-width: 0; } }
    .floor__sec--map {
      min-width: 100vw;
      position: relative;
      background-color: #000; }
      @media all and (max-width: 768px) {
        .floor__sec--map {
          min-width: 0; } }
  .floor-info__list {
    position: absolute;
    bottom: 32rem;
    left: 57rem;
    z-index: 10;
    width: calc(100% - 118rem);
    height: auto; }
    .floor-info__list .motion-txt {
      overflow: hidden;
      visibility: hidden; }
      .floor-info__list .motion-txt.motion-txt--ko .txt-target {
        display: block;
        opacity: 0;
        -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
        transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
        visibility: hidden; }
      .floor-info__list .motion-txt .txt-target {
        display: inline-block;
        -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
        transform: translate(0, 100%);
        -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
        transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
      .floor-info__list .motion-txt.txt-hello {
        visibility: visible; }
        .floor-info__list .motion-txt.txt-hello .txt-target {
          -webkit-transform: translate(0, 0) rotate(0.001deg);
          -ms-transform: translate(0, 0) rotate(0.001deg);
          transform: translate(0, 0) rotate(0.001deg);
          -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
          transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
          transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(2) {
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(3) {
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s; }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(4) {
            -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(5) {
            -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(6) {
            -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s; }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(7) {
            -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s; }
          .floor-info__list .motion-txt.txt-hello .txt-target:nth-child(8) {
            -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s; }
        .floor-info__list .motion-txt.txt-hello.motion-txt--ko .txt-target {
          opacity: 1;
          visibility: visible; }
      .floor-info__list .motion-txt .txt-target {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    @media all and (max-width: 768px) {
      .floor-info__list {
        position: absolute;
        bottom: 34rem;
        left: 0;
        padding: 0 15rem;
        width: 100%; } }
  .floor-info__itm {
    padding: 0 0 22rem; }
    .floor-info__itm:last-of-type {
      padding: 0; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor-info__itm {
        padding: 2rem 0 12rem; } }
    @media all and (max-width: 768px) {
      .floor-info__itm {
        padding: 0 0 10rem; }
        .floor-info__itm:last-of-type {
          padding: 0; } }
    .floor-info__itm:hover .floor-info__tit {
      font-weight: 500;
      color: #124734; }
      @media all and (max-width: 768px) {
        .floor-info__itm:hover .floor-info__tit {
          color: inherit; } }
    .floor-info__itm:hover .floor-info__num {
      color: #124734; }
      @media all and (max-width: 768px) {
        .floor-info__itm:hover .floor-info__num {
          color: inherit; } }
    .floor-info__itm:hover .floor-info__img-box {
      margin: -17rem 0 0 14rem;
      width: 352rem; }
    .floor-info__itm:hover .floor-info__img-box {
      width: 352rem; }
  .floor-info__lnk {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10; }
  .floor-info__tit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "ambit-semi";
    font-size: 82rem;
    letter-spacing: -0.8rem;
    color: #000; }
    .floor-info__tit .img-box {
      position: relative;
      opacity: 0;
      -webkit-transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 1.3s cubic-bezier(0.19, 1, 0.22, 1), transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1); }
      .floor-info__tit .img-box:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #f0e4ed;
        -webkit-transition: height 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: height 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1); }
      .floor-info__tit .img-box.img-hello {
        opacity: 1; }
        .floor-info__tit .img-box.img-hello:after {
          height: 0; }
      .floor-info__tit .img-box:after {
        -webkit-transition: width 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1);
        transition: width 1s 0.1s cubic-bezier(0.19, 1, 0.22, 1); }
      .floor-info__tit .img-box.img-hello:after {
        width: 0;
        height: 100%; }
    @media all and (max-width: 768px) {
      .floor-info__tit {
        font-size: 30rem; } }
  .floor-info__special {
    display: inline-block;
    margin: -2rem 4rem 0 15rem;
    font-family: "ambit-semi"; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor-info__special {
        position: relative;
        top: 14rem; } }
    @media all and (max-width: 768px) {
      .floor-info__special {
        position: relative;
        top: 0;
        margin: 0rem 8rem 0 -1rem; }
        .br-safari .floor-info__special {
          top: 0; }
        .br-safari .floor-info__itm:hover .floor-info__special {
          top: 0; } }
  .floor-info__img-box {
    position: relative;
    width: 0;
    margin: 0;
    overflow: hidden;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out; }
    @media all and (max-width: 768px) {
      .floor-info__img-box {
        display: none; } }
  .floor-info__img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  .floor-info__txt:first-of-type {
    margin: 0 4rem 0 0; }
    @media all and (max-width: 768px) {
      .floor-info__txt:first-of-type {
        margin: 0 8rem 0 0; } }
  .floor-info__txt--1 {
    font-family: "roslindaletext";
    font-size: 78rem;
    letter-spacing: -0.4rem; }
    @media all and (max-width: 768px) {
      .floor-info__txt--1 {
        font-size: 30rem;
        letter-spacing: 0; } }
  .floor-info__txt--2 {
    margin: 0 0 0 17rem;
    font-family: "ambit-semi";
    letter-spacing: -2rem; }
    @media all and (max-width: 768px) {
      .floor-info__txt--2 {
        margin: 0;
        letter-spacing: 0; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .floor-info__txt--2 {
        position: relative;
        top: 12rem; } }
  .floor-info__num {
    margin: 1rem 0 0;
    font-family: "ambit-semi";
    font-weight: 400;
    font-size: 42rem;
    color: #000; }
    @media all and (max-width: 768px) {
      .floor-info__num {
        margin: 0 2rem 0 0;
        font-size: 18rem; } }
  .floor-info__bg-wrp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; }
  .floor-info__bg-box {
    opacity: 0;
    position: absolute; }
    @media all and (max-width: 768px) {
      .floor-info__bg-box {
        display: none; } }
    .floor-info__bg-box--active {
      opacity: 1; }
    .floor-info__bg-box--1 {
      right: 197rem;
      bottom: 161rem;
      width: 846rem; }
    .floor-info__bg-box--2 {
      right: 210rem;
      bottom: 107rem;
      width: 659rem; }
    .floor-info__bg-box--3 {
      right: 198rem;
      bottom: 157rem;
      width: 770rem; }
    .floor-info__bg-box--4 {
      right: 119rem;
      bottom: 146rem;
      width: 821rem; }
    .floor-info__bg-box--5 {
      right: 238rem;
      bottom: 114rem;
      width: 608rem; }
    .floor-info__bg-box--6 {
      right: 199rem;
      bottom: 143rem;
      width: 845rem; }
      @media all and (max-width: 768px) {
        .floor-info__bg-box--6 {
          display: block;
          right: 14rem;
          bottom: 284rem;
          width: 296rem;
          opacity: 1; } }
      @media all and (min-width: 500px) and (max-width: 768px) {
        .floor-info__bg-box--6 {
          bottom: 280rem;
          width: 588rem; } }
    .floor-info__bg-box--7 {
      right: 240rem;
      bottom: 100rem;
      width: 597rem; }
    .floor-info__bg-box--8 {
      right: 253rem;
      bottom: 177rem;
      width: 742rem; }
  .floor-info__bg-img {
    width: auto;
    max-width: 100%; }
  .floor__con {
    display: none; }
    .floor__con--active {
      display: block; }
  .floor__pre {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transition: -webkit-transform 0.05s ease;
    transition: -webkit-transform 0.05s ease;
    transition: transform 0.05s ease;
    transition: transform 0.05s ease, -webkit-transform 0.05s ease; }
    @media all and (max-width: 768px) {
      .floor__pre {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
    .floor__pre--active {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
    .floor__pre-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 46rem 0; }
      @media all and (max-width: 768px) {
        .floor__pre-wrap {
          height: 60rem;
          padding: 0; } }
    .floor__pre-tit {
      display: block;
      position: relative;
      font-family: "ambit-semi";
      font-size: 68rem;
      text-align: center;
      -webkit-transition: color 0.15s ease;
      transition: color 0.15s ease; }
      @media all and (max-width: 768px) {
        .floor__pre-tit {
          margin: 0 0 0 -13rem;
          font-size: 20rem;
          letter-spacing: 0.6rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .floor__pre-tit {
          top: 10rem; } }
    .floor__pre-txt {
      font-family: "roslindaletext";
      font-size: 68rem; }
      @media all and (max-width: 768px) {
        .floor__pre-txt {
          font-size: 21rem;
          letter-spacing: -0.5rem; } }
    .floor__pre-floor {
      position: absolute;
      top: -4rem;
      right: -54rem;
      font-family: "ambit-semi";
      font-size: 38rem;
      -webkit-transition: color 0.15s ease;
      transition: color 0.15s ease; }
      @media all and (max-width: 768px) {
        .floor__pre-floor {
          top: -2rem;
          right: -19rem;
          font-size: 12rem; } }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .floor__pre-floor {
          top: -7rem; } }
    .floor__pre-arrow {
      position: absolute;
      top: calc(50% + 3rem);
      right: 262rem;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 62rem;
      height: 58rem;
      background-image: url(/images/btn_floor_arrow.png);
      background-repeat: no-repeat;
      background-size: cover; }
      @media all and (max-width: 768px) {
        .floor__pre-arrow {
          top: calc(50% + -1rem);
          right: 53rem;
          background-image: url(/images/btn_floor_arrow_mo.png);
          width: 17rem;
          height: 16rem; } }
    .floor__pre--active {
      bottom: 0; }
    .floor__pre:hover .floor__pre-tit {
      color: #124734; }
      @media all and (max-width: 768px) {
        .floor__pre:hover .floor__pre-tit {
          color: inherit; } }
    .floor__pre:hover .floor__pre-floor {
      color: #124734; }
      @media all and (max-width: 768px) {
        .floor__pre:hover .floor__pre-floor {
          color: inherit; } }

.cloned__wrp {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%; }

.cloned__itm {
  border: 3px solid blue; }

.cover {
  position: relative;
  height: 100vh;
  background-color: #fff; }
  @media all and (max-width: 768px) {
    .cover {
      padding: 83rem 20rem 0 15rem; } }
  .cover__itr {
    position: relative; }
  .cover__tit {
    position: absolute;
    top: 183rem;
    left: 54rem;
    font-family: "ambit-semi";
    font-size: 82rem;
    line-height: 0.9;
    letter-spacing: -0.2rem; }
    @media all and (max-width: 768px) {
      .cover__tit {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 0 20rem;
        font-size: 43rem;
        line-height: 0.97; } }
  .cover__tit-word {
    font-family: "roslindaletext";
    font-size: 78rem; }
    @media all and (max-width: 768px) {
      .cover__tit-word {
        font-size: 40rem; } }
  .cover__txt {
    position: absolute;
    top: 290rem;
    left: 62rem;
    font-family: "Noto Sans KR Medium";
    font-size: 24rem;
    line-height: 1.5; }
    @media all and (max-width: 768px) {
      .cover__txt {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 0 27rem 3rem;
        font-size: 17rem;
        line-height: 1.45; } }
  .cover__img-box {
    position: absolute;
    top: 451rem;
    left: 59rem;
    width: 240rem; }
    @media all and (max-width: 768px) {
      .cover__img-box {
        position: relative;
        top: auto;
        left: 2rem;
        padding: 0 0 416rem 1rem;
        width: 87rem; } }
    .cover__img-box--dif {
      top: 415rem; }
      @media all and (max-width: 768px) {
        .cover__img-box--dif {
          top: auto; } }
  .cover .motion-txt {
    overflow: hidden;
    visibility: hidden; }
    .cover .motion-txt.motion-txt--ko .txt-target {
      display: block;
      opacity: 0;
      -webkit-transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1);
      transition: transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1.5s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1.5s cubic-bezier(0.15, 0.85, 0.45, 1);
      visibility: hidden; }
    .cover .motion-txt .txt-target {
      display: inline-block;
      -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      transform: translate(0, 100%);
      -webkit-transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
      transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1), transform 0.7s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
    .cover .motion-txt.txt-hello {
      visibility: visible; }
      .cover .motion-txt.txt-hello .txt-target {
        -webkit-transform: translate(0, 0) rotate(0.001deg);
        -ms-transform: translate(0, 0) rotate(0.001deg);
        transform: translate(0, 0) rotate(0.001deg);
        -webkit-transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1);
        transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1);
        transition: transform 1s cubic-bezier(0.15, 0.85, 0.45, 1), opacity 1s cubic-bezier(0.32, 0.94, 0.6, 1), -webkit-transform 1s cubic-bezier(0.15, 0.85, 0.45, 1); }
        .cover .motion-txt.txt-hello .txt-target:nth-child(2) {
          -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s; }
        .cover .motion-txt.txt-hello .txt-target:nth-child(3) {
          -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }
        .cover .motion-txt.txt-hello .txt-target:nth-child(4) {
          -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s; }
        .cover .motion-txt.txt-hello .txt-target:nth-child(5) {
          -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s; }
        .cover .motion-txt.txt-hello .txt-target:nth-child(6) {
          -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s; }
        .cover .motion-txt.txt-hello .txt-target:nth-child(7) {
          -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s; }
        .cover .motion-txt.txt-hello .txt-target:nth-child(8) {
          -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s; }
      .cover .motion-txt.txt-hello.motion-txt--ko .txt-target {
        opacity: 1;
        visibility: visible; }
  .cover__floor-box {
    position: absolute;
    bottom: -36rem;
    right: 61rem;
    display: block; }
    @media all and (max-width: 768px) {
      .cover__floor-box {
        bottom: 0;
        right: 15rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .cover__floor-box {
        bottom: 0;
        height: 500rem; } }
  .cover__floor {
    padding: 0 7rem 0 0;
    font-family: "ambit-semi";
    font-size: 580rem;
    text-align: right;
    letter-spacing: -34rem;
    color: #000; }
    @media all and (max-width: 768px) {
      .cover__floor {
        padding: 0;
        font-size: 180rem;
        letter-spacing: -7rem; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .cover__floor {
        line-height: 1.1; } }
  .cover--cloned {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 20;
    border: 20px solid red; }

.visual__wrp {
  position: relative;
  height: 100vh; }
  @media all and (max-width: 768px) {
    .visual__wrp {
      height: 150vh; } }

.visual__box {
  position: absolute; }
  .visual__box--1 {
    bottom: 178rem;
    left: 558rem; }
    @media all and (max-width: 768px) {
      .visual__box--1 {
        top: 100rem;
        right: 40rem;
        bottom: auto;
        left: auto; } }
  .visual__box--2 {
    bottom: 181rem;
    right: 1096rem; }
    @media all and (max-width: 768px) {
      .visual__box--2 {
        right: auto;
        bottom: 400rem;
        left: 34rem; } }
  .visual__box--3 {
    bottom: 181rem;
    right: 560rem; }
    @media all and (max-width: 768px) {
      .visual__box--3 {
        bottom: 28rem;
        right: 16rem; } }

.visual__img-box--1 {
  width: 474rem; }
  @media all and (max-width: 768px) {
    .visual__img-box--1 {
      width: 190rem; } }

.visual__img-box--2 {
  width: 591rem; }
  @media all and (max-width: 768px) {
    .visual__img-box--2 {
      width: 237rem; } }

.visual__img-box--3 {
  width: 476rem; }
  @media all and (max-width: 768px) {
    .visual__img-box--3 {
      width: 190rem; } }

.visual__txt-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15rem 0 0; }
  @media all and (max-width: 768px) {
    .visual__txt-box {
      margin: 8rem 0 0; } }

.visual__catagory {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  font-family: "roslindaletext";
  font-size: 18rem;
  letter-spacing: -0.3rem;
  color: #fff; }
  @media all and (max-width: 768px) {
    .visual__catagory {
      font-size: 10rem; } }

.visual__brand {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  font-family: "ambit-semi";
  font-size: 18rem;
  color: #fff; }
  @media all and (max-width: 768px) {
    .visual__brand {
      font-size: 10rem; } }

.tag__svg {
  width: 100vw;
  height: 100vh; }

.tag__itm {
  display: none; }

.brd__wrp {
  position: relative;
  height: 100%;
  overflow: hidden; }
  .brd__wrp::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 1px;
    background-color: #000; }
  .brd__wrp::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 1px;
    background-color: #000; }
  @media all and (max-width: 768px) {
    .brd__wrp {
      height: auto; } }

.brd__list {
  position: relative;
  width: 100vw;
  height: 100%; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .brd__list {
      z-index: 10; } }
  @media all and (max-width: 768px) {
    .brd__list {
      height: 680rem; } }

.brd__itm {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 91.94444vh;
  border-bottom: 1px solid #000; }
  @media all and (max-width: 768px) {
    .brd__itm {
      top: 100vh;
      height: 100%;
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease; } }
  .brd__itm.brd__itm--active .brd__main-tit span:last-of-type:before {
    top: 50%;
    right: 0;
    -webkit-transform: rotate(0deg) translateY(-50%);
    -ms-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s; }
  .brd__itm.brd__itm--active.brd__itm--large .brd__main-tit span:last-of-type:before {
    top: calc(50% + 3px) !important; }
  .brd__itm--1 {
    top: 0; }
  .brd__itm--2 {
    top: 100%; }
    @media all and (max-width: 768px) {
      .brd__itm--2 {
        top: calc(100% - 80rem);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
        .brd__itm--2.brd__itm--open {
          -webkit-transform: translate(0, calc(-100% + 120rem));
          -ms-transform: translate(0, calc(-100% + 120rem));
          transform: translate(0, calc(-100% + 120rem)); } }
  .brd__itm--3 {
    top: 100%; }
    @media all and (max-width: 768px) {
      .brd__itm--3 {
        top: calc(100% - 40rem);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
        .brd__itm--3.brd__itm--open {
          -webkit-transform: translate(0, calc(-100% + 120rem));
          -ms-transform: translate(0, calc(-100% + 120rem));
          transform: translate(0, calc(-100% + 120rem)); } }
  @media all and (max-width: 768px) {
    .brd__itm--large:nth-child(1) .brd__info-wrp {
      padding: 65rem 0 0; }
    .brd__itm--large:nth-child(2) {
      top: calc(100% - 104rem); }
      .brd__itm--large:nth-child(2).brd__itm--open {
        top: calc(100% - 81rem); }
    .brd__itm--large:nth-child(3) {
      top: calc(100% - 40rem); }
    .brd__itm--large .brd__main-tit {
      height: 65rem; }
    .brd__itm--large .brd__main-tit--ko {
      line-height: 1.2; }
    .brd__itm--large .brd__main-tit--en {
      -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
      align-self: flex-start; }
    .brd__itm--large .brd__main-tit span:last-of-type {
      padding: 6rem 25rem 0 0; }
      .brd__itm--large .brd__main-tit span:last-of-type:before {
        top: calc(50% + 2px) !important; }
      .brd__itm--large .brd__main-tit span:last-of-type:after {
        top: calc(50% + 3px); }
    .brd__itm--large .brd__info {
      top: 92rem; }
    .brd__itm--large ~ li.brd__itm--open {
      -webkit-transform: translate(0, calc(-100% + 143rem));
      -ms-transform: translate(0, calc(-100% + 143rem));
      transform: translate(0, calc(-100% + 143rem)); } }

.brd__main-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 61rem;
  width: 100%;
  height: 7.40741vh;
  background-color: #fff;
  font-family: "ambit-semi";
  font-size: 32rem;
  color: #222;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  pointer-events: none; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .brd__main-tit {
      padding: 9rem 62rem 0; } }
  .brd__main-tit::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 1px;
    background-color: #000; }
  .brd__main-tit::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1rem;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 1px;
    background-color: #000; }
  @media all and (min-width: 1920px) {
    .brd__main-tit {
      font-size: 32px; } }
  @media all and (max-width: 768px) {
    .brd__main-tit {
      position: absolute;
      top: 0;
      left: 0;
      padding: 8rem 15rem;
      height: 40rem;
      font-size: 24rem;
      pointer-events: auto; } }
  .brd__main-tit--ko {
    font-family: "Noto Sans KR Medium";
    font-size: 30rem; }
    @media all and (max-width: 768px) {
      .brd__main-tit--ko {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 18rem; } }
  .brd__main-tit--en {
    margin: 0 0 0 8rem;
    padding: 0 0 13rem 0;
    font-size: 18rem; }
    @media all and (max-width: 768px) {
      .brd__main-tit--en {
        font-size: 12rem; } }
  @media all and (max-width: 768px) {
    .brd__main-tit span:last-of-type {
      position: relative;
      padding: 0 25rem 0 0; }
      .brd__main-tit span:last-of-type:before {
        content: '';
        position: absolute;
        top: calc(50% - 1px);
        right: 1px;
        -webkit-transform: rotate(90deg) translateY(-50%);
        -ms-transform: rotate(90deg) translateY(-50%);
        transform: rotate(90deg) translateY(-50%);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        width: 12rem;
        height: 2px;
        background-color: #000;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s; }
      .brd__main-tit span:last-of-type:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 12rem;
        height: 2px;
        background-color: #000; } }

.brd__img-box {
  position: relative;
  width: 100vw;
  height: 100%;
  background-color: #000;
  overflow: hidden; }
  @media all and (max-width: 768px) {
    .brd__img-box {
      height: 100%; } }

.brd__img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
  @media (min-width: 769px) and (max-aspect-ratio: 46 / 27) {
    .brd__img {
      width: auto;
      height: 100%; } }
  @media all and (max-width: 768px) {
    .brd__img {
      width: 100%;
      height: auto; } }

.brd__info {
  position: absolute;
  top: 152rem;
  left: 60rem;
  font-family: "Noto Sans KR Medium";
  font-size: 24rem;
  color: #fff;
  line-height: 1.55; }
  @media all and (max-width: 768px) {
    .brd__info {
      top: 69rem;
      left: 0;
      padding: 0 15rem;
      font-size: 14rem;
      color: #fff;
      line-height: 1.5; } }
  .brd__info-wrp {
    height: 100%; }
    @media all and (max-width: 768px) {
      .brd__info-wrp {
        padding: 40rem 0 0;
        height: 100%; } }

.brd__store {
  padding: 5.55556vh 5.55556vh 10.18519vh;
  height: calc(100vh - 12.96296296296302vh);
  background-color: #fff; }
  @media all and (max-width: 768px) {
    .brd__store {
      position: relative;
      padding: 90rem 15rem 0;
      height: calc(100% - 150rem); }
      .brd__store::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40rem;
        background-image: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
        background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); } }

@media all and (max-width: 768px) {
  .brd__store-wrp {
    height: 100%;
    overflow: hidden; } }

.brd__store-vi-box {
  display: none; }
  @media all and (max-width: 768px) {
    .brd__store-vi-box {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }

.brd__store-vi-img:not(:first-of-type) {
  display: none;
  opacity: 0; }

.brd__store-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  padding: 0.83333vh 0 0 0; }
  @media all and (max-width: 768px) {
    .brd__store-list {
      padding: 0;
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll; } }

.brd__store-itm {
  width: 25%;
  padding: 0 10rem 76rem 34rem;
  word-break: break-word; }
  .brd__store-itm:nth-of-type(4n-2) {
    padding-left: 8rem; }
  .brd__store-itm:nth-of-type(4n-1) {
    padding-left: 77rem; }
  .brd__store-itm:nth-of-type(4n) {
    padding-left: 144rem; }
  .brd__store-itm:nth-of-type(5n-4) .brd__thmb {
    top: 50%;
    left: 30%; }
  .brd__store-itm:nth-of-type(5n-3) .brd__thmb {
    top: 50%;
    left: 50%; }
  .brd__store-itm:nth-of-type(5n-2) .brd__thmb {
    top: 34%;
    left: 80%; }
  .brd__store-itm:nth-of-type(5n-1) .brd__thmb {
    top: 38%;
    left: 21%; }
  @media all and (max-width: 768px) {
    .brd__store-itm {
      position: relative;
      width: 50%; }
      .brd__store-itm:nth-of-type(n) {
        padding: 0 0 36rem 21rem; }
      .brd__store-itm:nth-of-type(n) .brd__thmb {
        top: 50%;
        left: 20%; }
      .brd__store-itm:nth-of-type(3n-1) .brd__thmb {
        top: 30%;
        left: 30%; }
      .brd__store-itm:nth-of-type(3n) .brd__thmb {
        top: 13%;
        left: 10%; } }
  .brd__store-itm--active .brd__store-tit {
    color: #007a3b; }
  .brd__store-itm--active .brd__store-inr::after {
    border: 0;
    width: 12rem;
    height: 12rem;
    background-color: #007a3b; }
  .brd__store-itm--active .brd__thmb {
    opacity: 1; }

.brd__store-inr {
  position: relative;
  z-index: 10; }
  .brd__store-inr::after {
    content: "";
    display: block;
    position: absolute;
    top: 3rem;
    left: -34rem;
    width: 8rem;
    height: 8rem;
    border: 2px solid #000;
    border-radius: 12rem; }
  @media all and (max-width: 768px) {
    .brd__store-inr::after {
      left: -20rem;
      width: 6rem;
      height: 6rem; } }

.brd__thmb {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 610rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  @media all and (max-width: 768px) {
    .brd__thmb {
      position: absolute;
      width: 119rem;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; } }

.brd__store-tit {
  display: block;
  padding: 0 0 7rem;
  font-family: "ambit-semi";
  font-size: 24rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media all and (max-width: 768px) {
    .brd__store-tit {
      padding: 0 0 5rem;
      font-size: 14rem; } }

.brd__store-cate {
  font-size: 14rem; }
  @media all and (max-width: 768px) {
    .brd__store-cate {
      font-size: 8rem;
      letter-spacing: 0; } }

.map {
  position: relative;
  height: 100vh;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  /* 20210209 도면 비활성화 처리 */
  /* //20210209 도면 비활성화 처리 */
  /* 20210209 맵 층별 링크 및 확대/축소 버튼 추가 */
  /* //20210209 맵 층별 링크 및 확대/축소 버튼 추가 */ }
  .map.construction::before {
    content: '준비 중입니다.';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-family: "Noto Sans KR Medium";
    font-size: 82rem;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media all and (max-width: 768px) {
      .map.construction::before {
        font-size: 20rem; } }
  .map.construction .map__wrp, .map.construction .map__all-btn, .map.construction .guide, .map.construction .loading {
    display: none; }
  @media all and (max-width: 768px) {
    .map {
      height: calc(100vh + 1rem); } }
  .map--active {
    height: calc(100vh - 140rem); }
  .map__wrp {
    position: absolute;
    top: calc(50% - 5rem);
    left: 50%;
    width: 100%;
    max-width: 1152em;
    height: 100vh;
    max-height: 570rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden; }
    @media all and (min-width: 769px) and (max-width: 1200px) {
      .map__wrp {
        max-height: 400rem; } }
    @media all and (max-width: 768px) {
      .map__wrp {
        top: 190rem;
        padding: 0 60rem;
        height: calc(100% - 194rem);
        max-height: 100%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
  .map__inr {
    height: 100%; }
    @media all and (max-width: 768px) {
      .map__inr {
        height: 100%; } }
  .map__list {
    padding: 0 0 40rem; }
    @media all and (max-width: 768px) {
      .map__list {
        height: 100%;
        overflow-y: scroll; } }
  .map__itm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.16); }
    @media all and (max-width: 768px) {
      .map__itm {
        border-top: 1px solid rgba(204, 204, 204, 0.16); } }
    .map__itm:hover .map__tit {
      color: #00df9f; }
    .map__itm:hover .map__tel {
      color: #00df9f; }
    @media all and (max-width: 768px) {
      .map__itm:hover .map__tit {
        color: #fff; }
      .map__itm:hover .map__tel {
        color: #fff; } }
    .map__itm:first-of-type {
      border: 0; }
    .map__itm--1:hover .map__tit {
      color: #ffd700; }
    .map__itm--1:hover .map__tel {
      color: #ffd700; }
    @media all and (max-width: 768px) {
      .map__itm--1:hover .map__tit {
        color: #fff; }
      .map__itm--1:hover .map__tel {
        color: #fff; } }
  .map__tit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24rem 12rem 20rem;
    font-family: "Noto Sans KR Medium";
    font-size: 18rem;
    color: #fff;
    text-align: left; }
    @media all and (max-width: 768px) {
      .map__tit {
        padding: 10rem 5rem 10rem 0;
        font-family: "Noto Sans KR Medium";
        font-size: 14rem; } }
  .map__tel {
    display: block;
    padding: 0 10rem;
    font-family: "ambit-semi";
    font-weight: 400;
    font-size: 18rem;
    color: #fff; }
    @media all and (max-width: 768px) {
      .map__tel {
        padding: 0;
        font-size: 14rem; } }
  .map__floor-box {
    position: absolute;
    bottom: 139rem;
    right: 60rem;
    text-align: right; }
    @media all and (max-width: 768px) {
      .map__floor-box {
        top: 85rem;
        right: auto;
        bottom: auto;
        left: 57rem;
        z-index: 10;
        text-align: left; } }
  .map__floor {
    display: block;
    padding: 0 0 15rem;
    font-family: "ambit-semi";
    font-size: 140rem;
    color: #fff;
    letter-spacing: -7rem; }
    @media all and (min-width: 769px) and (max-width: 1200px) {
      .map__floor {
        padding: 0 0 10rem;
        font-size: 120rem; } }
    @media all and (max-width: 768px) {
      .map__floor {
        padding: 0 0 10rem;
        font-size: 60rem;
        letter-spacing: 0; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .map__floor {
        height: 139rem;
        line-height: 1.1; } }
  .map__floor-tit {
    font-family: "ambit-semi";
    font-size: 30rem;
    color: #fff; }
    @media all and (min-width: 769px) and (max-width: 1200px) {
      .map__floor-tit {
        font-size: 20rem; } }
    @media all and (max-width: 768px) {
      .map__floor-tit {
        padding: 0 0 0 3rem;
        font-size: 15rem;
        letter-spacing: 0; } }
  .map__floor-txt {
    font-family: "roslindaletext"; }
  .map__all-btn {
    position: absolute;
    top: 123rem;
    right: 59rem;
    z-index: 10;
    padding: 13rem 25rem;
    font-family: "Noto Sans KR Medium";
    font-size: 24rem;
    color: #fff;
    border: 3rem solid #fff;
    border-radius: 164rem; }
    @media all and (max-width: 768px) {
      .map__all-btn {
        top: 60rem;
        right: 16rem;
        padding: 6rem 12rem 5rem 13rem;
        font-size: 12rem;
        border: 1.5px solid #fff;
        border-radius: 180rem; } }
    .br-ie .map__all-btn {
      padding: 11rem 25rem 13rem; }
    .br-win-ch .map__all-btn {
      padding: 12rem 25rem 14rem; }
  .map__nav {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 134rem;
    height: 100vh;
    padding: 190rem 0;
    text-align: center;
    border-left: 1px solid #fff;
    background-color: #000;
    z-index: 10; }
    @media all and (max-width: 768px) {
      .map__nav {
        top: 123rem;
        right: auto;
        left: 0;
        display: block;
        width: 100%;
        height: auto;
        padding: 0;
        border: none; } }
    .map__nav .guide__close {
      position: absolute;
      top: 40rem;
      left: 50%;
      width: 30rem;
      height: 30rem;
      background: url("/images/btn_pop_close.png") no-repeat 50% 50%/contain;
      text-indent: -99999px;
      overflow: hidden;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media all and (max-width: 768px) {
        .map__nav .guide__close {
          top: -94rem;
          right: 23rem;
          left: auto;
          width: 15rem;
          height: 15rem; } }
    @media all and (max-width: 768px) {
      .map__nav ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse wrap;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100vw;
        height: 50rem;
        padding: 0 10rem;
        background-color: #000;
        border: 1px solid #fff;
        border-right: none;
        border-left: none; } }
    .map__nav ul li {
      display: block; }
      .map__nav ul li a {
        display: block;
        padding: 14rem;
        font-family: "ambit-semi";
        font-size: 46rem;
        color: #fff; }
        @media all and (max-width: 768px) {
          .map__nav ul li a {
            padding: 0 12rem;
            font-size: 16rem;
            line-height: 50rem; } }
        .map__nav ul li a:hover {
          color: #124734; }
        .map__nav ul li a.active {
          font-family: "roslindaletext", sans-serif;
          color: #124734; }
    .map__nav .map__control {
      position: absolute;
      bottom: 45rem;
      left: 0;
      width: 100%; }
      @media all and (max-width: 768px) {
        .map__nav .map__control {
          position: fixed;
          right: 10rem;
          bottom: 25rem;
          left: auto;
          width: auto; } }
      .map__nav .map__control button {
        display: block;
        width: 70rem;
        height: 70rem;
        margin: 0 auto;
        text-indent: -99999px;
        overflow: hidden;
        background: url("/images/btn_floor_zoom_in.png") no-repeat 50% 50%/contain; }
        .map__nav .map__control button.map__zoom-out {
          background-image: url("/images/btn_floor_zoom_out.png"); }
        @media all and (max-width: 768px) {
          .map__nav .map__control button {
            width: 42rem;
            height: 42rem;
            background-image: url("/images/btn_floor_zoom_in_mo.png"); } }
      @media all and (max-width: 768px) {
        .map__nav .map__control button.map__zoom-out {
          background-image: url("/images/btn_floor_zoom_out_mo.png"); } }

@media all and (max-width: 768px) {
  .guide .map__floor-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    top: 60rem; } }

@media all and (max-width: 768px) {
  .guide .map__floor {
    padding: 0;
    font-size: 40rem; } }

@media all and (max-width: 768px) {
  .guide .map__floor-tit {
    letter-spacing: -0.2rem; } }

@media all and (max-width: 768px) {
  .guide .map__floor-txt {
    padding: 0 0 0 11rem;
    font-size: 14rem; } }

.guide-all {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 30;
  background-color: #000; }
  @media all and (max-width: 768px) {
    .guide-all {
      position: fixed;
      padding: 145rem 15rem 30rem;
      height: 100%;
      opacity: 1; } }
  .guide-all--active {
    display: block;
    /* 20210209 맵 층별 링크 및 확대/축소 버튼 추가 */
    /* //20210209 맵 층별 링크 및 확대/축소 버튼 추가 */ }
    @media all and (max-width: 768px) {
      .guide-all--active .map__floor-box {
        left: 16rem; } }
  .guide-all__box {
    height: 100%;
    overflow: hidden; }
    @media all and (max-width: 768px) {
      .guide-all__box {
        position: relative;
        text-align: center; } }
  .guide-all__map {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 100rem);
    text-align: center; }
    .guide-all__map--mo {
      display: none; }
    @media all and (max-width: 768px) {
      .guide-all__map--pc {
        display: none; }
      .guide-all__map--mo {
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; } }
  .guide-all__img {
    max-width: 1439rem; }
    @media all and (min-width: 1920px) {
      .guide-all__img {
        max-width: 1439px; } }
    @media all and (max-width: 768px) {
      .guide-all__img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%; } }
  .guide-all .map__floor-box {
    display: none; }
    @media all and (max-width: 768px) {
      .guide-all .map__floor-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }

.guide-brand--pc {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .guide-brand--pc .guide-brand__img-box {
    text-align: center; }
  .guide-brand--pc .guide-brand__img {
    max-width: 1025rem; }
    @media all and (min-width: 1920px) {
      .guide-brand--pc .guide-brand__img {
        max-width: 1025px; } }
  @media all and (max-width: 768px) {
    .guide-brand--pc {
      display: none; } }

.guide-brand--mo {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 145rem 15rem 30rem;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background-color: #000;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }
  .guide-brand--mo .guide-brand__box {
    height: 100%;
    text-align: center; }
  .guide-brand--mo .guide-brand__img-box {
    display: inline-block;
    height: 100%; }
  .guide-brand--mo .guide-brand__img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%; }

.guide-brand--active {
  display: block; }

.guide-brand__tit {
  position: absolute;
  top: 125rem;
  left: 46rem;
  z-index: 10;
  padding: 0 0 0 13rem;
  font-family: "roslindaletext", sans-serif;
  font-weight: 400;
  font-size: 10rem;
  color: #ccc; }
  .guide-brand__tit::after {
    content: "";
    display: block;
    position: absolute;
    top: 2rem;
    left: 0;
    width: 5rem;
    height: 5rem;
    background-color: #00b457;
    border-radius: 5rem; }

/* 20210209 로딩 애니메이션 추가 */
@-webkit-keyframes loading__spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes loading__spinner {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.loading__spinner div {
  left: 47px;
  top: 24px;
  position: absolute;
  -webkit-animation: loading__spinner linear 1s infinite;
  animation: loading__spinner linear 1s infinite;
  background: #124734;
  width: 6px;
  height: 12px;
  border-radius: 3px / 6px;
  -webkit-transform-origin: 3px 26px;
  -ms-transform-origin: 3px 26px;
  transform-origin: 3px 26px; }

.loading__spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.9166666666666666s;
  animation-delay: -0.9166666666666666s;
  background: #124734; }

.loading__spinner div:nth-child(2) {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -0.8333333333333334s;
  animation-delay: -0.8333333333333334s;
  background: #124734; }

.loading__spinner div:nth-child(3) {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
  background: #124734; }

.loading__spinner div:nth-child(4) {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.6666666666666666s;
  animation-delay: -0.6666666666666666s;
  background: #124734; }

.loading__spinner div:nth-child(5) {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.5833333333333334s;
  animation-delay: -0.5833333333333334s;
  background: #124734; }

.loading__spinner div:nth-child(6) {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
  background: #124734; }

.loading__spinner div:nth-child(7) {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.4166666666666667s;
  animation-delay: -0.4166666666666667s;
  background: #124734; }

.loading__spinner div:nth-child(8) {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.3333333333333333s;
  animation-delay: -0.3333333333333333s;
  background: #124734; }

.loading__spinner div:nth-child(9) {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
  background: #124734; }

.loading__spinner div:nth-child(10) {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.16666666666666666s;
  animation-delay: -0.16666666666666666s;
  background: #124734; }

.loading__spinner div:nth-child(11) {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.08333333333333333s;
  animation-delay: -0.08333333333333333s;
  background: #124734; }

.loading__spinner div:nth-child(12) {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  background: #124734; }

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media all and (max-width: 768px) {
    .loading {
      -webkit-transform: translate(-50%, -50%) scale(0.7);
      -ms-transform: translate(-50%, -50%) scale(0.7);
      transform: translate(-50%, -50%) scale(0.7); } }
  .loading.loaded {
    display: none; }

.loading__spinner {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0; }

.loading__spinner div {
  box-sizing: content-box; }

/* //20210209 로딩 애니메이션 추가 */

/*# sourceMappingURL=floor.css.map */