/* 전역 자료 탐색: 모든 페이지에서 같은 순서, native details로 JS 없이도 사용. */
.htag-social-links{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;max-width:var(--maxw,1120px);margin:22px auto;font-size:14px;font-weight:750;line-height:1.5;color:#1E4BB8}
.htag-social-links a{display:inline-flex;gap:8px;align-items:center;padding-block:8px;text-decoration:none;color:inherit}
.htag-social-links a:hover{text-decoration:underline;text-underline-offset:4px}.htag-social-links a:focus-visible{outline:3px solid #2563EB;outline-offset:4px}
.resource-menu{position:relative;display:inline-block;text-align:left;flex:none;word-break:keep-all;line-height:1.5;color:#16213A}
.resource-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;min-height:44px;border:1.5px solid #1E4BB8;border-radius:12px;background:#EEF4FF;color:#1E4BB8;font:800 15px/1.5 "Pretendard Variable",-apple-system,sans-serif;cursor:pointer;list-style:none;white-space:nowrap}
.resource-toggle::-webkit-details-marker{display:none}.resource-toggle>span{transition:transform .18s}.resource-menu[open]>.resource-toggle>span{transform:rotate(180deg)}
.resource-drop{display:none;position:absolute;z-index:150;right:0;top:calc(100% + 8px);width:330px;max-height:74vh;overflow:auto;overscroll-behavior:contain;padding:10px;background:#fff;border:1px solid #DDE5F0;border-radius:16px;box-shadow:0 16px 40px #1e4bb826;font-family:"Pretendard Variable",-apple-system,sans-serif}
.resource-menu[open]>.resource-drop{display:block}.resource-drop a,.resource-current{display:block;padding:11px 12px;border-radius:9px;font-size:15px;font-weight:650;line-height:1.5;letter-spacing:0;color:#16213A;text-decoration:none;white-space:normal}.resource-drop a:hover{background:#EEF4FF;color:#1E4BB8}.resource-group{padding:12px 12px 6px;font-size:12px;font-weight:800;color:#536176;border-top:1px solid #E3E7EC;margin-top:8px}.resource-group:first-child{border:0;margin:0;padding-top:6px}.resource-current{background:#F4F7FC;color:#536176}.resource-current small{display:block;font-size:12px;font-weight:600;color:#536176;white-space:nowrap}.resource-toggle:focus-visible,.resource-drop a:focus-visible{outline:3px solid #2563EB;outline-offset:3px}
.guides-page .hd{flex-wrap:wrap}.guides-page .brand{margin-right:auto}.guides-page .text-link{font-size:14px;font-weight:750;color:#1E4BB8}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* 크게 보기: 원본은 클릭할 때만 로드한다. JS가 없으면 원본 링크로 열린다. */
.sample-dialog{padding:0;border:1px solid #DDE5F0;border-radius:16px;width:min(1100px,calc(100vw - 24px));max-width:none;height:min(900px,90dvh);max-height:90dvh;background:#F4F7FC;color:#16213A;overflow:hidden;font:16px/1.6 "Pretendard Variable",-apple-system,sans-serif}.sample-dialog::backdrop{background:#16213acc}.sample-dialog[open]{display:flex;flex-direction:column}.sample-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #DDE5F0;flex:none}.sample-toolbar h2{font-size:17px;margin:0;line-height:1.4;letter-spacing:0}.sample-toolbar button,.sample-controls button{border:1px solid #C4D0E2;border-radius:9px;background:#fff;font:700 14px/1.5 inherit;color:#1E4BB8;min-height:44px;padding:8px 13px;cursor:pointer}.sample-view{overflow:auto;padding:20px;flex:1;min-height:0}.sample-view img{display:block;width:100%;height:auto;margin:auto;max-width:100%}.sample-view img.portrait{max-width:740px}.sample-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:10px;background:#fff;border-top:1px solid #DDE5F0;flex:none}.sample-controls a{font-size:14px;font-weight:700;color:#1E4BB8;padding:8px;text-decoration:underline}.sample-error{padding:24px;background:#fff;color:#16213A}.sample-error[hidden]{display:none}.sample-dialog button:focus-visible,.sample-dialog a:focus-visible{outline:3px solid #2563EB;outline-offset:2px}.certificate-panel{display:grid;grid-template-columns:280px 1fr;gap:45px;align-items:center}.certificate-panel>a{display:block;border:1px solid #DDE5F0;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #1e4bb81a}.certificate-panel img{display:block;width:100%;height:auto}.certificate-panel p{margin:16px 0;color:#536176}.certificate-panel .certificate-settlement{padding:20px;background:#EEF4FF;border-radius:12px}.certificate-panel .certificate-label{display:block;font-size:13px;font-weight:750;color:#1E4BB8}.certificate-links{display:flex;flex-wrap:wrap;gap:12px}.certificate-links a{font-weight:750;font-size:15px;color:#1E4BB8;text-decoration:underline;padding:9px 0}
@media(max-width:640px){.resource-menu{position:static}.resource-drop{position:fixed;top:74px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 160px)}.resource-toggle{font-size:13px;padding:8px 10px}.guides-page .hd{gap:10px}.guides-page .hd>.text-link{order:2}.guides-page .hcta{font-size:13px;padding:9px 12px}.sample-toolbar{padding:10px;gap:8px}.sample-toolbar h2{font-size:15px}.sample-view{padding:10px}.sample-controls{gap:8px}.certificate-panel{grid-template-columns:1fr;gap:28px}.certificate-panel>a{max-width:260px;margin:auto}.company-footer .resource-drop{top:auto;bottom:95px}.company-footer .resource-toggle{font-size:14px}}
@media(prefers-reduced-motion:reduce){.resource-toggle>span{transition:none}}
.sample-toolbar button,.sample-controls button{font-family:inherit;font-weight:700;font-size:14px;line-height:1.5}.sample-dialog [hidden]{display:none!important}
.company-footer .resource-drop{top:auto;bottom:calc(100% + 8px)}
@media(max-width:640px){.company-footer .resource-menu{position:relative;width:100%}.company-footer .resource-drop{position:absolute;top:auto;bottom:calc(100% + 8px);left:0;right:0;width:100%;max-height:45vh}}