포토리뷰, 마이페이지 리뷰뷰 글 넘침 수정

kr/assets/css/common.css

@@ -5660,6 +5660,9 @@ body.scroll-up .infoSticky {
 .photoReviewDetailPopup .photoReviewDetailWrap .photoReviewDetailLeft .photoReviewDetailSwiper .swiper-button-prev {
   background: url(../images/common/ico_arrow_l.png) no-repeat center/contain;
 }
+.photoReviewDetailPopup .photoReviewDetailRight {
+  width: 100%;
+}
 @media (min-width: 768px) {
   .photoReviewDetailPopup .photoReviewDetailRight {
     display: flex;
@@ -5747,6 +5750,8 @@ body.scroll-up .infoSticky {
   font-size: 1.4rem;
   color: #000;
   line-height: 1.5;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 @media (min-width: 768px) {
   .photoReviewDetailPopup .photoReviewDetailRight .reviewItemDetail .textArea .contents {

kr/assets/css/common.scss

@@ -6290,6 +6290,7 @@ video::-webkit-media-controls {
   }
 
   .photoReviewDetailRight {
+    width: 100%;
     @include tablet {
       display: flex;
       flex-direction: column;
@@ -6380,7 +6381,9 @@ video::-webkit-media-controls {
           font-size: 1.4rem;
           color: #000;
           line-height: 1.5;
-
+          overflow-wrap: break-word;
+          word-break: break-word;
+          
           @include tablet {
             flex: 1;
             overflow: hidden;

kr/assets/css/mypage.css

@@ -29,7 +29,7 @@ pre {
 }
 .contentWarp .mypageWarp .leftLnbWarp {
   width: 100%;
-  padding-top: 11rem;
+  padding-top: 5rem;
 }
 @media (min-width: 768px) {
   .contentWarp .mypageWarp .leftLnbWarp {
@@ -3289,13 +3289,15 @@ pre {
   line-height: 2rem;
 }
 .productListWarp .productLis ul li .componentsReview .reviewBtn.active .goodNum {
-  color: #000000;
+  color: #000;
 }
 .productListWarp .productLis ul li .componentsReview .contents {
   margin-top: 0.8rem;
   font-size: 1.4rem;
   line-height: 2.4rem;
-  color: #000000;
+  color: #000;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 @media (min-width: 768px) {
   .productListWarp .productLis ul li .componentsReview .contents {

kr/assets/css/mypage.scss

@@ -21,7 +21,7 @@ pre {
 
     .leftLnbWarp {
       width: 100%;
-      padding-top: 11rem;
+      padding-top: 5rem;
 
       @include tablet {
         max-width: 20rem;
@@ -3478,7 +3478,7 @@ pre {
 
             &.active {
               .goodNum {
-                color: #000000;
+                color: #000;
               }
             }
           }
@@ -3487,7 +3487,9 @@ pre {
             margin-top: 0.8rem;
             font-size: 1.4rem;
             line-height: 2.4rem;
-            color: #000000;
+            color: #000;
+            overflow-wrap: break-word;
+            word-break: break-word;
             @include tablet {
               margin-top: 1.5rem;
               font-size: 1.6rem;