body {

.tt01{font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #525252; text-decoration: none ;}
.tt01 a:link {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #313131; text-decoration: none ;}
.tt01 a:visited {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #313131; text-decoration: none;}
.tt01 a:hover {font-family: "돋움";font-size: 11px;line-height: 1.4;color: #313131;text-decoration: none;}
.tt02{font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #10438C; text-decoration: none ;}
.tt02 a:link {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #10438C; text-decoration: none ;}
.tt02 a:visited {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #10438C; text-decoration: none;}
.tt02 a:hover {font-family: "돋움";font-size: 11px;line-height: 1.4;color: #10438C;text-decoration: none;}
.tt03{font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #ffffff;  text-decoration: none ;}
.tt03 a:link {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #ffffff; text-decoration: none ;}
.tt03 a:visited {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #ffffff text-decoration: none;}
.tt03 a:hover {font-family: "돋움";font-size: 11px;line-height: 1.4;color: #ffffff;text-decoration: none;}
.tt04{font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #501800;  text-decoration: none ;}
.tt04 a:link {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #501800; text-decoration: none ;}
.tt04 a:visited {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #501800; text-decoration: none;}
.tt04 a:hover {font-family: "돋움";font-size: 11px;line-height: 1.4;color: #501800;text-decoration: none;}
.tt05{font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #000000; text-decoration: none ;}
.tt05 a:link {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #000000; text-decoration: none ;}
.tt05 a:visited {font-family: "돋움"; font-size: 11px; line-height: 1.4; color: #000000; text-decoration: none;}
.tt05 a:hover {font-family: "돋움";font-size: 11px;line-height: 1.4;color: #000000;text-decoration: none;}

/* Layout layer built for this restoration. The palette, the 굴림/돋움 stack and
   the class names below come from the recovered original food.css; the table
   geometry of 2008 (fixed 992 px, Flash menus) is replaced by a fluid grid so
   the archive stays readable on phones. */
:root{
  --ink:#545454; --deep:#501800; --link:#10438C; --panel:#f4f1ec;
  --rule:#d8d2c8; --cream:#ffffff;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--cream) url("assets/images/bg.gif") repeat-x top center;
  color:var(--ink); text-align:left; font-family:"굴림","Gulim","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:16px; line-height:1.68;
}
.wrap{max-width:992px;margin:0 auto;padding:0 16px 48px;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;}
.tt01{font-family:"돋움","Dotum",sans-serif;font-size:13px;line-height:1.5;color:#313131;}
.tt01 a:link,.tt01 a:visited{color:#313131;}
.tt02{font-family:"돋움","Dotum",sans-serif;font-size:13px;line-height:1.5;color:var(--link);}
.tt04{font-family:"돋움","Dotum",sans-serif;font-size:13px;line-height:1.5;color:var(--deep);}
.white{color:#fff;font-size:13px;}
.tt01{font-size:0.78rem;} .tt02{font-size:0.81rem;} .tt04{font-size:0.81rem;} .white{font-size:0.81rem;}
header.masthead{background:#2a2a2a;padding:24px 0 20px;margin-bottom:0;}
header.masthead .wrap{padding-bottom:0;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;}
header.masthead .logo{display:block;width:267px;max-width:52vw;height:auto;background:#fff;padding:6px 10px;border-radius:3px;}
.brand{display:inline-block;font-family:"돋움","Dotum",sans-serif;font-size:1.9rem;font-weight:700;
  letter-spacing:.02em;color:#fff;line-height:1.1;}
.brand small{display:block;font-family:"굴림","Gulim",sans-serif;font-size:.72rem;font-weight:400;
  letter-spacing:.16em;color:#d8cfc4;margin-top:6px;}
nav.main{background:#501800;padding:0;}
nav.main .wrap{display:flex;flex-wrap:wrap;gap:2px;padding:0;}
nav.main a{display:block;padding:11px 14px;color:#fff;font-family:"돋움","Dotum",sans-serif;font-size:.83rem;}
nav.main a:hover{background:#6b2400;text-decoration:none;}
nav.main a[aria-current=page]{background:#832e00;}
.crumb{font-size:.78rem;color:#8a8074;padding:16px 0 4px;}
.crumb a{color:var(--link);}
h1{font-family:"돋움","Dotum",sans-serif;font-size:1.6rem;color:var(--deep);margin:12px 0 6px;line-height:1.35;}
h2{font-family:"돋움","Dotum",sans-serif;font-size:1.12rem;color:var(--deep);margin:34px 0 10px;
  padding-bottom:7px;border-bottom:2px solid var(--rule);}
p{margin:0 0 14px;}
.lead{font-size:1.02rem;color:#3d3d3d;}
.panel{background:var(--panel);border:1px solid var(--rule);padding:20px 22px;margin:18px 0 26px;}
.note{background:#fdf6ee;border-left:4px solid var(--deep);padding:16px 20px;margin:22px 0;font-size:.9rem;}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;}
.card{background:#fff;border:1px solid var(--rule);padding:18px 20px;}
.card h3{font-family:"돋움","Dotum",sans-serif;font-size:1rem;color:var(--deep);margin:0 0 8px;}
.cards-products{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0 8px;}
.prod{background:#fff;border:1px solid var(--rule);padding:16px 18px;}
.prod b{font-family:"돋움","Dotum",sans-serif;color:var(--deep);display:block;font-size:1rem;}
.prod span{display:block;font-size:.78rem;color:#8a8074;margin-top:4px;}
table.grid{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:.92rem;}
table.grid th,table.grid td{border:1px solid var(--rule);padding:11px 12px;text-align:left;vertical-align:top;}
table.grid th{background:var(--panel);font-family:"돋움","Dotum",sans-serif;color:var(--deep);font-weight:400;}
ul.notices{list-style:none;margin:14px 0 24px;padding:0;}
ul.notices li{border-bottom:1px solid var(--rule);padding:11px 2px;display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;}
ul.notices .t{flex:1 1 240px;}
ul.notices .m{font-size:.78rem;color:#8a8074;}
form.consult{display:grid;gap:14px;max-width:620px;margin:18px 0 26px;}
form.consult label{display:block;font-size:.85rem;color:#6b6259;margin-bottom:5px;}
form.consult input,form.consult textarea{width:100%;padding:11px 12px;border:1px solid var(--rule);
  font-family:inherit;font-size:.95rem;background:#fff;color:var(--ink);}
form.consult textarea{min-height:160px;resize:vertical;}
.star{color:#b3271d;}
.archived{background:#f2efe9;border:1px dashed var(--rule);padding:12px 16px;font-size:.82rem;color:#6b6259;}
footer{border-top:1px solid var(--rule);margin-top:40px;padding:20px 0 30px;background:#fbfaf8;}
footer .copy{font-size:.76rem;color:#8a8074;margin-top:12px;}
footer a{color:#6b6259;}
@media (max-width:720px){
  body{font-size:15px;}
  header.masthead{padding:18px 0 16px;}
  header.masthead .logo{width:180px;padding:5px 8px;}
  header.masthead .brand{font-size:1.4rem;}
  header.masthead .brand small{font-size:.64rem;letter-spacing:.1em;}
  h1{font-size:1.32rem;}
  nav.main .wrap{gap:0;}
  nav.main a{padding:10px 11px;font-size:.78rem;}
  /* narrow tables become label/value rows instead of squeezed columns */
  table.grid,table.grid tbody,table.grid tr,table.grid td,table.grid th{display:block;width:auto;}
  table.grid thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
  table.grid tr{border:1px solid var(--rule);margin-bottom:14px;background:#fff;}
  table.grid th,table.grid td{border:0;border-bottom:1px solid var(--rule);padding:9px 12px;}
  table.grid tr th{border-bottom:1px solid var(--rule);}
  table.grid tr th[scope=row]{font-family:"돋움","Dotum",sans-serif;color:var(--deep);background:var(--panel);}
  table.grid tr td:last-child{border-bottom:0;}
  table.grid td[data-label]::before{content:attr(data-label) " : ";font-family:"돋움","Dotum",sans-serif;color:var(--deep);}
}