@charset "UTF-8";
/*
AUTH : ssooya
VERSION : version 2
*/
/**********
펑션
***********/
/**********
텍스트 자간
***********/
/**********
텍스트 말줄임
***********/
/**********
아이콘
***********/
.vr-background {
  background-color: #f0ece4;
}

.vr-container {
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 50;
  /* HTML5 display-role reset for older browsers */
  /** ios reset **/
}
.vr-container .blind {
  display: none;
}
.vr-container button {
  outline: none;
}
.vr-container html, .vr-container body, .vr-container div, .vr-container span, .vr-container applet, .vr-container object, .vr-container iframe,
.vr-container h1, .vr-container h2, .vr-container h3, .vr-container h4, .vr-container h5, .vr-container h6, .vr-container p, .vr-container blockquote, .vr-container pre,
.vr-container a, .vr-container abbr, .vr-container acronym, .vr-container address, .vr-container big, .vr-container cite, .vr-container code,
.vr-container del, .vr-container dfn, .vr-container em, .vr-container img, .vr-container ins, .vr-container kbd, .vr-container q, .vr-container s, .vr-container samp,
.vr-container strike, .vr-container strong, .vr-container sub, .vr-container sup, .vr-container tt, .vr-container var,
.vr-container b, .vr-container u, .vr-container i, .vr-container center,
.vr-container dl, .vr-container dt, .vr-container dd, .vr-container ol, .vr-container ul, .vr-container li,
.vr-container fieldset, .vr-container form, .vr-container label, .vr-container legend,
.vr-container table, .vr-container caption, .vr-container tbody, .vr-container tfoot, .vr-container thead, .vr-container tr, .vr-container th, .vr-container td,
.vr-container article, .vr-container aside, .vr-container canvas, .vr-container details, .vr-container embed,
.vr-container figure, .vr-container figcaption, .vr-container footer, .vr-container header, .vr-container hgroup,
.vr-container menu, .vr-container nav, .vr-container output, .vr-container ruby, .vr-container section, .vr-container summary,
.vr-container time, .vr-container mark, .vr-container audio, .vr-container video, .vr-container textarea, .vr-container input, .vr-container select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: "Pretendard", sans-serif;
  color: #191919;
  vertical-align: baseline; /* a안 img가 들어갈 때 a를 위로 정렬시켜 여백을 없앨 때 사용 */
}
.vr-container article, .vr-container aside, .vr-container details, .vr-container figcaption, .vr-container figure,
.vr-container footer, .vr-container header, .vr-container hgroup, .vr-container menu, .vr-container nav, .vr-container section {
  display: block;
}
.vr-container body {
  line-height: 1; /* 한글 기준은 1.2 */
}
.vr-container ol, .vr-container ul {
  list-style: none;
}
.vr-container blockquote, .vr-container q {
  quotes: none;
}
.vr-container blockquote:before, .vr-container blockquote:after,
.vr-container q:before, .vr-container q:after {
  content: none;
}
.vr-container textarea {
  outline: none;
}
.vr-container table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.vr-container a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
.vr-container i {
  display: inline-block;
  vertical-align: middle;
}
.vr-container strong {
  font-weight: 700;
}
.vr-container th, .vr-container td {
  vertical-align: middle;
}
.vr-container button {
  background: transparent;
  padding: 0;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: "Pretendard";
}
.vr-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /** flex word reset **/
  word-break: break-word;
  word-wrap: break-word;
}
.vr-container span, .vr-container div {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
.vr-container select::-ms-expand {
  display: none;
}
.vr-container b {
  color: inherit;
  font-family: inherit;
}
.vr-container input {
  box-shadow: none;
  border: 0;
  background-clip: padding-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.vr-container * {
  -webkit-tap-highlight-color: transparent !important;
}

section.item-note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
}
section.item-note .note-msg-box {
  height: 73px;
  display: flex;
  align-items: center;
  padding: 0 150px;
  color: #aaa;
  font-size: 14px;
  line-height: 21px;
}
@media (max-width: 1080px) {
  section.item-note .note-msg-box {
    height: 61px;
    padding: 0 15px;
    font-size: 13px;
    line-height: 19px;
  }
}

section.item-viewer {
  aspect-ratio: 1600/800;
  position: relative;
  max-width: 1600px;
  width: 100%;
}
section.item-viewer.overlay:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 500;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 1080px) {
  section.item-viewer {
    width: 100%;
    height: auto;
    aspect-ratio: 390/520;
  }
}
section.item-viewer .viewer-intro {
  display: none;
  position: absolute;
  left: 90px;
  top: 40%;
  transform: translateY(-50%);
  z-index: 99;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-intro {
    left: 22px;
    top: 22px;
  }
}
section.item-viewer .viewer-intro .sub-box {
  color: #333;
  font-size: 26px;
  letter-spacing: -0.03em;
  line-height: 39px;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-intro .sub-box {
    display: none;
  }
}
section.item-viewer .viewer-intro .subject-box {
  font-weight: 700;
  font-size: 38px;
  line-height: 57px;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-intro .subject-box {
    font-size: 16px;
    letter-spacing: -0.03em;
    line-height: 23px;
  }
}
section.item-viewer .viewer-intro .con-box {
  color: #666;
  padding-top: 44px;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -0.05em;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-intro .con-box {
    padding-top: 6px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: -0.05em;
  }
}
section.item-viewer .viewer-menu {
  display: flex;
  align-items: center;
  z-index: 99;
  position: absolute;
  left: 50px;
  bottom: 36px;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-menu {
    left: 20px;
    bottom: 20px;
  }
}
section.item-viewer .viewer-menu .viewer-menu-box + .viewer-menu-box {
  margin-left: 20px;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-menu .viewer-menu-box + .viewer-menu-box {
    margin-left: 8px;
  }
}
section.item-viewer .viewer-menu .viewer-menu-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section.item-viewer .viewer-menu .viewer-menu-btn .icon-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.item-viewer .viewer-menu .viewer-menu-btn .icon-box .ic {
  width: 80px;
  height: 80px;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-menu .viewer-menu-btn .icon-box .ic {
    width: 48px;
    height: 48px;
  }
}
section.item-viewer .viewer-menu .viewer-menu-btn .icon-box .ic.ic-interior {
  background: url("../img/ic_view_menu_interior.svg") no-repeat center/cover;
}
section.item-viewer .viewer-menu .viewer-menu-btn .icon-box .ic.ic-rotate {
  background: url("../img/ic_view_menu_rotate.gif") no-repeat center/cover;
}
section.item-viewer .viewer-menu .viewer-menu-btn .name-box {
  padding-top: 3px;
  font-size: 17px;
  line-height: 26px;
  letter-spacing: -0.06em;
  color: #666666;
  font-weight: 700;
}
@media (max-width: 1080px) {
  section.item-viewer .viewer-menu .viewer-menu-btn .name-box {
    font-size: 11px;
    line-height: 16px;
  }
}
section.item-viewer .view-frame {
  height: 100%;
  cursor: grabbing;
  display: flex;
  position: relative;
}
section.item-viewer .view-frame img {
  object-fit: cover;
  will-change: contents;
  position: relative;
  width: 100%;
}
section.item-viewer .view-frame map area {
  cursor: pointer;
}
section.item-viewer .frame-item {
  position: absolute;
}
section.item-viewer .frame-item.item1 {
  top: 103px;
  right: 635px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item.item1 {
    top: 146px;
    right: 221px;
  }
}
section.item-viewer .frame-item.item1 .frame-btn .num-box {
  left: -50px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item.item1 .frame-btn .num-box {
    left: -15px;
  }
}
section.item-viewer .frame-item.item2 {
  top: 121px;
  right: 115px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item.item2 {
    top: 108px;
    right: 14px;
  }
}
section.item-viewer .frame-item.item2:after {
  content: "";
  position: absolute;
  left: -40px;
  bottom: -56px;
  background: url("../img/ic_view_line.svg") no-repeat center/cover;
  width: 93px;
  height: 56px;
  z-index: 10;
}
section.item-viewer .frame-item.item3 {
  right: 354px;
  top: 450px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item.item3 {
    top: 308px;
    right: 96px;
  }
}
section.item-viewer .frame-item .frame-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
section.item-viewer .frame-item .frame-btn .num-box {
  font-family: "Gotham";
  font-weight: 200;
  position: absolute;
  left: -30px;
  bottom: 110px;
  color: #888888;
  font-size: 110px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item .frame-btn .num-box {
    left: -10px;
    bottom: 65px;
    font-size: 48px;
    line-height: 65px;
  }
}
section.item-viewer .frame-item .frame-btn .view-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  border-radius: 24px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item .frame-btn .view-box {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }
}
section.item-viewer .frame-item .frame-btn .view-box .ic-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item .frame-btn .view-box .ic-box {
    width: 48px;
    height: 48px;
  }
}
section.item-viewer .frame-item .frame-btn .view-box .ic-box .ic-view {
  width: 20px;
  height: 20px;
  background: url("../img/ic_view.svg") no-repeat center/cover;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item .frame-btn .view-box .ic-box .ic-view {
    width: 12px;
    height: 12px;
  }
}
section.item-viewer .frame-item .frame-btn .txt-box {
  padding-top: 6px;
  text-align: center;
  color: #888;
  font-size: 18px;
  letter-spacing: -0.05em;
  line-height: 27px;
}
@media (max-width: 1080px) {
  section.item-viewer .frame-item .frame-btn .txt-box {
    font-size: 11px;
    line-height: 15px;
  }
}
section.item-viewer .frame-item .frame-btn .txt-box.type-white {
  color: #fff;
}

article.video-layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  display: none;
}
article.video-layer .layer-wrap {
  display: flex;
  width: 100%;
  height: 100%;
}
article.video-layer .layer-wrap .video-bg-layer {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
article.video-layer .layer-wrap .video-bg-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article.video-layer .layer-wrap .video-poster {
  display: none !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
}
article.video-layer .layer-wrap .video-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article.video-layer .layer-wrap #videoPlayer1, article.video-layer .layer-wrap #videoPlayer2, article.video-layer .layer-wrap #videoPlayer3 {
  display: none;
}
article.video-layer .layer-wrap video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #000;
}
article.video-layer .layer-wrap video source {
  display: none;
}
article.video-layer .layer-wrap video source:first-child {
  display: block;
}

article.video-back-layer {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 200;
  display: none;
}
@media (max-width: 1080px) {
  article.video-back-layer {
    top: 20px;
    left: 20px;
  }
}
article.video-back-layer .video-menu-back-btn {
  background: url("../img/ic_video_menu_back.svg") no-repeat center/cover;
  width: 80px;
  height: 80px;
}
@media (max-width: 1080px) {
  article.video-back-layer .video-menu-back-btn {
    width: 48px;
    height: 48px;
  }
}

article.video-info-layer {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 490px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  z-index: 101;
  overflow: hidden;
}
@media (max-width: 1080px) {
  article.video-info-layer {
    will-change: contents;
    width: 283px;
  }
}
article.video-info-layer .video-info-close {
  display: none;
  background: url("../img/ic_video_info_close.svg") no-repeat center/cover;
  width: 30px;
  height: 30px;
  z-index: 10;
  position: absolute;
  right: 14px;
  top: 14px;
}
article.video-info-layer .video-info-wrap {
  width: 100%;
  padding: 60px 35px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
@media (max-width: 1080px) {
  article.video-info-layer .video-info-wrap {
    padding: 40px 20px 20px;
  }
}
article.video-info-layer .info-label-box {
  text-align: center;
  font-size: 20px;
  line-height: 130%;
  font-weight: 700;
  color: #888;
  padding-bottom: 30px;
}
@media (max-width: 1080px) {
  article.video-info-layer .info-label-box {
    font-size: 14px;
    padding-bottom: 20px;
  }
}
article.video-info-layer .info-tit-box {
  text-align: center;
  font-size: 28px;
  line-height: 130%;
  font-weight: 700;
}
@media (max-width: 1080px) {
  article.video-info-layer .info-tit-box {
    font-size: 18px;
  }
}
article.video-info-layer .info-desc-box {
  padding-top: 10px;
  text-align: center;
  color: #666666;
  font-size: 22px;
  line-height: 150%;
}
@media (max-width: 1080px) {
  article.video-info-layer .info-desc-box {
    font-size: 14px;
  }
}
article.video-info-layer .info-btn-box {
  display: flex;
  justify-content: center;
  padding-top: 30px;
}
article.video-info-layer .info-btn-box .info-btn {
  height: 90px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  font-size: 22px;
  line-height: 150%;
  color: #333;
}
article.video-info-layer .info-btn-box .info-btn .timer-box {
  width: 30px;
  height: 30px;
  position: relative;
  margin-left: 8px;
}
article.video-info-layer .info-btn-box .info-btn .timer-box .timer-txt {
  position: absolute;
  left: 48%;
  top: 50%;
  font-size: 11px;
  transform: translate(-50%, -50%);
}
article.video-info-layer .info-btn-box .info-btn .timer-box img {
  width: 100%;
  height: 100%;
}
@media (max-width: 1080px) {
  article.video-info-layer .info-btn-box .info-btn {
    border-radius: 12px;
    height: 50px;
    font-size: 14px;
  }
}

article.view-tabs-floating {
  display: none;
  z-index: 102;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  border-radius: 750px;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
@media (max-width: 1080px) {
  article.view-tabs-floating {
    top: 23px;
    border-radius: 500px;
  }
}
article.view-tabs-floating .view-tabs-list {
  padding: 5px;
}
@media (max-width: 1080px) {
  article.view-tabs-floating .view-tabs-list {
    padding: 3px;
    display: flex;
  }
}
article.view-tabs-floating .view-tabs-list .view-tabs-btn {
  height: 51px;
  width: 105px;
  color: #888888;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 750px;
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.08em;
}
@media (max-width: 1080px) {
  article.view-tabs-floating .view-tabs-list .view-tabs-btn {
    height: 31px;
    width: 70px;
    border-radius: 500px;
    font-size: 12px;
  }
}
article.view-tabs-floating .view-tabs-list .view-tabs-btn.active {
  background-color: #888;
  color: #fff;
}

article.sound-view-layer {
  display: none;
  z-index: 100;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
article.sound-view-layer .sound-toggle-floating {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 100;
}
@media (max-width: 1080px) {
  article.sound-view-layer .sound-toggle-floating {
    top: 20px;
    right: 20px;
  }
}
article.sound-view-layer .sound-toggle-floating .sound-toggle-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.sound-view-layer .sound-toggle-floating .sound-toggle-box .sound-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../img/ic_sound_off.svg") no-repeat center/cover;
  width: 80px;
  height: 80px;
}
@media (max-width: 1080px) {
  article.sound-view-layer .sound-toggle-floating .sound-toggle-box .sound-toggle-btn {
    width: 48px;
    height: 48px;
  }
}
article.sound-view-layer .sound-toggle-floating .sound-toggle-box .sound-toggle-btn.active {
  background: url("../img/ic_sound_on.svg") no-repeat center/cover;
}
article.sound-view-layer .sound-view-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
article.sound-view-layer .sound-view-wrap .sound-play-box {
  display: flex;
}
article.sound-view-layer .sound-view-wrap .sound-play-box video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
article.sound-view-layer .sound-view-wrap .sound-play-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
article.sound-view-layer .sound-view-wrap .sound-info-box {
  z-index: 101;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32px;
  text-align: center;
}
@media (max-width: 1080px) {
  article.sound-view-layer .sound-view-wrap .sound-info-box {
    bottom: 28px;
  }
}
article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1080px) {
  article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box {
    display: flex;
    flex-direction: column;
  }
}
article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box .ic.ic-volume {
  background: url("../img/ic_volume2.svg") no-repeat center/cover;
  width: 63px;
  height: 63px;
  position: relative;
  top: 8px;
  left: 8px;
}
@media (max-width: 1080px) {
  article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box .ic.ic-volume {
    width: 52px;
    height: 52px;
    top: 14px;
    left: 0;
  }
}
article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box .txt {
  text-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.04em;
}
@media (max-width: 1080px) {
  article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box .txt {
    font-size: 14px;
    line-height: 21px;
  }
  article.sound-view-layer .sound-view-wrap .sound-info-box .info-msg-box .txt .enter {
    display: block;
  }
}

article.slide-view-layer {
  z-index: 101;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
article.slide-view-layer .slide-view-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
article.slide-view-layer .slide-view-box {
  width: 100%;
  height: 100%;
}
article.slide-view-layer .slide-view-box .swiper-group-box {
  position: relative;
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper-button-prev {
  display: none;
  margin: 0;
  top: 46%;
  transform: translateY(-50%);
  left: 10px;
  background: url("../img/quality/ic_prev_arrow.svg") no-repeat center/cover;
  width: 33px;
  height: 42px;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-view-box .swiper-group-box .swiper-button-prev {
    display: block;
    top: 39%;
  }
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper-button-prev:after {
  display: none;
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper-button-next {
  display: none;
  margin: 0;
  top: 46%;
  transform: translateY(-50%);
  right: 10px;
  background: url("../img/quality/ic_next_arrow.svg") no-repeat center/cover;
  width: 33px;
  height: 42px;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-view-box .swiper-group-box .swiper-button-next {
    display: block;
    top: 39%;
  }
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper-button-next:after {
  display: none;
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide {
  opacity: 0;
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  z-index: 100;
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide .item-wrap {
  aspect-ratio: 1600/800;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide .item-wrap {
    height: auto;
    aspect-ratio: 390/520;
  }
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide .item-wrap img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide .item-wrap img.mobile {
  display: none;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide .item-wrap img.mobile {
    display: block;
  }
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-view-box .swiper-group-box .swiper .swiper-slide .item-wrap img.web {
    display: none;
  }
}
article.slide-view-layer .slide-preview-box {
  max-width: 1000px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 32px 32px 0px 0px;
  overflow: hidden;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box {
    border-radius: 20px 20px 0 0;
  }
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap {
  padding: 40px 0 0;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .slide-preview-wrap {
    padding-top: 34px;
  }
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-toggle-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-toggle-box {
    top: 5px;
  }
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-toggle-box .preview-toggle-btn {
  height: 20px;
  width: 64px;
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-toggle-box .preview-toggle-btn:before {
  border-radius: 80px;
  background: rgba(0, 0, 0, 0.12);
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8px;
  width: 64px;
  height: 8px;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-toggle-box .preview-toggle-btn {
    height: 10px;
  }
  article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-toggle-box .preview-toggle-btn:before {
    height: 4px;
    width: 40px;
    top: 4px;
  }
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-head-box {
  padding-bottom: 26px;
  display: flex;
  justify-content: center;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-head-box {
    padding-bottom: 22px;
  }
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-head-box .head-box {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.04em;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-head-box .head-box {
    font-size: 18px;
  }
}
article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-body-box {
  padding-bottom: 40px;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .slide-preview-wrap .preview-body-box {
    padding-bottom: 20px;
  }
}
article.slide-view-layer .slide-preview-box .swiper-group-box .swiper {
  padding: 0 48px;
}
article.slide-view-layer .slide-preview-box .swiper-group-box .swiper .swiper-wrapper {
  justify-content: space-between;
}
@media (max-width: 767px) {
  article.slide-view-layer .slide-preview-box .swiper-group-box .swiper .swiper-wrapper {
    justify-content: initial;
  }
}
article.slide-view-layer .slide-preview-box .swiper-slide {
  width: auto;
}
article.slide-view-layer .slide-preview-box .swiper-slide.swiper-slide-active .item-wrap {
  border: 2px solid #fff;
  box-shadow: 0px 4.8px 8px 0px rgba(0, 0, 0, 0.2);
}
article.slide-view-layer .slide-preview-box .swiper-slide .item-wrap {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 80px;
  border: 2px solid #BBBBBB;
}
@media (max-width: 1080px) {
  article.slide-view-layer .slide-preview-box .swiper-slide .item-wrap {
    border-radius: 5px;
    width: 100px;
    height: 60px;
  }
}
article.slide-view-layer .slide-preview-box .swiper-slide .item-wrap img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

article.video-menu-layer {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 200;
  display: none;
}
@media (max-width: 1080px) {
  article.video-menu-layer {
    left: 20px;
    bottom: 20px;
  }
}
article.video-menu-layer .video-menu-box .video-menu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1080px) {
  article.video-menu-layer .video-menu-box .video-menu-btn {
    width: 50px;
    height: 50px;
    border-radius: 15px;
  }
}
article.video-menu-layer .video-menu-box .video-menu-btn.pause .ic-toggle {
  background: url("../img/ic_video_menu_pause.svg") no-repeat center/38px 38px;
}
@media (max-width: 1080px) {
  article.video-menu-layer .video-menu-box .video-menu-btn.pause .ic-toggle {
    background-size: 24px 24px;
  }
}
article.video-menu-layer .video-menu-box .video-menu-btn .video-progress {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8);
  transition: all 0.2s linear;
}
article.video-menu-layer .video-menu-box .video-menu-btn .video-menu-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
}
article.video-menu-layer .video-menu-box .video-menu-btn .ic-toggle {
  z-index: 100;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../img/ic_video_menu_play.svg") no-repeat center/38px 38px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1080px) {
  article.video-menu-layer .video-menu-box .video-menu-btn .ic-toggle {
    background-size: 24px 24px;
  }
}

article.video-sound-layer {
  display: none;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 101;
}
@media (max-width: 1080px) {
  article.video-sound-layer {
    top: 20px;
    right: 20px;
  }
}
article.video-sound-layer .sound-msg-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 30px;
}
@media (max-width: 1080px) {
  article.video-sound-layer .sound-msg-box {
    margin-right: 22px;
  }
}
article.video-sound-layer .sound-msg-box .ic.ic-volume {
  background: url("../img/ic_volume.svg") no-repeat center/cover;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1080px) {
  article.video-sound-layer .sound-msg-box .ic.ic-volume {
    margin-right: 6px;
    width: 18px;
    height: 18px;
  }
}
article.video-sound-layer .sound-msg-box .txt {
  color: #666666;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.04em;
}
@media (max-width: 1080px) {
  article.video-sound-layer .sound-msg-box .txt {
    font-size: 13px;
  }
}
article.video-sound-layer .sound-toggle-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
article.video-sound-layer .sound-toggle-box .sound-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: url("../img/ic_sound_off.svg") no-repeat center/cover;
  width: 80px;
  height: 80px;
}
@media (max-width: 1080px) {
  article.video-sound-layer .sound-toggle-box .sound-toggle-btn {
    width: 48px;
    height: 48px;
  }
}
article.video-sound-layer .sound-toggle-box .sound-toggle-btn.active {
  background: url("../img/ic_sound_on.svg") no-repeat center/cover;
}

article.video-selector-floating {
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
  z-index: 200;
  display: none;
}
@media (max-width: 1080px) {
  article.video-selector-floating {
    bottom: 25px;
  }
}
article.video-selector-floating .selector-list {
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 20px 35px 15px;
  display: flex;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list {
    border-radius: 15px;
    padding: 13px 16px 8px;
  }
}
article.video-selector-floating .selector-list .selector-btn {
  width: 180px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  flex-direction: column;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn {
    width: 74px;
  }
}
article.video-selector-floating .selector-list .selector-btn:nth-child(1) .progress-box {
  border-radius: 50px 0 0 50px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn:nth-child(1) .progress-box {
    border-radius: 25px 0 0 25px;
  }
}
article.video-selector-floating .selector-list .selector-btn:nth-child(3) .progress-box {
  border-radius: 0 50px 50px 0;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn:nth-child(3) .progress-box {
    border-radius: 0 25px 25px 0;
  }
}
article.video-selector-floating .selector-list .selector-btn + .selector-btn {
  margin-left: 4px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn + .selector-btn {
    margin-left: 3px;
  }
}
article.video-selector-floating .selector-list .selector-btn.active .info-box {
  opacity: 1;
}
article.video-selector-floating .selector-list .selector-btn.active .progress-box {
  opacity: 1;
}
article.video-selector-floating .selector-list .selector-btn.active .progress-box .selector-menu-bg {
  background: rgba(0, 0, 0, 0.2);
}
article.video-selector-floating .selector-list .selector-btn .info-box {
  padding-bottom: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.4;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .info-box {
    padding-bottom: 9px;
  }
}
article.video-selector-floating .selector-list .selector-btn .info-box .info-txt {
  font-size: 24px;
  line-height: 29px;
  color: #333;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .info-box .info-txt {
    font-size: 12px;
    line-height: 14px;
  }
}
article.video-selector-floating .selector-list .selector-btn .info-box .ic {
  margin-right: 5px;
  position: static;
  transform: none;
  width: 30px;
  height: 30px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .info-box .ic {
    margin-right: 4px;
    width: 15px;
    height: 15px;
  }
}
article.video-selector-floating .selector-list .selector-btn .info-box .ic.ic-design-item1 {
  background: url("../img/design/ic_design_item1.svg") no-repeat center/cover;
}
article.video-selector-floating .selector-list .selector-btn .info-box .ic.ic-design-item2 {
  background: url("../img/design/ic_design_item2.svg") no-repeat center/cover;
}
article.video-selector-floating .selector-list .selector-btn .info-box .ic.ic-design-item3 {
  background: url("../img/design/ic_design_item3.svg") no-repeat center/cover;
}
article.video-selector-floating .selector-list .selector-btn .progress-box {
  overflow: hidden;
  position: relative;
  width: 100%;
}
article.video-selector-floating .selector-list .selector-btn .selector-progress {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  backdrop-filter: blur(8);
  transition: all 0.2s linear;
}
article.video-selector-floating .selector-list .selector-btn .selector-menu-bg {
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .selector-menu-bg {
    height: 5px;
  }
}
article.video-selector-floating .selector-list .selector-btn .ic {
  z-index: 100;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
article.video-selector-floating .selector-list .selector-btn .ic.ic-design1 {
  background: url("../img/design/ic_design1.svg") no-repeat center/cover;
  width: 47px;
  height: 36px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .ic.ic-design1 {
    width: 24px;
    height: 18px;
  }
}
article.video-selector-floating .selector-list .selector-btn .ic.ic-design2 {
  background: url("../img/design/ic_design2.svg") no-repeat center/cover;
  width: 40px;
  height: 42px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .ic.ic-design2 {
    width: 22px;
    height: 23px;
  }
}
article.video-selector-floating .selector-list .selector-btn .ic.ic-design3 {
  background: url("../img/design/ic_design3.svg") no-repeat center/cover;
  width: 38px;
  height: 38px;
}
@media (max-width: 1080px) {
  article.video-selector-floating .selector-list .selector-btn .ic.ic-design3 {
    width: 21px;
    height: 21px;
  }
}

article.interior-view-layer {
  z-index: 101;
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
article.interior-view-layer .interior-view-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  background: url("../img/interior/img_design_interior_bg_PC.png") no-repeat center/cover;
}
article.interior-view-layer .view-msg-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 52px;
  text-align: center;
  font-size: 26px;
  line-height: 38px;
  letter-spacing: -0.04em;
  font-weight: 700;
}
@media (max-width: 1080px) {
  article.interior-view-layer .view-msg-box {
    top: 47px;
    font-size: 16px;
    line-height: 19px;
  }
}
article.interior-view-layer .swiper-group-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 129px;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box {
    padding-bottom: 96px;
  }
}
article.interior-view-layer .swiper-group-box .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  bottom: 36px;
}
@media (max-width: 767px) {
  article.interior-view-layer .swiper-group-box .swiper-pagination {
    bottom: 36px;
  }
}
article.interior-view-layer .swiper-group-box .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  width: 7px;
  height: 7px;
  opacity: 1;
  background-color: #AAAAAA;
  border-radius: 50%;
  opacity: 0.6;
}
@media (max-width: 767px) {
  article.interior-view-layer .swiper-group-box .swiper-pagination .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
  }
}
article.interior-view-layer .swiper-group-box .swiper-pagination .swiper-pagination-bullet-active {
  width: 26px;
  border-radius: 80px;
  opacity: 1;
}
@media (max-width: 767px) {
  article.interior-view-layer .swiper-group-box .swiper-pagination .swiper-pagination-bullet-active {
    border-radius: 50px;
    width: 16px;
  }
}
article.interior-view-layer .swiper-group-box .swiper {
  min-width: 0;
  overflow: visible;
}
article.interior-view-layer .swiper-group-box .swiper .swiper-wrapper {
  display: flex;
  align-items: center;
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide {
  width: 368px;
  transition: all 0.2s linear;
  border-radius: 39.429px;
  opacity: 0.7;
  background: #FFF;
  box-shadow: 0px 13.143px 26.286px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide {
    width: auto;
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide.swiper-slide-active {
  transform: scale(1.2);
  opacity: 1;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide.swiper-slide-active {
    transform: scale(1.15);
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  border-radius: 40px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap {
    border-radius: 30px;
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .img-box {
  display: flex;
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .img-box img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box {
  position: absolute;
  display: flex;
  align-items: center;
  left: 22px;
  right: 22px;
  bottom: 21px;
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 12px 20px;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box {
    left: 13px;
    right: 13px;
    bottom: 13px;
    padding: 5px 11px;
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .profile-box {
  border-radius: 50%;
  overflow: hidden;
  width: 32px;
  height: 32px;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .profile-box {
    width: 18px;
    height: 18px;
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .profile-box img {
  width: 100%;
  height: 100%;
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .txt-box {
  margin-left: 12px;
  flex: 1;
  min-width: 0;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .txt-box {
    margin-left: 5px;
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .txt-box .label-box {
  color: rgba(7, 7, 7, 0.6);
  font-size: 13px;
  letter-spacing: -0.04em;
  line-height: 140%;
  font-weight: 500;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .txt-box .label-box {
    font-size: 10px;
  }
}
article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .txt-box .subject-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
  width: 100%;
  max-width: 100%;
  font-size: 15px;
  letter-spacing: -0.04em;
  color: #070707;
  line-height: 140%;
}
@media (max-width: 1080px) {
  article.interior-view-layer .swiper-group-box .swiper .swiper-slide .item-wrap .info-box .txt-box .subject-box {
    line-height: 140%;
    font-size: 11px;
  }
}

article.gnb-nav-layer {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 501;
  background-color: #ECEAE4;
  padding: 60px 40px;
  width: 320px;
}
@media (max-width: 1080px) {
  article.gnb-nav-layer {
    width: 260px;
    padding: 40px 38px;
  }
}
article.gnb-nav-layer .gnb-close-btn {
  position: absolute;
  right: 48px;
  top: 48px;
  z-index: 100;
  background: url("../img/ic_gnb_close.svg") no-repeat center/cover;
  width: 44px;
  height: 44px;
}
@media (max-width: 767px) {
  article.gnb-nav-layer .gnb-close-btn {
    right: 24px;
    top: 24px;
    width: 22px;
    height: 22px;
  }
}
article.gnb-nav-layer .nav-list ul li a, article.gnb-nav-layer .nav-list ul li button {
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  height: 63px;
}
@media (max-width: 1080px) {
  article.gnb-nav-layer .nav-list ul li a, article.gnb-nav-layer .nav-list ul li button {
    height: 48px;
    font-size: 20px;
  }
}
article.gnb-nav-layer .sub-nav-list {
  padding-top: 36px;
}
@media (max-width: 1080px) {
  article.gnb-nav-layer .sub-nav-list {
    padding-top: 30px;
  }
}
article.gnb-nav-layer .sub-nav-list .sub-nav-btn {
  display: flex;
  align-items: center;
}
article.gnb-nav-layer .sub-nav-list .sub-nav-btn + .sub-nav-btn {
  margin-top: 24px;
}
article.gnb-nav-layer .sub-nav-list .sub-nav-btn .ic {
  margin-right: 10px;
  width: 26px;
  height: 26px;
}
@media (max-width: 1080px) {
  article.gnb-nav-layer .sub-nav-list .sub-nav-btn .ic {
    width: 24px;
    height: 24px;
    margin-right: 6px;
  }
}
article.gnb-nav-layer .sub-nav-list .sub-nav-btn .ic.ic-interior {
  background: url("../img/ic_sub_nav_interior.svg") no-repeat center/cover;
}
article.gnb-nav-layer .sub-nav-list .sub-nav-btn .ic.ic-rotate {
  background: url("../img/ic_sub_nav_rotate.svg") no-repeat center/cover;
}
article.gnb-nav-layer .sub-nav-list .sub-nav-btn .txt {
  flex: 1;
  min-width: 0;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.06em;
  color: #666;
}
@media (max-width: 1080px) {
  article.gnb-nav-layer .sub-nav-list .sub-nav-btn .txt {
    font-size: 16px;
  }
}

article.gnb-menu-layer {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 200;
  display: none;
}
@media (max-width: 1080px) {
  article.gnb-menu-layer {
    top: 20px;
    right: 20px;
  }
}
article.gnb-menu-layer .gnb-menu-btn {
  background: url("../img/ic_gnb_menu2.svg") no-repeat center/cover;
  width: 80px;
  height: 80px;
  display: none !important;
}
@media (max-width: 1080px) {
  article.gnb-menu-layer .gnb-menu-btn {
    width: 48px;
    height: 48px;
  }
}

article.interior-viewer {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 400;
}
article.interior-viewer:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
article.interior-viewer .viewer-box {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 900px;
}
@media (max-width: 1080px) {
  article.interior-viewer .viewer-box {
    max-height: 100%;
  }
}
article.interior-viewer .viewer-box .viewer-img-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
@media (max-width: 1080px) {
  article.interior-viewer .viewer-box .viewer-img-box {
    width: 100%;
  }
}
article.interior-viewer .viewer-box .viewer-img-box .viewer-close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../img/ic_viewer_close.svg") no-repeat center/cover;
  width: 44px;
  height: 44px;
}
@media (max-width: 1080px) {
  article.interior-viewer .viewer-box .viewer-img-box .viewer-close-btn {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
  }
}
article.interior-viewer .viewer-box .viewer-img-box img {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media (max-width: 1080px) {
  article.interior-viewer .viewer-box .viewer-img-box img {
    width: 100%;
    height: 100%;
  }
}

article.intro-video-layer {
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
article.intro-video-layer video {
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}

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