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

gnb 브레이크포인트 수정

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-11-25 23:32:18 +09:00
parent 4baac677a3
commit 9b97d1426c
6 changed files with 77 additions and 2970 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
kr/assets/css/common.css
View File

@@ -806,7 +806,6 @@ body.scroll-up .hederWarp_n .mobileOpenMenu {
.hederWarp_n .headerInner .gnb .logoWrap { .hederWarp_n .headerInner .gnb .logoWrap {
display: flex; display: flex;
align-items: center; align-items: center;
height: 8rem;
} }
} }
.hederWarp_n .headerInner .gnb .logoWrap a { .hederWarp_n .headerInner .gnb .logoWrap a {
@@ -1047,7 +1046,7 @@ body.scroll-up .hederWarp_n .mobileOpenMenu {
margin-left: 4.5rem; margin-left: 4.5rem;
transition: margin-left 0.2s ease-in-out; transition: margin-left 0.2s ease-in-out;
} }
@media (max-width: 1220px) { @media (max-width: 1250px) {
.hederWarp_n .headerInner .gnb .menuWarp .menu { .hederWarp_n .headerInner .gnb .menuWarp .menu {
margin-left: 2rem; margin-left: 2rem;
} }
@@ -1114,7 +1113,7 @@ body.scroll-up .hederWarp_n .mobileOpenMenu {
} }
@media (max-width: 1220px) { @media (max-width: 1220px) {
.hederWarp_n .headerInner .gnb .menuWarp .menu .menuDepth1Wrap .menuDepth1 { .hederWarp_n .headerInner .gnb .menuWarp .menu .menuDepth1Wrap .menuDepth1 {
padding: 0 1.25rem; padding: 0 1rem;
} }
} }
@media (max-width: 1120px) { @media (max-width: 1120px) {

2
kr/assets/css/common.css.map
View File

File diff suppressed because one or more lines are too long

145
kr/assets/css/common.scss
View File

@@ -137,7 +137,7 @@ video::-webkit-media-controls {
min-width: 2.2rem; min-width: 2.2rem;
} }
span+span { span + span {
&::before { &::before {
content: ""; content: "";
display: block; display: block;
@@ -188,7 +188,8 @@ video::-webkit-media-controls {
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
@include desktopMin {} @include desktopMin {
}
.boxBullet { .boxBullet {
display: none; display: none;
@@ -233,7 +234,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 1rem; margin-top: 1rem;
} }
} }
@@ -243,7 +244,7 @@ video::-webkit-media-controls {
display: block; display: block;
} }
.carItem.on+.carlistItem { .carItem.on + .carlistItem {
display: block; display: block;
} }
} }
@@ -356,7 +357,7 @@ video::-webkit-media-controls {
} }
} }
button+button { button + button {
border-right: 0; border-right: 0;
} }
@@ -378,7 +379,7 @@ video::-webkit-media-controls {
padding: 0; padding: 0;
} }
>a { > a {
display: none; display: none;
@include desktopMin { @include desktopMin {
@@ -419,7 +420,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 2rem; margin-top: 2rem;
} }
} }
@@ -455,7 +456,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 3rem; margin-top: 3rem;
@include desktopMin { @include desktopMin {
@@ -484,7 +485,7 @@ video::-webkit-media-controls {
display: block; display: block;
} }
>a { > a {
display: none; display: none;
@include desktopMin { @include desktopMin {
@@ -532,7 +533,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 1rem; margin-top: 1rem;
} }
} }
@@ -543,7 +544,7 @@ video::-webkit-media-controls {
} }
} }
.menu+.user { .menu + .user {
margin-left: 2rem; margin-left: 2rem;
} }
} }
@@ -555,7 +556,7 @@ video::-webkit-media-controls {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
} }
.mMenuWarp+.cart { .mMenuWarp + .cart {
margin-left: 0; margin-left: 0;
@include desktopMin { @include desktopMin {
@@ -564,7 +565,7 @@ video::-webkit-media-controls {
} }
.cart { .cart {
>a { > a {
display: flex; display: flex;
align-items: center; align-items: center;
height: 5.6rem; height: 5.6rem;
@@ -652,7 +653,7 @@ video::-webkit-media-controls {
} }
} }
.carlist+.gnbIcon { .carlist + .gnbIcon {
margin-left: 0; margin-left: 0;
@include desktopMin { @include desktopMin {
@@ -693,7 +694,6 @@ video::-webkit-media-controls {
.moblieMenu { .moblieMenu {
.slide-open { .slide-open {
.burgur { .burgur {
.top-line, .top-line,
.bot-line { .bot-line {
background-color: #000; background-color: #000;
@@ -776,11 +776,11 @@ video::-webkit-media-controls {
} }
&.menu-open { &.menu-open {
&~.pageTitle { & ~ .pageTitle {
z-index: 0 !important; z-index: 0 !important;
} }
&~.contentWarp { & ~ .contentWarp {
z-index: 0 !important; z-index: 0 !important;
} }
@@ -836,7 +836,7 @@ video::-webkit-media-controls {
} }
.userLogin { .userLogin {
>a { > a {
border: 1px solid rgba(5, 20, 31, 0.3); border: 1px solid rgba(5, 20, 31, 0.3);
color: #05141f; color: #05141f;
transition: 0.3s; transition: 0.3s;
@@ -943,7 +943,7 @@ video::-webkit-media-controls {
@media (min-width: 1120px) { @media (min-width: 1120px) {
display: flex; display: flex;
align-items: center; align-items: center;
height: 8rem; // height: 8rem;
} }
a { a {
@@ -1068,7 +1068,7 @@ video::-webkit-media-controls {
background-size: contain; background-size: contain;
} }
&+button { & + button {
border-right: 0; border-right: 0;
} }
} }
@@ -1117,7 +1117,7 @@ video::-webkit-media-controls {
font-size: 1.2rem; font-size: 1.2rem;
} }
span+span { span + span {
color: #676767; color: #676767;
font-weight: 400; font-weight: 400;
@@ -1191,7 +1191,7 @@ video::-webkit-media-controls {
width: fit-content; width: fit-content;
} }
span+span { span + span {
font-weight: 400; font-weight: 400;
&::before { &::before {
@@ -1207,7 +1207,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 1rem; margin-top: 1rem;
} }
} }
@@ -1220,7 +1220,7 @@ video::-webkit-media-controls {
margin-left: 4.5rem; margin-left: 4.5rem;
transition: margin-left 0.2s ease-in-out; transition: margin-left 0.2s ease-in-out;
@media (max-width: 1220px) { @media (max-width: 1250px) {
margin-left: 2rem; margin-left: 2rem;
} }
@@ -1303,7 +1303,7 @@ video::-webkit-media-controls {
white-space: nowrap; white-space: nowrap;
@media (max-width: 1220px) { @media (max-width: 1220px) {
padding: 0 1.25rem; padding: 0 1rem;
} }
@media (max-width: 1120px) { @media (max-width: 1120px) {
@@ -1338,7 +1338,7 @@ video::-webkit-media-controls {
background: url("../images/common/icon-arrow_right.svg") center center no-repeat; background: url("../images/common/icon-arrow_right.svg") center center no-repeat;
} }
&~.menuDepth2Wrap { & ~ .menuDepth2Wrap {
padding-left: 1.2rem; padding-left: 1.2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@@ -1471,7 +1471,7 @@ video::-webkit-media-controls {
font-weight: 600; font-weight: 600;
color: #676767; color: #676767;
&+a { & + a {
border-left: 1px solid #dedede; border-left: 1px solid #dedede;
} }
} }
@@ -1588,7 +1588,7 @@ video::-webkit-media-controls {
white-space: nowrap; white-space: nowrap;
} }
span+span { span + span {
&::before { &::before {
content: ""; content: "";
display: block; display: block;
@@ -1622,7 +1622,7 @@ video::-webkit-media-controls {
display: block; display: block;
} }
&.on+.carlistItem { &.on + .carlistItem {
display: block; display: block;
} }
@@ -1693,7 +1693,7 @@ video::-webkit-media-controls {
} }
} }
span+span { span + span {
&::before { &::before {
content: ""; content: "";
display: block; display: block;
@@ -1719,7 +1719,7 @@ video::-webkit-media-controls {
position: relative; position: relative;
padding-left: 2rem; padding-left: 2rem;
>span { > span {
display: inline; display: inline;
} }
@@ -1772,7 +1772,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 1rem; margin-top: 1rem;
@include desktopMin { @include desktopMin {
@@ -1792,7 +1792,7 @@ video::-webkit-media-controls {
display: none; display: none;
} }
>a { > a {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.3rem 0.6rem; padding: 0.3rem 0.6rem;
@@ -1817,7 +1817,7 @@ video::-webkit-media-controls {
display: none; display: none;
} }
>a { > a {
display: flex; display: flex;
align-items: center; align-items: center;
height: 8rem; height: 8rem;
@@ -1870,7 +1870,7 @@ video::-webkit-media-controls {
} }
} }
li+li { li + li {
margin-top: 1rem; margin-top: 1rem;
} }
} }
@@ -1882,7 +1882,7 @@ video::-webkit-media-controls {
} }
.cart { .cart {
>a { > a {
display: flex; display: flex;
align-items: center; align-items: center;
height: 5.6rem; height: 5.6rem;
@@ -2046,7 +2046,7 @@ video::-webkit-media-controls {
} }
.userLogin { .userLogin {
>a { > a {
border: 1px solid rgba(5, 20, 31, 0.3); border: 1px solid rgba(5, 20, 31, 0.3);
color: #05141f; color: #05141f;
transition: 0.3s; transition: 0.3s;
@@ -2135,7 +2135,6 @@ video::-webkit-media-controls {
margin-top: 0; margin-top: 0;
} }
.infoStickyInner { .infoStickyInner {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -2241,7 +2240,6 @@ video::-webkit-media-controls {
padding-right: 0rem; padding-right: 0rem;
} }
body.scroll-up & { body.scroll-up & {
top: 10.6rem; top: 10.6rem;
transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;
@@ -2305,7 +2303,7 @@ video::-webkit-media-controls {
border-bottom: 1px solid #000; border-bottom: 1px solid #000;
} }
a+a { a + a {
margin-left: 2rem; margin-left: 2rem;
} }
} }
@@ -2388,7 +2386,7 @@ video::-webkit-media-controls {
} }
} }
.btn-select.on+.list-member { .btn-select.on + .list-member {
display: block; display: block;
} }
@@ -2781,7 +2779,8 @@ video::-webkit-media-controls {
margin-bottom: 0rem; margin-bottom: 0rem;
} }
@include desktopMax {} @include desktopMax {
}
dt { dt {
color: #676767; color: #676767;
@@ -2804,7 +2803,7 @@ video::-webkit-media-controls {
} }
} }
dl+dl { dl + dl {
border-bottom: 0; border-bottom: 0;
margin-top: 0rem; margin-top: 0rem;
padding-bottom: 0rem; padding-bottom: 0rem;
@@ -2821,7 +2820,7 @@ video::-webkit-media-controls {
} }
} }
a+a { a + a {
margin-top: 1.1rem; margin-top: 1.1rem;
} }
} }
@@ -2895,7 +2894,7 @@ video::-webkit-media-controls {
} }
} }
p+p { p + p {
margin-top: 1.5rem; margin-top: 1.5rem;
@include tablet { @include tablet {
@@ -2994,7 +2993,7 @@ video::-webkit-media-controls {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
a+a { a + a {
margin-top: 1rem; margin-top: 1rem;
@include tablet { @include tablet {
@@ -3179,7 +3178,7 @@ video::-webkit-media-controls {
cursor: not-allowed; cursor: not-allowed;
} }
[type="radio"]:disabled+span { [type="radio"]:disabled + span {
opacity: 0.5; opacity: 0.5;
cursor: not-allowed; cursor: not-allowed;
} }
@@ -3295,7 +3294,7 @@ video::-webkit-media-controls {
} }
} }
>div { > div {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@@ -3314,11 +3313,11 @@ video::-webkit-media-controls {
} }
} }
input[type="text"]+input[type="text"] { input[type="text"] + input[type="text"] {
margin-left: 1rem; margin-left: 1rem;
} }
input[type="text"]+select { input[type="text"] + select {
width: 100%; width: 100%;
margin-top: 1rem; margin-top: 1rem;
@@ -3338,11 +3337,11 @@ video::-webkit-media-controls {
} }
} }
>div.phone { > div.phone {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
>div.mail { > div.mail {
input { input {
width: calc(100% / 2 - 4.5%); width: calc(100% / 2 - 4.5%);
} }
@@ -3504,7 +3503,7 @@ video::-webkit-media-controls {
} }
} }
button+label { button + label {
margin-left: 1rem; margin-left: 1rem;
} }
} }
@@ -3523,7 +3522,7 @@ video::-webkit-media-controls {
} }
} }
dl+dl { dl + dl {
margin-top: 3rem; margin-top: 3rem;
} }
@@ -3558,7 +3557,7 @@ video::-webkit-media-controls {
} }
} }
p+p { p + p {
margin-top: 2rem; margin-top: 2rem;
} }
} }
@@ -3600,7 +3599,7 @@ video::-webkit-media-controls {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
a+a { a + a {
margin-top: 1rem; margin-top: 1rem;
@include tablet { @include tablet {
@@ -3740,12 +3739,12 @@ video::-webkit-media-controls {
} }
.cartItemInfo { .cartItemInfo {
>div { > div {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 0; margin-top: 0;
>p { > p {
margin-left: 0; margin-left: 0;
border-radius: 0; border-radius: 0;
overflow: hidden; overflow: hidden;
@@ -3819,7 +3818,7 @@ video::-webkit-media-controls {
} }
} }
dt+dd { dt + dd {
margin-top: 0.5rem; margin-top: 0.5rem;
@include desktopMin { @include desktopMin {
@@ -3827,7 +3826,7 @@ video::-webkit-media-controls {
} }
} }
dd+dd { dd + dd {
margin-top: 1.5rem; margin-top: 1.5rem;
font-size: 1.4rem; font-size: 1.4rem;
@@ -3839,7 +3838,7 @@ video::-webkit-media-controls {
} }
} }
.cartItemInfo+dl { .cartItemInfo + dl {
min-width: 20rem; min-width: 20rem;
text-align: right; text-align: right;
@@ -3866,7 +3865,7 @@ video::-webkit-media-controls {
} }
} }
>dl { > dl {
.couponBtn { .couponBtn {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@@ -3974,7 +3973,7 @@ video::-webkit-media-controls {
cursor: not-allowed; cursor: not-allowed;
} }
[type="radio"]:disabled+span { [type="radio"]:disabled + span {
opacity: 0.5; opacity: 0.5;
cursor: not-allowed; cursor: not-allowed;
} }
@@ -4075,7 +4074,7 @@ video::-webkit-media-controls {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
a+a { a + a {
margin-top: 1rem; margin-top: 1rem;
@include tablet { @include tablet {
@@ -4134,7 +4133,7 @@ video::-webkit-media-controls {
padding: 0 3rem; padding: 0 3rem;
} }
&+.content { & + .content {
margin-top: 3rem; margin-top: 3rem;
padding-top: 6rem; padding-top: 6rem;
border-top: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;
@@ -4194,7 +4193,7 @@ video::-webkit-media-controls {
margin-top: 4rem; margin-top: 4rem;
} }
>p { > p {
margin-top: 2rem; margin-top: 2rem;
line-height: 3rem; line-height: 3rem;
font-size: 2.2rem; font-size: 2.2rem;
@@ -4327,7 +4326,7 @@ video::-webkit-media-controls {
font-size: 1.4rem; font-size: 1.4rem;
} }
>span { > span {
display: block; display: block;
@include maxtablet { @include maxtablet {
@@ -4344,7 +4343,7 @@ video::-webkit-media-controls {
font-size: 1.6rem; font-size: 1.6rem;
} }
&+.agree-area { & + .agree-area {
margin-bottom: 4rem; margin-bottom: 4rem;
} }
@@ -4485,7 +4484,7 @@ video::-webkit-media-controls {
padding: 0; padding: 0;
margin: 0 3rem; margin: 0 3rem;
&+.content { & + .content {
padding: 6rem 0; padding: 6rem 0;
} }
@@ -4558,7 +4557,7 @@ video::-webkit-media-controls {
margin-top: 4rem; margin-top: 4rem;
} }
>p { > p {
margin-top: 2rem; margin-top: 2rem;
line-height: 2.2rem; line-height: 2.2rem;
font-size: 1.6rem; font-size: 1.6rem;
@@ -4714,7 +4713,7 @@ video::-webkit-media-controls {
height: 40px; height: 40px;
} }
.swiper-scrollbar-lock+.swiper-scrollbar-after-space { .swiper-scrollbar-lock + .swiper-scrollbar-after-space {
display: none; display: none;
} }
} }
@@ -4758,7 +4757,7 @@ video::-webkit-media-controls {
} }
} }
p+p { p + p {
margin-top: 1.5rem; margin-top: 1.5rem;
@include tablet { @include tablet {
@@ -4857,7 +4856,7 @@ video::-webkit-media-controls {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
a+a { a + a {
margin-top: 1rem; margin-top: 1rem;
@include tablet { @include tablet {

2
kr/assets/js/common.js
View File

@@ -121,7 +121,7 @@ $(document).ready(function () {
}); });
} }
targetSize = "moblie"; targetSize = "moblie";
} else if (windowWidth > 500 && windowWidth <= 1024) { } else if (windowWidth > 500 && windowWidth <= 1120) {
//타블릿 class //타블릿 class
body.className = "tablet"; body.className = "tablet";

1283
kr/promotion/ddd.html
View File

File diff suppressed because it is too large Load Diff

1608
kr/promotion/disney_promotion_new2.html
View File

File diff suppressed because it is too large Load Diff