body{font-family:'Noto Sans KR','Malgun Gothic',Arial,sans-serif;font-size:9pt;}
h1{font-size:13pt;font-weight:bold;color:#1a4a7a;margin:8px 0 6px 0;}
h1 .h1_sub{display:block;font-size:9pt;font-weight:normal;color:#555;margin-top:2px;}
h2{font-size:11pt;font-weight:bold;color:#1a4a7a;border-bottom:2px solid #5ba3e0;padding-bottom:4px;margin:18px 0 8px 0;}
h3{font-size:10pt;font-weight:bold;color:#2c5f8a;margin:12px 0 6px 0;}
p.body{line-height:1.9;margin:6px 0;}
.na{color:#888;}
.tr_info{background:#edf4ff;border-left:4px solid #5ba3e0;padding:8px 12px;margin:6px 0;font-size:9pt;line-height:1.8;}
.tr_warn{background:#fff3e0;border-left:4px solid #e08030;padding:8px 12px;margin:6px 0;font-size:9pt;line-height:1.8;}
.tr_note{font-size:8.5pt;color:#666;line-height:1.7;margin:4px 0;}

.pg-no{float:right;margin:10px 0 0 10px;background:#fff;color:#1a4a7a;border:1px solid #c9d6e6;border-radius:14px;padding:2px 11px;font-size:12px;white-space:nowrap;}
.pg-no b{font-size:14px;}
.mg-nav{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 10px;padding:6px;background:#f2f6fc;border:1px solid #dce4ef;border-radius:4px;}
.mg-nav a{display:inline-block;padding:4px 8px;font-size:9pt;color:#1a4a7a;text-decoration:none;border-radius:3px;background:#fff;border:1px solid #dce4ef;white-space:nowrap;}
.mg-nav a:hover{background:#e3edf9;}
.mg-nav a.on{background:#3a7fc1;color:#fff;border-color:#3a7fc1;font-weight:bold;}

.mat_tbl{width:100%;border-collapse:collapse;margin:8px 0;font-size:9pt;}
.mat_tbl caption{font-size:8.5pt;color:#555;text-align:left;padding:4px 0;caption-side:top;}
.mat_tbl th{background:#3a7fc1;color:#fff;padding:5px 8px;text-align:left;border:1px solid #2d6aaa;}
.mat_tbl td{padding:5px 8px;border:1px solid #dce4ef;text-align:left;vertical-align:top;}
.mat_tbl tr:nth-child(odd) td{background:#ffffff;}
.mat_tbl tr:nth-child(even) td{background:#f2f6fc;}
.mat_tbl td.c{text-align:center;white-space:nowrap;}
.mat_tbl th.rowh{background:#f2f6fc;color:#1a4a7a;border:1px solid #dce4ef;width:28%;white-space:nowrap;}
.mat_tbl a{color:#1a4a7a;font-weight:bold;}

.mat-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0;}
.mat-link{display:block;border:1px solid #dce4ef;border-radius:6px;text-decoration:none;color:#333;background:#fff;overflow:hidden;}
.mat-link:hover{box-shadow:0 2px 6px rgba(0,0,0,.12);}
.mat-link .hd{padding:7px 10px;color:#fff;font-weight:bold;font-size:9.5pt;}
.mat-link .bd{padding:7px 10px;font-size:8.5pt;line-height:1.7;}
.mat-link .more{color:#1a4a7a;font-weight:bold;}

.mat-head{padding:8px 14px;border-radius:4px;color:#fff;margin:10px 0 8px;}
.mat-head h2{margin:0;border:0;padding:0;color:#fff;font-size:11pt;}
.alumina{background:#3a7fc1;}
.chrome{background:#7a3a7a;}
.zirconia{background:#7a5a1a;}
.yzirconia{background:#8a6a2a;}
.lzirconia{background:#6a4a10;}
.mullite{background:#4a6a8a;}
.magnesia{background:#3a7a3a;}
.zircon{background:#7a6a5a;}

.tag{display:inline-block;font-size:8.5pt;padding:1px 8px;border-radius:10px;margin:0 4px 6px 0;background:#eef3f9;color:#1a4a7a;}
.tag.temp{background:#fdecea;color:#b03a2e;font-weight:bold;}
.tag.no{background:#fff3e0;color:#a0522d;}

.chem-tbl{border-collapse:collapse;font-size:9pt;margin:6px 0;}
.chem-tbl th{background:#f2f6fc;color:#1a4a7a;padding:4px 10px;border:1px solid #dce4ef;font-weight:bold;text-align:center;white-space:nowrap;}
.chem-tbl td{padding:4px 10px;border:1px solid #dce4ef;text-align:center;}

.photo-row{display:flex;gap:10px;margin:8px 0;}
.photo-row figure{margin:0;flex:1;text-align:center;}
.photo-row img{width:100%;height:auto;display:block;box-sizing:border-box;border:1px solid #d0dcea;border-radius:4px;}
.photo-row figcaption{font-size:8.5pt;color:#555;margin-top:3px;}
.photo-row.small figure{flex:0 0 150px;}

.step-list{margin:4px 0 0 0;padding-left:20px;line-height:1.9;}
.step-list li{margin-bottom:2px;}

.top-pair{display:flex;gap:16px;align-items:flex-start;margin:6px 0 10px;}
.tp-img{flex:0 0 40%;display:flex;flex-direction:column;}
.tp-img .ph{height:242px;position:relative;border:1px solid #d0dcea;border-radius:4px;background:#fff;overflow:hidden;}
.tp-img .ph img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;}
.tp-tbl{flex:1;min-width:0;}
.tp-tbl .mat_tbl{margin-top:0;font-size:8.5pt;}
.tp-tbl .mat_tbl th,.tp-tbl .mat_tbl td{padding:4px 6px;}

.stock_tbl{width:100%;border-collapse:collapse;font-size:8.5pt;}
.stock_tbl .drg{display:inline-block;margin-left:4px;padding:0 6px;font-size:8pt;line-height:16px;color:#fff;background:#3a7fc1;border-radius:3px;text-decoration:none;white-space:nowrap;}
.stock_tbl a.drg:hover{background:#1a4a7a;}
.stock_tbl td:first-child{white-space:nowrap;}
.stock_tbl caption{font-size:8.5pt;color:#555;text-align:left;padding:4px 0;caption-side:top;}

.drg-view{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:10px;box-sizing:border-box;}
.drg-view.on{display:flex;cursor:zoom-out;}
.drg-box{background:#fff;border-radius:6px;max-width:100%;max-height:100%;display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,.4);text-align:left;}
.drg-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid #dce4ef;font-size:10pt;color:#1a4a7a;}
.drg-hint{font-size:8.5pt;color:#888;}
.drg-img{overflow:auto;padding:6px;text-align:center;cursor:zoom-out;}
.drg-img img{display:block;margin:0 auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 80px);width:auto;height:auto;}
.tp-img .ph.ph-vid{background:#2f4f83;}
.tp-img .ph.ph-vid video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;}
.vid-box{margin:8px 0 4px;text-align:center;}
.vid-box img{display:block;width:100%;max-width:850px;height:auto;margin:0 auto;border-radius:4px;}
.vid-box video{display:block;width:100%;max-width:850px;height:auto;margin:0 auto;border-radius:4px;background:#2c4a7a;}
.vid-steps{margin:6px 0 8px 0;padding-left:22px;line-height:1.9;}
.vid-steps li{margin-bottom:2px;}
@media (max-width:700px){
  .top-pair,.photo-row{display:block;}
  .tp-img .ph{height:260px;margin-bottom:10px;}
  .mat-link-grid{grid-template-columns:repeat(2,1fr);}
  .photo-row figure{margin-bottom:8px;}
}