디즈니 작업 중

.prettierrc

@@ -1,4 +1,4 @@
 {
-  "printWidth": 99999,
-  "tabWidth": 2
+    "printWidth": 99999,
+    "tabWidth": 2
 }

kr/assets/css/pdp_detail.css

@@ -3794,4 +3794,167 @@
 .displayTheme-kbo.comp_wide .displayThemeKboDtl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: #000;
 }
+
+.displayThemeDesney .comp_body .text_area {
+  margin-top: 8rem;
+  text-align: center;
+}
+.displayThemeDesney .comp_body .text_area h3 {
+  margin: 1.2rem 0 3rem;
+  font-size: 4.8rem;
+  letter-spacing: -0.095rem;
+}
+.displayThemeDesney .comp_body .text_area .info {
+  color: #f0f0f0;
+  letter-spacing: -0.032rem;
+  line-height: 1.5;
+}
+.displayThemeDesney .available-theme {
+  min-height: 85.1rem;
+  background-color: #f0f0f0;
+  background-image: radial-gradient(#e7e7e7 2px, transparent 4px);
+  background-size: 3.4rem 3.5rem;
+}
+.displayThemeDesney .available-theme h3 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 30.6rem;
+  font-size: 4.8rem;
+  font-weight: 600;
+  padding-bottom: 8.6rem;
+  letter-spacing: -0.095rem;
+  background: url(../images/kia/pdp/display_theme_disney/available-h3.png) no-repeat center/auto 100%;
+}
+.displayThemeDesney .available-theme .list {
+  display: flex;
+  justify-content: center;
+  padding-top: 4.8rem;
+}
+.displayThemeDesney .available-theme .list ul {
+  display: flex;
+  gap: 3.1rem;
+}
+.displayThemeDesney .available-theme .list ul li {
+  width: 28.2rem;
+  height: 36.9rem;
+  background-color: #fff;
+  box-shadow: 0px 0px 1rem 0px rgba(0, 0, 0, 0.12);
+}
+.displayThemeDesney .available-theme .list ul li a {
+  display: block;
+}
+.displayThemeDesney .available-theme .list ul li a img {
+  max-width: 100%;
+}
+.displayThemeDesney .available-theme .list ul li a .txt {
+  display: block;
+  padding: 2rem 2.4rem;
+  line-height: 1.333;
+}
+.displayThemeDesney .available-theme .list ul li a .txt strong {
+  font-size: 2.4rem;
+  color: #000;
+}
+.displayThemeDesney .available-theme .list ul li a .txt .hashs {
+  display: block;
+  margin-top: 2.4rem;
+  font-size: 1.6rem;
+  color: #888;
+  line-height: 1.5;
+}
+.displayThemeDesney .available-theme .list ul li.more {
+  width: 61rem;
+  height: 40.5rem;
+  padding: 6.6rem 5.8rem;
+  margin: -1.8rem 0 0 -1.8rem;
+  background: url(../images/kia/pdp/display_theme_disney/box_more.png) no-repeat center/auto 100%;
+  box-shadow: none;
+}
+.displayThemeDesney .available-theme .list ul li.more strong {
+  display: flex;
+  align-items: center;
+  margin-bottom: 3.6rem;
+  font-size: 3rem;
+  color: #000;
+  font-weight: 600;
+}
+.displayThemeDesney .available-theme .list ul li.more .arrow {
+  display: inline-block;
+  position: relative;
+  width: 40px;
+  height: 4px;
+  margin-left: 0.8rem;
+  background-color: #f5c400;
+}
+.displayThemeDesney .available-theme .list ul li.more .arrow::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%) rotate(45deg);
+  width: 20px;
+  height: 20px;
+  border-top: 4px solid #f5c400;
+  border-right: 4px solid #f5c400;
+}
+.displayThemeDesney .available-theme .list ul li.more .hashs {
+  display: block;
+  margin-top: 2.2rem;
+  color: #969696;
+  letter-spacing: -0.032rem;
+}
+.displayThemeDesney.comp_content .comp_wide {
+  max-width: 192rem;
+  padding: 12rem 0 0;
+  background: url(../images/kia/pdp/display_theme_disney/bg_design.jpg) no-repeat center top/100% auto;
+  text-align: center;
+}
+.displayThemeDesney.comp_content .comp_wide .comp_top {
+  padding: 0 0 7.6rem;
+}
+.displayThemeDesney.comp_content .comp_wide .comp_top h3 {
+  margin: 0 0 3rem;
+  font-size: 4.8rem;
+  font-weight: 600;
+  color: #fff;
+  letter-spacing: -0.095rem;
+}
+.displayThemeDesney.comp_content .comp_wide .comp_top .info {
+  font-size: 1.6rem;
+  color: #f0f0f0;
+  letter-spacing: -0.032rem;
+  line-height: 1.5;
+}
+.displayThemeDesney.comp_content .comp_wide .comp_body {
+  max-width: 120rem;
+}
+.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul {
+  display: flex;
+  -moz-column-gap: 0.8rem;
+       column-gap: 0.8rem;
+}
+.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li button {
+  height: 4.3rem;
+  padding: 0 1.6rem 0 1.2rem;
+  font-size: 1.6rem;
+  font-weight: 600;
+  color: #666;
+  background-color: #2c2c2c;
+  border-radius: 2.2rem;
+  border: 0.2rem solid rgba(255, 255, 255, 0.2);
+}
+.displayThemeDesney.comp_content .comp_wide .tab-wrap .tab-menu ul li.active button {
+  color: #fff;
+  border: 0;
+  background: linear-gradient(90deg, #ed1c24 0%, #b51016 100%);
+}
+
+.desktop .displayThemeDesney .mobile {
+  display: none;
+}
+
+.moblie .displayThemeDesney .web {
+  display: none;
+}
 /*# sourceMappingURL=pdp_detail.css.map */