/* SYL 물류 가이드 독립 페이지 (doc/guide-*.php). 2026-10-28. 색은 sub4_4.php 와 같은 톤 */
.sg{padding:100px 0 120px}
.sg .box{width:100%;max-width:880px;margin:0 auto;padding:0 20px;box-sizing:border-box;color:#333;font-size:16px;line-height:1.75;word-break:keep-all}
.sg .crumb{font-size:13.5px;color:#7a8592;margin-bottom:8px}
.sg .crumb a{color:#7a8592;text-decoration:none}
.sg .crumb a:hover{text-decoration:underline}
.sg h1{font-size:32px;line-height:1.35;font-weight:700;color:#1C3A5E;margin:0 0 6px;letter-spacing:-.02em}
.sg .date{font-size:13.5px;color:#7a8592;margin:0 0 22px}
.sg h2{font-size:21px;font-weight:700;color:#1C3A5E;margin:40px 0 12px;padding-bottom:10px;border-bottom:2px solid #1C3A5E}
.sg p{margin:10px 0;color:#444}
.sg ul,.sg ol{margin:10px 0;padding-left:22px;color:#444}
.sg li{margin:4px 0}
.sg ul.sum{background:#F1F6EF;border-left:4px solid #308424;border-radius:6px;padding:14px 18px 14px 36px;margin:0 0 10px}
.sg ul.sum b{color:#1C3A5E}
.sg .tw{overflow-x:auto;margin:12px 0}
.sg table{width:100%;border-collapse:collapse;font-size:15px}
.sg th,.sg td{border:1px solid #dadada;padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}
.sg th{background:#F5F8F9;color:#1C3A5E;white-space:nowrap}
.sg .how{background:#E7F1EA;border-radius:8px;padding:14px 20px}
.sg .how p{color:#333}
.sg .how b{color:#1C3A5E}
.sg dl.faq dt{font-weight:700;color:#222;margin-top:16px}
.sg dl.faq dd{margin:4px 0 0;color:#444}
.sg ul.rel{list-style:none;padding:0}
.sg ul.rel li{position:relative;padding-left:22px}
.sg ul.rel li::before{content:"→";position:absolute;left:0;color:#308424}
.sg ul.rel a{color:#1C3A5E;font-weight:600;text-decoration:none}
.sg ul.rel a:hover{text-decoration:underline}
.sg .cta{margin-top:36px;padding:16px 20px;background:#f5f8f4;border:1px solid #dfe8dc;border-radius:8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:#555;font-size:15px}
.sg .cta a{flex:none;display:inline-block;background:#308424;color:#fff;font-weight:700;font-size:14px;padding:10px 22px;border-radius:6px;text-decoration:none}
.sg .cta a:hover{background:#266b1c}
@media (max-width:1024px){.sg{padding:30px 0 60px}}
@media (max-width:640px){.sg h1{font-size:25px}.sg h2{font-size:19px}.sg table{font-size:14px}.sg th{white-space:normal}}