﻿<style> /* Container setup */ #conStart01 { max-width: 720px; margin: 20px auto; font-family: 'Noto Sans KR', 'Arial', sans-serif; line-height: 1.6; color: #333; background: #f9fafb; border-radius: 12px; box-shadow: 0 8px 24px rgb(0 0 0 / 0.1); padding: 24px 28px; } #con { padding: 0 12px; } /* Menu */ #terSubMenu { list-style: none; padding: 0; margin: 0 0 24px 0; display: flex; justify-content: start; gap: 16px;} #terSubMenu li { font-weight: 500; font-size: 15px; } #terSubMenu li a { color: #555; text-decoration: none; padding: 6px 10px; display: inline-block; border-radius: 8px; transition: background-color 0.3s ease, color 0.3s ease; user-select: none; } #terSubMenu li.click a, #terSubMenu li a:hover { background-color: #0078d7; color: white; font-weight: 600; } /* Headings */ h4 { color: #2d2f31; font-weight: 700; display: flex; align-items: center; gap: 8px; margin-bottom: 16px; font-size: 20px; } .material-symbols-outlined { position: relative; top: 2px; font-size: 28px; color: #0078d7; user-select: none; } /* Section Boxes */ .useGuide { background: white; border-radius: 10px; padding: 18px 24px 22px 24px; margin-bottom: 28px; box-shadow: 0 6px 15px rgb(0 0 0 / 0.06); border: 1px solid #e1e4e8; } /* Tables Common */ table { width: 100%; border-collapse: collapse; margin-bottom: 14px; font-size: 14px; } caption.skip { clip: rect(1px, 1px, 1px, 1px); position: absolute; width: 1px; height: 1px; overflow: hidden; } thead tr { background-color: #f0f4f8; } th, td { padding: 10px 14px; border: 1px solid #ddd; text-align: center; vertical-align: middle; border-left: 1px solid #ddd; /* 추가: 왼쪽 셀에 줄 무조건 표시 */ } th { font-weight: 600; color: #2a2a2a; } /* 테이블 왼쪽 경계 강조 (첫 번째 셀) */ tbody tr th.colorBlue, tbody tr td:first-child { border-left: 1px solid #ddd !important; } .colorBlue { color: #1a76d2; font-weight: 700; } .colorOrange { color: #d05a00; font-weight: 600; } .colorRed { color: #d12727; font-weight: 700; } /* .pA { padding: 12px 8px !important; text-align: left; white-space: pre-line; color: #2f3749; font-weight: 600; font-size: 13.8px; } .pL { padding-left: 18px !important; text-align: left; font-size: 14px; color: #444; }  */.alignCenter { text-align: center; } /* Paragraphs */ .explain { font-size: 13.5px; color: #555; padding-left: 14px; margin-bottom: 10px; line-height: 1.4; } .explain span.colorRed { font-weight: 700; } /* Small indent subtree for multiline notes */ .explain span[style] { display: block; padding-left: 20px; margin-top: 2px; color: #444; } </style>