@charset "UTF-8";

/* merge-build.js 산출물 — 납품 시 css/sections/*.css 전량이 이 아래로 합쳐진다. 손으로 쓰지 않는다(CLAUDE.md 원칙 14). */
/* merge-build:econ01 */
/* econ01 — 창업문의 페이지 헤드 배너(배경 사진 + 중앙 타이틀) */
.econ01 {
  /* HEIGHT: 구 사이트(wakburger sub0x) 히어로 = 시안 bcon1_bg 영역 629px — 새 사진에서도 기존 PNG 비율 유지 */
  height: calc(var(--px)*629);
}

.econ01 > .bg_img {
  object-position: 50% 0; /* econ01_02 = 원본 사진 재합성(시안 영역은 위에서 178행) — 위 기준으로 잘라 제목·사진 관계 유지 */
}

.econ01_iner {
  height: 100%;
  justify-content: center;
  padding: 0; /* 히어로가 헤더 아래에서 시작하므로 영역 정중앙 */
}

.econ01__title {
  text-transform: uppercase;
}

/* FONT:AUTO econ01 */
/* spec.json 파생 (tools/spec-font-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.econ01__title {
    font-family: var(--font-ackbar);
    font-size: var(--displayL);
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.2;  /* OVR */
    text-align: center;
    color: #ffffff;
}
/* /FONT:AUTO econ01 END */

/* INK:AUTO econ01 */
.econ01__title { margin-top: calc(var(--px) * -17.9); margin-bottom: calc(var(--px) * -18.9); } /* base 0,0 */
/* /INK:AUTO econ01 END */


@media (max-width:599px) {
  .econ01 {
    height: auto;
  }

  .econ01 > .bg_img {
    top: -32.3636%; /* 시안 영역(178행부터 550행)이 섹션에 맞게 — 원본 1085행 기준 */
    height: 197.2727%;
  }

  .econ01_iner {
    height: auto;
    padding: 36.3333vw 0 17.0667vw;
  }

  .econ01__title {
    margin-top: -3.8066vw;
    margin-bottom: -4.0192vw;
  }
}

/* /merge-build:econ01 */
/* merge-build:econ02-1 */
/* econ02-1 — 상단 리본 띠 + 뉴욕 매장 전경 배경(흐름 콘텐츠는 띠 하나라 섹션 높이는 iner 하단 padding 이 만든다) */
.econ02-1_iner {
  padding-bottom: calc(var(--px)*1052);
}

/* 시안 띠 top 3px 는 크롭 경계 잔여라 섹션 상단에 밀착(0 스냅)하고 그만큼 padding-top 이 흡수 */
.econ02-1__ribbon {
  padding-top: calc(var(--px)*9);
  padding-bottom: calc(var(--px)*8);
  background-color: #163587;
  border-bottom: calc(var(--px)*9) solid #db1e1e;
}

/* IMG:AUTO econ02-1 */
/* 섹션 HTML 파생 (tools/img-size-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.econ02-1__ribbon-img {
    width: calc(var(--px)*586);
    aspect-ratio: 586 / 15;
}
/* /IMG:AUTO econ02-1 END */

@media (max-width:599px) {
  .econ02-1_iner {
    padding-bottom: 100vw;
  }
  .econ02-1__ribbon {
    padding-top: 1.0667vw;
    padding-bottom: 1.0667vw;
    border-bottom: 1.6vw solid #db1e1e;
  }
  .econ02-1__ribbon-img {
    width: 85.3333vw;
  }
}

/* /merge-build:econ02-1 */
/* merge-build:econ02-2 */
/* econ02-2 — 창업문의 안내 흰 판(헤딩·안내문·연락처 5열) · 분할섹션이라 클래스 블록은 econ022 */
.econ022 {
  background-color: #f6f5f1;
}

.econ022_iner {
  padding-bottom: calc(var(--px)*106); /* 판 내부 하단 패딩(106)과 같은 리듬 · 구 사이트 5.51vw≈105 */
}

.econ022__panel {
  width: calc(var(--px)*1431);
  padding: calc(var(--px)*144) 0 calc(var(--px)*106);
  background: #fff;
}

.econ022__desc {
  margin-top: calc(var(--px)*38);
}

.econ022__contacts {
  column-gap: calc(var(--px)*89);
  margin-top: calc(var(--px)*83);
}

.econ022__contact {
  row-gap: calc(var(--px)*35);
}


/* FONT:AUTO econ02-2 */
/* spec.json 파생 (tools/spec-font-to-css.js · unit=--px) — 재생성 대상, 직접 수정 금지 */
/* 예외: line-height · letter-spacing 는 값을 고치고 뒤에 OVR 주석을 붙이면 재생성이 보존한다 */
.econ022__title {
    font-family: var(--font-noto);
    font-size: var(--titleXS);
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.31;
    text-align: center;
    color: #090909;
}

.econ022__title-brand {
    color: #db1e1e;
}

.econ022__title-sub {
    font-weight: 300;
}

.econ022__desc {
    font-family: var(--font-noto);
    font-size: var(--bodyS);
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 2.74;
    text-align: center;
    color: #7d7d7d;
}

.econ022__contacts {
    font-size: var(--bodyL);
    color: #0c0c0c;
}

.econ022__label.econ022__label--address,
.econ022__label.econ022__label--tel,
.econ022__label.econ022__label--fax,
.econ022__label.econ022__label--email,
.econ022__label.econ022__label--insta {
    font-family: var(--font-poppins);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.71;
}

.econ022__value.econ022__value--address,
.econ022__value.econ022__value--tel,
.econ022__value.econ022__value--fax,
.econ022__value.econ022__value--email,
.econ022__value.econ022__value--insta {
    font-family: var(--font-noto);
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 1.39;
}
/* /FONT:AUTO econ02-2 END */

/* INK:AUTO econ02-2 */
.econ022__desc { margin-top: calc(var(--px) * 23.95); margin-bottom: calc(var(--px) * -11.04); } /* base 38,0 */
.econ022__label.econ022__label--fax { margin-top: calc(var(--px) * -10.39); margin-bottom: calc(var(--px) * -7.38); } /* base 0,0 */
.econ022__title-brand { margin-top: calc(var(--px) * -8.42); margin-bottom: calc(var(--px) * -8.58); } /* base 0,0 */
.econ022__title-sub { margin-top: calc(var(--px) * -9.42); margin-bottom: calc(var(--px) * -7.58); } /* base 0,0 */
.econ022__label.econ022__label--address { margin-top: calc(var(--px) * -9.39); margin-bottom: calc(var(--px) * -7.38); } /* base 0,0 */
.econ022__label.econ022__label--tel { margin-top: calc(var(--px) * -9.39); margin-bottom: calc(var(--px) * -7.38); } /* base 0,0 */
.econ022__label.econ022__label--email { margin-top: calc(var(--px) * -9.39); margin-bottom: calc(var(--px) * -7.38); } /* base 0,0 */
.econ022__label.econ022__label--insta { margin-top: calc(var(--px) * -10.39); margin-bottom: calc(var(--px) * -3.38); } /* base 0,0 */
.econ022__value.econ022__value--tel { margin-top: calc(var(--px) * -6.51); margin-bottom: calc(var(--px) * -3.51); } /* base 0,0 */
.econ022__value.econ022__value--fax { margin-top: calc(var(--px) * -6.51); margin-bottom: calc(var(--px) * -3.51); } /* base 0,0 */
.econ022__title { margin-top: calc(var(--px) * -8.42); margin-bottom: calc(var(--px) * 0.59); } /* base 0,0 */
.econ022__value.econ022__value--address { margin-top: calc(var(--px) * -5.51); margin-bottom: calc(var(--px) * -0.51); } /* base 0,0 */
.econ022__value.econ022__value--email { margin-top: calc(var(--px) * -5.51); margin-bottom: calc(var(--px) * -0.51); } /* base 0,0 */
.econ022__value.econ022__value--insta { margin-top: calc(var(--px) * -5.51); margin-bottom: calc(var(--px) * 0.49); } /* base 0,0 */
/* /INK:AUTO econ02-2 END */

@media (max-width:599px) {
  .econ022_iner { padding-bottom: 21.3333vw; }
  .econ022__panel { width: 91.4667vw; padding: 12.8vw 5.3333vw; }
  .econ022__desc { line-height: 1.6; margin-top: 3.2vw; margin-bottom: 0; }
  .econ022__contacts { flex-direction: column; align-self: stretch; row-gap: 4.2667vw; margin-top: 12.8vw; }
  .econ022__contact { display: grid; grid-template-columns: 26.6667vw 1fr; column-gap: 3.2vw; align-items: baseline; }
  .econ022__contact .econ022__label, .econ022__contact .econ022__value { margin: 0; }
}

/* /merge-build:econ02-2 */