@import url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy.css");

/* =========================================================
   인사말
   ========================================================= */

.hw0822-greeting-preview,
.hw0822-greeting-preview * {
  box-sizing: border-box;
}

.hw0822-greeting-preview {
  width: 100%;
  /* background: linear-gradient(180deg, #fff 0, #fff 76%, #f8f7f3 76%, #f8f7f3 100%); */
  color: #191919;
  font-family: Pretendard, Arial, sans-serif;
}

.hw0822-greeting-preview-inner {
  width: 1280px;
  max-width: calc(100% - 60px);
  margin: 0 auto;
  padding: 70px 0 145px;
}

.hw0822-greeting-preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
  gap: 86px;
  align-items: start;
}

.hw0822-greeting-preview-copy {
  position: relative;
  padding-top: 15px;
}

.hw0822-greeting-preview-copy:before {
  content: "ARAMCHAN GREETING";
  display: block;
  margin-bottom: 18px;
  color: #2f8f5b;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .18em;
}

.hw0822-greeting-preview-slogan {
  display: block;
  margin: 0 0 38px;
}

.hw0822-greeting-preview-slogan-quote {
  display: block;
  height: 32px;
  margin: 0 0 8px;
  color: #b8d5c2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 62px;
  line-height: .78;
  font-weight: 700;
}

.hw0822-greeting-preview-slogan-accent {
  display: block;
  color: #292d2a;
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -.055em;
}

.hw0822-greeting-preview-lead {
  margin: 0 0 28px;
  font-size: 20px;
  line-height: 1.75;
  font-weight: 600;
  letter-spacing: -.025em;
  color: #242424;
  word-break: keep-all;
}

.hw0822-greeting-preview-text {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
  letter-spacing: -.02em;
  color: #666;
  word-break: keep-all;
}

.hw0822-greeting-preview-sign {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 46px;
  padding-top: 28px;
  border-top: 1px solid #e7e4df;
}

.hw0822-greeting-preview-sign-label {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.hw0822-greeting-preview-visual {
  position: relative;
}

.hw0822-greeting-preview-visual:before {
  content: "";
  position: absolute;
  top: -18px;
  right: -18px;
  width: 58%;
  height: 58%;
  background: #edf3ed;
}

.hw0822-greeting-preview-photo {
  position: relative;
  width: 100%;
  height: 575px;
  overflow: hidden;
  background: #f2efe9;
  box-shadow: 0 24px 55px rgba(36, 42, 34, .14);
}

.hw0822-greeting-preview-photo-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hw0822-greeting-preview-photo-label {
  position: absolute;
  left: -34px;
  bottom: 34px;
  width: 152px;
  padding: 20px 18px;
  background: #173c2b;
  color: #fff;
}

.hw0822-greeting-preview-photo-label-strong {
  display: block;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
}

.lettuce-detail,.lettuce-detail *{box-sizing:border-box}
.lettuce-detail{width:100%;max-width:1280px;margin:0 auto;background:#fff;color:#1c211b;font-family:Pretendard,sans-serif}
.lettuce-detail-kicker{margin:0 0 16px;color:#688435;font-size:17px;font-weight:800;letter-spacing:.14em}
.lettuce-detail-hero{min-height:720px;display:flex;align-items:center;padding:88px;background:linear-gradient(90deg,rgba(246,247,236,.98) 0%,rgba(246,247,236,.9) 42%,rgba(246,247,236,.12) 70%),url('https://images.unsplash.com/photo-1622206151226-18ca2c9ab4a1?auto=format&fit=crop&w=1600&q=90') center/cover no-repeat}
.lettuce-detail-hero-copy{max-width:610px}
.lettuce-detail-hero h1{margin:0;font-size:68px;line-height:1.12;letter-spacing:-.06em;font-weight:800}
.lettuce-detail-hero h1 em{font-style:normal;color:#7b243b}
.lettuce-detail-lead{margin:30px 0 0;font-size:22px;line-height:1.65;font-weight:600;color:#3e473c}
.lettuce-detail-chip{display:inline-block;margin-top:32px;padding:11px 18px;border-radius:999px;background:#688435;color:#fff;font-size:14px;font-weight:700}
.lettuce-detail-features,.lettuce-detail-info{padding:110px 82px}
.lettuce-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:54px;padding-bottom:28px;border-bottom:1px solid #dfe3da}
.lettuce-detail-heading .lettuce-detail-kicker{margin:0}
.lettuce-detail-heading h2{margin:0;font-size:48px;line-height:1.25;letter-spacing:-.05em;font-weight:800;text-align:right}
.lettuce-detail-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lettuce-detail-feature-grid article{min-height:330px;padding:36px 32px;border:1px solid #dfe4d7;border-top:5px solid #688435;background:#fafbf7}
.lettuce-detail-feature-grid b{display:block;font-size:38px;line-height:1;color:#cad6b7;font-weight:800}
.lettuce-detail-feature-grid span{display:block;margin-top:30px;color:#688435;font-size:14px;font-weight:800;letter-spacing:.12em}
.lettuce-detail-feature-grid h3{margin:12px 0 15px;font-size:29px;letter-spacing:-.04em}
.lettuce-detail-feature-grid p{margin:0;color:#596056;font-size:17px;line-height:1.75;word-break:keep-all}
.lettuce-detail-guide{display:grid;grid-template-columns:1fr 1fr;min-height:680px}
.lettuce-detail-guide-photo{background:url('https://images.unsplash.com/photo-1598030343246-eec71cb44231?auto=format&fit=crop&w=1200&q=90') center/cover no-repeat}
.lettuce-detail-guide-copy{display:flex;flex-direction:column;justify-content:center;padding:76px 68px;background:#243321;color:#fff}
.lettuce-detail-guide-copy .lettuce-detail-kicker{color:#bad17d}
.lettuce-detail-guide-copy h2{margin:0;font-size:48px;line-height:1.3;letter-spacing:-.05em}
.lettuce-detail-guide-copy ol{counter-reset:lettuce;margin:34px 0 0;padding:0;list-style:none}
.lettuce-detail-guide-copy li{counter-increment:lettuce;position:relative;min-height:66px;padding:18px 0 18px 56px;border-bottom:1px solid rgba(255,255,255,.16);color:#edf1e9;font-size:17px;line-height:1.7;word-break:keep-all}
.lettuce-detail-guide-copy li:before{content:counter(lettuce,decimal-leading-zero);position:absolute;left:0;top:18px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#bad17d;color:#243321;font-size:13px;font-weight:800}
.lettuce-detail-info{background:#f5f7f0}
.lettuce-detail-info dl{display:grid;grid-template-columns:1fr 1fr;margin:0;background:#fff;border-top:2px solid #243321}
.lettuce-detail-info dl div{display:grid;grid-template-columns:130px 1fr;min-height:82px;padding:0 26px;border-bottom:1px solid #dde2d8}
.lettuce-detail-info dl div:nth-child(odd){border-right:1px solid #dde2d8}
.lettuce-detail-info dt,.lettuce-detail-info dd{display:flex;align-items:center;margin:0;font-size:16px}
.lettuce-detail-info dt{color:#688435;font-weight:800}
.lettuce-detail-info dd{color:#333;font-weight:600}
.lettuce-detail-end{padding:100px 40px;background:#7b243b;color:#fff;text-align:center}
.lettuce-detail-end h2{margin:0;font-size:42px;line-height:1.4;letter-spacing:-.05em}

@media(max-width:900px){
  .lettuce-detail-hero{min-height:620px;padding:64px 40px}
  .lettuce-detail-hero h1{font-size:54px}
  .lettuce-detail-features,.lettuce-detail-info{padding:84px 40px}
  .lettuce-detail-feature-grid{grid-template-columns:1fr}
  .lettuce-detail-feature-grid article{min-height:0}
  .lettuce-detail-guide{grid-template-columns:1fr}
  .lettuce-detail-guide-photo{min-height:440px}
}

@media(max-width:560px){
  .lettuce-detail-kicker{font-size:14px}
  .lettuce-detail-hero{min-height:560px;padding:52px 24px;background-position:62% center}
  .lettuce-detail-hero h1{font-size:42px}
  .lettuce-detail-lead{font-size:18px}
  .lettuce-detail-features,.lettuce-detail-info{padding:70px 24px}
  .lettuce-detail-heading{display:block}
  .lettuce-detail-heading h2{margin-top:14px;font-size:36px;text-align:left}
  .lettuce-detail-feature-grid article{padding:30px 26px}
  .lettuce-detail-guide-copy{padding:64px 26px}
  .lettuce-detail-guide-copy h2{font-size:38px}
  .lettuce-detail-info dl{grid-template-columns:1fr}
  .lettuce-detail-info dl div:nth-child(odd){border-right:0}
  .lettuce-detail-info dl div{grid-template-columns:105px 1fr;padding:0 16px}
  .lettuce-detail-end h2{font-size:32px}
}

.greeting-motion-ready .hw0822-greeting-preview-slogan,
.greeting-motion-ready .hw0822-greeting-preview-lead,
.greeting-motion-ready .hw0822-greeting-preview-text,
.greeting-motion-ready .hw0822-greeting-preview-sign,
.greeting-motion-ready .hw0822-greeting-preview-visual {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .75s ease, transform .9s cubic-bezier(.22, 1, .36, 1);
}

.greeting-motion-ready .greeting-motion-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .greeting-motion-ready .hw0822-greeting-preview-slogan,
  .greeting-motion-ready .hw0822-greeting-preview-lead,
  .greeting-motion-ready .hw0822-greeting-preview-text,
  .greeting-motion-ready .hw0822-greeting-preview-sign,
  .greeting-motion-ready .hw0822-greeting-preview-visual {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (max-width:1024px) {
  .hw0822-greeting-preview-inner {
    max-width: calc(100% - 48px);
    padding: 88px 0 110px;
  }

  .hw0822-greeting-preview-grid {
    grid-template-columns: 1fr .84fr;
    gap: 54px;
  }

  .hw0822-greeting-preview-photo {
    height: 500px;
  }

  .hw0822-greeting-preview-slogan-accent {
    font-size: 34px;
  }
}

@media (max-width:768px) {
  .hw0822-greeting-preview-inner {
    max-width: calc(100% - 36px);
    padding: 64px 0 84px;
  }

  .hw0822-greeting-preview-grid {
    display: flex;
    flex-direction: column;
    gap: 44px;
  }

  .hw0822-greeting-preview-copy {
    padding-top: 0;
  }

  .hw0822-greeting-preview-copy:before {
    margin-bottom: 15px;
  }

  .hw0822-greeting-preview-slogan {
    margin-bottom: 30px;
  }

  .hw0822-greeting-preview-slogan-quote {
    font-size: 52px;
  }

  .hw0822-greeting-preview-slogan-accent {
    font-size: 31px;
  }

  .hw0822-greeting-preview-lead {
    font-size: 18px;
  }

  .hw0822-greeting-preview-text {
    font-size: 15px;
    line-height: 1.9;
  }

  .hw0822-greeting-preview-visual {
    width: 100%;
  }

  .hw0822-greeting-preview-photo {
    height: 480px;
  }

  .hw0822-greeting-preview-photo-label {
    left: 18px;
    bottom: 18px;
  }
}

@media (max-width:480px) {
  .hw0822-greeting-preview-inner {
    max-width: calc(100% - 30px);
    padding: 54px 0 70px;
  }

  .hw0822-greeting-preview-slogan-quote {
    font-size: 46px;
  }

  .hw0822-greeting-preview-slogan-accent {
    font-size: 27px;
  }

  .hw0822-greeting-preview-photo {
    height: 410px;
  }

  .hw0822-greeting-preview-sign {
    display: block;
  }
}

/* =========================================================
   연혁
   ========================================================= */
.history2,
.history2 * { box-sizing: border-box; }
.history2 { padding: 96px 30px 140px; color: #202421; font-family: Pretendard, sans-serif; }
.history2-inner { width: 1240px; max-width: 100%; margin: 0 auto; }
.history2-head { margin: 0 auto; text-align: center; }
.history2-title { margin: 0; font-size: 46px; line-height: 1.25; font-weight: 800; letter-spacing: -.05em; }
.history2-desc { margin: 24px auto 0; color: #737b76; font-size: 16px; line-height: 1.85; letter-spacing: -.02em; white-space: nowrap; }
.motion-ready .history2-title,
.motion-ready .history2-desc,
.motion-ready .history2-route,
.motion-ready .history2-row,
.motion-ready .history2-closing { opacity: 0; transform: translateY(36px); transition: transform .85s cubic-bezier(.22, 1, .36, 1), opacity .7s ease; }
.motion-ready .history2-head.is-visible .history2-title { opacity: 1; transform: translateY(0); }
.motion-ready .history2-head.is-visible .history2-desc { opacity: 1; transform: translateY(0); transition-delay: .14s; }
.motion-ready .history2-route.is-visible,
.motion-ready .history2-row.is-visible,
.motion-ready .history2-closing.is-visible { opacity: 1; transform: translateY(0); }
.history2-route { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); margin: 76px 0 84px; padding-top: 18px; border-top: 1px solid #d9dfda; }
.history2-route-item { position: relative; padding-top: 14px; text-align: center; }
.history2-route-item:before { content: ""; position: absolute; top: -23px; left: 50%; width: 10px; height: 10px; border: 2px solid #aeb8b1; border-radius: 50%; background: #fff; transform: translateX(-50%); }
.history2-route-item:last-child:before { border-color: #1d7347; background: #1d7347; }
.history2-route-item strong { display: block; font-size: 22px; font-weight: 800; }
.history2-list { border-top: 2px solid #29312c; }
.history2-row { display: grid; grid-template-columns: 180px 1fr; gap: 40px; padding: 42px 0; border-bottom: 1px solid #dfe4e0; }
.history2-year { font-size: 44px; line-height: 1; font-weight: 800; letter-spacing: -.045em; }
.history2-row.is-current .history2-year { color: #1d7347; }
.history2-events { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; row-gap: 18px; margin: 0; padding: 0; list-style: none; }
.history2-event { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: baseline; }
.history2-event time { color: #1d7347; font-size: 16px; line-height: 1.6; font-weight: 800; }
.history2-event p { margin: 0; color: #424a45; font-size: 16px; line-height: 1.6; word-break: keep-all; }
.history2-mark { display: inline-block; margin-left: 6px; color: #1d7347; font-size: 12px; font-weight: 800; vertical-align: 2px; }
.history2-closing { display: flex; align-items: center; justify-content: center; padding: 54px 0 0; text-align: center; }
.history2-closing p { margin: 0; font-size: 27px; line-height: 1.5; font-weight: 700; letter-spacing: -.04em; }
.history2-closing strong { color: #1d7347; font-weight: 800; }

@media (max-width: 820px) {
  .history2 { padding: 70px 24px 100px; }
  .history2-title { font-size: 40px; }
  .history2-row { grid-template-columns: 130px 1fr; gap: 28px; }
  .history2-events { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .history2 { padding: 54px 18px 80px; }
  .history2-title { font-size: 34px; }
  .history2-desc { font-size: 15px; white-space: normal; word-break: keep-all; }
  .history2-route { margin: 56px 0 62px; }
  .history2-route-item strong { font-size: 18px; }
  .history2-row { display: block; padding: 30px 0; }
  .history2-year { margin-bottom: 24px; font-size: 34px; }
  .history2-events { gap: 15px; }
  .history2-closing { display: block; padding-top: 40px; }
  .history2-closing p { font-size: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-ready .history2-title,
  .motion-ready .history2-desc,
  .motion-ready .history2-route,
  .motion-ready .history2-row,
  .motion-ready .history2-closing { opacity: 1; transform: none; transition: none; }
}

.hw0823-history3,
.hw0823-history3 * {
  box-sizing: border-box
}



.hw0823-history3 {
  width: 100%;
  background: #fff;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  color: #171717;
  font-weight: 400
}

.hw0823-history3-inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding: 90px 86px 130px
}

/* intro */
.hw0823-history3-intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: end;
  padding-bottom: 54px;
  margin-bottom: 12px;
  border-bottom: 1px solid #171717;
}

.hw0823-history3-kicker {
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2em;
  color: #df6c2f
}

.hw0823-history3-title {
  margin: 0;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: 52px;
  line-height: 1.16;
  letter-spacing: -.06em;
  font-weight: 700
}

.hw0823-history3-desc {
  margin: 0 0 4px auto;
  max-width: 480px;
  font-size: 16px;
  line-height: 1.85;
  color: #777;
  word-break: keep-all
}

/* timeline */
.hw0823-history3-list {
  position: relative
}

.hw0823-history3-row {
  position: relative;
  display: grid;
  grid-template-columns: 210px 1fr;
  min-height: 150px;
  border-bottom: 1px solid #ececea
}

.hw0823-history3-year {
  position: relative;
  padding: 43px 40px 36px 0;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: 44px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.055em;
  color: #1b1b1b
}

.hw0823-history3-year:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #e3e3df
}

.hw0823-history3-row.is-latest .hw0823-history3-year {
  color: #df6c2f
}

.hw0823-history3-year small {
  display: block;
  margin-top: 14px;
  font-family: Pretendard, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .13em;
  color: #b4b4b0
}

.hw0823-history3-content {
  position: relative;
  padding: 38px 0 34px 54px
}

.hw0823-history3-content:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 50px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #c9c9c4
}

.hw0823-history3-row.is-latest .hw0823-history3-content:before {
  border-color: #df6c2f;
  background: #df6c2f
}

.hw0823-history3-event {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  align-items: start;
  padding: 8px 0
}

.hw0823-history3-month {
  font-size: 13px;
  line-height: 1.8;
  font-weight: 600;
  color: #a2a2a0;
  letter-spacing: .03em
}

.hw0823-history3-text {
  font-size: 17px;
  line-height: 1.75;
  letter-spacing: -.02em;
  color: #303030;
  word-break: keep-all
}

.hw0823-history3-row.is-latest .hw0823-history3-text {
  font-weight: 500
}

.hw0823-history3-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 9px;
  padding: 3px 9px 4px;
  border-radius: 999px;
  background: #fff3eb;
  color: #cf5a20;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 600;
  vertical-align: 2px
}

.hw0823-history3-event.is-plan .hw0823-history3-month {
  color: #c7c7c3
}

.hw0823-history3-event.is-plan .hw0823-history3-text {
  color: #888
}

/* subtle highlight band */
.hw0823-history3-row.is-latest {
  background: linear-gradient(90deg, #fff 0, #fff 210px, #fffaf7 210px, #fffaf7 100%)
}

/* footer statement */
.hw0823-history3-end {
  display: grid;
  grid-template-columns: 210px 1fr;
  margin-top: 54px
}

.hw0823-history3-end-line {
  border-right: 1px solid #e3e3df
}

.hw0823-history3-end-copy {
  padding: 5px 0 0 54px;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: 27px;
  line-height: 1.55;
  letter-spacing: -.045em;
  font-weight: 600;
  color: #222
}

.hw0823-history3-end-copy strong {
  color: #df6c2f;
  font-weight: 700
}

@media(max-width:760px) {
  .hw0823-history3-inner {
    padding: 60px 28px 90px
  }

  .hw0823-history3-intro {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-bottom: 38px
  }

  .hw0823-history3-title {
    font-size: 40px
  }

  .hw0823-history3-desc {
    margin: 0
  }

  .hw0823-history3-row {
    grid-template-columns: 110px 1fr
  }

  .hw0823-history3-year {
    font-size: 31px;
    padding-right: 22px
  }

  .hw0823-history3-content {
    padding-left: 30px
  }

  .hw0823-history3-event {
    grid-template-columns: 48px 1fr;
    gap: 10px
  }

  .hw0823-history3-text {
    font-size: 15px
  }

  .hw0823-history3-row.is-latest {
    background: linear-gradient(90deg, #fff 0, #fff 110px, #fffaf7 110px, #fffaf7 100%)
  }

  .hw0823-history3-end {
    grid-template-columns: 110px 1fr
  }

  .hw0823-history3-end-copy {
    padding-left: 30px;
    font-size: 22px
  }
}

/* =========================================================
   프리미엄 천연꿀
   ========================================================= */
.hp0823-honey2-wrap,
.hp0823-honey2-wrap * {
  box-sizing: border-box
}



.hp0823-honey2-wrap {
  width: 100%;
  background: #fff;
  font-family: Pretendard, "Noto Sans KR", Arial, sans-serif;
  color: #171717
}

.hp0823-honey2-inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden
}

/* HERO */
.hp0823-honey2-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: 90px;
  background:
    linear-gradient(90deg, rgba(255, 249, 232, .98) 0%, rgba(255, 249, 232, .93) 43%, rgba(255, 249, 232, .15) 68%, rgba(255, 249, 232, 0) 100%),
    url('https://images.unsplash.com/photo-1587049352851-8d4e89133924?auto=format&fit=crop&w=1600&q=90') center/cover no-repeat;
}

.hp0823-honey2-hero-copy {
  width: 600px;
  position: relative;
  z-index: 2
}

.hp0823-honey2-kicker {
  font-size: 14px;
  letter-spacing: .18em;
  font-weight: 800;
  color: #9b6a15;
  margin-bottom: 22px
}

.hp0823-honey2-title {
  margin: 0;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 72px;
  line-height: 1.12;
  letter-spacing: -.065em;
  font-weight: 800;
}

.hp0823-honey2-title em {
  font-style: normal;
  color: #c98913
}

.hp0823-honey2-desc {
  margin: 30px 0 0;
  font-size: 20px;
  line-height: 1.8;
  color: #555;
  letter-spacing: -.02em
}

.hp0823-honey2-chip {
  display: inline-block;
  margin-top: 34px;
  padding: 13px 20px;
  border: 1px solid #171717;
  font-size: 14px;
  font-weight: 700
}

/* INTRO */
.hp0823-honey2-intro {
  padding: 100px 90px 90px;
  text-align: center
}

.hp0823-honey2-small {
  font-size: 13px;
  letter-spacing: .16em;
  font-weight: 800;
  color: #a06b16;
  margin-bottom: 14px
}

.hp0823-honey2-headline {
  margin: 0 auto;
  max-width: 850px;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 46px;
  line-height: 1.35;
  letter-spacing: -.055em;
  font-weight: 800;
}

.hp0823-honey2-body {
  max-width: 820px;
  margin: 28px auto 0;
  font-size: 18px;
  line-height: 1.9;
  color: #666;
  word-break: keep-all
}

/* WIDE IMAGE */
.hp0823-honey2-wideimg {
  width: 100%;
  height: 610px;
  overflow: hidden
}

.hp0823-honey2-wideimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block
}

/* POINTS */
.hp0823-honey2-points {
  padding: 118px 88px 120px;
  background: #fff;
}

.hp0823-honey2-points-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 50px;
  margin-bottom: 64px;
  padding-bottom: 28px;
  border-bottom: 1px solid #dedbd4;
}

.hp0823-honey2-points-head .hp0823-honey2-small {
  margin: 0 0 9px;
}

.hp0823-honey2-points-head h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 42px;
  line-height: 1.25;
  letter-spacing: -.06em;
  font-weight: 800;
}

.hp0823-honey2-points-note {
  max-width: 360px;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #777;
  text-align: right;
  word-break: keep-all;
}

.hp0823-honey2-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.hp0823-honey2-card {
  position: relative;
  min-height: 278px;
  padding: 12px 44px 0;
  background: #fff;
  text-align: left;
}

.hp0823-honey2-card:first-child {
  padding-left: 0
}

.hp0823-honey2-card:last-child {
  padding-right: 0
}

.hp0823-honey2-card+.hp0823-honey2-card {
  border-left: 1px solid #e5e1d9;
}

.hp0823-honey2-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 42px;
}

.hp0823-honey2-num {
  position: static;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .13em;
  color: #b98223;
  font-weight: 800;
}

.hp0823-honey2-icon {
  width: 70px;
  height: 70px;
  margin: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7bd18;
  border: 0;
}

.hp0823-honey2-icon svg {
  width: 38px;
  height: 38px;
  stroke: #111;
  stroke-width: 2.15;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hp0823-honey2-card h3 {
  margin: 0 0 16px;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 29px;
  line-height: 1.28;
  letter-spacing: -.055em;
  font-weight: 800;
}

.hp0823-honey2-card p {
  margin: 0;
  max-width: 280px;
  font-size: 16px;
  line-height: 1.85;
  color: #6c6c6c;
  word-break: keep-all;
}

/* USE */
.hp0823-honey2-use {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 560px
}

.hp0823-honey2-use-img {
  background: url('https://images.unsplash.com/photo-1558642452-9d2a7deb7f62?auto=format&fit=crop&w=1200&q=90') center/cover no-repeat
}

.hp0823-honey2-use-copy {
  padding: 78px 76px;
  background: #171717;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.hp0823-honey2-use-copy .hp0823-honey2-small {
  color: #d8a84d
}

.hp0823-honey2-use-copy h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 42px;
  line-height: 1.3;
  letter-spacing: -.055em;
  font-weight: 800
}

.hp0823-honey2-use-list {
  margin: 28px 0 0;
  padding: 0;
  list-style: none
}

.hp0823-honey2-use-list li {
  padding: 17px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
  font-size: 17px;
  line-height: 1.6;
  color: #e5e5e5
}

.hp0823-honey2-use-list strong {
  display: inline-block;
  width: 72px;
  color: #f1c66f
}

/* CAUTION */
.hp0823-honey2-caution {
  padding: 105px 90px 115px;
  background: #f8f6f0
}

.hp0823-honey2-caution-head {
  text-align: center;
  margin-bottom: 55px
}

.hp0823-honey2-caution-head h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 42px;
  letter-spacing: -.055em;
  font-weight: 800
}

.hp0823-honey2-caution-box {
  background: #fff;
  border: 1px solid #e1ddd1;
  padding: 55px 65px
}

.hp0823-honey2-caution-row {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 22px;
  padding: 23px 0;
  border-bottom: 1px solid #ece8df
}

.hp0823-honey2-caution-row:last-child {
  border-bottom: 0
}

.hp0823-honey2-caution-no {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #171717;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800
}

.hp0823-honey2-caution-text {
  font-size: 17px;
  line-height: 1.75;
  color: #4f4f4f
}

/* END BANNER */
.hp0823-honey2-end {
  position: relative;
  overflow: hidden;
  padding: 95px 90px 105px;
  text-align: center;
  color: #2a2013;
  background:
    linear-gradient(90deg, rgba(255, 250, 238, .93) 0%, rgba(255, 247, 224, .84) 48%, rgba(255, 240, 203, .72) 100%),
    url('https://images.unsplash.com/photo-1558642452-9d2a7deb7f62?auto=format&fit=crop&w=1600&q=92') center 58%/cover no-repeat;
}

.hp0823-honey2-end:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 10%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 55%);
  pointer-events: none;
}

.hp0823-honey2-end>* {
  position: relative;
  z-index: 2
}

.hp0823-honey2-end p {
  margin: 0;
  font-size: 14px;
  letter-spacing: .18em;
  font-weight: 800;
  color: #9a6814
}

.hp0823-honey2-end h2 {
  margin: 16px 0 0;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 48px;
  line-height: 1.35;
  letter-spacing: -.06em;
  font-weight: 800;
}

.hp0823-honey2-end h2 em {
  font-style: normal;
  color: #bd7b0e
}

@media(max-width:900px) {
  .hp0823-honey2-hero {
    padding: 70px 40px;
    min-height: 650px
  }

  .hp0823-honey2-title {
    font-size: 54px
  }

  .hp0823-honey2-intro,
  .hp0823-honey2-points,
  .hp0823-honey2-caution,
  .hp0823-honey2-origin,
  .hp0823-honey2-end {
    padding-left: 40px;
    padding-right: 40px
  }

  .hp0823-honey2-grid,
  .hp0823-honey2-use {
    grid-template-columns: 1fr
  }

  .hp0823-honey2-points-head {
    display: block
  }

  .hp0823-honey2-points-note {
    text-align: left;
    margin-top: 18px
  }

  .hp0823-honey2-card,
  .hp0823-honey2-card:first-child,
  .hp0823-honey2-card:last-child {
    padding: 34px 0
  }

  .hp0823-honey2-card+.hp0823-honey2-card {
    border-left: 0;
    border-top: 1px solid #e5e1d9
  }

  .hp0823-honey2-card-top {
    margin-bottom: 22px
  }

  .hp0823-honey2-use-img {
    min-height: 420px
  }

  .hp0823-honey2-origin {
    gap: 45px
  }

  .hp0823-honey2-origin-copy {
    padding-right: 0
  }
}

@media(max-width:560px) {
  .hp0823-honey2-hero {
    padding: 55px 24px;
    min-height: 560px;
    background-position: 64% center
  }

  .hp0823-honey2-title {
    font-size: 42px
  }

  .hp0823-honey2-intro,
  .hp0823-honey2-points,
  .hp0823-honey2-caution,
  .hp0823-honey2-origin,
  .hp0823-honey2-end {
    padding-left: 24px;
    padding-right: 24px
  }

  .hp0823-honey2-headline {
    font-size: 32px
  }

  .hp0823-honey2-wideimg {
    height: 380px
  }

  .hp0823-honey2-use-copy {
    padding: 58px 28px
  }

  .hp0823-honey2-use-copy h2,
  .hp0823-honey2-caution-head h2,
  .hp0823-honey2-origin-copy h2,
  .hp0823-honey2-end h2 {
    font-size: 31px
  }

  .hp0823-honey2-caution-box {
    padding: 30px 24px
  }
}

/* =========================================================
   방울맛토마토
   ========================================================= */
.bmt0823-wrap,
.bmt0823-wrap * {
  box-sizing: border-box
}



.bmt0823-wrap {
  width: 100%;
  background: #fff;
  font-family: Pretendard, "Noto Sans KR", Arial, sans-serif;
  color: #161616;
  font-weight: 400
}

.bmt0823-inner {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden
}

/* HERO */
.bmt0823-hero {
  position: relative;
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: 88px;
  background:
    linear-gradient(90deg, rgba(249, 250, 241, .98) 0%, rgba(249, 250, 241, .92) 40%, rgba(249, 250, 241, .22) 66%, rgba(249, 250, 241, 0) 100%),
    url('https://images.unsplash.com/photo-1546094096-0df4bcaaa337?auto=format&fit=crop&w=1600&q=90') center/cover no-repeat;
}

.bmt0823-hero-copy {
  position: relative;
  z-index: 2;
  width: 570px
}

.bmt0823-kicker {
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .17em;
  color: #477d28
}

.bmt0823-title {
  margin: 0;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 74px;
  line-height: 1.08;
  letter-spacing: -.065em;
  font-weight: 800
}

.bmt0823-title em {
  font-style: normal;
  color: #e74727
}

.bmt0823-sub {
  margin: 27px 0 0;
  font-size: 22px;
  line-height: 1.65;
  font-weight: 500;
  color: #2e2e2e
}

.bmt0823-hero-desc {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.85;
  color: #666;
  word-break: keep-all
}

.bmt0823-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 30px;
  padding: 10px 0 9px;
  border: 0;
  border-bottom: 1px solid #1f1f1f;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.015em;
  color: #333
}

.bmt0823-chip:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e74727;
  flex: 0 0 auto
}

/* FEATURES */
.bmt0823-features {
  padding: 112px 82px 118px
}

.bmt0823-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 50px;
  margin-bottom: 58px;
  padding-bottom: 26px;
  border-bottom: 1px solid #ddd
}

.bmt0823-head-left .bmt0823-kicker {
  margin-bottom: 16px;
  font-size: 18px;
  letter-spacing: .14em
}

.bmt0823-head h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 50px;
  line-height: 1.28;
  letter-spacing: -.055em;
  font-weight: 800
}

.bmt0823-head-note {
  margin: 0;
  max-width: 400px;
  text-align: right;
  font-size: 15px;
  line-height: 1.8;
  color: #777;
  word-break: keep-all
}

.bmt0823-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px
}

.bmt0823-feature {
  min-height: 330px;
  padding: 34px 28px 32px;
  border: 1px solid #e2e6dc;
  border-top: 4px solid #477d28;
  background: #fafbf7
}

.bmt0823-feature:first-child {
  padding-left: 28px
}

.bmt0823-feature:last-child {
  padding-right: 28px
}

.bmt0823-icon {
  width: 68px;
  height: 68px;
  margin-bottom: 42px;
  border-radius: 50%;
  background: #f2c735;
  display: flex;
  align-items: center;
  justify-content: center
}

.bmt0823-icon svg {
  width: 34px;
  height: 34px;
  stroke: #111;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round
}

.bmt0823-feature-no {
  margin-bottom: 14px;
  font-size: 15px;
  letter-spacing: .11em;
  font-weight: 800;
  color: #477d28
}

.bmt0823-feature h3 {
  margin: 0 0 14px;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 29px;
  letter-spacing: -.035em;
  font-weight: 700
}

.bmt0823-feature p {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: #555;
  word-break: keep-all
}

/* IMAGE + CAUTION */
.bmt0823-care {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 650px
}

.bmt0823-care-photo {
  background:
    linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)),
    url('https://images.unsplash.com/photo-1592924357228-91a4daadcfea?auto=format&fit=crop&w=1200&q=90') center/cover no-repeat
}

.bmt0823-care-copy {
  background: #172117;
  color: #fff;
  padding: 76px 70px;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.bmt0823-care-copy .bmt0823-kicker {
  margin-bottom: 18px;
  font-size: 18px;
  letter-spacing: .14em;
  color: #f2c735
}

.bmt0823-care-copy h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 48px;
  line-height: 1.35;
  letter-spacing: -.05em;
  font-weight: 800
}

.bmt0823-care-list {
  counter-reset: care;
  margin: 32px 0 0;
  padding: 0;
  list-style: none
}

.bmt0823-care-list li {
  counter-increment: care;
  position: relative;
  min-height: 62px;
  padding: 18px 0 18px 58px;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
  font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
  color: #f2f2f2;
  word-break: keep-all
}

.bmt0823-care-list li:before {
  content: counter(care, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 20px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f2c735;
  color: #172117;
  font-size: 13px;
  font-weight: 800
}

/* CALENDAR */
.bmt0823-calendar {
  padding: 105px 82px 112px;
  background: #f7f8f3
}

.bmt0823-calendar-top {
  text-align: center;
  margin-bottom: 46px
}

.bmt0823-calendar-top .bmt0823-kicker {
  margin-bottom: 16px;
  font-size: 18px;
  letter-spacing: .14em
}

.bmt0823-calendar-top h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 48px;
  letter-spacing: -.05em;
  font-weight: 800
}

.bmt0823-tablebox {
  background: #fff;
  border: 1px solid #dfe3d7;
  padding: 42px
}

.bmt0823-calendar-legend {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  margin-bottom: 22px;
  font-size: 14px;
  font-weight: 700;
  color: #555
}

.bmt0823-calendar-legend span {
  display: flex;
  align-items: center;
  gap: 8px
}

.bmt0823-calendar-legend i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block
}

.bmt0823-calendar-legend .seed {
  background: #d76a57
}

.bmt0823-calendar-legend .plant {
  background: #6f9d54
}

.bmt0823-calendar-legend .harvest {
  background: #4a9dd6
}

.bmt0823-calendar-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed
}

.bmt0823-calendar-table th,
.bmt0823-calendar-table td {
  border: 1px solid #dcded8;
  padding: 19px 8px;
  text-align: center;
  font-size: 15px
}

.bmt0823-calendar-table th {
  background: #f4f5ef;
  font-weight: 800;
  color: #394235
}

.bmt0823-rowtitle {
  font-size: 16px !important;
  font-weight: 800;
  background: #fafafa
}

.bmt0823-seed {
  background: #d76a57 !important;
  color: #fff;
  font-weight: 800
}

.bmt0823-plant {
  background: #6f9d54 !important;
  color: #fff;
  font-weight: 800
}

.bmt0823-harvest {
  background: #4a9dd6 !important;
  color: #fff;
  font-weight: 800
}

.bmt0823-calendar-note {
  margin: 18px 0 0;
  text-align: center;
  font-size: 13px;
  line-height: 1.7;
  color: #777
}

/* INFO */
.bmt0823-info {
  padding: 108px 82px 118px;
  background: #fff;
}

.bmt0823-info-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 44px;
}

.bmt0823-info-head-left .bmt0823-kicker {
  margin-bottom: 10px
}

.bmt0823-info-head h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, "Noto Sans KR", sans-serif;
  font-size: 40px;
  line-height: 1.25;
  letter-spacing: -.05em;
  font-weight: 700;
}

.bmt0823-info-head p {
  margin: 0;
  max-width: 390px;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 400;
  color: #777;
  text-align: right;
}

.bmt0823-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #171717;
}

.bmt0823-info-card {
  display: grid;
  grid-template-columns: 135px 1fr;
  align-items: center;
  min-height: 92px;
  padding: 24px 10px 24px 0;
  border-bottom: 1px solid #e6e6e2;
}

.bmt0823-info-card:nth-child(odd) {
  padding-right: 34px;
}

.bmt0823-info-card:nth-child(even) {
  padding-left: 34px;
  border-left: 1px solid #ecece8;
}

.bmt0823-info-label {
  margin: 0;
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: 14px;
  letter-spacing: -.01em;
  color: #7b7b7b;
  font-weight: 500;
}

.bmt0823-info-value {
  font-family: Pretendard, "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 1.55;
  letter-spacing: -.02em;
  font-weight: 500;
  color: #202020;
}

.bmt0823-info-value strong {
  font-weight: 600;
}

/* END */
.bmt0823-end {
  position: relative;
  padding: 96px 80px 104px;
  text-align: center;
  color: #fff;
  background:
    linear-gradient(rgba(28, 31, 17, .42), rgba(28, 31, 17, .42)),
    url('https://images.unsplash.com/photo-1594057687713-5fd14eed1c17?auto=format&fit=crop&w=1600&q=90') center/cover no-repeat
}

.bmt0823-end p {
  margin: 0 0 14px;
  font-size: 13px;
  letter-spacing: .16em;
  font-weight: 800;
  color: #f4dd76
}

.bmt0823-end h2 {
  margin: 0;
  font-family: "Paperlogy", Pretendard, sans-serif;
  font-size: 46px;
  line-height: 1.35;
  letter-spacing: -.055em;
  font-weight: 800
}

@media(max-width:900px) {
  .bmt0823-hero {
    padding: 65px 40px;
    min-height: 650px
  }

  .bmt0823-title {
    font-size: 56px
  }

  .bmt0823-features,
  .bmt0823-calendar,
  .bmt0823-info,
  .bmt0823-label,
  .bmt0823-end {
    padding-left: 40px;
    padding-right: 40px
  }

  .bmt0823-feature-grid {
    grid-template-columns: 1fr 1fr
  }

  .bmt0823-feature {
    border-top: 4px solid #477d28
  }

  .bmt0823-feature:nth-child(odd) {
    border-left: 0
  }

  .bmt0823-care,
  .bmt0823-label-grid {
    grid-template-columns: 1fr
  }

  .bmt0823-care-photo {
    min-height: 440px
  }

  .bmt0823-info-grid {
    grid-template-columns: 1fr
  }
}

@media(max-width:560px) {
  .bmt0823-hero {
    padding: 52px 24px;
    background-position: 64% center
  }

  .bmt0823-title {
    font-size: 43px
  }

  .bmt0823-head {
    display: block
  }

  .bmt0823-head-note {
    text-align: left;
    margin-top: 18px
  }

  .bmt0823-features,
  .bmt0823-calendar,
  .bmt0823-info,
  .bmt0823-label,
  .bmt0823-end {
    padding-left: 24px;
    padding-right: 24px
  }

  .bmt0823-feature-grid,
  .bmt0823-info-grid {
    grid-template-columns: 1fr
  }

  .bmt0823-info-head {
    display: block
  }

  .bmt0823-info-head p {
    text-align: left;
    margin-top: 16px
  }

  .bmt0823-info-card,
  .bmt0823-info-card:nth-child(odd),
  .bmt0823-info-card:nth-child(even) {
    grid-template-columns: 110px 1fr;
    padding: 20px 0;
    border-left: 0
  }

  .bmt0823-feature,
  .bmt0823-feature:first-child,
  .bmt0823-feature:last-child {
    border-left: 0;
    padding: 28px
  }

  .bmt0823-care-copy {
    padding: 58px 28px
  }

  .bmt0823-tablebox {
    padding: 15px;
    overflow-x: auto
  }

  .bmt0823-calendar-legend {
    justify-content: flex-start;
    min-width: 760px
  }

  .bmt0823-calendar-table {
    min-width: 760px
  }

  .bmt0823-end h2 {
    font-size: 32px
  }
}