/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");

body {
  font-family:
    "Pretendard Variable",
    Pretendard,
    -apple-system,
    BlinkMacSystemFont,
    system-ui,
    Roboto,
    "Helvetica Neue",
    "Segoe UI",
    "Apple SD Gothic Neo",
    "Noto Sans KR",
    "Malgun Gothic",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    sans-serif;
}

/* 1. 가장 바깥 부모 (.nav) 설정 */
nav.nav {
    display: flex;
    align-items: center;
    justify-content: flex-start; 
}

/* 2. 신규 GNB 메뉴를 버튼 옆으로 밀착 */
.new-gnb-menu {
    display: flex;
    align-items: center;
    /* GNB 메뉴 사이의 간격만 20px로 조절 (원하는 만큼 숫차 변경) */
    gap: 60px; 
    margin-left: 172px;
    padding-left: 0;
}

.new-gnb-menu a {
    font-size: 20px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    white-space: nowrap;      /* 글자가 줄바꿈 되지 않도록 방어 */
}

/* 3. 기획전/공지사항 뭉치만 오른쪽 끝으로 보내기 (핵심!) */
/* HTML 코드상 기획전/공지사항을 감싸는 클래스명입니다 */
.nav__link-wrap {
    /* 왼쪽 마진을 auto로 주면 남는 공간을 혼자 다 밀어내며 오른쪽으로 붙습니다 */
    margin-left: auto; 
    display: flex;
    gap: 15px;
}

/* 4. ALL CATEGORY 버튼 오른쪽 여백 미세 조정 */
nav.nav .nav__all-menu-btn {
    margin-right: 15px; /* 버튼과 '홈' 사이의 간격입니다 */
}

.hidden {display:none;}

// 배너 숨김
.section-SCPC0001 [shopby-section-banner] {
    display: none !important;
}

.section-SCPC0004 [shopby-section-banner] {
    display: block !important;
}