gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1차 수정3

Browse Source
This commit is contained in:
hyeonggil
2024-07-17 11:55:43 +09:00
parent c22b62e2f1
commit de1899900c
9 changed files with 1003 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
assets/css/contents.css
View File

@@ -267,7 +267,8 @@
background-position: left top !important;
}
}
.contentsTypeNew.caseAs ul.case02 li strong, .contentsTypeNew.caseAs ul.case02 li p {
.contentsTypeNew.caseAs ul.case02 li strong,
.contentsTypeNew.caseAs ul.case02 li p {
font-size: 14px;
line-height: 22px;
color: #676767;
@@ -674,7 +675,8 @@
margin-bottom: 15px;
width: 100%;
padding-bottom: 15px;
-ms-overflow-style: none; /* IE and Edge */
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
}
@media (max-width: 500px) {
@@ -942,7 +944,8 @@
}
}
@media (max-width: 680px) {
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap .item, .contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap p {
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap .item,
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap p {
width: 100%;
}
.contentsTypeNew.caseUsageDetail .caseFunction .functionDetail .itemWrap .item + .item {
@@ -1361,7 +1364,8 @@
.contentsTypeNew .storeGuideItem ul.caseWide2 li:not(:last-child) {
margin-right: 20px;
}
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar, .contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar,
.contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
bottom: 0;
left: 0;
right: 0;
@@ -1372,7 +1376,8 @@
background: #C3C6C8;
opacity: 1 !important;
}
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag,
.contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
border-radius: 0;
background: #05141F;
}
@@ -1382,21 +1387,26 @@
.contentsTypeNew .storeGuideItem .swiper-scrollbar-lock + .swiper-scrollbar-after-space {
display: none;
}
.contentsTypeNew .storeGuideItem .swiper-button-next, .contentsTypeNew .storeGuideItem .swiper-button-prev {
.contentsTypeNew .storeGuideItem .swiper-button-next,
.contentsTypeNew .storeGuideItem .swiper-button-prev {
top: 250px;
margin-top: 0;
width: 55px;
height: 55px;
background: url("/kr/assets/images/kia/contents/arrowSwipe.svg") no-repeat center;
}
.contentsTypeNew .storeGuideItem .swiper-button-next::after, .contentsTypeNew .storeGuideItem .swiper-button-next.swiper-button-disabled, .contentsTypeNew .storeGuideItem .swiper-button-prev::after, .contentsTypeNew .storeGuideItem .swiper-button-prev.swiper-button-disabled {
.contentsTypeNew .storeGuideItem .swiper-button-next::after, .contentsTypeNew .storeGuideItem .swiper-button-next.swiper-button-disabled,
.contentsTypeNew .storeGuideItem .swiper-button-prev::after,
.contentsTypeNew .storeGuideItem .swiper-button-prev.swiper-button-disabled {
display: none;
}
.contentsTypeNew .storeGuideItem .swiper-button-next.case, .contentsTypeNew .storeGuideItem .swiper-button-prev.case {
.contentsTypeNew .storeGuideItem .swiper-button-next.case,
.contentsTypeNew .storeGuideItem .swiper-button-prev.case {
top: 132px;
}
@media (max-width: 1400px) {
.contentsTypeNew .storeGuideItem .swiper-button-next, .contentsTypeNew .storeGuideItem .swiper-button-prev {
.contentsTypeNew .storeGuideItem .swiper-button-next,
.contentsTypeNew .storeGuideItem .swiper-button-prev {
display: none;
}
}
@@ -1452,7 +1462,8 @@
.contentsTypeNew .storeGuideItem ul.caseWide li, .contentsTypeNew .storeGuideItem ul.caseWide2 li {
width: 100%;
}
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar, .contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
.contentsTypeNew .storeGuideItem .swiper-horizontal > .swiper-scrollbar,
.contentsTypeNew .storeGuideItem .swiper-scrollbar.swiper-scrollbar-horizontal {
width: calc(100% - 40px);
}
.contentsTypeNew .storeGuideItem .swiper-scrollbar-after-space {
@@ -1589,7 +1600,8 @@
}
}
@media (max-width: 640px) {
.contentsTypeNew .caseMagazineView > div, .contentsTypeNew .caseMagazineView img {
.contentsTypeNew .caseMagazineView > div,
.contentsTypeNew .caseMagazineView img {
width: 100%;
padding-right: 0 !important;
padding-left: 0 !important;
@@ -1737,7 +1749,8 @@
}
.contentsTypeNew .comp_youtube .youtubeArea {
position: relative;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
padding-bottom: 56.25%;
/* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
height: 0;
}
@@ -1879,7 +1892,8 @@
.comp_1x_w_v_c_e2 .youtubeArea {
position: relative;
margin-top: 6rem;
padding-bottom: 56.25%; /* 16:9 비율인 경우 */
padding-bottom: 56.25%;
/* 16:9 비율인 경우 */
/* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
padding-top: 25px;
height: 0;
@@ -2179,13 +2193,4 @@
text-overflow: ellipsis;
overflow: hidden;
}
.indent {
display: flex !important;
}
.indent em {
display: block;
white-space: nowrap;
margin-right: 4px;
}
/*# sourceMappingURL=contents.css.map */