Update styles in contents and pdp_detail CSS/SCSS files: 포토리뷰 수정, DM 수정 - 2시간간
This commit is contained in:
@@ -198,7 +198,7 @@
|
||||
@media (max-width: 768px) {
|
||||
width: 100%;
|
||||
|
||||
&+li {
|
||||
& + li {
|
||||
margin-top: 38px;
|
||||
}
|
||||
|
||||
@@ -277,7 +277,7 @@
|
||||
background-position: 40px 5px;
|
||||
}
|
||||
|
||||
&+li {
|
||||
& + li {
|
||||
border-left: 1px solid #dedede;
|
||||
}
|
||||
|
||||
@@ -287,7 +287,7 @@
|
||||
padding-right: 0;
|
||||
padding-left: 0 !important;
|
||||
|
||||
&+li {
|
||||
& + li {
|
||||
margin-top: 20px;
|
||||
border-left: none;
|
||||
}
|
||||
@@ -345,7 +345,7 @@
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
&+dd {
|
||||
& + dd {
|
||||
color: #676767;
|
||||
}
|
||||
}
|
||||
@@ -498,7 +498,7 @@
|
||||
|
||||
//스토어 가입안내
|
||||
&.caseRegist {
|
||||
section+section {
|
||||
section + section {
|
||||
margin-top: 80px;
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
@@ -541,7 +541,7 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
li+li {
|
||||
li + li {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
@@ -563,8 +563,8 @@
|
||||
|
||||
//상품별 이용안내 목록
|
||||
&.caseUsageList {
|
||||
>section {
|
||||
&+section {
|
||||
> section {
|
||||
& + section {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
@@ -582,7 +582,7 @@
|
||||
a {
|
||||
width: calc(50% - 20px);
|
||||
|
||||
&+a+a {
|
||||
& + a + a {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
@@ -629,7 +629,7 @@
|
||||
a {
|
||||
width: calc(50% - 15px);
|
||||
|
||||
&+a+a {
|
||||
& + a + a {
|
||||
margin-top: 30px;
|
||||
}
|
||||
}
|
||||
@@ -651,7 +651,7 @@
|
||||
a {
|
||||
width: calc(50% - 10px);
|
||||
|
||||
&+a+a {
|
||||
& + a + a {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -672,14 +672,14 @@
|
||||
div.listType02 a {
|
||||
width: 100%;
|
||||
|
||||
&+a {
|
||||
& + a {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
&+section {
|
||||
& + section {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
@@ -690,7 +690,7 @@
|
||||
div.listType01 a {
|
||||
width: 100%;
|
||||
|
||||
&+a {
|
||||
& + a {
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
@@ -704,7 +704,7 @@
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
>section+section {
|
||||
> section + section {
|
||||
margin-top: 90px;
|
||||
}
|
||||
|
||||
@@ -792,7 +792,7 @@
|
||||
display: none;
|
||||
}
|
||||
|
||||
>ul {
|
||||
> ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
@@ -907,7 +907,7 @@
|
||||
justify-content: space-between;
|
||||
align-items: stretch;
|
||||
|
||||
>p {
|
||||
> p {
|
||||
margin-top: 28px;
|
||||
color: #676767;
|
||||
}
|
||||
@@ -916,7 +916,7 @@
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
>section {
|
||||
> section {
|
||||
letter-spacing: -4px;
|
||||
|
||||
&:first-of-type {
|
||||
@@ -963,10 +963,10 @@
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
>div {
|
||||
> div {
|
||||
display: inline-block;
|
||||
|
||||
&+div {
|
||||
& + div {
|
||||
margin-left: 40px;
|
||||
}
|
||||
|
||||
@@ -990,7 +990,7 @@
|
||||
border: 1px solid #dedede;
|
||||
}
|
||||
|
||||
&+a {
|
||||
& + a {
|
||||
margin-left: 15px;
|
||||
}
|
||||
}
|
||||
@@ -1005,7 +1005,7 @@
|
||||
@media (max-width: 1024px) {
|
||||
justify-content: flex-start;
|
||||
|
||||
>section {
|
||||
> section {
|
||||
&:first-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -1031,8 +1031,8 @@
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
>section {
|
||||
>div {
|
||||
> section {
|
||||
> div {
|
||||
&:first-of-type {
|
||||
width: 100%;
|
||||
}
|
||||
@@ -1049,11 +1049,11 @@
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
>p {
|
||||
> p {
|
||||
margin-top: 23px;
|
||||
}
|
||||
|
||||
>section {
|
||||
> section {
|
||||
@media (max-width: 359px) {
|
||||
&:first-of-type {
|
||||
display: flex;
|
||||
@@ -1061,14 +1061,14 @@
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
|
||||
>div {
|
||||
> div {
|
||||
display: unset;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&+section {
|
||||
& + section {
|
||||
margin-top: 28px !important;
|
||||
}
|
||||
|
||||
@@ -1083,7 +1083,7 @@
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
>div {
|
||||
> div {
|
||||
strong {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@@ -1104,7 +1104,7 @@
|
||||
.item {
|
||||
width: calc(50% - 10px);
|
||||
|
||||
&+.item+.item {
|
||||
& + .item + .item {
|
||||
margin-top: 14px;
|
||||
}
|
||||
}
|
||||
@@ -1130,13 +1130,12 @@
|
||||
.caseFunction {
|
||||
.functionDetail {
|
||||
.itemWrap {
|
||||
|
||||
.item,
|
||||
p {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.item+.item {
|
||||
.item + .item {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
@@ -1172,7 +1171,7 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
>section+section {
|
||||
> section + section {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
@@ -1203,7 +1202,7 @@
|
||||
|
||||
//원격 스마트 주차 보조2 (RSPA2) 기능 소개
|
||||
&.caseRspa2 {
|
||||
>section+section {
|
||||
> section + section {
|
||||
margin-top: 90px;
|
||||
|
||||
@media (max-width: 500px) {
|
||||
@@ -1232,7 +1231,7 @@
|
||||
position: relative;
|
||||
width: calc(20% - 12px);
|
||||
|
||||
&+li {
|
||||
& + li {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
@@ -1257,7 +1256,7 @@
|
||||
li {
|
||||
width: calc(100% / 3 - 10px);
|
||||
|
||||
&+li+li+li {
|
||||
& + li + li + li {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
@@ -1273,11 +1272,11 @@
|
||||
li {
|
||||
width: calc(50% - 7px);
|
||||
|
||||
&+li {
|
||||
& + li {
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
&+li+li {
|
||||
& + li + li {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
@@ -1305,7 +1304,7 @@
|
||||
width: 100%;
|
||||
margin-left: 0 !important;
|
||||
|
||||
&+li {
|
||||
& + li {
|
||||
margin-top: 15px;
|
||||
}
|
||||
}
|
||||
@@ -1314,7 +1313,7 @@
|
||||
}
|
||||
|
||||
.howtobuy {
|
||||
>div {
|
||||
> div {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
@@ -1322,7 +1321,7 @@
|
||||
justify-content: space-between;
|
||||
margin-top: 40px;
|
||||
|
||||
>* {
|
||||
> * {
|
||||
position: relative;
|
||||
width: calc(100% / 3 - 8px);
|
||||
padding: 30px 30px 110px;
|
||||
@@ -1366,7 +1365,7 @@
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
>* {
|
||||
> * {
|
||||
padding: 25px 25px 79px;
|
||||
background-position: left 20px bottom 20px;
|
||||
background-size: 40px;
|
||||
@@ -1379,10 +1378,10 @@
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
>* {
|
||||
> * {
|
||||
width: 100%;
|
||||
|
||||
&+* {
|
||||
& + * {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
@@ -1408,8 +1407,8 @@
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
>div {
|
||||
h3+p {
|
||||
> div {
|
||||
h3 + p {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
@@ -1427,7 +1426,7 @@
|
||||
margin-left: -15px;
|
||||
padding-top: 30px;
|
||||
|
||||
>div {
|
||||
> div {
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
@@ -1554,11 +1553,11 @@
|
||||
position: relative;
|
||||
margin-bottom: 10rem;
|
||||
|
||||
&+.storeGuideItem {
|
||||
& + .storeGuideItem {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
>header {
|
||||
> header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
@@ -1588,7 +1587,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.titleCase03+strong {
|
||||
.titleCase03 + strong {
|
||||
padding-bottom: 8px !important;
|
||||
}
|
||||
|
||||
@@ -1621,7 +1620,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
>b {
|
||||
> b {
|
||||
display: block;
|
||||
margin: 20px 0 8px;
|
||||
font-size: 14px;
|
||||
@@ -1671,7 +1670,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-horizontal>.swiper-scrollbar,
|
||||
.swiper-horizontal > .swiper-scrollbar,
|
||||
.swiper-scrollbar.swiper-scrollbar-horizontal {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@@ -1693,7 +1692,7 @@
|
||||
height: 68px;
|
||||
}
|
||||
|
||||
.swiper-scrollbar-lock+.swiper-scrollbar-after-space {
|
||||
.swiper-scrollbar-lock + .swiper-scrollbar-after-space {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1732,7 +1731,7 @@
|
||||
margin-left: -2rem;
|
||||
margin-right: -2rem;
|
||||
|
||||
&+.storeGuideItem {
|
||||
& + .storeGuideItem {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@@ -1792,7 +1791,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-horizontal>.swiper-scrollbar,
|
||||
.swiper-horizontal > .swiper-scrollbar,
|
||||
.swiper-scrollbar.swiper-scrollbar-horizontal {
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
@@ -1902,18 +1901,18 @@
|
||||
align-items: center;
|
||||
padding-top: 50px;
|
||||
|
||||
>div {
|
||||
> div {
|
||||
width: 50%;
|
||||
|
||||
&:first-child {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
h3+p {
|
||||
h3 + p {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
p+p {
|
||||
p + p {
|
||||
margin-top: 10px;
|
||||
color: #676767;
|
||||
}
|
||||
@@ -1931,7 +1930,7 @@
|
||||
width: 50%;
|
||||
border-radius: 6px;
|
||||
|
||||
&+div {
|
||||
& + div {
|
||||
padding-left: 50px;
|
||||
}
|
||||
}
|
||||
@@ -1950,11 +1949,11 @@
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
>div:first-child {
|
||||
> div:first-child {
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
img+div {
|
||||
img + div {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
@@ -1964,8 +1963,7 @@
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
|
||||
>div,
|
||||
> div,
|
||||
img {
|
||||
width: 100%;
|
||||
padding-right: 0 !important;
|
||||
@@ -2102,7 +2100,7 @@
|
||||
background-position: 25px 25px;
|
||||
font-size: 16px;
|
||||
|
||||
&+a {
|
||||
& + a {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
@@ -2362,7 +2360,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-select.on+.list-member {
|
||||
.btn-select.on + .list-member {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -2474,7 +2472,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-select.on+.list-member {
|
||||
.btn-select.on + .list-member {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -2579,7 +2577,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-select.on+.list-member {
|
||||
.btn-select.on + .list-member {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@@ -2650,7 +2648,7 @@
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translate(0, -50%);
|
||||
font-size: 1.6rem;
|
||||
font-size: 1.8rem;
|
||||
color: #05141f;
|
||||
cursor: pointer;
|
||||
border-bottom: 1px solid #05141f;
|
||||
@@ -2681,4 +2679,4 @@
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user