구디즈니 작업 중

kr/assets/css/pdp_detail.css

@@ -4296,6 +4296,7 @@
   }
 }
 .displayThemeDesney .image_area {
+  position: relative;
   max-width: 100%;
 }
 .displayThemeDesney .image_area img {
@@ -4572,6 +4573,20 @@
 .displayThemeDesney.comp_2x_b_h_s_e2 .text_area {
   text-align: left;
 }
+.displayThemeDesney .btn-zoom {
+  display: block;
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  width: 2.4rem;
+  height: 2.4rem;
+  background: url(../images/kia/pdp/display_theme_disney/btn_zoom.png) no-repeat 0 0/100% auto;
+}
+@media (min-width: 768px) {
+  .displayThemeDesney .btn-zoom {
+    display: none;
+  }
+}
 
 .desktop .displayThemeDesney .mobile {
   display: none;
@@ -4584,4 +4599,50 @@
 .moblie .displayThemeDesney .web {
   display: none;
 }
+
+.pdp-zoom {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.9);
+  z-index: 9999;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  /* 팝업에 overflow 방지 */
+  overflow: hidden;
+}
+
+.zoom-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100vh;
+  /* 회전 + 위치 보정 */
+  transform-origin: center center;
+}
+
+.pdp-zoom img,
+.pdp-zoom video {
+  width: 100%;
+  height: auto;
+  max-width: none;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.btn-close-zoom {
+  display: block;
+  position: absolute;
+  top: 2rem;
+  right: 2rem;
+  width: 2.4rem;
+  height: 2.4rem;
+  text-indent: -9999em;
+  background: url(../images/kia/pdp/display_theme_disney/btn_zoom_close.png) no-repeat 0 0/100% auto;
+  cursor: pointer;
+}
 /*# sourceMappingURL=pdp_detail.css.map */