/* 고미간 — 한식 명가 에디토리얼 (명조 · 한지 · 낙관). .gm 스코프 */
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Nanum+Myeongjo:wght@400;700;800&display=swap');

.gm{--ink:#231b14;--ink2:#4a3d30;--hanji:#f4ecdd;--hanji2:#efe5d2;--paper:#fbf6ec;
  --red:#b2402e;--red2:#8f3122;--ocher:#9a6b3a;--rule:#ddd0b8;--rule2:#e7dcc6;
  --serif:'Gowun Batang','Nanum Myeongjo',serif;--sans:'Pretendard Variable',Pretendard,system-ui,sans-serif;
  --max:1080px;
  font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.7;
  background-image:radial-gradient(rgba(154,107,58,.04) 1px,transparent 1px);background-size:5px 5px}
.gm *{box-sizing:border-box}
.gm a{color:inherit;text-decoration:none}
.gm .wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.gm h1,.gm h2,.gm h3{font-family:var(--serif);font-weight:700;letter-spacing:-.01em;margin:0}

/* masthead */
.gm-top{border-top:3px double var(--ink);border-bottom:1px solid var(--rule)}
.gm-top-in{display:flex;align-items:center;justify-content:space-between;height:78px}
.gm-top img{height:46px;display:block}
.gm-mnav{display:flex;gap:30px}
.gm-mnav a{font-family:var(--serif);font-size:16px;color:var(--ink2);position:relative}
.gm-mnav a:hover{color:var(--red)}
.gm-tel{font-family:var(--serif);font-size:15px;color:var(--red);border:1px solid var(--rule);padding:8px 16px;border-radius:2px}

/* hero — 비대칭 분할 */
.gm-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding-top:72px;padding-bottom:60px}
.gm-kick{font-family:var(--serif);color:var(--ocher);font-size:14px;letter-spacing:.25em;margin-bottom:22px}
.gm-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.18;color:var(--ink);font-weight:800}
.gm-hero h1 em{font-style:normal;color:var(--red);font-weight:800}
.gm-hero .desc{font-family:var(--serif);font-size:18px;color:var(--ink2);margin:26px 0 30px;max-width:30em}
.gm-hero .acts{display:flex;align-items:center;gap:26px}
.gm-link{font-family:var(--serif);font-size:17px;border-bottom:2px solid var(--red);padding-bottom:3px;color:var(--ink)}
.gm-link:hover{color:var(--red)}
.gm-fig{position:relative}
.gm-fig .frame{border:1px solid var(--rule);padding:10px;background:#fff;box-shadow:0 2px 0 var(--rule),22px 22px 0 -6px var(--hanji2)}
.gm-fig img{display:block;width:100%;border:1px solid var(--rule2)}
.gm-fig figcaption{font-family:var(--serif);font-size:13px;color:var(--ocher);margin-top:12px;text-align:right;letter-spacing:.04em}
.gm-fig .seal{position:absolute;left:-18px;top:-18px;width:62px;height:62px;border-radius:8px;background:var(--red);color:#fbf1e7;
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:15px;transform:rotate(-6deg);box-shadow:0 6px 16px rgba(140,40,30,.25)}

/* 섹션 공통 */
.gm-sec{padding:58px 0;border-top:1px solid var(--rule)}
.gm-sh{display:flex;align-items:baseline;gap:16px;margin-bottom:28px}
.gm-sh .no{font-family:var(--serif);color:var(--red);font-size:16px;letter-spacing:.1em}
.gm-sh h2{font-size:30px}
.gm-sh .en{margin-left:auto;font-family:var(--serif);color:var(--ocher);font-size:13px;letter-spacing:.2em}

/* 제품 — 메뉴/인덱스 리스트 */
.gm-list{border-top:1px solid var(--ink)}
.gm-row{display:grid;grid-template-columns:52px 1fr auto 28px;gap:18px;align-items:center;padding:19px 4px;border-bottom:1px solid var(--rule);transition:.15s}
.gm-row:hover{background:var(--hanji);padding-left:14px}
.gm-row .idx{font-family:var(--serif);color:var(--ocher);font-size:15px}
.gm-row .nm{font-family:var(--serif);font-size:21px;color:var(--ink)}
.gm-row .ds{color:var(--ink2);font-size:15px}
.gm-row .ar{color:var(--red);font-size:18px;text-align:right}

/* 회사 — 조용한 띠 */
.gm-about{background:var(--hanji);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.gm-about-in{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding-top:46px;padding-bottom:46px}
.gm-about p{font-family:var(--serif);font-size:18px;color:var(--ink2);max-width:40em}
.gm-tags{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}
.gm-tags span{font-family:var(--serif);font-size:14px;color:var(--ocher);border:1px solid var(--rule);padding:6px 14px;border-radius:999px}
.gm-haccp{text-align:center;font-family:var(--serif)}
.gm-haccp b{display:block;font-size:30px;color:var(--red);letter-spacing:.08em}
.gm-haccp span{font-size:13px;color:var(--ocher)}

/* 문의 */
.gm-ct{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.gm-ct h2{font-size:30px;margin-bottom:10px}
.gm-ct p{font-family:var(--serif);color:var(--ink2)}
.gm-nap{font-family:var(--serif);font-size:17px;line-height:2.1}
.gm-nap b{color:var(--ocher);font-weight:400;display:inline-block;width:52px}
.gm-nap a{border-bottom:1px solid var(--rule)}

/* footer */
.gm-ft{border-top:3px double var(--ink);margin-top:10px}
.gm-ft-in{display:flex;justify-content:space-between;align-items:flex-end;padding:34px 0;flex-wrap:wrap;gap:16px}
.gm-ft img{height:40px}
.gm-ft p{font-family:var(--serif);color:var(--ink2);font-size:13.5px;line-height:1.9;margin:0}
.gm-ft small{color:var(--ocher);font-family:var(--serif)}

@media(max-width:820px){
  .gm-hero{grid-template-columns:1fr;gap:40px}
  .gm-about-in,.gm-ct{grid-template-columns:1fr;gap:24px}
  .gm-mnav{display:none}
  .gm-row{grid-template-columns:40px 1fr 24px}.gm-row .ds{display:none}
}