[김은해] 20220126

src/assets/css/seller_common.css

@@ -543,6 +543,7 @@
   background-color: #fff;
   margin-right: -20px;
   margin-left: -20px;
+  font-family: 'Spoqa Han Sans Neo', 'sans-serif';
 }
 
 .seller-tab-area .tab-list {
@@ -606,6 +607,10 @@
   margin-right:0.8rem;
 }
 
+.seller-tab-area .camera-group .group-box:nth-child(odd){
+  margin-right:0;
+}
+
 .seller-tab-area .group-box.wide-group-box {
   width:100%;
 }
@@ -614,9 +619,6 @@
   margin-right:0;
 }
 
-.seller-tab-area .group-box.front-camera {
-  margin:0.8rem 0 0 0.8rem; 
-}
 
 .seller-tab-area .phone-tag {
   font-size:1.2rem;
@@ -635,6 +637,12 @@
   letter-spacing: -0.5px;
   position:relative;
 }
+
+.seller-tab-area .fp-item-desc.phone-scale-desc {
+  min-height:328px;
+  max-height:328px;
+}
+
 .seller-tab-area .fp-item-desc.display-desc {
   min-height:210px;
   max-height:210px;
@@ -647,31 +655,74 @@
 }
 
 .seller-tab-area .fp-item-tit.camera-tit {
-  margin-bottom:3.2rem;
+  margin-bottom:2.7rem;
+}
+
+.seller-tab-area .fp-item-tit.sub-display-tit {
+  margin-bottom:3.5rem;
 }
 
 .seller-tab-area .fp-item-txt {
   position:absolute;
   width:100%;
   bottom:20px;
+  font-size:1.3rem;
 }
 
 .seller-tab-area .fp-item-txt.side-txt {
   position:static;
   width:auto;
-  margin-left:30px
+  padding-right:14px; 
+  box-sizing:border-box;
+  line-height:1.5rem;
+}
+
+.seller-tab-area .fp-item-txt.side-txt > div {
+  margin-top:5px;
+}
+
+.seller-tab-area .fp-item-txt.side-txt > div:first-child {
+  margin-top:0;
+}
+
+.seller-tab-area .iphone-678 .row-box {
+  justify-content:center;
+}
+
+.seller-tab-area .iphone-678 .row-box .side-txt {
+  margin-left:58px;
 }
 
-.seller-tab-area .fp-item-txt.side-txt.camera-txt {
-  margin-left:60px;
+.seller-tab-area .android .fp-item-img.side-img {
+  width:109px;
 }
 
-.seller-tab-area .fp-item-txt.side-txt.camera-txt2 {
-  margin-left:64px;
+.seller-tab-area .android .row-box {
+  max-width:270px;
 }
 
-.seller-tab-area .fp-item-txt.side-txt.camera-txt3 {
-  margin-left:50px;
+.seller-tab-area .android-1 .row-box {
+  justify-content:center;
+}
+
+.seller-tab-area .android-1 .row-box .side-txt {
+  margin-left:56px;
+}
+
+.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 {
@@ -687,11 +738,9 @@
 .seller-tab-area .row-box {
   display:flex;
   align-items: center;
-  justify-content: center;
-}
-
-.seller-tab-area .row-box.camera-row-box {
-  padding-left:14px;
+  justify-content:space-between;
+  max-width:240px;
+  margin:0 auto;
 }
 
 
@@ -709,11 +758,143 @@
   transform:translate(-50%,-50%);
 }
 
+.seller-tab-area .fp-item-img img {
+  max-width:none;
+}
+
 .seller-tab-area .fp-item-img.side-img{
+  position:relative;
+  top:0; 
+  left:0;
+  transform:none;
+  width:70px;
+}
+
+.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-weight:700;
+  letter-spacing:-0.42px;
+}
+
+.seller-tab-area .value-text.processor {
+  color:#fe796b;
+  font-size:1.2rem;
+  letter-spacing:-0.34px;
+} 
+
+.seller-tab-area .value-text.ram {
+  transform:translate(-42%,-52%); 
+}
+
+.seller-tab-area .value-text.battery {
+  letter-spacing:-0.75px;
+  transform:translate(-56%,-57%); 
+}
+
+.seller-tab-area .value-text.phone-height {
+  writing-mode: vertical-rl;
+  height:144px;
+  width:auto;
+  transform:none;
+  top:0;
+  left:72%;
+  letter-spacing:-0.5px;
+}
+
+.seller-tab-area .value-text.phone-width {
+  transform:none; 
+  top:95%;
+  width:72px;
+  left:0;
+  letter-spacing:-0.5px;
+}
+
+.seller-tab-area .value-text.phone-thick {
+  transform:none; 
+  top:95%;
+  left:auto;
+  width:auto;
+  right:-2px;
+  letter-spacing:-0.5px;
+}
+
+.seller-tab-area .fold-img .value-text.phone-height {
+  left:79%;
+}
+
+.seller-tab-area .fold-img .value-text.phone-width {
+  width:105px;
+}
+
+.seller-tab-area .fold-img .value-text.phone-thick {
+  right:1px;
+}
+
+.seller-tab-area .fold-folded .value-text.phone-height {
+  left:98%;
+}
+
+.seller-tab-area .fold-folded .value-text.phone-width {
+  width:60px;
+}
+
+.seller-tab-area .fold-folded .value-text.phone-thick {
+  width:35px;
+  right:13px;
+}
+
+.seller-tab-area .flip-folded .value-text.phone-height {
+  left:98%;
+  height:72px;
+  top:0;
+  transform:none; 
+}
+
+.seller-tab-area .flip-folded .value-text.phone-width {
+  width:72px;
+}
+
+.seller-tab-area .flip-folded .value-text.phone-thick {
+  writing-mode: vertical-rl;
+  left:98%;
+  right:auto;
+  top:auto;
+  bottom:18px;
+}
+
+.seller-tab-area .value-text.communication {
+  transform:none; 
+  font-size:1.4rem;
+  width:29px; 
+  left:22px;
+}
+
+.seller-tab-area .value-text.sub-display-text {
+  transform: translate(-50%,-65%);
+}
+
+.seller-tab-area .front-camera .fp-item-img {
   position:static;
   transform:none;
 }
 
+.seller-tab-area .front-camera .fp-item-tit {
+  margin-bottom:1.7rem;
+}
+
+.seller-tab-area .front-camera-2 {
+  margin-left:0.8rem;
+}
+
 .seller-tab-area .camera-img {
   width:70px;
   line-height:70px;
@@ -723,10 +904,78 @@
   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 .w113 {
+  width:113px;
+}
+
+.seller-tab-area .w112 {
+  width:112px;
+}
+
+.seller-tab-area .w109 {
+  width:109px;
+}
+
+.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 .w85 {
+  width:85px;
+}
+
+.seller-tab-area .w83 {
+  width:83px;
+}
+
+.seller-tab-area .w80 {
+  width:80px;
+}
+
+.seller-tab-area .w74 {
+  width:74px;
+}
+
 .seller-tab-area .w72 {
   width:72px;
 }
@@ -735,13 +984,24 @@
   width:70px;
 }
 
-.seller-tab-area .w74 {
-  width:74px;
+.seller-tab-area .w63 {
+  width:63px;
+}
+
+.seller-tab-area .w62 {
+  width:62px;
+}
+
+.seller-tab-area .w51 {
+  width:51px;
 }
 
+
 .seller-tab-area .w42 {
   width:42px;
 }
+
+
 /* //2022.01.21 특장점 추가 */
 
 

src/assets/css/tdirect.css

@@ -370,6 +370,22 @@ video.controls-hidden::-webkit-media-controls-start-playback-button {
 	src: url('../fonts/Spoqa Han Sans Regular.ttf') format('truetype');
 }
 
+@font-face {
+	font-family: 'Spoqa Han Sans Neo';
+	font-weight: 400;
+	src: url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2');
+	src: url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff');
+	src: url('../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Spoqa Han Sans Neo';
+	font-weight: 700;
+	src: url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2');
+	src: url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff');
+	src: url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
+}
+
 .active .btn-trigger,
 .active .btn-trigger-all,
 .active .filter-head .label:after,