한글 디즈니 작업 중

This commit is contained in:
2025-07-21 22:16:53 +09:00
parent 584c63a3a6
commit b45090aeca
21 changed files with 2103 additions and 993 deletions

View File

@@ -1563,7 +1563,7 @@
}
}
.btn-select.on+.list-member {
.btn-select.on + .list-member {
display: block;
}
@@ -1834,7 +1834,7 @@
font-size: 1.8rem;
}
>p {
> p {
position: relative;
width: 93%;
@@ -1910,7 +1910,7 @@
}
}
dt.active+dd {
dt.active + dd {
display: block;
}
@@ -2042,7 +2042,7 @@
}
}
button+button {
button + button {
margin-top: 1rem;
@include tablet {
@@ -2054,7 +2054,7 @@
}
}
>.dd-padding {
> .dd-padding {
padding-left: 6.5rem;
}
}
@@ -2075,9 +2075,10 @@
content: none;
}
&:hover {}
&:hover {
}
>p {
> p {
span {
color: #9ea1a2;
}
@@ -2085,7 +2086,7 @@
}
}
dl+dl {
dl + dl {
margin-top: 1rem;
}
}
@@ -2305,7 +2306,6 @@
}
@include maxtablet {
&:before,
&:after {
display: none;
@@ -2374,7 +2374,6 @@
// height: 10rem;
.comp_body {
.text_area {
// display: flex;
h3 {
font-size: 3rem;
@@ -2385,7 +2384,7 @@
font-size: 1.6rem;
}
>* {
> * {
flex: 1;
}
}
@@ -2461,7 +2460,7 @@
}
}
&+.item {
& + .item {
margin-top: 8rem;
@include maxtablet {
@@ -2475,7 +2474,7 @@
}
}
&+.comp_1x_b_v_s_b {
& + .comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top: 0;
@@ -2501,7 +2500,7 @@
margin-top: 8rem;
.comp_body {
&+.comp_body {
& + .comp_body {
margin-top: 10rem;
}
@@ -2518,7 +2517,7 @@
.displayThemeDtl {
.swiper-navigation {
>* {
> * {
top: 210px;
left: -65px;
width: 5rem;
@@ -2753,7 +2752,6 @@
}
@include maxtablet {
&:before,
&:after {
display: none;
@@ -2824,13 +2822,12 @@
.comp_body {
.text_area {
// display: flex;
h3 {
margin-bottom: 2rem;
}
>* {
> * {
flex: 1;
}
}
@@ -2899,7 +2896,7 @@
}
}
&+.item {
& + .item {
margin-top: 8rem;
@include maxtablet {
@@ -2913,7 +2910,7 @@
}
}
&+.comp_1x_b_v_s_b {
& + .comp_1x_b_v_s_b {
position: relative;
z-index: 2;
margin-top: 2rem;
@@ -3186,7 +3183,7 @@
}
}
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"]+label {
.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label {
height: auto;
padding: 2rem 2rem 2rem 0;
@@ -3382,13 +3379,12 @@
// }
.comp_body {
.text_area {
// display: flex;
h3 {
margin-bottom: 2rem;
}
>* {
> * {
flex: 1;
}
}
@@ -3418,7 +3414,7 @@
.comp_wide {
&.title-only {
&+.comp_wide {
& + .comp_wide {
margin-top: 4rem;
}
}
@@ -3666,7 +3662,6 @@
}
&.paused {
.btn-play,
.btn-sound {
display: block !important;
@@ -3798,7 +3793,6 @@
}
&.playing {
.comp_body.layer_up,
.thumb-swiper,
.pdpInCarGameSwiper,
@@ -3939,7 +3933,7 @@
.pdpDtl {
.swiper-navigation {
>* {
> * {
top: 210px;
left: -65px;
width: 5rem;
@@ -3988,7 +3982,8 @@
}
.scroll_area {
@include maxtablet {}
@include maxtablet {
}
.web {
display: block;
@@ -4282,7 +4277,7 @@
display: block;
.swiper-slide {
&+.swiper-slide {
& + .swiper-slide {
margin-top: 5rem;
}
}
@@ -4290,7 +4285,7 @@
}
.swiper-navigation {
>* {
> * {
top: 210px;
left: -65px;
width: 5rem;
@@ -4504,6 +4499,9 @@
margin-top: 2.4rem;
font-size: 1.6rem;
}
> * {
display: inline-block;
}
}
}
}
@@ -4538,6 +4536,7 @@
strong {
display: flex;
align-items: center;
position: relative;
margin-bottom: 1.2rem;
font-size: 1.8rem;
color: #000;
@@ -4547,6 +4546,48 @@
font-size: 3rem;
margin-bottom: 3.6rem;
}
.speech-bubble {
display: inline-block;
position: absolute;
top: -1.5rem;
left: 77%;
background-color: #fbc707;
padding: 0.8rem 0.9rem;
border-radius: 0.4rem;
font-size: 1.2rem;
color: #000;
line-height: 1.3;
font-weight: 600;
text-align: center;
white-space: nowrap;
@include tablet {
top: -7rem;
left: 50%;
transform: translateX(-70%);
padding: 1.2rem 1.2rem 1rem;
border-radius: 0.4rem;
font-size: 1.6rem;
}
&::after {
content: "";
display: block;
position: absolute;
bottom: -1rem;
left: 1.65rem;
transform: 0;
border-left: 1rem solid transparent;
border-right: 1rem solid transparent;
border-top: 1rem solid #fbc707;
@include tablet {
left: 50%;
transform: translateX(-50%);
}
}
}
}
.arrow {
@@ -4873,7 +4914,7 @@
.welcome-goodbye {
.image_area {
&+.image_area {
& + .image_area {
margin-top: 0.8rem;
@include tablet {
@@ -4975,7 +5016,7 @@
flex-wrap: wrap;
}
&+li {
& + li {
margin-top: 2.4rem;
@include tablet {
@@ -5251,4 +5292,4 @@
text-indent: -9999em;
background: url(../images/kia/pdp/display_theme_disney/btn_zoom_close.png) no-repeat 0 0 / 100% auto;
cursor: pointer;
}
}