gnb 원뎁스

This commit is contained in:
2025-11-23 23:23:25 +09:00
parent cfb9b1c4d4
commit 9f67ce0682
41 changed files with 7909 additions and 6710 deletions

View File

@@ -21,7 +21,7 @@ pre {
.leftLnbWarp {
width: 100%;
padding-top: 5rem;
padding-top: 11rem;
@include tablet {
max-width: 20rem;
@@ -204,7 +204,7 @@ pre {
}
}
li+li {
li + li {
margin-top: 0;
margin-left: 2rem;
@@ -269,7 +269,7 @@ pre {
}
}
>div {
> div {
display: block;
align-items: center;
justify-content: space-between;
@@ -334,7 +334,7 @@ pre {
margin-top: 3rem;
width: 100%;
>div {
> div {
h3 {
font-size: 1.8rem;
font-weight: 600;
@@ -347,8 +347,8 @@ pre {
.itemListWarp {
margin-top: 2rem;
>ul {
>li {
> ul {
> li {
border: 1px solid #dedede;
border-radius: 0.6rem;
@@ -386,10 +386,10 @@ pre {
flex-wrap: nowrap;
}
>div {
> div {
display: flex;
>p {
> p {
min-width: 7.5rem;
height: 7.5rem;
overflow: hidden;
@@ -478,7 +478,7 @@ pre {
}
}
dt+dd {
dt + dd {
margin-top: 1rem;
@include desktopMin {
@@ -486,7 +486,7 @@ pre {
}
}
dd+dd {
dd + dd {
margin-top: 1.5rem;
font-size: 1.5rem;
@@ -498,7 +498,7 @@ pre {
}
}
.cartItemInfo+ul {
.cartItemInfo + ul {
padding-right: 0;
@include tablet {
@@ -517,7 +517,7 @@ pre {
font-weight: 400;
}
li+li {
li + li {
margin-top: 0.5rem;
}
@@ -648,20 +648,20 @@ pre {
}
}
li+li {
li + li {
margin-top: 1rem;
}
}
}
}
>div.subScription {
> div.subScription {
.itemListWarp {
ul {
li {
.cartItem {
.cartItemInfo {
>div {
> div {
dl {
dt {
span {
@@ -680,7 +680,7 @@ pre {
}
}
>div+div {
> div + div {
margin-top: 1.5rem;
@include tablet {
@@ -688,13 +688,13 @@ pre {
}
}
>div.myPayList {
> div.myPayList {
width: 100%;
>ul {
> ul {
width: 100%;
>li {
> li {
border: 1px solid #dedede;
border-radius: 0.6rem;
width: 100%;
@@ -747,7 +747,7 @@ pre {
font-size: 1.4rem;
}
li+li {
li + li {
margin-top: 1rem;
}
}
@@ -959,7 +959,7 @@ pre {
font-size: 1.4rem;
}
p+p {
p + p {
border-left: 1px solid #dedede;
padding-left: 1rem;
margin-left: 1rem;
@@ -976,7 +976,7 @@ pre {
}
}
>li+li {
> li + li {
margin-top: 3rem;
}
}
@@ -991,15 +991,15 @@ pre {
}
}
>div.myPayList {
> div.myPayList {
border-top: 1px solid #999;
@include desktopMin {
border-top: 0;
}
>ul {
>li {
> ul {
> li {
border-radius: 0;
border: 0;
border-bottom: 1px solid #dedede;
@@ -1022,7 +1022,7 @@ pre {
padding: 3.2rem;
}
>dl {
> dl {
display: flex;
flex-direction: column;
align-items: stretch;
@@ -1187,7 +1187,7 @@ pre {
}
}
>li+li {
> li + li {
margin-top: 0;
@include desktopMin {
@@ -1297,7 +1297,7 @@ pre {
}
.contents {
+.title {
+ .title {
margin-top: 2.2rem;
}
}
@@ -1344,7 +1344,7 @@ pre {
}
ul {
li+li {
li + li {
margin-top: 1rem;
}
}
@@ -1371,7 +1371,6 @@ pre {
margin-top: 4rem;
a {
&::after,
&::before {
width: 3.2rem;
@@ -1414,7 +1413,7 @@ pre {
flex-wrap: nowrap;
}
a+a {
a + a {
margin-top: 1rem;
@include tablet {
@@ -1451,7 +1450,7 @@ pre {
}
}
p+p {
p + p {
display: flex;
align-items: center;
margin-top: 1rem;
@@ -1511,12 +1510,12 @@ pre {
font-size: 1.6rem;
}
&+.summary {
& + .summary {
margin-top: 1rem;
font-size: 1.4rem;
font-weight: 600;
&+ul {
& + ul {
margin-top: 0;
}
}
@@ -1629,14 +1628,14 @@ pre {
.completeForm {
margin-top: 2rem;
>div {
> div {
border-top: 1px solid #999999;
@include tablet {
border-top: 1px solid #dedede;
}
>dl {
> dl {
border-bottom: 1px solid #dedede;
display: flex;
flex-wrap: wrap;
@@ -1653,7 +1652,7 @@ pre {
}
}
>dt {
> dt {
padding-top: 1rem;
@include tablet {
@@ -1662,7 +1661,7 @@ pre {
}
}
>dd {
> dd {
padding-top: 1rem;
padding-bottom: 1rem;
font-weight: 600;
@@ -1674,7 +1673,7 @@ pre {
}
}
>dt {
> dt {
width: 100%;
font-size: 1.4rem;
padding-left: 0rem;
@@ -1702,7 +1701,7 @@ pre {
}
}
>dt.calc {
> dt.calc {
@include tablet {
&::after {
content: "";
@@ -1711,7 +1710,7 @@ pre {
}
}
>dd {
> dd {
padding-left: 0;
width: 100%;
font-size: 1.4rem;
@@ -1785,7 +1784,7 @@ pre {
}
}
dl+dl {
dl + dl {
margin-top: 3rem;
}
@@ -1821,7 +1820,7 @@ pre {
}
a {
>div {
> div {
display: flex;
align-items: center;
gap: 0.8rem;
@@ -1907,7 +1906,7 @@ pre {
}
}
>p {
> p {
margin-top: 1rem;
color: #000;
font-weight: 600;
@@ -1921,7 +1920,7 @@ pre {
}
}
li+li {
li + li {
margin-top: 1rem;
}
}
@@ -1935,7 +1934,7 @@ pre {
.usrQuestions,
.adminAnswer {
>div {
> div {
display: flex;
align-items: center;
gap: 0.8rem;
@@ -2029,7 +2028,7 @@ pre {
}
.usrQuestions {
>div {
> div {
em {
padding-left: 0.8rem;
@@ -2132,7 +2131,7 @@ pre {
flex-wrap: nowrap;
}
>div {
> div {
width: 100%;
p {
@@ -2209,7 +2208,7 @@ pre {
}
}
div+div {
div + div {
margin-top: 3rem;
width: fit-content;
@@ -2352,7 +2351,7 @@ pre {
}
}
label+label {
label + label {
margin-top: 2.4rem;
}
}
@@ -2494,7 +2493,7 @@ pre {
}
}
dl+dl {
dl + dl {
margin-top: 0;
border-bottom: 1px solid #999;
border-top: 1px solid #dedede;
@@ -2556,7 +2555,7 @@ pre {
cursor: not-allowed;
}
[type="radio"]:disabled+span {
[type="radio"]:disabled + span {
opacity: 0.5;
cursor: not-allowed;
}
@@ -2634,7 +2633,7 @@ pre {
}
}
p+p {
p + p {
margin-top: 2rem;
}
}
@@ -2644,7 +2643,7 @@ pre {
padding: 0;
border: 0;
>div {
> div {
p {
display: flex;
align-items: center;
@@ -2765,7 +2764,7 @@ pre {
}
}
&+span {
& + span {
margin-top: 2.4rem;
}
}
@@ -2821,7 +2820,7 @@ pre {
.itemStreaming {
margin-top: 2rem;
>p {
> p {
color: #000;
font-size: 1.4rem;
margin-top: 1rem;
@@ -2833,7 +2832,7 @@ pre {
}
}
>span {
> span {
display: block;
color: #676767;
font-size: 1.4em;
@@ -2852,7 +2851,7 @@ pre {
visibility: hidden;
position: absolute;
&:checked+label {
&:checked + label {
background-color: #05141f;
dt,
@@ -2944,7 +2943,7 @@ pre {
}
}
li+li {
li + li {
margin-top: 1rem;
}
}
@@ -3033,7 +3032,7 @@ pre {
flex-wrap: nowrap;
}
>div {
> div {
display: flex;
// margin-top: 1.4rem;
@@ -3041,7 +3040,7 @@ pre {
margin-top: 0;
}
>p {
> p {
min-width: 7.5rem;
height: 7.5rem;
overflow: hidden;
@@ -3125,7 +3124,7 @@ pre {
margin-top: 1.2rem;
}
dt+dd {
dt + dd {
margin-top: 0.5rem;
@include desktopMin {
@@ -3133,7 +3132,7 @@ pre {
}
}
dd+dd {
dd + dd {
margin-top: 1.5rem;
font-size: 1.4rem;
@@ -3145,7 +3144,7 @@ pre {
}
}
.cartItemInfo+dl {
.cartItemInfo + dl {
@include maxmobile {
width: 100%;
}
@@ -3206,7 +3205,7 @@ pre {
width: 100%;
min-width: 18rem;
button+button {
button + button {
margin-top: 1rem;
}
@@ -3429,7 +3428,7 @@ pre {
}
}
li+li {
li + li {
margin-top: 1rem;
}
@@ -3449,7 +3448,7 @@ pre {
min-height: 17rem;
}
>p {
> p {
font-weight: 600;
font-size: 1.8rem;
color: #9ea1a2;
@@ -3485,7 +3484,7 @@ pre {
width: fit-content;
}
>p {
> p {
width: 100%;
display: flex;
align-items: center;
@@ -3511,7 +3510,6 @@ pre {
button,
a {
&::before,
&::after {
@include tablet {
@@ -3738,14 +3736,14 @@ pre {
width: 100% !important;
tr {
td+td+td {
td + td + td {
width: calc(100% - 138px) !important;
}
}
}
}
.mailBodyContents>table>tbody>tr>td {
.mailBodyContents > table > tbody > tr > td {
font-size: 1.8rem !important;
@include maxtablet {
@@ -4179,7 +4177,7 @@ pre {
font-size: 1.6rem;
color: #676767;
&+p {
& + p {
margin-top: 1rem;
}
}
@@ -4414,7 +4412,7 @@ pre {
}
}
>div {
> div {
width: 100%;
display: flex;
flex-wrap: wrap;
@@ -4433,11 +4431,11 @@ pre {
}
}
input[type="text"]+input[type="text"] {
input[type="text"] + input[type="text"] {
margin-left: 1rem;
}
input[type="text"]+select {
input[type="text"] + select {
width: 100%;
margin-top: 1rem;
@@ -4579,8 +4577,8 @@ pre {
}
.alertSubMessage {
>ul {
>li {
> ul {
> li {
font-size: 1.4rem;
font-weight: 600;
@@ -4607,14 +4605,14 @@ pre {
}
}
+li {
+ li {
margin-top: 1.2rem;
}
>ul {
> ul {
padding: 1.2rem 0 0;
>li {
> li {
color: #aaa;
font-size: 1.2rem;
font-weight: 400;
@@ -4629,7 +4627,7 @@ pre {
font-weight: 400;
}
>span {
> span {
display: block;
padding-left: 1.8rem;
text-indent: 0;
@@ -4677,7 +4675,7 @@ pre {
font-size: 1.4rem;
}
&+li {
& + li {
margin-top: 1.6rem;
}
@@ -4795,7 +4793,7 @@ pre {
padding: 0;
}
>div {
> div {
display: flex;
align-items: center;
justify-content: flex-start;
@@ -4854,4 +4852,4 @@ pre {
}
}
}
}
}