@charset "UTF-8";
/* font-family:'Pretendard' */
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-style: normal;
  src: url("../../fonts/Pretendard-Thin.eot");
  src: url("../../fonts/Pretendard-Thin.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Thin.woff2") format("woff2"), url("../../fonts/Pretendard-Thin.woff") format("woff"),
    url("../../fonts/Pretendard-Thin.ttf") format("truetype"), url("../../fonts/Pretendard-Thin.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-style: normal;
  src: url("../../fonts/Pretendard-ExtraLight.eot");
  src: url("../../fonts/Pretendard-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-ExtraLight.woff2") format("woff2"),
    url("../../fonts/Pretendard-ExtraLight.woff") format("woff"),
    url("../../fonts/Pretendard-ExtraLight.ttf") format("truetype"),
    url("../../fonts/Pretendard-ExtraLight.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/Pretendard-Light.eot");
  src: url("../../fonts/Pretendard-Light.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Light.woff2") format("woff2"), url("../../fonts/Pretendard-Light.woff") format("woff"),
    url("../../fonts/Pretendard-Light.ttf") format("truetype"), url("../../fonts/Pretendard-Light.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/Pretendard-Regular.eot");
  src: url("../../fonts/Pretendard-Regular.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Regular.woff2") format("woff2"),
    url("../../fonts/Pretendard-Regular.woff") format("woff"),
    url("../../fonts/Pretendard-Regular.ttf") format("truetype"),
    url("../../fonts/Pretendard-Regular.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-style: normal;
  src: url("../../fonts/Pretendard-Medium.eot");
  src: url("../../fonts/Pretendard-Medium.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Medium.woff2") format("woff2"), url("../../fonts/Pretendard-Medium.woff") format("woff"),
    url("../../fonts/Pretendard-Medium.ttf") format("truetype"), url("../../fonts/Pretendard-Medium.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/Pretendard-SemiBold.eot");
  src: url("../../fonts/Pretendard-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-SemiBold.woff2") format("woff2"),
    url("../../fonts/Pretendard-SemiBold.woff") format("woff"),
    url("../../fonts/Pretendard-SemiBold.ttf") format("truetype"),
    url("../../fonts/Pretendard-SemiBold.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/Pretendard-Bold.eot");
  src: url("../../fonts/Pretendard-Bold.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Bold.woff2") format("woff2"), url("../../fonts/Pretendard-Bold.woff") format("woff"),
    url("../../fonts/Pretendard-Bold.ttf") format("truetype"), url("../../fonts/Pretendard-Bold.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-style: normal;
  src: url("../../fonts/Pretendard-ExtraBold.eot");
  src: url("../../fonts/Pretendard-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-ExtraBold.woff2") format("woff2"),
    url("../../fonts/Pretendard-ExtraBold.woff") format("woff"),
    url("../../fonts/Pretendard-ExtraBold.ttf") format("truetype"),
    url("../../fonts/Pretendard-ExtraBold.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url("../../fonts/Pretendard-Black.eot");
  src: url("../../fonts/Pretendard-Black.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Black.woff2") format("woff2"), url("../../fonts/Pretendard-Black.woff") format("woff"),
    url("../../fonts/Pretendard-Black.ttf") format("truetype"), url("../../fonts/Pretendard-Black.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-style: normal;
  src: url("../../fonts/Pretendard-Black.eot");
  src: url("../../fonts/Pretendard-Black.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Pretendard-Black.woff2") format("woff2"), url("../../fonts/Pretendard-Black.woff") format("woff"),
    url("../../fonts/Pretendard-Black.ttf") format("truetype"), url("../../fonts/Pretendard-Black.svg") format("svg");
  font-display: swap;
}
.header_wrap.on .gnb_item button.button_round_blue::after {
  display: none;
  background: none;
}
.header_wrap .gnb_box .gnb_item button.button_round_blue {
  position: relative;
  color: rgb(255, 255, 255);
}
.header_wrap .gnb_box .gnb_item button.button_round_blue::before {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: -webkit-calc(100% - 29px);
  height: -moz-calc(100% - 29px);
  height: calc(100% - 29px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgb(0, 114, 206);
  -moz-border-radius: 25px;
  border-radius: 25px;
}

.wrap-online-showroom {
  letter-spacing: -0.3px;
}
.wrap-online-showroom .sr-pointer {
  position: relative;
  width: 88px;
  height: 88px;
}
.wrap-online-showroom .sr-pointer::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 105px;
  left: 50%;
  width: 200%;
  height: 50px;
  transform: translateX(-50%);
}
.wrap-online-showroom .sr-pointer.active .sr-pointer-pin {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .sr-pointer.active:hover .sr-pointer-pin {
  width: 24px;
  height: 24px;
}
.wrap-online-showroom .sr-pointer.active .sr-pointer-layer-1 {
  -webkit-animation-name: srPointerLayer1;
  -moz-animation-name: srPointerLayer1;
  animation-name: srPointerLayer1;
}
.wrap-online-showroom .sr-pointer.active .sr-pointer-layer-2 {
  -webkit-animation-name: srPointerLayer2;
  -moz-animation-name: srPointerLayer2;
  animation-name: srPointerLayer2;
}
.wrap-online-showroom .sr-pointer.red .sr-pointer-pin {
  background: #ff4554;
}
.wrap-online-showroom .sr-pointer.red .sr-pointer-layer [class*="sr-pointer-layer-"] {
  background: #ff4554;
  background: -webkit-radial-gradient(circle, rgba(255, 69, 84, 0) 0%, rgba(255, 69, 84, 0.4) 100%);
  background: -moz-radial-gradient(circle, rgba(255, 69, 84, 0) 0%, rgba(255, 69, 84, 0.4) 100%);
  background: -o-radial-gradient(circle, rgba(255, 69, 84, 0) 0%, rgba(255, 69, 84, 0.4) 100%);
  background: radial-gradient(circle, rgba(255, 69, 84, 0) 0%, rgba(255, 69, 84, 0.4) 100%);
}
.wrap-online-showroom .sr-pointer.blue.active .sr-pointer-layer-1 {
  -webkit-animation-name: srPointerLayer1;
  -moz-animation-name: srPointerLayer1;
  animation-name: srPointerLayer1;
}
.wrap-online-showroom .sr-pointer.blue.active .sr-pointer-layer-2 {
  -webkit-animation-name: srPointerLayer2;
  -moz-animation-name: srPointerLayer2;
  animation-name: srPointerLayer2;
}
.wrap-online-showroom .sr-pointer.blue .sr-pointer-pin {
  background: #1d6ceb;
}
.wrap-online-showroom .sr-pointer.blue .sr-pointer-layer [class*="sr-pointer-layer-"] {
  background: #1d6ceb;
  background: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
.wrap-online-showroom .sr-pointer-pin {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 3;
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.wrap-online-showroom .sr-pointer-layer [class*="sr-pointer-layer-"] {
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
}
.wrap-online-showroom .sr-pointer-layer-1 {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.wrap-online-showroom .sr-pointer-layer-2 {
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.wrap-online-showroom .sr-pointer.large .sr-pointer-pin {
  width: 24px;
  height: 24px;
}
.wrap-online-showroom .sr-pointer.large:not(.active) .sr-pointer-pin {
  background-color: #aaa;
}
.wrap-online-showroom .sr-pointer.blue.large .sr-pointer-layer .sr-pointer-layer-1 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 136, 255, 0) 55%, rgba(0, 136, 255, 0.3) 100%);
}
.wrap-online-showroom .sr-pointer.blue.large.active .sr-pointer-layer-1 {
  animation-name: srPointerLargeLayer1;
  animation-duration: 0.9s;
  animation-delay: 0.4s;
}
.wrap-online-showroom .sr-pointer.blue.large .sr-pointer-layer .sr-pointer-layer-2 {
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 136, 255, 0) 55%, rgba(0, 136, 255, 0.3) 100%);
}
.wrap-online-showroom .sr-pointer.blue.large.active .sr-pointer-layer-2 {
  animation-name: srPointerLargeLayer2;
  animation-duration: 0.9s;
  animation-delay: 0.1s;
}
@keyframes srPointerLargeLayer1 {
  0% {
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes srPointerLargeLayer2 {
  0% {
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

.wrap-online-showroom .sr-targeting {
  display: inline-block;
  width: 144px;
  height: 144px;
  position: relative;
}
.wrap-online-showroom .sr-targeting.active .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.wrap-online-showroom .sr-targeting.active .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.wrap-online-showroom .sr-targeting .sr-targeting-frame {
  display: inline-block;
  width: 118px;
  height: 118px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: 118px 118px;
  -moz-background-size: 118px 118px;
  background-size: 118px 118px;
  background-image: url(../../images/ko/showroom/srcomm/sr-targeting-frame.png);
}
.wrap-online-showroom .sr-targeting .sr-targeting-inner {
  display: inline-block;
  width: 100px;
  height: 100px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(120, 223, 255, 0.15);
  opacity: 0;
}
.wrap-online-showroom .sr-title-sign {
  display: inline-block;
  font-size: 0;
  position: relative;
}
.wrap-online-showroom .sr-title-sign.type-blue:after {
  border-top: 8px solid rgba(36, 83, 204, 0.9);
}
.wrap-online-showroom .sr-title-sign.type-blue .sign-box {
  background-color: rgba(36, 83, 204, 0.9);
}
.wrap-online-showroom .sr-title-sign.type-blue .sign-text {
  color: #fff;
}
.wrap-online-showroom .sr-title-sign:after {
  margin: 5px auto 0;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .sr-title-sign .sign-box {
  display: block;
  min-width: 82px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8px 14px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .sr-title-sign .sign-text {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.3px;
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .sr-speech-bubble {
  display: inline-block;
  line-height: 1;
  -webkit-filter: drop-shadow(5px 20px 30px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(5px 20px 30px rgba(0, 0, 0, 0.15));
}
.wrap-online-showroom .sr-speech-bubble-inner {
  position: relative;
  display: inline-block;
  padding-bottom: 16.5px;
  font-size: 0;
}
.wrap-online-showroom .sr-speech-bubble-text {
  font-size: 24px;
  font-weight: 600;
  color: #000;
  padding: 30px 45px;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
.wrap-online-showroom .sr-speech-bubble-text > em {
  font-weight: inherit;
  position: relative;
}
.wrap-online-showroom .sr-speech-bubble-text > em:before {
  content: "";
  display: block;
  position: absolute;
  height: 12px;
  background: #c8e4ff;
  z-index: -1;
  bottom: -1px;
  left: -3px;
  right: -3px;
}
.wrap-online-showroom .sr-speech-bubble-box {
  background: rgba(249, 249, 249, 0.9);
  -moz-border-radius: 60px;
  border-radius: 60px;
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 16.5px;
  left: 0;
  position: absolute;
}
.wrap-online-showroom .sr-speech-bubble-tail {
  display: inline-block;
  width: 21px;
  height: 16.5px;
  background-image: url(../../images/ko/showroom/srcomm/icon-speech-bubble-tail.png);
  background-repeat: no-repeat;
  bottom: 0;
  position: absolute;
}
.wrap-online-showroom .sr-speech-bubble-tail.right {
  right: 30%;
  background-position: 0 0;
}
.wrap-online-showroom .sr-speech-bubble-tail.left {
  left: 19%;
  background-position: -22px 0;
}
.wrap-online-showroom .sr-speech-bubble.blue .sr-speech-bubble-box {
  background: #2b9eff;
}
.wrap-online-showroom .sr-speech-bubble.blue .sr-speech-bubble-text {
  color: #fff;
}
.wrap-online-showroom .sr-speech-bubble.blue .sr-speech-bubble-tail {
  background-image: url(../../images/ko/showroom/srcomm/icon-speech-bubble-tail-blue.png);
}
.wrap-online-showroom [data-tooltip-wrap] {
  position: relative;
}
.wrap-online-showroom [data-tooltip-wrap] [data-tooltip] {
  top: 20px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom [data-tooltip-wrap] [data-tooltip].show [data-tooltip-text] {
  display: block;
  width: 290px;
}
.wrap-online-showroom [data-tooltip-wrap] [data-tooltip] [data-tooltip-text] {
  display: none;
}
.wrap-online-showroom [data-tooltip-wrap][data-tooltip-bottom] [data-tooltip] {
  top: unset;
  bottom: 20px;
}
.wrap-online-showroom [data-tooltip-wrap][data-tooltip-bottom] .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: unset;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.wrap-online-showroom .sr-float-tooltip {
  background: rgba(36, 83, 204, 0.9);
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 5;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.15);
}
.wrap-online-showroom .sr-float-tooltip.show {
  width: 290px;
}
/* s: 2025-02-26 */
/* .wrap-online-showroom .sr-float-tooltip.show [data-tooltip-title]:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} */
.wrap-online-showroom .sr-float-tooltip.show [data-tooltip-title]:after {
  background-image: url(../../images/ko/showroom/srcomm/icon-plus-white.png);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* e: 2025-02-26 */
.wrap-online-showroom .sr-float-tooltip.show [data-tooltip-title] p:after {
  display: none;
}
.wrap-online-showroom .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom .sr-float-tooltip [data-tooltip-title] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 11px 26px 9px 14px;
  position: relative;
}
.wrap-online-showroom .sr-float-tooltip [data-tooltip-title] p {
  font-size: 18px;
  color: #fff;
  line-height: 1;
  position: relative;
  margin-right: 8px;
  padding-right: 10px;
}
.wrap-online-showroom .sr-float-tooltip [data-tooltip-title] p:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 14px;
  background: rgba(0, 0, 0, 0.1);
  right: 0;
  top: 50%;
  margin-top: -7px;
}
/* s: 2025-02-26 */
/* .wrap-online-showroom .sr-float-tooltip [data-tooltip-title]:after {
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -9px;
    background: url(../../images/ko/showroom/srcomm/icon-plus-white.png) no-repeat 50%/18px 18px;
} */
.wrap-online-showroom .sr-float-tooltip [data-tooltip-title]:after {
  width: 18px;
  height: 18px;
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -9px;
  background: url(../../images/ko/showroom/sr11/icon-search.png) no-repeat 50%/18px 18px;
}
/* e: 2025-02-26 */
.wrap-online-showroom .sr-float-tooltip [data-tooltip-text] {
  padding: 8px 14px 18px;
}
.wrap-online-showroom .sr-float-tooltip [data-tooltip-text] > p {
  font-size: 18px;
  line-height: 1.2;
  color: rgb(200, 228, 255);
  font-weight: 400;
}
.wrap-online-showroom .sr-toast-msg {
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 24px 32px;
  line-height: 1;
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 50;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: 1s;
  -o-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .sr-toast-msg.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .sr-toast-msg:has(br) {
  line-height: 1.3;
}
.wrap-online-showroom .sr-toast-msg:before {
  content: "";
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: rgba(36, 36, 36, 0.8);
  z-index: -1;
}
.wrap-online-showroom .sr-toast-msg p {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.wrap-online-showroom .sr-toast-msg p > strong {
  color: #2b9eff;
  font-weight: inherit;
}
.wrap-online-showroom .sr-alert-msg {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .sr-alert-msg.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .sr-alert-msg:has(.complete) > p {
  background: #1fb279;
}
.wrap-online-showroom .sr-alert-msg:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.wrap-online-showroom .sr-alert-msg:has(.error) > p {
  background: #c8001e;
}
.wrap-online-showroom .sr-alert-msg:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.wrap-online-showroom .sr-alert-msg > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.wrap-online-showroom .sr-alert-msg i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.wrap-online-showroom .sr-lk-sensor {
  position: relative;
  width: 126.5px;
  height: 111px;
}
.wrap-online-showroom .sr-lk-sensor-round .sr-lk-sensor-item {
  background: url(../../images/ko/showroom/srcomm/img-radar-item.png) no-repeat 50%/30px;
  width: 30px;
  height: 47px;
  z-index: 1;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  position: static;
}
.wrap-online-showroom .sr-lk-sensor-item {
  width: 24%;
  height: 37%;
  background: url(../../images/ko/showroom/srcomm/img-radar-item.png) no-repeat 50%/100% 100%;
  top: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom .sr-lk-sensor-beam {
  width: 100%;
  height: 68%;
  background: url(../../images/ko/showroom/srcomm/img-radar-beam.png) no-repeat 50%/100% 100%;
  top: 31.7%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom .sr-popup-wrap {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 30;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .sr-popup-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .sr-popup-inner {
  width: 820px;
  min-height: 490px;
  background: rgba(36, 36, 36, 0.7);
  -moz-border-radius: 20px;
  border-radius: 20px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 24px 0 40px;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}
.wrap-online-showroom .sr-popup-inner:before {
  content: "";
  display: inline-block;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: rgba(36, 36, 36, 0.1);
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.wrap-online-showroom .sr-popup-content {
  width: auto;
  height: auto;
  margin: 0 auto;
}
.wrap-online-showroom .sr-popup-frame {
  width: 594px;
  min-height: 318px;
  margin: 0 auto;
  position: relative;
}
.wrap-online-showroom .sr-popup-text {
  font-size: 24px;
  line-height: 1.35;
  color: #fff;
  margin-top: 20px;
}
.wrap-online-showroom .sr-popup-text > em {
  font-weight: 700;
  color: #2b9eff;
}
.wrap-online-showroom .sr-popup-btn {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  background: #1d6ceb;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 210px;
  height: 50px;
  margin-top: 30px;
}
.wrap-online-showroom .sr-layer-beam {
  display: inline-block;
  width: 600px;
  height: 611px;
  background: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg1.png) no-repeat 50% / cover;
  -webkit-animation-name: srcmBeamEffect;
  -moz-animation-name: srcmBeamEffect;
  animation-name: srcmBeamEffect;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .sr-layer-beam.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
@-webkit-keyframes srcmBeamEffect {
  0% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg1.png);
  }
  25% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg2.png);
  }
  50% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg3.png);
  }
  75% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg4.png);
  }
  100% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg5.png);
  }
}
@-moz-keyframes srcmBeamEffect {
  0% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg1.png);
  }
  25% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg2.png);
  }
  50% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg3.png);
  }
  75% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg4.png);
  }
  100% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg5.png);
  }
}
@keyframes srcmBeamEffect {
  0% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg1.png);
  }
  25% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg2.png);
  }
  50% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg3.png);
  }
  75% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg4.png);
  }
  100% {
    background-image: url(../../images/ko/showroom/srcomm/img-sr8-layer-beam-bg5.png);
  }
}

.wrap-online-showroom {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
}
.wrap-online-showroom .showroom-container-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  overflow: hidden;
}
.wrap-online-showroom .showroom-container-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.wrap-online-showroom .showroom-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .showroom-content-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .showroom-content-wrap .showroom-content-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .showroom-content-wrap .showroom-content-inner .showroom-screen-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .showroom-content-wrap .showroom-content-inner .showroom-screen-wrap .showroom-screen-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .page-screen {
  position: absolute;
  bottom: 32px;
  left: 32px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .page-screen.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .page-screen li ~ li {
  margin-top: 12px;
}
.wrap-online-showroom .title-showroom-content {
  display: block;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 40px;
  line-height: 52px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
}
.wrap-online-showroom .title-showroom-content .text-bold {
  font-family: "Pretendard";
  font-weight: 800;
  font-size: 40px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
}
.wrap-online-showroom .title-showroom-content ~ .sub-con-text {
  margin-top: 16px;
}
.wrap-online-showroom .sub-con-text {
  display: block;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
}
.wrap-online-showroom .button-screen-wrap {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(238, 238, 238, 0.8);
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-background-origin: border-box;
  -moz-background-origin: border-box;
  background-origin: border-box;
  background-clip: content-box, border-box;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.wrap-online-showroom .button-screen-wrap .button-screen-inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 16px 16px;
  -moz-background-size: 16px 16px;
  background-size: 16px 16px;
}
.wrap-online-showroom .button-screen-wrap.page-back {
  position: absolute;
  top: 32px;
  left: 32px;
  z-index: 10;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 0;
}
.wrap-online-showroom .button-screen-wrap.page-back .button-screen-inner {
  display: inline-block;
  background-position: 15px 50%;
  background-image: url("../../images/ko/showroom/arrow_page_back.png");
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 0;
  overflow: hidden;
}
.wrap-online-showroom .button-screen-wrap.page-back .button-screen-inner .text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* .wrap-online-showroom .button-screen-wrap.page-back:hover {
    background-color: rgb(238, 238, 238);
}
.wrap-online-showroom .button-screen-wrap.page-back:hover .button-screen-inner .text {
    opacity: 1;
    visibility: unset;
    padding-right: 18px;
} */
.wrap-online-showroom .button-screen-wrap.page-intro {
  position: absolute;
  top: 32px;
  left: 97px;
  z-index: 10;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 0;
}
.wrap-online-showroom .button-screen-wrap.page-intro .button-screen-inner {
  display: inline-block;
  -webkit-background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  background-size: 32px 32px;
  background-position: center 6px;
  background-image: url("../../images/ko/showroom/arrow_intro_back.png");
  background-repeat: no-repeat;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-size: 0;
  overflow: hidden;
}
/* .wrap-online-showroom .button-screen-wrap.page-intro .button-screen-inner .text {
    display: inline-block;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 14px;
    line-height: 46px;
    letter-spacing: -0.3px;
    color: rgb(0, 0, 0);
    text-align: center;
    white-space: nowrap;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    padding-left: 46px;
    opacity: 0;
    visibility: hidden;
}
.wrap-online-showroom .button-screen-wrap.page-intro:hover {
    background-color: rgb(238, 238, 238);
}
.wrap-online-showroom .button-screen-wrap.page-intro:hover .button-screen-inner .text {
    opacity: 1;
    visibility: unset;
    padding-right: 18px;
} */
.wrap-online-showroom .button-screen-wrap.page-screen-plus .button-screen-inner {
  background-image: url("../../images/ko/showroom/icon-plus.png");
}
.wrap-online-showroom .button-screen-wrap.page-screen-minus .button-screen-inner {
  background-image: url("../../images/ko/showroom/icon-minus.png");
}
.wrap-online-showroom .bottom-gray-tooltip-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  display: inline-block;
  background-color: rgba(36, 36, 36, 0.7);
  padding: 24px 32px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 30;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .bottom-gray-tooltip-wrap.active {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .bottom-gray-tooltip-wrap .bottom-gray-text {
  display: none;
  white-space: nowrap;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
  text-align: center;
}
.wrap-online-showroom .bottom-gray-tooltip-wrap .bottom-gray-text:has(br) {
  line-height: 1.3;
}
.wrap-online-showroom .bottom-gray-tooltip-wrap .bottom-gray-text .color-bold-blue {
  font-weight: 700;
  font-size: 26px;
  color: rgb(43, 158, 255);
}
.wrap-online-showroom .bottom-gray-tooltip-wrap .bottom-gray-text.active {
  display: inline-block;
}
.wrap-online-showroom .showroom-top-tab-wrap {
  position: absolute;
  top: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: black;
  width: 330px;
  height: 48px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  border-top: 1px solid rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.6);
  padding: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.wrap-online-showroom .showroom-top-tab-wrap.active {
  /* z-index: 20; */
  z-index: 501;
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom .showroom-top-tab-wrap .showroom-top-tab-inner {
  position: relative;
  height: 100%;
}
.wrap-online-showroom .showroom-top-tab-wrap .showroom-top-tab-inner .showroom-top-tab-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  z-index: 2;
}
.wrap-online-showroom .showroom-top-tab-wrap .showroom-top-tab-inner .showroom-top-tab-list > li {
  width: 100%;
}
.wrap-online-showroom
  .showroom-top-tab-wrap
  .showroom-top-tab-inner
  .showroom-top-tab-list
  > li.active
  .button-tab
  .text {
  color: rgb(29, 108, 235);
}
.wrap-online-showroom .showroom-top-tab-wrap .showroom-top-tab-inner .showroom-top-tab-list > li .button-tab {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrap-online-showroom .showroom-top-tab-wrap .showroom-top-tab-inner .showroom-top-tab-list > li .button-tab .text {
  display: block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .showroom-top-tab-wrap .showroom-top-tab-inner .button-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 161px;
  height: 100%;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.wrap-online-showroom .speech-bubble-wrap {
  position: absolute;
  display: inline-block;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .speech-bubble-wrap .speech-bubble-inner {
  display: inline-block;
  position: relative;
  padding-bottom: 9px;
  font-size: 0;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
}
.wrap-online-showroom .speech-bubble-wrap .speech-bubble-inner .sb-text {
  position: relative;
  display: inline-block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
  padding: 17px 23px 15px;
}
.wrap-online-showroom .speech-bubble-wrap .speech-bubble-inner .speech-bubble-box-wrap {
  display: inline-block;
  opacity: 0.8;
}
.wrap-online-showroom .speech-bubble-wrap .speech-bubble-inner .speech-bubble-box-wrap .speech-bubble-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 9px;
  width: 100%;
  display: block;
  padding: 17px 23px 19px;
  height: 46px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  font-size: 0;
}
.wrap-online-showroom .speech-bubble-wrap .speech-bubble-inner .speech-bubble-box-wrap .speech-bubble-tail {
  position: absolute;
  left: 24%;
  bottom: 0;
  width: 14px;
  height: 10px;
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/speech_bubble_tail.png");
}
.wrap-online-showroom .title-sign {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  text-align: center;
  font-size: 0;
}
.wrap-online-showroom .title-sign.type-blue .sign-box {
  background-color: rgb(36, 83, 204);
}
.wrap-online-showroom .title-sign.type-blue .sign-box .sign-text {
  color: #ffffff;
}
.wrap-online-showroom .title-sign.type-blue::after {
  border-top: 8px solid rgb(36, 83, 204);
}
.wrap-online-showroom .title-sign .sign-box {
  display: block;
  min-width: 82px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8px 14px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .title-sign .sign-box .sign-text {
  display: inline-block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
  text-align: center;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .title-sign::after {
  margin-top: 5px;
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 8px solid rgb(255, 255, 255);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.wrap-online-showroom .showroom-background-area {
  position: absolute;
  background-repeat: no-repeat;
}
.wrap-online-showroom .showroom-background-area .showroom-background-layer {
  background-repeat: no-repeat;
}
.wrap-online-showroom .showroom-background-dim {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  pointer-events: none;
}

.wrap-online-showroom * {
  font-family: "Pretendard";
}
.wrap-online-showroom .showroom-content-wrap .showroom-content-inner .showroom-content-mark {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border: 1px solid rgba(255, 0, 0, 0.6);
  pointer-events: none;
  opacity: 1;
  z-index: 100;
}
.wrap-online-showroom .title-intro-prograss {
  display: block;
  font-size: 0;
  text-align: center;
}
.wrap-online-showroom .title-intro-prograss .logo {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 162px;
  height: 61px;
  background-image: url("../../images/ko/showroom/srcomm/s1-logo-char.svg");
}
.wrap-online-showroom .title-intro-prograss ~ .sub-text-intro-prograss-wrap {
  margin-top: 20px;
}
.wrap-online-showroom .sub-text-intro-prograss-wrap {
  display: block;
  font-size: 0;
  text-align: center;
}
.wrap-online-showroom .sub-text-intro-prograss-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .title-intro-n {
  display: block;
  font-size: 0;
  text-align: center;
}
.wrap-online-showroom .title-intro-n .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 56px;
  font-weight: 700;
  line-height: 73px;
  letter-spacing: -0.5px;
  color: rgb(0, 0, 0);
  white-space: nowrap;
}
.wrap-online-showroom .title-intro-n ~ .sub-text-intro-n-wrap {
  margin-top: 20px;
}
.wrap-online-showroom .sub-text-intro-n-wrap {
  display: block;
  font-size: 0;
  text-align: center;
}
.wrap-online-showroom .sub-text-intro-n-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: -0.5px;
  color: rgb(0, 0, 0);
  white-space: nowrap;
}
.wrap-online-showroom .button-intro-box-vc {
  font-size: 0;
}
.wrap-online-showroom .button-intro-box-vc.active .icon-view-box4 .icon-view-box4-inner .box {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  visibility: hidden;
}
.wrap-online-showroom .button-intro-box-vc.active .icon-view-box4 .icon-view-box4-inner .box.box1 {
  top: 50%;
  left: 50%;
}
.wrap-online-showroom .button-intro-box-vc.active .icon-view-box4 .icon-view-box4-inner .box.box2 {
  top: 50%;
  right: 50%;
}
.wrap-online-showroom .button-intro-box-vc.active .icon-view-box4 .icon-view-box4-inner .box.box3 {
  bottom: 50%;
  left: 50%;
}
.wrap-online-showroom .button-intro-box-vc.active .icon-view-box4 .icon-view-box4-inner .box.box4 {
  bottom: 50%;
  right: 50%;
}
.wrap-online-showroom .button-intro-box-vc.active .icon-view-close {
  -webkit-transform: translateY(-50%) rotate(405deg);
  -moz-transform: translateY(-50%) rotate(405deg);
  -ms-transform: translateY(-50%) rotate(405deg);
  transform: translateY(-50%) rotate(405deg);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom .button-intro-box-vc.active .text.text1 {
  opacity: 0;
  visibility: hidden;
  width: 0px;
}
.wrap-online-showroom .button-intro-box-vc.active .text.text2 {
  opacity: 1;
  visibility: unset;
  width: auto;
}
.wrap-online-showroom .button-intro-box-vc .button-intro-box-vc-inner {
  display: inline-block;
  position: relative;
  border: 1px solid rgb(255, 255, 255);
  -moz-border-radius: 28px;
  border-radius: 28px;
  padding: 15px 31px 15px 55px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 23px;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  width: 24px;
  height: 24px;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 .icon-view-box4-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 .icon-view-box4-inner .box {
  display: inline-block;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: 2px solid rgb(255, 255, 255);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 .icon-view-box4-inner .box.box1 {
  top: 3px;
  left: 3px;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 .icon-view-box4-inner .box.box2 {
  top: 3px;
  right: 3px;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 .icon-view-box4-inner .box.box3 {
  bottom: 3px;
  left: 3px;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-box4 .icon-view-box4-inner .box.box4 {
  bottom: 3px;
  right: 3px;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 23px;
  -webkit-transform: translateY(-50%) rotate(0deg);
  -moz-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  width: 24px;
  height: 24px;
  opacity: 0;
  visibility: hidden;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-close .icon-view-close-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-close .icon-view-close-inner .bar {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .button-intro-box-vc .icon-view-close .icon-view-close-inner .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.wrap-online-showroom .button-intro-box-vc .icon-view-close .icon-view-close-inner .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.wrap-online-showroom .button-intro-box-vc .text {
  width: auto;
  display: inline-block;
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.5px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .button-intro-box-vc .text.text2 {
  opacity: 0;
  visibility: hidden;
  width: 0px;
}
.wrap-online-showroom .intro-service-box-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 16%;
}
.wrap-online-showroom .intro-service-box-wrap .intro-service-box-inner {
  position: relative;
  text-align: center;
  font-size: 0;
  white-space: nowrap;
  width: 1152px;
  height: 510px;
}
.wrap-online-showroom .intro-service-box-wrap .intro-service-box-inner .intro-service-box-item-wrap {
  display: inline-block;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner {
  position: relative;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner {
  position: relative;
  -moz-border-radius: 12px;
  border-radius: 12px;
  overflow: hidden;
  width: 568px;
  height: 510px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .isbi-content-list {
  position: absolute;
  z-index: 3;
  top: 0;
  left: -100px;
  width: 100%;
  height: 100%;
  padding: 36px 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .isbi-content-list
  .title-intro-service-box {
  text-align: left;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .isbi-content-list
  .service-box-link-list
  > li
  .service-box-link {
  text-align: left;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-dim {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-item {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  pointer-events: none;
  background-repeat: no-repeat;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-filter: blur(0px);
  filter: blur(0px);
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-item.bg-service-box-item1 {
  background-position: -322px -222px;
  -webkit-background-size: 1311px 820px;
  -moz-background-size: 1311px 820px;
  background-size: 1311px 820px;
  background-image: url("../../images/ko/showroom/sr0/bg-service-box-item1.jpg");
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-item.bg-service-box-item2 {
  -webkit-background-size: 87% 100%;
  -moz-background-size: 87% 100%;
  background-size: 87% 100%;
  background-position: -webkit-calc(100% - 48px) bottom;
  background-position: -moz-calc(100% - 48px) bottom;
  background-position: calc(100% - 48px) bottom;
  background-image: url("../../images/ko/showroom/sr0/bg-service-box-item2.jpg");
}
.wrap-online-showroom
  .intro-service-box-wrap
  .intro-service-box-inner
  .intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-shadow {
  position: absolute;
  bottom: -135px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 640px;
  height: 62px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-image: url("../../images/ko/showroom/sr0/isbi-content-shadow.png");
  -webkit-filter: blur(15px);
  filter: blur(15px);
  pointer-events: none;
}
.wrap-online-showroom .title-intro-service-box {
  display: block;
  font-size: 0;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.wrap-online-showroom .title-intro-service-box .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 30px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .title-intro-service-box ~ .title-intro-small-service-box {
  margin-top: 24px;
}
.wrap-online-showroom .title-intro-service-box ~ .service-box-link-list {
  margin-top: 44px;
}
.wrap-online-showroom .title-intro-list-service-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
.wrap-online-showroom .title-intro-list-service-box .title-intro-small-service-box {
  display: block;
  font-size: 0;
  text-align: left;
}
.wrap-online-showroom .title-intro-list-service-box .title-intro-small-service-box .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.3px;
  color: #8bc6ff;
}
.wrap-online-showroom .title-intro-list-service-box .title-intro-small-service-box ~ .service-box-link-list {
  margin-top: 26px;
}
.wrap-online-showroom .title-intro-list-service-box .title-intro-right-service-box {
  margin-left: 170px;
}
.wrap-online-showroom
  .title-intro-list-service-box
  .title-intro-right-service-box
  .service-box-link-list
  + .title-intro-small-service-box {
  margin-top: 30px;
}
.wrap-online-showroom .service-box-link-list > li {
  text-align: left;
  font-size: 0;
}
.wrap-online-showroom .service-box-link-list > li .service-box-link {
  position: relative;
  display: inline-block;
  font-size: 0;
  opacity: 0.6;
}
.wrap-online-showroom .service-box-link-list > li .service-box-link.link-active {
  opacity: 1;
}
.wrap-online-showroom .service-box-link-list > li .service-box-link.link-active::after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 0;
  height: 1px;
  background-color: rgb(255, 255, 255);
}
.wrap-online-showroom .service-box-link-list > li .service-box-link.link-active:focus::after,
.wrap-online-showroom .service-box-link-list > li .service-box-link.link-active:hover::after {
  width: 100%;
}
.wrap-online-showroom .service-box-link-list > li .service-box-link .text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .service-box-link-list > li .service-box-link .text ~ .icon {
  margin-left: 8px;
}
.wrap-online-showroom .service-box-link-list > li .service-box-link .icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.wrap-online-showroom .service-box-link-list > li .service-box-link .icon.right-arrow {
  width: 10px;
  height: 10px;
  background-image: url("../../images/ko/showroom/srcomm/icon-intro-right-arrow.svg");
}
.wrap-online-showroom .service-box-link-list > li .service-box-link .icon.right-top-arrow {
  width: 12px;
  height: 12px;
  background-image: url("../../images/ko/showroom/srcomm/icon-intro-right-top-arrow.svg");
}
.wrap-online-showroom .service-box-link-list > li .service-box-link .icon.play-movie {
  width: 24px;
  height: 24px;
  background-image: url("../../images/ko/showroom/srcomm/icon-intro-play-movie.svg");
}
.wrap-online-showroom .service-box-link-list > li ~ li {
  margin-top: 30px;
}
.wrap-online-showroom .sr-person-cs {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.wrap-online-showroom .sr-person-cs.sr-person-cs1 {
  width: 198px;
  height: 475px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff1.svg");
}
.wrap-online-showroom .sr-person-cs.sr-person-cs2 {
  width: 270px;
  height: 482px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
}
.wrap-online-showroom .sr-person-cs.sr-person-cs3 {
  width: 258px;
  height: 482px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
}
.wrap-online-showroom .sr-person-cs.sr-person-cs4 {
  width: 247px;
  height: 482px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
}
.wrap-online-showroom .sr-person-cs.sr-person-cs5 {
  width: 247px;
  height: 482px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
}
.wrap-online-showroom .sr-person-dm {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.wrap-online-showroom .sr-person-dm.sr-person-dm1 {
  width: 189px;
  height: 352px;
  background-image: url("../../images/ko/showroom/srcomm/person-drunk-man1.png");
}
.wrap-online-showroom .sr-person-dm.sr-person-dm2 {
  width: 368px;
  height: 274px;
  background-image: url("../../images/ko/showroom/srcomm/person-drunk-man2.png");
}
.wrap-online-showroom .sr-person-dm-ex {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.wrap-online-showroom .sr-person-dm-ex.sr-person-dm-ex1 {
  width: 95.51px;
  height: 184.37px;
  background-image: url("../../images/ko/showroom/srcomm/person-drunk-man1.png");
}
.wrap-online-showroom .sr-person-counselor {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 110px;
  height: 123px;
  background-image: url("../../images/ko/showroom/srcomm/person-counselor-man.png");
}
.wrap-online-showroom .img-dispatch-vehicle {
  display: inline-block;
  position: relative;
  width: 395.65px;
  height: 154.83px;
  font-size: 0;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner {
  display: inline-block;
  font-size: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner * {
  display: inline-block;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-siren-machine {
  position: absolute;
  top: 18.07px;
  left: 172.56px;
  width: 41.88px;
  height: 15.25px;
  background-color: rgb(255, 194, 0);
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-siren-light {
  position: absolute;
  top: 0px;
  left: 109.54px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/bg-di-car-siren-right.png");
  width: 165.58px;
  height: 49.56px;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-body {
  position: absolute;
  top: 33.27px;
  left: 0.45px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/bg-di-car-body.png");
  width: 349.65px;
  height: 90.45px;
  z-index: 1;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel {
  position: absolute;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(62, 67, 71);
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel .di-car-wheel-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel .di-car-wheel-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  width: 25.33px;
  height: 23.47px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(232, 235, 239);
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel.di-car-wheel1 {
  top: 92.34px;
  left: 42.92px;
  width: 66.12px;
  height: 60.95px;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel.di-car-wheel2 {
  top: 92.77px;
  left: 242.72px;
  width: 66.12px;
  height: 60.75px;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust {
  position: absolute;
  overflow: hidden;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust .di-car-exhaust-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust .di-car-exhaust-bar {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgb(205, 210, 222);
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust.di-car-exhaust1 {
  top: 76.45px;
  left: 356.07px;
  width: 39.01px;
  height: 9.4px;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust.di-car-exhaust2 {
  top: 95.19px;
  left: 356.09px;
  width: 26.55px;
  height: 9.39px;
}
.wrap-online-showroom .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-shadow {
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 397px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/bg-di-car-shadow.png");
}
.wrap-online-showroom .icon-ex-mark-speech-bubble {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 51px;
  height: 51px;
  background-image: url("../../images/ko/showroom/srcomm/icon-ex-mark-speech-bubble.png");
}
.wrap-online-showroom .icon-ex-mark-speech-bubble-sr5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 51px;
  height: 51px;
  background-image: url("../../images/ko/showroom/sr5/icon-ex-mark-speech-bubble-sr5.png");
}
.wrap-online-showroom .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.wrap-online-showroom .ani-icon-secom-heat-detector {
  width: 60.42px;
  height: 99.26px;
  background-image: url("../../images/ko/showroom/srcomm/ani-icon-secom-heat-detector.png");
}
.wrap-online-showroom .ani-icon-secom-link {
  width: 88px;
  height: 40px;
  background-image: url("../../images/ko/showroom/srcomm/ani-icon-secom-link.png");
}
.wrap-online-showroom .ani-icon-secom-magnet-detector {
  width: 114.98px;
  height: 31.48px;
  background-image: url("../../images/ko/showroom/srcomm/ani-icon-secom-magnet-detector.png");
}
.wrap-online-showroom .img-secom-circle-item {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(255, 255, 255);
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(205, 210, 222);
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item1 {
  -webkit-background-size: 52px 15px;
  -moz-background-size: 52px 15px;
  background-size: 52px 15px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item1.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item2 {
  -webkit-background-size: 56px 26px;
  -moz-background-size: 56px 26px;
  background-size: 56px 26px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item2.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item3 {
  -webkit-background-size: 53px 39px;
  -moz-background-size: 53px 39px;
  background-size: 53px 39px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item3.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item4 {
  -webkit-background-size: 44px 57px;
  -moz-background-size: 44px 57px;
  background-size: 44px 57px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item4.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item5 {
  -webkit-background-size: 37px 43px;
  -moz-background-size: 37px 43px;
  background-size: 37px 43px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item5.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item6 {
  -webkit-background-size: 50.7px 37px;
  -moz-background-size: 50.7px 37px;
  background-size: 50.7px 37px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item6.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item7 {
  -webkit-background-size: 55px 13.1px;
  -moz-background-size: 55px 13.1px;
  background-size: 55px 13.1px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item7.png");
}
.wrap-online-showroom .img-secom-circle-item.img-secom-circle-item8 {
  -webkit-background-size: 55px 55px;
  -moz-background-size: 55px 55px;
  background-size: 55px 55px;
  background-image: url("../../images/ko/showroom/srcomm/img-secom-circle-item8.png");
}
.wrap-online-showroom .check-dot-line-wrap .check-dot-line-inner {
  position: relative;
  font-size: 0;
}
.wrap-online-showroom .check-dot-line-wrap .circle-line-wrap {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid rgb(29, 108, 235);
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
}
.wrap-online-showroom .check-dot-line-wrap .circle-line-wrap .circle-line-inner {
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgb(29, 108, 235);
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
}
.wrap-online-showroom .check-dot-line-wrap .dot-line-repeat {
  position: absolute;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-position: center center;
  background-repeat: repeat;
  -webkit-background-size: 6px 6px;
  -moz-background-size: 6px 6px;
  background-size: 6px 6px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot.png");
}
.wrap-online-showroom .img-secom-magnet-detector {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 115.98px;
  height: 105.15px;
  background-image: url("../../images/ko/showroom/srcomm/icon-magnet-detector.png");
}
.wrap-online-showroom .img-secom-heat-detector {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 31.75px;
  height: 54.38px;
  background-image: url("../../images/ko/showroom/srcomm/icon-heat-detector.png");
}
.wrap-online-showroom .layer-view-test {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  font-size: 120px;
  font-weight: 900;
  color: rgb(0, 0, 0);
  text-shadow: 0 0 10px rgb(255, 255, 255);
  white-space: nowrap;
}
.wrap-online-showroom .sr-step-swiper-wrap .sr-step-swiper-inner .bg-backgroung-blur-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrap-online-showroom .sr-step-swiper-wrap .sr-step-swiper-inner .bg-backgroung-blur-wrap .bg-backgroung-blur-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.wrap-online-showroom
  .sr-step-swiper-wrap
  .sr-step-swiper-inner
  .bg-backgroung-blur-wrap
  .bg-backgroung-blur-inner
  .bg-backgroung-blur-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.wrap-online-showroom .sr-step-swiper-wrap .sr-step-swiper-inner .top-swiper-text {
  text-align: center;
}
.wrap-online-showroom .top-swiper-text + .swiper-layer-wrap {
  margin-top: 32px;
}
.wrap-online-showroom .swiper-title-wrap .slick-list {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.wrap-online-showroom .swiper-title-wrap + .swiper-layer-wrap {
  margin-top: 32px;
}
.wrap-online-showroom .swiper-layer-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.wrap-online-showroom .swiper-layer-wrap .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0.2);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 11px 23px;
  -moz-background-size: 11px 23px;
  background-size: 11px 23px;
  background-position: center center;
  font-size: 0;
  text-indent: -9999px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .swiper-layer-wrap .slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.wrap-online-showroom .swiper-layer-wrap .slick-arrow.slick-prev {
  left: -webkit-calc(50% - 560px);
  left: -moz-calc(50% - 560px);
  left: calc(50% - 560px);
  background-image: url("../../images/ko/showroom/srcomm/icon-slick-prev.png");
}
.wrap-online-showroom .swiper-layer-wrap .slick-arrow.slick-next {
  right: -webkit-calc(50% - 560px);
  right: -moz-calc(50% - 560px);
  right: calc(50% - 560px);
  background-image: url("../../images/ko/showroom/srcomm/icon-slick-next.png");
}
.wrap-online-showroom .swiper-layer-wrap .slick-list {
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
.wrap-online-showroom .swiper-layer-wrap .slick-list .slick-track {
  height: 100%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.wrap-online-showroom .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item {
  position: relative;
  height: 100%;
  background-color: rgb(0, 0, 0);
}
.wrap-online-showroom .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item .video-iframe {
  display: none;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item .video-iframe.active {
  display: block;
}
.wrap-online-showroom .swiper-layer-wrap .slick-list ~ .slick-dots {
  margin-top: 30px;
}
.wrap-online-showroom .swiper-layer-wrap .slick-dots {
  font-size: 0;
  text-align: center;
}
.wrap-online-showroom .swiper-layer-wrap .slick-dots > li {
  display: inline-block;
  font-size: 0;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
}
.wrap-online-showroom .swiper-layer-wrap .slick-dots > li.slick-active > button {
  background-color: rgb(29, 108, 235);
}
.wrap-online-showroom .swiper-layer-wrap .slick-dots > li > button {
  width: inherit;
  height: inherit;
  font-size: 0;
  text-indent: -9999px;
  background-color: rgb(196, 196, 196);
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.wrap-online-showroom .swiper-layer-wrap .slick-dots .slick-active {
  width: 32px !important;
}
.wrap-online-showroom .swiper-layer-wrap .slick-dots .slick-active > button {
  width: 100%;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.wrap-online-showroom .swiper-layer-wrap ~ .bottom-swiper-button-wrap {
  margin-top: 42px;
}
.wrap-online-showroom .title-step-swiper {
  display: block;
  font-size: 0;
}
.wrap-online-showroom .title-step-swiper .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .title-step-swiper .text .bold {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .title-step-swiper ~ .title-step-swiper {
  margin-top: 6px;
}
.wrap-online-showroom .title-step-swiper + .sub-text-step-swiper {
  margin-top: 10px;
}
.wrap-online-showroom .sub-text-step-swiper {
  display: block;
  font-size: 0;
}
.wrap-online-showroom .sub-text-step-swiper .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .bottom-swiper-button-wrap {
  text-align: center;
  font-size: 0;
}
.wrap-online-showroom .button-swiper-bottom {
  min-width: 210px;
  font-size: 0;
  text-align: center;
  background-color: rgb(29, 108, 235);
  padding: 12px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.wrap-online-showroom .button-swiper-bottom .text {
  display: inline-block;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .thumbnail-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .thumbnail-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .thumbnail-wrap .thumbnail-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.wrap-online-showroom .thumbnail-wrap .button-movie-start {
  position: absolute;
  width: 97px;
  height: 97px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  -webkit-background-size: 30px 34px;
  -moz-background-size: 30px 34px;
  background-size: 30px 34px;
  background-position: center center;
  background-image: url("../../images/ko/showroom/srcomm/btn-layer-movie-play.png");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("https://img.youtube.com/vi/ivJI3iw7Kvg/maxresdefault.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("https://img.youtube.com/vi/bBF4F0oMXtw/maxresdefault.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("https://img.youtube.com/vi/Z2nFtu3B618/maxresdefault.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap4 {
  background-image: url("https://img.youtube.com/vi/aEtBwd0z5QU/maxresdefault.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("https://img.youtube.com/vi/8lh9DvMnpOI/maxresdefault.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/sr3/screen2Swiper2-2.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/sr3/screen2Swiper2-3.jpg");
}
.wrap-online-showroom .swiper-layer-wrap.swiper-layer-wrap3 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("https://img.youtube.com/vi/JGESv17Pu3k/maxresdefault.jpg");
}
.wrap-online-showroom .popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.wrap-online-showroom .popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.wrap-online-showroom .popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.wrap-online-showroom .popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -6px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 196px;
  left: 168px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 255px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 257.91px;
  right: 142.82px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.wrap-online-showroom .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap .text .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.wrap-online-showroom .popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.control-center .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.control-center .line-dot-red .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.control-center .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.control-center .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.wrap-online-showroom .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.wrap-online-showroom .popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wrap-online-showroom .popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.wrap-online-showroom .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.wrap-online-showroom .popup-layer-animation-wrap.active .animation-box-wrap.control-center .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.wrap-online-showroom .popup-layer-animation-wrap.active .animation-box-wrap.control-center .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.wrap-online-showroom .popup-layer-animation-wrap.active .animation-box-wrap.dispatch-immediately .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.wrap-online-showroom
  .popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.wrap-online-showroom .ellipse-wave-length-wrap {
  display: inline-block;
  position: absolute;
  width: 169.03px;
  height: 62.09px;
}
.wrap-online-showroom .ellipse-wave-length-wrap .ellipse-wave-length-inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom .ellipse-wave-length-wrap .ellipse-wave-item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.wrap-online-showroom .ellipse-wave-length-wrap .ellipse-wave-item1 {
  width: 169.03px;
  height: 62.09px;
  background-color: rgba(255, 69, 84, 0.15);
  border: 1px solid rgb(255, 69, 84);
}
.wrap-online-showroom .ellipse-wave-length-wrap .ellipse-wave-item2 {
  width: 112.68px;
  height: 41.39px;
  background-color: rgba(255, 69, 84, 0.15);
}
.wrap-online-showroom .ellipse-wave-length-wrap .ellipse-wave-item3 {
  width: 63.24px;
  height: 23px;
  background-image: -webkit-radial-gradient(circle, rgba(255, 69, 84, 0), rgba(255, 69, 84, 0.4) 100%);
  background-image: -moz-radial-gradient(circle, rgba(255, 69, 84, 0), rgba(255, 69, 84, 0.4) 100%);
  background-image: -o-radial-gradient(circle, rgba(255, 69, 84, 0), rgba(255, 69, 84, 0.4) 100%);
  background-image: radial-gradient(circle, rgba(255, 69, 84, 0), rgba(255, 69, 84, 0.4) 100%);
}
.wrap-online-showroom .step-play-item.active .automatic-layer,
.wrap-online-showroom .step-play-item.complete .automatic-layer {
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom .automatic-layer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .step-play-item.active .link-list-step ~ .step-play-item-sub-list {
  margin-top: 10px;
}
.wrap-online-showroom .step-play-item.active .step-play-item-sub-list {
  opacity: 1;
  visibility: unset;
  overflow: unset;
  max-height: 500px;
}
.wrap-online-showroom .step-play-item-sub-list {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .step-play-item-sub-list .step-play-item-sub-item.active .link-list-step-sub-item .number {
  color: rgb(29, 108, 235);
}
.wrap-online-showroom .step-play-item-sub-list .step-play-item-sub-item.active .link-list-step-sub-item .text {
  color: rgb(29, 108, 235);
}
.wrap-online-showroom .step-play-item-sub-list .step-play-item-sub-item .link-list-step-sub-item {
  display: inline-block;
  font-size: 0;
  position: relative;
  padding-left: 14px;
}
.wrap-online-showroom .step-play-item-sub-list .step-play-item-sub-item .link-list-step-sub-item .number {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
}
.wrap-online-showroom .step-play-item-sub-list .step-play-item-sub-item .link-list-step-sub-item .number:after {
  content: ".";
  display: inline-block;
}
.wrap-online-showroom .step-play-item-sub-list .step-play-item-sub-item .link-list-step-sub-item .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
  padding-left: 2px;
}

.service-step-wrap {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 32px;
  z-index: 20;
}
.service-step-wrap .service-step-inner {
  width: 332px;
  padding: 32px 8px 8px 8px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(246, 246, 246, 0.75);
  border: 1px solid rgb(255, 255, 255);
}
.service-step-wrap .service-step-inner .step-list-wrap {
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: rgba(246, 246, 246, 0.75);
  border: 1px solid rgb(255, 255, 255);
  padding: 4px 24px 28px;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item {
  position: relative;
  padding-top: 24px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgb(157, 157, 157);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item .link-list-step {
  display: block;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item.active .title-number .text {
  color: rgb(29, 108, 235);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item.active .title-con .text {
  color: rgb(0, 0, 0);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item.complete .title-number .text {
  color: rgb(29, 108, 235);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item.complete .title-con .text {
  color: rgb(0, 0, 0);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item.complete .service-circle-play {
  opacity: 0;
  visibility: hidden;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item.complete .check {
  opacity: 1;
  visibility: unset;
  width: 18px;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item .title-number {
  display: block;
  font-size: 0;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item .title-number .text {
  display: block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgb(157, 157, 157);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item .title-number ~ .title-con {
  margin-top: 4px;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item .title-con {
  display: block;
  font-size: 0;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list .step-play-item .title-con .text {
  display: block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: -0.3px;
  color: rgb(157, 157, 157);
}
.service-step-wrap .service-step-inner .step-list-wrap .step-play-list ~ .step-button-wrap {
  margin-top: 24px;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-button-wrap {
  font-size: 0;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-button-wrap .button-submit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid rgb(29, 108, 235);
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size: 0;
  padding: 14px;
}
.service-step-wrap .service-step-inner .step-list-wrap .step-button-wrap .button-submit .text {
  display: inline-block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgb(29, 108, 235);
  text-align: center;
}
.service-step-wrap .service-step-inner .step-list-wrap .check {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 7px;
  left: 4px;
  display: inline-block;
  width: 0px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center left;
  -webkit-background-size: 18px 13px;
  -moz-background-size: 18px 13px;
  background-size: 18px 13px;
  background-image: url("../../images/ko/showroom/srcomm/icon-small-blue-check.png");
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.title-step-top {
  margin-left: 16px;
  margin-right: 16px;
}
.title-step-top .title-top-text {
  display: block;
}
.title-step-top .title-top-text .text {
  display: block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
}
.title-step-top .title-top-text ~ .sub-top-text {
  margin-top: 12px;
}
.title-step-top .sub-top-text {
  display: block;
}
.title-step-top .sub-top-text .text {
  display: block;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.3px;
  color: rgb(0, 0, 0);
}
.title-step-top ~ .step-list-wrap {
  margin-top: 24px;
}

.automatic-layer {
  position: absolute;
  top: 24px;
  right: 0;
  width: 28px;
  height: 28px;
  font-size: 0;
}

.service-circle-play {
  display: inline-block;
  width: inherit;
  height: inherit;
  font-size: 0;
}
.service-circle-play-inner {
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit;
}
.service-circle-play .blue-circle {
  stroke-dasharray: 282.743;
  stroke-dashoffset: 282.743;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.service-circle-play .icon-play {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/icon-small-blue-pause.png");
}

.step-play-item.active.play .blue-circle {
  -webkit-animation-name: draw;
  -moz-animation-name: draw;
  animation-name: draw;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.step-play-item.active.play .icon-play {
  background-image: url("../../images/ko/showroom/srcomm/icon-small-blue-pause.png");
}
.step-play-item.active.pause .blue-circle {
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
  stroke-dashoffset: 0;
}
.step-play-item.active.pause .icon-play {
  background-image: url("../../images/ko/showroom/srcomm/icon-small-blue-play.png");
}

.popup-check-complete-wrap {
  display: inline-block;
  width: 290px;
  height: 288px;
}
.popup-check-complete-wrap.popup-check-complete-wrap1 .bg-check-complete {
  background-image: url("../../images/ko/showroom/srcomm/bg-popup-sr3-completer-screen1.png");
}
.popup-check-complete-wrap.popup-check-complete-wrap2 .bg-check-complete {
  background-image: url("../../images/ko/showroom/srcomm/bg-popup-sr3-completer-screen2.png");
}
.popup-check-complete-wrap.popup-check-complete-wrap3 .bg-check-complete {
  background-image: url("../../images/ko/showroom/srcomm/bg-popup-sr3-completer-screen3.png");
}
.popup-check-complete-wrap .popup-check-complete-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.popup-check-complete-wrap .title-service-check-complete {
  position: absolute;
  top: 30px;
  left: 10px;
  right: 10px;
  z-index: 1;
  font-size: 0;
}
.popup-check-complete-wrap .title-service-check-complete .text {
  display: block;
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: rgb(29, 108, 235);
  text-align: center;
}
.popup-check-complete-wrap .icon-complete-check {
  position: absolute;
  top: -22px;
  right: -20px;
  z-index: 2;
  display: inline-block;
  width: 49px;
  height: 49px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 3px;
  font-size: 0;
}
.popup-check-complete-wrap .icon-complete-check .icon-complete-check-inner {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid rgb(0, 114, 206);
}
.popup-check-complete-wrap .icon-complete-check .icon-complete-check-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 24px;
  height: 16.87px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/icon-complete-check.png");
}
.popup-check-complete-wrap .bg-check-complete {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}

.info-view-popup-wrap {
  display: inline-block;
  font-size: 0;
}
.info-view-popup-wrap .info-view-popup-inner {
  display: inline-block;
  position: relative;
}
.info-view-popup-wrap .info-view-popup-inner .info-button-wrap .info-button-inner {
  position: relative;
}
.info-view-popup-wrap .info-view-popup-inner .info-button-wrap .info-button-inner::before {
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 5px solid rgb(55, 98, 207);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.info-view-popup-wrap .info-view-popup-inner .info-popup-wrap {
  position: absolute;
  top: 50%;
  left: -371.28px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.info-view-popup-wrap .info-view-popup-inner .info-popup-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.info-view-popup-wrap .info-view-popup-inner .info-popup-wrap .info-popup-inner {
  position: relative;
}
.info-view-popup-wrap .info-button-list .info-button-item {
  font-size: 0;
}
/* s: 2025-02-26 */
/* .info-view-popup-wrap .info-button-list .info-button-item.active .button-info-view .icon-view {
    -webkit-transform: translateY(-50%) rotate(405deg);
    -moz-transform: translateY(-50%) rotate(405deg);
    -ms-transform: translateY(-50%) rotate(405deg);
    transform: translateY(-50%) rotate(405deg);
} */
/* e: 2025-02-26 */
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view {
  position: relative;
  display: inline-block;
  font-size: 0;
  padding: 11px 40px 11px 14px;
  background-color: rgb(55, 98, 207);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 33px;
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
/* s: 2025-02-26 */
/* .info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    width: 18px;
    height: 18px;
    font-size: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
} */
/* .info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view .icon-view-inner {
    display: inline-block;
    position: relative;
    width: inherit;
    height: inherit;
} */
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 0;
  background: url(../../images/ko/showroom/sr11/icon-search.png) no-repeat center;
  background-size: 18px 18px;
}
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view .icon-view-inner {
  display: none;
}
/* e: 2025-02-26 */
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view .icon-view-inner .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 0;
  text-indent: -9999px;
  width: 13px;
  height: 1px;
  background-color: rgb(255, 255, 255);
}
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view .icon-view-inner .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.info-view-popup-wrap .info-button-list .info-button-item .button-info-view .icon-view .icon-view-inner .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.info-view-popup-wrap .info-button-list .info-button-item ~ .info-button-item {
  margin-top: 10px;
}
.info-view-popup-wrap .popup-view-list {
  width: 318px;
  height: 394px;
}
.info-view-popup-wrap .popup-view-list .popup-view-item {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.info-view-popup-wrap .popup-view-list .popup-view-item.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .popup-view-wrap {
  width: inherit;
  height: inherit;
  background-color: rgb(95, 96, 97);
  overflow: hidden;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .popup-view-wrap .popup-view-inner {
  position: relative;
  width: inherit;
  height: inherit;
  padding: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .icon-view-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 27.5px;
  right: 24px;
  font-size: 0;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .icon-view-close .icon-view-inner {
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .icon-view-close .icon-view-inner .bar {
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  top: 50%;
  left: 50%;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .icon-view-close .icon-view-inner .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.info-view-popup-wrap .popup-view-list .popup-view-item .icon-view-close .icon-view-inner .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.info-view-popup-wrap .popup-view-list .popup-view-item .title-popup-view {
  display: block;
  font-size: 0;
  text-align: left;
  padding-right: 34px;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .title-popup-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.info-view-popup-wrap .popup-view-list .popup-view-item .title-popup-view ~ .screen-view-icon-wrap {
  margin-top: 32px;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .title-popup-view ~ .bottom-text-wrap {
  margin-top: 18px;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .screen-view-icon-wrap {
  width: 100%;
  height: 180px;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .screen-view-icon-wrap .screen-view-icon-inner {
  position: relative;
  font-size: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .screen-view-icon-wrap .screen-view-icon-inner .image-device {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.info-view-popup-wrap
  .popup-view-list
  .popup-view-item
  .screen-view-icon-wrap
  .screen-view-icon-inner
  .image-device.image-device1 {
  width: 104.46px;
  height: 170px;
  background-image: url("../../images/ko/showroom/srcomm/img-layer-popup-device1.png");
}
.info-view-popup-wrap
  .popup-view-list
  .popup-view-item
  .screen-view-icon-wrap
  .screen-view-icon-inner
  .image-device.image-device2 {
  width: 120px;
  height: 142.39px;
  background-image: url("../../images/ko/showroom/srcomm/img-layer-popup-device2.png");
}
.info-view-popup-wrap
  .popup-view-list
  .popup-view-item
  .screen-view-icon-wrap
  .screen-view-icon-inner
  .image-device.image-device3 {
  width: 84px;
  height: 160px;
  background-image: url("../../images/ko/showroom/srcomm/img-layer-popup-device3.png");
}
.info-view-popup-wrap .popup-view-list .popup-view-item .bottom-text-wrap {
  display: block;
  font-size: 0;
  text-align: center;
}
.info-view-popup-wrap .popup-view-list .popup-view-item .bottom-text-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}

.popup-layer-animation2-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 598px;
  height: 440px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.popup-layer-animation2-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.popup-layer-animation2-wrap.active .s1-reader-safe-warp {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.popup-layer-animation2-wrap.active .s1-reader-safe-warp .circle-safe-check-wrap {
  opacity: 1;
  visibility: unset;
}
.popup-layer-animation2-wrap.active
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-white {
  opacity: 1;
  visibility: unset;
  width: 59.61px;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.popup-layer-animation2-wrap.active
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-circle {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.popup-layer-animation2-wrap.active .s1-reader-safe-warp .bg-icon-safe-lock-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.popup-layer-animation2-wrap.active .s1-reader-safe-warp .bg-icon-safe-lock-wrap .bg-icon-safe-ring {
  -webkit-animation-name: safeRing;
  -moz-animation-name: safeRing;
  animation-name: safeRing;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.popup-layer-animation2-wrap.active .s1-reader-safe-warp .bg-icon-safe-guard {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.popup-layer-animation2-wrap.active .bottom-text-wrap {
  bottom: 40px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.popup-layer-animation2-wrap .popup-layer-animation2-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.popup-layer-animation2-wrap .popup-layer-animation2-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 15px;
  right: 15px;
  text-align: center;
  font-size: 0;
}
.popup-layer-animation2-wrap .popup-layer-animation2-inner .bottom-text-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.popup-layer-animation2-wrap .popup-layer-animation2-inner .bottom-text-wrap .text .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.popup-layer-animation2-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.s1-reader-safe-warp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.s1-reader-safe-warp .s1-reader-safe-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.s1-reader-safe-warp .circle-safe-check-wrap {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 200px;
  left: 316px;
  width: 100px;
  height: 100px;
  font-size: 0;
}
.s1-reader-safe-warp .circle-safe-check-wrap .circle-safe-check-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
}
.s1-reader-safe-warp .circle-safe-check-wrap .circle-safe-check-inner .icon-safe-check-white {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 center;
  -webkit-background-size: 59.61px 45.53px;
  -moz-background-size: 59.61px 45.53px;
  background-size: 59.61px 45.53px;
  width: 0px;
  height: 45.53px;
  background-image: url("../../images/ko/showroom/srcomm/icon-safe-check-white.png");
  opacity: 0;
  visibility: hidden;
}
.s1-reader-safe-warp .circle-safe-check-wrap .circle-safe-check-inner .icon-safe-check-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: inherit;
  height: inherit;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(57, 181, 86);
  opacity: 0;
  visibility: hidden;
}
.s1-reader-safe-warp .bg-icon-safe-lock-wrap {
  position: absolute;
  top: 116px;
  left: -webkit-calc(50% + 2.5px);
  left: -moz-calc(50% + 2.5px);
  left: calc(50% + 2.5px);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 94.19px;
  height: 123.77px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.s1-reader-safe-warp .bg-icon-safe-lock-wrap .bg-icon-safe-lock-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.s1-reader-safe-warp .bg-icon-safe-ring {
  position: absolute;
  top: -25.72px;
  left: 11.33px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 71.19px;
  height: 90.36px;
  background-image: url("../../images/ko/showroom/srcomm/bg-icon-safe-ring.png");
}
.s1-reader-safe-warp .bg-icon-safe-lock {
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 94.19px;
  height: 81.59px;
  background-image: url("../../images/ko/showroom/srcomm/bg-icon-safe-lock.png");
}
.s1-reader-safe-warp .bg-icon-safe-guard {
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 204px;
  height: 246.75px;
  background-image: url("../../images/ko/showroom/srcomm/bg-icon-safe-guard.png");
  opacity: 0;
  visibility: hidden;
}

.tag-video {
  width: 100%;
  height: 100%;
}

@-webkit-keyframes draw {
  from {
    stroke-dashoffset: 282.743;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@-moz-keyframes draw {
  from {
    stroke-dashoffset: 282.743;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  from {
    stroke-dashoffset: 282.743;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes ellipseWaveItem1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.35);
    transform: translate(-50%, -50%) scale(0.35);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@-moz-keyframes ellipseWaveItem1 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0.35);
    transform: translate(-50%, -50%) scale(0.35);
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes ellipseWaveItem1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.35);
    -moz-transform: translate(-50%, -50%) scale(0.35);
    transform: translate(-50%, -50%) scale(0.35);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}
@-webkit-keyframes centerWidthLeft {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 100% center;
  }
}
@-moz-keyframes centerWidthLeft {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 100% center;
  }
}
@keyframes centerWidthLeft {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 100% center;
  }
}
@-webkit-keyframes centerWidthRight {
  0% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}
@-moz-keyframes centerWidthRight {
  0% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}
@keyframes centerWidthRight {
  0% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}
@-webkit-keyframes centerBottomTop {
  0% {
    background-position: center 100%;
  }
  100% {
    background-position: center 0%;
  }
}
@-moz-keyframes centerBottomTop {
  0% {
    background-position: center 100%;
  }
  100% {
    background-position: center 0%;
  }
}
@keyframes centerBottomTop {
  0% {
    background-position: center 100%;
  }
  100% {
    background-position: center 0%;
  }
}
@-webkit-keyframes diCarSirenLight {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-moz-keyframes diCarSirenLight {
  0% {
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes diCarSirenLight {
  0% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes diCarBody {
  0% {
    top: 33.27px;
  }
  100% {
    top: 37.27px;
  }
}
@-moz-keyframes diCarBody {
  0% {
    top: 33.27px;
  }
  100% {
    top: 37.27px;
  }
}
@keyframes diCarBody {
  0% {
    top: 33.27px;
  }
  100% {
    top: 37.27px;
  }
}
@-webkit-keyframes diCarSirenMachine {
  0% {
    top: 18.07px;
  }
  100% {
    top: 22.27px;
  }
}
@-moz-keyframes diCarSirenMachine {
  0% {
    top: 18.07px;
  }
  100% {
    top: 22.27px;
  }
}
@keyframes diCarSirenMachine {
  0% {
    top: 18.07px;
  }
  100% {
    top: 22.27px;
  }
}
@-webkit-keyframes diCarExhaust {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-moz-keyframes diCarExhaust {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes diCarExhaust {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes diCarExhaust1 {
  0% {
    width: 0;
  }
  100% {
    width: 39.01px;
  }
}
@-moz-keyframes diCarExhaust1 {
  0% {
    width: 0;
  }
  100% {
    width: 39.01px;
  }
}
@keyframes diCarExhaust1 {
  0% {
    width: 0;
  }
  100% {
    width: 39.01px;
  }
}
@-webkit-keyframes diCarExhaust2 {
  0% {
    width: 0;
  }
  100% {
    width: 26.55px;
  }
}
@-moz-keyframes diCarExhaust2 {
  0% {
    width: 0;
  }
  100% {
    width: 26.55px;
  }
}
@keyframes diCarExhaust2 {
  0% {
    width: 0;
  }
  100% {
    width: 26.55px;
  }
}
@-webkit-keyframes safeRing {
  0% {
    top: -25.72px;
  }
  100% {
    top: 0px;
  }
}
@-moz-keyframes safeRing {
  0% {
    top: -25.72px;
  }
  100% {
    top: 0px;
  }
}
@keyframes safeRing {
  0% {
    top: -25.72px;
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes sr3st2Person3 {
  0% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  21% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    width: 206.5px;
    height: 386.44px;
    top: 297.76px;
    left: 1062px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
  }
  54% {
    opacity: 1;
    width: 206.5px;
    height: 386.44px;
    top: 297.76px;
    left: 1062px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
  }
  60% {
    opacity: 0;
  }
  66% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
  }
  100% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
  }
}
@-moz-keyframes sr3st2Person3 {
  0% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  21% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    width: 206.5px;
    height: 386.44px;
    top: 297.76px;
    left: 1062px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
  }
  54% {
    opacity: 1;
    width: 206.5px;
    height: 386.44px;
    top: 297.76px;
    left: 1062px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
  }
  60% {
    opacity: 0;
  }
  66% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
  }
  100% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
  }
}
@keyframes sr3st2Person3 {
  0% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  21% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    width: 206.5px;
    height: 386.44px;
    top: 297.76px;
    left: 1062px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
  }
  54% {
    opacity: 1;
    width: 206.5px;
    height: 386.44px;
    top: 297.76px;
    left: 1062px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
  }
  60% {
    opacity: 0;
  }
  66% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
  }
  100% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
  }
}
@-webkit-keyframes sr3st2ItemDevice {
  0% {
    opacity: 1;
    -webkit-background-size: 23px 69px;
    background-size: 23px 69px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
  }
  21% {
    opacity: 1;
    -webkit-background-size: 23px 69px;
    background-size: 23px 69px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    -webkit-background-size: 33px 82px;
    background-size: 33px 82px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
  }
  54% {
    opacity: 1;
    -webkit-background-size: 33px 82px;
    background-size: 33px 82px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
  }
  60% {
    opacity: 0;
  }
  66% {
    opacity: 1;
    -webkit-background-size: 58.66px 91.16px;
    background-size: 58.66px 91.16px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
  }
  100% {
    opacity: 1;
    -webkit-background-size: 58.66px 91.16px;
    background-size: 58.66px 91.16px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
  }
}
@-moz-keyframes sr3st2ItemDevice {
  0% {
    opacity: 1;
    -moz-background-size: 23px 69px;
    background-size: 23px 69px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
  }
  21% {
    opacity: 1;
    -moz-background-size: 23px 69px;
    background-size: 23px 69px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    -moz-background-size: 33px 82px;
    background-size: 33px 82px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
  }
  54% {
    opacity: 1;
    -moz-background-size: 33px 82px;
    background-size: 33px 82px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
  }
  60% {
    opacity: 0;
  }
  66% {
    opacity: 1;
    -moz-background-size: 58.66px 91.16px;
    background-size: 58.66px 91.16px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
  }
  100% {
    opacity: 1;
    -moz-background-size: 58.66px 91.16px;
    background-size: 58.66px 91.16px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
  }
}
@keyframes sr3st2ItemDevice {
  0% {
    opacity: 1;
    -webkit-background-size: 23px 69px;
    -moz-background-size: 23px 69px;
    background-size: 23px 69px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
  }
  21% {
    opacity: 1;
    -webkit-background-size: 23px 69px;
    -moz-background-size: 23px 69px;
    background-size: 23px 69px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    -webkit-background-size: 33px 82px;
    -moz-background-size: 33px 82px;
    background-size: 33px 82px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
  }
  54% {
    opacity: 1;
    -webkit-background-size: 33px 82px;
    -moz-background-size: 33px 82px;
    background-size: 33px 82px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
  }
  60% {
    opacity: 0;
  }
  66% {
    opacity: 1;
    -webkit-background-size: 58.66px 91.16px;
    -moz-background-size: 58.66px 91.16px;
    background-size: 58.66px 91.16px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
  }
  100% {
    opacity: 1;
    -webkit-background-size: 58.66px 91.16px;
    -moz-background-size: 58.66px 91.16px;
    background-size: 58.66px 91.16px;
    background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
  }
}
@-webkit-keyframes sr3AlertMsg1 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  21% {
    opacity: 1;
    visibility: unset;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes sr3AlertMsg1 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  21% {
    opacity: 1;
    visibility: unset;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes sr3AlertMsg1 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  21% {
    opacity: 1;
    visibility: unset;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes sr3AlertMsg2 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  33% {
    opacity: 1;
    visibility: unset;
  }
  54% {
    opacity: 1;
    visibility: unset;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes sr3AlertMsg2 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  33% {
    opacity: 1;
    visibility: unset;
  }
  54% {
    opacity: 1;
    visibility: unset;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes sr3AlertMsg2 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  33% {
    opacity: 1;
    visibility: unset;
  }
  54% {
    opacity: 1;
    visibility: unset;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes sr3AlertMsg3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 1;
    visibility: unset;
  }
}
@-moz-keyframes sr3AlertMsg3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 1;
    visibility: unset;
  }
}
@keyframes sr3AlertMsg3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 1;
    visibility: unset;
  }
}
@-webkit-keyframes sr3st3Person3 {
  0% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
  }
  21% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  100% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
}
@-moz-keyframes sr3st3Person3 {
  0% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
  }
  21% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  100% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
}
@keyframes sr3st3Person3 {
  0% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
  }
  21% {
    opacity: 1;
    width: 197.5px;
    height: 386.44px;
    top: 297.77px;
    left: 1071px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
  }
  27% {
    opacity: 0;
  }
  33% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
  100% {
    opacity: 1;
    width: 216.3px;
    height: 386.44px;
    top: 297.76px;
    left: 1052.2px;
    background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
  }
}
@-webkit-keyframes sr3AlertMsgSr3St3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  33% {
    opacity: 1;
    visibility: unset;
  }
  54% {
    opacity: 1;
    visibility: unset;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes sr3AlertMsgSr3St3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  33% {
    opacity: 1;
    visibility: unset;
  }
  54% {
    opacity: 1;
    visibility: unset;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes sr3AlertMsgSr3St3 {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  27% {
    opacity: 0;
    visibility: hidden;
  }
  33% {
    opacity: 1;
    visibility: unset;
  }
  54% {
    opacity: 1;
    visibility: unset;
  }
  60% {
    opacity: 0;
    visibility: hidden;
  }
  66% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes ovp0 {
  0% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-moz-keyframes ovp0 {
  0% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@keyframes ovp0 {
  0% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-webkit-keyframes blur10 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
}
@-moz-keyframes blur10 {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(10px);
  }
}
@keyframes blur10 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
}
@-webkit-keyframes blur10Zindex23 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    z-index: 3;
  }
  100% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 23;
  }
}
@-moz-keyframes blur10Zindex23 {
  0% {
    filter: blur(0px);
    z-index: 3;
  }
  100% {
    filter: blur(10px);
    z-index: 23;
  }
}
@keyframes blur10Zindex23 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    z-index: 3;
  }
  100% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 23;
  }
}
@-webkit-keyframes blur10Zindex23Op3 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    z-index: 3;
  }
  100% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 23;
    opacity: 0.3;
  }
}
@-moz-keyframes blur10Zindex23Op3 {
  0% {
    filter: blur(0px);
    z-index: 3;
  }
  100% {
    filter: blur(10px);
    z-index: 23;
    opacity: 0.3;
  }
}
@keyframes blur10Zindex23Op3 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    z-index: 3;
  }
  100% {
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: 23;
    opacity: 0.3;
  }
}
@-webkit-keyframes blur30 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(30px);
    filter: blur(30px);
  }
}
@-moz-keyframes blur30 {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(30px);
  }
}
@keyframes blur30 {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(30px);
    filter: blur(30px);
  }
}
@-webkit-keyframes zIndex21 {
  0% {
    z-index: 2;
  }
  100% {
    z-index: 21;
  }
}
@-moz-keyframes zIndex21 {
  0% {
    z-index: 2;
  }
  100% {
    z-index: 21;
  }
}
@keyframes zIndex21 {
  0% {
    z-index: 2;
  }
  100% {
    z-index: 21;
  }
}
@-webkit-keyframes zIndex21Dim {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  100% {
    opacity: 1;
    visibility: unset;
    z-index: 21;
  }
}
@-moz-keyframes zIndex21Dim {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  100% {
    opacity: 1;
    visibility: unset;
    z-index: 21;
  }
}
@keyframes zIndex21Dim {
  0% {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  100% {
    opacity: 1;
    visibility: unset;
    z-index: 21;
  }
}
@-webkit-keyframes zIndex21DimSr6Sc2 {
  0% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm2-3.png");
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  100% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm2-3.png");
    opacity: 1;
    visibility: unset;
    z-index: 21;
  }
}
@-moz-keyframes zIndex21DimSr6Sc2 {
  0% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm2-3.png");
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  100% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm2-3.png");
    opacity: 1;
    visibility: unset;
    z-index: 21;
  }
}
@keyframes zIndex21DimSr6Sc2 {
  0% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm2-3.png");
    opacity: 0;
    visibility: hidden;
    z-index: 2;
  }
  100% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm2-3.png");
    opacity: 1;
    visibility: unset;
    z-index: 21;
  }
}
@-webkit-keyframes zIndex22 {
  0% {
    z-index: 3;
  }
  100% {
    z-index: 22;
  }
}
@-moz-keyframes zIndex22 {
  0% {
    z-index: 3;
  }
  100% {
    z-index: 22;
  }
}
@keyframes zIndex22 {
  0% {
    z-index: 3;
  }
  100% {
    z-index: 22;
  }
}

.wrap-online-showroom .staff-sr5-factory-wrap {
  display: inline-block;
  font-size: 0;
}
.wrap-online-showroom .staff-sr5-factory-inner {
  width: inherit;
  height: inherit;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.wrap-online-showroom .staff-sr5-factory1 {
  display: inline-block;
  width: 198px;
  height: 496px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/staff-sr5-factory1.svg");
}
.wrap-online-showroom .staff-sr5-factory2 {
  display: inline-block;
  width: 232px;
  height: 499px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/staff-sr5-factory2.svg");
}
.wrap-online-showroom .staff-sr5-factory3 {
  display: inline-block;
  width: 234px;
  height: 402px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/staff-sr5-factory3.svg");
}
.wrap-online-showroom .staff-sr5-factory4 {
  display: inline-block;
  width: 277px;
  height: 403px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/staff-sr5-factory4.svg");
}
.wrap-online-showroom .staff-sr5-factory5 {
  display: inline-block;
  width: 265px;
  height: 400px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/staff-sr5-factory5.svg");
}
.wrap-online-showroom .criminal-sr5-factory-wrap {
  display: inline-block;
  font-size: 0;
}
.wrap-online-showroom .criminal-sr5-factory-inner {
  width: inherit;
  height: inherit;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.wrap-online-showroom .criminal-sr5-factory1 {
  display: inline-block;
  width: 158px;
  height: 406px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory1.svg");
}
.wrap-online-showroom .criminal-sr5-factory2 {
  display: inline-block;
  width: 175.61px;
  height: 566.33px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory2.svg");
}
.wrap-online-showroom .criminal-sr5-factory3 {
  display: inline-block;
  width: 295.57px;
  height: 588.65px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory3.svg");
}
.wrap-online-showroom .criminal-sr5-factory4 {
  display: inline-block;
  width: 242.85px;
  height: 400px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory4.svg");
}
.wrap-online-showroom .criminal-sr5-factory5 {
  display: inline-block;
  width: 287.93px;
  height: 528px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory5.svg");
}
.wrap-online-showroom .img-secom-sr5-circle-item {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(255, 255, 255);
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(205, 210, 222);
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item1 {
  -webkit-background-size: 44px 57px;
  -moz-background-size: 44px 57px;
  background-size: 44px 57px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item1.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item2 {
  -webkit-background-size: 34.58px 42.05px;
  -moz-background-size: 34.58px 42.05px;
  background-size: 34.58px 42.05px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item2.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item3 {
  -webkit-background-size: 24px 45px;
  -moz-background-size: 24px 45px;
  background-size: 24px 45px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item3.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item4 {
  -webkit-background-size: 56.1px 29px;
  -moz-background-size: 56.1px 29px;
  background-size: 56.1px 29px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item4.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item5 {
  -webkit-background-size: 55px 13.1px;
  -moz-background-size: 55px 13.1px;
  background-size: 55px 13.1px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item5.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item6 {
  -webkit-background-size: 50.7px 37px;
  -moz-background-size: 50.7px 37px;
  background-size: 50.7px 37px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item6.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item7 {
  -webkit-background-size: 55px 55px;
  -moz-background-size: 55px 55px;
  background-size: 55px 55px;
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item7.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item8 {
  -webkit-background-size: 21px 58px;
  -moz-background-size: 21px 58px;
  background-size: 21px 58px;
  background-position: center -webkit-calc(50% + 5px);
  background-position: center -moz-calc(50% + 5px);
  background-position: center calc(50% + 5px);
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item8.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item9 {
  -webkit-background-size: 26px 51px;
  -moz-background-size: 26px 51px;
  background-size: 26px 51px;
  background-position: center -webkit-calc(50% + 5px);
  background-position: center -moz-calc(50% + 5px);
  background-position: center calc(50% + 5px);
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item9.png");
}
.wrap-online-showroom .img-secom-sr5-circle-item.img-secom-sr5-circle-item10 {
  -webkit-background-size: 53px 39px;
  -moz-background-size: 53px 39px;
  background-size: 53px 39px;
  background-position: center -webkit-calc(50% + 0px);
  background-position: center -moz-calc(50% + 0px);
  background-position: center calc(50% + 0px);
  background-image: url("../../images/ko/showroom/sr5/img-secom-sr5-circle-item10.png");
}

.swiper-title-wrap.slick-slider .slick-list .slick-track {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.wrap-online-showroom.sr6-storage {
  /* 출동경비 서비스의 구성은? */
  /* 출동경비 서비스의 구성은? */
}
.wrap-online-showroom.sr6-storage .worker-sr6-storage-wrap {
  display: inline-block;
  font-size: 0;
}
.wrap-online-showroom.sr6-storage .worker-sr6-storage-inner {
  width: inherit;
  height: inherit;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.wrap-online-showroom.sr6-storage .item-sr6-worker-storage1 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage1.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-worker-storage2 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage2.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-worker-storage3 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage3.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-worker-storage4 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage4.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-worker-storage5 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage5.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-worker-storage6 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage6.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-criminal-storage1 {
  display: inline-block;
  width: 274px;
  height: 480.94px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-criminal-storage1.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-criminal-storage2 {
  display: inline-block;
  width: 257px;
  height: 413.36px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-criminal-storage2.svg");
}
.wrap-online-showroom.sr6-storage .item-sr6-criminal-storage3 {
  display: inline-block;
  width: 233.47px;
  height: 336.1px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-criminal-storage3.svg");
}
.wrap-online-showroom.sr6-storage .showroom-step2-icon-layer-wrap {
  width: 923px;
  height: 519px;
}
.wrap-online-showroom.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrap-online-showroom.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  .sr-circle-item-inner {
  position: relative;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  top: 450px;
  left: 212px;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  top: 270px;
  left: 425px;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  top: 574px;
  left: 473px;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  top: 541px;
  left: 874px;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  top: 261px;
  left: 956px;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  top: 529px;
  left: 1295px;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(255, 255, 255);
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(205, 210, 222);
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item.img-secom-circle-item1 {
  -webkit-background-size: 24px 45px;
  -moz-background-size: 24px 45px;
  background-size: 24px 45px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-circle-item1.png");
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item.img-secom-circle-item2 {
  -webkit-background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  background-size: 80px 80px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-circle-item2.png");
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item.img-secom-circle-item3 {
  -webkit-background-size: 54px 22px;
  -moz-background-size: 54px 22px;
  background-size: 54px 22px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-circle-item3.png");
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item.img-secom-circle-item4 {
  -webkit-background-size: 52.65px 37.96px;
  -moz-background-size: 52.65px 37.96px;
  background-size: 52.65px 37.96px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-circle-item4.png");
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item.img-secom-circle-item5 {
  -webkit-background-size: 34.67px 42.16px;
  -moz-background-size: 34.67px 42.16px;
  background-size: 34.67px 42.16px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-circle-item5.png");
}
.wrap-online-showroom.sr6-storage .img-secom-circle-item.img-secom-circle-item6 {
  -webkit-background-size: 18.24px 69.3px;
  -moz-background-size: 18.24px 69.3px;
  background-size: 18.24px 69.3px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-circle-item6.png");
}
.wrap-online-showroom.sr6-storage .sr-float-tooltip {
  background-color: rgb(36, 83, 204);
}
.wrap-online-showroom.sr6-storage .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  top: 450px;
  left: 212px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  top: 270px;
  left: 425px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  top: 574px;
  left: 473px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  opacity: 1;
  visibility: unset;
  top: 541px;
  left: 874px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  opacity: 1;
  visibility: unset;
  top: 261px;
  left: 956px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
}
.wrap-online-showroom.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  opacity: 1;
  visibility: unset;
  top: 529px;
  left: 1295px;
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  -o-transition-delay: 4.5s;
  transition-delay: 4.5s;
}

.sr6-storage {
  /*
  .sr-person-sr1-st1 {
      position: absolute;
      top: 428px;
      left: 800px;
      width: 216px;
      height: 468px;
      opacity: 0;
      visibility: hidden;
  }
  .sr-speech-sr2-st1-1 {
      top: 256px;
      left: 482px;
      opacity: 0;
      visibility: hidden;
  }
  */
}
.sr6-storage .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-sc2-st1-person {
  position: absolute;
  top: 387px;
  left: 769px;
  width: 260.45px;
  height: 457.2px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage1.svg");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-speech-sr2-st1 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-speech-sr2-st1 .sr-speech-bubble-text {
  text-align: center;
  font-weight: 700;
}
.sr6-storage .sr-speech-sr2-st1 .sr-speech-bubble-tail.right {
  right: 19%;
}
.sr6-storage .sr-speech-sr2-st1 .sr-speech-bubble-tail.left {
  right: 21%;
}
.sr6-storage .sr-speech-sr2-st1-1 {
  top: 266px;
  left: 382.26px;
}
.sr6-storage .sr-speech-sr2-st1-1 .sr-speech-bubble-text {
  padding: 36px 44px;
}
.sr6-storage .sr-speech-sr2-st1-1 .sr-speech-bubble-box {
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr6-storage .sr-speech-sr2-st1-2 {
  top: 388.2px;
  left: 1009.96px;
}
.sr6-storage .sr-speech-sr2-st1-2 .sr-speech-bubble-text {
  padding: 28px 70px;
}
.sr6-storage .sr-speech-sr2-st1-2 .sr-speech-bubble-box {
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr6-storage .img-secom-circle-item {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(255, 255, 255);
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(205, 210, 222);
}
.sr6-storage .img-secom-circle-item.img-secom-circle-item1 {
  -webkit-background-size: 66px 12.18px;
  -moz-background-size: 66px 12.18px;
  background-size: 66px 12.18px;
  background-image: url("../../images/ko/showroom/sr6/img-sr6-secom-circle-item1.png");
}
.sr6-storage .img-secom-circle-item.img-secom-circle-item2 {
  -webkit-background-size: 53px 40px;
  -moz-background-size: 53px 40px;
  background-size: 53px 40px;
  background-image: url("../../images/ko/showroom/sr6/img-sr6-secom-circle-item2.png");
}
.sr6-storage .img-secom-circle-item.img-secom-circle-item3 {
  -webkit-background-size: 50px 38px;
  -moz-background-size: 50px 38px;
  background-size: 50px 38px;
  background-image: url("../../images/ko/showroom/sr6/img-sr6-secom-circle-item3.png");
}
.sr6-storage .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 127px;
  left: 205px;
  width: 923px;
  height: 519px;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item .sr-circle-item-inner {
  position: relative;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item1 {
  top: 400px;
  left: 47px;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item2 {
  top: 603px;
  left: 741px;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item3 {
  top: 150px;
  left: 905px;
}
.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr6-storage
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  [data-tooltip-wrap][data-tooltip-bottom]
  [data-tooltip] {
  bottom: 20px;
  top: unset;
}
.sr6-storage .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner [data-tooltip-wrap] [data-tooltip] {
  top: 14.46px;
}
.sr6-storage .sr-float-tooltip {
  background-color: rgb(36, 83, 204);
}
.sr6-storage .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr6-storage .sr-step-swiper-wrap .sr-step-swiper-inner .bg-backgroung-blur-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sr6-storage .sr-step-swiper-wrap .sr-step-swiper-inner .bg-backgroung-blur-wrap .bg-backgroung-blur-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage
  .sr-step-swiper-wrap
  .sr-step-swiper-inner
  .bg-backgroung-blur-wrap
  .bg-backgroung-blur-inner
  .bg-backgroung-blur-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr6-storage .sr-step-swiper-wrap .sr-step-swiper-inner .top-swiper-text {
  text-align: center;
}
.sr6-storage .top-swiper-text + .swiper-layer-wrap {
  margin-top: 32px;
}
.sr6-storage .swiper-title-wrap .slick-list {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.sr6-storage .swiper-title-wrap + .swiper-layer-wrap {
  margin-top: 32px;
}
.sr6-storage .swiper-layer-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.sr6-storage .swiper-layer-wrap .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0.2);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 11px 23px;
  -moz-background-size: 11px 23px;
  background-size: 11px 23px;
  background-position: center center;
  font-size: 0;
  text-indent: -9999px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .swiper-layer-wrap .slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.sr6-storage .swiper-layer-wrap .slick-arrow.slick-prev {
  left: -webkit-calc(50% - 560px);
  left: -moz-calc(50% - 560px);
  left: calc(50% - 560px);
  background-image: url("../../images/ko/showroom/srcomm/icon-slick-prev.png");
}
.sr6-storage .swiper-layer-wrap .slick-arrow.slick-next {
  right: -webkit-calc(50% - 560px);
  right: -moz-calc(50% - 560px);
  right: calc(50% - 560px);
  background-image: url("../../images/ko/showroom/srcomm/icon-slick-next.png");
}
.sr6-storage .swiper-layer-wrap .slick-list {
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
.sr6-storage .swiper-layer-wrap .slick-list .slick-track {
  height: 100%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.sr6-storage .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item {
  position: relative;
  height: 100%;
  background-color: rgb(0, 0, 0);
}
.sr6-storage .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item .video-iframe {
  display: none;
  width: 100%;
  height: 100%;
}
.sr6-storage .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item .video-iframe.active {
  display: block;
}
.sr6-storage .swiper-layer-wrap .slick-list ~ .slick-dots {
  margin-top: 30px;
}
.sr6-storage .swiper-layer-wrap .slick-dots {
  font-size: 0;
  text-align: center;
}
.sr6-storage .swiper-layer-wrap .slick-dots > li {
  display: inline-block;
  font-size: 0;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
}
.sr6-storage .swiper-layer-wrap .slick-dots > li.slick-active > button {
  background-color: rgb(29, 108, 235);
}
.sr6-storage .swiper-layer-wrap .slick-dots > li > button {
  width: inherit;
  height: inherit;
  font-size: 0;
  text-indent: -9999px;
  background-color: rgb(196, 196, 196);
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sr6-storage .swiper-layer-wrap ~ .bottom-swiper-button-wrap {
  margin-top: 42px;
}
.sr6-storage .title-step-swiper {
  display: block;
  font-size: 0;
}
.sr6-storage .title-step-swiper .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr6-storage .title-step-swiper .text .bold {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr6-storage .title-step-swiper + .sub-text-step-swiper {
  margin-top: 10px;
}
.sr6-storage .sub-text-step-swiper {
  display: block;
  font-size: 0;
}
.sr6-storage .sub-text-step-swiper .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr6-storage .bottom-swiper-button-wrap {
  text-align: center;
  font-size: 0;
}
.sr6-storage .button-swiper-bottom {
  min-width: 210px;
  font-size: 0;
  text-align: center;
  background-color: rgb(29, 108, 235);
  padding: 12px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sr6-storage .button-swiper-bottom .text {
  display: inline-block;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
}
.sr6-storage .thumbnail-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .thumbnail-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage .thumbnail-wrap .thumbnail-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage .thumbnail-wrap .button-movie-start {
  position: absolute;
  width: 97px;
  height: 97px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  -webkit-background-size: 30px 34px;
  -moz-background-size: 30px 34px;
  background-size: 30px 34px;
  background-position: center center;
  background-image: url("../../images/ko/showroom/srcomm/btn-layer-movie-play.png");
}

.wrap-online-showroom .showroom-content-wrap .showroom-content-mark {
  border: 0 !important;
}
.wrap-online-showroom .title-step-swiper .text strong {
  font-weight: 700;
}

.sr7-doorcam {
  background-color: rgb(226, 226, 226);
}
.sr7-doorcam .showroom-content-wrap7 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr7-doorcam .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr7-doorcam .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr7-doorcam .showroom-background-layer {
  position: absolute;
  top: -268px;
  left: -478px;
  width: 2877px;
  height: 1576px;
  background-image: url("../../images/ko/showroom/doorcam/img-wallpaper-door-point1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sr7-doorcam .showroom-background-dim {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr7-doorcam .step-play-list li:last-child {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.sr7-doorcam .step-play-list li:last-child .automatic-layer {
  display: none;
}
.sr7-doorcam .step-button-wrap .button-submit {
  display: block;
  background-color: #1d6ceb;
}
.sr7-doorcam .step-button-wrap .button-submit .text {
  color: #fff !important;
}
.sr7-doorcam .skew-wave {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 357px;
  left: 900px;
  position: absolute;
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  font-size: 0;
}
.sr7-doorcam .skew-wave-inner {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  font-size: 0;
  -webkit-transform: rotateY(0) scale(2) skew(0deg, 0deg);
  -moz-transform: rotateY(0) scale(2) skew(0deg, 0deg);
  transform: rotateY(0) scale(2) skew(0deg, 0deg);
}
.sr7-doorcam .skew-wave.active .skew-wave-layer1 {
  -webkit-animation-name: skWavelengthLayer1;
  -moz-animation-name: skWavelengthLayer1;
  animation-name: skWavelengthLayer1;
}
.sr7-doorcam .skew-wave.active .skew-wave-layer2 {
  -webkit-animation-name: skWavelengthLayer2;
  -moz-animation-name: skWavelengthLayer2;
  animation-name: skWavelengthLayer2;
}
.sr7-doorcam .skew-wave.active .skew-wave-layer2 {
  -webkit-animation-name: skWavelengthLayer3;
  -moz-animation-name: skWavelengthLayer3;
  animation-name: skWavelengthLayer3;
}
.sr7-doorcam .skew-wave.blue.active .skew-wave-layer1 {
  -webkit-animation-name: skWavelengthLayer1;
  -moz-animation-name: skWavelengthLayer1;
  animation-name: skWavelengthLayer1;
}
.sr7-doorcam .skew-wave.blue.active .skew-wave-layer2 {
  -webkit-animation-name: skWavelengthLayer2;
  -moz-animation-name: skWavelengthLayer2;
  animation-name: skWavelengthLayer2;
}
.sr7-doorcam .skew-wave.blue.active .skew-wave-layer3 {
  -webkit-animation-name: skWavelengthLayer3;
  -moz-animation-name: skWavelengthLayer3;
  animation-name: skWavelengthLayer3;
}
.sr7-doorcam .skew-wave.blue .skew-wave-layer [class*="skew-wavelength-layer"] {
  background: #1d6ceb;
  background: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
.sr7-doorcam .skew-wave-layer1 {
  width: 42px;
  height: 42px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.7) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.7) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.7) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.7) 100%);
}
.sr7-doorcam .skew-wave-layer2 {
  width: 98px;
  height: 98px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.6) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.6) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.6) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.6) 100%);
}
.sr7-doorcam .skew-wave-layer3 {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.4) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.4) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.4) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(43, 158, 255, 0.4) 100%);
}
.sr7-doorcam .sr-speech-bubble {
  text-align: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr7-doorcam .sr-pro-door-front {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 68.2px;
  height: 74px;
  top: 383px;
  left: 926px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-pro-doorcam-step1.svg");
}
.sr7-doorcam .sr-pro-door-front-01 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr7-doorcam .sr-pro-door-front-02 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr7-doorcam .sr-pro-door-front-03 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr7-doorcam .sr-pro-door-front-04 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr7-doorcam .sr-speech-sc7-st1 {
  top: 221px;
  left: 327px;
  position: absolute;
}
.sr7-doorcam .sr-speech-sc7-st2 {
  top: 256px;
  left: 402px;
  position: absolute;
}
.sr7-doorcam .sr-speech-sc7-st3 {
  top: 208px;
  left: 939px;
  position: absolute;
}
.sr7-doorcam .sr-person-inspector {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 241px;
  height: 497px;
  top: 358px;
  left: 494px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step1.svg");
}
.sr7-doorcam .sr-person-suspicious-1 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 323px;
  height: 570px;
  top: 324px;
  left: 356px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step2-1.svg");
}
.sr7-doorcam .sr-person-suspicious-2 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 302px;
  height: 533px;
  top: 299px;
  left: 760px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step2-2.svg");
}
.sr7-doorcam .sr-person-suspicious-3 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 302px;
  height: 533px;
  top: 325px;
  left: 1116px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step2-3.svg");
}
.sr7-doorcam .sr-pro-door-side {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 54px;
  height: 66px;
  top: 320px;
  left: 747px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-pro-doorcam-step2.svg");
}
.sr7-doorcam .sr-targeting-sr7 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 230px;
  left: 680px;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr7-doorcam .sr-popup-silde-00 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 238px;
  height: 336px;
  top: 419px;
  left: 488px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: url("../../images/ko/showroom/doorcam/img-slide-layer-00.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  z-index: 20;
}
.sr7-doorcam .sr-popup-silde-01 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 238px;
  height: 336px;
  top: 419px;
  left: 488px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: url("../../images/ko/showroom/doorcam/img-slide-layer-01.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  z-index: 20;
}
.sr7-doorcam .sr-popup-silde-02 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 238px;
  height: 336px;
  top: 419px;
  left: 488px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: url("../../images/ko/showroom/doorcam/img-slide-layer-02.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  z-index: 20;
}
.sr7-doorcam .sr-popup-silde-03 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 238px;
  height: 336px;
  top: 419px;
  left: 488px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: url("../../images/ko/showroom/doorcam/img-slide-layer-03.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
  z-index: 20;
}
.sr7-doorcam .sr-layer-beam-sr7-st1 {
  position: absolute;
  width: 600px;
  height: 611.28px;
  top: 1174.5px;
  left: 417.5px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1.5) rotate(-66deg);
  -moz-transform: scale(1.5) rotate(-66deg);
  -ms-transform: scale(1.5) rotate(-66deg);
  transform: scale(1.5) rotate(-66deg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  font-size: 0;
}
.sr7-doorcam .sr-layer-beam-sr7-st1 .sr-layer-beam {
  background: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png") no-repeat 50% / cover;
  -webkit-animation-name: houseBeamEffect;
  -moz-animation-name: houseBeamEffect;
  animation-name: houseBeamEffect;
}
.sr7-doorcam .sr-person-student-1 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 304px;
  height: 530px;
  top: 368px;
  left: 560.5px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step3-1.svg");
  z-index: 2;
}
.sr7-doorcam .sr-person-student-2 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 257px;
  height: 440px;
  top: 457px;
  left: 757px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step3-2.svg");
  z-index: 2;
}
.sr7-doorcam .sr-layer-beam-sr7-st2 {
  position: absolute;
  width: 600px;
  height: 611.28px;
  top: 821.5px;
  left: 88.5px;
  z-index: 1;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1.6) rotate(-24deg);
  -moz-transform: scale(1.6) rotate(-24deg);
  -ms-transform: scale(1.6) rotate(-24deg);
  transform: scale(1.6) rotate(-24deg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  font-size: 0;
}
.sr7-doorcam .sr-layer-beam-sr7-st2 .sr-layer-beam {
  background: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png") no-repeat 50% / cover;
  -webkit-animation-name: houseBeamEffect;
  -moz-animation-name: houseBeamEffect;
  animation-name: houseBeamEffect;
}
.sr7-doorcam .sr-targeting-sr7-st1 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 350px;
  left: 800px;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr7-doorcam .sr-targeting-sr7-st2 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 350px;
  left: 887px;
  position: absolute;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr7-doorcam .sr-phone-message {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 296px;
  height: 538.5px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-phone-message.svg");
  z-index: 21;
}
.sr7-doorcam .sr-tools-left {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 179px;
  height: 143px;
  top: 708px;
  left: 544px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-tools-layer01.svg");
}
.sr7-doorcam .sr-tools-right {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 275px;
  height: 360px;
  top: 499px;
  left: 1059px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-tools-layer02.svg");
}
.sr7-doorcam .sr-person-woman-01 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 350px;
  height: 550px;
  top: 318.5px;
  left: 674px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step4-1.svg");
}
.sr7-doorcam .sr-person-woman-02 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 258px;
  height: 509px;
  top: 360px;
  left: 674px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step4-2.svg");
}
.sr7-doorcam .sr-person-woman-03 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 290px;
  height: 509px;
  top: 360px;
  left: 674px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-person-step4-3.svg");
}
.sr7-doorcam .sr-popup-silde-04 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 238px;
  height: 302px;
  top: 481px;
  left: 918.5px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-slide-layer-04.svg");
}
.sr7-doorcam .sr-circle-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 412.2px;
  height: 274.2px;
  top: 383px;
  left: 927px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/img-circle-layer.svg");
}
.sr7-doorcam .showroom-doorcam-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 30;
}
.sr7-doorcam .showroom-doorcam-wrap .slick-list {
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
}
.sr7-doorcam .showroom-doorcam-wrap .slick-list .slick-track {
  height: 100%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.sr7-doorcam .showroom-doorcam-wrap .slick-list .slick-track .swiper-doorcam-item1 {
  position: relative;
  height: 100%;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: rgba(36, 36, 36, 0.7);
  -webkit-backdrop-filter: blur(57.4915809631px);
  backdrop-filter: blur(57.4915809631px);
}
.sr7-doorcam .showroom-doorcam-wrap .slick-dots {
  font-size: 0;
  text-align: center;
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr7-doorcam .showroom-doorcam-wrap .slick-dots > li {
  display: inline-block;
  font-size: 0;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
}
.sr7-doorcam .showroom-doorcam-wrap .slick-dots > li.slick-active > button {
  background-color: rgb(29, 108, 235);
}
.sr7-doorcam .showroom-doorcam-wrap .slick-dots > li > button {
  width: inherit;
  height: inherit;
  font-size: 0;
  text-indent: -9999px;
  background-color: rgb(196, 196, 196);
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sr7-doorcam .showroom-doorcam-wrap .slick-dots .slick-active {
  width: 32px !important;
}
.sr7-doorcam .showroom-doorcam-wrap .slick-dots .slick-active > button {
  width: 100%;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner > div {
  width: 50%;
  height: 100%;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info {
  margin-left: 15px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .title {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin-top: 100px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .sub {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .btn-wrap {
  margin-top: 54px;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .btn-wrap > a,
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .btn-wrap button {
  display: inline-block;
  width: 160px;
  height: 50px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  line-height: 50px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .btn-wrap .btn-more {
  background-color: #1d6ceb;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title .doorcam-inner .doorcam-info .btn-wrap .btn-complete {
  margin-left: 8px;
  border: 1px solid #fff;
  position: unset;
  background: transparent;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title:first-child .doorcam-image {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/doorcam/img-phone-dispatch.svg");
  -webkit-background-size: 182px 331px;
  -moz-background-size: 182px 331px;
  background-size: 182px 331px;
  background-position: 134px 60.5px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title:last-child .doorcam-image {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/doorcam/img-person-discussion.svg");
  -webkit-background-size: 333px 259px;
  -moz-background-size: 333px 259px;
  background-size: 333px 259px;
  background-position: 44px 115.6px;
}
.sr7-doorcam .showroom-doorcam-wrap .swiper-doorcam-title:last-child .btn-wrap {
  margin-top: 80px !important;
}
.sr7-doorcam .dim {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.sr7-doorcam.step1 .showroom-background-layer {
  position: absolute;
  top: -268px;
  left: -478px;
  width: 2877px;
  height: 1576px;
  background-image: url("../../images/ko/showroom/doorcam/img-wallpaper-door-point1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
}
.sr7-doorcam.step1 .skew-wave {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr7-doorcam.step1 .sr-speech-sc7-st1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  animation-delay: 7.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step1 .sr-speech-sc7-st2 {
  -webkit-transition-delay: 9.5s;
  -moz-transition-delay: 9.5s;
  -o-transition-delay: 9.5s;
  transition-delay: 9.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr7-doorcam.step1 .sr-speech-sc7-st3 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 7.5s;
  -moz-transition-delay: 7.5s;
  -o-transition-delay: 7.5s;
  transition-delay: 7.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step1 .sr-pro-door-front-01 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  z-index: 1;
}
.sr7-doorcam.step1 .sr-person-inspector {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step1 .bottom-gray-tooltip-wrap-sr7-step-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step1 .bottom-gray-tooltip-wrap-sr7-step-1 .bottom-gray-text.bottom-gray-text1 {
  display: block;
}
.sr7-doorcam.step1 .bottom-gray-tooltip-wrap-sr7-step-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 10.5s;
  -moz-transition-delay: 10.5s;
  -o-transition-delay: 10.5s;
  transition-delay: 10.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step1 .bottom-gray-tooltip-wrap-sr7-step-2 .bottom-gray-text.bottom-gray-text2 {
  display: block;
}
.sr7-doorcam.step2 .showroom-background-layer {
  position: absolute;
  top: -1358px;
  left: -1039px;
  width: 3600px;
  height: 3600px;
  background-image: url("../../images/ko/showroom/doorcam/img-wallpaper-door-point2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
}
.sr7-doorcam.step2 .sr-pro-door-side {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step2 .sr-person-suspicious-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .bottom-gray-tooltip-wrap-sr7-step-3 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 8.5s;
  -moz-animation-delay: 8.5s;
  animation-delay: 8.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .bottom-gray-tooltip-wrap-sr7-step-3 .bottom-gray-text.bottom-gray-text3 {
  display: block;
}
.sr7-doorcam.step2 .sr-person-suspicious-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  animation-delay: 13s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .sr-targeting-sr7 {
  top: 267px;
  left: 834px;
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  z-index: 10;
}
.sr7-doorcam.step2 .sr-targeting-sr7 .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr7-doorcam.step2 .sr-targeting-sr7 .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr7-doorcam.step2 .sr-popup-silde-00 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step2 .sr-popup-silde-01 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 16.5s;
  -moz-animation-delay: 16.5s;
  animation-delay: 16.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .bottom-gray-tooltip-wrap-sr7-step-4 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 22.5s;
  -moz-animation-delay: 22.5s;
  animation-delay: 22.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .bottom-gray-tooltip-wrap-sr7-step-4 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr7-doorcam.step2 .sr-person-suspicious-3 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 13s;
  -moz-transition-delay: 13s;
  -o-transition-delay: 13s;
  transition-delay: 13s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step2 .sr-layer-beam-sr7-st1 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: beemViewSr1St3_3;
  -moz-animation-name: beemViewSr1St3_3;
  animation-name: beemViewSr1St3_3;
  -webkit-animation-delay: 19s;
  -moz-animation-delay: 19s;
  animation-delay: 19s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-transition-delay: 14.5s;
  -moz-transition-delay: 14.5s;
  -o-transition-delay: 14.5s;
  transition-delay: 14.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step2 .sr-layer-beam-sr7-st1 .sr-layer-beam {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
@-webkit-keyframes beemViewSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  50% {
    opacity: 0.5;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes beemViewSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  50% {
    opacity: 0.5;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes beemViewSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  50% {
    opacity: 0.5;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr7-doorcam.step2 .sr-popup-silde-02 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 16.5s;
  -moz-transition-delay: 16.5s;
  -o-transition-delay: 16.5s;
  transition-delay: 16.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 22s;
  -moz-animation-delay: 22s;
  animation-delay: 22s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .sr-popup-silde-03 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 22s;
  -moz-transition-delay: 22s;
  -o-transition-delay: 22s;
  transition-delay: 22s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 50s;
  -moz-animation-delay: 50s;
  animation-delay: 50s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .bottom-gray-tooltip-wrap-sr7-step-5 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 23s;
  -moz-transition-delay: 23s;
  -o-transition-delay: 23s;
  transition-delay: 23s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 50s;
  -moz-animation-delay: 50s;
  animation-delay: 50s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step2 .bottom-gray-tooltip-wrap-sr7-step-5 .bottom-gray-text.bottom-gray-text5 {
  display: block;
}
.sr7-doorcam.step3 .showroom-background-layer {
  position: absolute;
  top: -268px;
  left: -478px;
  width: 2877px;
  height: 1576px;
  background-image: url("../../images/ko/showroom/doorcam/img-wallpaper-door-point1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 13.5s;
  -moz-transition-delay: 13.5s;
  -o-transition-delay: 13.5s;
  transition-delay: 13.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 10;
}
.sr7-doorcam.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
}
.sr7-doorcam.step3 .sr-pro-door-front-02 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  z-index: 1;
}
.sr7-doorcam.step3 .sr-person-student-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step3 .sr-person-student-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step3 .bottom-gray-tooltip-wrap-sr7-step-6 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  animation-delay: 8s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step3 .bottom-gray-tooltip-wrap-sr7-step-6 .bottom-gray-text.bottom-gray-text6 {
  display: block;
}
.sr7-doorcam.step3 .sr-layer-beam-sr7-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: beemViewSr1St3_3;
  -moz-animation-name: beemViewSr1St3_3;
  animation-name: beemViewSr1St3_3;
  -webkit-animation-delay: 12.5s;
  -moz-animation-delay: 12.5s;
  animation-delay: 12.5s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  -o-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step3 .sr-layer-beam-sr7-st2 .sr-layer-beam {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
@keyframes beemViewSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  50% {
    opacity: 0.5;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr7-doorcam.step3 .sr-targeting-sr7-st1 {
  top: 335px;
  left: 647px;
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 12.5s;
  -moz-animation-delay: 12.5s;
  animation-delay: 12.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  z-index: 10;
}
.sr7-doorcam.step3 .sr-targeting-sr7-st1 .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr7-doorcam.step3 .sr-targeting-sr7-st1 .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr7-doorcam.step3 .sr-targeting-sr7-st2 {
  top: 421px;
  left: 821px;
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 12.5s;
  -moz-animation-delay: 12.5s;
  animation-delay: 12.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  z-index: 10;
}
.sr7-doorcam.step3 .sr-targeting-sr7-st2 .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr7-doorcam.step3 .sr-targeting-sr7-st2 .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr7-doorcam.step3 .bottom-gray-tooltip-wrap-sr7-step-7 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 12.5s;
  -moz-animation-delay: 12.5s;
  animation-delay: 12.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step3 .bottom-gray-tooltip-wrap-sr7-step-7 .bottom-gray-text.bottom-gray-text7 {
  display: block;
}
.sr7-doorcam.step3 .sr-phone-message {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 14.5s;
  -moz-transition-delay: 14.5s;
  -o-transition-delay: 14.5s;
  transition-delay: 14.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step3 .bottom-gray-tooltip-wrap-sr7-step-8 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 15.5s;
  -moz-transition-delay: 15.5s;
  -o-transition-delay: 15.5s;
  transition-delay: 15.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step3 .bottom-gray-tooltip-wrap-sr7-step-8 .bottom-gray-text.bottom-gray-text8 {
  display: block;
}
.sr7-doorcam.step4 .showroom-background-layer {
  position: absolute;
  top: -268px;
  left: -478px;
  width: 2877px;
  height: 1576px;
  background-image: url("../../images/ko/showroom/doorcam/img-wallpaper-door-point1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step4 .showroom-screen1-wrap .showroom-step4-wrap {
  opacity: 1;
  visibility: unset;
}
.sr7-doorcam.step4 .sr-tools-left {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step4 .sr-tools-right {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step4 .sr-person-woman-01 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  animation-delay: 6.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step4 .bottom-gray-tooltip-wrap-sr7-step-9 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 8.5s;
  -moz-animation-delay: 8.5s;
  animation-delay: 8.5s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step4 .bottom-gray-tooltip-wrap-sr7-step-9 .bottom-gray-text.bottom-gray-text9 {
  display: block;
}
.sr7-doorcam.step4 .sr-pro-door-front-03 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  -o-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step4 .sr-person-woman-02 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  animation-delay: 13s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step4 .sr-popup-silde-04 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  animation-delay: 13s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step4 .bottom-gray-tooltip-wrap-sr7-step-10 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: speechbubble;
  -moz-animation-name: speechbubble;
  animation-name: speechbubble;
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  animation-delay: 13s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step4 .bottom-gray-tooltip-wrap-sr7-step-10 .bottom-gray-text.bottom-gray-text10 {
  display: block;
}
.sr7-doorcam.step4 .sr-person-woman-03 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 14s;
  -moz-transition-delay: 14s;
  -o-transition-delay: 14s;
  transition-delay: 14s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step4 .sr-circle-layer {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 15.5s;
  -moz-transition-delay: 15.5s;
  -o-transition-delay: 15.5s;
  transition-delay: 15.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr7-doorcam.step4 .bottom-gray-tooltip-wrap-sr7-step-11 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 16.5s;
  -moz-transition-delay: 16.5s;
  -o-transition-delay: 16.5s;
  transition-delay: 16.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr7-doorcam.step4 .bottom-gray-tooltip-wrap-sr7-step-11 .bottom-gray-text.bottom-gray-text11 {
  display: block;
}
.sr7-doorcam.step5 .showroom-background-layer {
  position: absolute;
  top: -268px;
  left: -478px;
  width: 2877px;
  height: 1576px;
  background-image: url("../../images/ko/showroom/doorcam/img-wallpaper-door-point1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step5 .dim {
  position: absolute;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  pointer-events: none;
  background-image: url("../../images/ko/showroom/doorcam/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr7-doorcam.step5 .showroom-screen1-wrap .showroom-step5-wrap {
  opacity: 1;
  visibility: unset;
}
.sr7-doorcam.step5 .showroom-doorcam-wrap {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr7-doorcam.step5 .sr-pro-door-front-04 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  z-index: 1;
}

@-webkit-keyframes speechbubble {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-moz-keyframes speechbubble {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes speechbubble {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes houseBeamEffect {
  0% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png");
  }
  25% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg3.png");
  }
  75% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg4.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg5.png");
  }
}
@-moz-keyframes houseBeamEffect {
  0% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png");
  }
  25% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg3.png");
  }
  75% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg4.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg5.png");
  }
}
@keyframes houseBeamEffect {
  0% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png");
  }
  25% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg3.png");
  }
  75% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg4.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg5.png");
  }
}
/* 전체화면 버튼 */
video::-webkit-media-controls-fullscreen-button {
  display: block !important;
}

video::-moz-media-controls-fullscreen-button {
  display: block !important;
}

video::-ms-media-controls-fullscreen-button {
  display: block !important;
}

video::-o-media-controls-fullscreen-button {
  display: block !important;
}

/* 일시정지, 재생 버튼 */
video::-webkit-media-controls-play-button {
  display: block !important;
}

video::-moz-media-controls-play-button {
  display: block !important;
}

video::-ms-media-controls-play-button {
  display: block !important;
}

video::-o-media-controls-play-button {
  display: block !important;
}

/* 재생 슬라이드..? */
video::-webkit-media-controls-timeline {
  display: block !important;
}

video::-moz-media-controls-timeline {
  display: block !important;
}

video::-ms-media-controls-timeline {
  display: block !important;
}

video::-o-media-controls-timeline {
  display: block !important;
}

/* 현재 진행 시간 */
video::-webkit-media-controls-current-time-display {
  display: block !important;
}

video::-moz-media-controls-current-time-display {
  display: block !important;
}

video::-ms-media-controls-current-time-display {
  display: block !important;
}

video::-o-media-controls-current-time-display {
  display: block !important;
}

/* 전체 시간 */
video::-webkit-media-controls-time-remaining-display {
  display: block !important;
}

video::-moz-media-controls-time-remaining-display {
  display: block !important;
}

video::-ms-media-controls-time-remaining-display {
  display: block !important;
}

video::-o-media-controls-time-remaining-display {
  display: block !important;
}

/* 음소거 버튼 */
video::-webkit-media-controls-mute-button {
  display: block !important;
}

video::-moz-media-controls-mute-button {
  display: block !important;
}

video::-ms-media-controls-mute-button {
  display: block !important;
}

video::-o-media-controls-mute-button {
  display: block !important;
}

/* 볼륨 조절 슬라이드 */
video::-webkit-media-controls-volume-slider {
  display: block !important;
}

video::-moz-media-controls-volume-slider {
  display: block !important;
}

video::-ms-media-controls-volume-slider {
  display: block !important;
}

video::-o-media-controls-volume-slider {
  display: block !important;
}

video::-webkit-media-controls-toggle-closed-captions-button {
  display: block !important;
}

video::-moz-media-controls-toggle-closed-captions-button {
  display: block !important;
}

video::-ms-media-controls-toggle-closed-captions-button {
  display: block !important;
}

video::-o-media-controls-toggle-closed-captions-button {
  display: block !important;
}

video::-webkit-media-controls-toggle-closed-captions-button:has(.animated-1) {
  display: block !important;
}

/* video::-webkit-internal-media-controls-download-button {display: none !important;}
video::-webkit-media-controls-enclosure {overflow: hidden;}
video::-webkit-media-controls-panel {width: calc(100% + <%=nMoveDownloadButton%>px);}    */
label.animated-1 {
  display: block !important;
}

.skew-wavelength {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  font-size: 0;
}
.skew-wavelength-inner {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  font-size: 0;
  -webkit-transform: rotateY(-16deg) scale(0.8) skew(-35deg, 40deg);
  -moz-transform: rotateY(-16deg) scale(0.8) skew(-35deg, 40deg);
  transform: rotateY(-16deg) scale(0.8) skew(-35deg, 40deg);
}
.skew-wavelength.active .skew-wavelength-layer1 {
  -webkit-animation-name: skWavelengthLayer1;
  -moz-animation-name: skWavelengthLayer1;
  animation-name: skWavelengthLayer1;
}
.skew-wavelength.active .skew-wavelength-layer2 {
  -webkit-animation-name: skWavelengthLayer2;
  -moz-animation-name: skWavelengthLayer2;
  animation-name: skWavelengthLayer2;
}
.skew-wavelength.active .skew-wavelength-layer2 {
  -webkit-animation-name: skWavelengthLayer3;
  -moz-animation-name: skWavelengthLayer3;
  animation-name: skWavelengthLayer3;
}
.skew-wavelength.blue.active .skew-wavelength-layer1 {
  -webkit-animation-name: skWavelengthLayer1;
  -moz-animation-name: skWavelengthLayer1;
  animation-name: skWavelengthLayer1;
}
.skew-wavelength.blue.active .skew-wavelength-layer2 {
  -webkit-animation-name: skWavelengthLayer2;
  -moz-animation-name: skWavelengthLayer2;
  animation-name: skWavelengthLayer2;
}
.skew-wavelength.blue.active .skew-wavelength-layer3 {
  -webkit-animation-name: skWavelengthLayer3;
  -moz-animation-name: skWavelengthLayer3;
  animation-name: skWavelengthLayer3;
}
.skew-wavelength.blue .skew-wavelength-layer [class*="skew-wavelength-layer"] {
  background: #1d6ceb;
  background: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
.skew-wavelength-layer1 {
  width: 58px;
  height: 58px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.4) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.4) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.4) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.4) 100%);
}
.skew-wavelength-layer2 {
  width: 98px;
  height: 98px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
}
.skew-wavelength-layer3 {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.8) 100%);
}

@-webkit-keyframes skWavelengthLayer1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@-moz-keyframes skWavelengthLayer1 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@keyframes skWavelengthLayer1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes skWavelengthLayer2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-moz-keyframes skWavelengthLayer2 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes skWavelengthLayer2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes skWavelengthLayer3 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-moz-keyframes skWavelengthLayer3 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes skWavelengthLayer3 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 10ms;
  -moz-transition-delay: 10ms;
  -o-transition-delay: 10ms;
  transition-delay: 10ms;
}

.wrap-online-showroom.header-gnb-view .header_wrap {
  top: 0px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.wrap-online-showroom .header-hover-view {
  display: block;
  z-index: 10;
  position: fixed;
  height: 20px;
  top: 0px;
  left: -webkit-calc(5% + 100px);
  left: -moz-calc(5% + 100px);
  left: calc(5% + 100px);
  right: 0px;
}
.wrap-online-showroom .header_wrap {
  top: -120px;
  opacity: 0;
  visibility: hidden;
}

.wrap-online-showroom .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom.wrap-online-showroom-intro {
  background-color: rgb(226, 226, 226);
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 20;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss.prev {
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss.prev .title-prograss-wrap {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss.prev .bg-prograss-wrap .bg-prograss-inner .bg-prograss-top,
.wrap-online-showroom
  .showroom-container-wrap.sr0-prograss.prev
  .bg-prograss-wrap
  .bg-prograss-inner
  .bg-prograss-bottom {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .prograsbar-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .prograsbar-wrap.active {
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .prograsbar-wrap .prograsbar-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .prograsbar-wrap .prograsbar-inner .prograsbar-line {
  position: absolute;
  top: 0;
  left: 0;
  height: inherit;
  background-color: rgb(255, 255, 255);
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .title-prograss-wrap {
  position: absolute;
  top: -webkit-calc(50% - 85px);
  top: -moz-calc(50% - 85px);
  top: calc(50% - 85px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: unset;
  z-index: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .bg-prograss-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-prograss
  .bg-prograss-wrap.active
  .bg-prograss-inner
  .title-prograss-wrap {
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-prograss
  .bg-prograss-wrap.active
  .bg-prograss-inner
  .bg-prograss-top {
  height: 50%;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-prograss
  .bg-prograss-wrap.active
  .bg-prograss-inner
  .bg-prograss-bottom {
  height: 50%;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .bg-prograss-wrap .bg-prograss-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .bg-prograss-wrap .bg-prograss-inner .bg-prograss-top {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: 0%;
  background-color: rgb(0, 0, 0);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wrap-online-showroom .showroom-container-wrap.sr0-prograss .bg-prograss-wrap .bg-prograss-inner .bg-prograss-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: inherit;
  height: 0%;
  background-color: rgb(0, 0, 0);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-color: rgb(202, 203, 205);
  background-image: url("../../images/ko/showroom/sr0/bg-online-showroom.jpg");
  opacity: 0;
  visibility: hidden;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro.active {
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .title-intro-n-wrap {
  position: absolute;
  top: 11%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .title-intro-n-wrap .title-intro-n .text {
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .title-intro-n-wrap .sub-text-intro-n-wrap .text {
  color: rgb(255, 255, 255);
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .title-intro-n-wrap .text-bold {
  font-weight: 700;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .showroom-content-wrap.showroom-intro {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .showroom-content-wrap.showroom-intro .intro-service-box-wrap {
  -webkit-transition: 0.4s padding-top;
  -o-transition: 0.4s padding-top;
  -moz-transition: 0.4s padding-top;
  transition: 0.4s padding-top;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.action
  .intro-service-box-item-wrap.intro-service-box-item-wrap1 {
  -webkit-transform: perspective(150px) rotateY(4deg) scale(0.9);
  -moz-transform: perspective(150px) rotateY(4deg) scale(0.9);
  transform: perspective(150px) rotateY(4deg) scale(0.9);
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.action
  .intro-service-box-item-wrap.intro-service-box-item-wrap2 {
  -webkit-transform: perspective(75px) rotateY(-2deg) scale(0.9);
  -moz-transform: perspective(75px) rotateY(-2deg) scale(0.9);
  transform: perspective(75px) rotateY(-2deg) scale(0.9);
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap1,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap1 {
  left: -4px;
  -webkit-transform: perspective(1200px) rotateY(0deg) scale(1);
  -moz-transform: perspective(1200px) rotateY(0deg) scale(1);
  transform: perspective(1200px) rotateY(0deg) scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap1
  .isbi-content-wrap,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap1
  .isbi-content-wrap {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap2,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap2 {
  right: -4px;
  -webkit-transform: perspective(1200px) rotateY(0deg) scale(1);
  -moz-transform: perspective(1200px) rotateY(0deg) scale(1);
  transform: perspective(1200px) rotateY(0deg) scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap2
  .isbi-content-wrap,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap2
  .isbi-content-wrap {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .isbi-content-list,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .isbi-content-list {
  left: 0;
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-dim,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-dim {
  background-color: rgba(0, 0, 0, 0.1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.focus.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-item,
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap:hover.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-item {
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap1 {
  left: -4px;
  -webkit-transform: perspective(1200px) rotateY(0deg) scale(1);
  -moz-transform: perspective(1200px) rotateY(0deg) scale(1);
  transform: perspective(1200px) rotateY(0deg) scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap1
  .isbi-content-wrap {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap2 {
  right: -4px;
  -webkit-transform: perspective(1200px) rotateY(0deg) scale(1);
  -moz-transform: perspective(1200px) rotateY(0deg) scale(1);
  transform: perspective(1200px) rotateY(0deg) scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap2
  .isbi-content-wrap {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .isbi-content-list {
  left: 0;
  opacity: 1;
  visibility: unset;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-dim {
  background-color: rgba(0, 0, 0, 0.2);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.active.intro-service-box-item-wrap
  .intro-service-box-item-inner
  .isbi-content-wrap
  .isbi-content-inner
  .bg-service-box-item {
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.intro-service-box-item-wrap1 {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-wrap.open
  .intro-service-box-item-wrap.intro-service-box-item-wrap2 {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-item-wrap {
  position: absolute;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-item-wrap.intro-service-box-item-wrap1 {
  top: 0px;
  left: 55px;
  -webkit-transform: perspective(150px) rotateY(4deg) scale(0.8);
  -moz-transform: perspective(150px) rotateY(4deg) scale(0.8);
  transform: perspective(150px) rotateY(4deg) scale(0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-item-wrap.intro-service-box-item-wrap1
  .isbi-content-wrap {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-item-wrap.intro-service-box-item-wrap2 {
  top: 0;
  right: 45px;
  -webkit-transform: perspective(50px) rotateY(-2deg) scale(1.1);
  -moz-transform: perspective(50px) rotateY(-2deg) scale(1.1);
  transform: perspective(50px) rotateY(-2deg) scale(1.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom
  .showroom-container-wrap.sr0-intro
  .showroom-content-wrap.showroom-intro
  .intro-service-box-item-wrap.intro-service-box-item-wrap2
  .isbi-content-wrap {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .showroom-container-wrap.sr0-intro .button-intro-box-vc {
  position: absolute;
  left: 50%;
  bottom: 4%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wrap-online-showroom .bottom-gray-tooltip-cctv {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  bottom: 0;
  display: inline-block;
  background-color: rgba(36, 36, 36, 0.7);
  padding: 24px 32px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  z-index: 30;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .bottom-gray-tooltip-cctv.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  bottom: 80px;
  pointer-events: unset;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.wrap-online-showroom .bottom-gray-tooltip-cctv.active .bottom-gray-text {
  display: none;
  white-space: nowrap;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 400;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
  text-align: center;
}
.wrap-online-showroom .bottom-gray-tooltip-cctv.active .bottom-gray-text.bottom-gray-text {
  display: block;
}
.wrap-online-showroom .bottom-gray-tooltip-cctv.active .color-bold-blue {
  font-weight: 700;
  font-size: 26px;
  color: rgb(43, 158, 255);
}
.wrap-online-showroom .bottom-gray-tooltip-cctv.active.active {
  display: inline-block;
}
.wrap-online-showroom .bottom-gray-tooltip-cctv .bottom-gray-text.bottom-gray-text {
  display: block;
}
.wrap-online-showroom .bottom-disclaimer-txt {
  position: absolute;
  left: 36%;
  bottom: 40px;
  display: inline-block;
  z-index: 30;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.wrap-online-showroom .bottom-disclaimer-txt > p {
  color: #202020;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
}
.wrap-online-showroom .bottom-disclaimer-txt.cctv.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .bottom-disclaimer-txt.cloud.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .bottom-disclaimer-txt.door.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}

.popup-layer-pm-fm1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.popup-layer-pm-fm1.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  z-index: 201;
}
.popup-layer-pm-fm1.active::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(40, 40, 40, 0.5);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  opacity: 1;
  visibility: unset;
}
.popup-layer-pm-fm1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgb(40, 40, 40);
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  visibility: hidden;
  pointer-events: none;
}
.popup-layer-pm-fm1 .btn-layer-popup-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 58.5px;
  height: 58.5px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr0/btn-layer-popup-close.png");
}
.popup-layer-pm-fm1 .iframe-content-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1280px;
  height: 720px;
}
.popup-layer-pm-fm1 .iframe-content-wrap .iframe-content-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.popup-layer-pm-fm1 .iframe-content-wrap .iframe-movie {
  width: 100%;
  height: 100%;
}
.popup-layer-pm-fm1 .iframe-content-wrap .thumbnail-wrap {
  background-image: url("../../images/ko/showroom/sr0/s1-thum-intro.jpg");
}
.popup-layer-pm-fm1 .iframe-content-wrap .button-movie-start {
  width: 80px;
  height: 80px;
  background-image: url("../../images/ko/showroom/sr0/btn-intro-movie-play.svg");
  -webkit-background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  background-size: 80px 80px;
  background-color: unset;
}
.popup-layer-pm-fm1 .iframe-content-wrap .iframe-video {
  width: 100%;
  height: 100%;
}
.popup-layer-pm-fm1 .iframe-content-wrap .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media screen and (max-height: 1080px) {
  .wrap-online-showroom .intro-service-box-wrap {
    padding-top: 17%;
  }
}
.sr1-house {
  background-color: rgb(226, 226, 226);
}
.sr1-house .showroom-content-mark {
  border: 0 !important;
}
.sr1-house .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  top: 52%;
}
.sr1-house .showroom-content-wrap1 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr1-house .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr1-house .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr1-house .showroom-background-layer {
  position: absolute;
  top: 58px;
  left: -35px;
  width: 2000px;
  height: 1148px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sr1-house .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr1-house .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item01-01.jpg");
}
.sr1-house .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item01-02.jpg");
}
.sr1-house .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item01-03.jpg");
}
.sr1-house .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr1-house .popup-check-complete-wrap {
  position: absolute;
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 282px;
  height: 280px;
}
.sr1-house .popup-check-complete-wrap.popup-check-complete-wrap1 {
  top: 512px;
  left: 913px;
}
.sr1-house .popup-check-complete-wrap.popup-check-complete-wrap1 .bg-check-complete {
  background-image: url("../../images/ko/showroom/srcomm//bg-popup-sr1-completer-screen1.png");
}
.sr1-house .popup-check-complete-wrap.popup-check-complete-wrap2 {
  top: 343px;
  left: 327px;
}
.sr1-house .popup-check-complete-wrap.popup-check-complete-wrap2 .bg-check-complete {
  background-image: url("../../images/ko/showroom/srcomm//bg-popup-sr1-completer-screen2.png");
}
.sr1-house .popup-check-complete-wrap.check-complete {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr1-house .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr1-house .showroom-screen-wrap .showroom-step-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr1-house .bottom-gray-tooltip-wrap-sr1-st2-1 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house .bottom-gray-tooltip-wrap-sr1-st2-2 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house .bottom-gray-tooltip-wrap-sr1-st2-3 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house .sr-thief-house {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red > p {
  font-size: 18px;
  font-weight: 700;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 18px;
  color: #fff;
  background-color: #c8001e;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red > p i {
  background: url("../../images/ko/showroom/srcomm/icon-warning.png") no-repeat 50%/24px 24px;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 2px;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red.sr-warning-red1 {
  top: 292px;
  left: 577.72px;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red.sr-warning-red2 {
  top: 226.84px;
  left: 648.77px;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red.sr-warning-red3 {
  top: 297px;
  left: 604.89px;
}
.sr1-house .sr-warning-red-wrap .sr-warning-red.sr-warning-red4 {
  top: 595.34px;
  left: 187.17px;
}
.sr1-house .popup-layer-animation-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 185px;
  left: 100px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  top: 45px;
  left: 160px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 196px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center
  .ani-icon-name {
  bottom: -16px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  top: 45px;
  right: 160px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 186px;
  right: 100px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top {
  left: 247px;
  bottom: 185px;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top {
  right: 247px;
  bottom: 185px;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner
  > div:not(.top-center) {
  width: 170px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text
  .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately {
  overflow: hidden;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house .popup-layer-animation-wrap1.popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr1-house
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr1-house .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr1-house .ani-icon-secom-link {
  width: 100px;
  height: 50px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-center-pop.svg");
}
.sr1-house .ani-icon-secom-heat-detector {
  width: 58px;
  height: 120px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-01.svg");
}
.sr1-house .ani-icon-secom-glass-detector {
  width: 56.34px;
  height: 86.52px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-02.svg");
}
.sr1-house .ani-icon-secom-magnet-detector {
  bottom: 15px;
  width: 124px;
  height: 34px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-03.svg");
}
.sr1-house .ani-icon-secom-infrared-detector {
  width: 30.12px;
  height: 81.57px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-04.svg");
  bottom: 8px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  left: -15px;
}
.sr1-house .ani-icon-secom-safe-sensor {
  width: 55px;
  height: 76px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-05.svg");
  bottom: 6px;
  left: -2px;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 107px;
  left: 212px;
  width: 1127px;
  height: 619px;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  .sr-circle-item-inner {
  position: relative;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  top: 200px;
  left: 0px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1
  .img-secom-circle-item1 {
  -webkit-background-size: 42px 57px;
  -moz-background-size: 42px 57px;
  background-size: 42px 57px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item1.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  top: 307px;
  left: 211px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2
  .img-secom-circle-item2 {
  -webkit-background-size: 19px 70px;
  -moz-background-size: 19px 70px;
  background-size: 19px 70px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item2.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  top: 0;
  left: 338px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3
  .img-secom-circle-item3 {
  -webkit-background-size: 44px 57px;
  -moz-background-size: 44px 57px;
  background-size: 44px 57px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item3.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  top: 633px;
  left: 456px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4
  .img-secom-circle-item4 {
  -webkit-background-size: 53px 38px;
  -moz-background-size: 53px 38px;
  background-size: 53px 38px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item4.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  top: 405px;
  left: 470px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5
  .img-secom-circle-item5 {
  -webkit-background-size: 42px 57px;
  -moz-background-size: 42px 57px;
  background-size: 42px 57px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item5.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  top: 278px;
  left: 664px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6
  .img-secom-circle-item6 {
  -webkit-background-size: 37px 44px;
  -moz-background-size: 37px 44px;
  background-size: 37px 44px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item6.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7 {
  top: 152px;
  left: 737px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7
  .img-secom-circle-item7 {
  -webkit-background-size: 75px 75px;
  -moz-background-size: 75px 75px;
  background-size: 75px 75px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item7.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8 {
  top: 538px;
  left: 971px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8
  .img-secom-circle-item8 {
  -webkit-background-size: 51px 15px;
  -moz-background-size: 51px 15px;
  background-size: 51px 15px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item8.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9 {
  top: 234px;
  left: 1047px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9
  .img-secom-circle-item9 {
  -webkit-background-size: 56px 26px;
  -moz-background-size: 56px 26px;
  background-size: 56px 26px;
  background-image: url(../../images/ko/showroom/sr1/circle/img-secom-circle-item9.png);
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  [data-tooltip] {
  top: unset;
  bottom: 107px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: unset;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 {
  top: 231px;
  left: 300px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-1 {
  top: 4px;
  right: 16px;
  width: 0;
  height: 8px;
  background-position: right center;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 {
  top: 154px;
  left: 464px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-1 {
  bottom: 16px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center bottom;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-2 {
  bottom: 117px;
  right: 5px;
  width: 0px;
  height: 8px;
  background-position: center right;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line3 {
  top: 525px;
  left: 771px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line3
  .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line3
  .dot-line-repeat.dot-line-repeat3-1 {
  bottom: 16px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center bottom;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line3
  .dot-line-repeat.dot-line-repeat3-2 {
  bottom: 214px;
  right: 5px;
  width: 0px;
  height: 8px;
  background-position: center right;
}
.sr1-house .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line4 {
  top: 509px;
  left: 837px;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line4
  .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line4
  .dot-line-repeat.dot-line-repeat4-1 {
  top: 14px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center top;
}
.sr1-house
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line4
  .dot-line-repeat.dot-line-repeat4-2 {
  top: 67px;
  left: 5px;
  width: 0px;
  height: 8px;
  background-position: left;
}
.sr1-house .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr1-house-sc1.jpg");
}
.sr1-house .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-2.jpg");
}
.sr1-house .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-3.jpg");
}
.sr1-house .sr-speech-sc1-st1 {
  position: absolute;
  top: 230px;
  left: 378px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-speech-sr1-st1-1 {
  position: absolute;
  top: 288px;
  left: 936px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-person-sc1-st1 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/sr-person-sr1-st1.svg");
  position: absolute;
  top: 437px;
  left: 804px;
  width: 264.37px;
  height: 497.19px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-infrared-equipment {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/bg-infrared-sensor.svg");
  position: absolute;
  top: 108.62px;
  left: 324.52px;
  width: 824.67px;
  height: 765.38px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-window-break {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-sensor.svg");
  position: absolute;
  top: 57.77px;
  left: 351.91px;
  width: 767.04px;
  height: 877.59px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr1-house .sr-targeting {
  position: absolute;
  top: 249.74px;
  left: 627.77px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr1-house .sr-magnet-equipment {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/bg-magnet-sensor.png");
  position: absolute;
  top: 295.91px;
  left: 875px;
  width: 48px;
  height: 39px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-layer-beam-sr1-st2 {
  position: absolute;
  width: 600px;
  height: 611.28px;
  top: 573.5px;
  left: 331.5px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1.5) rotate(-28deg);
  -moz-transform: scale(1.5) rotate(-28deg);
  -ms-transform: scale(1.5) rotate(-28deg);
  transform: scale(1.5) rotate(-28deg);
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}
.sr1-house .sr-layer-beam-sr1-st2 .sr-layer-beam {
  background: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png") no-repeat 50% / cover;
  -webkit-animation-name: houseBeamEffect;
  -moz-animation-name: houseBeamEffect;
  animation-name: houseBeamEffect;
}
.sr1-house .skew-wavelength {
  position: absolute;
  top: 737.91px;
  left: 206.35px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-safe-box {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/img-sr-safe.svg");
  position: absolute;
  top: 678.12px;
  left: 217.38px;
  width: 197px;
  height: 192.93px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-product-box {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/img-sr-sensor.svg");
  position: absolute;
  top: 762.91px;
  left: 238.35px;
  width: 60.14px;
  height: 79.07px;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
@keyframes houseBeamEffect {
  0% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg1.png");
  }
  25% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg3.png");
  }
  75% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg4.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/sr1/img-sr1-layer-beam-bg5.png");
  }
}
.sr1-house .img-house-heat-detector {
  background: url("../../images/ko/showroom/sr1/img-heat-detector.svg") no-repeat center;
  width: 32px;
  height: 54px;
  top: 121px;
  left: 1103px;
  position: absolute;
  -webkit-background-size: 32px 54px;
  -moz-background-size: 32px 54px;
  background-size: 32px 54px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .showroom-screen1-wrap .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr1-house .icon-house-camera {
  display: inline-block;
  position: absolute;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  background-image: url("../../images/ko/showroom/sr1/img-sr1-house-camera.png");
  width: 81px;
  height: 77.143px;
  right: 415px;
  top: 391px;
}
.sr1-house .sr-house-scribble .icon-house-paint {
  display: inline-block;
  position: absolute;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-house-scribble .icon-house-paint.sr-paint-01 {
  background: url("../../images/ko/showroom/sr1/img-house-paint1.svg");
  width: 72px;
  height: 62px;
  right: 546.61px;
  bottom: 523.05px;
}
.sr1-house .sr-house-scribble .icon-house-paint.sr-paint-02 {
  background: url("../../images/ko/showroom/sr1/img-house-paint2.svg");
  width: 164px;
  height: 143px;
  right: 426.08px;
  bottom: 369.65px;
}
.sr1-house .sr-house-scribble .icon-house-paint.sr-paint-03 {
  background: url("../../images/ko/showroom/sr1/img-house-paint3.svg");
  width: 117px;
  height: 149px;
  right: 426.08px;
  bottom: 238.82px;
}
.sr1-house .sr-person-sc1-st3 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/sr-person-sr1-st3.svg");
  position: absolute;
  top: 319px;
  left: 792px;
  width: 273.87px;
  height: 497.19px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-puppy-sc1-st1 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/sr-puppy-sr1-st1.svg");
  position: absolute;
  top: 539px;
  left: 530px;
  width: 264.37px;
  height: 147.19px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .item-trash {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr1/item-trash.png");
  position: absolute;
  top: 813.75px;
  left: 1274.37px;
  bottom: 0;
  right: 0;
  width: 169.98px;
  height: 208.25px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-speech-sc1-st2 {
  position: absolute;
  top: 140px;
  left: 470px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-speech-sc1-st2 .sr-speech-bubble-text {
  text-align: center;
  padding: 31px 35px;
  font-weight: 700;
}
.sr1-house .sr-speech-sc1-st2 .sr-speech-bubble-box {
  -moz-border-radius: 77.5px;
  border-radius: 77.5px;
}
.sr1-house .sr-speech-sc1-st2 .sr-speech-bubble-tail.right {
  right: 18%;
}
.sr1-house .sr-speech-sr1-st1-2 {
  position: absolute;
  top: 272px;
  left: 983px;
  opacity: 0;
  visibility: hidden;
}
.sr1-house .sr-speech-sr1-st1-2 .sr-speech-bubble-text {
  text-align: center;
  padding: 29px 35px;
  font-weight: 700;
}
.sr1-house .sr-speech-sr1-st1-2 .sr-speech-bubble-box {
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr1-house .sr-speech-sr1-st1-2 .sr-speech-bubble-tail.right {
  right: 25%;
}
.sr1-house .showroom-screen2-wrap .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 423px;
  left: 507px;
  width: 723px;
  height: 358px;
}
.sr1-house .showroom-screen2-wrap .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr1-house .showroom-screen2-wrap .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  .sr-circle-item-inner {
  position: relative;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8 {
  top: 0px;
  left: 0px;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8
  .img-secom-circle-item8 {
  -webkit-background-size: 50.7px 37px;
  -moz-background-size: 50.7px 37px;
  background-size: 50.7px 37px;
  background-image: url("../../images/ko/showroom/sr1/img-secom-circle-item8.png");
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9 {
  top: 278px;
  left: 637px;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9
  .img-secom-circle-item9 {
  -webkit-background-size: 50.7px 37px;
  -moz-background-size: 50.7px 37px;
  background-size: 50.7px 37px;
  background-image: url("../../images/ko/showroom/sr1/img-secom-circle-item8.png");
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item10 {
  top: 46px;
  left: 643px;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item10
  .img-secom-circle-item10 {
  -webkit-background-size: 55px 13.095px;
  -moz-background-size: 55px 13.095px;
  background-size: 55px 13.095px;
  background-image: url("../../images/ko/showroom/sr1/img-secom-circle-item9.png");
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  [data-tooltip] {
  top: unset;
  bottom: 107px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sr1-house
  .showroom-screen2-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: unset;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.sr1-house .showroom-screen2-wrap .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr1-house.default .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr1-house.default .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr1-house.default .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 58px;
  left: -35px;
  width: 2000px;
  height: 1148px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  visibility: hidden;
}
.sr1-house.default .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr1-house.default .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr1-house.default .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 613px;
  left: 1011px;
}
.sr1-house.default .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 372px;
  left: 425.31px;
}
.sr1-house.default .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
}
.sr1-house.main.prog-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0.5;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.main.end-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.main .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr1-house.main .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr1-house.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 58px;
  left: -35px;
  width: 2000px;
  height: 1148px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr1-house.main .showroom-screen0-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr1-house.main .sr-pointer-wrap {
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.sr1-house.main .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 613px;
  left: 1011px;
}
.sr1-house.main .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 372px;
  left: 425.31px;
}
.sr1-house.main .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr1-house.main .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr1-house.main .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr1-house.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr1-house.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr1-house.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr1-house.screen1 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1 .showroom-screen-wrap.showroom-screen1-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen1.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -474px;
  left: -2506px;
  width: 6000px;
  height: 3375px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step1 .sr-person-sc1-st1 {
  top: 407px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step1 .sr-speech-sc1-st1 {
  left: 408px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step1 .sr-speech-sc1-st1 .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 35px;
  font-weight: 700;
}
.sr1-house.screen1.step1 .sr-speech-sc1-st1 .sr-speech-bubble-box {
  -moz-border-radius: 72px;
  border-radius: 72px;
}
.sr1-house.screen1.step1 .sr-speech-sr1-st1-1 {
  left: 966px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step1 .sr-speech-sr1-st1-1 .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 35px;
  font-weight: 700;
}
.sr1-house.screen1.step1 .sr-speech-sr1-st1-1 .sr-speech-bubble-box {
  -moz-border-radius: 72px;
  border-radius: 72px;
}
.sr1-house.screen1.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen1.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  top: 200px;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  top: 307px;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  top: 0;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  opacity: 1;
  visibility: unset;
  top: 633px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  opacity: 1;
  visibility: unset;
  top: 405px;
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  -o-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  opacity: 1;
  visibility: unset;
  top: 278px;
  -webkit-transition-delay: 5.4s;
  -moz-transition-delay: 5.4s;
  -o-transition-delay: 5.4s;
  transition-delay: 5.4s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7 {
  opacity: 1;
  visibility: unset;
  top: 152px;
  -webkit-transition-delay: 5.9s;
  -moz-transition-delay: 5.9s;
  -o-transition-delay: 5.9s;
  transition-delay: 5.9s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8 {
  opacity: 1;
  visibility: unset;
  top: 538px;
  -webkit-transition-delay: 6.7s;
  -moz-transition-delay: 6.7s;
  -o-transition-delay: 6.7s;
  transition-delay: 6.7s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9 {
  opacity: 1;
  visibility: unset;
  top: 234px;
  -webkit-transition-delay: 7.2s;
  -moz-transition-delay: 7.2s;
  -o-transition-delay: 7.2s;
  transition-delay: 7.2s;
}
.sr1-house.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr1-house.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.38s;
  -moz-transition-duration: 0.38s;
  -o-transition-duration: 0.38s;
  transition-duration: 0.38s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-1 {
  width: 220px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr1-house.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-1 {
  height: 106px;
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-2 {
  width: 57px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.38s;
  -moz-transition-duration: 0.38s;
  -o-transition-duration: 0.38s;
  transition-duration: 0.38s;
}
.sr1-house.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line3 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4.7s;
  -moz-transition-delay: 4.7s;
  -o-transition-delay: 4.7s;
  transition-delay: 4.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line3
  .dot-line-repeat.dot-line-repeat3-1 {
  height: 203px;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line3
  .dot-line-repeat.dot-line-repeat3-2 {
  width: 39px;
  -webkit-transition-delay: 5.3s;
  -moz-transition-delay: 5.3s;
  -o-transition-delay: 5.3s;
  transition-delay: 5.3s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr1-house.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line4 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line4
  .dot-line-repeat.dot-line-repeat4-1 {
  height: 54px;
  -webkit-transition-delay: 6.3s;
  -moz-transition-delay: 6.3s;
  -o-transition-delay: 6.3s;
  transition-delay: 6.3s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr1-house.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line4
  .dot-line-repeat.dot-line-repeat4-2 {
  width: 129px;
  -webkit-transition-delay: 6.6s;
  -moz-transition-delay: 6.6s;
  -o-transition-delay: 6.6s;
  transition-delay: 6.6s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr1-house.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 58px;
  left: -35px;
  width: 2000px;
  height: 1148px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen1.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -934px;
  left: -1352px;
  width: 3840px;
  height: 2160px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-5.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -934px;
  left: -1352px;
  width: 3840px;
  height: 2160px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-5.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-1 .sr-infrared-equipment {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr1-house.screen1.step3.step3-1 .sr-window-break {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sr1-house.screen1.step3.step3-1 .sr-thief-break {
  width: 330.05px;
  height: 406px;
  top: 392.54px;
  left: 486.14px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr1/person-house-thief1.svg");
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-1 .sr-warning-red1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  top: 284px;
}
.sr1-house.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st2-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  -o-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st2-1 .bottom-gray-text.bottom-gray-text1 {
  display: block;
}
.sr1-house.screen1.step3.step3-1 .sr-thief-magnet {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-1 .sr-targeting {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-1 .sr-warning-red2 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-1 .sr-thief-heat {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.sr1-house.screen1.step3.step3-1 .sr-warning-red3 {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.sr1-house.screen1.step3.step3-1 .img-house-heat-detector {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.sr1-house.screen1.step3.step3-1 .sr-layer-beam-sr1-st2 {
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.sr1-house.screen1.step3.step3-2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1282.23px;
  left: -2338.31px;
  width: 6159px;
  height: 3465px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-2 .sr-thief-magnet {
  width: 330.5px;
  height: 406px;
  top: 340.77px;
  left: 632.19px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr1/person-house-thief2.svg");
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-2 .sr-magnet-equipment {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr1-house.screen1.step3.step3-2 .sr-targeting {
  top: 317.74px;
  left: 704.77px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 10;
}
.sr1-house.screen1.step3.step3-2 .sr-targeting .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr1-house.screen1.step3.step3-2 .sr-targeting .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr1-house.screen1.step3.step3-2 .sr-warning-red2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
  top: 218.84px;
}
.sr1-house.screen1.step3.step3-2 .sr-warning-red3 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st2-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st2-2 .bottom-gray-text.bottom-gray-text2 {
  display: block;
}
.sr1-house.screen1.step3.step3-2 .sr-window-break {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .sr-infrared-equipment {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .sr-thief-break {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .sr-warning-red1 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .sr-warning-red3 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .sr-warning-red4 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-2 .sr-infrared-equipment {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -474px;
  left: -2522px;
  width: 6000px;
  height: 3375px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-5.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-3 .sr-thief-heat {
  width: 365.37px;
  height: 556.39px;
  top: 381.51px;
  left: 505.98px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr1/person-house-thief3.svg");
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.9s;
  -moz-transition-duration: 0.9s;
  -o-transition-duration: 0.9s;
  transition-duration: 0.9s;
}
.sr1-house.screen1.step3.step3-3 .sr-warning-red3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
  top: 289px;
}
.sr1-house.screen1.step3.step3-3 .sr-warning-red2 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-3 .img-house-heat-detector {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr1-house.screen1.step3.step3-3 .sr-layer-beam-sr1-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: beemViewSr1St3_3;
  -moz-animation-name: beemViewSr1St3_3;
  animation-name: beemViewSr1St3_3;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr1-house.screen1.step3.step3-3 .sr-layer-beam-sr1-st2 .sr-layer-beam {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
@keyframes beemViewSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr1-house.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st2-3 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  -o-transition-delay: 3.6s;
  transition-delay: 3.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st2-3 .bottom-gray-text.bottom-gray-text3 {
  display: block;
}
.sr1-house.screen1.step3.step3-3 .sr-infrared-equipment {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -474px;
  left: -2522px;
  width: 6000px;
  height: 3375px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-5.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-4 .sr-thief-heat1 {
  width: 365.37px;
  height: 556.39px;
  top: 381.51px;
  left: 505.98px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr1/person-house-thief3.svg");
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-4 .skew-wavelength {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-name: WaveSr1St3_3;
  -moz-animation-name: WaveSr1St3_3;
  animation-name: WaveSr1St3_3;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
@-webkit-keyframes WaveSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes WaveSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes WaveSr1St3_3 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr1-house.screen1.step3.step3-4 .sr-safe-box {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-4 .sr-product-box {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-4 .sr-warning-red4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  top: 587.34px;
}
.sr1-house.screen1.step3.step3-4 .bottom-gray-tooltip-wrap-sr1-st2-5 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  -o-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-4 .bottom-gray-tooltip-wrap-sr1-st2-5 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr1-house.screen1.step3.step3-5 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -934px;
  left: -1352px;
  width: 3840px;
  height: 2160px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-5.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-5 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-5 .sr-infrared-equipment {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.9s;
  -moz-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.sr1-house.screen1.step3.step3-5 .popup-layer-animation-wrap1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-5 .popup-layer-animation-wrap1 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr1-house.screen1.step3.step3-5 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top
  .ellipse-wave-length-wrap2 {
  bottom: -20px !important;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .ani-icon-name {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -20px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  bottom: -20px;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-left-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-right-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -36px;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr1-house.screen1.step3.step3-5 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr1-house.screen1.step3.step3-5 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap .ani-icon-name {
  width: 100px;
  height: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr1-house.screen1.step3.step3-5
  .popup-layer-animation-wrap1
  .animation-box-wrap
  .icon-postion-wrap
  .ani-icon-name
  > span {
  background-color: #2b2a29;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ff4554;
  padding: 4px 10px;
  min-height: 22px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.sr1-house.screen1.step3.step3-5 .sr-warning-red3 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-5 .sr-warning-red4 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr1-house.screen1.step3.step3-6 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1419px;
  left: -2419px;
  width: 6159px;
  height: 3465px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-6 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-sc1-st3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen1.step3.step3-6 .popup-layer-animation-wrap2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6 .popup-layer-animation-wrap2 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr1-house.screen1.step3.step3-6
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr1-house.screen1.step3.step3-6
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr1-house.screen1.step3.step3-6 .sr-person-dm-ex1 {
  width: 126.696px;
  height: 205.475px;
  background-image: url("../../images/ko/showroom/sr1/person-house-thief4.svg");
}
.sr1-house.screen1.step3.step3-6 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6 .button-screen-wrap.page-back,
.sr1-house.screen1.step3.step3-6 .showroom-top-tab-wrap,
.sr1-house.screen1.step3.step3-6 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr1-house.screen1.step3.step3-6 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr1-house.screen1.step3.step3-6 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr1-house.screen2 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr1-house.screen2 .showroom-screen-wrap.showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen2.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1384.49px;
  left: -1697.29px;
  width: 7500.77px;
  height: 4219.18px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen2.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen2.step1 .showroom-screen2-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen2.step1 .icon-house-paint {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen2.step1 .icon-house-paint.sr-paint-01 {
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr1-house.screen2.step1 .icon-house-paint.sr-paint-02 {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr1-house.screen2.step1 .icon-house-paint.sr-paint-03 {
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr1-house.screen2.step1 .item-trash {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr1-house.screen2.step1 .icon-house-camera {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.sr1-house.screen2.step1 .sr-person-sc1-st3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  -o-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr1-house.screen2.step1 .sr-puppy-sc1-st1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr1-house.screen2.step1 .sr-speech-sc1-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  -o-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-duration: 1.4s;
  -moz-transition-duration: 1.4s;
  -o-transition-duration: 1.4s;
  transition-duration: 1.4s;
}
.sr1-house.screen2.step1 .sr-speech-sr1-st1-2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  -o-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 1.6s;
  -moz-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  transition-duration: 1.6s;
}
.sr1-house.screen2.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 58px;
  left: -35px;
  width: 2000px;
  height: 1148px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen2.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen2.step2 .showroom-screen2-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen2.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8 {
  opacity: 1;
  visibility: unset;
  top: 0;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr1-house.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9 {
  opacity: 1;
  visibility: unset;
  top: 278px;
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.sr1-house.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item10 {
  opacity: 1;
  visibility: unset;
  top: 46px;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.sr1-house.screen2.step2 .bottom-gray-tooltip-wrap-sr1-st2-4 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr1-house.screen2.step2 .bottom-gray-tooltip-wrap-sr1-st2-4 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr1-house.screen2.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1419px;
  left: -2419px;
  width: 6159px;
  height: 3465px;
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-interior1-3-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen2.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm1-sc1-st3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr1-house.screen2.step3 .showroom-screen2-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
}
.sr1-house.screen2.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr1-house.screen2.step3 .button-screen-wrap.page-back,
.sr1-house.screen2.step3 .showroom-top-tab-wrap,
.sr1-house.screen2.step3 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr1-house.screen2.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr1-house.screen2.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr1-house.screen2.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}

.sr2-villa {
  background-color: rgb(202, 204, 208);
}
.sr2-villa .showroom-content-mark {
  border: 0 !important;
}
.sr2-villa .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  top: 52%;
}
.sr2-villa .service-step-wrap .service-step-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
  -moz-border-radius: 20px;
  border-radius: 20px;
  pointer-events: none;
}
.sr2-villa .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr2-villa-sc1.jpg");
}
.sr2-villa .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-2.jpg");
}
.sr2-villa .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-3.jpg");
}
.sr2-villa .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .showroom-content-wrap2 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr2-villa .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .showroom-step-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .showroom-step-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr2-villa .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr2-villa .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr2-villa .showroom-background-layer {
  position: absolute;
  top: 37px;
  left: 0px;
  width: 1940px;
  height: 1090px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 37px;
  left: 0px;
  width: 1940px;
  height: 1090px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 389.69px;
  left: 372.31px;
}
.sr2-villa .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 145.73px;
  left: 866.31px;
}
.sr2-villa .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 535.73px;
  left: 1497.81px;
}
.sr2-villa .sr-pointer-wrap.check-complete {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  -webkit-transition-duration: 0s !important;
  -moz-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.sr2-villa .popup-check-complete-wrap {
  position: absolute;
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .popup-check-complete-wrap.popup-check-complete-wrap1 {
  top: 302px;
  left: 723px;
}
.sr2-villa .popup-check-complete-wrap.check-complete {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa .popup-check-complete-wrap {
  display: inline-block;
  width: 290px;
  height: 288px;
}
.sr2-villa .popup-check-complete-wrap.popup-check-complete-wrap1 .bg-check-complete {
  background-image: url("../../images/ko/showroom/sr2/bg-popup-sr2-completer-screen1.png");
}
.sr2-villa .popup-check-complete-wrap .popup-check-complete-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.sr2-villa .popup-check-complete-wrap .title-service-check-complete {
  position: absolute;
  top: 30px;
  left: 10px;
  right: 10px;
  z-index: 1;
  font-size: 0;
}
.sr2-villa .popup-check-complete-wrap .title-service-check-complete .text {
  display: block;
  font-family: "Pretendard";
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: rgb(29, 108, 235);
  text-align: center;
}
.sr2-villa .popup-check-complete-wrap .icon-complete-check {
  position: absolute;
  top: -22px;
  right: -20px;
  z-index: 2;
  display: inline-block;
  width: 49px;
  height: 49px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 3px;
  font-size: 0;
}
.sr2-villa .popup-check-complete-wrap .icon-complete-check .icon-complete-check-inner {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid rgb(0, 114, 206);
}
.sr2-villa .popup-check-complete-wrap .icon-complete-check .icon-complete-check-inner::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 24px;
  height: 16.87px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/icon-complete-check.png");
}
.sr2-villa .popup-check-complete-wrap .bg-check-complete {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr2-villa .sr-person-cs1 {
  position: absolute;
  top: 428px;
  left: 800px;
  width: 197.5px;
  height: 475.2px;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-person-sr1-st1 {
  position: absolute;
  top: 428px;
  left: 800px;
  width: 216px;
  height: 468px;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-speech-sr1-st1 {
  top: 242.92px;
  left: 430px;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-speech-bubble2.sr-speech-sr1-st1 {
  top: 326px;
  left: 954px;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 157px;
  left: 237px;
  width: 1158px;
  height: 658px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item .sr-circle-item-inner {
  position: relative;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item1 {
  top: 391px;
  left: 0px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item2 {
  top: 0px;
  left: 32px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item3 {
  top: 150px;
  left: 269px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item4 {
  top: 434px;
  left: 335px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item5 {
  top: 93px;
  left: 372px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item6 {
  top: 578px;
  left: 529px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item7 {
  top: 18px;
  left: 686px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item8 {
  top: 43px;
  left: 1050px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item9 {
  top: 340px;
  left: 1078px;
}
.sr2-villa
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 {
  top: 250px;
  left: 207px;
}
.sr2-villa .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-1 {
  bottom: 18px;
  left: 5px;
  width: 8px;
  height: 0px;
  background-position: center top;
}
.sr2-villa .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-2 {
  top: -212px;
  right: 5px;
  width: 0px;
  height: 6px;
  background-position: left center;
}
.sr2-villa .warning-text {
  position: absolute;
  top: 393px;
  left: 495px;
  display: inline-block;
  padding: 0px 15px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  background-color: #c8001e;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .warning-text .img-warning {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../../images/ko/showroom/srcomm/icon-warning-white.png");
  vertical-align: middle;
  margin: 0px 5px 3px 0px;
}
.sr2-villa .warning-text1 {
  top: 393px;
  left: 495px;
}
.sr2-villa .warning-text2 {
  top: 220.05px;
  left: 654.59px;
}
.sr2-villa .warning-text2-1 {
  top: 218px;
  left: 452px;
}
.sr2-villa .warning-text3 {
  top: 125px;
  left: 431px;
}
.sr2-villa .sr-infrared-equipment {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr2/bg-infrared-sensor.svg");
  position: absolute;
  top: 237.89px;
  left: 584.04px;
  width: 701.38px;
  height: 597.11px;
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-person-dm {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr2-villa .sr-person-dm.sr-person-dm1 {
  position: absolute;
  top: 480px;
  left: 430px;
  width: 261px;
  height: 397px;
  background-image: url("../../images/ko/showroom/srcomm/person-intruder1.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-person-dm.sr-person-dm2 {
  position: absolute;
  top: 426.87px;
  left: 640.11px;
  width: 212.95px;
  height: 352.81px;
  background-image: url("../../images/ko/showroom/sr2/person-house-thief1.svg");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-person-dm.sr-person-dm2-1 {
  position: absolute;
  top: 290px;
  left: 302px;
  width: 437px;
  height: 755px;
  background-image: url("../../images/ko/showroom/srcomm/person-intruder3.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-person-dm.sr-person-dm3 {
  position: absolute;
  top: 137.52px;
  left: 553px;
  width: 300px;
  height: 531px;
  background-image: url("../../images/ko/showroom/srcomm/person-villa-staff2.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-magnet-sensor {
  position: absolute;
  top: 298.38px;
  left: 694.64px;
  width: 51.36px;
  height: 26.07px;
  background-image: url("../../images/ko/showroom/sr2/img-sr2-magnet-sensor.svg");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-emergency-btn {
  position: absolute;
  top: 238px;
  left: 516px;
  width: 44px;
  height: 84px;
  background-image: url("../../images/ko/showroom/srcomm/img-sr2-emergency-btn.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-broken-glass2 {
  position: absolute;
  top: 480px;
  left: 430px;
  width: 217px;
  height: 188px;
  background-image: url("../../images/ko/showroom/srcomm/img-broken-glass2.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .sr-targeting0 {
  position: absolute;
  top: 383.14px;
  left: 696.03px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr2-villa .sr-targeting1 {
  position: absolute;
  top: 240px;
  left: 640px;
  width: 595.5px;
  height: 680.5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr2-villa .sr-targeting1 .sr-targeting-inner {
  background-image: url("../../images/ko/showroom/srcomm/img-sr2-infrared.png");
  background-color: transparent;
}
.sr2-villa .sr-targeting3 {
  position: absolute;
  top: 215px;
  left: 543px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr2-villa .sr-targeting3 .signal {
  position: absolute;
}
.sr2-villa .sr-targeting3 .signal1 {
  top: 16px;
  left: 8px;
  width: 13.68px;
  height: 8.38px;
  background-image: url("../../images/ko/showroom/srcomm/img-sr2-signal1.png");
  background-color: transparent;
  background-repeat: no-repeat;
}
.sr2-villa .sr-targeting3 .signal2 {
  top: 11px;
  left: 6px;
  width: 21.32px;
  height: 12.24px;
  background-image: url("../../images/ko/showroom/srcomm/img-sr2-signal2.png");
  background-color: transparent;
  background-repeat: no-repeat;
}
.sr2-villa .sr-targeting3 .signal3 {
  top: 6px;
  left: 4px;
  width: 28.74px;
  height: 16.11px;
  background-image: url("../../images/ko/showroom/srcomm/img-sr2-signal3.png");
  background-color: transparent;
  background-repeat: no-repeat;
}
.sr2-villa .popup-layer-animation-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr2-villa .popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -6px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 185px;
  left: 100px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  top: 45px;
  left: 160px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 196px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center
  .ani-icon-name {
  bottom: -16px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  top: 45px;
  right: 160px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 186px;
  right: 100px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap.control-center .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top {
  left: 247px;
  bottom: 185px;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top {
  right: 247px;
  bottom: 185px;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr2-villa
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner
  > div:not(.top-center) {
  width: 170px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr2-villa .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap .text .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.sr2-villa .popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.control-center .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.control-center .ellipse-wave-length-wrap .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.control-center .line-dot-red .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.control-center .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.control-center .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately {
  overflow: hidden;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr2-villa .popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately .img-dispatch-vehicle .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.sr2-villa
  .popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sr2-villa .popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa .popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.control-center .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.dispatch-immediately .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.dispatch-immediately .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa .popup-layer-animation-wrap.active .animation-box-wrap.dispatch-immediately .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr2-villa
  .popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr2-villa .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr2-villa .ani-icon-secom-heat-detector {
  width: 58px;
  height: 120px;
  background-image: url("../../images/ko/showroom/sr2/img-sr2-pro-01.svg");
}
.sr2-villa .ani-icon-secom-glass-detector {
  width: 56.34px;
  height: 86.52px;
  background-image: url("../../images/ko/showroom/sr2/img-sr2-pro-02.svg");
}
.sr2-villa .ani-icon-secom-link {
  width: 100px;
  height: 50px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-center-pop.svg");
}
.sr2-villa .ani-icon-secom-infrared-detector {
  width: 30.12px;
  height: 81.57px;
  background-image: url("../../images/ko/showroom/sr2/img-sr2-pro-04.svg");
  bottom: 8px;
}
.sr2-villa .ani-icon-secom-magnet-detector {
  bottom: 15px;
  width: 124px;
  height: 34px;
  background-image: url("../../images/ko/showroom/sr2/img-sr2-pro-03.svg");
}
.sr2-villa .sr-person-dm-ex {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr2-villa .sr-person-dm-ex.sr-person-dm-ex1 {
  width: 126px;
  height: 205px;
  background-image: url("../../images/ko/showroom/srcomm/person-intruder4.png");
}
.sr2-villa .sr-person-counselor {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 110px;
  height: 123px;
  background-image: url("../../images/ko/showroom/srcomm/person-counselor-man.png");
}
.sr2-villa .img-dispatch-vehicle {
  display: inline-block;
  position: relative;
  width: 395.65px;
  height: 154.83px;
  font-size: 0;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner {
  display: inline-block;
  font-size: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner * {
  display: inline-block;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-siren-machine {
  position: absolute;
  top: 18.07px;
  left: 172.56px;
  width: 41.88px;
  height: 15.25px;
  background-color: rgb(255, 194, 0);
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-siren-light {
  position: absolute;
  top: 0px;
  left: 109.54px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/bg-di-car-siren-right.png");
  width: 165.58px;
  height: 49.56px;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-body {
  position: absolute;
  top: 33.27px;
  left: 0.45px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/bg-di-car-body.png");
  width: 349.65px;
  height: 90.45px;
  z-index: 1;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel {
  position: absolute;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(62, 67, 71);
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel .di-car-wheel-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel .di-car-wheel-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  width: 25.33px;
  height: 23.47px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgb(232, 235, 239);
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel.di-car-wheel1 {
  top: 92.34px;
  left: 42.92px;
  width: 66.12px;
  height: 60.95px;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-wheel.di-car-wheel2 {
  top: 92.77px;
  left: 242.72px;
  width: 66.12px;
  height: 60.75px;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust {
  position: absolute;
  overflow: hidden;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust .di-car-exhaust-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust .di-car-exhaust-bar {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgb(205, 210, 222);
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust.di-car-exhaust1 {
  top: 76.45px;
  left: 356.07px;
  width: 39.01px;
  height: 9.4px;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-exhaust.di-car-exhaust2 {
  top: 95.19px;
  left: 356.09px;
  width: 26.55px;
  height: 9.39px;
}
.sr2-villa .img-dispatch-vehicle .img-dispatch-vehicle-inner .di-car-shadow {
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 397px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/srcomm/bg-di-car-shadow.png");
}
.sr2-villa .icon-ex-mark-speech-bubble {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 51px;
  height: 51px;
  background-image: url("../../images/ko/showroom/srcomm/icon-ex-mark-speech-bubble.png");
}
.sr2-villa .icon-ex-mark-speech-bubble-sr5 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 51px;
  height: 51px;
  background-image: url("../../images/ko/showroom/sr5/icon-ex-mark-speech-bubble-sr5.png");
}
.sr2-villa .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr2-villa .sr-step-swiper-wrap .sr-step-swiper-inner .bg-backgroung-blur-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sr2-villa .sr-step-swiper-wrap .sr-step-swiper-inner .bg-backgroung-blur-wrap .bg-backgroung-blur-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr2-villa
  .sr-step-swiper-wrap
  .sr-step-swiper-inner
  .bg-backgroung-blur-wrap
  .bg-backgroung-blur-inner
  .bg-backgroung-blur-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr2-villa .sr-step-swiper-wrap .sr-step-swiper-inner .top-swiper-text {
  text-align: center;
}
.sr2-villa .top-swiper-text + .swiper-layer-wrap {
  margin-top: 32px;
}
.sr2-villa .swiper-title-wrap .slick-list {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.sr2-villa .swiper-title-wrap + .swiper-layer-wrap {
  margin-top: 32px;
}
.sr2-villa .swiper-layer-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.sr2-villa .swiper-layer-wrap .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64px;
  height: 64px;
  background-color: rgba(255, 255, 255, 0.2);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 11px 23px;
  -moz-background-size: 11px 23px;
  background-size: 11px 23px;
  background-position: center center;
  font-size: 0;
  text-indent: -9999px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr2-villa .swiper-layer-wrap .slick-arrow:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.sr2-villa .swiper-layer-wrap .slick-arrow.slick-prev {
  left: -webkit-calc(50% - 560px);
  left: -moz-calc(50% - 560px);
  left: calc(50% - 560px);
  background-image: url("../../images/ko/showroom/srcomm/icon-slick-prev.png");
}
.sr2-villa .swiper-layer-wrap .slick-arrow.slick-next {
  right: -webkit-calc(50% - 560px);
  right: -moz-calc(50% - 560px);
  right: calc(50% - 560px);
  background-image: url("../../images/ko/showroom/srcomm/icon-slick-next.png");
}
.sr2-villa .swiper-layer-wrap .slick-list {
  width: 960px;
  height: 540px;
  margin-left: auto;
  margin-right: auto;
}
.sr2-villa .swiper-layer-wrap .slick-list .slick-track {
  height: 100%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.sr2-villa .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item {
  position: relative;
  height: 100%;
  background-color: rgb(0, 0, 0);
}
.sr2-villa .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item .video-iframe {
  display: none;
  width: 100%;
  height: 100%;
}
.sr2-villa .swiper-layer-wrap .slick-list .slick-track .swiper-layer-item .video-iframe.active {
  display: block;
}
.sr2-villa .swiper-layer-wrap .slick-list ~ .slick-dots {
  margin-top: 30px;
}
.sr2-villa .swiper-layer-wrap .slick-dots {
  font-size: 0;
  text-align: center;
}
.sr2-villa .swiper-layer-wrap .slick-dots > li {
  display: inline-block;
  font-size: 0;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 4px;
  margin-right: 4px;
}
.sr2-villa .swiper-layer-wrap .slick-dots > li.slick-active > button {
  background-color: rgb(29, 108, 235);
}
.sr2-villa .swiper-layer-wrap .slick-dots > li > button {
  width: inherit;
  height: inherit;
  font-size: 0;
  text-indent: -9999px;
  background-color: rgb(196, 196, 196);
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sr2-villa .swiper-layer-wrap ~ .bottom-swiper-button-wrap {
  margin-top: 42px;
}
.sr2-villa .title-step-swiper {
  display: block;
  font-size: 0;
}
.sr2-villa .title-step-swiper .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 32px;
  font-weight: 400;
  line-height: 42px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr2-villa .title-step-swiper .text .bold {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr2-villa .title-step-swiper + .sub-text-step-swiper {
  margin-top: 10px;
}
.sr2-villa .sub-text-step-swiper {
  display: block;
  font-size: 0;
}
.sr2-villa .sub-text-step-swiper .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr2-villa .bottom-swiper-button-wrap {
  text-align: center;
  font-size: 0;
}
.sr2-villa .button-swiper-bottom {
  min-width: 210px;
  font-size: 0;
  text-align: center;
  background-color: rgb(29, 108, 235);
  padding: 12px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sr2-villa .button-swiper-bottom .text {
  display: inline-block;
  font-family: "Pretendard";
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
}
.sr2-villa .thumbnail-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr2-villa .thumbnail-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa .thumbnail-wrap .thumbnail-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr2-villa .thumbnail-wrap .button-movie-start {
  position: absolute;
  width: 97px;
  height: 97px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  -webkit-background-size: 30px 34px;
  -moz-background-size: 30px 34px;
  background-size: 30px 34px;
  background-position: center center;
  background-image: url("../../images/ko/showroom/srcomm/btn-layer-movie-play.png");
}
.sr2-villa.default .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr2-villa.default .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr2-villa.default .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 37px;
  left: 0px;
  width: 1940px;
  height: 1090px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.default .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr2-villa.default .sr-pointer-wrap {
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.default .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 384px;
  left: 829px;
}
.sr2-villa.default .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr2-villa.default .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr2-villa.default .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr2-villa.default .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr2-villa.default .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr2-villa.default .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr2-villa.main.prog-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0.5;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.main.end-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 37px;
  left: 0px;
  width: 1940px;
  height: 1090px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.main .showroom-screen0-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.main .sr-pointer-wrap {
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.main .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 384px;
  left: 829px;
}
.sr2-villa.main .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr2-villa.main .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr2-villa.main .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr2-villa.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr2-villa.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr2-villa.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr2-villa.screen1 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1 .showroom-screen1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -233.06px;
  left: -834.25px;
  width: 4315px;
  height: 2426px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.screen1.step1 .sr-person-sr1-st1 {
  top: 413px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.screen1.step1 .sr-person-cs.sr-person-villa1 {
  width: 216px;
  height: 468px;
  background-image: url("../../images/ko/showroom/srcomm/person-villa-staff1.svg");
}
.sr2-villa.screen1.step1 .sr-speech-bubble {
  position: absolute;
}
.sr2-villa.screen1.step1 .sr-speech-bubble.sr-speech-sr1-st1 {
  left: 430px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.screen1.step1 .sr-speech-bubble .sr-speech-bubble-text {
  padding: 36px 30px;
  text-align: center;
  font-weight: 700;
}
.sr2-villa.screen1.step1 .sr-speech-bubble .sr-speech-bubble-box {
  -moz-border-radius: 84px;
  border-radius: 84px;
}
.sr2-villa.screen1.step1 .sr-speech-bubble .sr-speech-bubble-tail.right {
  right: 15%;
}
.sr2-villa.screen1.step1 .sr-speech-bubble .sr-speech-bubble-tail.left {
  right: 21%;
}
.sr2-villa.screen1.step1 .sr-speech-bubble2 {
  position: absolute;
}
.sr2-villa.screen1.step1 .sr-speech-bubble2.sr-speech-sr1-st1 {
  top: 314.1px;
  left: 952.47px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.screen1.step1 .sr-speech-bubble2 .sr-speech-bubble-text {
  padding: 32px 43px;
  text-align: center;
  font-weight: 700;
}
.sr2-villa.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 125px;
  left: 13px;
  width: 1712px;
  height: 962px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step2 .img-secom-circle-item {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(255, 255, 255);
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(205, 210, 222);
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item1 {
  -webkit-background-size: 42px 48px;
  -moz-background-size: 42px 48px;
  background-size: 42px 48px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_01.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item2 {
  -webkit-background-size: 37px 43px;
  -moz-background-size: 37px 43px;
  background-size: 37px 43px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_02.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item3 {
  -webkit-background-size: 52px 15px;
  -moz-background-size: 52px 15px;
  background-size: 52px 15px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_03.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item4 {
  -webkit-background-size: 75px 75px;
  -moz-background-size: 75px 75px;
  background-size: 75px 75px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_04.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item5 {
  -webkit-background-size: 43px 57px;
  -moz-background-size: 43px 57px;
  background-size: 43px 57px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_05.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item6 {
  -webkit-background-size: 43px 57px;
  -moz-background-size: 43px 57px;
  background-size: 43px 57px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_05.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item7 {
  -webkit-background-size: 56px 26px;
  -moz-background-size: 56px 26px;
  background-size: 56px 26px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_06.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item8 {
  -webkit-background-size: 53px 22px;
  -moz-background-size: 53px 22px;
  background-size: 53px 22px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_07.png");
}
.sr2-villa.screen1.step2 .img-secom-circle-item.img-secom-circle-item9 {
  -webkit-background-size: 18.2px 70px;
  -moz-background-size: 18.2px 70px;
  background-size: 18.2px 70px;
  background-image: url("../../images/ko/showroom/sr2/circle/img_secom2_item_08.png");
}
.sr2-villa.screen1.step2 .sr-float-tooltip {
  background-color: rgb(36, 83, 204);
}
.sr2-villa.screen1.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.screen1.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  -o-transition-delay: 3.8s;
  transition-delay: 3.8s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  -o-transition-delay: 4.5s;
  transition-delay: 4.5s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  -o-transition-delay: 5.2s;
  transition-delay: 5.2s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item8 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5.9s;
  -moz-transition-delay: 5.9s;
  -o-transition-delay: 5.9s;
  transition-delay: 5.9s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item9 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.4s;
  -moz-transition-delay: 6.4s;
  -o-transition-delay: 6.4s;
  transition-delay: 6.4s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  [data-tooltip] {
  top: unset;
  bottom: 107px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: unset;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.sr2-villa.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr2-villa.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-1 {
  height: 210px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr2-villa.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-2 {
  width: 106px;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.38s;
  -moz-transition-duration: 0.38s;
  -o-transition-duration: 0.38s;
  transition-duration: 0.38s;
}
.sr2-villa.screen1.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -150px;
  left: -669px;
  width: 2741px;
  height: 1541px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior3-3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.screen1.step3.step3-1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1739.63px;
  left: -1040.16px;
  width: 4074.94px;
  height: 4074.94px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior3-3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-1 .warning-text1 {
  top: 393px;
  left: 495px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  z-index: 1;
}
.sr2-villa.screen1.step3.step3-1 .sr-person-dm.sr-person-dm1 {
  top: 460px;
  left: 450px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  z-index: 1;
}
.sr2-villa.screen1.step3.step3-1 .sr-targeting1 {
  width: 595.5px;
  height: 680.5px;
  top: 240px;
  left: 640px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
}
.sr2-villa.screen1.step3.step3-1 .sr-targeting1 .sr-targeting-inner {
  width: 602.83px;
  height: 680.5px;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr2-villa.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st3-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st3-1 .bottom-gray-text.bottom-gray-text1 {
  display: block;
}
.sr2-villa.screen1.step3.step3-1 .sr-infrared-equipment {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.sr2-villa.screen1.step3.step3-2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -295.29px;
  left: -675.35px;
  width: 4684.08px;
  height: 2632.9px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
}
.sr2-villa.screen1.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-2 .warning-text2 {
  top: 220.05px;
  left: 654.59px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.sr2-villa.screen1.step3.step3-2 .sr-person-dm.sr-person-dm2 {
  top: 426.87px;
  left: 640.11px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr2-villa.screen1.step3.step3-2 .sr-opendoor-sensor {
  top: 412px;
  left: 663px;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 1;
  visibility: unset;
}
.sr2-villa.screen1.step3.step3-2 .sr-broken-glass2 {
  top: 810px;
  left: 354px;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  opacity: 1;
  visibility: unset;
  -webkit-animation: fadeout 0.5s 5s forwards;
  -moz-animation: fadeout 0.5s 5s forwards;
  animation: fadeout 0.5s 5s forwards;
}
.sr2-villa.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-2 .bottom-gray-text.bottom-gray-text2 {
  display: block;
}
.sr2-villa.screen1.step3.step3-2 .warning-text2-1 {
  top: 218px;
  left: 452px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.2s;
  -moz-transition-delay: 6.2s;
  -o-transition-delay: 6.2s;
  transition-delay: 6.2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 2;
}
.sr2-villa.screen1.step3.step3-2 .sr-person-dm.sr-person-dm2-1 {
  top: 280px;
  left: 302px;
  background-image: url("../../images/ko/showroom/srcomm/person-intruder3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.2s;
  -moz-transition-delay: 6.2s;
  -o-transition-delay: 6.2s;
  transition-delay: 6.2s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
  z-index: 2;
}
.sr2-villa.screen1.step3.step3-2 .sr-magnet-sensor {
  top: 298.38px;
  left: 694.64px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  opacity: 1;
  visibility: unset;
}
.sr2-villa.screen1.step3.step3-2 .sr-targeting0 {
  top: 383.14px;
  left: 696.03px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 2;
}
.sr2-villa.screen1.step3.step3-2 .sr-targeting0 .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr2-villa.screen1.step3.step3-2 .sr-targeting0 .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sr2-villa.screen1.step3.step3-3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1627px;
  left: -1651px;
  width: 6329px;
  height: 3558px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-3 .warning-text3 {
  top: 125px;
  left: 431px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  z-index: 2;
}
.sr2-villa.screen1.step3.step3-3 .sr-person-dm.sr-person-dm3 {
  top: 137.52px;
  left: 553px;
  background-image: url("../../images/ko/showroom/srcomm/person-villa-staff2.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr2-villa.screen1.step3.step3-3 .sr-emergency-btn {
  top: 238px;
  left: 516px;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
}
.sr2-villa.screen1.step3.step3-3 .sr-targeting3 {
  top: 215px;
  left: 543px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  z-index: 2;
}
.sr2-villa.screen1.step3.step3-3 .sr-targeting3 .signal1 {
  -webkit-animation: signal 1s 0s infinite;
  -moz-animation: signal 1s 0s infinite;
  animation: signal 1s 0s infinite;
}
.sr2-villa.screen1.step3.step3-3 .sr-targeting3 .signal2 {
  -webkit-animation: signal 1s 0.3s infinite;
  -moz-animation: signal 1s 0.3s infinite;
  animation: signal 1s 0.3s infinite;
}
.sr2-villa.screen1.step3.step3-3 .sr-targeting3 .signal3 {
  -webkit-animation: signal 1s 0.6s infinite;
  -moz-animation: signal 1s 0.6s infinite;
  animation: signal 1s 0.6s infinite;
}
@-webkit-keyframes signal {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes signal {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
@keyframes signal {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.sr2-villa.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st3-4 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st3-4 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr2-villa.screen1.step3.step3-4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1627px;
  left: -1651px;
  width: 6329px;
  height: 3558px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-4 .popup-layer-animation-wrap1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-4 .popup-layer-animation-wrap1 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr2-villa.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top
  .ellipse-wave-length-wrap2 {
  bottom: -20px !important;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .ani-icon-name {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -20px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  bottom: -20px;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-left-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-right-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -36px;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr2-villa.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr2-villa.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap .ani-icon-name {
  width: 100px;
  height: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr2-villa.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap
  .icon-postion-wrap
  .ani-icon-name
  > span {
  background-color: #2b2a29;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ff4554;
  padding: 4px 10px;
  min-height: 22px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.sr2-villa.screen1.step3.step3-5 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1627px;
  left: -1651px;
  width: 6329px;
  height: 3558px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5 .popup-layer-animation-wrap2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5 .popup-layer-animation-wrap2 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr2-villa.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  opacity: 1;
  visibility: unset;
  left: 195px;
  z-index: 2;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr2-villa.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr2-villa.screen1.step3.step3-5 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5 .button-screen-wrap.page-back,
.sr2-villa.screen1.step3.step3-5 .showroom-top-tab-wrap,
.sr2-villa.screen1.step3.step3-5 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr2-villa.screen1.step3.step3-5 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr2-villa.screen1.step3.step3-5 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr2-villa.screen1.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1627px;
  left: -1651px;
  width: 6329px;
  height: 3558px;
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr2-villa.screen1.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr2/bg-sr2-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.sr3-store {
  background-color: rgb(226, 226, 226);
}
.sr3-store .showroom-content-mark {
  border: 0 !important;
}
.sr3-store .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  top: 52%;
}
.sr3-store .showroom-content-wrap3 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr3-store .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .showroom-step-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 185px;
  left: 100px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  top: 45px;
  left: 160px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 196px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center
  .ani-icon-name {
  bottom: -16px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  top: 45px;
  right: 160px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 186px;
  right: 100px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top {
  left: 247px;
  bottom: 185px;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top {
  right: 247px;
  bottom: 185px;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner
  > div:not(.top-center) {
  width: 170px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text
  .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately {
  overflow: hidden;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store .popup-layer-animation-wrap1.popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr3-store
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr3-store .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr3-store .ani-icon-secom-link {
  width: 100px;
  height: 50px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-center-pop.svg");
}
.sr3-store .ani-icon-secom-heat-detector {
  width: 58px;
  height: 120px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-01.svg");
}
.sr3-store .ani-icon-secom-glass-detector {
  width: 100px;
  height: 115px;
  background-image: url("../../images/ko/showroom/sr3/img-pro-02.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: inline-block;
  z-index: 10;
}
.sr3-store .ani-icon-secom-magnet-detector {
  bottom: 15px;
  width: 124px;
  height: 34px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-03.svg");
}
.sr3-store .ani-icon-secom-infrared-detector {
  width: 30.12px;
  height: 81.57px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-04.svg");
  bottom: 8px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  left: -15px;
}
.sr3-store .ani-icon-secom-safe-sensor {
  width: 55px;
  height: 76px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-05.svg");
  bottom: 6px;
  left: -2px;
}
.sr3-store .showroom-step-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr3-store .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr3-store .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr3-store .showroom-background-layer {
  position: absolute;
  top: 108.42px;
  left: -117.81px;
  width: 1959px;
  height: 1102px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
}
.sr3-store .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 389.69px;
  left: 372.31px;
}
.sr3-store .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 145.73px;
  left: 866.31px;
}
.sr3-store .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 535.73px;
  left: 1497.81px;
}
.sr3-store .sr-pointer-wrap.check-complete {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  -webkit-transition-duration: 0s !important;
  -moz-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.sr3-store .popup-check-complete-wrap {
  position: absolute;
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .popup-check-complete-wrap.popup-check-complete-wrap1 {
  top: 347.54px;
  left: 253px;
}
.sr3-store .popup-check-complete-wrap.popup-check-complete-wrap2 {
  top: 149.83px;
  left: 745.31px;
}
.sr3-store .popup-check-complete-wrap.popup-check-complete-wrap3 {
  top: 509px;
  left: 1271.48px;
}
.sr3-store .popup-check-complete-wrap.check-complete {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store .sr-person-cs1 {
  position: absolute;
  top: 428px;
  left: 800px;
  width: 197.5px;
  height: 475.2px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-person-sr1-st1 {
  position: absolute;
  top: 428px;
  left: 800px;
  width: 197.5px;
  height: 475.2px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-speech-sr1-st1 {
  top: 215.27px;
  left: 482px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-speech-sr1-st1-2 {
  top: 323px;
  left: 932px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-speech-sr1-st1-2 .sr-speech-bubble-tail.left {
  left: 23%;
}
.sr3-store .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 130px;
  left: 276px;
  width: 1107px;
  height: 707px;
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item .sr-circle-item-inner {
  position: relative;
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item1 {
  top: 312px;
  left: 0px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1
  .img-secom-circle-item1 {
  -webkit-background-size: 56px 26px;
  -moz-background-size: 56px 26px;
  background-size: 56px 26px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_01.png);
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item2 {
  top: 437px;
  left: 433px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2
  .img-secom-circle-item2 {
  -webkit-background-size: 75px 75px;
  -moz-background-size: 75px 75px;
  background-size: 75px 75px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_02.png);
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item3 {
  top: 128px;
  left: 435px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3
  .img-secom-circle-item3 {
  -webkit-background-size: 52px 15px;
  -moz-background-size: 52px 15px;
  background-size: 52px 15px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_03.png);
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item4 {
  top: 152px;
  left: 634px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4
  .img-secom-circle-item4 {
  -webkit-background-size: 44px 57px;
  -moz-background-size: 44px 57px;
  background-size: 44px 57px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_04.png);
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item5 {
  top: 0px;
  left: 876px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5
  .img-secom-circle-item5 {
  -webkit-background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  background-size: 80px 80px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_05.png);
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item6 {
  top: 420px;
  left: 1013px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6
  .img-secom-circle-item6 {
  -webkit-background-size: 52px 15px;
  -moz-background-size: 52px 15px;
  background-size: 52px 15px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_03.png);
}
.sr3-store .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item7 {
  top: 627px;
  left: 1027px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7
  .img-secom-circle-item7 {
  -webkit-background-size: 54px 39px;
  -moz-background-size: 54px 39px;
  background-size: 54px 39px;
  background-image: url(../../images/ko/showroom/sr3/circle/img_secom3_item_06.png);
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  [data-tooltip] {
  top: unset;
  bottom: 107px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sr3-store
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-bottom]
  .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: unset;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 {
  top: 401px;
  left: 359px;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-1 {
  top: 18px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center top;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-2 {
  top: 71px;
  left: 12px;
  width: 0px;
  height: 8px;
  background-position: left center;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 {
  top: 208px;
  left: 566px;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .dot-line-repeat.dot-line-repeat2-1 {
  bottom: 18px;
  left: 6px;
  width: 5px;
  height: 0px;
  background-position: center bottom;
}
.sr3-store .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .dot-line-repeat.dot-line-repeat2-2 {
  bottom: 180px;
  left: 6px;
  width: 0px;
  height: 5px;
  background-position: left center;
}
.sr3-store .sr-person-dm.sr-person-dm1 {
  position: absolute;
  top: 282.16px;
  left: 562.82px;
  width: 177.58px;
  height: 342.81px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-person-dm.sr-person-dm2 {
  position: absolute;
  top: 644.46px;
  left: 807.82px;
  width: 368px;
  height: 274px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-warning-red-wrap .sr-warning-red {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.sr3-store .sr-warning-red-wrap .sr-warning-red > p {
  font-size: 18px;
  font-weight: 700;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 18px;
  color: #fff;
  background-color: #c8001e;
}
.sr3-store .sr-warning-red-wrap .sr-warning-red > p i {
  background: url("../../images/ko/showroom/srcomm/icon-warning.png") no-repeat 50%/24px 24px;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 2px;
}
.sr3-store .sr-warning-red-wrap .sr-warning-red.sr-warning-red1 {
  top: 292px;
  left: 577.72px;
}
.sr3-store .sr-warning-red-wrap .sr-warning-red.sr-warning-red2 {
  top: 695px;
  left: 900px;
}
.sr3-store .sr-targeting {
  position: absolute;
  top: 198.27px;
  left: 551px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr3-store .img-secom-magnet-detector {
  position: absolute;
  top: 96.97px;
  left: 1111.02px;
  width: 93.18px;
  height: 79.12px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .img-secom-heat-detector {
  position: absolute;
  top: 465.85px;
  left: 360.5px;
  width: 31.76px;
  height: 54.38px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .img-secom-opendoor-detector {
  position: absolute;
  top: 252.64px;
  left: 552.98px;
  width: 115.98px;
  height: 105.15px;
  background-image: url("../../images/ko/showroom/sr3/bg-opendoor-sensor.png");
  opacity: 0;
  visibility: hidden;
}
.sr3-store .bottom-gray-tooltip-wrap-sr1-st3-1 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store .bottom-gray-tooltip-wrap-sr1-st3-2 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store .bottom-gray-tooltip-wrap-sr1-st3-3 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .popup-layer-animation-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store .sr-layer-beam-sr1-st2 {
  position: absolute;
  width: 600px;
  height: 661px;
  top: 482.76px;
  left: 379.71px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(2) rotate(6deg);
  -moz-transform: scale(2) rotate(6deg);
  -ms-transform: scale(2) rotate(6deg);
  transform: scale(2) rotate(6deg);
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}
.sr3-store.screen1.step-end .showroom-content-wrap {
  z-index: 22;
}
.sr3-store .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .sr-speech-sr2-st1 {
  top: 266px;
  left: 436px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-speech-sr2-st1-2 {
  top: 372px;
  left: 1016px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .showroom-screen2-step2-icon-layer-wrap {
  position: absolute;
  top: 122px;
  left: 254px;
  width: 877px;
  height: 469px;
}
.sr3-store .showroom-screen2-step2-icon-layer-wrap .showroom-screen2-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr3-store .showroom-screen2-step2-icon-layer-wrap .showroom-screen2-step2-icon-layer-inner .sr-circle-item-ex {
  position: absolute;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item-ex.sr-circle-item2 {
  top: 250px;
  left: 452px;
}
.sr3-store .showroom-screen2-step2-icon-layer-wrap .showroom-screen2-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item
  .sr-circle-item-inner {
  position: relative;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  top: 389px;
  left: 0px;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  top: 250px;
  left: 452px;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  top: 0;
  right: 0;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr3-store .showroom-screen2-step2-icon-layer-wrap .showroom-screen2-step2-icon-layer-inner .sr-circle-item-ex {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr3-store
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item-ex.sr-circle-item2 {
  top: 250px;
  left: 452px;
}
.sr3-store .showroom-screen2-step2-icon-layer-wrap .sr-float-tooltip.show {
  width: 300px;
}
.sr3-store.screen2.step-end .showroom-content-wrap {
  z-index: 22;
}
.sr3-store.screen3.step-end .showroom-content-wrap {
  z-index: 22;
}
.sr3-store .sr-person-cs1-sr3 {
  display: inline-block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st1 {
  width: 197.5px;
  height: 475.2px;
  top: 450.4px;
  left: 832.75px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff1.svg");
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 {
  width: 216.3px;
  height: 386.44px;
  top: 297.76px;
  left: 1052.2px;
  background-image: unset;
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 .sr-person-cs1-sr3-inner,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 .sr-person-cs1-sr3-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 .sr-person-cs1-sr3-st2-obj,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 .sr-person-cs1-sr3-st2-obj {
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: unset;
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1 {
  left: 0;
  width: 216.3px;
  height: 386.44px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff2.svg");
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj2,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj2 {
  left: 10px;
  width: 206.5px;
  height: 386.44px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff3.svg");
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj3,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj3 {
  left: 18px;
  width: 197.5px;
  height: 386.44px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff5.svg");
}
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj4,
.sr3-store .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj4 {
  left: 18px;
  width: 197.5px;
  height: 386.44px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff4.svg");
}
.sr3-store .sr-speech-sr3-st1 {
  position: absolute;
  top: 279.46px;
  left: 443.3px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .sr-speech-sr3-st1-2 {
  position: absolute;
  top: 326px;
  left: 967.82px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .info-view-popup-wrap {
  position: absolute;
  top: 487px;
  left: 979.28px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store .sr-alert-msg {
  display: inline-block;
}
.sr3-store .item-skew-device-sr3-wrap {
  position: absolute;
  top: 354.84px;
  left: 1015.17px;
  width: 58.66px;
  height: 91.16px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .item-skew-device-sr3-sys-wrap,
.sr3-store .item-skew-device-sr3-sys-wrap2 {
  position: absolute;
  top: 354.84px;
  left: 1015.17px;
  width: 58.66px;
  height: 91.16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0;
}
.sr3-store .item-skew-device-sr3-sys-wrap .item-skew-device-sr3-sys-inner,
.sr3-store .item-skew-device-sr3-sys-wrap2 .item-skew-device-sr3-sys-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr3-store .item-skew-device-sr3-sys-wrap .item-skew-device-sr3-sys-inner .item-skew-device-item,
.sr3-store .item-skew-device-sr3-sys-wrap2 .item-skew-device-sr3-sys-inner .item-skew-device-item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  opacity: 0;
  visibility: hidden;
}
.sr3-store .item-skew-device-sr3-sys-wrap .item-skew-device-sr3-sys-inner .item-skew-device-item.item-skew-device-item1,
.sr3-store
  .item-skew-device-sr3-sys-wrap2
  .item-skew-device-sr3-sys-inner
  .item-skew-device-item.item-skew-device-item1 {
  width: 23px;
  height: 69px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
}
.sr3-store .item-skew-device-sr3-sys-wrap .item-skew-device-sr3-sys-inner .item-skew-device-item.item-skew-device-item2,
.sr3-store
  .item-skew-device-sr3-sys-wrap2
  .item-skew-device-sr3-sys-inner
  .item-skew-device-item.item-skew-device-item2 {
  width: 33px;
  height: 82px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device2.png");
}
.sr3-store .item-skew-device-sr3-sys-wrap .item-skew-device-sr3-sys-inner .item-skew-device-item.item-skew-device-item3,
.sr3-store
  .item-skew-device-sr3-sys-wrap2
  .item-skew-device-sr3-sys-inner
  .item-skew-device-item.item-skew-device-item3 {
  width: 58.66px;
  height: 91.16px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device3.png");
}
.sr3-store .sr-targeting-sr3-st2 {
  position: absolute;
  width: 107px;
  height: 107px;
  top: 280px;
  left: 1117px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr3-store .sr-alert-msg-sr3-st3 {
  position: absolute;
  top: 217px;
  left: 994.77px;
}
.sr3-store .popup-layer-animation2-wrap {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: unset;
}
.sr3-store .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr3-store-sc1.jpg");
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/thumbnail/sc-sec-swiper1-2.jpg");
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/thumbnail/sc-sec-swiper1-3.jpg");
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item01-02.jpg");
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item01-03.jpg");
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item02-01.jpg");
}
.sr3-store .swiper-layer-wrap.swiper-layer-wrap3 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr3-store-sc3.jpg");
}
.sr3-store .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store.default .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr3-store.default .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr3-store.default .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 105.93px;
  left: 97.63px;
  width: 2010px;
  height: 1021.63px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  visibility: hidden;
}
.sr3-store.default .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr3-store.default .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr3-store.default .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 389.69px;
  left: 372.31px;
}
.sr3-store.default .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 145.73px;
  left: 866.31px;
}
.sr3-store.default .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 535.73px;
  left: 1497.81px;
}
.sr3-store.default .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
}
.sr3-store.main.prog-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0.5;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.main.end-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 105.93px;
  left: 97.63px;
  width: 2010px;
  height: 1021.63px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.main .showroom-screen0-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.main .sr-pointer-wrap {
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.main .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 389.69px;
  left: 372.31px;
}
.sr3-store.main .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 145.73px;
  left: 866.31px;
}
.sr3-store.main .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 535.73px;
  left: 1497.81px;
}
.sr3-store.main .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr3-store.main .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr3-store.main .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr3-store.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr3-store.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr3-store.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr3-store.screen1 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1 .showroom-screen1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3840px;
  height: 2160px;
  top: -197.72px;
  left: -758px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen1.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen1.step1 .sr-person-sr1-st1 {
  top: 408px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step1 .sr-speech-bubble {
  position: absolute;
}
.sr3-store.screen1.step1 .sr-speech-bubble.sr-speech-sr1-st1 {
  left: 502px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step1 .sr-speech-bubble.sr-speech-sr1-st1 .sr-speech-bubble-text {
  padding: 29px 42px;
  text-align: center;
  font-weight: 700;
}
.sr3-store.screen1.step1 .sr-speech-bubble.sr-speech-sr1-st1-2 {
  left: 952px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step1 .sr-speech-bubble.sr-speech-sr1-st1-2 .sr-speech-bubble-text {
  padding: 29px 42px;
  text-align: center;
  font-weight: 700;
}
.sr3-store.screen1.step1 .sr-speech-bubble .sr-speech-bubble-box {
  -moz-border-radius: 84px;
  border-radius: 84px;
}
.sr3-store.screen1.step1 .sr-speech-bubble .sr-speech-bubble-tail.right {
  right: 19%;
}
.sr3-store.screen1.step1 .sr-speech-bubble .sr-speech-bubble-tail.left {
  right: 21%;
}
.sr3-store.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 1929.88px;
  height: 1085.55px;
  top: 100px;
  left: -70.92px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen1.step2 .sr-float-tooltip {
  background-color: rgb(36, 83, 204);
}
.sr3-store.screen1.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen1.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  top: 312px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  top: 437px;
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  top: 128px;
  -webkit-transition-delay: 2.7s;
  -moz-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  opacity: 1;
  visibility: unset;
  top: 152px;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  opacity: 1;
  visibility: unset;
  top: 0px;
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  -o-transition-delay: 4.6s;
  transition-delay: 4.6s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  opacity: 1;
  visibility: unset;
  top: 420px;
  -webkit-transition-delay: 5.1s;
  -moz-transition-delay: 5.1s;
  -o-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7 {
  opacity: 1;
  visibility: unset;
  top: 627px;
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  -o-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.sr3-store.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-1 {
  height: 60px;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-2 {
  width: 62px;
  -webkit-transition-delay: 1.9s;
  -moz-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
  -webkit-transition-duration: 0.31s;
  -moz-transition-duration: 0.31s;
  -o-transition-duration: 0.31s;
  transition-duration: 0.31s;
}
.sr3-store.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-1 {
  height: 165px;
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  -o-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-2 {
  width: 307px;
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  -o-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3840px;
  height: 2160px;
  top: -146.57px;
  left: -842.88px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior1-3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm1-3-1.png");
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen1.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen1.step3.step3-1 .sr-person-dm.sr-person-dm1 {
  top: 352.16px;
  left: 594.82px;
  width: 177.58px;
  height: 342.81px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr3-store.screen1.step3.step3-1 .sr-warning-red1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  top: 196.96px;
}
.sr3-store.screen1.step3.step3-1 .img-secom-opendoor-detector {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-1 .sr-targeting {
  top: 320.27px;
  left: 615px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step3.step3-1 .sr-targeting .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr3-store.screen1.step3.step3-1 .sr-targeting .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr3-store.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st3-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st3-1 .bottom-gray-text.bottom-gray-text1 {
  display: block;
}
.sr3-store.screen1.step3.step3-2 .showroom-background-layer {
  width: 3440px;
  height: 1935px;
  top: -260.55px;
  left: -145.78px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior1-3-2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step3.step3-2 .sr-person-dm.sr-person-dm2 {
  position: absolute;
  top: 684.46px;
  left: 967.82px;
  width: 368px;
  height: 274px;
  background-image: url("../../images/ko/showroom/srcomm/person-drunk-man2.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step3.step3-2 .sr-targeting {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen1.step3.step3-2 .sr-warning-red2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
  top: 655px;
}
.sr3-store.screen1.step3.step3-2 .sr-layer-beam-sr1-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: beemViewSr3St3_2;
  -moz-animation-name: beemViewSr3St3_2;
  animation-name: beemViewSr3St3_2;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr3-store.screen1.step3.step3-2 .sr-layer-beam-sr1-st2 .sr-layer-beam {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
@-webkit-keyframes beemViewSr3St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes beemViewSr3St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes beemViewSr3St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr3-store.screen1.step3.step3-2 .img-secom-magnet-detector {
  position: absolute;
  top: 96.97px;
  left: 1111.02px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-2 .img-secom-heat-detector {
  position: absolute;
  top: 465.85px;
  left: 360.5px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-2 .bottom-gray-text.bottom-gray-text2 {
  display: block;
}
.sr3-store.screen1.step3.step3-3 .showroom-background-layer {
  width: 3440px;
  height: 1935px;
  top: -260.55px;
  left: -145.78px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior1-3-2.jpg");
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3 .img-secom-magnet-detector {
  position: absolute;
  top: 96.97px;
  left: 1111.02px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-3 .img-secom-heat-detector {
  position: absolute;
  top: 465.85px;
  left: 360.5px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-3 .sr-warning-red2 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st3-3 {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st3-3 .bottom-gray-text.bottom-gray-text2 {
  display: block;
}
.sr3-store.screen1.step3.step3-3 .popup-layer-animation-wrap1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-3 .popup-layer-animation-wrap1 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr3-store.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top
  .ellipse-wave-length-wrap2 {
  bottom: -20px !important;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .ani-icon-name {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -20px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  bottom: -20px;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-left-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-right-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -36px;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr3-store.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap .ani-icon-name {
  width: 100px;
  height: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr3-store.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap
  .icon-postion-wrap
  .ani-icon-name
  > span {
  background-color: #2b2a29;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ff4554;
  padding: 4px 10px;
  min-height: 22px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.sr3-store.screen1.step3.step3-4 .showroom-background-layer {
  width: 3440px;
  height: 1935px;
  top: -365.71px;
  left: -1427.62px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior1-3-2.jpg");
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen1.step3.step3-4 .popup-layer-animation-wrap2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4 .popup-layer-animation-wrap2 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr3-store.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr3-store.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr3-store.screen1.step3.step3-4 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4 .button-screen-wrap.page-back,
.sr3-store.screen1.step3.step3-4 .showroom-top-tab-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4 .service-step-wrap {
  -webkit-animation-name: blur10Zindex23Op3;
  -moz-animation-name: blur10Zindex23Op3;
  animation-name: blur10Zindex23Op3;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr3-store.screen1.step3.step3-4 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr3-store.screen1.step3.step3-4 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr3-store.screen2 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen2 .showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen2.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3840px;
  height: 2160px;
  top: -197.72px;
  left: -758px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen2.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen2.step1 .showroom-screen2-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen2.step1 .sr-speech-bubble {
  position: absolute;
}
.sr3-store.screen2.step1 .sr-speech-bubble.sr-speech-bubble1 {
  top: 268px;
  left: 466px;
}
.sr3-store.screen2.step1 .sr-speech-bubble.sr-speech-bubble2 {
  top: 372px;
  left: 986px;
}
.sr3-store.screen2.step1 .sr-speech-bubble .sr-speech-bubble-text {
  padding: 36px 34px;
  text-align: center;
  font-weight: 700;
}
.sr3-store.screen2.step1 .sr-speech-bubble .sr-speech-bubble-box {
  -moz-border-radius: 84px;
  border-radius: 84px;
}
.sr3-store.screen2.step1 .sr-speech-bubble .sr-speech-bubble-tail.right {
  right: 37%;
}
.sr3-store.screen2.step1 .sr-speech-bubble .sr-speech-bubble-tail.left {
  left: 25%;
}
.sr3-store.screen2.step1 .sr-speech-sr2-st1 {
  left: 466px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen2.step1 .sr-speech-sr2-st1-2 {
  left: 986px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen2.step1 .sr-person-sr2-st1 {
  top: 408px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen2.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2584px;
  height: 1454px;
  top: 1px;
  left: 0px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen2.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen2.step2 .showroom-screen2-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen2.step2
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen2.step2
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  top: 389px;
}
.sr3-store.screen2.step2
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  top: 250px;
}
.sr3-store.screen2.step2
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.sr3-store.screen2.step2
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item-ex {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen2.step2
  .showroom-screen2-step2-icon-layer-wrap
  .showroom-screen2-step2-icon-layer-inner
  .sr-circle-item-ex.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr3-store.screen2.step2 .bottom-gray-tooltip-wrap-sr1-st3-3 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen2.step2 .bottom-gray-tooltip-wrap-sr1-st3-3 .bottom-gray-text.bottom-gray-text3 {
  display: block;
}
.sr3-store.screen2.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2584px;
  height: 1454px;
  top: 1px;
  left: 0px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen2.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen2.step3 .showroom-screen2-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen2.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen2.step3 .button-screen-wrap.page-back,
.sr3-store.screen2.step3 .showroom-top-tab-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen2.step3 .service-step-wrap {
  -webkit-animation-name: blur10Zindex23Op3;
  -moz-animation-name: blur10Zindex23Op3;
  animation-name: blur10Zindex23Op3;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen2.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr3-store.screen2.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen2.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr3-store.screen3 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen3 .showroom-screen3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen3.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3390px;
  height: 1723px;
  top: -398px;
  left: -1421px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen3.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm3-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step1 .showroom-screen3-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen3.step1 .sr-speech-sr3-st1 {
  left: 463.3px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step1 .sr-speech-sr3-st1 .sr-speech-bubble-text {
  padding: 29px 40px;
  text-align: center;
  font-weight: 700;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr3-store.screen3.step1 .sr-speech-sr3-st1 .sr-speech-bubble-tail.right {
  right: 40%;
}
.sr3-store.screen3.step1 .sr-speech-sr3-st1-2 {
  left: 987.82px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step1 .sr-speech-sr3-st1-2 .sr-speech-bubble-text {
  padding: 29px 42px;
  text-align: center;
  font-weight: 700;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr3-store.screen3.step1 .sr-speech-sr3-st1-2 .sr-speech-bubble-tail.left {
  left: 25%;
}
.sr3-store.screen3.step1 .sr-person-cs1-sr3.sr-person-cs1-sr3-st1 {
  top: 420.4px;
  background-image: url("../../images/ko/showroom/srcomm/person-cafe-staff1.svg");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3390px;
  height: 1723px;
  top: -398px;
  left: -1421px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm3-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2 .showroom-screen3-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen3.step2 .info-view-popup-wrap {
  position: absolute;
  top: 457px;
  left: 979.28px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 1;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap {
  position: absolute;
  top: 217px;
  left: 995px;
  width: 260px;
  height: 44px;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap.changeEp1 .sr-alert-msg {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: unset !important;
  -moz-animation-name: unset !important;
  animation-name: unset !important;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap.changeEp1 .sr-alert-msg.sr-alert-msg1 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap.changeEp2 .sr-alert-msg {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: unset !important;
  -moz-animation-name: unset !important;
  animation-name: unset !important;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap.changeEp2 .sr-alert-msg.sr-alert-msg2 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap.changeEp3 .sr-alert-msg {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: unset !important;
  -moz-animation-name: unset !important;
  animation-name: unset !important;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap.changeEp3 .sr-alert-msg.sr-alert-msg3 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap .sr-alert-msg-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap .sr-alert-msg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap .sr-alert-msg > p {
  white-space: nowrap;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap .sr-alert-msg.sr-alert-msg1 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap .sr-alert-msg.sr-alert-msg2 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
}
.sr3-store.screen3.step2 .sr-alert-msg-wrap .sr-alert-msg.sr-alert-msg3 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 6s;
  -moz-animation-duration: 6s;
  animation-duration: 6s;
}
.sr3-store.screen3.step2 .sr-person-cs1-sr3.sr-person-cs1-sr3-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step2 .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp1 {
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp1
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp1
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj2 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp1
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj3 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2 .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp2 {
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp2
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp2
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp2
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj3 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2 .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp3 {
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp3
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp3
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj2 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2.changeEp3
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st2
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2 {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2 .sr-targeting-frame {
  opacity: 0;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2 .sr-targeting-inner {
  opacity: 0;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp1 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp1 .sr-targeting-frame {
  opacity: 0;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp1 .sr-targeting-inner {
  opacity: 0;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp2 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp2 .sr-targeting-frame {
  opacity: 0;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp2 .sr-targeting-inner {
  opacity: 0;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp3 {
  opacity: 1;
  visibility: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp3 .sr-targeting-frame {
  opacity: 1;
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr3-store.screen3.step2 .sr-targeting-sr3-st2.changeEp3 .sr-targeting-inner {
  opacity: 1;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-wrap.item-skew-device-sr3-sys-wrap {
  background-image: unset;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-wrap.item-skew-device-sr3-sys-wrap.changeEp1,
.sr3-store.screen3.step2 .item-skew-device-sr3-wrap.item-skew-device-sr3-sys-wrap.changeEp2,
.sr3-store.screen3.step2 .item-skew-device-sr3-wrap.item-skew-device-sr3-sys-wrap.changeEp3 {
  background-image: unset;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp1 .item-skew-device-item.item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp1 .item-skew-device-item.item-skew-device-item2 {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp1 .item-skew-device-item.item-skew-device-item3 {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp2 .item-skew-device-item.item-skew-device-item1 {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp2 .item-skew-device-item.item-skew-device-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp2 .item-skew-device-item.item-skew-device-item3 {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp3 .item-skew-device-item.item-skew-device-item1 {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp3 .item-skew-device-item.item-skew-device-item2 {
  opacity: 0;
  visibility: hidden;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap.changeEp3 .item-skew-device-item.item-skew-device-item3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step2 .item-skew-device-sr3-sys-wrap .item-skew-device-item.item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen3.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3390px;
  height: 1723px;
  top: -398px;
  left: -1421px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3 .showroom-screen3-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr3-store.screen3.step3 .sr-alert-msg-wrap {
  position: absolute;
  top: 217px;
  left: 995px;
  height: 44px;
}
.sr3-store.screen3.step3 .sr-alert-msg-wrap .sr-alert-msg-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.sr3-store.screen3.step3 .sr-alert-msg-wrap .sr-alert-msg {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr3-store.screen3.step3 .sr-alert-msg-wrap .sr-alert-msg > p {
  white-space: nowrap;
}
.sr3-store.screen3.step3 .sr-alert-msg-wrap .sr-alert-msg.sr-alert-msg-sr3-st3 {
  -webkit-animation-name: sr3AlertMsgSr3St3;
  -moz-animation-name: sr3AlertMsgSr3St3;
  animation-name: sr3AlertMsgSr3St3;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s;
}
.sr3-store.screen3.step3 .sr-person-cs1-sr3.sr-person-cs1-sr3-st3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr3-store.screen3.step3
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st3
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.sr3-store.screen3.step3
  .sr-person-cs1-sr3.sr-person-cs1-sr3-st3
  .sr-person-cs1-sr3-st2-obj.sr-person-cs1-sr3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step3 .item-skew-device-sr3-sys-wrap2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr3-store.screen3.step3 .item-skew-device-sr3-sys-wrap2 .item-skew-device-item.item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap {
  top: 50%;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 50%;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .circle-safe-check-wrap {
  opacity: 1;
  visibility: unset;
}
.sr3-store.screen3.step3
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-white {
  opacity: 1;
  visibility: unset;
  width: 59.61px;
  -webkit-transition-delay: 11s;
  -moz-transition-delay: 11s;
  -o-transition-delay: 11s;
  transition-delay: 11s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-circle {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 11s;
  -moz-transition-delay: 11s;
  -o-transition-delay: 11s;
  transition-delay: 11s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-lock-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-lock-wrap .bg-icon-safe-ring {
  -webkit-animation-name: safeRing;
  -moz-animation-name: safeRing;
  animation-name: safeRing;
  -webkit-animation-delay: 9.5s;
  -moz-animation-delay: 9.5s;
  animation-delay: 9.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-guard {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 8.5s;
  -moz-transition-delay: 8.5s;
  -o-transition-delay: 8.5s;
  transition-delay: 8.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr3-store.screen3.step3 .popup-layer-animation2-wrap .bottom-text-wrap {
  bottom: 40px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 10s;
  -moz-transition-delay: 10s;
  -o-transition-delay: 10s;
  transition-delay: 10s;
}
.sr3-store.screen3.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen3.step3 .button-screen-wrap.page-back,
.sr3-store.screen3.step3 .showroom-top-tab-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen3.step3 .service-step-wrap {
  -webkit-animation-name: blur10Zindex23Op3;
  -moz-animation-name: blur10Zindex23Op3;
  animation-name: blur10Zindex23Op3;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen3.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr3-store.screen3.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr3-store.screen3.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 12s;
  -moz-transition-delay: 12s;
  -o-transition-delay: 12s;
  transition-delay: 12s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr3-store.complete .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 108.42px;
  left: -117.81px;
  width: 1959px;
  height: 1102px;
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store.complete .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr3/bg-sr3-dimm0-2.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr3-store .sensing2-wrap {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 144px;
  height: 104px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/item-sensing2.png");
}
.sr3-store .thief-wrap {
  position: absolute;
}
.sr3-store .thief-wrap .thief-tooltip {
  display: inline-block;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  background-color: #78dfff;
  padding: 10px 24px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.sr3-store .thief-wrap .thief-tooltip .icon-alert-circle {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/icon-alert-circle.svg");
}
.sr3-store .thief-wrap .thief-tooltip .icon-alert-circle ~ .text {
  margin-left: 8px;
}
.sr3-store .thief-wrap .thief-tooltip .text {
  display: inline-block;
  vertical-align: middle;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
}
.sr3-store .thief-wrap .thief-tooltip ~ .thief-item {
  margin-top: 80px;
}
.sr3-store .thief-wrap .thief-item {
  display: block;
  width: 198px;
  height: 242.5px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/ko/showroom/thief-item.png");
}

.sr4-office {
  background-color: rgb(226, 226, 226);
  /*
      초수 설정 
      .sr-alert-msg - 0.5s
      .sr-office-person - 0.5s
      .sr-targeting - 0.5s
      .sr-sensor-heat - 0.5s

      delay
      .sr-office-person - 0.5s
      .sr-alert-msg - 1s
      .sr-targeting - 0.5s
      .bottom-gray-text - 0.5s
  */
}
.sr4-office .showroom-content-mark {
  border: 0 !important;
}
.sr4-office.screen1.step2 {
  background-color: #c2c4c8;
}
.sr4-office.screen1.step3-1 {
  background-color: #c2c4c8;
}
.sr4-office.screen2.step2,
.sr4-office.screen2.step3 {
  background-color: #c2c4c8;
}
.sr4-office .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 52%;
}
.sr4-office .service-step-wrap .service-step-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 185px;
  left: 100px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  top: 45px;
  left: 160px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 196px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center
  .ani-icon-name {
  bottom: -16px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  top: 45px;
  right: 160px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 186px !important;
  right: 100px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top {
  left: 247px;
  bottom: 185px;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top {
  right: 247px;
  bottom: 185px;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner
  > div:not(.top-center) {
  width: 170px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text
  .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately {
  overflow: hidden;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr4-office
  .popup-layer-animation-wrap-1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr4-office .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr4-office .ani-icon-secom-link {
  width: 100px;
  height: 50px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-center-pop.svg");
}
.sr4-office .ani-icon-secom-heat-detector {
  width: 58px;
  height: 120px;
  background-image: url("../../images/ko/showroom/sr4/img-pro-01.svg");
}
.sr4-office .ani-icon-secom-glass-detector {
  width: 100px;
  height: 115px;
  background-image: url("../../images/ko/showroom/sr4/img-pro-02.svg");
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
}
.sr4-office .ani-icon-secom-magnet-detector {
  bottom: 10px;
  width: 126px;
  height: 39px;
  background-image: url("../../images/ko/showroom/sr4/img-pro-03.svg");
}
.sr4-office .ani-icon-secom-infrared-detector {
  width: 30.12px;
  height: 81.57px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-04.svg");
  bottom: 8px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  left: -15px;
}
.sr4-office .ani-icon-secom-safe-sensor {
  width: 55px;
  height: 76px;
  background-image: url("../../images/ko/showroom/sr4/img-pro-05.svg");
  bottom: 11px;
  left: -2px;
}
.sr4-office .showroom-content-wrap4 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr4-office .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr-pro-sensor {
  width: 29px;
  height: 53px;
  position: absolute;
  left: 945px;
  top: 696px;
  background: url(../../images/ko/showroom/sr4/img-safe-box.svg) no-repeat center 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.sr4-office .sr-safe-box {
  width: 169px;
  height: 199px;
  position: absolute;
  left: 932px;
  top: 630px;
  background: url(../../images/ko/showroom/sr4/img-sr4-safe-box.svg) no-repeat center 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}
.sr4-office .showroom-step-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office .showroom-step-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr4-office .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr4-office .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr4-office .showroom-background-layer {
  position: absolute;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr-pointer-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 383px;
  right: 578px;
}
.sr4-office .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 442px;
  left: 342px;
}
.sr4-office .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 602px;
  left: 535.5px;
}
.sr4-office .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr4-office .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr4-office .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr4-office .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr4-office .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr4-office .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr4-office .sr-pointer-wrap.check-complete {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  -webkit-transition-duration: 0s !important;
  -moz-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.sr4-office .popup-check-complete-wrap {
  position: absolute;
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .popup-check-complete-wrap.popup-check-complete-wrap1 {
  top: 265px;
  left: 1153px;
}
.sr4-office .popup-check-complete-wrap.popup-check-complete-wrap2 {
  top: 325px;
  left: 178px;
}
.sr4-office .popup-check-complete-wrap.popup-check-complete-wrap3 {
  bottom: 247px;
  left: 480px;
}
.sr4-office .popup-check-complete-wrap.check-complete {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr4-office-sc1.jpg");
}
.sr4-office .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url(../../images/ko/showroom/thumbnail/sr-cctv-item02-02.jpg);
}
.sr4-office .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url(../../images/ko/showroom/sr4/screen2Swiper2-2.jpg);
}
.sr4-office .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url(../../images/ko/showroom/thumbnail/sr-cctv-item02-01.jpg);
}
.sr4-office .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.default .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr4-office.default .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr4-office.default .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 72px;
  left: -6px;
  width: 2246.28px;
  height: 1078.72px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.default .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.default .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.main.end-page .showroom-background-dim {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 72px;
  left: -6px;
  width: 2246.28px;
  height: 1078.72px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.sr4-office.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.main .showroom-screen0-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.main .sr-pointer-wrap {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step-end .showroom-content-wrap,
.sr4-office.screen2.step-end .showroom-content-wrap,
.sr4-office.screen3.step-end .showroom-content-wrap {
  z-index: 22;
}
.sr4-office.screen1 .service-step-wrap,
.sr4-office.screen2 .service-step-wrap,
.sr4-office.screen3 .service-step-wrap {
  z-index: 22;
}
.sr4-office.screen1.step3-4.step-end .service-step-wrap {
  -webkit-transition-delay: 4.5s;
  -moz-transition-delay: 4.5s;
  -o-transition-delay: 4.5s;
  transition-delay: 4.5s;
  -webkit-transition-property: z-index;
  -o-transition-property: z-index;
  -moz-transition-property: z-index;
  transition-property: z-index;
  z-index: 20;
}
.sr4-office.screen2.step3-1 .service-step-wrap {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-property: z-index;
  -o-transition-property: z-index;
  -moz-transition-property: z-index;
  transition-property: z-index;
  z-index: 20;
}
.sr4-office.screen3.step3-2.step-end .service-step-wrap {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-property: z-index;
  -o-transition-property: z-index;
  -moz-transition-property: z-index;
  transition-property: z-index;
  z-index: 20;
}
.sr4-office .sr-office-person {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office .sr-office-person-1-1 {
  width: 254px;
  height: 504px;
  bottom: 197px;
  left: 786px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st1-person.png) no-repeat 50%/254px auto;
}
.sr4-office .sr-office-person-1-3-1 {
  width: 118px;
  height: 381px;
  top: 309px;
  left: 728px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st3-person-1.png) no-repeat 50%/118px auto;
}
.sr4-office .sr-office-person-1-3-2 {
  width: 144px;
  height: 410px;
  top: 436px;
  left: 768px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st3-person-3.png) no-repeat 50%/144px auto;
}
.sr4-office .sr-office-person-1-3-3 {
  width: 131px;
  height: 411px;
  top: 267px;
  left: 519px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st3-person-2.png) no-repeat 50%/144px auto;
}
.sr4-office .sr-office-person-2-1 {
  width: 314px;
  height: 513px;
  top: 380px;
  left: 725px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc2-st1-person.png) no-repeat 50%/314px auto;
}
.sr4-office .sr-office-person-3-1 {
  width: 254px;
  height: 504px;
  top: 361px;
  left: 780px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st1-person.png) no-repeat 50%/254px auto;
}
.sr4-office .sr-office-person-3-3 {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  width: 257px;
  height: 420px;
  top: 249px;
  left: 886px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person1.png) no-repeat 50%/257px auto;
}
.sr4-office .sr-office-person-3-3-2 {
  width: 275px;
  height: 450px;
  top: 290px;
  left: 440px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person2.png) no-repeat 50%/275px auto;
}
.sr4-office .sr-speech-bubble {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office .sr-speech-bubble:has(.sr-speech-bubble-tail.right) {
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px);
}
.sr4-office .sr-speech-bubble:has(.sr-speech-bubble-tail.left) {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.sr4-office .sr-speech-bubble .sr-speech-bubble-text {
  text-align: center;
}
.sr4-office .sr-speech-bubble-1-1 {
  top: 214px;
  left: 423px;
  position: absolute;
}
.sr4-office .sr-speech-bubble-1-1 .sr-speech-bubble-box {
  -moz-border-radius: 84px;
  border-radius: 84px;
}
.sr4-office .sr-speech-bubble-1-2 {
  top: 261px;
  right: 600px;
  position: absolute;
}
.sr4-office .sr-speech-bubble-2-1 {
  top: 211px;
  left: 401px;
  position: absolute;
}
.sr4-office .sr-speech-bubble-2-1 .sr-speech-bubble-tail {
  right: 51.2px;
}
.sr4-office .sr-speech-bubble-2-2 {
  top: 261px;
  left: 905px;
  position: absolute;
}
.sr4-office .sr-speech-bubble-3-1 {
  bottom: 709px;
  left: 461px;
  position: absolute;
}
.sr4-office .sr-speech-bubble-3-1 .sr-speech-bubble-box {
  -moz-border-radius: 84px;
  border-radius: 84px;
}
.sr4-office .sr-speech-bubble-3-1 .sr-speech-bubble-tail {
  right: 65.2px;
}
.sr4-office .sr-speech-bubble-3-2 {
  bottom: 712px;
  left: 888px;
  position: absolute;
}
.sr4-office .sr-speech-bubble-3-2 .sr-speech-bubble-tail {
  left: 69.2px;
}
.sr4-office .bottom-gray-tooltip-wrap {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr4-office .sr-alert-msg-wrap .sr-alert-msg {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office .sr-alert-msg-wrap .sr-alert-msg-1-3-1 {
  top: 222px;
  left: 686px;
  position: absolute;
}
.sr4-office .sr-alert-msg-wrap .sr-alert-msg-1-3-2 {
  top: 160px;
  left: 477px;
  position: absolute;
}
.sr4-office .sr-alert-msg-wrap .sr-alert-msg-1-3-3 {
  top: 360px;
  left: 706px;
  position: absolute;
}
.sr4-office .sr-alert-msg-wrap .sr-alert-msg-1-3-4 {
  top: 570px;
  left: 877px;
  position: absolute;
}
.sr4-office .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sr4-office .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr4-office .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item .sr-circle-item-inner {
  position: relative;
}
.sr4-office
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  [data-tooltip-wrap][data-tooltip-bottom]
  [data-tooltip] {
  bottom: 20px;
  top: unset;
}
.sr4-office .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner [data-tooltip-wrap] [data-tooltip] {
  top: 14.46px;
}
.sr4-office .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 224px;
  left: 264px;
  width: 1128px;
  height: 575px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item1 {
  top: 0px;
  left: 0px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item1.png);
  -webkit-background-size: 51px 15px;
  -moz-background-size: 51px 15px;
  background-size: 51px 15px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item2 {
  top: 310px;
  left: 56px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item-finger.png);
  -webkit-background-size: 81px 81px;
  -moz-background-size: 81px 81px;
  background-size: 81px 81px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item3 {
  top: 105px;
  left: 311px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item2.png);
  -webkit-background-size: 56px 26px;
  -moz-background-size: 56px 26px;
  background-size: 56px 26px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item4 {
  top: 322px;
  left: 362px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item4.png);
  -webkit-background-size: 44px 57px;
  -moz-background-size: 44px 57px;
  background-size: 44px 57px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item5 {
  top: 495px;
  left: 770px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item3.png);
  -webkit-background-size: 53px 38px;
  -moz-background-size: 53px 38px;
  background-size: 53px 38px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item6 {
  top: 39px;
  left: 994px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item4.png);
  -webkit-background-size: 44px 57px;
  -moz-background-size: 44px 57px;
  background-size: 44px 57px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item7 {
  top: 130px;
  left: 1048px;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7
  .img-secom-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img_secom_item06.png);
  -webkit-background-size: 42px 54px;
  -moz-background-size: 42px 54px;
  background-size: 42px 54px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 {
  top: 327px;
  left: 182px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-1 {
  bottom: 16px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center bottom;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-2 {
  bottom: 298px;
  right: 5px;
  width: 0px;
  height: 8px;
  background-position: center left;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 {
  top: 353px;
  left: 241px;
}
.sr4-office.screen1 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr4-office.screen1
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-1 {
  top: 4px;
  right: unset;
  width: 0;
  height: 8px;
  background-position: right center;
}
.sr4-office .sr-targeting {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr4-office .sr-targeting .sr-targeting-frame,
.sr4-office .sr-targeting .sr-targeting-inner {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
}
.sr4-office .sr-targeting-1 {
  top: 275px;
  left: 716px;
  position: absolute;
}
.sr4-office .sr-sensor-heat {
  display: inline-block;
  width: 39px;
  height: 60px;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st3-sensor-heat.png) no-repeat 50%/39px auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office .sr-sensor-heat-1 {
  top: 230px;
  left: 253px;
  position: absolute;
}
.sr4-office .sr-layer-beam {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr-layer-beam-1 {
  top: 259px;
  left: 273px;
  position: absolute;
}
.sr4-office .popup-layer-animation-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  top: 52%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.sr4-office .popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  right: 100px;
  left: 100px;
}
.sr4-office .popup-layer-animation-wrap-1 .bottom-right {
  top: 208.91px !important;
}
.sr4-office .popup-layer-animation-wrap-1 .bottom-right .ani-icon-secom-safe {
  width: 55px;
  height: 80px;
  background-image: url(../../images/ko/showroom/srcomm/ani-icon-secom-safe.png);
}
.sr4-office
  .popup-layer-animation-wrap-2
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-ex1 {
  width: 100px;
  height: 212px;
  background-image: url(../../images/ko/showroom/sr4/img-office-spy-animation-popup2.png);
  top: -23px;
  left: -23px;
  position: relative;
}
.sr4-office .popup-layer-animation-wrap-2 .animation-box-wrap.dispatch-immediately .icon-ex-mark-speech-bubble {
  top: -24.9px;
  right: -62px;
}
.sr4-office .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item1 {
  top: 471px;
  left: 275px;
}
.sr4-office.screen2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1
  .img-secom-circle-item {
  -webkit-background-size: 50.7px 37px;
  -moz-background-size: 50.7px 37px;
  background-size: 50.7px 37px;
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item6.png);
}
.sr4-office.screen2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item2 {
  top: 262px;
  left: 1038px;
}
.sr4-office.screen2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2
  .img-secom-circle-item {
  -webkit-background-size: 55px 55px;
  -moz-background-size: 55px 55px;
  background-size: 55px 55px;
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item8.png);
}
.sr4-office.screen2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item.sr-circle-item3 {
  top: 365px;
  left: 1319px;
}
.sr4-office.screen2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3
  .img-secom-circle-item {
  -webkit-background-size: 55px 13.1px;
  -moz-background-size: 55px 13.1px;
  background-size: 55px 13.1px;
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item7.png);
}
.sr4-office.screen3 .sr-exit-btn {
  display: inline-block;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-exit-btn.png) no-repeat 50%/100% auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3 .sr-interphone-child {
  display: inline-block;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr-interphone-child.png) no-repeat 50%/100% auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step2-2 .sr-exit-btn,
.sr4-office.screen3.step3-1 .sr-exit-btn {
  width: 12.422px;
  height: 38.727px;
  left: 1119px;
}
.sr4-office.screen3.step2-2 .sr-interphone-child,
.sr4-office.screen3.step3-1 .sr-interphone-child {
  width: 31px;
  height: 65px;
  left: 249.5px;
}
.sr4-office.screen3.step2-2 .sr-exit-btn {
  top: 280px;
}
.sr4-office.screen3.step2-2 .sr-interphone-child {
  top: 509px;
  left: 233px;
}
.sr4-office.screen3.step3-1 .sr-exit-btn {
  top: 319px;
  left: 1119px;
}
.sr4-office.screen3.step3-1 .sr-interphone-child {
  top: 549px;
  left: 249.5px;
}
.sr4-office.screen3 .sr-interphone-mother {
  width: 68px;
  height: 81px;
  display: inline-block;
  top: 274px;
  right: 1184px;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-interphone-mother.png) no-repeat 50%/100% auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3 .sr-reader-item {
  display: inline-block;
  position: absolute;
  background: url(../../images/ko/showroom/sr4/img-sr4-skew-reader-finger.png) no-repeat 50%/100% auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step2-1 .sr-interphone,
.sr4-office.screen3.step3-2 .sr-interphone {
  width: 68px;
  height: 81px;
  top: 275px;
  left: 666px;
}
.sr4-office.screen3.step2-1 .sr-reader-item,
.sr4-office.screen3.step3-2 .sr-reader-item {
  width: 40.065px;
  height: 69px;
  top: 350px;
  left: 692px;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap {
  display: inline-block;
  font-size: 0;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-view-popup-inner {
  display: inline-block;
  position: relative;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-view-popup-inner .sr4-info-button-wrap {
  top: 425px;
  left: 651px;
  position: absolute;
  z-index: 5;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-view-popup-inner .sr4-info-button-wrap .sr4-info-button-inner {
  position: relative;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-info-view-popup-inner
  .sr4-info-button-wrap
  .sr4-info-button-inner:before {
  top: -9px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 5px solid rgba(36, 83, 204, 0.9);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-view-popup-inner .sr4-info-popup-wrap {
  position: absolute;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-view-popup-inner .sr4-info-popup-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-view-popup-inner .sr4-info-popup-wrap .sr4-info-popup-inner {
  position: relative;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  font-size: 0;
}
/* s: 2025-02-26 */
/* .sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.active .sr4-button-info-view .sr4-icon-view {
    -webkit-transform: translateY(-50%) rotate(405deg);
    -moz-transform: translateY(-50%) rotate(405deg);
    -ms-transform: translateY(-50%) rotate(405deg);
    transform: translateY(-50%) rotate(405deg);
} */
/* e: 2025-02-26 */
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item1,
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item2,
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item3,
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item4 {
  margin-top: 0 !important;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item1:before,
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item2:before,
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item3:before,
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item4:before {
  bottom: -9px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 5px solid rgba(36, 83, 204, 0.9);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item1 {
  top: -236px;
  left: 414px;
  position: absolute;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item2 {
  top: -7px;
  left: -452px;
  position: absolute;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item3 {
  top: 159px;
  left: -457px;
  position: absolute;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item.sr4-info-button-item4 {
  top: -245px;
  left: 0;
  position: absolute;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item .sr4-button-info-view {
  position: relative;
  display: inline-block;
  font-size: 0;
  padding: 11px 40px 11px 14px;
  background-color: rgba(36, 83, 204, 0.9);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item .sr4-button-info-view:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 33px;
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item .sr4-button-info-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}
/* s: 2025-02-26 */
/* .sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item .sr4-button-info-view .sr4-icon-view {
    display: inline-block;
    top: 50%;
    right: 8px;
    position: absolute;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    width: 18px;
    height: 18px;
    font-size: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
} */
/* .sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item .sr4-button-info-view .sr4-icon-view .sr4-icon-view-inner {
    display: inline-block;
    position: relative;
    width: inherit;
    height: inherit;
} */
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-info-button-list
  .sr4-info-button-item
  .sr4-button-info-view
  .sr4-icon-view {
  display: inline-block;
  top: 50%;
  right: 8px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 0;
  background: url(../../images/ko/showroom/sr11/icon-search.png) no-repeat center;
  background-size: 18px 18px;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-info-button-list
  .sr4-info-button-item
  .sr4-button-info-view
  .sr4-icon-view
  .sr4-icon-view-inner {
  display: none;
}
/* e: 2025-02-26 */
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-info-button-list
  .sr4-info-button-item
  .sr4-button-info-view
  .sr4-icon-view
  .sr4-icon-view-inner
  .bar {
  top: 50%;
  left: 50%;
  position: absolute;
  display: block;
  font-size: 0;
  text-indent: -9999px;
  width: 13px;
  height: 1px;
  background-color: #fff;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-info-button-list
  .sr4-info-button-item
  .sr4-button-info-view
  .sr4-icon-view
  .sr4-icon-view-inner
  .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-info-button-list
  .sr4-info-button-item
  .sr4-button-info-view
  .sr4-icon-view
  .sr4-icon-view-inner
  .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-info-button-list .sr4-info-button-item ~ .sr4-info-button-item {
  margin-top: 10px;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list {
  width: 318px;
  height: 394px;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item {
  top: 0;
  left: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .sr4-popup-view-wrap {
  width: inherit;
  height: inherit;
  overflow: hidden;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .sr4-popup-view-wrap:before {
  content: "";
  display: inline-block;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: rgba(36, 36, 36, 0.7);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  overflow: hidden;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-popup-view-wrap
  .sr4-popup-view-inner {
  position: relative;
  width: inherit;
  height: inherit;
  padding: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .sr4-icon-view-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  top: 27.5px;
  right: 24px;
  position: absolute;
  font-size: 0;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-icon-view-close
  .sr4-icon-view-inner {
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-icon-view-close
  .sr4-icon-view-inner
  .bar {
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 21px;
  height: 1px;
  background: #fff;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-icon-view-close
  .sr4-icon-view-inner
  .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-icon-view-close
  .sr4-icon-view-inner
  .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .title-popup-view {
  display: block;
  font-size: 0;
  text-align: left;
  padding-right: 34px;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .title-popup-view .text {
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .title-popup-view
  ~ .sr4-screen-view-icon-wrap {
  margin-top: 32px;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .title-popup-view
  ~ .sr4-bottom-text-wrap {
  margin-top: 18px;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .sr4-screen-view-icon-wrap {
  width: 100%;
  height: 180px;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner {
  position: relative;
  font-size: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device1 {
  width: 40px;
  height: 251px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device1.png);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device2 {
  width: 68.578px;
  height: 143.034px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device2.png);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device3 {
  width: 242.353px;
  height: 115px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device3.png);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device4 {
  width: 172px;
  height: 118px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device4.png);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device5 {
  width: 104.5px;
  height: 170px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device5.png);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device6 {
  width: 120px;
  height: 142.4px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device6.png);
}
.sr4-office.screen3
  .sr4-info-view-popup-wrap
  .sr4-popup-view-list
  .sr4-popup-view-item
  .sr4-screen-view-icon-wrap
  .sr4-screen-view-icon-inner
  .sr4-image-device.sr4-image-device7 {
  width: 84px;
  height: 160px;
  background-image: url(../../images/ko/showroom/sr4/img-layer-popup-device7.png);
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .sr4-bottom-text-wrap {
  display: block;
  font-size: 0;
  text-align: center;
}
.sr4-office.screen3 .sr4-info-view-popup-wrap .sr4-popup-view-list .sr4-popup-view-item .sr4-bottom-text-wrap .text {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: #fff;
}
.sr4-office.screen3.step2-2 .sr4-info-popup-wrap {
  top: 419px;
  left: 526px;
  position: absolute;
}
.sr4-office.screen3.step2-1 .sr4-info-popup-wrap {
  top: 385px;
  left: 894px;
  position: absolute;
}
.sr4-office.screen3 .sr-step-swiper-wrap3 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr4-office-sc3.jpg");
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg:has(.complete) > p {
  background: #1fb279;
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg:has(.error) > p {
  background: #c8001e;
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sr4-office .sr4-alert-msg-wrap .sr4-alert-msg i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.sr4-office .sr4-alert-msg-wrap1 .sr4-alert-msg {
  top: 180px;
  left: 381px;
  position: absolute;
}
.sr4-office .sr4-alert-msg-wrap2 .sr4-alert-msg {
  top: 177px;
  left: 921px;
  position: absolute;
}
.sr4-office .sr4-alert-msg-wrap3 .sr4-alert-msg1 {
  top: 212px;
  left: 479px;
  position: absolute;
}
.sr4-office .sr4-alert-msg-wrap3 .sr4-alert-msg2 {
  top: 212px;
  left: 453px;
  position: absolute;
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj {
  display: inline-block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj1 {
  width: 257px;
  height: 420px;
  top: 222px;
  left: 866px;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st2-person1.png);
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj2 {
  width: 275px;
  height: 448px;
  top: 285px;
  left: 400px;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st2-person2-1.png);
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj3 {
  width: 272.7px;
  height: 448px;
  top: 285px;
  left: 402px;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st2-person2-2.png);
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj4 {
  width: 274.8px;
  height: 448px;
  top: 285px;
  left: 400px;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st2-person2-3.png);
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj5 {
  width: 274.8px;
  height: 448px;
  top: 285px;
  left: 400px;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st2-person2-4.png);
}
.sr4-office .sr4-person-sc3-st2 .sr4-person-sc3-st2-obj6 {
  width: 274.8px;
  height: 448px;
  top: 285px;
  left: 400px;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st2-person2-5.png);
}
.sr4-office .sr4-item-skew-device-wrap {
  top: 363px;
  right: 1186px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 50%;
}
.sr4-office .sr4-item-skew-device-wrap .sr4-item-skew-device-item {
  display: none;
}
.sr4-office .sr4-item-skew-device-wrap .sr4-item-skew-device-item1 {
  width: 26px;
  height: 59px;
  -webkit-background-size: 26px auto;
  -moz-background-size: 26px auto;
  background-size: 26px auto;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-skew-reader-card.png);
}
.sr4-office .sr4-item-skew-device-wrap .sr4-item-skew-device-item2 {
  width: 40px;
  height: 69px;
  -webkit-background-size: 40px auto;
  -moz-background-size: 40px auto;
  background-size: 40px auto;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-skew-reader-finger.png);
}
.sr4-office .sr4-item-skew-device-wrap .sr4-item-skew-device-item3 {
  width: 36px;
  height: 84px;
  -webkit-background-size: 36px auto;
  -moz-background-size: 36px auto;
  background-size: 36px auto;
  background-image: url(../../images/ko/showroom/sr4/img-sr4-skew-reader-face.png);
}
.sr4-office .sr4-targeting {
  top: 267px;
  left: 449px;
  position: absolute;
}
.sr4-office .popup-layer-animation2-dimmed {
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 150vw;
  height: 150vh;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .popup-layer-animation2-wrap {
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .popup-layer-animation2-wrap .popup-layer-animation2-inner:before {
  background-color: rgba(36, 36, 36, 0.9);
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap {
  width: 88px;
  height: 88px;
  top: 361px;
  left: 679px;
  position: absolute;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-reader-view-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer {
  display: inline-block;
  width: inherit;
  height: inherit;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr-pointer-pin {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background-color: #1d6ceb;
  border: 2px solid #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-2-beam {
  top: -20px;
  left: 49px;
  position: absolute;
  display: inline-block;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  width: 0px;
  height: 180px;
  -webkit-background-size: 191px 180px;
  -moz-background-size: 191px 180px;
  background-size: 191px 180px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr4/sr4-sc3-st3-2-beam.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .icon-circle-guard-wrap {
  top: -18px;
  left: 154px;
  position: absolute;
  display: inline-block;
  width: 180px;
  height: 180px;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .icon-circle-guard-wrap .icon-circle-guard-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .icon-circle-guard-wrap .bg-circle {
  display: inline-block;
  width: 180px;
  height: 180px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgb(204, 229, 249);
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .icon-circle-guard-wrap .bg-guard {
  display: inline-block;
  width: 99px;
  height: 121px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr4/bg-guard-gurad.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .icon-circle-guard-wrap .icon-check {
  display: inline-block;
  width: 0px;
  height: 33.75px;
  top: 50%;
  left: 64.84px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-background-size: 48.21px 33.75px;
  -moz-background-size: 48.21px 33.75px;
  background-size: 48.21px 33.75px;
  background-position: left 50%;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr4/icon-circle-guard-check.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer {
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  font-size: 0;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer-1 {
  display: inline-block;
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
.sr4-office .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer-2 {
  display: inline-block;
  width: 88px;
  height: 88px;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
@-webkit-keyframes objHideAnimation {
  0% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-moz-keyframes objHideAnimation {
  0% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@keyframes objHideAnimation {
  0% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@-webkit-keyframes sc3st3PersonChange {
  0% {
    background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person1.png);
  }
  100% {
    background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person2.png);
  }
}
@-moz-keyframes sc3st3PersonChange {
  0% {
    background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person1.png);
  }
  100% {
    background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person2.png);
  }
}
@keyframes sc3st3PersonChange {
  0% {
    background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person1.png);
  }
  100% {
    background-image: url(../../images/ko/showroom/sr4/img-sr4-sc3-st3-person2.png);
  }
}
@-webkit-keyframes objShowAnimation {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}
@-moz-keyframes objShowAnimation {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}
@keyframes objShowAnimation {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: unset;
  }
}
.sr4-office.screen1 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.sr4-office.screen1 .showroom-screen1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2607.99px;
  height: 1467px;
  top: -258.99px;
  left: -650.99px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior1-st1.jpg");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sr4-office.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen1.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step1 .sr-office-person-1-1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step1 .sr-speech-bubble {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.sr4-office.screen1.step1 .sr-speech-bubble-1-1 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen1.step1 .sr-speech-bubble-1-2 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.sr4-office.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2126.36px;
  height: 1021.13px;
  top: 70.43px;
  left: -61.47px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior1-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.sr4-office.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen1.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  -webkit-transition-delay: 4.6s;
  -moz-transition-delay: 4.6s;
  -o-transition-delay: 4.6s;
  transition-delay: 4.6s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  -webkit-transition-delay: 5.1s;
  -moz-transition-delay: 5.1s;
  -o-transition-delay: 5.1s;
  transition-delay: 5.1s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item7 {
  -webkit-transition-delay: 5.6s;
  -moz-transition-delay: 5.6s;
  -o-transition-delay: 5.6s;
  transition-delay: 5.6s;
}
.sr4-office.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr4-office.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-1 {
  height: 283px;
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line1
  .dot-line-repeat.dot-line-repeat1-2 {
  width: 114px;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step2 .showroom-step2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  -o-transition-delay: 3.4s;
  transition-delay: 3.4s;
  -webkit-transition-duration: 0.38s;
  -moz-transition-duration: 0.38s;
  -o-transition-duration: 0.38s;
  transition-duration: 0.38s;
}
.sr4-office.screen1.step2
  .showroom-step2-icon-layer-wrap
  .check-dot-line-sr1-st2.check-dot-line2
  .dot-line-repeat.dot-line-repeat2-1 {
  width: 106px;
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  -o-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr4-office.screen1.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2607px;
  height: 1465.44px;
  top: -238px;
  left: -320px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior1-st1.jpg");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sr4-office.screen1.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step3.step3-1 .showroom-background-layer {
  width: 2607px;
  height: 1465.44px;
  top: -218px;
  left: -347px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior1-st3-1.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step3.step3-1 .sr-office-person-1-3-1 {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen1.step3.step3-1 .sr-alert-msg-wrap-1-3 .sr-alert-msg-1-3-1 {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.sr4-office.screen1.step3.step3-1 .sr-targeting-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.sr4-office.screen1.step3.step3-1 .sr-targeting-1 .sr-targeting-frame,
.sr4-office.screen1.step3.step3-1 .sr-targeting-1 .sr-targeting-inner {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr4-office.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st3-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
}
.sr4-office.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr1-st3-1 .bottom-gray-text {
  display: inline-block;
}
.sr4-office.screen1.step3.step3-2 .showroom-background-layer {
  width: 4096px;
  height: 4096px;
  top: -1785.96px;
  left: -1258.23px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior4-st1.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
}
.sr4-office.screen1.step3.step3-2 .sr-sensor-heat-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  z-index: 10;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen1.step3.step3-2 .sr-office-person-1-3-3 {
  top: 267px;
  left: 519px;
  width: 130px;
  height: 410px;
  background: url(../../images/ko/showroom/sr4/img-sr4-sc1-st3-person-2.png) no-repeat 50%/130px auto;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen1.step3.step3-2 .sr-alert-msg-wrap-1-3 .sr-alert-msg-1-3-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-animation-name: objHideAnimation;
  -moz-animation-name: objHideAnimation;
  animation-name: objHideAnimation;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 7s;
  -moz-animation-delay: 7s;
  animation-delay: 7s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen1.step3.step3-2 .sr-layer-beam-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
  -webkit-animation-name: srcmBeamEffect, objHideAnimation;
  -moz-animation-name: srcmBeamEffect, objHideAnimation;
  animation-name: srcmBeamEffect, objHideAnimation;
  -webkit-animation-delay: 1.3s, 7s;
  -moz-animation-delay: 1.3s, 7s;
  animation-delay: 1.3s, 7s;
  -webkit-animation-iteration-count: infinite, 1;
  -moz-animation-iteration-count: infinite, 1;
  animation-iteration-count: infinite, 1;
  -webkit-animation-fill-mode: none, forwards;
  -moz-animation-fill-mode: none, forwards;
  animation-fill-mode: none, forwards;
  -webkit-animation-duration: 4s, 0.5s;
  -moz-animation-duration: 4s, 0.5s;
  animation-duration: 4s, 0.5s;
}
.sr4-office.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-animation-name: objHideAnimation;
  -moz-animation-name: objHideAnimation;
  animation-name: objHideAnimation;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  animation-delay: 6.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-2 .bottom-gray-text {
  display: inline-block;
}
.sr4-office.screen1.step3.step3-3 .showroom-background-layer {
  width: 4096px;
  height: 4096px;
  top: -1785.96px;
  left: -1258.23px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior4-st1.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
}
.sr4-office.screen1.step3.step3-3 .sr-office-person-1-3-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-3 .sr-pro-sensor {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  z-index: 5;
}
.sr4-office.screen1.step3.step3-3 .sr-safe-box {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  z-index: 4;
}
.sr4-office.screen1.step3.step3-3 .sr-alert-msg-wrap-1-3 .sr-alert-msg-1-3-4 {
  top: 602px;
  left: 877px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
  z-index: 5;
}
.sr4-office.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st3-3 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 3.4s;
  -moz-transition-delay: 3.4s;
  -o-transition-delay: 3.4s;
  transition-delay: 3.4s;
}
.sr4-office.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr1-st3-3 .bottom-gray-text {
  display: inline-block;
}
.sr4-office.screen1.step3.step3-4 .showroom-background-layer {
  width: 3027.11px;
  height: 1702.75px;
  top: -540.75px;
  left: -720.79px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior1-st3-2.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
}
.sr4-office.screen1.step3.step3-4 .popup-layer-animation-wrap-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-4 .popup-layer-animation-wrap-1 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr4-office.screen1.step3.step3-4 .popup-layer-animation-wrap-1 .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top
  .ellipse-wave-length-wrap2 {
  bottom: -20px !important;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4 .popup-layer-animation-wrap-1 .animation-box-wrap.control-center .ani-icon-name {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -20px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  bottom: -20px;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .bottom-left-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .bottom-right-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -36px;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr4-office.screen1.step3.step3-4 .popup-layer-animation-wrap-1 .animation-box-wrap .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step3.step3-4 .popup-layer-animation-wrap-1 .animation-box-wrap .icon-postion-wrap .ani-icon-name {
  width: 100px;
  height: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr4-office.screen1.step3.step3-4
  .popup-layer-animation-wrap-1
  .animation-box-wrap
  .icon-postion-wrap
  .ani-icon-name
  > span {
  background-color: #2b2a29;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ff4554;
  padding: 4px 10px;
  min-height: 22px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.sr4-office.screen1.step3.step3-5 .showroom-background-layer {
  width: 3027.11px;
  height: 1702.75px;
  top: -540.75px;
  left: -720.79px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior1-st3-2.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-5 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen1.step3.step3-5 .popup-layer-animation-wrap-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
}
.sr4-office.screen1.step3.step3-5
  .popup-layer-animation-wrap-2
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  left: 179.5px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.screen1.step3.step3-5
  .popup-layer-animation-wrap-2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  left: 287.53px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen1.step3.step3-5
  .popup-layer-animation-wrap-2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr4-office.screen1.step3.step3-5
  .popup-layer-animation-wrap-2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr4-office.screen1.step3.step3-5
  .popup-layer-animation-wrap-2
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr4-office.screen1.step3.step3-5 .popup-layer-animation-wrap-2 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr4-office.screen1.step3.step3-5 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-5 .button-screen-wrap.page-back,
.sr4-office.screen1.step3.step3-5 .showroom-top-tab-wrap,
.sr4-office.screen1.step3.step3-5 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-5 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr4-office.screen1.step3.step3-5 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 10s;
  -moz-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen1.step3.step3-5 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 10s;
  -moz-transition-delay: 10s;
  -o-transition-delay: 10s;
  transition-delay: 10s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr4-office.screen2 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.sr4-office.screen2 .showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2 .showroom-background-layer {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior2-st1.jpg");
}
.sr4-office.screen2.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2946.184px;
  height: 1657.228px;
  top: -577px;
  left: 0;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior2-st1.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen2.step1 .showroom-screen2-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step1 .sr-office-person-2-1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step1 .sr-speech-bubble {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.sr4-office.screen2.step1 .sr-speech-bubble-2-1 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen2.step1 .sr-speech-bubble-2-2 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.sr4-office.screen2.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2126.36px;
  height: 1021.13px;
  top: 70.43px;
  left: -61.47px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior2-st2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen2.step2 .showroom-screen2-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.sr4-office.screen2.step2 .bottom-gray-tooltip-wrap-sr4-st1-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.9s;
  -moz-transition-delay: 3.9s;
  -o-transition-delay: 3.9s;
  transition-delay: 3.9s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen2.step2 .bottom-gray-tooltip-wrap-sr4-st1-1 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr4-office.screen2.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2126.36px;
  height: 1021.13px;
  top: 70.43px;
  left: -61.47px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior2-st2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step3 .showroom-screen2-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen2.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen2.step3 .button-screen-wrap.page-back,
.sr4-office.screen2.step3 .showroom-top-tab-wrap,
.sr4-office.screen2.step3 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen2.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr4-office.screen2.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen2.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr4-office.screen3 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
.sr4-office.screen3 .showroom-screen3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3 .showroom-background-layer {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st1.jpg");
}
.sr4-office.screen3.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2946.184px;
  height: 1657.228px;
  top: -99px;
  left: -289px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st1.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step1 .showroom-screen3-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step1 .sr-office-person-3-1 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step1 .sr-speech-bubble {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.sr4-office.screen3.step1 .sr-speech-bubble-3-1 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen3.step1 .sr-speech-bubble-3-2 {
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.sr4-office.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2478.889px;
  height: 1394.375px;
  top: -258px;
  left: -347px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step2 .showroom-screen3-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step2.step2-2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2478.889px;
  height: 1394.375px;
  top: -258px;
  left: -347px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step2.step2-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step2.step2-2 .sr-exit-btn-3-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step2.step2-2 .sr-interphone-child-3-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step2.step2-2 .sr4-info-button-item1,
.sr4-office.screen3.step2.step2-2 .sr4-info-button-item2,
.sr4-office.screen3.step2.step2-2 .sr4-info-button-item3 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step2.step2-2 .sr4-info-button-item1 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen3.step2.step2-2 .sr4-info-button-item2 {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.sr4-office.screen3.step2.step2-2 .sr4-info-button-item3 {
  -webkit-transition-delay: 2.6s;
  -moz-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
.sr4-office.screen3.step2.step2-2 .sr4-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item1,
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item2,
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item3 {
  display: inline-block;
}
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item4,
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item5,
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item6,
.sr4-office.screen3.step2.step2-2 .sr4-popup-view-item7 {
  display: none;
}
.sr4-office.screen3.step2.step2-1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3200px;
  height: 1800px;
  top: -152px;
  left: -504px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st1.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step2.step2-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step2.step2-1 .sr-interphone-3-1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr4-office.screen3.step2.step2-1 .sr-interphone-mother-3-1 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step2.step2-1 .sr4-info-button-wrap .sr4-info-button-inner:before {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item4,
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item5,
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item6,
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item7 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item4 {
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item5 {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item6 {
  -webkit-transition-delay: 2.2s;
  -moz-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
.sr4-office.screen3.step2.step2-1 .sr4-info-button-item7 {
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc .sr4-person-sc3-st2-obj2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp4 .sr4-person-sc3-st2-obj {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp4 .sr4-person-sc3-st2-obj6 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp5 .sr4-person-sc3-st2-obj {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp5 .sr4-person-sc3-st2-obj3 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp6 .sr4-person-sc3-st2-obj {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp6 .sr4-person-sc3-st2-obj4 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp7 .sr4-person-sc3-st2-obj {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-person-sc.changeEp7 .sr4-person-sc3-st2-obj5 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-delay: 0.7s;
  -moz-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item1,
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item2,
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item3 {
  display: none;
}
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item4,
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item5,
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item6,
.sr4-office.screen3.step2.step2-1 .sr4-popup-view-item7 {
  display: inline-block;
}
.sr4-office.screen3.step2.step2-1 .sr4-alert-msg-wrap.changeEp5 .sr4-alert-msg1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.sr4-office.screen3.step2.step2-1 .sr4-alert-msg-wrap.changeEp6 .sr4-alert-msg2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.sr4-office.screen3.step2.step2-1 .sr4-alert-msg-wrap.changeEp7 .sr4-alert-msg3 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap .sr4-item-skew-device-item1 {
  display: inline-block;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp4 {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp5 {
  top: 363px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp5 .sr4-item-skew-device-item1 {
  display: inline-block;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp5 .sr4-item-skew-device-item2,
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp5 .sr4-item-skew-device-item3 {
  display: none;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp6 {
  top: 350px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp6 .sr4-item-skew-device-item1,
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp6 .sr4-item-skew-device-item3 {
  display: none;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp6 .sr4-item-skew-device-item2 {
  display: inline-block;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp7 {
  top: 350px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp7 .sr4-item-skew-device-item1,
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp7 .sr4-item-skew-device-item2 {
  display: none;
}
.sr4-office.screen3.step2.step2-1 .sr4-item-skew-device-wrap.changeEp7 .sr4-item-skew-device-item3 {
  display: inline-block;
}
.sr4-office.screen3.step2.step2-1 .sr4-targeting {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step2.step2-1 .sr4-targeting.changeEp7 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr4-office.screen3.step2.step2-1 .sr4-targeting.changeEp7 .sr-targeting-frame {
  opacity: 1;
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr4-office.screen3.step2.step2-1 .sr4-targeting.changeEp7 .sr-targeting-inner {
  opacity: 1;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr4-office.screen3.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2478.889px;
  height: 1394.375px;
  top: -258px;
  left: -347px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step3 .showroom-screen3-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step3.step3-1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2478.889px;
  height: 1394.375px;
  top: -218px;
  left: -346.5px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st2.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step3.step3-1 .sr-exit-btn-3-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen3.step3.step3-1 .sr-interphone-child-3-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr4-office.screen3.step3.step3-1 .sr-office-person-3-3 {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-animation-name: sc3st3PersonChange;
  -moz-animation-name: sc3st3PersonChange;
  animation-name: sc3st3PersonChange;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.sr4-office.screen3.step3.step3-1 .sr4-alert-msg-wrap2 .sr4-alert-msg {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-dimmed {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap {
  top: 50%;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 50%;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp .circle-safe-check-wrap {
  opacity: 1;
  visibility: unset;
}
.sr4-office.screen3.step3.step3-1
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-white {
  opacity: 1;
  visibility: unset;
  width: 59.61px;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step3.step3-1
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-circle {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-lock-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr4-office.screen3.step3.step3-1
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .bg-icon-safe-lock-wrap
  .bg-icon-safe-ring {
  -webkit-animation-name: safeRing;
  -moz-animation-name: safeRing;
  animation-name: safeRing;
  -webkit-animation-delay: 6.5s;
  -moz-animation-delay: 6.5s;
  animation-delay: 6.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-guard {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  -o-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr4-office.screen3.step3.step3-1 .popup-layer-animation2-wrap .bottom-text-wrap {
  bottom: 40px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
}
.sr4-office.screen3.step3.step3-2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3200px;
  height: 1800px;
  top: -152px;
  left: -504px;
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-interior3-st1.jpg");
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr4-office.screen3.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr4/bg-sr4-dimm1-st3-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr4-office.screen3.step3.step3-2 .sr-interphone-mother-3-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.sr4-office.screen3.step3.step3-2 .sr-reader-item-3-2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.sr4-office.screen3.step3.step3-2 .sr-office-person-3-3-2 {
  -webkit-transition-delay: 1.65s;
  -moz-transition-delay: 1.65s;
  -o-transition-delay: 1.65s;
  transition-delay: 1.65s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.sr4-office.screen3.step3.step3-2 .sr4-alert-msg-wrap3 .sr4-alert-msg1 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  -webkit-animation-name: objHideAnimation;
  -moz-animation-name: objHideAnimation;
  animation-name: objHideAnimation;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2 .sr4-alert-msg-wrap3 .sr4-alert-msg2 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
  -webkit-animation-name: objHideAnimation;
  -moz-animation-name: objHideAnimation;
  animation-name: objHideAnimation;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2 .bottom-gray-tooltip-wrap-sr3-st3-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-animation-name: objHideAnimation;
  -moz-animation-name: objHideAnimation;
  animation-name: objHideAnimation;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2 .bottom-gray-tooltip-wrap-sr3-st3-2 .bottom-gray-text {
  display: inline-block;
}
.sr4-office.screen3.step3.step3-2 .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr-pointer-pin {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2 .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-2-beam {
  width: 191px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 6.5s;
  -moz-transition-delay: 6.5s;
  -o-transition-delay: 6.5s;
  transition-delay: 6.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2
  .sr4-sc3-st3-2-reader-view-wrap
  .sr4-sc3-st3-2-pointer
  .icon-circle-guard-wrap
  .bg-circle {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2
  .sr4-sc3-st3-2-reader-view-wrap
  .sr4-sc3-st3-2-pointer
  .icon-circle-guard-wrap
  .bg-guard {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 7.5s;
  -moz-transition-delay: 7.5s;
  -o-transition-delay: 7.5s;
  transition-delay: 7.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2
  .sr4-sc3-st3-2-reader-view-wrap
  .sr4-sc3-st3-2-pointer
  .icon-circle-guard-wrap
  .icon-check {
  width: 48.21px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr4-office.screen3.step3.step3-2 .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-delay: 12s;
  -moz-transition-delay: 12s;
  -o-transition-delay: 12s;
  transition-delay: 12s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sr4-office.screen3.step3.step3-2 .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer-1 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: sr4Sc3St3PointerLayer1;
  -moz-animation-name: sr4Sc3St3PointerLayer1;
  animation-name: sr4Sc3St3PointerLayer1;
}
.sr4-office.screen3.step3.step3-2 .sr4-sc3-st3-2-reader-view-wrap .sr4-sc3-st3-2-pointer .sr4-sc3-st3-pointer-layer-2 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 9s;
  -moz-animation-delay: 9s;
  animation-delay: 9s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: sr4Sc3St3PointerLayer2;
  -moz-animation-name: sr4Sc3St3PointerLayer2;
  animation-name: sr4Sc3St3PointerLayer2;
}
@-webkit-keyframes sr4Sc3St3PointerLayer1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes sr4Sc3St3PointerLayer1 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes sr4Sc3St3PointerLayer1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes sr4Sc3St3PointerLayer2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
@-moz-keyframes sr4Sc3St3PointerLayer2 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
@keyframes sr4Sc3St3PointerLayer2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
.sr4-office.screen3.step3.step3-2 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  animation-delay: 13s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen3.step3.step3-2 .button-screen-wrap.page-back,
.sr4-office.screen3.step3.step3-2 .showroom-top-tab-wrap,
.sr4-office.screen3.step3.step3-2 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 13s;
  -moz-animation-delay: 13s;
  animation-delay: 13s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr4-office.screen3.step3.step3-2 .showroom-background-dim {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-delay: 13s;
  -moz-transition-delay: 13s;
  -o-transition-delay: 13s;
  transition-delay: 13s;
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  transition-delay: 13s;
  animation-duration: 0.6s;
}
.sr4-office.screen3.step3.step3-2 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 12.8s;
  -moz-animation-delay: 12.8s;
  animation-delay: 12.8s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s;
}
.sr4-office.screen3.step3.step3-2 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 13s;
  -moz-transition-delay: 13s;
  -o-transition-delay: 13s;
  transition-delay: 13s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr5-factory {
  background-color: rgb(226, 226, 226);
}
.sr5-factory .showroom-content-mark {
  border: 0 !important;
}
.sr5-factory .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  top: 52%;
}
.sr5-factory .service-step-wrap .service-step-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
  -moz-border-radius: 20px;
  border-radius: 20px;
  pointer-events: none;
}
.sr5-factory .showroom-content-wrap5 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr5-factory .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .showroom-step-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .showroom-step-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr5-factory .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr5-factory .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .showroom-background-layer {
  position: absolute;
  top: -45.96px;
  left: 47.56px;
  width: 2121.11px;
  height: 1175px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 471px;
  left: 305px;
}
.sr5-factory .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 199px;
  left: 811px;
}
.sr5-factory .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 617px;
  left: 1315.8px;
}
.sr5-factory .sr-pointer-wrap.check-complete {
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  -webkit-transition-duration: 0s !important;
  -moz-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.sr5-factory .popup-check-complete-wrap {
  position: absolute;
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .popup-check-complete-wrap.popup-check-complete-wrap1 {
  top: 347.46px;
  left: 253px;
}
.sr5-factory .popup-check-complete-wrap.popup-check-complete-wrap2 {
  top: 205px;
  left: 713px;
}
.sr5-factory .popup-check-complete-wrap.popup-check-complete-wrap3 {
  top: 590px;
  left: 1233px;
}
.sr5-factory .popup-check-complete-wrap.check-complete {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory .sr-speech-bubble .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 44px;
}
.sr5-factory .bottom-gray-tooltip-wrap {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-step-swiper-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .staff-sr5-factory-wrap-sc1-st1 {
  position: absolute;
  top: 457px;
  left: 800px;
  width: 198px;
  height: 496px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc1-st1-1 {
  position: absolute;
  top: 231px;
  left: 488px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc1-st1-1 .sr-speech-bubble-frame .sr-speech-bubble-box {
  -moz-border-radius: 85px;
  border-radius: 85px;
}
.sr5-factory .sr-speech-bubble-sr5-sc1-st1-1 .sr-speech-bubble-frame .sr-speech-bubble-tail.right {
  right: 35%;
}
.sr5-factory .sr-speech-bubble-sr5-sc1-st1-2 {
  position: absolute;
  top: 368px;
  left: 990px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc1-st1-2 .sr-speech-bubble-frame .sr-speech-bubble-box {
  -moz-border-radius: 69.2px;
  border-radius: 69.2px;
}
.sr5-factory .sr-speech-bubble-sr5-sc1-st1-2 .sr-speech-bubble-frame .sr-speech-bubble-tail.left {
  left: 16%;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr5-sc1-st2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item-inner {
  position: relative;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item1 {
  top: 533px;
  left: 0px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item1 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item3.png);
  -webkit-background-size: 53px 38px;
  -moz-background-size: 53px 38px;
  background-size: 53px 38px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item2 {
  top: 0px;
  left: 126px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item2 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item4.png);
  -webkit-background-size: 43px 57px;
  -moz-background-size: 43px 57px;
  background-size: 43px 57px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item3 {
  top: 316px;
  left: 320px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item3 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item4.png);
  -webkit-background-size: 43px 57px;
  -moz-background-size: 43px 57px;
  background-size: 43px 57px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item4 {
  top: 123px;
  left: 528px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item4 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/sr5/img-secom-sr5-circle-item2.png);
  -webkit-background-size: 35px 42px;
  -moz-background-size: 35px 42px;
  background-size: 35px 42px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item5 {
  top: 375px;
  left: 656px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item5 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/sr5/img-secom-sr5-circle-item3.png);
  -webkit-background-size: 24px 45px;
  -moz-background-size: 24px 45px;
  background-size: 24px 45px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item6 {
  top: 268px;
  left: 872px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item6 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/sr5/img-secom-sr5-circle-item4.png);
  -webkit-background-size: 62px 28px;
  -moz-background-size: 62px 28px;
  background-size: 62px 28px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item7 {
  top: 403px;
  left: 957px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .sr-circle-item7 .img-secom-sr5-circle-item {
  background-image: url(../../images/ko/showroom/srcomm/img-secom-circle-item4.png);
  -webkit-background-size: 43px 57px;
  -moz-background-size: 43px 57px;
  background-size: 43px 57px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap [data-tooltip-wrap] [data-tooltip] {
  top: 14.46px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap [data-tooltip-bottom] [data-tooltip] {
  top: unset;
  bottom: 107px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap [data-tooltip-bottom] .sr-float-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 7px solid rgba(36, 83, 204, 0.9);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: unset;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(-1);
  -moz-transform: translateX(-50%) scaleY(-1);
  -ms-transform: translateX(-50%) scaleY(-1);
  transform: translateX(-50%) scaleY(-1);
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 {
  top: 493px;
  left: 456px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-1 {
  bottom: 18px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center top;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-2 {
  top: -139px;
  right: 5px;
  width: 0px;
  height: 6px;
  background-position: left center;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 {
  top: 298px;
  left: 669px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .dot-line-repeat.dot-line-repeat2-1 {
  bottom: 18px;
  left: 4px;
  width: 8px;
  height: 0px;
  background-position: center top;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line2 .dot-line-repeat.dot-line-repeat2-2 {
  top: -139px;
  right: 5px;
  width: 0px;
  height: 6px;
  background-position: left center;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line3 {
  top: 398px;
  left: 753px;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line3 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line3 .dot-line-repeat.dot-line-repeat3-1 {
  top: 14px;
  left: 3px;
  width: 8px;
  height: 0px;
  background-position: center top;
}
.sr5-factory .sr5-sc1-st2-icon-layer-wrap .check-dot-line-sr1-st2.check-dot-line3 .dot-line-repeat.dot-line-repeat3-2 {
  top: 43px;
  left: 5px;
  width: 0px;
  height: 8px;
  background-position: left;
}
.sr5-factory .sr5-sc1-st3-alert-msg {
  position: absolute;
  top: 331.53px;
  left: 327.02px;
}
.sr5-factory .sr5-sc1-st3-2-secom-magnet-detector {
  position: absolute;
  width: 393px;
  height: 230px;
  top: -50.26px;
  left: 1382.38px;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background-image: url("../../images/ko/showroom/sr5/bg-magnet-detector.png");
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.sr5-factory .sr5-sc1-st3-targeting-wrap {
  position: absolute;
  top: 404.53px;
  left: 1020.52px;
  width: 142px;
  height: 142px;
}
.sr5-factory .sr5-sc1-st3-targeting-wrap .sr5-sc1-st3-targeting-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-sc1-st3-targeting-wrap .sr5-sc1-st3-targeting-inner .sr-targeting {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}
.sr5-factory .criminal-sr5-factory-wrap1 {
  position: absolute;
  top: 393.28px;
  left: 265.15px;
  width: 242.85px;
  height: 400px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st3-alert-msg2 {
  position: absolute;
  top: 342.7px;
  left: 987.09px;
}
.sr5-factory .criminal-sr5-factory-wrap2 {
  position: absolute;
  top: 416.7px;
  left: 1015.02px;
  width: 158px;
  height: 406px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc1-st3-2-secom-heat-detector {
  position: absolute;
  width: 31.81px;
  height: 65.41px;
  top: 132.74px;
  left: 193.38px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.sr5-factory .sr-layer-beam-sr5-sc1-st3-2 {
  position: absolute;
  width: 600px;
  height: 661px;
  top: 153.86px;
  left: 208.66px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(2) rotate(6deg);
  -moz-transform: scale(2) rotate(6deg);
  -ms-transform: scale(2) rotate(6deg);
  transform: scale(2) rotate(6deg);
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}
.sr5-factory .criminal-sr5-factory-wrap3 {
  position: absolute;
  top: 409.46px;
  left: 684px;
  width: 158px;
  height: 406px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .popup-layer-animation-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap {
  position: absolute;
  top: 116px;
  left: 154px;
  width: 115px;
  height: 225px;
}
.sr5-factory
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .icon-ex-mark-speech-bubble-sr5 {
  position: absolute;
  z-index: 1;
  top: -20px;
  right: -23px;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .criminal-sr5-factory {
  position: absolute;
}
.sr5-factory
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .criminal-sr5-factory.criminal-sr5-factory1 {
  top: -15px;
  left: 16px;
  width: 80px;
  height: 211px;
  opacity: 0;
  visibility: hidden;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory-ex1.svg");
}
.sr5-factory
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .criminal-sr5-factory.criminal-sr5-factory3 {
  top: 0;
  left: 0;
  width: 108px;
  height: 217px;
  opacity: 0;
  visibility: hidden;
  background-image: url("../../images/ko/showroom/sr5/criminal-sr5-factory-ex3.svg");
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 185px;
  left: 100px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  top: 45px;
  left: 160px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 179px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center
  .ani-icon-name {
  bottom: -30px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  top: 45px;
  right: 160px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 186px;
  right: 100px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top {
  left: 247px;
  bottom: 185px;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top {
  right: 247px;
  bottom: 185px;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner
  > div:not(.top-center) {
  width: 170px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text
  .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately {
  overflow: hidden;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory .popup-layer-animation-wrap1.popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr5-factory
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr5-factory .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr5-factory .ani-icon-secom-link {
  width: 103px;
  height: 68px;
  background-image: url("../../images/ko/showroom/sr5/img-pro-center-pop.svg");
}
.sr5-factory .ani-icon-secom-heat-detector {
  width: 58px;
  height: 120px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-01.svg");
}
.sr5-factory .ani-icon-secom-glass-detector {
  width: 100px;
  height: 115px;
  background-image: url("../../images/ko/showroom/sr3/img-pro-02.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: inline-block;
  z-index: 10;
}
.sr5-factory .ani-icon-secom-magnet-detector {
  bottom: 15px;
  width: 124px;
  height: 52px;
  background-image: url("../../images/ko/showroom/sr5/img-pro-03.svg");
}
.sr5-factory .ani-icon-secom-infrared-detector {
  width: 30.12px;
  height: 81.57px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-04.svg");
  bottom: 8px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  left: -15px;
}
.sr5-factory .ani-icon-secom-safe-sensor {
  width: 55px;
  height: 76px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-05.svg");
  bottom: 6px;
  left: -2px;
}
.sr5-factory .staff-sr5-factory-wrap-sc2-st1 {
  position: absolute;
  top: 397px;
  left: 774px;
  width: 224px;
  height: 496px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-1 {
  position: absolute;
  top: 231.35px;
  left: 464px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-1 .sr-speech-bubble .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 52px;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-1 .sr-speech-bubble-frame .sr-speech-bubble-box {
  -moz-border-radius: 85px;
  border-radius: 85px;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-1 .sr-speech-bubble-frame .sr-speech-bubble-tail.right {
  right: 35%;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-2 {
  position: absolute;
  top: 361px;
  left: 990px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-2 .sr-speech-bubble .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 52px;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-2 .sr-speech-bubble-frame .sr-speech-bubble-box {
  -moz-border-radius: 69.2px;
  border-radius: 69.2px;
}
.sr5-factory .sr-speech-bubble-sr5-sc2-st1-2 .sr-speech-bubble-frame .sr-speech-bubble-tail.left {
  left: 16%;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap {
  position: absolute;
  width: 874px;
  height: 580px;
  top: 229px;
  left: 292px;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap [data-tooltip-bottom] + .img-secom-sr5-circle-item {
  margin-top: 7px;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr-float-tooltip.show {
  width: 295px;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr5-sc1-st2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr-circle-item-inner {
  position: relative;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item1 {
  top: 336px;
  left: 0px;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item2 {
  top: 355px;
  left: 630px;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item3 {
  top: 0px;
  left: 793px;
}
.sr5-factory .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item4 {
  top: 500px;
  left: 242px;
}
.sr5-factory .staff-sr5-factory-wrap-sc3-st1 {
  position: absolute;
  top: 412px;
  left: 774px;
  width: 224px;
  height: 496px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-1 {
  position: absolute;
  top: 260px;
  left: 494px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-1 .sr-speech-bubble .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 46px;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-1 .sr-speech-bubble-frame .sr-speech-bubble-box {
  -moz-border-radius: 85px;
  border-radius: 85px;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-1 .sr-speech-bubble-frame .sr-speech-bubble-tail.right {
  right: 37%;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-2 {
  position: absolute;
  top: 412px;
  left: 990px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-2 .sr-speech-bubble .sr-speech-bubble-text {
  text-align: center;
  padding: 38px 42px;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-2 .sr-speech-bubble-frame .sr-speech-bubble-box {
  -moz-border-radius: 69.2px;
  border-radius: 69.2px;
}
.sr5-factory .sr-speech-bubble-sr5-sc3-st1-2 .sr-speech-bubble-frame .sr-speech-bubble-tail.left {
  left: 14%;
}
.sr5-factory .sr5-circle-icon-wrap {
  position: absolute;
  width: 80px;
  height: 80px;
}
.sr5-factory .sr5-circle-icon-wrap .sr5-circle-icon-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-circle-icon-wrap .check-dot-line-wrap {
  position: absolute;
  width: 16px;
  height: 16px;
}
.sr5-factory .sr5-circle-icon-wrap .check-dot-line-wrap .check-dot-line-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-circle-icon-wrap .dot-line-repeat {
  position: absolute;
}
.sr5-factory .sr5-circle-icon-wrap1 {
  top: 476px;
  left: 392px;
}
.sr5-factory .sr5-circle-icon-wrap1 .img-secom-sr5-circle-item8 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-circle-icon-wrap1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-circle-icon-wrap1 .check-dot-line-wrap {
  top: 218px;
  left: 122px;
}
.sr5-factory .sr5-circle-icon-wrap1 .dot-line-repeat1-1 {
  background-position: center bottom;
  bottom: 17px;
  right: 4.5px;
  width: 6px;
  height: 0px;
}
.sr5-factory .sr5-circle-icon-wrap1 .dot-line-repeat1-2 {
  background-position: right center;
  bottom: 191px;
  right: 11.5px;
  width: 0px;
  height: 6px;
}
.sr5-factory .sr5-circle-icon-wrap2 {
  top: 207.65px;
  left: 345.5px;
}
.sr5-factory .sr5-circle-icon-wrap2 .img-secom-sr5-circle-item9 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-circle-icon-wrap2 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-circle-icon-wrap2 .check-dot-line-wrap {
  top: 277px;
  left: 346px;
}
.sr5-factory .sr5-circle-icon-wrap2 .dot-line-repeat1-1 {
  background-position: center bottom;
  bottom: 17px;
  right: 5.5px;
  width: 6px;
  height: 0px;
}
.sr5-factory .sr5-circle-icon-wrap2 .dot-line-repeat1-2 {
  background-position: right center;
  bottom: 246px;
  right: 5.5px;
  width: 0px;
  height: 6px;
}
.sr5-factory .sr5-person-sc {
  display: inline-block;
  position: absolute;
  width: 277px;
  height: 403px;
  top: 404px;
  left: 1045px;
  background-image: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp1 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp2 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp3 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp4 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp5 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory .sr5-person-sc .sr5-person-sc-inner.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj {
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.choice {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1 {
  left: 0;
  width: 277px;
  height: 403px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj1.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1.choice {
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj1-choice.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2 {
  left: 0;
  width: 277px;
  height: 403px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj2.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2.choice {
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj2-choice.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3 {
  left: 0;
  width: 277px;
  height: 403px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj3.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3.choice {
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj3-choice.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4 {
  left: 0;
  width: 265px;
  height: 400px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj4.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4.choice {
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj4-choice.png");
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  left: 0;
  width: 265px;
  height: 400px;
  background-image: unset;
}
.sr5-factory .sr5-person-sc .sr5-person-sc-inner .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5.choice {
  background-image: unset;
}
.sr5-factory .sr5-info-view-popup-wrap {
  display: inline-block;
  font-size: 0;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-view-popup-inner {
  display: inline-block;
  position: relative;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-view-popup-inner .sr5-info-button-wrap .sr5-info-button-inner {
  position: relative;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-view-popup-inner .sr5-info-button-wrap .sr5-info-button-inner::before {
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 5px solid rgb(55, 98, 207);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-view-popup-inner .sr5-info-popup-wrap {
  position: absolute;
  top: 50%;
  left: -371.28px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-view-popup-inner .sr5-info-popup-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-view-popup-inner .sr5-info-popup-wrap .sr5-info-popup-inner {
  position: relative;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item {
  font-size: 0;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item.sr5-info-button-item4 {
  position: absolute;
  top: -181px;
  left: -605px;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item.sr5-info-button-item5 {
  position: absolute;
  top: -411px;
  left: -502px;
}
/* s: 2025-02-26 */
/* .sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item.active .sr5-button-info-view .sr5-icon-view {
    -webkit-transform: translateY(-50%) rotate(405deg);
    -moz-transform: translateY(-50%) rotate(405deg);
    -ms-transform: translateY(-50%) rotate(405deg);
    transform: translateY(-50%) rotate(405deg);
} */
/* e: 2025-02-26 */
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item .sr5-button-info-view {
  position: relative;
  display: inline-block;
  font-size: 0;
  padding: 11px 40px 11px 14px;
  background-color: rgb(55, 98, 207);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item .sr5-button-info-view:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 33px;
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item .sr5-button-info-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}
/* s: 2025-02-26 */
/* .sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item .sr5-button-info-view .sr5-icon-view {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    width: 18px;
    height: 18px;
    font-size: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item .sr5-button-info-view .sr5-icon-view .sr5-icon-view-inner {
    display: inline-block;
    position: relative;
    width: inherit;
    height: inherit;
} */
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item
  .sr5-button-info-view
  .sr5-icon-view {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 0;
  background: url(../../images/ko/showroom/sr11/icon-search.png) no-repeat center;
  background-size: 18px 18px;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item
  .sr5-button-info-view
  .sr5-icon-view
  .sr5-icon-view-inner {
  display: none;
}
/* e: 2025-02-26 */
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item
  .sr5-button-info-view
  .sr5-icon-view
  .sr5-icon-view-inner
  .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 0;
  text-indent: -9999px;
  width: 13px;
  height: 1px;
  background-color: rgb(255, 255, 255);
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item
  .sr5-button-info-view
  .sr5-icon-view
  .sr5-icon-view-inner
  .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item
  .sr5-button-info-view
  .sr5-icon-view
  .sr5-icon-view-inner
  .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-info-button-list .sr5-info-button-item ~ .sr5-info-button-item {
  margin-top: 10px;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list {
  width: 318px;
  height: 394px;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .sr5-popup-view-wrap {
  width: inherit;
  height: inherit;
  background-color: rgb(36, 36, 36);
  overflow: hidden;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-popup-view-wrap
  .sr5-popup-view-inner {
  position: relative;
  width: inherit;
  height: inherit;
  padding: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .sr5-icon-view-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 27.5px;
  right: 24px;
  font-size: 0;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-icon-view-close
  .sr5-icon-view-inner {
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-icon-view-close
  .sr5-icon-view-inner
  .bar {
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  top: 50%;
  left: 50%;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-icon-view-close
  .sr5-icon-view-inner
  .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-icon-view-close
  .sr5-icon-view-inner
  .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .title-popup-view {
  display: block;
  font-size: 0;
  text-align: left;
  padding-right: 34px;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .title-popup-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .title-popup-view
  ~ .sr5-screen-view-icon-wrap {
  margin-top: 32px;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .title-popup-view
  ~ .sr5-bottom-text-wrap {
  margin-top: 18px;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .sr5-screen-view-icon-wrap {
  width: 100%;
  height: 180px;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner {
  position: relative;
  font-size: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner
  .sr5-image-device {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner
  .sr5-image-device.sr5-image-device1 {
  width: 104.46px;
  height: 170px;
  background-image: url("../../images/ko/showroom/sr5/img-layer-popup-device1.png");
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner
  .sr5-image-device.sr5-image-device2 {
  width: 120px;
  height: 142.39px;
  background-image: url("../../images/ko/showroom/sr5/img-layer-popup-device2.png");
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner
  .sr5-image-device.sr5-image-device3 {
  width: 84px;
  height: 160px;
  background-image: url("../../images/ko/showroom/sr5/img-layer-popup-device3.png");
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner
  .sr5-image-device.sr5-image-device4 {
  width: 46px;
  height: 153px;
  background-image: url("../../images/ko/showroom/sr5/img-layer-popup-device4.png");
}
.sr5-factory
  .sr5-info-view-popup-wrap
  .sr5-popup-view-list
  .sr5-popup-view-item
  .sr5-screen-view-icon-wrap
  .sr5-screen-view-icon-inner
  .sr5-image-device.sr5-image-device5 {
  width: 242.35px;
  height: 115px;
  background-image: url("../../images/ko/showroom/sr5/img-layer-popup-device5.png");
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .sr5-bottom-text-wrap {
  display: block;
  font-size: 0;
  text-align: center;
}
.sr5-factory .sr5-info-view-popup-wrap .sr5-popup-view-list .sr5-popup-view-item .sr5-bottom-text-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr5-factory .sr5-info-view-popup-wrap {
  position: absolute;
  top: 617px;
  left: 979.28px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr5-alert-msg {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr5-alert-msg.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory .sr5-alert-msg:has(.complete) > p {
  background: #1fb279;
}
.sr5-factory .sr5-alert-msg:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-alert-msg:has(.error) > p {
  background: #c8001e;
}
.sr5-factory .sr5-alert-msg:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-alert-msg > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sr5-factory .sr5-alert-msg i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.sr5-factory .sr5-item-skew-device-wrap {
  position: absolute;
  top: 354.84px;
  left: 1015.17px;
  width: 58.66px;
  height: 91.16px;
  opacity: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 23px 69px;
  -moz-background-size: 23px 69px;
  background-size: 23px 69px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
}
.sr5-factory .sr5-item-skew-device-wrap {
  position: absolute;
  top: 354.84px;
  left: 1015.17px;
  width: 58.66px;
  height: 91.16px;
  opacity: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 23px 69px;
  -moz-background-size: 23px 69px;
  background-size: 23px 69px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
}
.sr5-factory .sr5-item-skew-device-sys-wrap,
.sr5-factory .sr5-item-skew-device-sys-wrap2 {
  position: absolute;
  top: 493px;
  left: 1020px;
  width: 50px;
  height: 84px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory .sr5-item-skew-device-sys-wrap .sr5-item-skew-device-sys-inner,
.sr5-factory .sr5-item-skew-device-sys-wrap2 .sr5-item-skew-device-sys-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-item-skew-device-sys-wrap .sr5-item-skew-device-sys-inner .sr5-item-skew-device-item,
.sr5-factory .sr5-item-skew-device-sys-wrap2 .sr5-item-skew-device-sys-inner .sr5-item-skew-device-item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory
  .sr5-item-skew-device-sys-wrap
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item1,
.sr5-factory
  .sr5-item-skew-device-sys-wrap2
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item1 {
  left: -webkit-calc(50% - 2px);
  left: -moz-calc(50% - 2px);
  left: calc(50% - 2px);
  width: 33px;
  height: 84px;
  background-image: url("../../images/ko/showroom/sr5/item-skew-device1.png");
}
.sr5-factory
  .sr5-item-skew-device-sys-wrap
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item2,
.sr5-factory
  .sr5-item-skew-device-sys-wrap2
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item2 {
  width: 60px;
  height: 94px;
  background-image: url("../../images/ko/showroom/sr5/item-skew-device2.png");
}
.sr5-factory
  .sr5-item-skew-device-sys-wrap
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item3,
.sr5-factory
  .sr5-item-skew-device-sys-wrap2
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item3 {
  width: 39px;
  height: 84px;
  background-image: url("../../images/ko/showroom/sr5/item-skew-device3.png");
}
.sr5-factory
  .sr5-item-skew-device-sys-wrap
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item4,
.sr5-factory
  .sr5-item-skew-device-sys-wrap2
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item4 {
  width: 16px;
  height: 63px;
  background-image: url("../../images/ko/showroom/sr5/item-skew-device4.png");
}
.sr5-factory
  .sr5-item-skew-device-sys-wrap
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item5,
.sr5-factory
  .sr5-item-skew-device-sys-wrap2
  .sr5-item-skew-device-sys-inner
  .sr5-item-skew-device-item.sr5-item-skew-device-item5 {
  width: 16px;
  height: 63px;
  background-image: url("../../images/ko/showroom/sr5/item-skew-device4.png");
}
.sr5-factory .sr5-targeting {
  position: absolute;
  width: 107px;
  height: 107px;
  top: 385px;
  left: 1155px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr5-factory .sr5-person-sc3-st3-1 {
  display: inline-block;
  position: absolute;
  width: 310px;
  height: 457px;
  top: 407.35px;
  left: 903.5px;
  background-image: unset;
  z-index: 1;
}
.sr5-factory .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-obj {
  display: inline-block;
  position: absolute;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-obj.choice {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-obj.sr5-person-sc3-st3-1-obj1 {
  top: -30px;
  left: 0;
  width: 310px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st3-1-obj1.png");
}
.sr5-factory .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-obj.sr5-person-sc3-st3-1-obj2 {
  top: 0;
  left: 0;
  width: 310px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st3-1-obj2.png");
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1 {
  position: absolute;
  top: 309.85px;
  left: 959.95px;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1:has(.complete) > p {
  background: #1fb279;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1:has(.error) > p {
  background: #c8001e;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1 > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sr5-factory .sr5-sc3-st3-1-alert-msg1 i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.sr5-factory .sr5-item-sc3-st3-1-skew-device {
  display: inline-block;
  position: absolute;
  width: 42px;
  height: 75px;
  top: 505.35px;
  left: 1171.5px;
  opacity: 0;
  visibility: hidden;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr5/item-sc3-st3-1-skew-device.png");
}
.sr5-factory .popup-layer-animation2-wrap {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: unset;
  z-index: 2;
}
.sr5-factory .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgb(36, 36, 36);
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-item-sc3-st3-2-skew-device {
  display: inline-block;
  position: absolute;
  width: 50px;
  height: 84px;
  top: 486.35px;
  left: 1020.5px;
  opacity: 0;
  visibility: hidden;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr5/item-skew-device2.png");
}
.sr5-factory .sr5-person-sc3-st3-2-1 {
  display: inline-block;
  position: absolute;
  width: 265px;
  height: 400px;
  top: 404px;
  left: 1046px;
  background-image: unset;
  z-index: 1;
}
.sr5-factory .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-obj {
  display: inline-block;
  position: absolute;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-obj.choice {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-obj.sr5-person-sc3-st3-2-1-obj1 {
  top: 0px;
  left: 30px;
  width: 265px;
  height: 400px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj2.png");
}
.sr5-factory .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-obj.sr5-person-sc3-st3-2-1-obj2 {
  top: 0;
  left: 0;
  width: 265px;
  height: 400px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj2-choice.png");
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1 {
  position: absolute;
  top: 309.85px;
  left: 959.95px;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1:has(.complete) > p {
  background: #1fb279;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1:has(.error) > p {
  background: #c8001e;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1 > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sr5-factory .sr5-sc3-st3-2-1-alert-msg1 i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.sr5-factory .sr5-person-sc3-st3-2-2 {
  display: inline-block;
  position: absolute;
  width: 166.5px;
  height: 314px;
  top: 403.35px;
  left: 314px;
  background-image: unset;
  z-index: 1;
}
.sr5-factory .sr5-person-sc3-st3-2-2 .sr5-person-sc3-st3-2-2-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-person-sc3-st3-2-2 .sr5-person-sc3-st3-2-2-obj {
  display: inline-block;
  position: absolute;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-person-sc3-st3-2-2 .sr5-person-sc3-st3-2-2-obj.sr5-person-sc3-st3-2-2-obj1 {
  top: 0px;
  left: 0px;
  width: 166.5px;
  height: 314px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st3-2-2-obj1.png");
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1 {
  position: absolute;
  top: 358.45px;
  left: 292.25px;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1:has(.complete) > p {
  background: #1fb279;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1:has(.error) > p {
  background: #c8001e;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1 > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sr5-factory .sr5-sc3-st3-2-2-alert-msg1 i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap {
  position: absolute;
  width: 88px;
  height: 88px;
  top: 269.35px;
  left: 534px;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pc-view-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer {
  display: inline-block;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .sr-pointer-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  background-color: rgb(29, 108, 235);
  border: 2px solid rgb(255, 255, 255);
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .sr5-sc3-st3-2-beam {
  position: absolute;
  top: -21px;
  left: 49px;
  display: inline-block;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: rotate(7deg);
  -moz-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  width: 0px;
  height: 180px;
  -webkit-background-size: 177px 180px;
  -moz-background-size: 177px 180px;
  background-size: 177px 180px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr5/sr5-sc3-st3-2-beam.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .icon-circle-guard-wrap {
  position: absolute;
  top: -12px;
  left: 132px;
  display: inline-block;
  width: 180px;
  height: 180px;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .icon-circle-guard-wrap .icon-circle-guard-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .icon-circle-guard-wrap .bg-circle {
  display: inline-block;
  width: 180px;
  height: 180px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgb(204, 229, 249);
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .icon-circle-guard-wrap .bg-guard {
  display: inline-block;
  width: 99px;
  height: 121px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr5/bg-guard-gurad.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .icon-circle-guard-wrap .icon-check {
  display: inline-block;
  width: 0px;
  height: 33.75px;
  position: absolute;
  top: 50%;
  left: 64.84px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-background-size: 48.21px 33.75px;
  -moz-background-size: 48.21px 33.75px;
  background-size: 48.21px 33.75px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../../images/ko/showroom/sr5/icon-circle-guard-check.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .sr5-sc3-st3-pointer-layer {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  font-size: 0;
}
.sr5-factory
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .sr5-sc3-st3-pointer-layer
  .sr5-sc3-st3-pointer-layer-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
}
.sr5-factory
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .sr5-sc3-st3-pointer-layer
  .sr5-sc3-st3-pointer-layer-1 {
  display: inline-block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
.sr5-factory
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .sr5-sc3-st3-pointer-layer
  .sr5-sc3-st3-pointer-layer-2 {
  display: inline-block;
  width: 88px;
  height: 88px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: -webkit-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -moz-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: -o-radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
  background-image: radial-gradient(circle, rgba(29, 108, 235, 0) 0%, rgba(29, 108, 235, 0.3) 100%);
}
.sr5-factory .sr5-sc3-st3-2-pointer {
  display: inline-block;
}
.sr5-factory .showroom-background-layer2 {
  position: absolute;
  width: 4371px;
  height: 2459px;
  top: -938px;
  left: -2344.5px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior3-st3-2-door2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.sr5-factory .sr5-person-sc3-st3-2-3 {
  display: inline-block;
  position: absolute;
  width: 265px;
  height: 400px;
  top: 404px;
  left: 1046px;
  background-image: unset;
  z-index: 1;
}
.sr5-factory .sr5-person-sc3-st3-2-3 .sr5-person-sc3-st3-2-3-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory .sr5-person-sc3-st3-2-3 .sr5-person-sc3-st3-2-3-obj {
  display: inline-block;
  position: absolute;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
}
.sr5-factory .sr5-person-sc3-st3-2-3 .sr5-person-sc3-st3-2-3-obj.choice {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory .sr5-person-sc3-st3-2-3 .sr5-person-sc3-st3-2-3-obj.sr5-person-sc3-st3-2-3-obj1 {
  top: 0px;
  left: -30px;
  width: 265px;
  height: 400px;
  background-image: url("../../images/ko/showroom/sr5/sr5-person-sc3-st2-obj2.png");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr5-factory-sc1.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-2.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-3.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/sr5/screen2Swiper3-1.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/sr5/screen2Swiper3-2.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/sr5/screen2Swiper3-3.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap4 {
  background-image: url("../../images/ko/showroom/sr5/screen2Swiper3-4.jpg");
}
.sr5-factory .swiper-layer-wrap.swiper-layer-wrap3 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr5-factory-sc2.jpg");
}
.sr5-factory .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory.default .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr5-factory.default .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr5-factory.default .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -45.96px;
  left: 47.56px;
  width: 2121.11px;
  height: 1175px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.default .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.default .sr-pointer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr5-factory.default .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 471px;
  left: 305px;
}
.sr5-factory.default .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 199px;
  left: 811px;
}
.sr5-factory.default .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 617px;
  left: 1315.8px;
}
.sr5-factory.default .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
}
.sr5-factory.main.prog-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0.5;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.main.end-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr3-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -45.96px;
  left: 47.56px;
  width: 2121.11px;
  height: 1175px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.main .showroom-screen0-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.main .sr-pointer-wrap {
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.main .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 471px;
  left: 305px;
}
.sr5-factory.main .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 199px;
  left: 811px;
}
.sr5-factory.main .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 617px;
  left: 1315.8px;
}
.sr5-factory.main .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
.sr5-factory.main .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr5-factory.main .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr5-factory.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr5-factory.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr5-factory.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr5-factory.screen1 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1 .showroom-screen1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen1.step1 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2922px;
  height: 1644px;
  top: -521.65px;
  left: -394.5px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen1.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen1.step1 .staff-sr5-factory-wrap-sc1-st1 {
  top: 427px;
  width: 198px;
  height: 496px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step1 .sr-speech-bubble-sr5-sc1-st1-1 {
  left: 518px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step1 .sr-speech-bubble-sr5-sc1-st1-2 {
  left: 960px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step2 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2270.03px;
  height: 1257.5px;
  top: -87.52px;
  left: -336.4px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen1.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap {
  position: absolute;
  width: 1037px;
  height: 613px;
  top: 213px;
  left: 367px;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr5-sc1-st2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item1 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item2 {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item3 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item4 {
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  -o-transition-delay: 3.7s;
  transition-delay: 3.7s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item5 {
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  -o-transition-delay: 4.2s;
  transition-delay: 4.2s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item6 {
  -webkit-transition-delay: 4.7s;
  -moz-transition-delay: 4.7s;
  -o-transition-delay: 4.7s;
  transition-delay: 4.7s;
}
.sr5-factory.screen1.step2 .sr5-sc1-st2-icon-layer-wrap .sr-circle-item7 {
  -webkit-transition-delay: 6s;
  -moz-transition-delay: 6s;
  -o-transition-delay: 6s;
  transition-delay: 6s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2 {
  position: absolute;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-1 {
  height: 141px;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line1 .dot-line-repeat.dot-line-repeat1-2 {
  width: 68px;
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line2 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line2 .dot-line-repeat.dot-line-repeat2-1 {
  height: 137px;
  -webkit-transition-delay: 3.2s;
  -moz-transition-delay: 3.2s;
  -o-transition-delay: 3.2s;
  transition-delay: 3.2s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line2 .dot-line-repeat.dot-line-repeat2-2 {
  width: 74px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 0.38s;
  -moz-transition-duration: 0.38s;
  -o-transition-duration: 0.38s;
  transition-duration: 0.38s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line3 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line3 .dot-line-repeat.dot-line-repeat3-1 {
  height: 32px;
  -webkit-transition-delay: 5.2s;
  -moz-transition-delay: 5.2s;
  -o-transition-delay: 5.2s;
  transition-delay: 5.2s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr5-factory.screen1.step2 .check-dot-line-sr1-st2.check-dot-line3 .dot-line-repeat.dot-line-repeat3-2 {
  width: 201px;
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  -o-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 0.65s;
  -moz-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}
.sr5-factory.screen1.step3 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3540px;
  height: 1992px;
  top: -828.33px;
  left: -1041.28px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm1-3.png");
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen1.step3.step3-1 .showroom-background-layer {
  width: 3543px;
  height: 1992px;
  top: -828.33px;
  left: -1041.28px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm1-3.png");
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-1 .criminal-sr5-factory-wrap2 {
  top: 446.7px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-1 .sr5-sc1-st3-alert-msg2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-1 .sr5-sc1-st3-targeting-wrap {
  z-index: 1;
}
.sr5-factory.screen1.step3.step3-1 .sr5-sc1-st3-targeting-wrap .sr5-sc1-st3-targeting-inner .sr-targeting {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step3.step3-1
  .sr5-sc1-st3-targeting-wrap
  .sr5-sc1-st3-targeting-inner
  .sr-targeting
  .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr5-factory.screen1.step3.step3-1
  .sr5-sc1-st3-targeting-wrap
  .sr5-sc1-st3-targeting-inner
  .sr-targeting
  .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
@-webkit-keyframes beemViewSr5Sc1St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes beemViewSr5Sc1St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes beemViewSr5Sc1St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr5-factory.screen1.step3.step3-1 .sr5-sc1-st3-2-secom-magnet-detector {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr5-st3-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr5-st3-2 .bottom-gray-text2 {
  display: block;
}
.sr5-factory.screen1.step3.step3-2 .showroom-background-layer {
  width: 3540px;
  height: 1992px;
  top: -828.33px;
  left: -1041.28px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm1-3.png");
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-2 .criminal-sr5-factory-wrap1 {
  top: 423.28px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-2 .sr5-sc1-st3-2-secom-heat-detector {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-2 .sr-layer-beam-sr5-sc1-st3-2 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: beemViewSr5Sc1St3_2;
  -moz-animation-name: beemViewSr5Sc1St3_2;
  animation-name: beemViewSr5Sc1St3_2;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr5-factory.screen1.step3.step3-2 .sr-layer-beam-sr5-sc1-st3-2 .sr-layer-beam {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen1.step3.step3-2 .sr5-sc1-st3-alert-msg {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr5-st3-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr5-st3-1 .bottom-gray-text1 {
  display: block;
}
.sr5-factory.screen1.step3.step3-3 .showroom-background-layer {
  width: 2579px;
  height: 1451px;
  top: -230.65px;
  left: -296px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st3-3.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm1-3.png");
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-3 .criminal-sr5-factory-wrap3 {
  top: 439.46px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-3 .popup-layer-animation-wrap1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-3 .popup-layer-animation-wrap1 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr5-factory.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top
  .ellipse-wave-length-wrap2 {
  bottom: -20px !important;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .ani-icon-name {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -20px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  bottom: -20px;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-left-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-right-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -36px;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr5-factory.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen1.step3.step3-3 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap .ani-icon-name {
  width: 100px;
  height: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr5-factory.screen1.step3.step3-3
  .popup-layer-animation-wrap1
  .animation-box-wrap
  .icon-postion-wrap
  .ani-icon-name
  > span {
  background-color: #2b2a29;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ff4554;
  padding: 4px 10px;
  min-height: 22px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.sr5-factory.screen1.step3.step3-4 .showroom-background-layer {
  width: 2579px;
  height: 1451px;
  top: -230.65px;
  left: -296px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st3-3.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm1-3.png");
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen1.step3.step3-4 .popup-layer-animation-wrap2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4 .popup-layer-animation-wrap2 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .criminal-sr5-factory.criminal-sr5-factory1 {
  top: 0px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: beemViewSr5Sc1St3_2;
  -moz-animation-name: beemViewSr5Sc1St3_2;
  animation-name: beemViewSr5Sc1St3_2;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .criminal-sr5-factory.criminal-sr5-factory3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .criminal-sr5-factory-wrap
  .criminal-sr5-factory-inner
  .icon-ex-mark-speech-bubble-sr5 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
@-webkit-keyframes criminalSr5Factory1 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-moz-keyframes criminalSr5Factory1 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes criminalSr5Factory1 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr5-factory.screen1.step3.step3-4
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr5-factory.screen1.step3.step3-4 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4 .button-screen-wrap.page-back,
.sr5-factory.screen1.step3.step3-4 .showroom-top-tab-wrap,
.sr5-factory.screen1.step3.step3-4 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr5-factory.screen1.step3.step3-4 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr5-factory.screen1.step3.step3-4 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr5-factory.screen2 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2 .showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen2.step1 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 6042px;
  height: 6040px;
  top: -3049px;
  left: -2210px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st3.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen2.step1 .showroom-screen2-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen2.step1 .staff-sr5-factory-wrap-sc2-st1 {
  top: 427px;
  width: 224px;
  height: 496px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen2.step1 .sr-speech-bubble-sr5-sc2-st1-1 {
  left: 470px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen2.step1 .sr-speech-bubble-sr5-sc2-st1-2 {
  left: 985px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen2.step2 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2965px;
  height: 1641px;
  top: -243px;
  left: -928px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior2-st2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen2.step2 .showroom-screen2-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen2.step2 .sr5-sc2-st2-icon-layer-wrap .sr-circle-item {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step2 .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item1 {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr5-factory.screen2.step2 .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item2 {
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
.sr5-factory.screen2.step2 .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item3 {
  -webkit-transition-delay: 2.9s;
  -moz-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
.sr5-factory.screen2.step2 .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item4 {
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.sr5-factory.screen2.step2 .sr5-sc2-st2-icon-layer-wrap .sr5-sc2-st2-circle-item4 .img-secom-sr5-circle-item8 {
  background-image: url("../../images/ko/showroom/sr6/item-svms-pro.png");
  -webkit-background-size: 32px 50px;
  -moz-background-size: 32px 50px;
  background-size: 32px 50px;
}
.sr5-factory.screen2.step2 .bottom-gray-tooltip-wrap-sr1-st3-3 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 3.7s;
  -moz-transition-delay: 3.7s;
  -o-transition-delay: 3.7s;
  transition-delay: 3.7s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step2 .bottom-gray-tooltip-wrap-sr1-st3-3 .bottom-gray-text.bottom-gray-text3 {
  display: block;
}
.sr5-factory.screen2.step3 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2965px;
  height: 1641px;
  top: -243px;
  left: -928px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior2-st2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen2.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm2-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr5-factory.screen2.step3 .showroom-screen2-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen2.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr5-factory.screen2.step3 .button-screen-wrap.page-back,
.sr5-factory.screen2.step3 .showroom-top-tab-wrap,
.sr5-factory.screen2.step3 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr5-factory.screen2.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr5-factory.screen2.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr5-factory.screen2.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr5-factory.screen3 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3 .showroom-screen3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen3.step1 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 6042px;
  height: 6040px;
  top: -2869px;
  left: -3237px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st3.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm3-1-2.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step1 .showroom-screen3-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen3.step1 .staff-sr5-factory-wrap-sc3-st1 {
  top: 442px;
  width: 224px;
  height: 496px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen3.step1 .sr-speech-bubble-sr5-sc3-st1-1 {
  left: 524px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen3.step1 .sr-speech-bubble-sr5-sc3-st1-2 {
  left: 980px;
  visibility: unset;
  opacity: 1;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen3.step2 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3951px;
  height: 2223px;
  top: -454px;
  left: -1179px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior3-st2-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world .sr5-info-popup-wrap {
  top: 206%;
  left: 317px;
}
.sr5-factory.screen3.step2.another-world .sr5-info-view-popup-wrap {
  top: 307.65px;
  left: 318px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item.sr5-info-button-item4 {
  top: 342px;
  left: 767px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item.sr5-info-button-item4::before {
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 5px solid rgb(55, 98, 207);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.sr5-factory.screen3.step2.another-world
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item.sr5-info-button-item5 {
  top: 177px;
  left: -40px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world .sr5-person-sc {
  width: 265px;
  height: 400px;
  top: 497.65px;
  left: 890px;
}
.sr5-factory.screen3.step2.another-world .sr5-person-sc.sr5-person-sc3-st2 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world .sr5-item-skew-device-sys-wrap {
  top: 545px;
  left: 1119px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap1 .img-secom-sr5-circle-item8 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap1 .dot-line-repeat1-1 {
  height: 0px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap1 .dot-line-repeat1-2 {
  width: 0px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap2 .img-secom-sr5-circle-item8 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap2 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap2 .dot-line-repeat1-1 {
  height: 229px;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap2 .dot-line-repeat1-2 {
  width: 275px;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.sr5-factory.screen3.step2.another-world .sr5-circle-icon-wrap2 .img-secom-sr5-circle-item9 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2.previous-world .sr5-info-view-popup-wrap {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2.previous-world
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item.sr5-info-button-item4 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.previous-world
  .sr5-info-view-popup-wrap
  .sr5-info-button-list
  .sr5-info-button-item.sr5-info-button-item5 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.previous-world .sr5-person-sc.sr5-person-sc3-st2 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.previous-world .sr5-item-skew-device-sys-wrap {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2.previous-world .sr5-circle-icon-wrap1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2.previous-world .sr5-circle-icon-wrap1 .dot-line-repeat1-1 {
  height: 180px;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2.previous-world .sr5-circle-icon-wrap1 .dot-line-repeat1-2 {
  width: 44px;
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2.previous-world .sr5-circle-icon-wrap1 .img-secom-sr5-circle-item8 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 4371px;
  height: 2459px;
  top: -938px;
  left: -2344.5px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior3-st2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm3-1-2.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step2 .showroom-screen3-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen3.step2 .sr5-circle-icon-wrap .dot-line-repeat {
  position: absolute;
}
.sr5-factory.screen3.step2 .sr5-circle-icon-wrap1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-circle-icon-wrap1 .dot-line-repeat1-1 {
  height: 180px;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step2 .sr5-circle-icon-wrap1 .dot-line-repeat1-2 {
  width: 44px;
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  -o-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-circle-icon-wrap1 .img-secom-sr5-circle-item8 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  -o-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-info-view-popup-wrap {
  top: 587px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 1;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap {
  position: absolute;
  top: 308px;
  left: 1012.22px;
  width: 260px;
  height: 44px;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap.changeEp1 .sr5-alert-msg1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap.changeEp2 .sr5-alert-msg2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap.changeEp3 .sr5-alert-msg3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap .sr5-alert-msg-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap .sr5-alert-msg {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-alert-msg-wrap .sr5-alert-msg > p {
  white-space: nowrap;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp1 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp1 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp2 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp3 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp3 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp4 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp4 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp5 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj5 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj2,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj3,
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2.changeEp5 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj4 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-person-sc.sr5-person-sc3-st2 .sr5-person-sc3-st2-obj.sr5-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-targeting {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-targeting .sr-targeting-frame {
  opacity: 0;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
}
.sr5-factory.screen3.step2 .sr5-targeting .sr-targeting-inner {
  opacity: 0;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp1 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp1 .sr-targeting-frame {
  opacity: 0;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp1 .sr-targeting-inner {
  opacity: 0;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp2 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp2 .sr-targeting-frame {
  opacity: 0;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp2 .sr-targeting-inner {
  opacity: 0;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp3 {
  opacity: 1;
  visibility: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp3 .sr-targeting-frame {
  opacity: 1;
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-targeting.changeEp3 .sr-targeting-inner {
  opacity: 1;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-item-skew-device-wrap.sr5-item-skew-device-sys-wrap {
  background-image: unset;
}
.sr5-factory.screen3.step2 .sr5-item-skew-device-wrap.sr5-item-skew-device-sys-wrap.changeEp1,
.sr5-factory.screen3.step2 .sr5-item-skew-device-wrap.sr5-item-skew-device-sys-wrap.changeEp2,
.sr5-factory.screen3.step2 .sr5-item-skew-device-wrap.sr5-item-skew-device-sys-wrap.changeEp3 {
  background-image: unset;
}
.sr5-factory.screen3.step2 .sr5-item-skew-device-sys-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp1
  .sr5-item-skew-device-item.sr5-item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp1
  .sr5-item-skew-device-item.sr5-item-skew-device-item2,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp1
  .sr5-item-skew-device-item.sr5-item-skew-device-item3,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp1
  .sr5-item-skew-device-item.sr5-item-skew-device-item4,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp1
  .sr5-item-skew-device-item.sr5-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp2
  .sr5-item-skew-device-item.sr5-item-skew-device-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp2
  .sr5-item-skew-device-item.sr5-item-skew-device-item1,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp2
  .sr5-item-skew-device-item.sr5-item-skew-device-item3,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp2
  .sr5-item-skew-device-item.sr5-item-skew-device-item4,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp2
  .sr5-item-skew-device-item.sr5-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp3
  .sr5-item-skew-device-item.sr5-item-skew-device-item1,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp3
  .sr5-item-skew-device-item.sr5-item-skew-device-item2,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp3
  .sr5-item-skew-device-item.sr5-item-skew-device-item4,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp3
  .sr5-item-skew-device-item.sr5-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp3
  .sr5-item-skew-device-item.sr5-item-skew-device-item3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp4
  .sr5-item-skew-device-item.sr5-item-skew-device-item1,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp4
  .sr5-item-skew-device-item.sr5-item-skew-device-item2,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp4
  .sr5-item-skew-device-item.sr5-item-skew-device-item3,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp4
  .sr5-item-skew-device-item.sr5-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp4
  .sr5-item-skew-device-item.sr5-item-skew-device-item4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp5
  .sr5-item-skew-device-item.sr5-item-skew-device-item1,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp5
  .sr5-item-skew-device-item.sr5-item-skew-device-item2,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp5
  .sr5-item-skew-device-item.sr5-item-skew-device-item3,
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp5
  .sr5-item-skew-device-item.sr5-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step2
  .sr5-item-skew-device-sys-wrap.changeEp5
  .sr5-item-skew-device-item.sr5-item-skew-device-item4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step2 .sr5-item-skew-device-sys-wrap .sr5-item-skew-device-item.sr5-item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step3 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 3001px;
  height: 1689px;
  top: -496.65px;
  left: -832.5px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm3-1-3.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step3 .showroom-screen3-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr5-factory.screen3.step3.step3-1 .showroom-background-layer {
  width: 3001px;
  height: 1689px;
  top: -496.65px;
  left: -832.5px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior1-st1.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm3-1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1 .sr5-item-sc3-st3-1-skew-device {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step3.step3-1 .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-obj.sr5-person-sc3-st3-1-obj1 {
  top: 0px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-1 .sr5-person-sc3-st3-1 .sr5-person-sc3-st3-1-obj.sr5-person-sc3-st3-1-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr5-factory.screen3.step3.step3-1 .sr5-sc3-st3-1-alert-msg1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap {
  top: 50%;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 50%;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.5s;
  -moz-transition-delay: 6.5s;
  -o-transition-delay: 6.5s;
  transition-delay: 6.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp .circle-safe-check-wrap {
  opacity: 1;
  visibility: unset;
}
.sr5-factory.screen3.step3.step3-1
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-white {
  opacity: 1;
  visibility: unset;
  width: 59.61px;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-circle {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-lock-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step3.step3-1
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .bg-icon-safe-lock-wrap
  .bg-icon-safe-ring {
  -webkit-animation-name: safeRing;
  -moz-animation-name: safeRing;
  animation-name: safeRing;
  -webkit-animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  animation-delay: 7.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-guard {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.5s;
  -moz-transition-delay: 6.5s;
  -o-transition-delay: 6.5s;
  transition-delay: 6.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step3.step3-1 .popup-layer-animation2-wrap .bottom-text-wrap {
  bottom: 40px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
}
.sr5-factory.screen3.step3.step3-2 .showroom-background-layer {
  width: 4371px;
  height: 2459px;
  top: -938px;
  left: -2344.5px;
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-interior3-st3-2-door1.jpg");
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr5-factory.screen3.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr5/bg-sr5-dimm3-2.png");
  opacity: 0;
  visibility: hidden;
}
.sr5-factory.screen3.step3.step3-2 .sr5-item-sc3-st3-2-skew-device {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step3.step3-2 .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-obj.sr5-person-sc3-st3-2-1-obj1 {
  left: 0px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-person-sc3-st3-2-1 .sr5-person-sc3-st3-2-1-obj.sr5-person-sc3-st3-2-1-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .showroom-background-layer2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 16.5s;
  -moz-animation-delay: 16.5s;
  animation-delay: 16.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-sc3-st3-2-1-alert-msg1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  animation-delay: 4.3s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-person-sc3-st3-2-2 .sr5-person-sc3-st3-2-2-obj.sr5-person-sc3-st3-2-2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5.5s;
  -moz-transition-delay: 5.5s;
  -o-transition-delay: 5.5s;
  transition-delay: 5.5s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  animation-delay: 13.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-sc3-st3-2-2-alert-msg1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.5s;
  -moz-transition-delay: 6.5s;
  -o-transition-delay: 6.5s;
  transition-delay: 6.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 8.5s;
  -moz-animation-delay: 8.5s;
  animation-delay: 8.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .sr-pointer-pin {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 8.5s;
  -moz-transition-delay: 8.5s;
  -o-transition-delay: 8.5s;
  transition-delay: 8.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  animation-delay: 13.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .sr5-sc3-st3-2-beam {
  width: 177px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  animation-delay: 13.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .icon-circle-guard-wrap
  .bg-circle {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 9.5s;
  -moz-transition-delay: 9.5s;
  -o-transition-delay: 9.5s;
  transition-delay: 9.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  animation-delay: 13.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .icon-circle-guard-wrap
  .bg-guard {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 9.5s;
  -moz-transition-delay: 9.5s;
  -o-transition-delay: 9.5s;
  transition-delay: 9.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  animation-delay: 13.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .icon-circle-guard-wrap
  .icon-check {
  width: 48.21px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 10.5s;
  -moz-transition-delay: 10.5s;
  -o-transition-delay: 10.5s;
  transition-delay: 10.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 13.5s;
  -moz-animation-delay: 13.5s;
  animation-delay: 13.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.sr5-factory.screen3.step3.step3-2 .sr5-sc3-st3-2-pc-view-wrap .sr5-sc3-st3-2-pointer .sr5-sc3-st3-pointer-layer {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sr5-factory.screen3.step3.step3-2
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .sr5-sc3-st3-pointer-layer
  .sr5-sc3-st3-pointer-layer-1 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: sr5Sc3St3PointerLayer1;
  -moz-animation-name: sr5Sc3St3PointerLayer1;
  animation-name: sr5Sc3St3PointerLayer1;
}
.sr5-factory.screen3.step3.step3-2
  .sr5-sc3-st3-2-pc-view-wrap
  .sr5-sc3-st3-2-pointer
  .sr5-sc3-st3-pointer-layer
  .sr5-sc3-st3-pointer-layer-2 {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: sr5Sc3St3PointerLayer2;
  -moz-animation-name: sr5Sc3St3PointerLayer2;
  animation-name: sr5Sc3St3PointerLayer2;
}
@-webkit-keyframes sr5Sc3St3PointerLayer1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes sr5Sc3St3PointerLayer1 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes sr5Sc3St3PointerLayer1 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes sr5Sc3St3PointerLayer2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
@-moz-keyframes sr5Sc3St3PointerLayer2 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
@keyframes sr5Sc3St3PointerLayer2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
  }
}
.sr5-factory.screen3.step3.step3-2 .sr5-person-sc3-st3-2-3 .sr5-person-sc3-st3-2-3-obj.sr5-person-sc3-st3-2-3-obj1 {
  left: 0px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 16s;
  -moz-transition-delay: 16s;
  -o-transition-delay: 16s;
  transition-delay: 16s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr5-factory.screen3.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-4 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 11s;
  -moz-transition-delay: 11s;
  -o-transition-delay: 11s;
  transition-delay: 11s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-name: ovp0;
  -moz-animation-name: ovp0;
  animation-name: ovp0;
  -webkit-animation-delay: 14.5s;
  -moz-animation-delay: 14.5s;
  animation-delay: 14.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  z-index: 1;
}
.sr5-factory.screen3.step3.step3-2 .bottom-gray-tooltip-wrap-sr1-st3-4 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr5-factory.screen3.step3.step3-2 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr5-factory.screen3.step3.step3-2 .button-screen-wrap.page-back,
.sr5-factory.screen3.step3.step3-2 .showroom-top-tab-wrap,
.sr5-factory.screen3.step3.step3-2 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr5-factory.screen3.step3.step3-2 .showroom-background-dim {
  -webkit-animation-name: zIndex21Dim;
  -moz-animation-name: zIndex21Dim;
  animation-name: zIndex21Dim;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr5-factory.screen3.step3.step3-2 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 18s;
  -moz-animation-delay: 18s;
  animation-delay: 18s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr5-factory.screen3.step3.step3-2 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 18s;
  -moz-transition-delay: 18s;
  -o-transition-delay: 18s;
  transition-delay: 18s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}

.sr6-storage {
  background-color: rgb(226, 226, 226);
}
.sr6-storage .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .showroom-screen-wrap .showroom-step-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  top: 52%;
}
.sr6-storage .service-step-wrap .service-step-inner::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
  -moz-border-radius: 20px;
  border-radius: 20px;
  pointer-events: none;
}
.sr6-storage .showroom-content-wrap6 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr6-storage .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr6-storage .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage .showroom-background-layer {
  position: absolute;
  right: -10px;
  bottom: -6px;
  width: 1930px;
  height: 1086px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-targeting {
  position: absolute;
  top: 493.17px;
  left: 458.38px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr6-storage .popup-check-complete-wrap {
  position: absolute;
  z-index: 25;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  width: 282px;
  height: 280px;
}
.sr6-storage .popup-check-complete-wrap.popup-check-complete-wrap1 {
  top: 494.5px;
  left: 1190.75px;
}
.sr6-storage .popup-check-complete-wrap.popup-check-complete-wrap1 .bg-check-complete {
  background-image: url("../../images/ko/showroom/sr6//bg-popup-sr6-completer-screen1.png");
}
.sr6-storage .popup-check-complete-wrap.popup-check-complete-wrap2 {
  top: 223px;
  left: 745.3px;
}
.sr6-storage .popup-check-complete-wrap.popup-check-complete-wrap2 .bg-check-complete {
  background-image: url("../../images/ko/showroom/sr6//bg-popup-sr6-completer-screen2.png");
}
.sr6-storage .popup-check-complete-wrap.popup-check-complete-wrap3 {
  top: 473px;
  left: 299.87px;
}
.sr6-storage .popup-check-complete-wrap.popup-check-complete-wrap3 .bg-check-complete {
  background-image: url("../../images/ko/showroom/sr6//bg-popup-sr6-completer-screen3.png");
}
.sr6-storage .popup-check-complete-wrap.check-complete {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage .sr-speech-sc1-st1 {
  position: absolute;
  top: 205.33px;
  left: 481.01px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-speech-sr1-st1-1 {
  position: absolute;
  top: 321px;
  left: 967.27px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-person-sc1-st1 {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage1.svg");
  position: absolute;
  top: 407px;
  left: 782px;
  width: 274px;
  height: 480.94px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .showroom-screen1-wrap .showroom-step2-icon-layer-wrap {
  position: absolute;
  top: 277px;
  left: 212px;
  width: 1163.2px;
  height: 339.89px;
}
.sr6-storage .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr6-storage .showroom-screen1-wrap .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  .sr-circle-item-inner {
  position: relative;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  top: 180px;
  left: 0px;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1
  .img-secom-circle-item1 {
  -webkit-background-size: 24px 45px;
  -moz-background-size: 24px 45px;
  background-size: 24px 45px;
  background-image: url(../../images/ko/showroom/sr6/item-sr6-circle-item1.png);
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  top: 0;
  left: 214px;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2
  .img-secom-circle-item2 {
  -webkit-background-size: 80px 80px;
  -moz-background-size: 80px 80px;
  background-size: 80px 80px;
  background-image: url(../../images/ko/showroom/sr6/item-sr6-circle-item2.png);
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  top: 304px;
  left: 261px;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3
  .img-secom-circle-item3 {
  -webkit-background-size: 54px 22px;
  -moz-background-size: 54px 22px;
  background-size: 54px 22px;
  background-image: url(../../images/ko/showroom/sr6/item-sr6-circle-item3.png);
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  top: 393px;
  left: 593px;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4
  .img-secom-circle-item4 {
  -webkit-background-size: 53px 38px;
  -moz-background-size: 53px 38px;
  background-size: 53px 38px;
  background-image: url(../../images/ko/showroom/sr6/item-sr6-circle-item4.png);
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  top: 0px;
  left: 744px;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5
  .img-secom-circle-item5 {
  -webkit-background-size: 34.667px 42.158px;
  -moz-background-size: 34.667px 42.158px;
  background-size: 34.667px 42.158px;
  background-image: url(../../images/ko/showroom/sr6/item-sr6-circle-item5.png);
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  top: 268.89px;
  left: 1083.2px;
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6
  .img-secom-circle-item6 {
  -webkit-background-size: 57px 77px;
  -moz-background-size: 57px 77px;
  background-size: 57px 77px;
  background-image: url(../../images/ko/showroom/sr6/item-sr6-circle-item6.png);
}
.sr6-storage
  .showroom-screen1-wrap
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item
  [data-tooltip-wrap]
  [data-tooltip] {
  top: 14.46px;
}
.sr6-storage .sr-warning-red-wrap .sr-warning-red {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.sr6-storage .sr-warning-red-wrap .sr-warning-red > p {
  font-size: 18px;
  font-weight: 700;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 10px 18px;
  color: #fff;
  background-color: #c8001e;
}
.sr6-storage .sr-warning-red-wrap .sr-warning-red > p i {
  background: url("../../images/ko/showroom/srcomm/icon-warning.png") no-repeat 50%/24px 24px;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 2px;
}
.sr6-storage .sr-warning-red-wrap .sr-warning-red.sr-warning-red1 {
  top: 500px;
  left: 510.87px;
}
.sr6-storage .sr-warning-red-wrap .sr-warning-red.sr-warning-red2 {
  top: 176px;
  left: 511.65px;
}
.sr6-storage .sr-warning-red-wrap .sr-warning-red.sr-warning-red3 {
  top: 292px;
  left: 736px;
}
.sr6-storage .sr-magnet-sensor {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr6/img-magnet-sensor.svg");
  position: absolute;
  top: 557px;
  left: 253px;
  width: 295px;
  height: 168px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-thief-house {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-moving-sensor {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr6/icon-heat-detector.svg");
  position: absolute;
  top: 43.7px;
  left: 332.85px;
  width: 31.81px;
  height: 65.41px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-layer-beam-sr6-st3 {
  position: absolute;
  width: 600px;
  height: 661px;
  top: 61.75px;
  left: 351px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale(1.5) rotate(6deg);
  -moz-transform: scale(1.5) rotate(6deg);
  -ms-transform: scale(1.5) rotate(6deg);
  transform: scale(1.5) rotate(6deg);
  opacity: 0;
  visibility: hidden;
  font-size: 0;
}
.sr6-storage .sr-infrared-sensor {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr6/img-infrared-sensor.png");
  position: absolute;
  top: 254.2px;
  left: 34px;
  width: 1366.6px;
  height: 561.8px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-spread-wave {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr6/img-spread-wave.png");
  position: absolute;
  top: 170.37px;
  left: -63.5px;
  width: 1502.75px;
  height: 729.97px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr6-storage .popup-layer-animation-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .showroom-product-wrap {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0px) scale(1);
  -moz-transform: translate3d(-50%, -50%, 0px) scale(1);
  transform: translate3d(-50%, -50%, 0px) scale(1);
  position: absolute;
  z-index: 3;
}
.sr6-storage .showroom-product-wrap .showroom-product-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr6-storage .showroom-product-wrap .showroom-product-inner .sr-sm-infrared-sensor {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-image: url("../../images/ko/showroom/sr6/img-sr6-pro3.svg");
  position: absolute;
  top: -162.11px;
  left: 833.2px;
  width: 493.92px;
  height: 558.58px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap {
  display: inline-block;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 820px;
  height: 490px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner {
  display: inline-block;
  position: relative;
  width: inherit;
  height: inherit;
  font-size: 0;
  -moz-border-radius: inherit;
  border-radius: inherit;
  overflow: hidden;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  background-color: rgba(36, 36, 36, 0.95);
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .animation-box-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 318px;
  font-size: 0;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  position: absolute;
  z-index: 1;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner {
  position: relative;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ani-icon-secom {
  position: relative;
  z-index: 1;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .icon-postion-inner
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  bottom: -14px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  top: 55.04px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  top: 185px;
  left: 100px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  top: 45px;
  left: 160px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  top: 179px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center
  .ani-icon-name {
  bottom: -30px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  top: 45px;
  right: 160px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  top: 186px;
  right: 100px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .icon-postion-wrap
  .ani-icon-name {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red {
  position: absolute;
  display: inline-block;
  bottom: 45px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  display: inline-block;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url("../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png");
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left {
  left: 200px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right {
  right: 200px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top {
  left: 247px;
  bottom: 185px;
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top {
  right: 247px;
  bottom: 185px;
  -webkit-transform: rotate(-41deg);
  -moz-transform: rotate(-41deg);
  -ms-transform: rotate(-41deg);
  transform: rotate(-41deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  width: 100%;
  height: 100%;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  position: absolute;
  width: 96px;
  height: 184px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner {
  position: relative;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap
  .sr-person-dm-inner
  .icon-ex-mark-speech-bubble {
  position: absolute;
  top: -24.92px;
  right: -46.94px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  position: absolute;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap
  .animation-box-inner
  > div:not(.top-center) {
  width: 170px;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap .popup-layer-animation-inner .bottom-text-wrap {
  display: block;
  position: absolute;
  left: 115px;
  right: 115px;
  text-align: center;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .popup-layer-animation-inner
  .bottom-text-wrap
  .text
  .color-blue {
  font-family: "Pretendard";
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.3px;
  color: rgb(43, 158, 255);
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap .bottom-text-wrap {
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red
  .line-dot-view {
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 0px;
  height: 2px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 0% center;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
  background-position: 100% center;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 0px;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  background-position: center 100%;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap .animation-box-wrap.dispatch-immediately {
  overflow: hidden;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 0;
  visibility: hidden;
  top: 130.92px;
  left: 279.5px;
  width: 96px;
  height: 184px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 0;
  visibility: hidden;
  top: 159.67px;
  left: 500px;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-machine {
  top: 18.07px;
  left: 172.56px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  top: 0px;
  left: 109.54px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-body {
  top: 33.27px;
  left: 0.45px;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  left: -100%;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust1
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust.di-car-exhaust2
  .di-car-exhaust-bar {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage .popup-layer-animation-wrap1.popup-layer-animation-wrap.active .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr6-storage
  .popup-layer-animation-wrap1.popup-layer-animation-wrap.active
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr6-storage .ani-icon-secom {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr6-storage .ani-icon-secom-link {
  width: 103px;
  height: 68px;
  background-image: url("../../images/ko/showroom/sr5/img-pro-center-pop.svg");
}
.sr6-storage .ani-icon-secom-heat-detector {
  width: 58px;
  height: 120px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-01.svg");
}
.sr6-storage .ani-icon-secom-glass-detector {
  width: 100px;
  height: 115px;
  background-image: url("../../images/ko/showroom/sr3/img-pro-02.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: inline-block;
  z-index: 10;
}
.sr6-storage .ani-icon-secom-magnet-detector {
  bottom: 8px;
  width: 124px;
  height: 52px;
  background-image: url("../../images/ko/showroom/sr5/img-pro-03.svg");
}
.sr6-storage .ani-icon-secom-infrared-detector {
  width: 30.12px;
  height: 81.57px;
  background-image: url("../../images/ko/showroom/srcomm/img-pro-04.svg");
  bottom: 8px;
  display: inline-block;
  position: absolute;
  z-index: 30;
  left: -15px;
}
.sr6-storage .ani-icon-secom-safe-sensor {
  width: 143px;
  height: 129px;
  background-image: url("../../images/ko/showroom/sr6/img-pro-05.svg");
  bottom: -5px;
  left: 0px;
}
.sr6-storage .sr6-sc3-st1-person {
  position: absolute;
  top: 437.2px;
  left: 769px;
  width: 260.45px;
  height: 457.2px;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-worker-storage1.svg");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-speech-sr3-st1 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr-speech-sr3-st1 .sr-speech-bubble-text {
  text-align: center;
  font-weight: 700;
}
.sr6-storage .sr-speech-sr3-st1 .sr-speech-bubble-tail.right {
  right: 19%;
}
.sr6-storage .sr-speech-sr3-st1 .sr-speech-bubble-tail.left {
  right: 21%;
}
.sr6-storage .sr-speech-sr3-st1-1 {
  top: 257.2px;
  left: 468px;
}
.sr6-storage .sr-speech-sr3-st1-1 .sr-speech-bubble-text {
  padding: 36px 35px;
}
.sr6-storage .sr-speech-sr3-st1-1 .sr-speech-bubble-box {
  -moz-border-radius: 80px;
  border-radius: 80px;
}
.sr6-storage .sr-speech-sr3-st1-2 {
  top: 311.81px;
  left: 953.6px;
}
.sr6-storage .sr-speech-sr3-st1-2 .sr-speech-bubble-text {
  padding: 28px 70px;
}
.sr6-storage .sr-speech-sr3-st1-2 .sr-speech-bubble-box {
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr6-storage .sr6-circle-icon-wrap {
  position: absolute;
  width: 80px;
  height: 80px;
}
.sr6-storage .sr6-circle-icon-wrap .sr6-circle-icon-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage .sr6-circle-icon-wrap .sr6-circle-icon-inner .img-secom-sr6-circle-item {
  width: 80px;
  height: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(255, 255, 255);
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgb(205, 210, 222);
}
.sr6-storage .sr6-circle-icon-wrap .check-dot-line-wrap {
  position: absolute;
  width: 16px;
  height: 16px;
}
.sr6-storage .sr6-circle-icon-wrap .check-dot-line-wrap .check-dot-line-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage .sr6-circle-icon-wrap .dot-line-repeat {
  position: absolute;
}
.sr6-storage .sr6-circle-icon-wrap1 {
  top: 524px;
  left: 503px;
}
.sr6-storage .sr6-circle-icon-wrap1 .img-secom-sr6-circle-item8 {
  opacity: 0;
  visibility: hidden;
  -webkit-background-size: 21px 58px;
  -moz-background-size: 21px 58px;
  background-size: 21px 58px;
  background-position: center -webkit-calc(50% + 5px);
  background-position: center -moz-calc(50% + 5px);
  background-position: center calc(50% + 5px);
  background-image: url(../../images/ko/showroom/sr5/img-secom-sr5-circle-item8.png);
}
.sr6-storage .sr6-circle-icon-wrap1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-circle-icon-wrap1 .check-dot-line-wrap {
  top: 177px;
  left: 122px;
}
.sr6-storage .sr6-circle-icon-wrap1 .dot-line-repeat1-1 {
  background-position: center bottom;
  bottom: 17px;
  right: 4.5px;
  width: 6px;
  height: 0px;
}
.sr6-storage .sr6-circle-icon-wrap1 .dot-line-repeat1-2 {
  background-position: right center;
  bottom: 149px;
  right: 11.5px;
  width: 0px;
  height: 6px;
}
.sr6-storage .sr6-circle-icon-wrap2 {
  top: 143px;
  left: 1248px;
}
.sr6-storage .sr6-circle-icon-wrap2 .img-secom-sr6-circle-item9 {
  opacity: 0;
  visibility: hidden;
  -webkit-background-size: 26px 51px;
  -moz-background-size: 26px 51px;
  background-size: 26px 51px;
  background-position: center -webkit-calc(50% + 5px);
  background-position: center -moz-calc(50% + 5px);
  background-position: center calc(50% + 5px);
  background-image: url(../../images/ko/showroom/sr5/img-secom-sr5-circle-item9.png);
}
.sr6-storage .sr6-circle-icon-wrap2 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-circle-icon-wrap2 .check-dot-line-wrap {
  top: 213px;
  left: -170px;
}
.sr6-storage .sr6-circle-icon-wrap2 .dot-line-repeat1-1 {
  background-position: center bottom;
  bottom: 17px;
  right: 5.5px;
  width: 6px;
  height: 0px;
}
.sr6-storage .sr6-circle-icon-wrap2 .dot-line-repeat1-2 {
  background-position: right center;
  bottom: 186px;
  left: 5.5px;
  width: 0px;
  height: 6px;
}
.sr6-storage .sr6-person-sc {
  display: inline-block;
  position: absolute;
  width: 277px;
  height: 403px;
  top: 373px;
  left: 1142px;
  background-image: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner {
  display: block;
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp1 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp2 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp3 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp4 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp5 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage .sr6-person-sc .sr6-person-sc-inner.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj {
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.choice {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1 {
  left: 0;
  width: 282px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj1.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1.choice {
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj1-choice.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2 {
  left: 0;
  width: 282px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2.choice {
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3 {
  left: 0;
  width: 282px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj3.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3.choice {
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj3-choice.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4 {
  top: -137px;
  left: 198px;
  width: 133px;
  height: 149px;
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj4.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4.choice {
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj4-choice.png");
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  left: 0;
  width: 265px;
  height: 400px;
  background-image: unset;
}
.sr6-storage .sr6-person-sc .sr6-person-sc-inner .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5.choice {
  background-image: unset;
}
.sr6-storage .sr6-info-view-popup-wrap {
  display: inline-block;
  font-size: 0;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-view-popup-inner {
  display: inline-block;
  position: relative;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-view-popup-inner .sr6-info-button-wrap .sr6-info-button-inner {
  position: relative;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-view-popup-inner .sr6-info-button-wrap .sr6-info-button-inner::before {
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 5px solid rgb(55, 98, 207);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-view-popup-inner .sr6-info-popup-wrap {
  position: absolute;
  top: 50%;
  left: -371.28px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-view-popup-inner .sr6-info-popup-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-view-popup-inner .sr6-info-popup-wrap .sr6-info-popup-inner {
  position: relative;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item {
  font-size: 0;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item.sr6-info-button-item4 {
  position: absolute;
  top: -130px;
  left: -579px;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item.sr6-info-button-item5 {
  position: absolute;
  top: -411px;
  left: -502px;
  display: none;
}
/* s: 2025-02-26 */
/* .sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item.active .sr6-button-info-view .sr6-icon-view {
    -webkit-transform: translateY(-50%) rotate(405deg);
    -moz-transform: translateY(-50%) rotate(405deg);
    -ms-transform: translateY(-50%) rotate(405deg);
    transform: translateY(-50%) rotate(405deg);
} */
/* e: 2025-02-26 */
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item .sr6-button-info-view {
  position: relative;
  display: inline-block;
  font-size: 0;
  padding: 11px 40px 11px 14px;
  background-color: rgb(55, 98, 207);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item .sr6-button-info-view:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 33px;
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item .sr6-button-info-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}
/* s: 2025-02-26 */
/* .sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item .sr6-button-info-view .sr6-icon-view {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    width: 18px;
    height: 18px;
    font-size: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item .sr6-button-info-view .sr6-icon-view .sr6-icon-view-inner {
    display: inline-block;
    position: relative;
    width: inherit;
    height: inherit;
} */
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item
  .sr6-button-info-view
  .sr6-icon-view {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  font-size: 0;
  background: url(../../images/ko/showroom/sr11/icon-search.png) no-repeat center;
  background-size: 18px 18px;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item
  .sr6-button-info-view
  .sr6-icon-view
  .sr6-icon-view-inner {
  display: none;
}
/* e: 2025-02-26 */
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item
  .sr6-button-info-view
  .sr6-icon-view
  .sr6-icon-view-inner
  .bar {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  font-size: 0;
  text-indent: -9999px;
  width: 13px;
  height: 1px;
  background-color: rgb(255, 255, 255);
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item
  .sr6-button-info-view
  .sr6-icon-view
  .sr6-icon-view-inner
  .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  -ms-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item
  .sr6-button-info-view
  .sr6-icon-view
  .sr6-icon-view-inner
  .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-info-button-list .sr6-info-button-item ~ .sr6-info-button-item {
  margin-top: 10px;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list {
  width: 318px;
  height: 394px;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .sr6-popup-view-wrap {
  width: inherit;
  height: inherit;
  background-color: rgb(36, 36, 36);
  overflow: hidden;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-popup-view-wrap
  .sr6-popup-view-inner {
  position: relative;
  width: inherit;
  height: inherit;
  padding: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .sr6-icon-view-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 27.5px;
  right: 24px;
  font-size: 0;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-icon-view-close
  .sr6-icon-view-inner {
  position: relative;
  display: inline-block;
  width: inherit;
  height: inherit;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-icon-view-close
  .sr6-icon-view-inner
  .bar {
  display: inline-block;
  position: absolute;
  width: 21px;
  height: 1px;
  background-color: rgb(255, 255, 255);
  top: 50%;
  left: 50%;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-icon-view-close
  .sr6-icon-view-inner
  .bar.bar1 {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-icon-view-close
  .sr6-icon-view-inner
  .bar.bar2 {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .title-popup-view {
  display: block;
  font-size: 0;
  text-align: left;
  padding-right: 34px;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .title-popup-view .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .title-popup-view
  ~ .sr6-screen-view-icon-wrap {
  margin-top: 32px;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .title-popup-view
  ~ .sr6-bottom-text-wrap {
  margin-top: 18px;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .sr6-screen-view-icon-wrap {
  width: 100%;
  height: 180px;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner {
  position: relative;
  font-size: 0;
  text-align: center;
  width: 100%;
  height: 100%;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner
  .sr6-image-device {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner
  .sr6-image-device.sr6-image-device1 {
  width: 104.46px;
  height: 170px;
  background-image: url("../../images/ko/showroom/sr6/img-layer-popup-device1.png");
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner
  .sr6-image-device.sr6-image-device2 {
  width: 120px;
  height: 142.39px;
  background-image: url("../../images/ko/showroom/sr6/img-layer-popup-device2.png");
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner
  .sr6-image-device.sr6-image-device3 {
  width: 84px;
  height: 160px;
  background-image: url("../../images/ko/showroom/sr6/img-layer-popup-device3.png");
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner
  .sr6-image-device.sr6-image-device4 {
  width: 46px;
  height: 153px;
  background-image: url("../../images/ko/showroom/sr6/img-layer-popup-device4.png");
}
.sr6-storage
  .sr6-info-view-popup-wrap
  .sr6-popup-view-list
  .sr6-popup-view-item
  .sr6-screen-view-icon-wrap
  .sr6-screen-view-icon-inner
  .sr6-image-device.sr6-image-device5 {
  width: 242.35px;
  height: 115px;
  background-image: url("../../images/ko/showroom/sr6/img-layer-popup-device5.png");
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .sr6-bottom-text-wrap {
  display: block;
  font-size: 0;
  text-align: center;
}
.sr6-storage .sr6-info-view-popup-wrap .sr6-popup-view-list .sr6-popup-view-item .sr6-bottom-text-wrap .text {
  display: inline-block;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.3px;
  color: rgb(255, 255, 255);
}
.sr6-storage .sr6-info-view-popup-wrap {
  position: absolute;
  top: 573px;
  left: 1063px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr6-storage .sr6-alert-msg {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr6-storage .sr6-alert-msg.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage .sr6-alert-msg:has(.complete) > p {
  background: #1fb279;
}
.sr6-storage .sr6-alert-msg:has(.complete) i {
  background: url(../../images/ko/showroom/srcomm/icon-complete.png) no-repeat 50%/24px 24px;
}
.sr6-storage .sr6-alert-msg:has(.error) > p {
  background: #c8001e;
}
.sr6-storage .sr6-alert-msg:has(.error) i {
  background: url(../../images/ko/showroom/srcomm/icon-error.png) no-repeat 50%/24px 24px;
}
.sr6-storage .sr6-alert-msg > p {
  padding: 10px 18px;
  line-height: 24px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.sr6-storage .sr6-alert-msg i {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 2px;
}
.sr6-storage .sr6-item-skew-device-wrap {
  position: absolute;
  top: 354.84px;
  left: 1015.17px;
  width: 58.66px;
  height: 91.16px;
  opacity: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 23px 69px;
  -moz-background-size: 23px 69px;
  background-size: 23px 69px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
}
.sr6-storage .sr6-item-skew-device-wrap {
  position: absolute;
  top: 354.84px;
  left: 1015.17px;
  width: 58.66px;
  height: 91.16px;
  opacity: 0;
  visibility: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 23px 69px;
  -moz-background-size: 23px 69px;
  background-size: 23px 69px;
  background-image: url("../../images/ko/showroom/sr3/item-skew-device1.png");
}
.sr6-storage .sr6-item-skew-device-sys-wrap,
.sr6-storage .sr6-item-skew-device-sys-wrap2 {
  position: absolute;
  top: 490px;
  left: 1105px;
  width: 50px;
  height: 84px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage .sr6-item-skew-device-sys-wrap .sr6-item-skew-device-sys-inner,
.sr6-storage .sr6-item-skew-device-sys-wrap2 .sr6-item-skew-device-sys-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage .sr6-item-skew-device-sys-wrap .sr6-item-skew-device-sys-inner .sr6-item-skew-device-item,
.sr6-storage .sr6-item-skew-device-sys-wrap2 .sr6-item-skew-device-sys-inner .sr6-item-skew-device-item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage
  .sr6-item-skew-device-sys-wrap
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item1,
.sr6-storage
  .sr6-item-skew-device-sys-wrap2
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item1 {
  left: -webkit-calc(50% - 2px);
  left: -moz-calc(50% - 2px);
  left: calc(50% - 2px);
  width: 33px;
  height: 84px;
  background-image: url("../../images/ko/showroom/sr6/item-skew-device1.png");
}
.sr6-storage
  .sr6-item-skew-device-sys-wrap
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item2,
.sr6-storage
  .sr6-item-skew-device-sys-wrap2
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item2 {
  width: 60px;
  height: 94px;
  background-image: url("../../images/ko/showroom/sr6/item-skew-device2.png");
}
.sr6-storage
  .sr6-item-skew-device-sys-wrap
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item3,
.sr6-storage
  .sr6-item-skew-device-sys-wrap2
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item3 {
  width: 39px;
  height: 84px;
  background-image: url("../../images/ko/showroom/sr6/item-skew-device3.png");
}
.sr6-storage
  .sr6-item-skew-device-sys-wrap
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item4,
.sr6-storage
  .sr6-item-skew-device-sys-wrap2
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item4 {
  width: 16px;
  height: 63px;
  background-image: url("../../images/ko/showroom/sr6/item-skew-device4.png");
}
.sr6-storage
  .sr6-item-skew-device-sys-wrap
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item5,
.sr6-storage
  .sr6-item-skew-device-sys-wrap2
  .sr6-item-skew-device-sys-inner
  .sr6-item-skew-device-item.sr6-item-skew-device-item5 {
  width: 16px;
  height: 63px;
  background-image: url("../../images/ko/showroom/sr6/item-skew-device4.png");
}
.sr6-storage .sr-targeting.sr6-targeting {
  position: absolute;
  width: 107px;
  height: 107px;
  top: 357px;
  left: 1258px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.sr6-storage .popup-layer-animation2-wrap {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: unset;
  z-index: 2;
}
.sr6-storage .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgb(36, 36, 36);
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-alert-sc3-st3-msg {
  display: inline-block;
  position: absolute;
  top: 245px;
  left: 855px;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-person-sc3-st3-obj1 {
  display: inline-block;
  position: absolute;
  top: 322px;
  left: 860px;
  z-index: 1;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 282px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-person-sc3-st3-obj2 {
  display: inline-block;
  position: absolute;
  top: 322px;
  left: 860px;
  z-index: 1;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 282px;
  height: 457px;
  background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .sr6-item-skew-device-sc3-st3-item {
  position: absolute;
  top: 482px;
  left: 873px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 60px;
  height: 94px;
  background-image: url("../../images/ko/showroom/sr6/item-skew-device2.png");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr6-storage-sc1.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-2.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap1 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/srcomm/sc-sec-swiper1-3.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item01-01.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/sr6/screen2Swiper2-2.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap2 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/thumbnail/sr-cctv-item02-01.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap3 .thumbnail-wrap.thumbnail-wrap1 {
  background-image: url("../../images/ko/showroom/thumbnail/s1-sr6-storage-sc2.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap3 .thumbnail-wrap.thumbnail-wrap2 {
  background-image: url("../../images/ko/showroom/sr6/screen3Swiper3-2.jpg");
}
.sr6-storage .swiper-layer-wrap.swiper-layer-wrap3 .thumbnail-wrap.thumbnail-wrap3 {
  background-image: url("../../images/ko/showroom/sr6/screen3Swiper3-3.jpg");
}
.sr6-storage .iframe-video.active + .thumbnail-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr6-storage .icon-postion-wrap.bottom-left-top {
  opacity: 0;
  visibility: hidden;
  top: 135px;
}
.sr6-storage
  .popup-layer-animation-wrap
  .popup-layer-animation-inner
  .animation-box-wrap.control-center
  .line-dot-red.center-width-left-top {
  -webkit-transform: rotate(41deg);
  -moz-transform: rotate(41deg);
  -ms-transform: rotate(41deg);
  transform: rotate(41deg);
  width: 0;
  top: unset;
  right: unset;
  left: 273px;
  bottom: 162px;
  position: absolute;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
}
.sr6-storage.main.prog-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm0-1.png");
  opacity: 0.5;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.main.end-page .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm0-1.png");
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.main .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr6-storage.main .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr6-storage.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  right: -10px;
  bottom: -6px;
  width: 1930px;
  height: 1086px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm0-1.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.main .showroom-screen0-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.main .sr-pointer-wrap {
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.main .sr-pointer-wrap.sr-pointer-wrap1 {
  top: 581.66px;
  left: 1293px;
}
.sr6-storage.main .sr-pointer-wrap.sr-pointer-wrap2 {
  top: 203px;
  left: 850.3px;
}
.sr6-storage.main .sr-pointer-wrap.sr-pointer-wrap3 {
  top: 528px;
  left: 395px;
}
.sr6-storage.main .sr-pointer-wrap .sr-pointer-layer [class*="sr-pointer-layer-"] {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}

.sr6-storage.main .sr-pointer-wrap .sr-pointer-inner {
  position: relative;
}
.sr6-storage.main .sr-pointer-wrap .sr-pointer-tip-wrap {
  position: absolute;
  left: 50%;
  bottom: -63px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr6-storage.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner {
  position: relative;
  text-align: center;
  padding-top: 23px;
}
.sr6-storage.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .box-text {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  font-family: "Pretendard";
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.3px;
  color: #000000;
  text-align: center;
  padding: 13px 24px;
  -moz-border-radius: 22px;
  border-radius: 22px;
}
.sr6-storage.main .sr-pointer-wrap .sr-pointer-tip-wrap .sr-pointer-tip-inner .triangle-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0px;
  height: 0px;
  border-bottom: 14px solid rgb(255, 255, 255);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.sr6-storage.screen1 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1 .showroom-screen-wrap.showroom-screen1-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen1.step1 .showroom-screen1-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -335.45px;
  right: -207.52px;
  bottom: 0;
  width: 6575.7px;
  height: 3698.83px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm0-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step1 .sr-person-sc1-st1 {
  top: 407px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step1 .sr-speech-sc1-st1 {
  left: 481.01px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step1 .sr-speech-sc1-st1 .sr-speech-bubble-text {
  text-align: center;
  padding: 31px 32px;
  font-weight: 700;
}
.sr6-storage.screen1.step1 .sr-speech-sc1-st1 .sr-speech-bubble-box {
  -moz-border-radius: 77.5px;
  border-radius: 77.5px;
}
.sr6-storage.screen1.step1 .sr-speech-sc1-st1 .sr-speech-bubble-tail.right {
  right: 17%;
}
.sr6-storage.screen1.step1 .sr-speech-sr1-st1-1 {
  left: 967.27px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step1 .sr-speech-sr1-st1-1 .sr-speech-bubble-text {
  text-align: center;
  padding: 16px 39px;
  font-weight: 700;
}
.sr6-storage.screen1.step1 .sr-speech-sr1-st1-1 .sr-speech-bubble-box {
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.sr6-storage.screen1.step1 .sr-speech-sr1-st1-1 .sr-speech-bubble-tail.left {
  left: 21%;
}
.sr6-storage.screen1.step2 .showroom-screen1-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  right: -10px;
  bottom: -6px;
  width: 1930px;
  height: 1086px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr1/bg-sr1-dimm0-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  top: 180px;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.sr6-storage.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  top: 0;
  -webkit-transition-delay: 1.8s;
  -moz-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.sr6-storage.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  top: 304px;
  -webkit-transition-delay: 2.4s;
  -moz-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
.sr6-storage.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item4 {
  opacity: 1;
  visibility: unset;
  top: 393px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}
.sr6-storage.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item5 {
  opacity: 1;
  visibility: unset;
  top: 0;
  -webkit-transition-delay: 3.6s;
  -moz-transition-delay: 3.6s;
  -o-transition-delay: 3.6s;
  transition-delay: 3.6s;
}
.sr6-storage.screen1.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item6 {
  opacity: 1;
  visibility: unset;
  top: 268.89px;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;
}
.sr6-storage.screen1.step3 .showroom-screen1-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen1.step3.step3-1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -344.33px;
  left: -646px;
  right: 0;
  bottom: 0;
  width: 3900px;
  height: 2193.75px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-1 .sr-magnet-sensor {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-1 .sr-thief-moving {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen1.step3.step3-1 .sr-thief-magnet {
  width: 215.52px;
  height: 357.84px;
  top: 592.17px;
  left: 496.34px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-criminal-storage1.svg");
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-1 .sr-targeting {
  top: 561.17px;
  left: 546.38px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 2.3s;
  -moz-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 10;
}
.sr6-storage.screen1.step3.step3-1 .sr-targeting .sr-targeting-frame {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: steps(2, end);
  -moz-animation-timing-function: steps(2, end);
  animation-timing-function: steps(2, end);
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
}
.sr6-storage.screen1.step3.step3-1 .sr-targeting .sr-targeting-inner {
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
}
.sr6-storage.screen1.step3.step3-1 .sr-warning-red1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  top: 492px;
}
.sr6-storage.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr6-st1-1 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  -o-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-1 .bottom-gray-tooltip-wrap-sr6-st1-1 .bottom-gray-text.bottom-gray-text1 {
  display: block;
}
.sr6-storage.screen1.step3.step3-2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -344.33px;
  left: -646px;
  right: 0;
  bottom: 0;
  width: 3900px;
  height: 2193.75px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-2 .sr-magnet-sensor {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen1.step3.step3-2 .sr-thief-magnet {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen1.step3.step3-2 .sr-moving-sensor {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-2 .sr-thief-moving {
  width: 257px;
  height: 413.36px;
  top: 208px;
  left: 517.5px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-criminal-storage2.svg");
  -webkit-transition-delay: 1.7s;
  -moz-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-2 .sr-warning-red2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4.4s;
  -moz-transition-delay: 4.4s;
  -o-transition-delay: 4.4s;
  transition-delay: 4.4s;
  top: 169px;
}
.sr6-storage.screen1.step3.step3-2 .sr-layer-beam-sr6-st3 {
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: beemViewSr3St3_2;
  -moz-animation-name: beemViewSr3St3_2;
  animation-name: beemViewSr3St3_2;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr6-storage.screen1.step3.step3-2 .sr-layer-beam-sr6-st3 .sr-layer-beam {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
@keyframes beemViewSr3St3_2 {
  0% {
    opacity: 1;
    visibility: unset;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
.sr6-storage.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr6-st1-2 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 4.8s;
  -moz-transition-delay: 4.8s;
  -o-transition-delay: 4.8s;
  transition-delay: 4.8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-2 .bottom-gray-tooltip-wrap-sr6-st1-2 .bottom-gray-text.bottom-gray-text2 {
  display: block;
}
.sr6-storage.screen1.step3.step3-3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1199.8px;
  left: -835px;
  right: 0;
  bottom: 0;
  width: 4056px;
  height: 4053px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior1-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-3 .sr-magnet-sensor {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen1.step3.step3-3 .sr-infrared-sensor {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-3 .sr-spread-wave {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.sr6-storage.screen1.step3.step3-3 .sr-thief-infrared {
  width: 267.26px;
  height: 313.58px;
  top: 174px;
  left: 498px;
  opacity: 1;
  visibility: unset;
  background-image: url("../../images/ko/showroom/sr6/item-sr6-criminal-storage3.png");
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-3 .sr-warning-red3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  top: 292px;
}
.sr6-storage.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr6-st1-3 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 4.2s;
  -moz-transition-delay: 4.2s;
  -o-transition-delay: 4.2s;
  transition-delay: 4.2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-3 .bottom-gray-tooltip-wrap-sr6-st1-3 .bottom-gray-text.bottom-gray-text3 {
  display: block;
}
.sr6-storage.screen1.step3.step3-4 .sr-infrared-sensor {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4 .sr-warning-red3 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen1.step3.step3-4 .sr-sm-infrared-sensor {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen1.step3.step3-4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1199.8px;
  left: -835px;
  right: 0;
  bottom: 0;
  width: 4056px;
  height: 4053px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior1-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-4 .popup-layer-animation-wrap1 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-4 .popup-layer-animation-wrap1 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr6-storage.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-left-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-right-top
  .ellipse-wave-length-wrap2 {
  bottom: -20px !important;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.bottom-center {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .icon-postion-wrap.top-center {
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap.control-center .ani-icon-name {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  bottom: -20px;
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  bottom: -20px;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .ellipse-wave-length-wrap
  .ellipse-wave-item {
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-animation-name: ellipseWaveItem1;
  -moz-animation-name: ellipseWaveItem1;
  animation-name: ellipseWaveItem1;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-left-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap1 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .bottom-right-top
  .ellipse-wave-length-wrap.ellipse-wave-length-wrap2 {
  -webkit-transform: translateX(-50%) scale(0.8);
  -moz-transform: translateX(-50%) scale(0.8);
  -ms-transform: translateX(-50%) scale(0.8);
  transform: translateX(-50%) scale(0.8);
  bottom: -36px;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width {
  width: 213px;
  height: 2px;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-left-top
  .line-dot-view {
  -webkit-animation-name: centerWidthLeft;
  -moz-animation-name: centerWidthLeft;
  animation-name: centerWidthLeft;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-width.center-width-right-top
  .line-dot-view {
  -webkit-animation-name: centerWidthRight;
  -moz-animation-name: centerWidthRight;
  animation-name: centerWidthRight;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top {
  width: 2px;
  height: 98px;
  -webkit-transition-delay: 3.5s;
  -moz-transition-delay: 3.5s;
  -o-transition-delay: 3.5s;
  transition-delay: 3.5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap.control-center
  .line-dot-red.center-bottom-top
  .line-dot-view {
  -webkit-animation-name: centerBottomTop;
  -moz-animation-name: centerBottomTop;
  animation-name: centerBottomTop;
}
.sr6-storage.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen1.step3.step3-4 .popup-layer-animation-wrap1 .animation-box-wrap .icon-postion-wrap .ani-icon-name {
  width: 100px;
  height: 24px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.sr6-storage.screen1.step3.step3-4
  .popup-layer-animation-wrap1
  .animation-box-wrap
  .icon-postion-wrap
  .ani-icon-name
  > span {
  background-color: #2b2a29;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #ff4554;
  padding: 4px 10px;
  min-height: 22px;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
}
.sr6-storage.screen1.step3.step3-5 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1199.8px;
  left: -835px;
  right: 0;
  bottom: 0;
  width: 4056px;
  height: 4053px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior1-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-5 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen1.step3.step3-5 .sr-infrared-sensor {
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  opacity: 1;
  visibility: unset;
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5 .popup-layer-animation-wrap2 {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5 .popup-layer-animation-wrap2 .bottom-text-wrap {
  bottom: 60px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr6-storage.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .sr-person-dm-wrap {
  opacity: 1;
  visibility: unset;
  left: 179.5px;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .icon-ex-mark-speech-bubble {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle {
  opacity: 1;
  visibility: unset;
  left: 287.53px;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-siren-light {
  -webkit-animation-name: diCarSirenLight;
  -moz-animation-name: diCarSirenLight;
  animation-name: diCarSirenLight;
}
.sr6-storage.screen1.step3.step3-5
  .popup-layer-animation-wrap2
  .animation-box-wrap.dispatch-immediately
  .img-dispatch-vehicle
  .di-car-exhaust
  .di-car-exhaust-bar {
  -webkit-animation-name: diCarExhaust;
  -moz-animation-name: diCarExhaust;
  animation-name: diCarExhaust;
}
.sr6-storage.screen1.step3.step3-5 .popup-layer-animation-wrap2 .sr-person-dm-ex1 {
  width: 126.696px;
  height: 205.475px;
  background-image: url("../../images/ko/showroom/sr1/person-house-thief4.svg");
}
.sr6-storage.screen1.step3.step3-5 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5 .button-screen-wrap.page-back,
.sr6-storage.screen1.step3.step3-5 .showroom-top-tab-wrap,
.sr6-storage.screen1.step3.step3-5 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5 .showroom-background-dim {
  -webkit-animation-name: sr6DimZindex;
  -moz-animation-name: sr6DimZindex;
  animation-name: sr6DimZindex;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr6-storage.screen1.step3.step3-5 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.sr6-storage.screen1.step3.step3-5 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
@-webkit-keyframes sr6DimZindex {
  0% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
    z-index: 2;
  }
  100% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-sc1-st3.png");
    z-index: 21;
  }
}
@-moz-keyframes sr6DimZindex {
  0% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
    z-index: 2;
  }
  100% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-sc1-st3.png");
    z-index: 21;
  }
}
@keyframes sr6DimZindex {
  0% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
    z-index: 2;
  }
  100% {
    background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-sc1-st3.png");
    z-index: 21;
  }
}
.sr6-storage.screen2 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen2 .showroom-screen-wrap.showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen2.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  left: -1102.98px;
  top: -573.43px;
  right: 0;
  bottom: 0;
  width: 3958.87px;
  height: 2226.87px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step1 .showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen2.step1 .showroom-screen2-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen2.step1 .sr6-sc2-st1-person {
  top: 417px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step1 .sr-speech-sr2-st1-1 {
  left: 412.26px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step1 .sr-speech-sr2-st1-2 {
  left: 979.96px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  left: -42.01px;
  top: 30.58px;
  right: 0;
  bottom: 0;
  width: 2622.35px;
  height: 1475.58px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior2-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step2 .showroom-screen2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen2.step2 .showroom-screen2-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen2.step2 .showroom-step2-icon-layer-wrap .showroom-step2-icon-layer-inner .sr-circle-item {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}
.sr6-storage.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.sr6-storage.screen2.step2
  .showroom-step2-icon-layer-wrap
  .showroom-step2-icon-layer-inner
  .sr-circle-item.sr-circle-item3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}
.sr6-storage.screen2.step2 .bottom-gray-tooltip-wrap-sr6-st1-4 {
  bottom: 80px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen2.step2 .bottom-gray-tooltip-wrap-sr6-st1-4 .bottom-gray-text.bottom-gray-text4 {
  display: block;
}
.sr6-storage.screen2.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  left: -42.01px;
  top: 30.58px;
  right: 0;
  bottom: 0;
  width: 2622.35px;
  height: 1475.58px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior2-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen2.step3 .showroom-screen2-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen2.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr6-storage.screen2.step3 .button-screen-wrap.page-back,
.sr6-storage.screen2.step3 .showroom-top-tab-wrap,
.sr6-storage.screen2.step3 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr6-storage.screen2.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21DimSr6Sc2;
  -moz-animation-name: zIndex21DimSr6Sc2;
  animation-name: zIndex21DimSr6Sc2;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr6-storage.screen2.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr6-storage.screen2.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}
.sr6-storage.screen3 .service-step-wrap {
  opacity: 1;
  visibility: unset;
  top: 50%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3 .showroom-screen-wrap.showroom-screen3-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -683px;
  left: -1706px;
  width: 3725.12px;
  height: 2095.38px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step1 .showroom-screen3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen3.step1 .showroom-screen3-wrap .showroom-step1-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen3.step1 .sr6-sc3-st1-person {
  top: 417px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step1 .sr-speech-sr3-st1-1 {
  left: 468px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step1 .sr-speech-sr3-st1-2 {
  left: 953.6px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2 {
  background-color: rgb(202, 204, 208);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1183.12px;
  left: -1277.92px;
  width: 4116.21px;
  height: 2315.37px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior3-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2 .showroom-screen3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen3.step2 .showroom-screen3-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1183.12px;
  left: -1277.92px;
  width: 4116.21px;
  height: 2315.37px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior3-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-3.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2.another-world .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 2402px;
  height: 1351px;
  top: -55px;
  left: -451px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.another-world .sr6-info-popup-wrap {
  top: 240%;
  left: -530px;
}
.sr6-storage.screen3.step2.another-world .sr6-info-view-popup-wrap {
  top: 241px;
  left: 1221px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.another-world
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item.sr6-info-button-item4 {
  top: 247px;
  left: -194px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.another-world
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item.sr6-info-button-item4::before {
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: inline-block;
  content: "";
  width: 0px;
  height: 0px;
  border-bottom: 5px solid rgb(55, 98, 207);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.sr6-storage.screen3.step2.another-world
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item.sr6-info-button-item5 {
  top: 177px;
  left: -40px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.another-world .sr6-person-sc {
  width: 265px;
  height: 400px;
  top: 497.65px;
  left: 890px;
}
.sr6-storage.screen3.step2.another-world .sr6-person-sc.sr6-person-sc3-st2 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.another-world .sr6-item-skew-device-sys-wrap {
  top: 395px;
  left: 1060px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap1 .img-secom-sr6-circle-item8 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap1 .circle-line-wrap {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap1 .dot-line-repeat1-1 {
  height: 0px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap1 .dot-line-repeat1-2 {
  width: 0px;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap2 .img-secom-sr6-circle-item8 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap2 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap2 .dot-line-repeat1-1 {
  height: 167px;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap2 .dot-line-repeat1-2 {
  width: 161px;
  -webkit-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.sr6-storage.screen3.step2.another-world .sr6-circle-icon-wrap2 .img-secom-sr6-circle-item9 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2.previous-world .sr6-info-view-popup-wrap {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2.previous-world
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item.sr6-info-button-item4 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.previous-world
  .sr6-info-view-popup-wrap
  .sr6-info-button-list
  .sr6-info-button-item.sr6-info-button-item5 {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.previous-world .sr6-person-sc.sr6-person-sc3-st2 {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.previous-world .sr6-item-skew-device-sys-wrap {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2.previous-world .sr6-circle-icon-wrap1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2.previous-world .sr6-circle-icon-wrap1 .dot-line-repeat1-1 {
  height: 136px;
  -webkit-transition-delay: 0.8s;
  -moz-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2.previous-world .sr6-circle-icon-wrap1 .dot-line-repeat1-2 {
  width: 44px;
  -webkit-transition-delay: 1.3s;
  -moz-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2.previous-world .sr6-circle-icon-wrap1 .img-secom-sr6-circle-item8 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1.6s;
  -moz-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  width: 4116px;
  height: 2315px;
  top: -1183.12px;
  left: -1277.92px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior3-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm3-1-2.png");
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen3.step2 .showroom-screen3-wrap .showroom-step2-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen3.step2 .sr6-circle-icon-wrap .dot-line-repeat {
  position: absolute;
}
.sr6-storage.screen3.step2 .sr6-circle-icon-wrap1 .circle-line-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-circle-icon-wrap1 .dot-line-repeat1-1 {
  height: 138px;
  -webkit-transition-delay: 3.3s;
  -moz-transition-delay: 3.3s;
  -o-transition-delay: 3.3s;
  transition-delay: 3.3s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step2 .sr6-circle-icon-wrap1 .dot-line-repeat1-2 {
  width: 44px;
  -webkit-transition-delay: 3.8s;
  -moz-transition-delay: 3.8s;
  -o-transition-delay: 3.8s;
  transition-delay: 3.8s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-circle-icon-wrap1 .img-secom-sr6-circle-item8 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 4.1s;
  -moz-transition-delay: 4.1s;
  -o-transition-delay: 4.1s;
  transition-delay: 4.1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-info-view-popup-wrap {
  top: 587px;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  z-index: 1;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap {
  position: absolute;
  top: 290px;
  left: 1095px;
  width: 260px;
  height: 44px;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap.changeEp1 .sr6-alert-msg1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap.changeEp2 .sr6-alert-msg2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap.changeEp3 .sr6-alert-msg3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap.changeEp4 .sr6-alert-msg4 {
  top: -46px;
  left: -233px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap .sr6-alert-msg-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap .sr6-alert-msg {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-alert-msg-wrap .sr6-alert-msg > p {
  white-space: nowrap;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp1 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp1 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp2 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp3 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp3 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp4 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp4 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp5 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj5 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj2,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj3,
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2.changeEp5 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj4 {
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-person-sc.sr6-person-sc3-st2 .sr6-person-sc3-st2-obj.sr6-person-sc3-st2-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-targeting {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-targeting .sr-targeting-frame {
  opacity: 0;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
}
.sr6-storage.screen3.step2 .sr6-targeting .sr-targeting-inner {
  opacity: 0;
  -webkit-animation-name: unset;
  -moz-animation-name: unset;
  animation-name: unset;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp1 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp1 .sr-targeting-frame {
  opacity: 0;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp1 .sr-targeting-inner {
  opacity: 0;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp2 {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp2 .sr-targeting-frame {
  opacity: 0;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp2 .sr-targeting-inner {
  opacity: 0;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp3 {
  opacity: 1;
  visibility: unset;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp3 .sr-targeting-frame {
  opacity: 1;
  -webkit-animation-name: srTargetingFrame;
  -moz-animation-name: srTargetingFrame;
  animation-name: srTargetingFrame;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-targeting.changeEp3 .sr-targeting-inner {
  opacity: 1;
  -webkit-animation-name: srTargetingInner;
  -moz-animation-name: srTargetingInner;
  animation-name: srTargetingInner;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-item-skew-device-wrap.sr6-item-skew-device-sys-wrap {
  background-image: unset;
}
.sr6-storage.screen3.step2 .sr6-item-skew-device-wrap.sr6-item-skew-device-sys-wrap.changeEp1,
.sr6-storage.screen3.step2 .sr6-item-skew-device-wrap.sr6-item-skew-device-sys-wrap.changeEp2,
.sr6-storage.screen3.step2 .sr6-item-skew-device-wrap.sr6-item-skew-device-sys-wrap.changeEp3 {
  background-image: unset;
}
.sr6-storage.screen3.step2 .sr6-item-skew-device-sys-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp1
  .sr6-item-skew-device-item.sr6-item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp1
  .sr6-item-skew-device-item.sr6-item-skew-device-item2,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp1
  .sr6-item-skew-device-item.sr6-item-skew-device-item3,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp1
  .sr6-item-skew-device-item.sr6-item-skew-device-item4,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp1
  .sr6-item-skew-device-item.sr6-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp2
  .sr6-item-skew-device-item.sr6-item-skew-device-item2 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp2
  .sr6-item-skew-device-item.sr6-item-skew-device-item1,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp2
  .sr6-item-skew-device-item.sr6-item-skew-device-item3,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp2
  .sr6-item-skew-device-item.sr6-item-skew-device-item4,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp2
  .sr6-item-skew-device-item.sr6-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp3
  .sr6-item-skew-device-item.sr6-item-skew-device-item1,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp3
  .sr6-item-skew-device-item.sr6-item-skew-device-item2,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp3
  .sr6-item-skew-device-item.sr6-item-skew-device-item4,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp3
  .sr6-item-skew-device-item.sr6-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp3
  .sr6-item-skew-device-item.sr6-item-skew-device-item3 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp4
  .sr6-item-skew-device-item.sr6-item-skew-device-item1,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp4
  .sr6-item-skew-device-item.sr6-item-skew-device-item2,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp4
  .sr6-item-skew-device-item.sr6-item-skew-device-item3,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp4
  .sr6-item-skew-device-item.sr6-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp4
  .sr6-item-skew-device-item.sr6-item-skew-device-item4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp5
  .sr6-item-skew-device-item.sr6-item-skew-device-item1,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp5
  .sr6-item-skew-device-item.sr6-item-skew-device-item2,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp5
  .sr6-item-skew-device-item.sr6-item-skew-device-item3,
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp5
  .sr6-item-skew-device-item.sr6-item-skew-device-item5 {
  opacity: 0;
  visibility: hidden;
}
.sr6-storage.screen3.step2
  .sr6-item-skew-device-sys-wrap.changeEp5
  .sr6-item-skew-device-item.sr6-item-skew-device-item4 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step2 .sr6-item-skew-device-sys-wrap .sr6-item-skew-device-item.sr6-item-skew-device-item1 {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -1344.88px;
  left: -1686.29px;
  width: 4382.48px;
  height: 2459.47px;
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-interior3-3.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr6/bg-sr6-dimm1-4.png");
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr6-storage.screen3.step3 .showroom-screen3-wrap .showroom-step3-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr6-storage.screen3.step3 .sr6-alert-sc3-st3-msg {
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation: fade1 8s 0s forwards;
  -moz-animation: fade1 8s 0s forwards;
  animation: fade1 8s 0s forwards;
}
.sr6-storage.screen3.step3 .sr6-person-sc3-st3-obj1 {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation: fade2 7s 0s forwards;
  -moz-animation: fade2 7s 0s forwards;
  animation: fade2 7s 0s forwards;
}
.sr6-storage.screen3.step3 .sr6-item-skew-device-sc3-st3-item {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap {
  top: 50%;
  opacity: 0;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation: fade3 13s forwards;
  -moz-animation: fade3 13s forwards;
  animation: fade3 13s forwards;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap .popup-layer-animation2-inner::before {
  top: 50%;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 5s;
  -moz-transition-delay: 5s;
  -o-transition-delay: 5s;
  transition-delay: 5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .circle-safe-check-wrap {
  opacity: 1;
  visibility: unset;
}
.sr6-storage.screen3.step3
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-white {
  opacity: 1;
  visibility: unset;
  width: 59.61px;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step3
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .circle-safe-check-wrap
  .circle-safe-check-inner
  .icon-safe-check-circle {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 9s;
  -moz-transition-delay: 9s;
  -o-transition-delay: 9s;
  transition-delay: 9s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-lock-wrap {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 7s;
  -moz-transition-delay: 7s;
  -o-transition-delay: 7s;
  transition-delay: 7s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step3
  .popup-layer-animation2-wrap
  .s1-reader-safe-warp
  .bg-icon-safe-lock-wrap
  .bg-icon-safe-ring {
  -webkit-animation-name: safeRing;
  -moz-animation-name: safeRing;
  animation-name: safeRing;
  -webkit-animation-delay: 7.5s;
  -moz-animation-delay: 7.5s;
  animation-delay: 7.5s;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap .s1-reader-safe-warp .bg-icon-safe-guard {
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 6.5s;
  -moz-transition-delay: 6.5s;
  -o-transition-delay: 6.5s;
  transition-delay: 6.5s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr6-storage.screen3.step3 .popup-layer-animation2-wrap .bottom-text-wrap {
  bottom: 40px;
  opacity: 1;
  visibility: unset;
  -webkit-transition-delay: 8s;
  -moz-transition-delay: 8s;
  -o-transition-delay: 8s;
  transition-delay: 8s;
}
@-webkit-keyframes fade1 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade1 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade1 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  45% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  }
  95% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  }
  100% {
    opacity: 1;
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  }
}
@-moz-keyframes fade2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  45% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  }
  95% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  }
  100% {
    opacity: 1;
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  }
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  45% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  }
  95% {
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2-choice.png");
  }
  100% {
    opacity: 1;
    background-image: url("../../images/ko/showroom/sr6/sr6-person-sc3-st2-obj2.png");
  }
}
@-webkit-keyframes fade3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fade3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sr6-storage.screen3.step3 .showroom-background-layer {
  -webkit-animation-name: blur30;
  -moz-animation-name: blur30;
  animation-name: blur30;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr6-storage.screen3.step3 .button-screen-wrap.page-back,
.sr6-storage.screen3.step3 .showroom-top-tab-wrap,
.sr6-storage.screen3.step3 .service-step-wrap {
  -webkit-animation-name: blur10;
  -moz-animation-name: blur10;
  animation-name: blur10;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr6-storage.screen3.step3 .showroom-background-dim {
  -webkit-animation-name: zIndex21;
  -moz-animation-name: zIndex21;
  animation-name: zIndex21;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  animation-duration: 0s;
}
.sr6-storage.screen3.step3 .showroom-content-wrap {
  -webkit-animation-name: zIndex22;
  -moz-animation-name: zIndex22;
  animation-name: zIndex22;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.sr6-storage.screen3.step3 .sr-step-swiper-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 15s;
  -moz-transition-delay: 15s;
  -o-transition-delay: 15s;
  transition-delay: 15s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  z-index: 3;
}

.sr8-bluescan {
  background-color: rgb(226, 226, 226);
  /* 스크린 사용 요소 */
}
.sr8-bluescan.screen1,
.sr8-bluescan.screen6 {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  background-color: rgb(206, 206, 206);
}
.sr8-bluescan.default .showroom-background-layer {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.default .bs-building-layer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.default .bs-building-layer .sr-toast-msg:before {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.sr8-bluescan.main .showroom-background-layer {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}
.sr8-bluescan.main .bs-building-layer {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr8-bluescan.main .bs-building-layer .sr-toast-msg {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.sr8-bluescan.main .bs-main-text {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr8-bluescan .showroom-content-wrap8 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr8-bluescan .showroom-content-wrap8 .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan .showroom-content-wrap8 .showroom-screen-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .showroom-content-wrap8 .showroom-screen-wrap.active .showroom-step-inner {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .showroom-content-wrap8 .showroom-step-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
}
.sr8-bluescan .showroom-content-wrap8 .showroom-step-wrap .showroom-step-inner {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.sr8-bluescan .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr8-bluescan .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr8-bluescan .showroom-background-layer {
  position: absolute;
  top: 145px;
  left: 200px;
  width: 1959px;
  height: 1102px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior0-1.jpg");
}
.sr8-bluescan .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm1-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .bottom-gray-tooltip-wrap {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  bottom: 80px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .bottom-gray-tooltip-wrap .bottom-gray-text {
  padding: 24px 32px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.sr8-bluescan .bottom-gray-tooltip-wrap .bottom-gray-text .sub-text {
  margin-top: 6px;
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.sr8-bluescan .bottom-gray-tooltip-wrap.active {
  background-color: rgba(36, 36, 36, 0.7);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .bs-building-layer {
  width: 549px;
  height: 806px;
  top: 13.3%;
  bottom: 13.3%;
  left: 200px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .bs-building-layer:has(.floor-rf a:hover) {
  background: url(../../images/ko/showroom/sr8/bg-sr8-building-hover-whole.png) no-repeat 0 0/100%;
}
.sr8-bluescan .bs-building-layer:has(.bs-building-item a:hover) .floating {
  opacity: 0;
}
.sr8-bluescan .bs-building-layer > ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.sr8-bluescan .bs-building-item {
  position: absolute;
  width: 100%;
}
.sr8-bluescan .bs-building-item.under-1 {
  height: 225px;
  bottom: 1px;
}
.sr8-bluescan .bs-building-item.under-1 a .bg > i {
  height: 71% !important;
}
.sr8-bluescan .bs-building-item.under-1 .floating {
  top: 37%;
}
.sr8-bluescan .bs-building-item.under-1 .floating .icon > span {
  background-image: url(../../images/ko/showroom/sr8/icon-sr8-b1.png);
}
.sr8-bluescan .bs-building-item.floor-1 {
  height: 119px;
  bottom: 226px;
}
.sr8-bluescan .bs-building-item.floor-1 .floating .icon > span {
  background-image: url(../../images/ko/showroom/sr8/icon-sr8-1f.png);
}
.sr8-bluescan .bs-building-item.floor-2 {
  height: 121px;
  bottom: 344px;
}
.sr8-bluescan .bs-building-item.floor-2 .floating .icon > span {
  background-image: url(../../images/ko/showroom/sr8/icon-sr8-2f.png);
}
.sr8-bluescan .bs-building-item.floor-3 {
  height: 120px;
  bottom: 464px;
}
.sr8-bluescan .bs-building-item.floor-3 .floating .icon > span {
  background-image: url(../../images/ko/showroom/sr8/icon-sr8-3f.png);
}
.sr8-bluescan .bs-building-item.floor-4 {
  height: 115px;
  bottom: 583px;
}
.sr8-bluescan .bs-building-item.floor-4 .floating .icon > span {
  background-image: url(../../images/ko/showroom/sr8/icon-sr8-4f.png);
}
.sr8-bluescan .bs-building-item.floor-rf {
  height: 109px;
  top: 0;
}
.sr8-bluescan .bs-building-item.floor-rf .bg > i {
  display: none;
}
.sr8-bluescan .bs-building-item.floor-rf .floating {
  right: 190px;
  top: 48%;
}
.sr8-bluescan .bs-building-item.floor-rf .floating .icon > span {
  background-image: url(../../images/ko/showroom/sr8/icon-sr8-rooftop.png);
}
.sr8-bluescan .bs-building-item.floor-rf .floating .dot {
  width: 314px;
}
.sr8-bluescan .bs-building-item.floor-rf .floating p {
  left: 404px;
}
.sr8-bluescan .bs-building-item a {
  display: inline-block;
  height: 100%;
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px);
  left: 12px;
  position: relative;
}
.sr8-bluescan .bs-building-item a:hover .floating {
  opacity: 1 !important;
}
.sr8-bluescan .bs-building-item a:hover .floating .dot {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-line-blue.png);
}
.sr8-bluescan .bs-building-item a:hover .floating p {
  font-weight: 700;
  color: #1d6ceb;
}
.sr8-bluescan .bs-building-item a:hover .floating p:before {
  width: 8px;
  height: 8px;
  background: #1d6ceb;
}
.sr8-bluescan .bs-building-item a .bg {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
}
.sr8-bluescan .bs-building-item a .bg:has(i:hover) > i:before {
  opacity: 1;
}
.sr8-bluescan .bs-building-item a .bg > i {
  display: inline-block;
  position: absolute;
  height: 100%;
}
.sr8-bluescan .bs-building-item a .bg > i:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  border-style: solid;
  border-color: #78dfff;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  z-index: 1;
  opacity: 0;
}
.sr8-bluescan .bs-building-item a .bg > i:first-of-type {
  left: 0;
  top: 0;
  -webkit-transform: skewY(12deg);
  -moz-transform: skewY(12deg);
  -ms-transform: skewY(12deg);
  transform: skewY(12deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  width: -webkit-calc(100% - 220px);
  width: -moz-calc(100% - 220px);
  width: calc(100% - 220px);
}
.sr8-bluescan .bs-building-item a .bg > i:first-of-type:before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(120, 223, 255, 0.4)), to(rgba(0, 0, 0, 0.05)));
  background: -webkit-linear-gradient(left, rgba(120, 223, 255, 0.4) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: -moz-linear-gradient(left, rgba(120, 223, 255, 0.4) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: -o-linear-gradient(left, rgba(120, 223, 255, 0.4) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: linear-gradient(90deg, rgba(120, 223, 255, 0.4) 0%, rgba(0, 0, 0, 0.05) 100%);
  border-width: 3px 0 3px 3px;
}
.sr8-bluescan .bs-building-item a .bg > i:nth-of-type(2) {
  right: 0;
  top: -3px;
  -webkit-transform: skewY(-17deg);
  -moz-transform: skewY(-17deg);
  -ms-transform: skewY(-17deg);
  transform: skewY(-17deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  width: 220px;
}
.sr8-bluescan .bs-building-item a .bg > i:nth-of-type(2):before {
  background: -webkit-linear-gradient(184.6deg, rgba(165, 229, 243, 0) 0%, rgba(196, 238, 247, 0.4) 110.08%);
  background: -moz-linear-gradient(184.6deg, rgba(165, 229, 243, 0) 0%, rgba(196, 238, 247, 0.4) 110.08%);
  background: -o-linear-gradient(184.6deg, rgba(165, 229, 243, 0) 0%, rgba(196, 238, 247, 0.4) 110.08%);
  background: linear-gradient(265.4deg, rgba(165, 229, 243, 0) 0%, rgba(196, 238, 247, 0.4) 110.08%);
  border-width: 3px 3px 3px 0;
}
.sr8-bluescan .bs-building-item a .floating {
  position: absolute;
  top: 54%;
  margin-top: -36px;
  right: -20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sr8-bluescan .bs-building-item a .floating .icon {
  display: inline-block;
  width: 72px;
  height: 72px;
  z-index: 3;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.062745098));
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.062745098));
}
.sr8-bluescan .bs-building-item a .floating .icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 84px;
  height: 84px;
  top: 50%;
  left: 50%;
  margin: -42px 0 0 -42px;
  background: rgba(217, 217, 217, 0.1);
  border: 1px solid #fff;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: bsmainIcon 1.5s ease-out infinite;
  -moz-animation: bsmainIcon 1.5s ease-out infinite;
  animation: bsmainIcon 1.5s ease-out infinite;
  opacity: 0;
}
.sr8-bluescan .bs-building-item a .floating .icon > span {
  display: inline-block;
  background: #fff;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: inherit;
  height: inherit;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 100px 100px;
  -moz-background-size: 100px 100px;
  background-size: 100px 100px;
}
.sr8-bluescan .bs-building-item a .floating .dot {
  width: 104px;
  height: 4px;
  background: url(../../images/ko/showroom/sr8/img-sr8-line-blk.png) repeat-x 0 0 / auto 4px;
  left: 72px;
  position: absolute;
}
.sr8-bluescan .bs-building-item a .floating p {
  left: 192px;
  position: absolute;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 500;
  color: #000;
}
.sr8-bluescan .bs-building-item a .floating p:before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #222;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sr8-bluescan .bs-main-text {
  color: #222;
  line-height: 1;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1185px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .bs-main-text .sub-tit {
  color: #000;
  font-size: 24px;
  font-weight: 500;
}
.sr8-bluescan .bs-main-text > h2 {
  font-size: 56px;
  font-weight: 700;
  margin-top: 10px;
  color: #000;
}
.sr8-bluescan .bs-main-text .text {
  color: #353535;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 25px;
}
.sr8-bluescan .bs-main-text > button {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background: #1d6ceb;
  height: 50px;
  padding: 0 49.5px;
  line-height: 1;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 30px;
}
.sr8-bluescan .service-step-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan .sr-pointer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .sr-pointer.show {
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .sr-alert-msg {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .sr-alert-msg.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan .closeup {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .closeup.active {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .layer-mobile {
  width: 460px;
  height: 356px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .layer-mobile.active {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index: 5;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .popup-sensor {
  display: none;
}
.sr8-bluescan .popup-sensor .sr-popup-frame {
  padding-top: 30px;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active span:not(.cctv, .sensor, .line, .line > span),
.sr8-bluescan .popup-sensor .sr-popup-frame.active strong {
  -webkit-animation: bsVisibleAnimate 0.3s ease-in forwards;
  -moz-animation: bsVisibleAnimate 0.3s ease-in forwards;
  animation: bsVisibleAnimate 0.3s ease-in forwards;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-top .line > span:before,
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .line > span:before {
  -webkit-animation-timing-function: ease-in, linear;
  -moz-animation-timing-function: ease-in, linear;
  animation-timing-function: ease-in, linear;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1, infinite;
  -moz-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-duration: 0.3s, 4s;
  -moz-animation-duration: 0.3s, 4s;
  animation-duration: 0.3s, 4s;
  -webkit-animation-fill-mode: forwards, none;
  -moz-animation-fill-mode: forwards, none;
  animation-fill-mode: forwards, none;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-top .line > span:before {
  -webkit-animation-name: bsVisibleAnimate, centerBottomTop;
  -moz-animation-name: bsVisibleAnimate, centerBottomTop;
  animation-name: bsVisibleAnimate, centerBottomTop;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-top .counselor {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .line > span.line-left:before {
  -webkit-animation-name: bsVisibleAnimate, centerWidthLeft;
  -moz-animation-name: bsVisibleAnimate, centerWidthLeft;
  animation-name: bsVisibleAnimate, centerWidthLeft;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .line > span.line-right:before {
  -webkit-animation-name: bsVisibleAnimate, centerWidthRight;
  -moz-animation-name: bsVisibleAnimate, centerWidthRight;
  animation-name: bsVisibleAnimate, centerWidthRight;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .left .bg,
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .right .bg {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-name: bsVisibleAnimate, bsSensorPopBg;
  -moz-animation-name: bsVisibleAnimate, bsSensorPopBg;
  animation-name: bsVisibleAnimate, bsSensorPopBg;
  -webkit-animation-duration: 0.3s, 1s;
  -moz-animation-duration: 0.3s, 1s;
  animation-duration: 0.3s, 1s;
  -webkit-animation-timing-function: ease-in, ease-in-out;
  -moz-animation-timing-function: ease-in, ease-in-out;
  animation-timing-function: ease-in, ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1, infinite;
  -moz-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  animation-direction: alternate;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .left strong,
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .right strong {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.active .frame-bottom .center {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.sr8-bluescan .popup-sensor .sr-popup-frame.blue .line > span:before {
  background-image: url(../../images/ko/showroom/srcomm/bg-line-dot-scarlet-blue.png);
}
.sr8-bluescan .popup-sensor .sr-popup-frame.blue .bg {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-popSensor-item-bg-blue.png) !important;
}
.sr8-bluescan .popup-sensor .frame-top,
.sr8-bluescan .popup-sensor .frame-bottom {
  width: 100%;
  position: relative;
  font-size: 0;
}
.sr8-bluescan .popup-sensor .frame-top span,
.sr8-bluescan .popup-sensor .frame-bottom span {
  display: inline-block;
  position: absolute;
}
.sr8-bluescan .popup-sensor .frame-top .line,
.sr8-bluescan .popup-sensor .frame-bottom .line {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
.sr8-bluescan .popup-sensor .frame-top .line > span,
.sr8-bluescan .popup-sensor .frame-bottom .line > span {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.sr8-bluescan .popup-sensor .frame-top .line > span:before,
.sr8-bluescan .popup-sensor .frame-bottom .line > span:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  background-size: 10px 10px;
  background-image: url(../../images/ko/showroom/srcomm/bg-line-dot-scarlet.png);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .popup-sensor .frame-top {
  height: 156px;
}
.sr8-bluescan .popup-sensor .frame-top .counselor {
  width: 110px;
  height: 124px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-person.png) no-repeat 50%/110px auto;
  left: 50%;
  margin-left: -55px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .popup-sensor .frame-top .line {
  width: 2px;
  height: 110px;
  top: 116px;
}
.sr8-bluescan .popup-sensor .frame-top .line span:before {
  background-position: 50% 100%;
}
.sr8-bluescan .popup-sensor .frame-bottom {
  height: 112px;
}
.sr8-bluescan .popup-sensor .frame-bottom .line {
  width: 100%;
  height: 2px;
  bottom: 32px;
}
.sr8-bluescan .popup-sensor .frame-bottom .line > span {
  position: absolute;
  display: inline-block;
  width: 213px;
  height: 2px;
}
.sr8-bluescan .popup-sensor .frame-bottom .line > span:before {
  background-position: 0% 50%;
}
.sr8-bluescan .popup-sensor .frame-bottom .line-left {
  left: 84px;
}
.sr8-bluescan .popup-sensor .frame-bottom .line-right {
  right: 84px;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.left,
.sr8-bluescan .popup-sensor .frame-bottom .item.right {
  width: 169px;
  height: 112px;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.left .bg,
.sr8-bluescan .popup-sensor .frame-bottom .item.right .bg {
  width: 169px;
  height: 62px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-item-bg.png) no-repeat 50% bottom/169px 62px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.left strong,
.sr8-bluescan .popup-sensor .frame-bottom .item.right strong {
  display: inline-block;
  bottom: 31px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-position: 50%;
  background-repeat: no-repeat;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.left {
  left: 0;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.left strong {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-popSensor-sensor.png);
  -webkit-background-size: 59px 80px;
  -moz-background-size: 59px 80px;
  background-size: 59px 80px;
  width: 59px;
  height: 80px;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.right {
  right: 0;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.right strong {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-popSensor-cctv.png);
  -webkit-background-size: 70px 50px;
  -moz-background-size: 70px 50px;
  background-size: 70px 50px;
  width: 70px;
  height: 50px;
}
.sr8-bluescan .popup-sensor .frame-bottom .item.center {
  width: 88px;
  height: 40px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-secom.png) no-repeat 50%/88px 40px;
  left: 50%;
  bottom: 12.5px;
  margin-left: -44px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan .popup-monitor .sr-popup-frame {
  background: url(../../images/ko/showroom/sr8/img-sr8-st4-popup.png) no-repeat 50%/446px 306px;
}
.sr8-bluescan .sr-round-beam {
  top: 50%;
  left: 50%;
  position: absolute;
  margin: -68.5px 0 0 -68.5px;
  width: 137px;
  height: 137px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan .sr-round-beam.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan .sr-round-beam [class^="sr-round-beam-layer"] {
  background: #1d6ceb;
  background: -webkit-radial-gradient(
    circle,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 70, 153, 0.2) 40%,
    rgba(29, 108, 235, 0.9) 100%
  );
  background: -moz-radial-gradient(
    circle,
    rgba(0, 0, 0, 0) 0%,
    rgba(19, 70, 153, 0.2) 40%,
    rgba(29, 108, 235, 0.9) 100%
  );
  background: -o-radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(19, 70, 153, 0.2) 40%, rgba(29, 108, 235, 0.9) 100%);
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 0%, rgba(19, 70, 153, 0.2) 40%, rgba(29, 108, 235, 0.9) 100%);
  top: 50%;
  left: 50%;
  position: absolute;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  top: 50%;
  left: 50%;
  position: absolute;
}
.sr8-bluescan .sr-round-beam-layer-1 {
  -webkit-animation-name: srPointerLayer1;
  -moz-animation-name: srPointerLayer1;
  animation-name: srPointerLayer1;
  margin: -37.5px 0 0 -37.5px;
  width: 75px;
  height: 75px;
}
.sr8-bluescan .sr-round-beam-layer-2 {
  -webkit-animation-name: srPointerLayer2;
  -moz-animation-name: srPointerLayer2;
  animation-name: srPointerLayer2;
  margin: -68.5px 0 0 -68.5px;
  width: 137px;
  height: 137px;
}
.sr8-bluescan.default .showroom-background-area {
  position: absolute;
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
}
.sr8-bluescan.default .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr8-bluescan.default .showroom-background-layer {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 145px;
  left: 200px;
  width: 1082px;
  height: 814px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior0-1.jpg");
}
.sr8-bluescan.default .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm1-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.default .showroom-step-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-filter: blur(20px);
  filter: blur(20px);
}
.sr8-bluescan.main .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 145px;
  left: 200px;
  width: 1082px;
  height: 814px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior0-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.sr8-bluescan.main .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm1-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr8-bluescan.main .showroom-step-wrap {
  -webkit-filter: unset;
  filter: unset;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.main .showroom-screen0-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.main .showroom-screen0-wrap.active .bs-building-layer {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.main .showroom-screen0-wrap .bs-main-text {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan[class*="screen"] .service-step-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-filter: unset;
  filter: unset;
}
.sr8-bluescan.screen1 .bs-cctv {
  opacity: 0;
}
.sr8-bluescan.screen1 .bs-cctv-wrap {
  top: 93px;
  left: 506px;
  position: absolute;
  font-size: 0;
  z-index: 10;
}
.sr8-bluescan.screen1 .bs-cctv-item {
  width: 46px;
  height: 33px;
  background: url(../../images/ko/showroom/sr8/img-sr8-cctv-item.png) no-repeat 50%/100% auto;
  display: inline-block;
}
.sr8-bluescan.screen1 .closeup-1 {
  display: none;
}
.sr8-bluescan.screen1 .layer-mobile {
  top: 362px;
  left: 251px;
  position: absolute;
}
.sr8-bluescan.screen1 .sr-lk-sensor {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}
.sr8-bluescan.screen1 .sr-lk-sensor.active {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen1.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 32.04px;
  left: -94.93px;
  width: 1703px;
  height: 1055px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen1.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm1-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen1.step1 .sr-pointer {
  position: absolute;
  left: 994px;
  top: -webkit-calc(41.6% - 44px);
  top: -moz-calc(41.6% - 44px);
  top: calc(41.6% - 44px);
}
.sr8-bluescan.screen1.step1 .sr-alert-msg-1 {
  top: 29%;
  left: 908px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen1.step1 .sr-alert-msg-1.show {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen1.step1 .sr-lk-sensor {
  top: 21.1%;
  left: 40.8%;
  position: absolute;
}
.sr8-bluescan.screen1.step1 .sr-lk-sensor-item {
  width: 30px;
  height: 47px;
}
.sr8-bluescan.screen1.step1 .sr-lk-sensor-beam {
  width: 126.5px;
  height: 88.5px;
}
.sr8-bluescan.screen1.step1 .sr-lk-sensor-round {
  display: none;
}
.sr8-bluescan.screen1.step1 .bottom-gray-tooltip-wrap.active .bottom-gray-text1 {
  display: inline-block;
}
.sr8-bluescan.screen1.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -114.96px;
  left: -890.93px;
  width: 2590px;
  height: 1604px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen1.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm1-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr8-bluescan.screen1.step2 .sr-pointer {
  top: 475px;
  left: 790px;
  position: absolute;
}
.sr8-bluescan.screen1.step2 .sr-alert-msg {
  top: 34.6%;
  left: 37%;
  position: absolute;
}
.sr8-bluescan.screen1.step2 .sr-lk-sensor {
  width: 192px;
  height: 195px;
  top: 170px;
  left: 22.7%;
  position: absolute;
}
.sr8-bluescan.screen1.step2 .sr-lk-sensor-item {
  width: 46px;
  height: 72px;
}
.sr8-bluescan.screen1.step2 .sr-lk-sensor-beam {
  width: 192px;
  height: 133px;
}
.sr8-bluescan.screen1.step2 .sr-lk-sensor-round {
  display: none;
}
.sr8-bluescan.screen1.step2 .bs-cctv-wrap {
  display: none;
}
.sr8-bluescan.screen1.step2 .bottom-gray-tooltip-wrap.active .bottom-gray-text1-2 {
  display: inline-block;
}
.sr8-bluescan.screen1.step2 .bottom-gray-tooltip-wrap .bottom-gray-text1 {
  display: none;
}
.sr8-bluescan.screen1.step2 .closeup-1 {
  display: inline-block;
  top: 511px;
  left: 225px;
  position: absolute;
  width: 617px;
  height: 406px;
  background: url(../../images/ko/showroom/sr8/img-sr8-st2-closeup.png) no-repeat 50% / cover;
}
.sr8-bluescan.screen1.step2 #popupSr8Sc1Sensor {
  display: block;
}
.sr8-bluescan.screen1.step2 #popupSr8Sc1Sensor .sr-popup-frame .frame-bottom .item.left strong {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-sc1-popSensor-sensor.png);
  -webkit-background-size: 78px 78px;
  -moz-background-size: 78px 78px;
  background-size: 78px 78px;
  width: 78px;
  height: 78px;
}
.sr8-bluescan.screen1.step3 .bottom-gray-tooltip-wrap.active .bottom-gray-text1-3 {
  display: inline-block;
}
.sr8-bluescan.screen1.step3 .layer-mobile-1 {
  background: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-1.png) no-repeat 50% / cover;
  display: block;
}
.sr8-bluescan.screen1.step3 .showroom-background-layer,
.sr8-bluescan.screen1.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 32.04px;
  left: -94.93px;
  width: 1703px;
  height: 1055px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior1-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen1.step3 .showroom-background-dim,
.sr8-bluescan.screen1.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm1-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr8-bluescan.screen1.step3 .showroom-step1-wrap .bs-cctv-wrap,
.sr8-bluescan.screen1.step4 .showroom-step1-wrap .bs-cctv-wrap {
  display: none;
}
.sr8-bluescan.screen1.step3 .sr-lk-sensor,
.sr8-bluescan.screen1.step3 .sr-alert-msg,
.sr8-bluescan.screen1.step3 .sr-pointer,
.sr8-bluescan.screen1.step4 .sr-lk-sensor,
.sr8-bluescan.screen1.step4 .sr-alert-msg,
.sr8-bluescan.screen1.step4 .sr-pointer {
  display: none;
}
.sr8-bluescan.screen1.step3 .line,
.sr8-bluescan.screen1.step4 .line {
  width: 383px;
  height: 141px;
  background: url(../../images/ko/showroom/sr8/img-sr8-dotted-line-blue.png) no-repeat 50%/100% 100%;
  top: 131px;
  left: 518px;
  position: absolute;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen1.step3 .line.active,
.sr8-bluescan.screen1.step4 .line.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen1.step3 .bs-cctv-wrap,
.sr8-bluescan.screen1.step4 .bs-cctv-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 119px;
  left: 505px;
}
.sr8-bluescan.screen1.step3 .bs-cctv-wrap.active,
.sr8-bluescan.screen1.step4 .bs-cctv-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen1.step3 .bs-cctv-item,
.sr8-bluescan.screen1.step4 .bs-cctv-item {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-cctv-item-frame.png);
}
.sr8-bluescan.screen1.step3 .sr-lk-sensor-round,
.sr8-bluescan.screen1.step4 .sr-lk-sensor-round {
  top: 237px;
  left: 877px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen1.step3 .sr-lk-sensor-round.active,
.sr8-bluescan.screen1.step4 .sr-lk-sensor-round.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen1.step3 .sr-lk-sensor-round .sr-lk-sensor-item,
.sr8-bluescan.screen1.step4 .sr-lk-sensor-round .sr-lk-sensor-item {
  background-image: url(../../images/ko/showroom/sr8/img-radar-item-frame.png);
}
.sr8-bluescan.screen1.step4 .bottom-gray-tooltip-wrap.active .bottom-gray-text1-4 {
  display: inline-block;
}
.sr8-bluescan.screen1.step4 .closeup-1 {
  display: inline-block;
  top: 378px;
  left: 743px;
  position: absolute;
  width: 342px;
  height: 228px;
  background: url(../../images/ko/showroom/sr8/img-sr8-st4-closeup.png) no-repeat 50% / cover;
}
.sr8-bluescan.screen1.step4 .layer-mobile-1 {
  display: block;
  background: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-1-2.png) no-repeat 50% / cover;
}
.sr8-bluescan.screen1.step4 #popupSr8Sc1Monitor {
  display: block;
}
.sr8-bluescan.screen2 .closeup-2 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen2 .closeup-2.active {
  display: inline-block;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen2 .bs-air-sensor {
  position: absolute;
  width: 192px;
  height: 191px;
  display: none;
  display: inline-block;
  top: 193px;
  left: 736px;
}
.sr8-bluescan.screen2 .bs-air-sensor .bs-air-item {
  width: 70px;
  height: 73px;
  top: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-air.png) no-repeat 50%/70px auto;
}
.sr8-bluescan.screen2 .bs-air-sensor .bs-air-beam {
  width: 192px;
  height: 133px;
  top: 58px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../../images/ko/showroom/sr8/img-radar-beam.png) no-repeat 50%/192px auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen2 .bs-air-sensor.active {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen2 .bs-air-sensor.active .bs-air-beam {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen2 .bs-air-sensor-round {
  display: none;
  font-size: 0;
}
.sr8-bluescan.screen2 .bs-air-sensor-round .bs-air-item {
  display: inline-block;
  width: 62px;
  height: 63px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-air-frame.png) no-repeat 50%/62px auto;
}
.sr8-bluescan.screen2 .sr-alert-msg-2 {
  top: 323px;
  left: 901px;
  position: absolute;
}
.sr8-bluescan.screen2 .sr-pointer-2 {
  top: 377px;
  left: 968px;
  position: absolute;
}
.sr8-bluescan.screen2.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1704px;
  width: 3980px;
  height: 2239px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm2-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step1 .bottom-gray-tooltip-wrap.active .bottom-gray-text2-1 {
  display: inline-block;
}
.sr8-bluescan.screen2.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1704px;
  width: 3980px;
  height: 2239px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm2-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step2 .closeup-2 {
  width: 616px;
  height: 406px;
  top: 413px;
  left: 403px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-st2-closeup.png) no-repeat 50%/616px auto;
}
.sr8-bluescan.screen2.step2 .bottom-gray-tooltip-wrap.active .bottom-gray-text2-2 {
  display: inline-block;
}
.sr8-bluescan.screen2.step2 #popupSr8Sc2St2Sensor {
  display: block;
}
.sr8-bluescan.screen2.step2 #popupSr8Sc2St2Sensor .sr-popup-frame .frame-bottom .left strong {
  width: 78px;
  height: 78px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-st2-air-item.png) no-repeat 50%/78px 78px;
}
.sr8-bluescan.screen2.step3 .closeup-2 {
  width: 304px;
  height: 255.5px;
  top: 345px;
  left: 756px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-st3-closeup.png) no-repeat 50%/304px auto;
}
.sr8-bluescan.screen2.step3 .bottom-gray-tooltip-wrap.active .bottom-gray-text2-3 {
  display: inline-block;
}
.sr8-bluescan.screen2.step3 .layer-mobile-2 {
  display: inline-block;
  top: 373px;
  left: 251px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-mobile-msg-2-3.png) no-repeat 50%/373px auto;
}
.sr8-bluescan.screen2.step3 .showroom-background-layer,
.sr8-bluescan.screen2.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -64px;
  left: -540px;
  width: 2280px;
  height: 1283px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step3 .showroom-background-dim,
.sr8-bluescan.screen2.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm2-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step3 .sr-pointer-2,
.sr8-bluescan.screen2.step4 .sr-pointer-2 {
  top: 362px;
  left: 972px;
  position: absolute;
}
.sr8-bluescan.screen2.step3 .bs-air-sensor,
.sr8-bluescan.screen2.step4 .bs-air-sensor {
  display: none;
}
.sr8-bluescan.screen2.step3 .line,
.sr8-bluescan.screen2.step4 .line {
  display: inline-block;
  width: 435px;
  height: 165px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-dotted-line-blue.png) no-repeat 50%/435px auto;
  top: 105px;
  left: 486px;
  position: absolute;
}
.sr8-bluescan.screen2.step3 .bs-cctv-wrap,
.sr8-bluescan.screen2.step4 .bs-cctv-wrap {
  top: 90px;
  left: 469px;
  position: absolute;
}
.sr8-bluescan.screen2.step3 .bs-cctv-wrap .bs-cctv-item,
.sr8-bluescan.screen2.step4 .bs-cctv-wrap .bs-cctv-item {
  width: 46px;
  height: 34px;
  background: url(../../images/ko/showroom/sr8/img-sr8-cctv-item-frame.png) no-repeat 50%/46px auto;
}
.sr8-bluescan.screen2.step3 .bs-air-sensor-round,
.sr8-bluescan.screen2.step4 .bs-air-sensor-round {
  display: inline-block;
  top: 236px;
  left: 883px;
  position: absolute;
}
.sr8-bluescan.screen2.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -64px;
  left: -540px;
  width: 2280px;
  height: 1283px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior2-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm2-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen2.step4 .layer-mobile-2 {
  display: inline-block;
  top: 373px;
  left: 251px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-mobile-msg-2-4.png) no-repeat 50%/373px auto;
}
.sr8-bluescan.screen2.step4 .closeup-2 {
  width: 304px;
  height: 255.5px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-st4-closeup.png) no-repeat 50%/304px auto;
  top: 345px;
  left: 755px;
  position: absolute;
}
.sr8-bluescan.screen2.step4 .sr-pointer-2 {
  display: none;
}
.sr8-bluescan.screen2.step4 .bottom-gray-tooltip-wrap.active .bottom-gray-text2-4 {
  display: inline-block;
}
.sr8-bluescan.screen2.step4 #popupSr8Sc2St4Monitor {
  display: block;
}
.sr8-bluescan.screen3 .sr-fire-sensor {
  width: 192px;
  height: 198px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3 .sr-fire-sensor.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen3 .sr-fire-sensor.active .sr-fire-beam {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen3 .sr-fire-item {
  display: inline-block;
  width: 59px;
  height: 65px;
  top: 0;
  left: 50%;
  position: absolute;
  margin-left: -30px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-fire-alarm.png) no-repeat 50%/59px auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sr8-bluescan.screen3 .sr-fire-beam {
  display: inline-block;
  width: 192px;
  height: 133px;
  top: 64px;
  left: 50%;
  position: absolute;
  margin-left: -96px;
  background: url(../../images/ko/showroom/sr8/img-radar-beam.png) no-repeat 50%/192px auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3 .sr-control-panel {
  width: 192px;
  height: 256px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3 .sr-control-panel.active .sr-control-beam {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen3 .sr-control-item {
  display: inline-block;
  width: 61px;
  height: 115px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-control-panel.png) no-repeat 50%/61px auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  bottom: 0;
  left: 50%;
  position: absolute;
  margin-left: -30.5px;
}
.sr8-bluescan.screen3 .sr-control-beam {
  display: inline-block;
  width: 192px;
  height: 133px;
  background: url(../../images/ko/showroom/sr8/img-radar-beam.png) no-repeat 50%/192px auto;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  top: 0;
  left: 50%;
  position: absolute;
  margin-left: -96px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3 .sr-socket-item {
  display: inline-block;
  width: 53px;
  height: 47px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-socket.png) no-repeat 50%/53px auto;
}
.sr8-bluescan.screen3 .layer-check {
  padding: 24px 24px 32px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  display: inline-block;
  top: 267px;
  left: 345px;
  position: absolute;
  width: 280px;
  height: 290px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3 .layer-check.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen3 .layer-check:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(36, 36, 36, 0.7);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: -1;
}
.sr8-bluescan.screen3 .layer-check > p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.6px;
  margin-bottom: 12px;
}
.sr8-bluescan.screen3 .layer-check .img-box {
  display: inline-block;
  width: 232px;
  height: 194px;
  background: url(../../images/ko/showroom/sr8/img-sr8-st3-check-pump.jpg) no-repeat 50% / cover;
}
.sr8-bluescan.screen3.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1704px;
  width: 3980px;
  height: 2239px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen3.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen3.step1 #popupSr8Sc3St1Sensor {
  display: block;
}
.sr8-bluescan.screen3.step1 #popupSr8Sc3St1Sensor .frame-bottom .bg {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-popSensor-item-bg-blue.png);
}
.sr8-bluescan.screen3.step1 #popupSr8Sc3St1Sensor .frame-bottom .left strong {
  width: 88px;
  height: 75px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-fireplug.png) no-repeat 50%/88px auto;
}
.sr8-bluescan.screen3.step1 #popupSr8Sc3St1Sensor .frame-bottom .center {
  width: 66px;
  height: 96px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-control-panel.png) no-repeat 50%/66px auto;
  margin-left: -33px;
  bottom: -5px;
}
.sr8-bluescan.screen3.step1 #popupSr8Sc3St1Sensor .frame-bottom .right strong {
  width: 80px;
  height: 80px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-firealarm.png) no-repeat 50%/80px auto;
}
.sr8-bluescan.screen3.step1 .showroom-background-layer,
.sr8-bluescan.screen3.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1704px;
  width: 3980px;
  height: 2239px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen3.step1 .showroom-background-dim,
.sr8-bluescan.screen3.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen3.step1 .sr-fire-sensor,
.sr8-bluescan.screen3.step2 .sr-fire-sensor {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 197px;
  left: 740px;
  position: absolute;
}
.sr8-bluescan.screen3.step1 .sr-control-panel,
.sr8-bluescan.screen3.step2 .sr-control-panel {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  top: 73px;
  left: 520px;
  position: absolute;
}
.sr8-bluescan.screen3.step1 .sr-socket-wrap,
.sr8-bluescan.screen3.step2 .sr-socket-wrap {
  top: 558px;
  left: 803px;
  position: absolute;
}
.sr8-bluescan.screen3.step2 .sr-pointer-3 {
  top: 541px;
  left: 798px;
  position: absolute;
}
.sr8-bluescan.screen3.step2 .sr-alert-msg-3 {
  top: 492px;
  left: 720px;
  position: absolute;
}
.sr8-bluescan.screen3.step2 .closeup-3 {
  width: 664px;
  height: 605px;
  top: 289px;
  left: 831px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-st2-closeup.png) no-repeat 50%/664px auto;
}
.sr8-bluescan.screen3.step2 .bottom-gray-tooltip-wrap.active .bottom-gray-text3-1 {
  display: inline-block;
}
.sr8-bluescan.screen3.step2 .layer-mobile-3 {
  display: inline-block;
  top: 428px;
  left: 273px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-st2-mobile-msg.png) no-repeat 50%/460px auto;
}
.sr8-bluescan.screen3.step3 .showroom-background-layer,
.sr8-bluescan.screen3.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 30px;
  left: -540px;
  width: 2280px;
  height: 1282px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior3-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen3.step3 .showroom-background-dim,
.sr8-bluescan.screen3.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm3-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen3.step3 .showroom-step-inner > .line,
.sr8-bluescan.screen3.step4 .showroom-step-inner > .line {
  width: 427px;
  height: 154px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc2-dotted-line-blue.png) no-repeat 50%/427px auto;
  top: 210px;
  left: 487px;
  position: absolute;
}
.sr8-bluescan.screen3.step3 .sr-pointer-3,
.sr8-bluescan.screen3.step4 .sr-pointer-3 {
  top: 546px;
  left: 878px;
  position: absolute;
}
.sr8-bluescan.screen3.step3 .sr-alert-msg-3,
.sr8-bluescan.screen3.step4 .sr-alert-msg-3 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3.step3 .sr-fire-sensor-2,
.sr8-bluescan.screen3.step4 .sr-fire-sensor-2 {
  top: 260px;
  left: 818px;
  position: absolute;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen3.step3 .sr-fire-sensor-2 .sr-fire-item,
.sr8-bluescan.screen3.step4 .sr-fire-sensor-2 .sr-fire-item {
  display: inline-block;
  width: 40px;
  height: 44px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-fire-frame.png) no-repeat 50%/40px 44px;
  top: 50%;
  left: 50%;
  position: absolute;
  margin: -22px 0 0 -20px;
}
.sr8-bluescan.screen3.step3 .sr-control-panel,
.sr8-bluescan.screen3.step4 .sr-control-panel {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  width: auto;
  height: auto;
  top: 363px;
  left: 790px;
  position: absolute;
}
.sr8-bluescan.screen3.step3 .sr-control-panel .sr-control-item,
.sr8-bluescan.screen3.step4 .sr-control-panel .sr-control-item {
  width: 46px;
  height: 87px;
  -webkit-background-size: 46px auto;
  -moz-background-size: 46px auto;
  background-size: 46px auto;
  position: static;
  margin-left: 0;
}
.sr8-bluescan.screen3.step3 .sr-socket-wrap,
.sr8-bluescan.screen3.step4 .sr-socket-wrap {
  display: inline-block;
  top: 572px;
  left: 899px;
  position: absolute;
}
.sr8-bluescan.screen3.step3 .sr-socket-wrap .sr-socket-item,
.sr8-bluescan.screen3.step4 .sr-socket-wrap .sr-socket-item {
  width: 30px;
  height: 27px;
  -webkit-background-size: 30px auto;
  -moz-background-size: 30px auto;
  background-size: 30px auto;
}
.sr8-bluescan.screen3.step3 .bs-cctv-wrap-2,
.sr8-bluescan.screen3.step4 .bs-cctv-wrap-2 {
  top: 191px;
  left: 470px;
  position: absolute;
  font-size: 0;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen3.step3 .bs-cctv-wrap-2 .bs-cctv-item,
.sr8-bluescan.screen3.step4 .bs-cctv-wrap-2 .bs-cctv-item {
  display: inline-block;
  width: 46px;
  height: 33px;
  background: url(../../images/ko/showroom/sr8/img-sr8-cctv-item-frame.png) no-repeat 50%/46px auto;
}
.sr8-bluescan.screen3.step3 #popupSr8Sc3St3Sensor {
  display: inline-block;
}
.sr8-bluescan.screen3.step3 #popupSr8Sc3St3Sensor .frame-bottom .left strong {
  width: 70px;
  height: 51px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-cctv.png) no-repeat 50%/70px auto;
}
.sr8-bluescan.screen3.step3 #popupSr8Sc3St3Sensor .frame-bottom .center {
  width: 66px;
  height: 96px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-control-panel.png) no-repeat 50%/66px auto;
  bottom: -12px;
  margin-left: -33px;
}
.sr8-bluescan.screen3.step3 #popupSr8Sc3St3Sensor .frame-bottom .right strong {
  width: 80px;
  height: 80px;
  background: url(../../images/ko/showroom/sr8/img-sr8-popSensor-firealarm.png) no-repeat 50%/80px auto;
}
.sr8-bluescan.screen3.step3 .sr-alert-msg-3-2 {
  top: 496px;
  left: 823px;
  position: absolute;
}
.sr8-bluescan.screen3.step4 .closeup-3 {
  display: inline-block;
  width: 312px;
  height: 301px;
  top: 466px;
  left: 878px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-st4-closeup.png) no-repeat 50%/312px auto;
}
.sr8-bluescan.screen3.step4 .sr-alert-msg-3-2 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen3.step4 .layer-mobile-3 {
  display: inline-block;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc3-st4-mobile-msg.png) no-repeat 50%/460px auto;
  top: 439px;
  left: 273px;
  position: absolute;
}
.sr8-bluescan.screen3.step4 .bottom-gray-tooltip-wrap.active .bottom-gray-text3-2 {
  display: inline-block;
}
.sr8-bluescan.screen3.step4 #popupSr8Sc3St4Monitor {
  display: block;
}
.sr8-bluescan.screen4 .sr-temp-sensor {
  width: 126.5px;
  height: 133px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen4 .sr-temp-sensor.show {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen4 .sr-temp-sensor.active .sr-temp-beam {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen4 .sr-temp-item {
  display: inline-block;
  width: 40px;
  height: 53px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc4-st1-temp-sensor.png) no-repeat 50%/40px auto;
  top: 0;
  left: 48px;
  position: absolute;
}
.sr8-bluescan.screen4 .sr-temp-beam {
  display: inline-block;
  width: 126.5px;
  height: 88.5px;
  background: url(../../images/ko/showroom/sr8/img-radar-beam.png) no-repeat 50%/126.5px auto;
  top: 45px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen4.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -72px;
  left: -540px;
  width: 2280px;
  height: 1283px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior4-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen4.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm4-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  opacity: 0.6;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen4.step1 .sr-temp-sensor {
  top: 266px;
  left: 847px;
  position: absolute;
}
.sr8-bluescan.screen4.step1 .bottom-gray-tooltip-wrap.active .bottom-gray-text4-1 {
  display: inline-block;
}
.sr8-bluescan.screen4.step2 .showroom-background-layer,
.sr8-bluescan.screen4.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -300px;
  left: -1696px;
  width: 3980px;
  height: 2238px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior4-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen4.step2 .showroom-background-dim,
.sr8-bluescan.screen4.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm4-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  opacity: 0.6;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen4.step2 .sr-temp-sensor,
.sr8-bluescan.screen4.step3 .sr-temp-sensor {
  width: 192px;
  height: 256px;
  top: 310px;
  left: 739px;
  position: absolute;
}
.sr8-bluescan.screen4.step2 .sr-temp-sensor .sr-temp-item,
.sr8-bluescan.screen4.step3 .sr-temp-sensor .sr-temp-item {
  width: 60px;
  height: 78.1px;
  -webkit-background-size: 60px auto;
  -moz-background-size: 60px auto;
  background-size: 60px auto;
  top: 0;
  left: 74px;
}
.sr8-bluescan.screen4.step2 .sr-temp-sensor .sr-temp-beam,
.sr8-bluescan.screen4.step3 .sr-temp-sensor .sr-temp-beam {
  width: 192px;
  height: 133px;
  -webkit-background-size: 192px auto;
  -moz-background-size: 192px auto;
  background-size: 192px auto;
  top: 64px;
}
.sr8-bluescan.screen4.step2 .sr-alert-msg-4 {
  top: 450px;
  left: 581px;
  position: absolute;
}
.sr8-bluescan.screen4.step2 .sr-pointer-4 {
  top: 504px;
  left: 667px;
  position: absolute;
}
.sr8-bluescan.screen4.step2 .closeup-4 {
  width: 664px;
  height: 451px;
  top: 426px;
  left: 700px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc4-st2-closeup.png) no-repeat 50%/664px auto;
}
.sr8-bluescan.screen4.step2 #popupSr8Sc4St2Sensor {
  display: inline-block;
}
.sr8-bluescan.screen4.step2 #popupSr8Sc4St2Sensor .frame-bottom .left strong {
  width: 170px;
  height: 56px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc4-st2-popSensor-aircon.png) no-repeat 50%/170px auto;
}
.sr8-bluescan.screen4.step2 #popupSr8Sc4St2Sensor .frame-bottom .right strong {
  width: 89px;
  height: 89px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc4-st2-popSensor-sensor.png) no-repeat 50%/89px auto;
}
.sr8-bluescan.screen4.step2 .bottom-gray-tooltip-wrap.active .bottom-gray-text4-2 {
  display: inline-block;
}
.sr8-bluescan.screen4.step3 .sr-alert-msg-4 {
  display: none;
}
.sr8-bluescan.screen4.step3 .sr-pointer-4 {
  top: 476px;
  left: 494px;
  position: absolute;
}
.sr8-bluescan.screen4.step3 .aircon-wind-4 {
  display: inline-block;
  width: 528px;
  height: 398px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc4-st3-wind.png) no-repeat 50%/528px auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  top: 240px;
  left: 338px;
  position: absolute;
}
.sr8-bluescan.screen4.step3 .aircon-wind-4.active {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen4.step3 .closeup-4 {
  width: 335px;
  height: 231px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc4-st3-closeup.png) no-repeat 50%/335px auto;
  top: 460px;
  left: 267px;
  position: absolute;
}
.sr8-bluescan.screen4.step3 .layer-mobile-4 {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: 460px auto;
  -moz-background-size: 460px auto;
  background-size: 460px auto;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
.sr8-bluescan.screen4.step3 .layer-mobile-4.substep-1 {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-4-3-1.png);
}
.sr8-bluescan.screen4.step3 .layer-mobile-4.substep-2 {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-4-3-2.png);
}
.sr8-bluescan.screen4.step3 .layer-mobile-4.substep-3 {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-4-3-3.png);
}
.sr8-bluescan.screen4.step3 #popupSr8Sc4St4Monitor {
  display: inline-block;
}
.sr8-bluescan.screen4.step3 .bottom-gray-tooltip-wrap.active .bottom-gray-text4-3 {
  display: inline-block;
}
.sr8-bluescan.screen5 .sr-dust-sensor {
  width: 192px;
  height: 191px;
  position: absolute;
  -webkit-transition-duration: 1.2s;
  -moz-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.sr8-bluescan.screen5 .sr-dust-sensor.active .sr-dust-beam {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen5 .sr-dust-item {
  display: inline-block;
  width: 54px;
  height: 65px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc5-gas-sensor.png) no-repeat 50%/54px auto;
  top: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.sr8-bluescan.screen5 .sr-dust-beam {
  display: inline-block;
  width: 192px;
  height: 133px;
  background: url(../../images/ko/showroom/sr8/img-radar-beam.png) no-repeat 50%/192px auto;
  top: 59px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen5 .aircon-wind-5 {
  width: 267px;
  height: 150px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc5-st3-wind.png) no-repeat 50%/267px auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen5 .aircon-wind-5.active {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen5.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -72px;
  left: -540px;
  width: 2280px;
  height: 1282.5px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior5-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm5-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step1 .sr-dust-sensor {
  top: 246px;
  left: 821px;
  position: absolute;
}
.sr8-bluescan.screen5.step1 .sr-dust-item {
  width: 38px;
  height: 42px;
  -webkit-background-size: 38px auto;
  -moz-background-size: 38px auto;
  background-size: 38px auto;
}
.sr8-bluescan.screen5.step1 .sr-dust-beam {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen5.step1 .sr-pointer-5 {
  display: inline-block;
  top: 380.5px;
  left: 837.5px;
  position: absolute;
}
.sr8-bluescan.screen5.step1 .sr-alert-msg-5 {
  top: 331.5px;
  left: 719.5px;
  position: absolute;
}
.sr8-bluescan.screen5.step1 .bottom-gray-tooltip-wrap.active .bottom-gray-text5-1 {
  display: inline-block;
}
.sr8-bluescan.screen5.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1690px;
  width: 3980px;
  height: 2240px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior5-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm5-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step2 .sr-alert-msg-5 {
  top: 358px;
  left: 616px;
  position: absolute;
}
.sr8-bluescan.screen5.step2 .sr-pointer-5 {
  top: 407px;
  left: 734px;
  position: absolute;
}
.sr8-bluescan.screen5.step2 .closeup-5 {
  background: url(../../images/ko/showroom/sr8/img-sr8-sc5-st2-closeup.png) no-repeat 50%/617px auto;
  top: 443px;
  left: 770px;
  position: absolute;
}
.sr8-bluescan.screen5.step2 .bottom-gray-tooltip-wrap.active .bottom-gray-text5-2 {
  display: inline-block;
}
.sr8-bluescan.screen5.step2 #popupSr8Sc5St2Sensor {
  display: inline-block;
}
.sr8-bluescan.screen5.step2 #popupSr8Sc5St2Sensor .sr-popup-frame .frame-bottom .left strong {
  bottom: 20px;
  width: 132px;
  height: 117px;
  background: url(../../images/ko/showroom/sr8/img-sr8-st2-popSensor-aircon.png) no-repeat 50%/132px auto;
}
.sr8-bluescan.screen5.step2 #popupSr8Sc5St2Sensor .sr-popup-frame .frame-bottom .right strong {
  width: 78px;
  height: 78px;
  background: url(../../images/ko/showroom/sr8/img-sr8-st2-popSensor-airSensor.png) no-repeat 50%/78px auto;
}
.sr8-bluescan.screen5.step2 .closeup-5,
.sr8-bluescan.screen5.step3 .closeup-5 {
  display: inline-block;
  width: 617px;
  height: 406px;
}
.sr8-bluescan.screen5.step2 .sr-dust-sensor,
.sr8-bluescan.screen5.step3 .sr-dust-sensor,
.sr8-bluescan.screen5.step4 .sr-dust-sensor {
  top: 191px;
  left: 745px;
  position: absolute;
}
.sr8-bluescan.screen5.step2 .sr-dust-item,
.sr8-bluescan.screen5.step3 .sr-dust-item,
.sr8-bluescan.screen5.step4 .sr-dust-item {
  width: 70px;
  height: 73px;
  -webkit-background-size: 70px auto;
  -moz-background-size: 70px auto;
  background-size: 70px auto;
}
.sr8-bluescan.screen5.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1690px;
  width: 3980px;
  height: 2240px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior5-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm5-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step3 .sr-alert-msg-5 {
  display: none;
}
.sr8-bluescan.screen5.step3 .closeup-5 {
  background: url(../../images/ko/showroom/sr8/img-sr8-sc5-st3-closeup.png) no-repeat 50%/617px auto;
  top: 400px;
  left: 770px;
  position: absolute;
}
.sr8-bluescan.screen5.step3 .bottom-gray-tooltip-wrap.active .bottom-gray-text5-3 {
  display: inline-block;
}
.sr8-bluescan.screen5.step3 .aircon-wind-5,
.sr8-bluescan.screen5.step4 .aircon-wind-5 {
  top: 413px;
  left: 645px;
  position: absolute;
}
.sr8-bluescan.screen5.step3 .sr-pointer-5,
.sr8-bluescan.screen5.step4 .sr-pointer-5 {
  top: 364px;
  left: 734px;
  position: absolute;
}
.sr8-bluescan.screen5.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: -400px;
  left: -1690px;
  width: 3980px;
  height: 2240px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior5-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm5-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen5.step4 .sr-alert-msg-5 {
  display: none;
}
.sr8-bluescan.screen5.step4 .closeup-5 {
  display: inline-block;
  width: 313px;
  height: 233px;
  top: 338px;
  left: 477px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc5-st4-closeup.png) no-repeat 50%/313px auto;
}
.sr8-bluescan.screen5.step4 .layer-mobile-5 {
  top: 362px;
  left: 980px;
  position: absolute;
  background: url(../../images/ko/showroom/sr8/img-sr8-sr5-st4-mobile-msg.png) no-repeat 50%/460px auto;
}
.sr8-bluescan.screen5.step4 .bottom-gray-tooltip-wrap.active .bottom-gray-text5-4 {
  display: inline-block;
}
.sr8-bluescan.screen5.step4 #popupSr8Sc5St4Monitor {
  display: inline-block;
}
.sr8-bluescan.screen6 .sr-pointer-6 {
  top: 411px;
  left: 585px;
  position: absolute;
}
.sr8-bluescan.screen6 .sr-alert-msg-6 {
  top: 187px;
  left: 944px;
  position: absolute;
}
.sr8-bluescan.screen6 .closeup-6 {
  display: none;
}
.sr8-bluescan.screen6 .closeup-6.active {
  display: inline-block;
}
.sr8-bluescan.screen6.step1 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 59.96px;
  left: -17px;
  width: 1749px;
  height: 984px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior6-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step1 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm6-1.png");
  opacity: 0;
  visibility: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.sr8-bluescan.screen6.step1 #popupSr8Sc6St1Sensor {
  display: block;
}
.sr8-bluescan.screen6.step2 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 59.96px;
  left: -17px;
  width: 1749px;
  height: 984px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior6-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step2 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm6-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step2 #popupSr8Sc6St2Sensor {
  display: block;
}
.sr8-bluescan.screen6.step2 .closeup-6 {
  width: 664px;
  height: 501px;
  background: url(../../images/ko/showroom/sr8/img-sr8-sc6-st2-closeup.png) no-repeat 50%/664px auto;
  top: 265px;
  left: 618px;
  position: absolute;
}
.sr8-bluescan.screen6.step2 .bottom-gray-tooltip-wrap.active .bottom-gray-text6-1 {
  display: inline-block;
}
.sr8-bluescan.screen6.step3:has(.showroom-background-dim.off) .showroom-background-layer {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior6-1.jpg");
}
.sr8-bluescan.screen6.step3 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 59.96px;
  left: -17px;
  width: 1749px;
  height: 984px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior6-2.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step3 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm6-1.png");
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step3 .showroom-background-dim.off {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr8-bluescan.screen6.step3 .bs-building-frame {
  width: 596px;
  height: 878px;
  background: url(../../images/ko/showroom/sr8/img-sr8-building-frame.png) no-repeat 50%/596px 878px;
  top: 110px;
  left: 178px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step3 .bs-building-frame.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr8-bluescan.screen6.step3 .layer-mobile-6 {
  display: block;
  background: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-6-3.png) no-repeat 50% / cover;
  top: 362px;
  left: 900px;
  position: absolute;
}
.sr8-bluescan.screen6.step3 .layer-mobile-6.on {
  background-image: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-6-3-on.png);
}
.sr8-bluescan.screen6.step3 .bottom-gray-tooltip-wrap.active .bottom-gray-text6-2 {
  display: inline-block;
}
.sr8-bluescan.screen6.step3 .closeup-6 {
  background: url(../../images/ko/showroom/sr8/img-sr8-sc6-st3-closeup.png) no-repeat 50%/664px 503px;
  width: 664px;
  height: 503px;
  top: 263px;
  left: 618px;
  position: absolute;
}
.sr8-bluescan.screen6.step4 .showroom-background-layer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 59.96px;
  left: -17px;
  width: 1749px;
  height: 984px;
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-interior6-1.jpg");
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step4 .showroom-background-dim {
  background-image: url("../../images/ko/showroom/sr8/bg-sr8-dimm6-1.png");
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sr8-bluescan.screen6.step4 .layer-mobile-6 {
  display: block;
  background: url(../../images/ko/showroom/sr8/img-sr8-layer-mobile-msg-6-4.png) no-repeat 50% / cover;
  top: 362px;
  left: 900px;
  position: absolute;
}
.sr8-bluescan.screen6.step4 #popupSr8Sc6St4Monitor {
  display: block;
}
.sr8-bluescan.screen6.step4 .bottom-gray-tooltip-wrap.active .bottom-gray-text6-3 {
  display: inline-block;
}

.sr9-pmfm {
  background-color: rgb(226, 226, 226);
}
.sr9-pmfm .showroom-content-wrap9 {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.estimate-indicator {
  display: inline-block;
  top: 50%;
  right: 32px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 101;
}
.estimate-indicator-inner {
  width: 332px;
  padding: 32px 8px 8px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: rgba(246, 246, 246, 0.75);
  border: 1px solid #fff;
}
.estimate-indicator-title {
  padding: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.estimate-indicator-title > h4 {
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
}
.estimate-indicator-title .button-reset {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  padding: 6px 30px 6px 9px;
  background: rgba(198, 198, 198, 0.3);
  -moz-border-radius: 20px;
  border-radius: 20px;
  line-height: 1;
}
.estimate-indicator-title .button-reset:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 18px;
  right: 9px;
  top: 50%;
  margin-top: -9px;
  background: url(../../images/ko/showroom/srcomm/icon-reset.png) no-repeat 50%/17px 18px;
}
.estimate-indicator-details {
  margin-top: 24px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: rgba(246, 246, 246, 0.75);
  border: 1px solid #fff;
  padding: 28px 24px;
}
.estimate-indicator .select-details-item:last-of-type {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.estimate-indicator .select-details-item.open .details-btn:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.estimate-indicator .select-details-item.open .details-view {
  padding-bottom: 18px;
}
.estimate-indicator .select-details-item.open .details-view:has(button.option) {
  padding-bottom: 10px;
}
.estimate-indicator .select-details-item.done .details-btn:after {
  display: none;
}
.estimate-indicator .select-details-item.done .details-btn em {
  display: inline-block;
}
.estimate-indicator .select-details-item.disabled {
  pointer-events: none;
}
.estimate-indicator .select-details-item.disabled .details-btn {
  opacity: 0.5;
}
.estimate-indicator .select-details-item + .select-details-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.estimate-indicator .select-details-item + .select-details-item .details-btn {
  padding-top: 20px;
}
.estimate-indicator .select-details-item.place .details-view.commercial .opt-house {
  display: none;
}
.estimate-indicator .select-details-item.place .details-view.commercial .opt-cmsl {
  display: inline-block;
}
.estimate-indicator .select-details-item.place .details-view.household .opt-cmsl {
  display: none;
}
.estimate-indicator .select-details-item.place .details-view.household .opt-house {
  display: inline-block;
}
.estimate-indicator .select-details-item .details-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  padding-bottom: 20px;
  position: relative;
}
.estimate-indicator .select-details-item .details-btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../../images/ko/showroom/srcomm/icon-combo-arrow.png) no-repeat 50%/100% 100%;
  right: 0;
}
.estimate-indicator .select-details-item .details-btn > p {
  font-weight: 500;
  text-align: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  letter-spacing: -0.5px;
}
.estimate-indicator .select-details-item .details-btn > em {
  font-weight: 700;
  display: none;
}
.estimate-indicator .select-details-item .details-view {
  display: none;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.estimate-indicator .select-details-item .details-view.l-grid-3 .option {
  width: -webkit-calc(33.3% - 5px);
  width: -moz-calc(33.3% - 5px);
  width: calc(33.3% - 5px);
}
.estimate-indicator .select-details-item .option {
  width: -webkit-calc(50% - 4px);
  width: -moz-calc(50% - 4px);
  width: calc(50% - 4px);
  margin-bottom: 8px;
  font-size: 14px;
  text-align: center;
  height: 50px;
  line-height: 48px;
  background: #fff;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dcdcdc;
}
.estimate-indicator .select-details-item .option.selected {
  border-color: #1d6ceb;
}
.estimate-indicator .select-details-item .option.selected > span {
  color: #1d6ceb;
  font-weight: 700;
}
.estimate-indicator .select-details-item .spinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  width: 100%;
  height: 50px;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}
.estimate-indicator .select-details-item .spinner > button,
.estimate-indicator .select-details-item .spinner > input[type="number"] {
  height: 100%;
}
.estimate-indicator .select-details-item .spinner > button {
  width: 50px;
  background: #f5f5f5;
  background-repeat: no-repeat;
  background-position: 50%;
}
.estimate-indicator .select-details-item .spinner > button:disabled {
  pointer-events: none;
  opacity: 0.3;
}
.estimate-indicator .select-details-item .spinner > button.decrease {
  background-image: url(../../images/ko/showroom/srcomm/icon-minus.png);
  -webkit-background-size: 12px auto;
  -moz-background-size: 12px auto;
  background-size: 12px auto;
}
.estimate-indicator .select-details-item .spinner > button.increase {
  background-image: url(../../images/ko/showroom/srcomm/icon-plus.png);
  -webkit-background-size: 12px auto;
  -moz-background-size: 12px auto;
  background-size: 12px auto;
}
.estimate-indicator .select-details-item .spinner > input[type="number"] {
  -moz-appearance: textfield;
  font-size: 14px;
  width: -webkit-calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: calc(100% - 100px);
  background: #fff;
  text-align: center;
  border-width: 0 1px;
  border-style: solid;
  border-color: #dcdcdc;
  color: #353535;
  line-height: 48px;
}
.estimate-indicator .select-details-item .spinner > input[type="number"].text-blue {
  color: #1d6ceb;
  font-weight: 700;
}
.estimate-indicator .select-details-item .spinner > input[type="number"]::-webkit-outer-spin-button,
.estimate-indicator .select-details-item .spinner > input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.estimate-indicator .select-result p {
  margin-top: 8px;
  text-align: right;
  color: #c4c4c4;
  font-size: 24px;
  font-weight: 700;
  height: 36px;
}
.estimate-indicator .select-result p.calculated {
  font-size: 18px;
  color: #222;
}
.estimate-indicator .select-result p.calculated > em {
  font-size: 24px;
  font-weight: inherit;
}
.estimate-indicator .select-result span {
  margin-top: 18px;
  font-size: 12px;
  color: #757575;
  line-height: 1.25;
  display: inline-block;
}
.estimate-indicator .select-result span + span {
  margin-top: 1px;
}
.estimate-indicator .button-submit {
  margin-top: 18px;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  background: #1d6ceb;
  font-size: 20px;
  font-weight: 700;
  height: 48px;
  line-height: 46px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.estimate-indicator .button-submit:disabled {
  border: 1px solid #d9d9d9;
  background: #e4e4e4;
  color: #9d9d9d;
}

.sr-pricing.pr-store.pr-dimmed .showroom-screen-wrap.active .showroom-step-wrap.active .inner-frame:before {
  top: -70px;
}
.sr-pricing.pr-store.pr-dimmed .showroom-screen-wrap.active .showroom-step-wrap.active .inner-frame:after {
  top: 46%;
}
.sr-pricing.pr-dimmed .showroom-screen-wrap.active .showroom-step-wrap.active .inner-frame:before {
  content: "";
  display: inline-block;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  position: absolute;
  z-index: 5;
  background: rgba(0, 0, 0, 0.6);
  -webkit-filter: blur(5px);
  filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.sr-pricing.pr-dimmed .showroom-screen-wrap.active .showroom-step-wrap.active .inner-frame:after {
  content: "오른쪽 리스트에서 옵션을 선택해주세요.";
  display: inline-block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.sr-pricing .estimate-indicator {
  opacity: 0;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: 1s opacity, -webkit-filter;
  transition: 1s opacity, -webkit-filter;
  -o-transition: 1s opacity, filter;
  -moz-transition: 1s opacity, filter;
  transition: 1s opacity, filter;
  transition: 1s opacity, filter, -webkit-filter;
}
.sr-pricing .showroom-background-area {
  opacity: 0;
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: 1s opacity, -webkit-filter;
  transition: 1s opacity, -webkit-filter;
  -o-transition: 1s opacity, filter;
  -moz-transition: 1s opacity, filter;
  transition: 1s opacity, filter;
  transition: 1s opacity, filter, -webkit-filter;
}
.sr-pricing.main .estimate-indicator {
  opacity: 1;
  -webkit-filter: unset;
  filter: unset;
}
.sr-pricing.main .showroom-background-area {
  opacity: 1;
  -webkit-filter: unset;
  filter: unset;
}

.sr-pricing {
  background-color: rgb(226, 226, 226);
}
.sr-pricing.pr-house .showroom-background-layer {
  background-image: url(../../images/ko/showroom/pricing/bg-srpr-interior-house.jpg);
  -webkit-background-size: 1682px 946px;
  -moz-background-size: 1682px 946px;
  background-size: 1682px 946px;
}
.sr-pricing.pr-villa .showroom-background-layer {
  background-image: url(../../images/ko/showroom/pricing/bg-srpr-interior-villa.jpg);
  -webkit-background-size: 1700px 956.6px;
  -moz-background-size: 1700px 956.6px;
  background-size: 1700px 956.6px;
}
.sr-pricing.pr-store .showroom-background-layer {
  background-image: url(../../images/ko/showroom/pricing/bg-srpr-interior-store.jpg);
  -webkit-background-size: 1724px 970px;
  -moz-background-size: 1724px 970px;
  background-size: 1724px 970px;
}
.sr-pricing.pr-office .showroom-background-layer {
  background-image: url(../../images/ko/showroom/pricing/bg-srpr-interior-office.jpg);
  -webkit-background-size: 1632px 918px;
  -moz-background-size: 1632px 918px;
  background-size: 1632px 918px;
}
.sr-pricing.pr-factory .showroom-background-layer {
  background-image: url(../../images/ko/showroom/pricing/bg-srpr-interior-factory.jpg);
  -webkit-background-size: 1653px 929px;
  -moz-background-size: 1653px 929px;
  background-size: 1653px 929px;
}
.sr-pricing.pr-storage .showroom-background-layer {
  background-image: url(../../images/ko/showroom/pricing/bg-srpr-interior-storage.jpg);
  -webkit-background-size: 1376px 774px;
  -moz-background-size: 1376px 774px;
  background-size: 1376px 774px;
}
.sr-pricing .showroom-screen-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr-pricing .showroom-screen-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr-pricing .showroom-step-wrap {
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr-pricing .showroom-step-wrap.active {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr-pricing .showroom-step-inner {
  height: 100%;
  position: relative;
}
.sr-pricing .showroom-content-wrap-pr {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  z-index: 3;
}
.sr-pricing .showroom-background-area {
  width: 1920px;
  height: 1080px;
  top: 50%;
  left: 50%;
  position: absolute;
}
.sr-pricing .showroom-background-inner {
  position: relative;
  width: inherit;
  height: inherit;
}
.sr-pricing .showroom-background-layer {
  position: absolute;
  width: inherit;
  height: inherit;
  background-position: 50%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  top: 14px;
  left: -8%;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-image;
  -o-transition-property: background-image;
  -moz-transition-property: background-image;
  transition-property: background-image;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sr-pricing.main .showroom-background-layer {
  width: 100%;
  height: 100%;
  top: 0;
}
.sr-pricing.main .inner-frame {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sr-pricing.main .door-wrap .door-area {
  width: 120px;
  height: 120px;
  position: absolute;
}
.sr-pricing.main .door-wrap .door-item {
  display: inline-block;
  font-size: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr-pricing.main .door-wrap .door-item.show {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr-pricing.main .door-wrap .door-item.side-1 {
  top: 0;
  bottom: auto;
}
.sr-pricing.main .door-wrap .door-item.side-2 {
  right: 0;
  left: auto;
  -webkit-transform: scaleX(-1) rotate(0deg);
  -moz-transform: scaleX(-1) rotate(0deg);
  -ms-transform: scaleX(-1) rotate(0deg);
  transform: scaleX(-1) rotate(0deg);
}
.sr-pricing.main .door-wrap .door-item.side-3 {
  top: auto;
  bottom: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
  left: auto;
}
.sr-pricing.main .door-wrap .door-item.side-4 {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  -webkit-transform: scaleX(-1) rotate(180deg);
  -moz-transform: scaleX(-1) rotate(180deg);
  -ms-transform: scaleX(-1) rotate(180deg);
  transform: scaleX(-1) rotate(180deg);
}
.sr-pricing.main .door-wrap .door-item > i {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../../images/ko/showroom/pricing/img-srpr-door.png) no-repeat 50%/60px 60px;
}
.sr-pricing.main .door-wrap .door-lock-item {
  display: inline-block;
  font-size: 0;
  position: absolute;
  -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.05));
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.05));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr-pricing.main .door-wrap .door-lock-item.show {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr-pricing.main .door-wrap .door-lock-item > i {
  display: inline-block;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #fff;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 1px solid #cdd2de;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.sr-pricing.main .door-wrap .door-lock-item > i.finger {
  background-image: url(../../images/ko/showroom/pricing/img-srpr-lock-finger.jpg);
  -webkit-background-size: 37px auto;
  -moz-background-size: 37px auto;
  background-size: 37px auto;
}
.sr-pricing.main .door-wrap .door-lock-item > i.face {
  background-image: url(../../images/ko/showroom/pricing/img-srpr-lock-face.jpg);
  -webkit-background-size: 28px auto;
  -moz-background-size: 28px auto;
  background-size: 28px auto;
}
.sr-pricing.main .door-wrap .door-lock-item > i.card {
  background-image: url(../../images/ko/showroom/pricing/img-srpr-lock-card.jpg);
  -webkit-background-size: 25px auto;
  -moz-background-size: 25px auto;
  background-size: 25px auto;
}
.sr-pricing.main .cctv-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.sr-pricing.main .cctv-wrap.active {
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.sr-pricing.main .cctv-wrap .cctv-item {
  display: inline-block;
  width: 82px;
  height: 82px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  border: 3px solid #1d6ceb;
  -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.05));
  filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.05));
}
.sr-pricing.main .cctv-wrap .cctv-item.show .cctv-item-layer {
  opacity: 1;
}
.sr-pricing.main .cctv-wrap .cctv-item.show .cctv-item-layer button {
  pointer-events: unset;
}
.sr-pricing.main .cctv-wrap .cctv-item:before,
.sr-pricing.main .cctv-wrap .cctv-item:after {
  content: "";
  display: block;
  position: absolute;
  background: #1d6ceb;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
}
.sr-pricing.main .cctv-wrap .cctv-item:before {
  width: 2px;
  height: 24px;
  margin: -12px 0 0 -1px;
}
.sr-pricing.main .cctv-wrap .cctv-item:after {
  width: 24px;
  height: 2px;
  margin: -1px 0 0 -12px;
}
.sr-pricing.main .cctv-wrap .cctv-item-layer {
  opacity: 0;
}
.sr-pricing.main .cctv-wrap .cctv-item-layer button {
  pointer-events: none;
}
.sr-pricing.main .cctv-wrap .cctv-item-img {
  display: inline-block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: #fff url(../../images/ko/showroom/pricing/img-srpr-cctv.jpg) no-repeat 50%;
  -webkit-background-size: 64.7px auto;
  -moz-background-size: 64.7px auto;
  background-size: 64.7px auto;
  z-index: 1;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sr-pricing.main .cctv-wrap .cctv-item button {
  display: inline-block;
  width: 29px;
  height: 29px;
  z-index: 1;
  top: 0;
  right: 0;
  position: absolute;
  background: #1d6ceb;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sr-pricing.main .cctv-wrap .cctv-item button:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 2px;
  background: #fff;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -6px;
}
.sr-pricing.pr-house .showroom-background-layer {
  -webkit-background-size: 1682px 946px;
  -moz-background-size: 1682px 946px;
  background-size: 1682px 946px;
}
.sr-pricing.pr-house .inner-frame {
  width: 1047px;
  height: 876px;
  left: -webkit-calc(42% - 4px);
  left: -moz-calc(42% - 4px);
  left: calc(42% - 4px);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sr-pricing.pr-house .door-area-1 {
  top: 324px;
  left: 274px;
}
.sr-pricing.pr-house .door-area-1 .door-lock-item {
  right: -90.5px;
  top: -8px;
}
.sr-pricing.pr-house .door-area-2 {
  top: 514px;
  left: 217px;
}
.sr-pricing.pr-house .cctv-wrap.case-2 .cctv-item-3,
.sr-pricing.pr-house .cctv-wrap.case-2 .cctv-item-4 {
  display: none;
}
.sr-pricing.pr-house .cctv-item-1 {
  top: 315px;
  left: 243px;
}
.sr-pricing.pr-house .cctv-item-2 {
  top: 262px;
  right: 164px;
}
.sr-pricing.pr-house .cctv-item-3 {
  top: 121px;
  left: 486px;
}
.sr-pricing.pr-house .cctv-item-4 {
  bottom: 164px;
  right: -13px;
}
.sr-pricing.pr-villa .showroom-background-layer {
  -webkit-background-size: 1700.6px 956.6px;
  -moz-background-size: 1700.6px 956.6px;
  background-size: 1700.6px 956.6px;
}
.sr-pricing.pr-villa .inner-frame {
  width: 977px;
  height: 860px;
  left: 40.6%;
}
.sr-pricing.pr-villa .door-area-1 {
  left: -60px;
  top: 346px;
}
.sr-pricing.pr-villa .door-area-1 .door-lock-item {
  bottom: -91px;
  left: -12px;
}
.sr-pricing.pr-villa .door-area-2 {
  top: 464px;
  left: 365px;
}
.sr-pricing.pr-villa .cctv-wrap.case-2 .cctv-item-3,
.sr-pricing.pr-villa .cctv-wrap.case-2 .cctv-item-4 {
  display: none;
}
.sr-pricing.pr-villa .cctv-item-1 {
  left: -74px;
  top: 300px;
}
.sr-pricing.pr-villa .cctv-item-2 {
  top: 243px;
  right: 238px;
}
.sr-pricing.pr-villa .cctv-item-3 {
  right: 198px;
  bottom: 9px;
}
.sr-pricing.pr-villa .cctv-item-4 {
  left: 4px;
  bottom: 9px;
}
.sr-pricing.pr-villa .door-wrap .door-item.side-4 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sr-pricing.pr-office .showroom-background-layer {
  -webkit-background-size: 1641px 939px;
  -moz-background-size: 1641px 939px;
  background-size: 1641px 939px;
}
.sr-pricing.pr-office .inner-frame {
  width: 1042px;
  height: 842px;
  top: -webkit-calc(50% - 4px);
  top: -moz-calc(50% - 4px);
  top: calc(50% - 4px);
  left: -webkit-calc(42% - 4px);
  left: -moz-calc(42% - 4px);
  left: calc(42% - 4px);
}
.sr-pricing.pr-office .door-area-1 {
  left: 166px;
  top: 179px;
}
.sr-pricing.pr-office .door-area-1 .door-lock-item {
  top: -30px;
  left: -10px;
}
.sr-pricing.pr-office .door-area-2 {
  right: 31px;
  bottom: 202px;
}
.sr-pricing.pr-office .door-area-2 .door-lock-item {
  right: -40px;
  top: 15px;
}
.sr-pricing.pr-office .cctv-wrap.case-2 .cctv-item-3,
.sr-pricing.pr-office .cctv-wrap.case-2 .cctv-item-4 {
  display: none;
}
.sr-pricing.pr-office .cctv-item-1 {
  top: 315px;
  left: 155px;
}
.sr-pricing.pr-office .cctv-item-2 {
  top: 350px;
  right: -11px;
}
.sr-pricing.pr-office .cctv-item-3 {
  left: 224px;
  top: 30px;
}
.sr-pricing.pr-office .cctv-item-4 {
  bottom: 152px;
  right: 187px;
}
.sr-pricing.pr-office .door-wrap .door-area-1 .door-item.side-4 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sr-pricing.pr-factory .showroom-background-layer {
  -webkit-background-size: 1651px 950px;
  -moz-background-size: 1651px 950px;
  background-size: 1651px 950px;
}
.sr-pricing.pr-factory .inner-frame {
  width: 1011px;
  height: 841px;
  left: -webkit-calc(42% - 6px);
  left: -moz-calc(42% - 6px);
  left: calc(42% - 6px);
}
.sr-pricing.pr-factory .door-area {
  bottom: 167px;
}
.sr-pricing.pr-factory .door-area .door-lock-item {
  left: 60px;
}
.sr-pricing.pr-factory .door-area-1 {
  right: 267px;
}
.sr-pricing.pr-factory .door-area-2 {
  right: 20px;
}
.sr-pricing.pr-factory .cctv-wrap.case-2 .cctv-item-3,
.sr-pricing.pr-factory .cctv-wrap.case-2 .cctv-item-4 {
  display: none;
}
.sr-pricing.pr-factory .cctv-item-1 {
  left: 112px;
  top: 204px;
}
.sr-pricing.pr-factory .cctv-item-2 {
  top: -45px;
  right: -20px;
}
.sr-pricing.pr-factory .cctv-item-3 {
  top: 350px;
  right: -20px;
}
.sr-pricing.pr-factory .cctv-item-4 {
  top: -45px;
  left: 64px;
}
.sr-pricing.pr-storage .showroom-background-layer {
  -webkit-background-size: 1377px 775px;
  -moz-background-size: 1377px 775px;
  background-size: 1377px 775px;
}
.sr-pricing.pr-storage .inner-frame {
  width: 1287px;
  height: 681px;
  left: 42%;
}
.sr-pricing.pr-storage .door-area {
  bottom: 29px;
}
.sr-pricing.pr-storage .door-area .door-lock-item {
  left: 60px;
}
.sr-pricing.pr-storage .door-area-1 {
  left: 91px;
}
.sr-pricing.pr-storage .door-area-2 {
  left: 333px;
}
.sr-pricing.pr-storage .cctv-wrap.case-2 .cctv-item-3,
.sr-pricing.pr-storage .cctv-wrap.case-2 .cctv-item-4 {
  display: none;
}
.sr-pricing.pr-storage .cctv-item-1 {
  top: 334px;
  left: 397px;
}
.sr-pricing.pr-storage .cctv-item-2 {
  right: 339px;
  bottom: 196px;
}
.sr-pricing.pr-storage .cctv-item-3 {
  top: 339px;
  left: -29px;
}
.sr-pricing.pr-storage .cctv-item-4 {
  top: -13px;
  right: 423px;
}
.sr-pricing.pr-store .showroom-background-layer {
  -webkit-background-size: 1663px 971px;
  -moz-background-size: 1663px 971px;
  background-size: 1663px 971px;
}
.sr-pricing.pr-store .inner-frame {
  width: 1062px;
  height: 794px;
  left: 40%;
  top: -webkit-calc(50% + 17px);
  top: -moz-calc(50% + 17px);
  top: calc(50% + 17px);
}
.sr-pricing.pr-store .door-wrap {
  width: 210px;
  height: -webkit-calc(100% + 240px);
  height: -moz-calc(100% + 240px);
  height: calc(100% + 240px);
  top: -120px;
  bottom: -120px;
  left: 81px;
  position: absolute;
}
.sr-pricing.pr-store .door-wrap .door-area {
  width: 150px;
  position: absolute;
  font-size: 0;
}
.sr-pricing.pr-store .door-wrap .door-area-1 {
  top: 59px;
}
.sr-pricing.pr-store .door-wrap .door-area-1 .door-lock-item {
  top: 28px;
  right: 0;
}
.sr-pricing.pr-store .door-wrap .door-area-2 {
  bottom: 60px;
  left: 60px;
}
.sr-pricing.pr-store .door-wrap .door-area-2 .door-item {
  -webkit-transform: scaleX(-1) rotate(180deg);
  -moz-transform: scaleX(-1) rotate(180deg);
  -ms-transform: scaleX(-1) rotate(180deg);
  transform: scaleX(-1) rotate(180deg);
  bottom: 0;
}
.sr-pricing.pr-store .door-wrap .door-area-2 .door-lock-item {
  right: 0;
  bottom: 20px;
}
.sr-pricing.pr-store .cctv-wrap {
  width: -webkit-calc(100% - 271px);
  width: -moz-calc(100% - 271px);
  width: calc(100% - 271px);
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.sr-pricing.pr-store .cctv-wrap.case-2 .cctv-item-3,
.sr-pricing.pr-store .cctv-wrap.case-2 .cctv-item-4 {
  display: none;
}
.sr-pricing.pr-store .cctv-wrap .cctv-item-1 {
  left: -40px;
  top: -40px;
}
.sr-pricing.pr-store .cctv-wrap .cctv-item-2 {
  left: -40px;
  bottom: -40px;
}
.sr-pricing.pr-store .cctv-wrap .cctv-item-3 {
  right: -40px;
  top: -40px;
}
.sr-pricing.pr-store .cctv-wrap .cctv-item-4 {
  right: -40px;
  bottom: -40px;
}

.wrap-online-showroom .showroom-container-wrap.sr0-main {
  background-color: rgb(226, 226, 226);
}
.wrap-online-showroom .showroom-container-wrap.sr0-main .title-pa {
  position: absolute;
  top: 146px;
  left: 127px;
}
.wrap-online-showroom .showroom-container-wrap .showroom-container-inner .showroom-content-wrap.showroom-main {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  top: 60%;
  left: 57%;
  width: 1530px;
  height: 966px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrap-online-showroom .unit-select-wrap {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  display: block;
  position: absolute;
  width: 354px;
  height: 348px;
  background-color: rgba(0, 0, 0, 0);
}
.wrap-online-showroom .unit-select-wrap .hover-bg {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .unit-select-wrap:hover .hover-bg,
.wrap-online-showroom .unit-select-wrap:hover .speech-bubble-wrap {
  opacity: 1;
  visibility: unset;
  pointer-events: unset;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap1 {
  top: 594px;
  left: 66px;
  width: 320px;
  height: 179px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr1_normal.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap1 .title-sign {
  top: -42px;
  left: 54%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap2 {
  top: 253px;
  left: 0;
  width: 374px;
  height: 316px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr2_normal.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap2 .title-sign {
  top: -74px;
  left: 38%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap3 {
  top: 425px;
  left: 396px;
  width: 352px;
  height: 271px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr3_normal.png");
  z-index: 1;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap3:hover {
  background-image: url("../../images/ko/showroom/sr0/btn_sr3_hover.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap3 .title-sign {
  top: -62px;
  left: 43%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap4 {
  top: 157px;
  left: 697px;
  width: 408px;
  height: 414px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr4_normal.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap4 .title-sign {
  top: -63px;
  left: 32%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap5 {
  top: 619px;
  left: 635px;
  width: 638px;
  height: 348px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr5_normal.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap5 .title-sign {
  top: -8px;
  left: 23%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap6 {
  top: 445px;
  left: 1051px;
  width: 480px;
  height: 274px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr6_normal.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap6 .title-sign {
  top: -46px;
  left: 59%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap8 {
  top: 93px;
  left: 1010px;
  width: 398px;
  height: 319px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr8_normal.png");
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap8:hover {
  background-image: url("../../images/ko/showroom/sr0/btn_sr8_hover.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap8:hover .speech-bubble-wrap {
  top: 100px;
  left: 52%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap8 .title-sign {
  top: -76px;
  left: 25%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap8 .speech-bubble-wrap {
  top: 100px;
  left: 47%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap9 {
  top: 1px;
  left: 329px;
  width: 408px;
  height: 433px;
  background-image: url("../../images/ko/showroom/sr0/btn_sr9_normal.png");
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap9:hover .speech-bubble-wrap {
  top: 95px;
  left: 34%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap9 .title-sign {
  top: -66px;
  left: 31%;
}
.wrap-online-showroom .unit-select-wrap.unit-select-wrap9 .speech-bubble-wrap {
  top: 95px;
  left: 29%;
}
.wrap-online-showroom .unit-select-wrap .unit-select-inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

/* 2025-02-26 헤더 */
.showroom-container-wrap .showroom-intro-header {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 0;
  left: 0;
  right: 0;
  height: 96px;
  padding: 0 40px;
  z-index: 100;
}
.showroom-container-wrap .showroom-intro-header .logo {
  display: none;
}
.wrap-online-showroom .showroom-container-wrap .showroom-intro-header [class*="page-"],
.showroom-container-wrap .showroom-intro-header [class*="page-"] {
  position: static;
  display: inline-block;
  width: 48px;
  height: 48px;
  border: none;
  background-repeat: no-repeat;
  background-size: 56px auto;
  background-position: center center;
}
.showroom-container-wrap .showroom-intro-header .page-back:not(.button-screen-wrap) {
  background-image: url(../../images/ko/showroom/main/btn_back.png);
}
.showroom-container-wrap .showroom-intro-header .page-menu {
  background-image: url(../../images/ko/showroom/main/btn_menu.png);
}
.showroom-container-wrap .showroom-intro-header .button-screen-wrap.page-intro {
  display: none;
}
.showroom-container-wrap.sr-pricing .showroom-intro-header {
  justify-content: flex-start;
  gap: 16px;
}
.showroom-container-wrap.sr-pricing .showroom-intro-header .button-screen-wrap.page-intro {
  display: inline-block;
}

.showroom-container-wrap.sr-pricing .showroom-intro-header .page-menu {
}
.showroom-container-wrap .showroom-container-inner.active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 30%;
  height: 100%;
  z-index: 10;
  background: linear-gradient(to right, #f2f2f2 30%, transparent 100%);
}
/* 2025-02-26 전체메뉴(팝업) */
.modal_wrap.room_menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s;
}
.modal_wrap.room_menu.on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all 0.3s;
}
.room_menu .room_menu_inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #333;
  color: #fff;
  padding-top: 96px;
  overflow-y: auto;
  transform: translateY(-100%);
  animation: slideUpMenu 0.3s ease;
}
.room_menu.on .room_menu_inner {
  transform: translateY(0);
  animation: slideDownMenu 0.3s ease;
}
@keyframes slideDownMenu {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideUpMenu {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.modal_wrap.room_menu .menu_list {
  max-width: 1520px;
  margin: 4.58vw auto 0;
}
.modal_wrap.room_menu .menu_list a:hover,
.modal_wrap.room_menu .menu_list li.active {
  color: #8bc6ff;
}
.modal_wrap.room_menu .menu_list > li {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 72px;
}
.modal_wrap.room_menu .menu_list > li:first-child .menu_list_sub {
  grid-template-columns: 1fr;
}
.modal_wrap.room_menu .menu_list > li:first-child .menu_list_sub > li {
  display: flex;
  justify-content: space-between;
}
.modal_wrap.room_menu .menu_list > li > strong {
  line-height: 120%;
  font-size: 48px;
  font-weight: 700;
}
.modal_wrap.room_menu .menu_list > li ~ li {
  margin-top: 80px;
}
.modal_wrap.room_menu .menu_list_sub {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 40px;
  border-top: 1px solid #666;
}
.modal_wrap.room_menu .menu_list > li ~ li .menu_list_sub > li {
  margin-bottom: 80px;
}
.modal_wrap.room_menu .menu_list_sub > li > strong {
  display: inline-block;
  line-height: 48px;
  font-weight: 700;
  font-size: 24px;
}
.modal_wrap.room_menu .menu_list_sub > li > strong > a {
  display: inline-block;
  position: relative;
  padding-right: 28px;
}
/* s: 2025-03-13 반영예정 */
/* .modal_wrap.room_menu .menu_list_sub > li > strong > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(../../images/ko/showroom/main/icon_link_arrow.png) no-repeat center;
  background-size: 100% 100%;
}
.modal_wrap.room_menu .menu_list_sub > li > strong > a:hover::after,
.modal_wrap.room_menu .menu_list_sub > li.active > strong > a::after {
  background-image: url(../../images/ko/showroom/main/icon_link_arrow_hover.png);
} */
.modal_wrap.room_menu .menu_list_sub > li > strong > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(../../images/ko/showroom/main/icon_link_arrow.svg) no-repeat center;
  background-size: 100% 100%;
}
.modal_wrap.room_menu .menu_list_sub > li > strong > a:hover::after,
.modal_wrap.room_menu .menu_list_sub > li.active > strong > a::after {
  background-image: url(../../images/ko/showroom/main/icon_link_arrow_hover.svg);
}
/* e: 2025-03-13 반영예정 */
.modal_wrap.room_menu .menu_list_sub > li > ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.modal_wrap.room_menu .menu_list_sub > li > ul > li {
  line-height: 48px;
  font-size: 22px;
  color: #999;
}
.modal_wrap.room_menu .menu_list_sub > li > ul > li > a {
  font-weight: 600;
}
.room_menu .btn_close {
  display: block;
  position: fixed;
  top: 24px;
  right: 39px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: url(../../images/ko/showroom/main/btn_menu.png) no-repeat center;
  background-size: 56px auto;
  opacity: 0;
}
.room_menu.on .btn_close {
  opacity: 1;
  background: url(../../images/ko/showroom/main/btn_close.png) no-repeat center;
  transition: opacity 0.3s ease, background-image 0.3s ease;
}
.modal_wrap.room_menu .btn-home {
  display: inline-block;
  width: 100px;
  height: 48px;
  border-radius: 4px;
  background-color: #666;
  padding-left: 16px;
}
.modal_wrap.room_menu .btn-home em {
  display: inline-block;
  position: relative;
  width: 43px;
  height: 48px;
  background: url(../../images/ko/showroom/main/logo_ci.png) no-repeat center;
  background-size: 100% auto;
}
/* s: 2025-03-13 반영예정 */
/* .modal_wrap.room_menu .btn-home em:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(../../images/ko/showroom/main/icon_home.png) no-repeat center;
  background-size: 100% 100%;
} */
.modal_wrap.room_menu .btn-home em:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url(../../images/ko/showroom/main/icon_home.svg) no-repeat center;
  background-size: 100% 100%;
}
/* e: 2025-03-13 반영예정 */
/* 반응형: 1520px 이하 */
@media (max-width: 1520px) {
  /* 전체메뉴(팝업) */
  .room_menu .room_menu_inner {
    padding-top: 5vw;
  }
  .modal_wrap.room_menu .menu_list {
    max-width: 79.1667vw;
    margin: 4.58vw auto 0;
  }
  .modal_wrap.room_menu .menu_list > li {
    grid-template-columns: 16.6667vw 1fr;
    gap: 3.75vw;
  }
  .modal_wrap.room_menu .menu_list > li > strong {
    font-size: 2.9167vw;
  }
  .modal_wrap.room_menu .menu_list > li ~ li {
    margin-top: 6.25vw;
  }
  .modal_wrap.room_menu .menu_list_sub {
    padding-top: 2.0833vw;
  }
  .modal_wrap.room_menu .menu_list > li ~ li .menu_list_sub > li {
    margin-bottom: 4.1667vw;
  }
  .modal_wrap.room_menu .menu_list_sub > li > strong {
    line-height: 2.5vw;
    font-size: 1.4583vw;
  }
  .modal_wrap.room_menu .menu_list_sub > li > strong > a {
    padding-right: 1.4583vw;
  }
  .modal_wrap.room_menu .menu_list_sub > li > strong > a::after {
    right: 0;
    width: 1.25vw;
    height: 1.25vw;
  }
  .modal_wrap.room_menu .menu_list_sub > li > ul {
    gap: 0.2083vw;
    margin-top: 0.4167vw;
  }
  .modal_wrap.room_menu .menu_list_sub > li > ul > li {
    line-height: 2.5vw;
    font-size: 1.25vw;
  }
  /* .room_menu .btn_close {
  top: 1.25vw;
  right: 2.0313vw;
  width: 2.5vw;
  height: 2.5vw;
  background-size: 2.9167vw auto;
} */
  .modal_wrap.room_menu .btn-home {
    width: 5.2083vw;
    height: 2.5vw;
    border-radius: 0.2083vw;
    padding-left: 0.8333vw;
  }
  .modal_wrap.room_menu .btn-home em {
    width: 2.2396vw;
    height: 2.5vw;
  }
  .modal_wrap.room_menu .btn-home em:after {
    right: -1.4583vw;
    width: 1.25vw;
    height: 1.25vw;
  }
}

@-webkit-keyframes srPointerLayer1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-moz-keyframes srPointerLayer1 {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes srPointerLayer1 {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes srPointerLayer2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes srPointerLayer2 {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -moz-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes srPointerLayer2 {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  80% {
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes srTargetingFrame {
  0% {
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
  }
  100% {
    -webkit-background-size: 118px 118px;
    background-size: 118px 118px;
  }
}
@-moz-keyframes srTargetingFrame {
  0% {
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
  }
  100% {
    -moz-background-size: 118px 118px;
    background-size: 118px 118px;
  }
}
@keyframes srTargetingFrame {
  0% {
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
  }
  100% {
    -webkit-background-size: 118px 118px;
    -moz-background-size: 118px 118px;
    background-size: 118px 118px;
  }
}
@-webkit-keyframes srTargetingInner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes srTargetingInner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes srTargetingInner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes sPointerRed {
  0% {
    background-image: url("../../images/ko/showroom/s-pointer1.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/s-pointer2.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/s-pointer3.png");
  }
}
@-moz-keyframes sPointerRed {
  0% {
    background-image: url("../../images/ko/showroom/s-pointer1.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/s-pointer2.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/s-pointer3.png");
  }
}
@keyframes sPointerRed {
  0% {
    background-image: url("../../images/ko/showroom/s-pointer1.png");
  }
  50% {
    background-image: url("../../images/ko/showroom/s-pointer2.png");
  }
  100% {
    background-image: url("../../images/ko/showroom/s-pointer3.png");
  }
}
@-webkit-keyframes bsmainIcon {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-filter: unset;
    filter: unset;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    -webkit-filter: blur(0.3px);
    filter: blur(0.3px);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bsmainIcon {
  0% {
    -moz-transform: scale(0.7);
    transform: scale(0.7);
    filter: unset;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    filter: blur(0.3px);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bsmainIcon {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-filter: unset;
    filter: unset;
  }
  70% {
    opacity: 0.8;
  }
  100% {
    -webkit-filter: blur(0.3px);
    filter: blur(0.3px);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bsVisibleAnimate {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
}
@-moz-keyframes bsVisibleAnimate {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
}
@keyframes bsVisibleAnimate {
  0% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    visibility: unset;
    pointer-events: unset;
  }
}
@-webkit-keyframes bsSensorPopBg {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-moz-keyframes bsSensorPopBg {
  0% {
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes bsSensorPopBg {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes bsLineVerAnimate {
  0% {
    bottom: -83px;
    height: 0%;
  }
  100% {
    bottom: -83px;
    height: 100%;
  }
}
@-moz-keyframes bsLineVerAnimate {
  0% {
    bottom: -83px;
    height: 0%;
  }
  100% {
    bottom: -83px;
    height: 100%;
  }
}
@keyframes bsLineVerAnimate {
  0% {
    bottom: -83px;
    height: 0%;
  }
  100% {
    bottom: -83px;
    height: 100%;
  }
}
@-webkit-keyframes bsLineHorAnimate {
  0% {
    width: 0;
  }
  100% {
    width: 240px;
  }
}
@-moz-keyframes bsLineHorAnimate {
  0% {
    width: 0;
  }
  100% {
    width: 240px;
  }
}
@keyframes bsLineHorAnimate {
  0% {
    width: 0;
  }
  100% {
    width: 240px;
  }
}
@-webkit-keyframes bsBgBigger {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bsBgBigger {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bsBgBigger {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
/*# sourceMappingURL=../maps/ko/showroom.css.map */