[김은해] 단말 스펙 아이콘 수정 - 220526

src/assets/css/seller_common.css

@@ -662,12 +662,16 @@
   text-align: center;
   min-height:160px;
   max-height:160px;
-  padding:1.5rem 0 2rem;
+  padding:1.4rem 1rem;
   border-radius:4px;
   letter-spacing: -0.5px;
   position:relative;
 }
 
+.seller-tab-area .fp-item-desc.processor-general .fp-item-img{
+  transform: translate(-50%,-54%);
+} 
+
 .seller-tab-area .fp-item-desc.long-desc
 {
   min-height:328px;
@@ -676,27 +680,22 @@
 
 .seller-tab-area .fp-item-desc.long-desc .fp-item-img
 {
-  transform: translate(-50%,-110%);
+  transform: translate(-50%,-125%);
 }
 
 .seller-tab-area .fp-item-tit {
   font-size:1.3rem;
   letter-spacing: -0.46px;
-  margin-bottom:1.2rem;
 }
 
 .seller-tab-area .fp-item-tit.camera-tit {
-  margin-bottom:2.7rem;
-}
-
-.seller-tab-area .fp-item-tit.sub-display-tit {
-  margin-bottom:2rem;
+  margin-bottom:0;
 }
 
 .seller-tab-area .fp-item-txt {
   position:absolute;
   width:100%;
-  bottom:20px;
+  bottom:14px;
   font-size:1.3rem;
   left:0;
 }
@@ -707,15 +706,17 @@
 
 .seller-tab-area .fp-item-desc.long-desc .processor-txt {
   bottom:auto;
-  top:60%;
+  top:56%;
 }
 
 .seller-tab-area .fp-item-txt.side-txt {
   position:static;
-  width:auto;
+  width:156px;
+  margin-left:8px;
   box-sizing:border-box;
   line-height:1.5rem;
-  margin-left:54px;
+  word-break:keep-all;
+  /* margin-left:54px; */
 }
 
 .seller-tab-area .fp-item-txt.side-txt > div {
@@ -726,31 +727,6 @@
   margin-top:0;
 }
 
-.seller-tab-area .iphone-678 .row-box {
-  justify-content:center;
-}
-
-
-.seller-tab-area .android-1 .row-box {
-  justify-content:center;
-}
-
-.seller-tab-area .wide-angle .row-box .side-txt {
-  padding-right:0;
-}
-
-.seller-tab-area .android-3-vertical .fp-item-tit.camera-tit {
-  margin-bottom:1.6rem;
-}
-
-.seller-tab-area .android-4-vertical .fp-item-tit.camera-tit {
-  margin-bottom:0.8rem;
-}
-
-.seller-tab-area .android-5 .fp-item-tit.camera-tit {
-  margin-bottom:1.6rem;
-}
-
 .seller-tab-area .fp-item-txt > div {
   font-size:1.2rem;
 }
@@ -766,9 +742,10 @@
   display:flex;
   align-items: center;
   justify-content:center;
+  height:114px;
 }
 
-.seller-tab-area .fp-item-desc.flip-display-desc {
+/* .seller-tab-area .fp-item-desc.flip-display-desc {
   padding-right:30px;
   padding-left:30px;
 } 
@@ -776,18 +753,15 @@
 .seller-tab-area .row-box.flip-display {
   max-width:280px;
   margin:0 auto;
-}
+} */
 
-.seller-tab-area .row-box.flip-display .fp-item-txt.side-txt {
+/* .seller-tab-area .row-box.flip-display .fp-item-txt.side-txt {
   margin-left:auto;
   width:60%;
   text-align: center;
   word-break: keep-all;
 }
 
-.seller-tab-area .row-box.flip-display .fp-item-img.side-img {
- width:40%;
-}
 .seller-tab-area .fp-item-desc.fold-display-desc {
   padding-right:30px;
   padding-left:30px;
@@ -807,7 +781,7 @@
 
 .seller-tab-area .row-box.fold-display .fp-item-img.side-img {
   width:40%;
-}
+} */
 /* /추가 22.02.16 */
 
 
@@ -820,12 +794,22 @@
 }
 
 .seller-tab-area .fp-item-img {
+  width:120px;
+  max-height:114px;
   position:absolute; 
   top:50%;
   left:50%;
   transform:translate(-50%,-50%);
 }
 
+.seller-tab-area .fp-item-img img {
+  width:100%;
+}
+
+.seller-tab-area .fp-item-desc.phone-scale-desc {
+  padding:1.4rem 0;
+}
+
 .seller-tab-area .fp-item-desc.phone-scale-desc .fp-item-img {
   transform: translate(-50%,-37%);
 }
@@ -842,17 +826,13 @@
   transform:none;
 }
 
-.seller-tab-area .fp-item-img.pen {
-  transform:translate(-40%,-40%);
-}
-
 .seller-tab-area .value-text {
   position:absolute;
   top:50%;
   left:50%;
   transform:translate(-50%,-53%);
   width:100%;
-  font-size:1.1rem;
+  font-size:1rem;
   font-weight:700;
   letter-spacing:-0.42px;
 }
@@ -883,79 +863,84 @@
   width:auto;
   transform:none;
   top:0;
-  left:63%;
+  left:58%;
   letter-spacing:-0.5px;
 }
 
 .seller-tab-area .value-text.phone-width {
   transform:none; 
-  top:95%;
+  top:88%;
   width:48px;
-  left:0;
+  left:17px;
   letter-spacing:-0.5px;
 }
 
 .seller-tab-area .value-text.phone-thick {
   transform:none; 
-  top:95%;
+  top:88%;
   left:auto;
   width:auto;
-  right:-3px;
+  right:14px;
   letter-spacing:-0.5px;
 }
 
 .seller-tab-area .fold-img .value-text.phone-height {
-  left:73%;
+  left:67%;
 }
 
 .seller-tab-area .fold-img .value-text.phone-width {
   width:68px;
+  left:8px;
 }
 
 .seller-tab-area .fold-img .value-text.phone-thick {
-  right:-2px;
+  right:8px;
 }
 
 .seller-tab-area .fold-folded .value-text.phone-height {
-  left:98%;
+  left:78%;
+  top:3px;
 }
 
 .seller-tab-area .fold-folded .value-text.phone-width {
   width:40px;
-  top:94%;
+  top:87%;
+  left:22px;
 }
 
 .seller-tab-area .fold-folded .value-text.phone-thick {
   width:21px;
-  right:10px;
-  top:94%;
+  right:32px;
+  top:87%;
 }
 
 .seller-tab-area .flip-folded .value-text.phone-height {
-  left:99%;
+  left:69%;
   height:48px;
-  top:0;
+  top:13px;
   transform:none; 
 }
 
 .seller-tab-area .flip-folded .value-text.phone-width {
   width:48px;
-  top:92%;
+  top:71%;
+  left:30px;
 }
 
 .seller-tab-area .flip-folded .value-text.phone-thick {
   writing-mode: vertical-rl;
-  left:99%;
+  left:69%;
   right:auto;
   top:auto;
-  bottom:10px;
+  bottom:35px;
 }
 
 .seller-tab-area .value-text.communication {
   transform:none; 
   font-size:1.4rem;
-  width:29px; 
-  left:22px;
+  width:auto; 
+  left:38px;
+  top:52%;
 }
 
 .seller-tab-area .value-text.sub-display-text {
@@ -963,8 +948,7 @@
 }
 
 .seller-tab-area .front-camera .fp-item-img {
-  position:static;
-  transform:none;
+  transform:translate(-50%,-77%);
 }
 
 .seller-tab-area .front-camera .fp-item-tit {
@@ -974,135 +958,6 @@
 .seller-tab-area .front-camera-2 {
   margin-left:0.8rem;
 }
-
-.seller-tab-area .camera-img {
-  width:70px;
-  line-height:70px;
-}
-
-.seller-tab-area .samsung-logo {
-  width:82px;
-}
-
-.seller-tab-area .apple-logo {
-  width:28px;
-}
-
-.seller-tab-area .xiaomi-logo {
-  width:36px;
-}
-
-.seller-tab-area .etc-logo {
-  width:44px;
-}
-
-.seller-tab-area .android-logo {
-  width:93px;
-}
-
-.seller-tab-area .ios-logo {
-  width:36px;
-}
-
-.seller-tab-area .os-logo {
-  width:40px;
-}
-
-.seller-tab-area .w140 {
-  width:140px;
-}
-
-.seller-tab-area .w109 {
-  width:109px;
-}
-
-.seller-tab-area .w104 {
-  width:104px;
-}
-
-.seller-tab-area .w102 {
-  width:102px;
-}
-
-.seller-tab-area .w99 {
-  width:99px;
-}
-
-.seller-tab-area .w98 {
-  width:98px;
-}
-
-.seller-tab-area .w95 {
-  width:95px;
-}
-
-.seller-tab-area .w87 {
-  width:87px;
-}
-
-.seller-tab-area .w83 {
-  width:83px;
-}
-
-.seller-tab-area .w80 {
-  width:80px;
-}
-
-.seller-tab-area .w75 {
-  width:75px;
-}
-
-.seller-tab-area .w74 {
-  width:74px;
-}
-
-.seller-tab-area .w72 {
-  width:72px;
-}
-
-.seller-tab-area .w70 {
-  width:70px;
-}
-
-.seller-tab-area .w68 {
-  width:68px;
-}
-
-.seller-tab-area .w66 {
-  width:66px;
-}
-
-.seller-tab-area .w63 {
-  width:63px;
-}
-
-.seller-tab-area .w62 {
-  width:62px;
-}
-
-.seller-tab-area .w57 {
-  width:57px;
-}
-
-
-.seller-tab-area .w51 {
-  width:51px;
-}
-
-.seller-tab-area .w48 {
-  width:48px;
-}
-
-.seller-tab-area .w42 {
-  width:42px;
-}
-
-.seller-tab-area .w40 {
-  width:40px;
-}
-
-
-
 /* //2022.01.21 특장점 추가 */
 
 
@@ -1647,29 +1502,7 @@
 }
 
 /* 갤럭시 폴드형 대응  22.02.16 */
-@media all and (max-width: 390px) {
-  .seller-tab-area .fp-item-txt.side-txt {
-    margin-left:10%;
-  }
-}
-
-@media all and (max-width: 330px) {
-  .seller-tab-area .fp-item-txt.side-txt.long-txt {
-    margin-left:4%;
-  }
-}
-
-@media all and (max-width: 310px) {
-  .seller-tab-area .fp-item-txt.side-txt {
-    margin-left:8%;
-  }
-}
-
 @media all and (max-width: 290px) {
-  .seller-tab-area .fp-item-txt.side-txt.long-txt {
-    margin-left:2%;
-  }
-
   .seller-tab-area .fp-item-desc.flip-display-desc {
     padding-right:20px;
     padding-left:20px;