.sg-material-page{max-width:1320px;margin:0 auto;padding:0 24px;width:100%;color:var(--charcoal)}
.sg-material-page img{display:block;width:100%;height:100%;object-fit:cover}
.sg-material-page .sg-mag-label{display:inline-flex;align-items:center;gap:10px;font-family:"Playfair Display",serif;font-style:italic;font-size:.72rem;color:var(--amber);letter-spacing:.2em;margin-bottom:12px}
.sg-material-page .sg-mag-label::before{content:"";width:28px;height:1px;background:var(--amber)}

.sg-mt-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;margin-bottom:56px}
.sg-mt-hero-copy h2{font-family:"Noto Serif KR",serif;font-size:clamp(2rem,3.2vw,3.8rem);font-weight:700;line-height:1.16;letter-spacing:-.055em;color:var(--walnut);margin:0 0 22px;word-break:keep-all}
.sg-mt-hero-copy h2 em{font-style:normal;color:var(--amber)}
.sg-mt-hero-copy p{max-width:660px;font-size:.98rem;line-height:1.82;color:var(--mid);font-weight:300;margin:0;word-break:keep-all}
.sg-mt-hero-image{position:relative;min-height:440px;overflow:hidden;box-shadow:0 22px 54px rgba(46,26,14,.12)}
.sg-mt-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(46,26,14,.48))}
.sg-mt-image-caption{position:absolute;left:28px;bottom:26px;z-index:2;color:var(--cream)}
.sg-mt-image-caption span{display:block;font-family:"Playfair Display",serif;font-size:.72rem;color:var(--honey);letter-spacing:.24em;margin-bottom:6px}
.sg-mt-image-caption strong{display:block;font-family:"Noto Serif KR",serif;font-size:1.24rem;font-weight:700;letter-spacing:-.02em}

.sg-mt-statement{display:grid;grid-template-columns:130px minmax(0,1fr);gap:32px;align-items:start;margin:0 0 56px;padding:36px 0;border-top:1px solid rgba(193,127,59,.18);border-bottom:1px solid rgba(193,127,59,.18)}
.sg-mt-statement-num{font-family:"Playfair Display",serif;font-size:4.8rem;line-height:.9;color:rgba(193,127,59,.22)}
.sg-mt-statement-text p{font-family:"Noto Serif KR",serif;font-size:clamp(1.35rem,2vw,2.15rem);line-height:1.56;color:var(--walnut);font-weight:600;letter-spacing:-.04em;margin:0;word-break:keep-all}

.sg-mt-intro{margin-bottom:56px}
.sg-mt-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.sg-mt-section-head h3{font-family:"Noto Serif KR",serif;font-size:clamp(1.65rem,2.4vw,2.7rem);line-height:1.2;color:var(--walnut);font-weight:700;letter-spacing:-.05em;margin:0}
.sg-mt-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(193,127,59,.18);border:1px solid rgba(193,127,59,.18)}
.sg-mt-intro-card{background:#fff;padding:30px 30px;min-height:210px}
.sg-mt-intro-card h4{font-family:"Noto Serif KR",serif;font-size:1.18rem;font-weight:700;line-height:1.42;color:var(--walnut);letter-spacing:-.04em;margin:0 0 14px;word-break:keep-all}
.sg-mt-intro-card p{font-size:.92rem;line-height:1.74;color:var(--mid);font-weight:300;margin:0;word-break:keep-all}

.sg-mt-spread{display:grid;grid-template-columns:1fr 1fr;background:var(--walnut);margin-bottom:56px}
.sg-mt-spread-image{overflow:hidden}
.sg-mt-spread-copy{padding:38px 56px;display:flex;flex-direction:column;justify-content:center}
.sg-mt-spread-copy .sg-mag-label{color:var(--honey)}
.sg-mt-spread-copy .sg-mag-label::before{background:var(--honey)}
.sg-mt-spread-copy h3{font-family:"Noto Serif KR",serif;font-size:clamp(1.55rem,2.4vw,2.8rem);font-weight:700;line-height:1.32;color:#f5efe4 !important;letter-spacing:-.055em;margin:0 0 18px;word-break:keep-all}
.sg-mt-spread-copy p{max-width:640px;font-size:.92rem;line-height:1.76;color:rgba(245,239,228,.72) !important;font-weight:300;margin:0 0 14px;word-break:keep-all}
.sg-mt-spread-copy p:last-child{margin-bottom:0}

.sg-mt-feature{margin-bottom:56px}
.sg-mt-feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(193,127,59,.18);border:1px solid rgba(193,127,59,.18)}
.sg-mt-feature-card{grid-column:span 2;background:#fff;padding:28px 28px 30px;min-height:190px;transition:background .25s,transform .25s}
.sg-mt-feature-card:nth-child(4),.sg-mt-feature-card:nth-child(5){grid-column:span 3}
.sg-mt-feature-card:hover{background:#fbf6ed;transform:translateY(-3px)}
.sg-mt-feature-card span{display:block;font-family:"Playfair Display",serif;font-size:.72rem;color:var(--amber);letter-spacing:.18em;margin-bottom:18px}
.sg-mt-feature-card h4{font-family:"Noto Serif KR",serif;font-size:1.08rem;font-weight:700;line-height:1.42;color:var(--walnut);letter-spacing:-.035em;margin:0 0 12px;word-break:keep-all}
.sg-mt-feature-card p{font-size:.9rem;line-height:1.72;color:var(--mid);font-weight:300;margin:0;word-break:keep-all}

.sg-mt-items{display:grid;grid-template-columns:.9fr 1.1fr;gap:1px;background:rgba(193,127,59,.18);border:1px solid rgba(193,127,59,.18);margin-bottom:56px}
.sg-mt-items-copy{background:var(--walnut);padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.sg-mt-items-copy .sg-mag-label{color:var(--honey)}
.sg-mt-items-copy .sg-mag-label::before{background:var(--honey)}
.sg-mt-items-copy h3{font-family:"Noto Serif KR",serif;font-size:clamp(1.55rem,2.4vw,2.6rem);font-weight:700;line-height:1.3;color:#f5efe4 !important;letter-spacing:-.05em;margin:0 0 16px;word-break:keep-all}
.sg-mt-items-copy p{font-size:.92rem;line-height:1.76;color:rgba(245,239,228,.72) !important;font-weight:300;margin:0;word-break:keep-all}
.sg-mt-items-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(193,127,59,.18)}
.sg-mt-items-list div{position:relative;background:#fff;padding:22px 26px 22px 42px;min-height:82px;display:flex;align-items:center;font-size:.92rem;line-height:1.52;color:var(--charcoal);font-weight:500;word-break:keep-all}
.sg-mt-items-list div::before{content:"";position:absolute;left:24px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--amber)}

.sg-mt-org{margin-bottom:56px}
.sg-mt-org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(193,127,59,.18);border:1px solid rgba(193,127,59,.18)}
.sg-mt-org-item{position:relative;background:#fff;padding:22px 26px 22px 42px;min-height:82px;display:flex;align-items:center;font-size:.92rem;line-height:1.52;color:var(--charcoal);font-weight:500;word-break:keep-all}
.sg-mt-org-item::before{content:"";position:absolute;left:24px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--amber)}
.sg-mt-org-item.wide{grid-column:span 3;background:#fbf6ed;font-family:"Noto Serif KR",serif;font-size:1.05rem;font-weight:700;color:var(--walnut)}

.sg-mt-order{position:relative;margin-bottom:0;padding:72px 56px;background:linear-gradient(135deg,rgba(46,26,14,.94),rgba(122,82,48,.92)),url("/images/main03.jpg");background-size:cover;background-position:center;color:var(--cream);text-align:center;overflow:hidden}
.sg-mt-order::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-18deg,transparent 0,transparent 16px,rgba(255,255,255,.025) 16px,rgba(255,255,255,.025) 17px)}
.sg-mt-order-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}
.sg-mt-order span{display:block;font-family:"Playfair Display",serif;font-style:italic;font-size:.76rem;color:#e6b66c !important;letter-spacing:.2em;margin-bottom:16px}
.sg-mt-order h3{font-family:"Noto Serif KR",serif;font-size:clamp(1.75rem,3vw,3.3rem);font-weight:700;line-height:1.34;letter-spacing:-.06em;margin:0 0 18px;color:#fff7ea !important;text-shadow:0 2px 12px rgba(0,0,0,.28);word-break:keep-all}
.sg-mt-order p{font-size:.94rem;line-height:1.78;color:rgba(255,247,234,.82) !important;font-weight:300;margin:0;text-shadow:0 1px 8px rgba(0,0,0,.22);word-break:keep-all}
.sg-mt-order-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px}
.sg-mt-btn{display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:46px;padding:0 24px;border:1px solid rgba(255,247,234,.5);border-radius:999px;color:#fff7ea;text-decoration:none;font-size:.92rem;font-weight:600;transition:background .25s,color .25s,border-color .25s}
.sg-mt-btn:hover{background:#fff7ea;color:var(--walnut);border-color:#fff7ea;text-decoration:none}
.sg-mt-btn.primary{background:var(--honey);border-color:var(--honey);color:var(--walnut)}
.sg-mt-btn.primary:hover{background:#fff7ea;border-color:#fff7ea;color:var(--walnut)}

/* items 섹션 — 타이틀 위 / 카드 아래 세로 배치 */
.sg-mt-items {
  display: block !important;
  flex-direction: unset !important;
}
.sg-mt-items .sg-mt-items-copy {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 8px;
}
.sg-mt-items .sg-mt-kit-grid {
  width: 100% !important;
}
<style>
/* 품목 카드 그리드 — 2열 가로형 */
.sg-mt-kit-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 40px;
}

.sg-mt-kit-card {
  display: flex;
  flex-direction: row;
  background: #fff;
  border: 1px solid rgba(193,127,59,.15);
  overflow: hidden;
  transition: box-shadow .25s, transform .25s;
}
.sg-mt-kit-card:hover {
  box-shadow: 0 12px 32px rgba(46,26,14,.10);
  transform: translateY(-2px);
}

/* 이미지 — 카드 왼쪽 고정폭 */
.sg-mt-kit-img {
  width: 160px;
  flex-shrink: 0;
  overflow: hidden;
  background: #f5efe4;
}
.sg-mt-kit-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.sg-mt-kit-card:hover .sg-mt-kit-img img {
  transform: scale(1.05);
}

/* 텍스트 — 카드 오른쪽 */
.sg-mt-kit-info {
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.sg-mt-kit-num {
  display: inline-block;
  font-family: 'Playfair Display', 'Noto Serif KR', serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  color: #C17F3B;
  margin-bottom: 6px;
}
.sg-mt-kit-info h4 {
  font-family: 'Noto Serif KR', serif;
  font-size: 15px;
  font-weight: 700;
  color: #2E1A0E;
  margin: 0 0 6px;
  line-height: 1.4;
}
.sg-mt-kit-info p {
  font-size: 12.5px;
  color: #6B5040;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 860px) {
  .sg-mt-kit-grid { grid-template-columns: 1fr; }
  .sg-mt-kit-img  { width: 130px; }
}
@media (max-width: 480px) {
  .sg-mt-kit-card { flex-direction: column; }
  .sg-mt-kit-img  { width: 100%; height: 180px; }
}

@media(max-width:1280px){.sg-mt-hero{gap:38px}.sg-mt-spread-copy{padding:46px}}
@media(max-width:1024px){.sg-material-page{padding:0 20px}.sg-mt-hero{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.sg-mt-hero-image{min-height:360px}.sg-mt-statement{grid-template-columns:1fr;gap:14px;margin-bottom:48px;padding:32px 0}.sg-mt-statement-num{font-size:3.8rem}.sg-mt-intro-grid{grid-template-columns:1fr}.sg-mt-spread{grid-template-columns:1fr;min-height:0}.sg-mt-spread-image{min-height:320px}.sg-mt-spread-copy{padding:42px 36px}.sg-mt-feature-grid{grid-template-columns:repeat(2,1fr)}.sg-mt-feature-card,.sg-mt-feature-card:nth-child(4),.sg-mt-feature-card:nth-child(5){grid-column:auto}.sg-mt-items{grid-template-columns:1fr}.sg-mt-items-list{grid-template-columns:1fr}.sg-mt-org-grid{grid-template-columns:repeat(2,1fr)}.sg-mt-org-item.wide{grid-column:span 2}}
@media(max-width:640px){.sg-material-page{padding:0 16px}.sg-material-page .sg-mag-label{font-size:.68rem;letter-spacing:.16em;margin-bottom:10px}.sg-mt-hero-copy h2{font-size:2.05rem}.sg-mt-hero-copy p{font-size:.9rem;line-height:1.75}.sg-mt-hero-image{min-height:280px}.sg-mt-statement{padding:30px 0;margin-bottom:42px}.sg-mt-statement-text p{font-size:1.22rem}.sg-mt-section-head{display:block;margin-bottom:18px}.sg-mt-intro,.sg-mt-feature,.sg-mt-items,.sg-mt-org{margin-bottom:46px}.sg-mt-intro-card{padding:26px 22px;min-height:auto}.sg-mt-spread-image{min-height:260px}.sg-mt-spread-copy{padding:34px 24px}.sg-mt-feature-grid{grid-template-columns:1fr}.sg-mt-feature-card{padding:24px 22px;min-height:auto}.sg-mt-items-copy{padding:34px 24px}.sg-mt-items-list div{padding:20px 22px 20px 38px;min-height:74px;font-size:.9rem}.sg-mt-items-list div::before{left:22px}.sg-mt-org-grid{grid-template-columns:1fr}.sg-mt-org-item{padding:20px 22px 20px 38px;min-height:74px;font-size:.9rem}.sg-mt-org-item::before{left:22px}.sg-mt-org-item.wide{grid-column:auto;font-size:1rem}.sg-mt-order{padding:56px 24px}.sg-mt-order-actions{flex-direction:column}.sg-mt-btn{width:100%;max-width:240px}}