kbo 작업중

assets/css/pdp_detail.css

@@ -3641,4 +3641,38 @@
   font-weight: 400;
   text-align: center;
 }
+
+@media (max-width: 768px) {
+  .displayTheme.comp_wide .comp_top .comp_body .text_area h3 {
+    letter-spacing: -0.075em;
+  }
+}
+.displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper.pdpDisplayThemeKbo {
+  padding: 0;
+}
+@media (max-width: 768px) {
+  .displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper.pdpDisplayThemeKbo {
+    padding: 0 1.3rem;
+  }
+}
+.displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper.pdpDisplayThemeKbo .swiper-wrapper {
+  flex-wrap: wrap;
+  justify-content: center;
+  max-width: 1180px;
+  margin: 0 auto;
+}
+@media (max-width: 768px) {
+  .displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper.pdpDisplayThemeKbo .swiper-wrapper {
+    justify-content: flex-start;
+  }
+}
+@media (max-width: 768px) {
+  .displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper.pdpDisplayThemeKbo .swiper-wrapper .swiper-slide {
+    width: 25% !important;
+    padding: 0.5rem;
+  }
+}
+.displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper.pdpDisplayThemeKbo .swiper-wrapper .swiper-slide:first-child {
+  margin-left: 0;
+}
 /*# sourceMappingURL=pdp_detail.css.map */

assets/css/pdp_detail.scss

@@ -4160,3 +4160,48 @@
         }
     }
 }
+
+//KBO PDP
+.displayTheme.comp_wide {
+    .comp_top {
+        .comp_body {
+            .text_area {
+                h3 {
+                    @include maxtablet {
+                        letter-spacing: -0.075em;
+                    }
+                }
+            }
+        }
+    }
+    .comp_bottom {
+        .com_bottm_inner {
+            .swiper {
+                &.pdpDisplayThemeKbo {
+                    padding: 0;
+                    @include maxtablet {
+                        padding: 0 1.3rem;
+                    }
+                    .swiper-wrapper {
+                        flex-wrap: wrap;
+                        justify-content: center;
+                        max-width: 1180px;
+                        margin: 0 auto;
+                        @include maxtablet {
+                            justify-content: flex-start;
+                        }
+                        .swiper-slide {
+                            @include maxtablet {
+                                width: 25% !important;
+                                padding: 0.5rem;
+                            }
+                            &:first-child {
+                                margin-left: 0;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}