/* 새 디자인 W5(2026-10-23 확정): 흰 바탕 + 블루 포인트 + 은은한 빛, 선·상자를 줄인 편집 디자인. html[data-design="w5"]일 때만 적용(기존 디자인은 app.css 그대로). 바탕색은 html[data-tone]으로 바꾼다. 글꼴: Pretendard(본문), Black Han Sans(메인 제목), Oswald(큰 숫자), IBM Plex Mono(영문 표기) — 모두 SIL OFL 1.1, 원본 파일 그대로 */ @font-face{font-family:"Black Han Sans";src:url("fonts/BlackHanSans-Regular.ttf") format("truetype");font-display:swap} @font-face{font-family:"Oswald";font-weight:200 700;src:url("fonts/Oswald-Variable.ttf") format("truetype");font-display:swap} @font-face{font-family:"IBM Plex Mono";font-weight:400;src:url("fonts/IBMPlexMono-Regular.ttf") format("truetype");font-display:swap} @font-face{font-family:"IBM Plex Mono";font-weight:500;src:url("fonts/IBMPlexMono-Medium.ttf") format("truetype");font-display:swap} html[data-design="w5"]{ --w-bg:#FFFFFF;--w-ink:#1A1F2C;--w-sub:#5B6478;--w-mute:#9AA3B5;--w-acc:#3552E0;--w-acc2:#6B7FF0;--w-soft:#F3F6FF;--w-soft2:#EEF2FF; --w-line:#E3E8F4;--w-line2:#CDD6F2;--w-old:#E0475B;--w-new:#3552E0;--w-done:#22B07D;--w-gray:#5B6478;--w-surface:#FFFFFF; --w-mono:"IBM Plex Mono","Pretendard Variable",ui-monospace,Consolas,monospace;--w-display:"Black Han Sans","Pretendard Variable",sans-serif;--w-num:"Oswald","Pretendard Variable",sans-serif; --gnb-h:60px;--pad:48px; } /* 바탕색(설정에서 선택): 흰색(기본, 빛 번짐) · 실버 · 세이지 · 라벤더 그레이 · 하늘색 */ html[data-design="w5"][data-tone="silver"]{--w-bg:#E6E8EB;--w-line:#D3D8E0;--w-line2:#BCC4D2} html[data-design="w5"][data-tone="sage"]{--w-bg:#DDE3DE;--w-line:#CBD3CD;--w-line2:#B4BFB8} html[data-design="w5"][data-tone="lavender"]{--w-bg:#E4E2E8;--w-line:#D2CFDA;--w-line2:#BEBACA} html[data-design="w5"][data-tone="sky"]{--w-bg:#8ED1F0;--w-ink:#0B1620;--w-sub:#1F3A4D;--w-mute:#3E6178;--w-line:#6FB7DA;--w-line2:#4E9CC4;--w-soft:#B9E3F6;--w-soft2:#C9EAF8} html[data-design="w5"] body{background:var(--w-bg);color:var(--w-ink);letter-spacing:-.2px} html[data-design="w5"][data-tone="white"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; background:radial-gradient(900px 520px at 88% 6%,#E6EAFF 0%,rgba(230,234,255,0) 70%),radial-gradient(760px 460px at 62% 105%,#EFE9FF 0%,rgba(239,233,255,0) 70%)} html[data-design="w5"] a{color:var(--w-acc)} html[data-design="w5"] .meta{color:var(--w-mute)} html[data-design="w5"] .eyebrow{font-family:var(--w-mono);font-size:11px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] h1{font-weight:700;font-size:26px;letter-spacing:-.8px} html[data-design="w5"] .main{padding:26px var(--pad) 80px 140px;position:relative} html[data-design="w5"] .main::before{content:"";position:absolute;left:96px;top:0;bottom:0;border-left:1px solid var(--w-line);pointer-events:none} /* ── 머리띠(서브 화면) ── */ html[data-design="w5"] .gnb{background:rgba(255,255,255,.62);backdrop-filter:blur(10px);border-bottom:1px solid var(--w-line);box-shadow:none} html[data-design="w5"][data-tone="sky"] .gnb{background:rgba(255,255,255,.28)} html[data-design="w5"] .gnb::before{display:none} html[data-design="w5"] .gnb .logo img{display:none} html[data-design="w5"] .brand{font-weight:800;font-size:18px;letter-spacing:-.5px;display:flex;align-items:baseline;gap:10px;color:var(--w-ink)} html[data-design="w5"] .brand i{font-style:normal;color:var(--w-acc)} html[data-design="w5"] .brand .c-ko{display:none} html[data-design="w5"] .brand .c-en{display:inline-block;font-family:var(--w-mono);font-size:11px;font-weight:500;letter-spacing:1.6px;color:var(--w-sub);padding-left:10px;border-left:1px solid var(--w-line2)} html[data-design="w5"] .gnb-menu{margin-left:34px;gap:0} html[data-design="w5"] .gnb-menu a{font-size:14.5px;font-weight:500;color:var(--w-sub);padding:0 13px;background:none!important} html[data-design="w5"] .gnb-menu a .ico{display:none} html[data-design="w5"] .gnb-menu a:hover{color:var(--w-ink)} html[data-design="w5"] .gnb-menu a.on{color:var(--w-acc);font-weight:700} html[data-design="w5"] .gnb-menu a.on::after{left:13px;right:13px;height:2px;border-radius:0;background:var(--w-acc);bottom:14px} html[data-design="w5"] #chip-model,html[data-design="w5"] #chip-regs{display:none} html[data-design="w5"] .gnb .gear{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:none;color:var(--w-sub)} html[data-design="w5"] .gnb .gear span{display:none} html[data-design="w5"] .gnb .gear .ico{width:18px;height:18px} html[data-design="w5"] .gnb .gear:hover,html[data-design="w5"] .gnb .gear.on{background:var(--w-soft);color:var(--w-acc)} /* 메인(대시보드)은 화면 안에 큰 제목·메뉴를 따로 그린다 */ html[data-design="w5"] body.is-home .gnb{display:none} html[data-design="w5"] body.is-home .main{padding:0;max-width:none} html[data-design="w5"] body.is-home .main::before{display:none} /* ── 단추: 작게·단정하게, 강조 하나만 ── */ html[data-design="w5"] .btn{min-height:34px;padding:0 13px;border-radius:8px;border:1px solid var(--w-line);background:#fff;color:var(--w-ink);font-size:13.5px;font-weight:600;box-shadow:0 1px 2px rgba(26,31,44,.05);transform:none!important;filter:none!important} html[data-design="w5"] .btn:hover{border-color:var(--w-line2);color:var(--w-acc)} html[data-design="w5"] .btn.sm{min-height:30px;padding:0 10px;font-size:12.5px;border-radius:7px} html[data-design="w5"] .btn.big{min-height:44px;padding:0 22px;font-size:15px;border-radius:10px} html[data-design="w5"] .btn .ico{width:14px;height:14px} html[data-design="w5"] .btn.pri,html[data-design="w5"] .btn.mk-btn{background:var(--w-acc);border-color:var(--w-acc);color:#fff;box-shadow:none} html[data-design="w5"] .btn.pri:hover,html[data-design="w5"] .btn.mk-btn:hover{background:#2B46CC;color:#fff} html[data-design="w5"] .btn.finish-btn{background:var(--w-gray);border-color:var(--w-gray);color:#fff;box-shadow:none} html[data-design="w5"] .btn.finish-btn:hover{background:#4B5468;color:#fff} html[data-design="w5"] .btn.reopen-btn,html[data-design="w5"] .btn.full-btn,html[data-design="w5"] .btn.ai-btn,html[data-design="w5"] .btn.mk-btn.quiet,html[data-design="w5"] .btn.open-btn{background:#fff;border:1px solid var(--w-line);color:var(--w-ink);box-shadow:0 1px 2px rgba(26,31,44,.05)} html[data-design="w5"] .btn.ai-btn{color:var(--w-acc)} html[data-design="w5"] .btn.back-btn,html[data-design="w5"] .btn.back-btn.soft,html[data-design="w5"] .btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--w-sub)} html[data-design="w5"] .btn.back-btn:hover{color:var(--w-acc);background:var(--w-soft)} html[data-design="w5"] .btn.del-btn{background:transparent;border-color:transparent;box-shadow:none;color:var(--w-mute)} html[data-design="w5"] .btn.del-btn:hover{color:var(--w-old);background:#FFF1F3} html[data-design="w5"] .btn.add-btn{background:var(--w-soft);border:0;color:var(--w-acc);box-shadow:none} html[data-design="w5"] .btn.danger{background:transparent;border-color:transparent;color:var(--w-old);box-shadow:none} html[data-design="w5"] .btn.chip-on{background:var(--w-soft2);border-color:transparent;color:var(--w-acc)} /* ── 상태: 상자 없이 점 + 글자 ── */ html[data-design="w5"] .badge{display:inline-flex;align-items:center;gap:7px;background:none!important;box-shadow:none!important;padding:0;border-radius:0;font-size:13px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .badge::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--w-mute)} html[data-design="w5"] .badge.b-sky::before{background:var(--w-acc);box-shadow:0 0 0 3px rgba(53,82,224,.14)} html[data-design="w5"] .badge.b-pri::before{background:#7C5CFF} html[data-design="w5"] .badge.b-add::before{background:var(--w-done)} html[data-design="w5"] .badge.b-add{color:var(--w-sub);font-weight:500} html[data-design="w5"] .badge.b-del::before{background:var(--w-old)} html[data-design="w5"] .badge.b-del{color:var(--w-old)} html[data-design="w5"] .badge.b-warn::before{background:#F97316} html[data-design="w5"] .kind{background:none!important;padding:0;font-weight:500;color:var(--w-sub)} /* ── 칸·구역: 상자·그림자 대신 여백과 옅은 선 ── */ html[data-design="w5"] .card,html[data-design="w5"] .dsec{background:transparent;border:0;border-top:1px solid var(--w-line);border-radius:0;box-shadow:none;padding:18px 0 6px;margin:12px 0} html[data-design="w5"] .sh-ico,html[data-design="w5"] .fh-ico,html[data-design="w5"] .pc-ico{display:none} html[data-design="w5"] .sh-title{font-size:16px;font-weight:700} html[data-design="w5"] .sh-count{background:none;color:var(--w-acc);font-family:var(--w-num);font-size:15px;font-weight:500;padding:0} html[data-design="w5"] .sh-hint{color:var(--w-mute)} html[data-design="w5"] input[type=text],html[data-design="w5"] input[type=search],html[data-design="w5"] input[type=date],html[data-design="w5"] select,html[data-design="w5"] textarea{border:1px solid var(--w-line);border-radius:8px;min-height:36px;background:#fff} html[data-design="w5"] input:focus,html[data-design="w5"] select:focus,html[data-design="w5"] textarea:focus{outline:3px solid var(--w-soft2);border-color:var(--w-acc2)} /* 표 */ html[data-design="w5"] .tlist th{font-family:var(--w-mono);font-size:10.5px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--w-mute);background:none;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .tlist td{border-bottom:1px solid var(--w-line);background:none} html[data-design="w5"] .tlist tbody tr:hover td{background:rgba(243,246,255,.8)} /* 탭: 글자 + 파랑 밑줄 */ html[data-design="w5"] .tabs,html[data-design="w5"] .job-tabs{background:none;box-shadow:none;border:0;border-bottom:1px solid var(--w-line);border-radius:0;padding:0;gap:26px} html[data-design="w5"] .tabs button,html[data-design="w5"] .job-tabs button{background:none!important;box-shadow:none;border-radius:0;padding:0 0 10px;min-height:0;font-size:14.5px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .job-tabs button .ico{display:none} html[data-design="w5"] .tabs button:hover,html[data-design="w5"] .job-tabs button:hover{color:var(--w-ink)} html[data-design="w5"] .tabs button.on,html[data-design="w5"] .job-tabs button.on{color:var(--w-acc);font-weight:700;box-shadow:inset 0 -2px 0 var(--w-acc)!important} html[data-design="w5"] .tab-count{background:none;color:var(--w-mute);font-family:var(--w-mono);font-size:11px} /* 작업 화면 머리 */ html[data-design="w5"] .job-head h1{font-weight:650;font-size:27px;letter-spacing:-.8px} html[data-design="w5"] .job-crumb{margin:0 0 6px} /* 작업 메뉴(왼쪽): 01·02… 번호 목차, 고른 항목만 진하게 */ html[data-design="w5"] .sec-nav{background:none;border:0;box-shadow:none;padding:0;counter-reset:wsec;gap:0} html[data-design="w5"] .sec-nav-i{counter-increment:wsec;background:none!important;border-radius:0;padding:9px 0;gap:12px;font-size:14.5px;font-weight:500;color:var(--w-mute);align-items:baseline} html[data-design="w5"] .sec-nav-i::before{content:counter(wsec,decimal-leading-zero);font-family:var(--w-mono);font-size:11px;color:#C2C9D6;width:18px;flex:none} html[data-design="w5"] .sec-nav-i .ico{display:none} html[data-design="w5"] .sec-nav-i span{flex:0 1 auto} html[data-design="w5"] .sec-nav-i b{background:none;color:var(--w-acc);font-family:var(--w-mono);font-size:10px;font-weight:600;padding:0;vertical-align:super;position:relative;top:-4px} html[data-design="w5"] .sec-nav-i:hover{color:var(--w-ink)} html[data-design="w5"] .sec-nav-i.on{color:var(--w-ink);font-weight:700} html[data-design="w5"] .sec-nav-i.on::before{color:var(--w-acc)} html[data-design="w5"] .sec-nav-i.on b{background:none;color:var(--w-acc)} /* 왼쪽 하위 메뉴(내 작업·담당 규정 등): 상자 없이 글자, 고른 항목 왼쪽 파랑 점 */ html[data-design="w5"] .subnav{background:none;border:0;box-shadow:none;padding:0 0 0 2px} html[data-design="w5"] .sn-item{background:none!important;border-radius:0;padding:8px 0;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .sn-item .ico{display:none} html[data-design="w5"] .sn-item b{background:none;color:var(--w-mute);font-family:var(--w-mono);font-weight:500} html[data-design="w5"] .sn-item:hover{color:var(--w-ink)} html[data-design="w5"] .sn-item.on{color:var(--w-ink);font-weight:700} html[data-design="w5"] .sn-item.on::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--w-acc);margin-right:-2px} html[data-design="w5"] .sn-item.on b{color:var(--w-acc)} html[data-design="w5"] .sn-sep{font-family:var(--w-mono);font-weight:500;letter-spacing:1.6px;color:var(--w-mute);margin:14px 0 2px} /* 변경 사항 이동: 글자 + 옅은 파랑 바탕(선·상자 없음) */ html[data-design="w5"] .chg-nav{background:none;border:0;padding:4px 0;margin-bottom:6px;gap:8px} html[data-design="w5"] .chg-nav .cn-title{font-family:var(--w-mono);font-size:11px;font-weight:500;letter-spacing:1.6px;color:var(--w-mute)} html[data-design="w5"] .chg-nav .cn-title .ico{display:none} html[data-design="w5"] .chg-nav .btn{border-color:transparent;background:none;box-shadow:none;color:var(--w-sub)} html[data-design="w5"] .chg-nav .btn:hover{color:var(--w-acc)} html[data-design="w5"] .cn-chip{border:0;background:none;border-radius:6px;padding:2px 9px;color:var(--w-acc)} html[data-design="w5"] .cn-chip:hover,html[data-design="w5"] .cn-chip.on{background:var(--w-soft2);border:0} /* 나란한 칸(현행·개정안 등) */ html[data-design="w5"] .pane{box-shadow:none;border:1px solid var(--w-line);border-radius:10px} html[data-design="w5"] .ph{border-bottom:1px solid var(--w-line)} html[data-design="w5"] .sec-layout{gap:30px;grid-template-columns:180px minmax(0,1fr)} html[data-design="w5"] .page2{grid-template-columns:180px minmax(0,1fr);gap:30px} /* ── 메인(대시보드) ── */ html[data-design="w5"] .w5-home{position:relative;min-height:100vh;padding:34px 48px 28px;overflow:hidden;display:flex;flex-direction:column} html[data-design="w5"] .w5-home .vline{position:absolute;left:96px;top:150px;bottom:0;border-left:1px solid var(--w-line)} html[data-design="w5"] .w5-home .mono{font-family:var(--w-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] .w5-mast{display:flex;justify-content:space-between;align-items:flex-start} html[data-design="w5"] .w5-mast h1{font-family:var(--w-display);font-weight:400;font-size:46px;letter-spacing:-1px;line-height:1.05;margin:6px 0 0;color:var(--w-ink)} html[data-design="w5"] .w5-mast .sub{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:14px;color:var(--w-sub)} html[data-design="w5"] .w5-mast .sub::before{content:"";width:34px;border-top:1px solid var(--w-line2)} html[data-design="w5"] .w5-mast .vol{text-align:right} html[data-design="w5"] .w5-mast .vol b{font-family:var(--w-num);font-weight:500;font-size:20px;letter-spacing:.5px;color:var(--w-ink)} html[data-design="w5"] .w5-nav{display:flex;align-items:center;gap:26px;margin:18px 0 0 92px;font-size:15px;font-weight:500} html[data-design="w5"] .w5-nav a{color:var(--w-sub);padding-bottom:5px} html[data-design="w5"] .w5-nav a:hover{color:var(--w-ink)} html[data-design="w5"] .w5-nav a.on{color:var(--w-acc);font-weight:700;box-shadow:inset 0 -2px 0 var(--w-acc)} html[data-design="w5"] .w5-nav .gear{margin-left:auto;border:0;background:none;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--w-sub);padding:0;box-shadow:none} html[data-design="w5"] .w5-nav .gear:hover{background:var(--w-soft);color:var(--w-acc)} html[data-design="w5"] .w5-nav .gear svg{width:18px;height:18px} html[data-design="w5"] .w5-body{display:grid;grid-template-columns:420px minmax(0,1fr);gap:56px;margin:44px 0 0 92px} html[data-design="w5"] .w5-big .num{font-family:var(--w-num);font-weight:600;font-size:150px;line-height:.82;letter-spacing:-4px;color:var(--w-acc);margin-top:6px} html[data-design="w5"] .w5-big h2{font-weight:700;font-size:30px;letter-spacing:-.8px;margin:22px 0 0;color:var(--w-ink)} html[data-design="w5"] .w5-big h2 span{color:var(--w-acc)} html[data-design="w5"] .w5-facts{list-style:none;padding:0;margin:22px 0 0} html[data-design="w5"] .w5-facts a{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--w-line);font-size:14.5px;color:var(--w-ink)} html[data-design="w5"] .w5-facts li:first-child a{border-top:1px solid var(--w-line)} html[data-design="w5"] .w5-facts a:hover{background:var(--w-soft)} html[data-design="w5"] .w5-facts .k{color:var(--w-sub);min-width:118px} html[data-design="w5"] .w5-facts b{font-family:var(--w-num);font-weight:500;font-size:18px;color:var(--w-acc);min-width:30px} html[data-design="w5"] .w5-facts .zero b{color:var(--w-mute)} html[data-design="w5"] .w5-facts .go{margin-left:auto;font-family:var(--w-mono);font-size:11px;letter-spacing:1px;color:var(--w-mute)} html[data-design="w5"] .w5-facts a:hover .go{color:var(--w-acc)} html[data-design="w5"] .w5-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--w-line2);border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .w5-stats a{padding:12px 14px;border-left:1px solid var(--w-line);color:var(--w-ink)} html[data-design="w5"] .w5-stats a:first-child{border-left:0;padding-left:0} html[data-design="w5"] .w5-stats a:hover b{color:var(--w-acc)} html[data-design="w5"] .w5-stats b{display:block;font-family:var(--w-num);font-weight:500;font-size:44px;line-height:1.05} html[data-design="w5"] .w5-recent{margin-top:28px} html[data-design="w5"] .w5-recent .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px} html[data-design="w5"] .w5-recent h3{font-size:20px;font-weight:700;margin:0;color:var(--w-ink)} html[data-design="w5"] .w5-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 96px 120px;gap:10px;align-items:center;width:100%;padding:11px 0;border:0;border-bottom:1px solid var(--w-line);background:none;text-align:left;font:inherit;font-size:14.5px;color:var(--w-ink);cursor:pointer} html[data-design="w5"] .w5-row:hover{background:var(--w-soft)} html[data-design="w5"] .w5-row .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-design="w5"] .w5-row .k2{color:var(--w-sub)} html[data-design="w5"] .w5-row .tm{font-family:var(--w-mono);font-size:12px;letter-spacing:1px;color:var(--w-mute)} html[data-design="w5"] .w5-empty{color:var(--w-mute);padding:14px 0} html[data-design="w5"] .w5-wm{position:absolute;right:80px;bottom:70px;width:590px;opacity:.07;pointer-events:none;z-index:0} html[data-design="w5"] .w5-home>*:not(.w5-wm):not(.vline){position:relative;z-index:1} html[data-design="w5"] .w5-wm.txt{width:auto;max-width:720px;right:64px;bottom:72px;font-family:var(--w-display);font-size:72px;line-height:.95;letter-spacing:-1px;text-align:right;word-break:keep-all;color:var(--w-ink);opacity:.06;user-select:none} html[data-design="w5"] .w5-wm.txt span{white-space:nowrap} html[data-design="w5"] .w5-wm.txt .ln{display:block} html[data-design="w5"] .w5-wm.txt:has(.ln){max-width:none;width:max-content} @media (max-width:1100px){html[data-design="w5"] .w5-wm.txt{font-size:54px;max-width:400px;right:24px;bottom:40px}} html[data-design="w5"] .mr-dels{gap:4px} html[data-design="w5"] .w5-foot{margin-top:auto;padding-top:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap} html[data-design="w5"] .w5-stat{display:flex;align-items:center;gap:14px;font-family:var(--w-mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--w-sub)} html[data-design="w5"] .w5-stat span{display:inline-flex;align-items:center;gap:6px} html[data-design="w5"] .w5-stat i{width:6px;height:6px;border-radius:50%;background:var(--w-done);display:inline-block} html[data-design="w5"] .w5-stat i.off{background:var(--w-mute)} html[data-design="w5"] .w5-stat .sep{width:1px;height:11px;background:var(--w-line2)} @media (max-width:1100px){.w5-body{grid-template-columns:1fr;margin-left:0}.w5-nav{margin-left:0;flex-wrap:wrap}.w5-home .vline{display:none}.w5-wm{width:360px}} /* 설정: 화면 디자인 고르기 */ .design-pick{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px} .design-pick label{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #E3E8F4;cursor:pointer;font-size:14px} .design-pick input{accent-color:#3552E0} .design-pick .sw{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.12)} .pick-gap{margin-top:12px} .sw-white{background:#FFFFFF}.sw-silver{background:#E6E8EB}.sw-sage{background:#DDE3DE}.sw-lavender{background:#E4E2E8}.sw-sky{background:#8ED1F0} html[data-design="w5"] .ttl-k{color:var(--w-acc)} /* ── 화면별 다듬기: 큰 카드·그라데이션 → 글자·옅은 바탕 ── */ html[data-design="w5"] .mode-cards{gap:28px;grid-template-columns:auto auto;justify-content:start;border-bottom:1px solid var(--w-line);margin-bottom:14px} html[data-design="w5"] .mode-card,html[data-design="w5"] .mode-card.on{background:none!important;border:0;border-radius:0;box-shadow:none;padding:0 0 12px;transform:none!important} html[data-design="w5"] .mode-card .mc-ico{display:none} html[data-design="w5"] .mode-card b{font-size:16px;font-weight:600;color:var(--w-sub)} html[data-design="w5"] .mode-card small{color:var(--w-mute)} html[data-design="w5"] .mode-card.on{box-shadow:inset 0 -2px 0 var(--w-acc)!important} html[data-design="w5"] .mode-card.on b{color:var(--w-acc);font-weight:700} html[data-design="w5"] .mode-card.on small{color:var(--w-sub)} html[data-design="w5"] .steps li{background:none;border:0;padding:4px 10px 4px 0;font-weight:600;color:var(--w-mute)} html[data-design="w5"] .steps li span{background:none;font-family:var(--w-mono);font-size:11px;color:#C2C9D6;width:auto;height:auto} html[data-design="w5"] .steps li span::before{content:"0"} html[data-design="w5"] .steps li.on{color:var(--w-ink);font-weight:700} html[data-design="w5"] .steps li.on span{background:none;color:var(--w-acc)} html[data-design="w5"] .steps li.done{color:var(--w-sub)} html[data-design="w5"] .steps li.done span{background:none;color:var(--w-done)} html[data-design="w5"] .seg,html[data-design="w5"] .jf-view{background:none;border:0;padding:0;gap:18px;box-shadow:none} html[data-design="w5"] .seg button,html[data-design="w5"] .jf-view button{background:none!important;box-shadow:none!important;padding:2px 0;border-radius:0;color:var(--w-mute);font-weight:600} html[data-design="w5"] .jf-view button .ico{display:none} html[data-design="w5"] .seg button.on,html[data-design="w5"] .jf-view button.on{color:var(--w-acc);box-shadow:inset 0 -2px 0 var(--w-acc)!important} html[data-design="w5"] .nj-item{border:0;border-bottom:1px solid var(--w-line);border-radius:0;background:none;padding:11px 4px} html[data-design="w5"] .nj-item:hover{background:var(--w-soft)} html[data-design="w5"] .nj-item.on{background:var(--w-soft2);box-shadow:none;border-radius:6px} html[data-design="w5"] .proc-next{background:var(--w-soft);border:0;border-radius:12px} html[data-design="w5"] .proc-next.all-done{background:#EEFAF4} html[data-design="w5"] .pn-ico{background:none;color:var(--w-acc);width:auto;height:auto} html[data-design="w5"] .pn-prog .bar{background:#DCE3F5} html[data-design="w5"] .pn-prog .bar i{background:var(--w-acc)} html[data-design="w5"] .proc-step{border:0;border-bottom:1px solid var(--w-line);border-radius:0;background:none;padding:16px 0} html[data-design="w5"] .proc-step.now{border:0;border-bottom:1px solid var(--w-line);box-shadow:none;background:linear-gradient(90deg,rgba(243,246,255,.9),rgba(243,246,255,0))} html[data-design="w5"] .proc-step.done{background:none} html[data-design="w5"] .ps-no{background:none;font-family:var(--w-num);font-size:20px;font-weight:500;color:#C2C9D6;width:34px} html[data-design="w5"] .now .ps-no{background:none;color:var(--w-acc)} html[data-design="w5"] .done .ps-no{background:none;color:var(--w-done)} html[data-design="w5"] .pc-ico{display:none} html[data-design="w5"] .search-box{border:1px solid var(--w-line);border-radius:8px;box-shadow:none} /* 작업 머리 단추: 시안처럼 강조는 [작업 완료](회색) 하나 */ html[data-design="w5"] #btn-dl{background:#fff;border-color:var(--w-line);color:var(--w-ink);box-shadow:0 1px 2px rgba(26,31,44,.05)} html[data-design="w5"] #btn-dl:hover{color:var(--w-acc)} html[data-design="w5"] #btn-full{background:none;border-color:transparent;box-shadow:none;color:var(--w-sub)} html[data-design="w5"] #btn-full:hover{color:var(--w-acc)} /* ══ W5.1 다듬기(2026-10-23 사용자 의견): 덜 굵게·덜 검게, 은은한 반투명 바탕, 알약형 단추·분할 메뉴 ══ 참고 원칙: 세로선·줄무늬·채운 머리줄 없음, 아주 옅은 가로선 + 여백, 강조색 하나. 한글에는 자간을 벌리지 않음 */ html[data-design="w5"]{ --w-ink:#2B3243;--w-sub:#5E6679;--w-mute:#98A0B1;--w-hair:rgba(43,50,67,.07);--w-hair2:rgba(43,50,67,.12); --w-field:rgba(236,240,249,.72);--w-field-h:rgba(228,234,248,.9);--w-panel:rgba(246,248,253,.62);--w-thumb:#FFFFFF;--w-tint:rgba(53,82,224,.09); } html[data-design="w5"]:not([data-tone="white"]){--w-field:rgba(255,255,255,.5);--w-field-h:rgba(255,255,255,.72);--w-panel:rgba(255,255,255,.42);--w-hair:rgba(30,40,60,.08);--w-hair2:rgba(30,40,60,.13)} html[data-design="w5"][data-tone="sky"]{--w-field:rgba(255,255,255,.42);--w-panel:rgba(255,255,255,.34);--w-tint:rgba(255,255,255,.55)} html[data-design="w5"] body{font-weight:400;color:var(--w-ink)} html[data-design="w5"] h1,html[data-design="w5"] .page-head h1{font-weight:600;font-size:25px;letter-spacing:-.6px;color:var(--w-ink)} html[data-design="w5"] h2{font-weight:600;color:var(--w-ink)} html[data-design="w5"] h3,html[data-design="w5"] .sh-title,html[data-design="w5"] .fh-title{font-weight:600;color:var(--w-ink)} html[data-design="w5"] b,html[data-design="w5"] strong{font-weight:600} html[data-design="w5"] .lead{color:var(--w-sub);font-size:14.5px} /* 한글 소제목: 고정폭 영문 글꼴·자간 대신 본문 글꼴 */ html[data-design="w5"] .eyebrow,html[data-design="w5"] .sn-sep,html[data-design="w5"] .chg-nav .cn-title{font-family:inherit;letter-spacing:0;text-transform:none;font-size:12.5px;font-weight:500;color:var(--w-acc)} html[data-design="w5"] .sn-sep{color:var(--w-mute);font-size:12px} html[data-design="w5"] .field>span{font-size:12.5px;font-weight:500;color:var(--w-sub)} /* 입력 칸: 테두리 대신 반투명 바탕, 누르면 흰 바탕 + 옅은 파랑 테두리 빛 */ html[data-design="w5"] input[type=text],html[data-design="w5"] input[type=search],html[data-design="w5"] input[type=date],html[data-design="w5"] input[type=number],html[data-design="w5"] select,html[data-design="w5"] textarea,html[data-design="w5"] .search-box{ background:var(--w-field);border:1px solid transparent;border-radius:10px;min-height:38px;color:var(--w-ink);box-shadow:none;font-weight:400} html[data-design="w5"] .search-box input{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important} html[data-design="w5"] input:hover,html[data-design="w5"] select:hover,html[data-design="w5"] textarea:hover{background:var(--w-field-h)} html[data-design="w5"] input:focus,html[data-design="w5"] select:focus,html[data-design="w5"] textarea:focus,html[data-design="w5"] .search-box:focus-within{outline:0;background:#fff;border-color:rgba(53,82,224,.35);box-shadow:0 0 0 4px rgba(53,82,224,.08)} html[data-design="w5"] input::placeholder,html[data-design="w5"] textarea::placeholder{color:var(--w-mute)} html[data-design="w5"] input[type=checkbox],html[data-design="w5"] input[type=radio]{accent-color:var(--w-acc)} /* 단추: 알약형, 테두리·그림자 없이 반투명 바탕, 글자 보통 굵기 */ html[data-design="w5"] .btn{border:0;border-radius:999px;background:var(--w-field);color:var(--w-ink);font-weight:500;box-shadow:none;min-height:34px;padding:0 15px;transition:background .15s,color .15s} html[data-design="w5"] .btn:hover{background:var(--w-field-h);color:var(--w-acc)} html[data-design="w5"] .btn.sm{min-height:30px;padding:0 12px;border-radius:999px} html[data-design="w5"] .btn.big{min-height:42px;padding:0 22px;border-radius:999px;font-weight:500} html[data-design="w5"] .btn.pri,html[data-design="w5"] .btn.mk-btn{background:var(--w-acc);color:#fff;box-shadow:0 6px 16px -8px rgba(53,82,224,.55)} html[data-design="w5"] .btn.pri:hover,html[data-design="w5"] .btn.mk-btn:hover{background:#2D49D6;color:#fff} html[data-design="w5"] .btn.finish-btn{background:var(--w-gray);color:#fff} html[data-design="w5"] .btn.reopen-btn,html[data-design="w5"] .btn.full-btn,html[data-design="w5"] .btn.ai-btn,html[data-design="w5"] .btn.mk-btn.quiet,html[data-design="w5"] .btn.open-btn,html[data-design="w5"] #btn-dl{background:var(--w-field);border:0;box-shadow:none} html[data-design="w5"] .btn.add-btn,html[data-design="w5"] .btn.chip-on{background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .btn.ghost,html[data-design="w5"] .btn.back-btn,html[data-design="w5"] .btn.del-btn,html[data-design="w5"] .btn.danger,html[data-design="w5"] #btn-full{background:transparent} html[data-design="w5"] .btn.ghost:hover,html[data-design="w5"] .btn.back-btn:hover{background:var(--w-field)} html[data-design="w5"] .btn[disabled]{opacity:.45} /* 분할 메뉴(작업별/묶음, 규정 이름/조문 내용, 규정 찾기/전체 점검, 상위법 두 갈래): 반투명 길 + 흰 손잡이 */ html[data-design="w5"] .seg,html[data-design="w5"] .jf-view,html[data-design="w5"] .tabs.seg,html[data-design="w5"] .mode-cards.up-tabs{ display:inline-flex;gap:2px;padding:4px;border:0;border-radius:999px;background:var(--w-field);box-shadow:none;margin:0 0 14px;width:auto} html[data-design="w5"] .seg button,html[data-design="w5"] .jf-view button,html[data-design="w5"] .tabs.seg button{ display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 16px;border-radius:999px;background:transparent!important;box-shadow:none!important;color:var(--w-sub);font-size:13.5px;font-weight:500} html[data-design="w5"] .seg button:hover,html[data-design="w5"] .jf-view button:hover{color:var(--w-ink)} html[data-design="w5"] .seg button.on,html[data-design="w5"] .jf-view button.on,html[data-design="w5"] .tabs.seg button.on{background:var(--w-thumb)!important;color:var(--w-acc);font-weight:600;box-shadow:0 1px 3px rgba(30,40,70,.1)!important} html[data-design="w5"] .top-seg .ico{width:15px;height:15px} html[data-design="w5"] .mode-cards.up-tabs{display:inline-grid;grid-template-columns:auto auto;border-radius:16px;padding:5px;gap:4px;margin:4px 0 18px} html[data-design="w5"] .mode-cards.up-tabs .mode-card{padding:9px 18px;border-radius:12px;box-shadow:none!important;background:transparent!important} html[data-design="w5"] .mode-cards.up-tabs .mode-card b{font-size:14.5px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .mode-cards.up-tabs .mode-card small{font-size:12px;color:var(--w-mute);margin-top:1px} html[data-design="w5"] .mode-cards.up-tabs .mode-card:hover b{color:var(--w-ink)} html[data-design="w5"] .mode-cards.up-tabs .mode-card.on{background:var(--w-thumb)!important;box-shadow:0 1px 4px rgba(30,40,70,.1)!important} html[data-design="w5"] .mode-cards.up-tabs .mode-card.on b{color:var(--w-acc);font-weight:600} html[data-design="w5"] .mode-cards.up-tabs .mode-card.on small{color:var(--w-sub)} /* 기간 고르기 등 작은 선택 단추 */ html[data-design="w5"] [data-preset].btn{background:transparent;color:var(--w-sub)} html[data-design="w5"] [data-preset].btn:hover{background:var(--w-field)} html[data-design="w5"] [data-preset].btn.chip-on{background:var(--w-tint);color:var(--w-acc);font-weight:600} /* 표(게시판): 반투명 판 위에 옅은 가로선만, 머리줄은 작은 회색 글자 */ html[data-design="w5"] .tlist{border-collapse:separate;border-spacing:0;background:var(--w-panel);border-radius:14px;overflow:hidden} html[data-design="w5"] .tlist th{font-family:inherit;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--w-mute);background:none;border-bottom:1px solid var(--w-hair2);padding-top:12px;padding-bottom:10px} html[data-design="w5"] .tlist td{border-bottom:1px solid var(--w-hair);color:var(--w-sub);padding-top:13px;padding-bottom:13px} html[data-design="w5"] .tlist tbody tr:last-child td{border-bottom:0} html[data-design="w5"] .tlist td b{font-weight:500;color:var(--w-ink)} html[data-design="w5"] .tlist td.num{font-family:var(--w-num);color:var(--w-mute);font-size:13.5px} html[data-design="w5"] .tlist tbody tr{transition:background .12s} html[data-design="w5"] .tlist tbody tr:hover td{background:rgba(255,255,255,.55)} html[data-design="w5"][data-tone="white"] .tlist tbody tr:hover td{background:rgba(53,82,224,.04)} html[data-design="w5"] .tlist .meta{color:var(--w-mute)} html[data-design="w5"] .badge{font-weight:500;color:var(--w-sub)} html[data-design="w5"] .kind{color:var(--w-sub);font-size:13px} html[data-design="w5"] .jobs-count{margin:10px 2px 0;font-size:12.5px} html[data-design="w5"] .reg-mini{color:var(--w-mute)} html[data-design="w5"] .reg-mini:hover{background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .tag,html[data-design="w5"] .tag.tag-old{border:0;border-radius:999px;padding:1px 8px;font-weight:500;background:var(--w-field);color:var(--w-sub)} html[data-design="w5"] .tag-cite{background:rgba(15,138,116,.1)!important;color:#0F8A74!important} html[data-design="w5"] .tag-org{background:var(--w-tint)!important;color:var(--w-acc)!important} html[data-design="w5"] .tag-mine{background:rgba(18,134,90,.1)!important} html[data-design="w5"] .card,html[data-design="w5"] .dsec{border-top:0;padding-top:4px} html[data-design="w5"] .sel-bar{border:0;border-radius:12px;background:var(--w-tint);padding:8px 14px} html[data-design="w5"] .sel-bar>span{color:var(--w-acc)} html[data-design="w5"] .pager .btn{min-width:32px;padding:0 10px;background:transparent;color:var(--w-sub)} html[data-design="w5"] .pager .btn.chip-on{background:var(--w-thumb);color:var(--w-acc);box-shadow:0 1px 3px rgba(30,40,70,.1)} html[data-design="w5"] .empty{color:var(--w-mute);background:var(--w-panel);border-radius:14px} /* 상위법 개정별 묶음 */ html[data-design="w5"] .law-grp{border:0;border-radius:16px;background:var(--w-panel);margin-bottom:14px} html[data-design="w5"] .law-grp .tlist{background:transparent;border-radius:0} html[data-design="w5"] .lg-head{background:transparent;border-bottom:1px solid var(--w-hair2);padding:14px 18px} html[data-design="w5"] .lg-head>.ico{color:var(--w-acc)} html[data-design="w5"] .lg-open{font-weight:600;color:var(--w-ink)} html[data-design="w5"] .lg-open .go{color:var(--w-acc);font-weight:500} html[data-design="w5"] .lg-open:hover{background:var(--w-tint);color:var(--w-acc)} /* 왼쪽 하위 메뉴: 화면 바탕색 그대로(흰 판 없음), 고른 항목은 옅은 손잡이 */ html[data-design="w5"] .page2.full>.subnav{background:transparent;border-right:1px solid var(--w-hair);padding:22px 14px} html[data-design="w5"] .sn-item{padding:8px 12px;border-radius:10px;font-weight:400;color:var(--w-sub)} html[data-design="w5"] .sn-item:hover{background:var(--w-field)!important;color:var(--w-ink)} html[data-design="w5"] .sn-item.on{background:var(--w-tint)!important;color:var(--w-acc);font-weight:600} html[data-design="w5"] .sn-item.on::before{display:none} html[data-design="w5"] .sn-sep{margin:16px 12px 4px} /* 상위법 조회 조건 */ html[data-design="w5"] .filter{gap:18px;padding:16px 18px;border-radius:16px;background:var(--w-panel)} html[data-design="w5"] .filter .row{gap:6px} /* 학교 규정: 왼쪽 찾기 · 오른쪽 보기 */ html[data-design="w5"] .regs-find{position:sticky;top:calc(var(--gnb-h) + 16px)} html[data-design="w5"] .regs-find .seg{margin-bottom:10px} html[data-design="w5"] .result-list{border:0;border-radius:14px;background:var(--w-panel);max-height:calc(100vh - 290px);margin-top:10px} html[data-design="w5"] .result-list button{background:transparent;border-bottom:1px solid var(--w-hair);font-size:14px;color:var(--w-ink);padding:11px 16px} html[data-design="w5"] .result-list button:hover{background:rgba(255,255,255,.6)} html[data-design="w5"][data-tone="white"] .result-list button:hover{background:rgba(53,82,224,.04)} html[data-design="w5"] .result-list button.on{background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .result-list .meta{font-size:12px;white-space:nowrap} html[data-design="w5"] .rv-head h2{margin:6px 0 2px;font-size:21px} html[data-design="w5"] .rv-head .row{gap:6px} html[data-design="w5"] .regs-view .doc{background:var(--w-panel);border:0;border-radius:16px;height:auto;max-height:calc(100vh - 300px)} /* 규정 전체 점검 분류 */ html[data-design="w5"] .fc-cat{border:0;border-radius:14px;background:var(--w-panel)} html[data-design="w5"] .fc-cat b{font-family:var(--w-num);font-weight:500;color:var(--w-acc)} html[data-design="w5"] .fc-cat>span{font-weight:500} html[data-design="w5"] .fc-cat:hover{background:var(--w-field-h)} html[data-design="w5"] .fc-cat.on{border:0;background:var(--w-tint);box-shadow:inset 0 0 0 1px rgba(53,82,224,.25)} /* 담당 규정 등록 상자 */ html[data-design="w5"] .mr-box{border:0;border-radius:16px;background:var(--w-panel);box-shadow:none} /* W5.1 이어서: 새 작업 화면·조회 조건 줄 */ html[data-design="w5"] .ref-chip{border:0;border-radius:999px;background:var(--w-field);color:var(--w-sub);font-weight:500;box-shadow:none} html[data-design="w5"] .ref-chip:hover{background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .att-drop,html[data-design="w5"] .op-drop{border:1px dashed var(--w-hair2);border-radius:14px;background:var(--w-panel)} html[data-design="w5"] .att-drop:hover,html[data-design="w5"] .op-drop:hover{background:var(--w-tint);border-color:rgba(53,82,224,.35)} html[data-design="w5"] .att-drop>.ico,html[data-design="w5"] .op-drop>.ico{color:var(--w-acc)} html[data-design="w5"] .att-drop b,html[data-design="w5"] .op-drop b{color:var(--w-acc);font-weight:500} html[data-design="w5"] .nj-ai{border:0;border-radius:0;background:transparent;box-shadow:none;padding:6px 2px} html[data-design="w5"] .nj-ai b{font-weight:500} html[data-design="w5"] .nj-name{font-weight:500;color:var(--w-ink)} html[data-design="w5"] .nj-item .tag{background:var(--w-field)} html[data-design="w5"] .filter{flex-wrap:wrap;align-items:flex-end} html[data-design="w5"] .filter .field{min-width:0} html[data-design="w5"] .filter select{width:auto} html[data-design="w5"] .filter input[type=date],html[data-design="w5"] .job-filter input[type=date]{width:148px} html[data-design="w5"] .job-filter{gap:6px} html[data-design="w5"] .job-filter select{min-width:112px} html[data-design="w5"] .page2.full>.subnav{border-right:0} html[data-design="w5"] .filter{gap:14px} html[data-design="w5"] .filter input[type=date]{width:134px} html[data-design="w5"] #uf-basis{max-width:none;min-width:240px} html[data-design="w5"] #uf-scope{max-width:220px} /* ══ W5.2(2026-10-23): 확정 시안(concept_1_work8) 그대로 — 작업 화면·안건·대비표·별표·절차·왼쪽 메뉴, 바탕색 따라 판 색 ══ */ html[data-design="w5"]{--w-sp:"IBM Plex Mono","Pretendard Variable",ui-monospace,monospace} /* 시안의 고정폭 영문 머리 글씨(한글은 자간을 벌려 같은 결로) */ html[data-design="w5"] .job-crumb,html[data-design="w5"] .sec-nav-h,html[data-design="w5"] .nav2 .cn-title,html[data-design="w5"] .page2.full>.subnav::before,html[data-design="w5"] .sn-sep{ font-family:var(--w-sp);font-size:11px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--w-mute)} /* ── 작업 화면 머리 ── */ html[data-design="w5"] .job-crumb{margin:0 0 6px;gap:6px} html[data-design="w5"] .job-crumb .btn.back-btn{min-height:0;padding:0;background:none;font:inherit;letter-spacing:inherit;color:var(--w-mute)} html[data-design="w5"] .job-crumb .btn.back-btn .ico{display:none} html[data-design="w5"] .job-crumb .btn.back-btn::before{content:"← "} html[data-design="w5"] .job-crumb .btn.back-btn:hover{color:var(--w-acc);background:none} html[data-design="w5"] .job-crumb .crumb-k{font:inherit;color:var(--w-mute)} html[data-design="w5"] .job-crumb #btn-job-del{font-family:"Pretendard Variable",sans-serif;letter-spacing:0;font-size:12.5px} html[data-design="w5"] .job-head{align-items:flex-end;gap:30px;margin-bottom:0} html[data-design="w5"] .job-head .eyebrow{display:none} html[data-design="w5"] .job-head h1{font-weight:650;font-size:27px;letter-spacing:-.8px;line-height:1.3;margin:0} html[data-design="w5"] .job-head h1 .ttl-k{font-weight:700} html[data-design="w5"] .job-meta{gap:12px;margin-top:8px;font-size:13px;color:var(--w-sub)} html[data-design="w5"] .job-meta .badge{font-size:13px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .job-meta .badge.ai-model{font-weight:500;color:var(--w-sub)} html[data-design="w5"] .job-meta .badge.ai-model::before{display:none} html[data-design="w5"] .job-meta .saved{font-size:13px;color:var(--w-sub)} html[data-design="w5"] .job-meta>.jm-up::before,html[data-design="w5"] .job-meta>.reg-link::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--w-mute);margin-right:12px;vertical-align:middle} html[data-design="w5"] .job-meta .reg-link{margin-left:0;font-size:13px;font-weight:500;color:var(--w-acc)} html[data-design="w5"] .job-meta .reg-link .ico{display:none} html[data-design="w5"] .job-meta .reg-link::after{content:" ↗"} html[data-design="w5"] .job-meta .reg-link:hover{text-decoration:none;color:#2D49D6} html[data-design="w5"] .job-acts{gap:6px} html[data-design="w5"] .job-tabs{margin:20px 0 0} html[data-design="w5"] .job-tabs .tab-count{margin-left:4px;font-family:var(--w-sp);font-size:11px;color:var(--w-mute)} html[data-design="w5"] #tab{margin-top:0} /* ── 작업 메뉴(왼쪽): 시안 안 1 ── */ html[data-design="w5"] .sec-layout{grid-template-columns:180px minmax(0,1fr);gap:30px;margin-top:26px;align-items:start} html[data-design="w5"] .sec-nav{position:sticky;top:calc(var(--gnb-h) + 20px);background:none;border:0;padding:0;border-radius:0;box-shadow:none} html[data-design="w5"] .sec-nav-h{display:block;margin-bottom:6px} html[data-design="w5"] .sec-nav-i{padding:9px 0;gap:12px;font-size:14.5px;font-weight:400;color:var(--w-mute);white-space:normal} html[data-design="w5"] .sec-nav-i::before{color:#C2C9D6} html[data-design="w5"] .sec-nav-i span{flex:0 1 auto;overflow:visible} html[data-design="w5"] .sec-nav-i b{margin-left:2px;font-size:10px;top:-5px} html[data-design="w5"] .sec-nav-i b.g{color:var(--w-mute)} html[data-design="w5"] .sec-nav-i:hover{color:var(--w-ink);background:none!important} html[data-design="w5"] .sec-nav-i.on{color:var(--w-ink);font-weight:700;background:none!important} html[data-design="w5"] .sec-nav-i.on::before{color:var(--w-acc)} /* ── 현행 · 개정안(시안 그대로): 칸 머리 → 변경 사항 → 조문 / 오른쪽 지시문 ── */ html[data-design="w5"] .w5-edit{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start} html[data-design="w5"] .w5-cmp{min-width:0} html[data-design="w5"] .cmp-hd{position:sticky;top:var(--gnb-h);z-index:4;display:grid;grid-template-columns:1fr 1fr;padding:9px 0 8px;border-bottom:1px solid var(--w-line2);font-size:13px;font-weight:700;color:var(--w-sub);letter-spacing:2px;background:var(--w-bg)} html[data-design="w5"][data-tone="white"] .cmp-hd{background:rgba(255,255,255,.92);backdrop-filter:blur(6px)} html[data-design="w5"] .cmp-hd span+span{padding-left:16px} html[data-design="w5"] .nav2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0 6px;padding:0;background:none;border:0;font-size:13.5px} html[data-design="w5"] .nav2>b{color:var(--w-acc);font-weight:700} html[data-design="w5"] .nav2 .sep{color:#C2C9D6} html[data-design="w5"] .nav2 .cn-chips{display:inline-flex;flex-wrap:wrap;gap:2px} html[data-design="w5"] .nav2 .cn-chip{border:0;background:none;border-radius:6px;padding:2px 9px;font:inherit;font-weight:700;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .nav2 .cn-chip.on,html[data-design="w5"] .nav2 .cn-chip:hover{background:#EEF2FF} html[data-design="w5"] .nav2 .cn-chip.cn-deleted{color:var(--w-old)} html[data-design="w5"] .nav2 .arr{border:0;background:none;padding:2px 4px;margin-left:4px;font:inherit;color:var(--w-sub);cursor:pointer} html[data-design="w5"] .nav2 .arr:hover{color:var(--w-acc)} html[data-design="w5"] .nav2 .cmp-tools{margin-left:auto;display:inline-flex;align-items:center;gap:10px} html[data-design="w5"] .nav2 .cmp-tools .meta{font-size:12px} /* 조문 줄: 상자·안쪽 스크롤 없이, 같은 조는 흐리게, 바뀐 조는 왼쪽 파랑 줄 + 옅은 파랑 */ html[data-design="w5"] .w5-cmp .doc.pairs{height:auto;overflow:visible;background:none!important;border:0;border-radius:0;padding:0;font-family:"Pretendard Variable",sans-serif;font-size:14.5px;line-height:1.85;color:var(--w-ink)} html[data-design="w5"] .w5-cmp .pairs .col-head,html[data-design="w5"] .w5-cmp .pairs .title-row{display:none} html[data-design="w5"] .w5-cmp .arow{padding:0;border-bottom:1px solid var(--w-line);scroll-margin-top:150px} html[data-design="w5"] .w5-cmp .lrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0} html[data-design="w5"] .w5-cmp .lc{padding:2px 16px 2px 0;background:none!important;border:0!important} html[data-design="w5"] .w5-cmp .lc.n{padding-left:16px;border-left:1px solid var(--w-line)!important} html[data-design="w5"] .w5-cmp .arow>.lrow:first-child>.lc{padding-top:12px} html[data-design="w5"] .w5-cmp .arow>.lrow:last-child>.lc{padding-bottom:12px} html[data-design="w5"] .w5-cmp .lc.gap{background:none!important} html[data-design="w5"] .w5-cmp .lc .l-art b{font-family:inherit;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .w5-cmp .arow.st-same{color:var(--w-mute)} html[data-design="w5"] .w5-cmp .arow.st-same .l-art b{color:#6E778B} html[data-design="w5"] .w5-cmp .arow:not(.st-same){background:linear-gradient(90deg,rgba(243,246,255,0),rgba(243,246,255,1));box-shadow:inset 2px 0 0 var(--w-acc2);margin-left:-12px;padding-left:12px} html[data-design="w5"] .w5-cmp .arow[data-art]:hover .lc.n,html[data-design="w5"] .w5-cmp .arow[data-art]:focus-visible .lc.n{background:rgba(53,82,224,.05)!important;cursor:pointer} html[data-design="w5"] .w5-cmp .mk-old{color:var(--w-old);background:none;border:0;border-radius:0;padding:0;text-decoration:underline;text-decoration-color:rgba(224,71,91,.6);text-underline-offset:3px} html[data-design="w5"] .w5-cmp .mk-new{color:var(--w-new);background:none;border:0;border-radius:0;padding:0;font-weight:600;text-decoration:underline;text-decoration-color:rgba(53,82,224,.6);text-underline-offset:3px} html[data-design="w5"] .w5-cmp .lc .badge{float:none;margin:0 6px 0 0} html[data-design="w5"] .w5-cmp .add-row{margin-top:10px} html[data-design="w5"] .w5-cmp .add-row .lc{border:0!important} html[data-design="w5"] .w5-cmp .lrow.editing{padding:10px 0} /* 오른쪽 지시문 + 요약 */ html[data-design="w5"] .w5-instr{position:sticky;top:calc(var(--gnb-h) + 4px)} html[data-design="w5"] .w5-instr h3{margin:0;padding:9px 0 8px;font-size:13px;font-weight:700;color:var(--w-sub);letter-spacing:2px;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .w5-instr #p-instr{font-size:14px;line-height:1.85;color:var(--w-ink);max-height:calc(100vh - 330px);overflow:auto} html[data-design="w5"] .w5-instr #p-instr p{margin:12px 0 0} html[data-design="w5"] .w5-instr .q-old{color:var(--w-old)} html[data-design="w5"] .w5-instr .q-new{color:var(--w-new);font-weight:600} html[data-design="w5"] .w5-check{margin-top:22px;border-top:1px solid var(--w-line);padding-top:10px} html[data-design="w5"] .wc-row{display:flex;justify-content:space-between;width:100%;border:0;background:none;padding:7px 0;font:inherit;font-size:13.5px;color:var(--w-sub);cursor:pointer;text-align:left} html[data-design="w5"] .wc-row b{color:var(--w-ink);font-weight:500} html[data-design="w5"] .wc-row b.wc-ok{color:var(--w-done)} html[data-design="w5"] .wc-row b.wc-warn{color:#E07A1F} html[data-design="w5"] .wc-row:hover span{color:var(--w-acc)} /* 전체 편집·제정안 등 예전 칸 */ html[data-design="w5"] .panes{gap:24px} html[data-design="w5"] .pane{border:0;border-radius:0} html[data-design="w5"] .ph{border-bottom:1px solid var(--w-line2);margin:0 0 10px;padding-bottom:8px} html[data-design="w5"] .ph-title{font-size:13px;font-weight:700;color:var(--w-sub);letter-spacing:1px} html[data-design="w5"] .ph-title .fh-ico{display:none} html[data-design="w5"] .doc{background:var(--w-panel);border:0;border-radius:14px;font-family:"Pretendard Variable",sans-serif} html[data-design="w5"] .pairs .col-head{background:var(--w-bg)} /* ── 공통 머리(구역 제목·항목 제목): 아이콘 없이 글자 ── */ html[data-design="w5"] .sh{gap:0;margin-bottom:12px} html[data-design="w5"] .sh-title{font-size:17px;font-weight:600;display:flex;align-items:baseline;gap:8px} html[data-design="w5"] .fh{gap:6px} html[data-design="w5"] .fh-ico{display:none} html[data-design="w5"] .fh-title{font-size:14.5px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .fh-hint{margin-left:0;margin-top:0;font-size:12px;color:var(--w-mute)} /* ── 저장 줄(안건·별표): 상자 없이 한 줄 ── */ html[data-design="w5"] .savebar{top:var(--gnb-h);margin:16px 0 0;padding:10px 0;background:var(--w-bg);border:0;border-bottom:1px solid var(--w-line);border-radius:0;box-shadow:none;backdrop-filter:none} html[data-design="w5"][data-tone="white"] .savebar{background:rgba(255,255,255,.92);backdrop-filter:blur(6px)} html[data-design="w5"] .save-note{font-size:12.5px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .savebar .dirty{color:#E07A1F} /* ── 안건 문장·부칙: 작업 메뉴와 같은 왼쪽 메뉴 + 항목 이름 | 입력 칸 두 줄 정렬 ── */ html[data-design="w5"] .ag-layout{grid-template-columns:180px minmax(0,1fr);gap:30px;margin-top:22px} html[data-design="w5"] .ag-nav{background:none;border:0;padding:0;border-radius:0;counter-reset:wag;top:calc(var(--gnb-h) + 64px)} html[data-design="w5"] .ag-nav::before{content:"안건 메뉴";display:block;margin-bottom:6px;font-family:var(--w-sp);font-size:11px;font-weight:500;letter-spacing:1.6px;color:var(--w-mute)} html[data-design="w5"] .ag-grp{counter-increment:wag;padding:9px 0;gap:12px;align-items:baseline;border-radius:0;background:none!important;font-size:14.5px;font-weight:400;color:var(--w-mute)} html[data-design="w5"] .ag-grp::before{content:counter(wag,decimal-leading-zero);font-family:var(--w-sp);font-size:11px;color:#C2C9D6;width:18px;flex:none} html[data-design="w5"] .ag-grp .ico{display:none} html[data-design="w5"] .ag-grp:hover{color:var(--w-ink)} html[data-design="w5"] .ag-grp.on{color:var(--w-ink)!important;font-weight:700} html[data-design="w5"] .ag-grp.on::before{color:var(--w-acc)} html[data-design="w5"] .major{padding:0;margin:0} html[data-design="w5"] .major-head{display:block;padding:0 0 12px;margin:0 0 6px;border:0!important;border-bottom:1px solid var(--w-line2)!important;background:none!important} html[data-design="w5"] .major-head .mh-ico{display:none} html[data-design="w5"] .major-head .mh-title{font-size:19px;font-weight:600;letter-spacing:-.4px} html[data-design="w5"] .major-head .mh-hint{font-size:12.5px;color:var(--w-mute);margin-top:3px} html[data-design="w5"] .ag-body .fblock{display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:24px;row-gap:8px;margin:0;padding:18px 0;border-top:0;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .ag-body .fblock>.fh{grid-column:1;grid-row:1 / span 20;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:8px} html[data-design="w5"] .ag-body .fblock>:not(.fh){grid-column:2;min-width:0} html[data-design="w5"] .ag-body .fblock .field{margin:0} html[data-design="w5"] .ag-body .grid.g2.tight{gap:12px} html[data-design="w5"] .rich-wrap,html[data-design="w5"] .items .it .rich-wrap{border:0;border-radius:12px;background:var(--w-field)} html[data-design="w5"] .rich-wrap:focus-within{outline:0;background:#fff;box-shadow:0 0 0 4px rgba(53,82,224,.08),0 0 0 1px rgba(53,82,224,.35)} html[data-design="w5"] .rich-bar{background:transparent;border-bottom:1px solid var(--w-hair);border-radius:12px 12px 0 0;padding:5px 10px} html[data-design="w5"] .rich-bar .it-no{background:none;color:var(--w-acc);font-family:var(--w-sp);font-size:11px;font-weight:500;padding:0;min-width:0} html[data-design="w5"] .rich{font-size:14.5px;line-height:1.8} html[data-design="w5"] .rich-ta{background:transparent;border:0;border-radius:0 0 12px 12px} html[data-design="w5"] .note{font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .addenda-preview{background:var(--w-panel);border:0;border-radius:12px;font-family:"Pretendard Variable",sans-serif;line-height:1.85} html[data-design="w5"] .ai-why{background:var(--w-tint);border:0;border-radius:10px;color:var(--w-acc)} html[data-design="w5"] .op-drop{border:1px dashed var(--w-hair2);border-radius:12px;background:var(--w-panel)} html[data-design="w5"] .op-drop .ico{color:var(--w-acc)} html[data-design="w5"] .op-drop b{color:var(--w-acc);font-weight:500} html[data-design="w5"] .memo{background:var(--w-panel);border:0;border-radius:14px} /* ── 신·구조문대비표: 시안 칸 머리, 상자 없이 가로선만 ── */ html[data-design="w5"] .cmp2{padding-top:22px} html[data-design="w5"] .cmp2 .cmp-grid,html[data-design="w5"] .cmp-grid{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible} html[data-design="w5"] .cg-head>div{justify-content:flex-start;padding:9px 16px 8px 0;font-size:13px;font-weight:700;color:var(--w-sub)!important;letter-spacing:2px;border-bottom:1px solid var(--w-line2);background:none} html[data-design="w5"] .cg-head>div+div{padding-left:16px} html[data-design="w5"] .cg-head .ico{display:none} html[data-design="w5"] .cg-head .ch-why{letter-spacing:0} html[data-design="w5"] .cg-row>div{padding:12px 16px 12px 0;font-family:"Pretendard Variable",sans-serif;font-size:14.5px;line-height:1.85;color:var(--w-ink);background:none!important;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .cg-row>div+div{padding-left:16px;border-left:1px solid var(--w-line)} html[data-design="w5"] .cg-row .dash{color:#C2C9D6} html[data-design="w5"] .cmp-grid .mk-old{color:var(--w-old);background:none;border:0;padding:0;text-decoration:underline;text-decoration-color:rgba(224,71,91,.6);text-underline-offset:3px} html[data-design="w5"] .cmp-grid .mk-new{color:var(--w-new);background:none;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-color:rgba(53,82,224,.6);text-underline-offset:3px} html[data-design="w5"] .cg-why textarea.why{background:var(--w-field);border:0;font-size:13px} html[data-design="w5"] .sheet-key{font-weight:600;margin:16px 0 6px} /* ── 별표·서식 ── */ html[data-design="w5"] .apx-grid{grid-template-columns:260px minmax(0,1fr);gap:30px;margin-top:22px} html[data-design="w5"] .apx-item{border:0;border-radius:10px;padding:9px 10px} html[data-design="w5"] .apx-item:hover{background:var(--w-field)} html[data-design="w5"] .apx-item.on{background:var(--w-tint);border:0} html[data-design="w5"] .apx-key{color:var(--w-acc);font-weight:600} html[data-design="w5"] .apx-title{color:var(--w-ink)} html[data-design="w5"] .apx-bar{background:none;border:0;border-bottom:1px solid var(--w-line2);border-radius:0;box-shadow:none;padding:4px 0 10px} html[data-design="w5"] .apx-col{background:var(--w-panel)!important;border:0;border-radius:14px;box-shadow:none} html[data-design="w5"] .apx-col-head{border-bottom:1px solid var(--w-hair);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--w-sub)!important} html[data-design="w5"] .apx-col-head .ico{display:none} html[data-design="w5"] .apx-doc{font-family:"Pretendard Variable",sans-serif} html[data-design="w5"] .apx-drop{border:1px dashed var(--w-hair2);border-radius:12px;background:var(--w-panel)} html[data-design="w5"] .apx-drop b{color:var(--w-acc);font-weight:500} html[data-design="w5"] .apx-new,html[data-design="w5"] .apx-import{border-top:1px solid var(--w-line)} /* ── 절차 진행: 왼쪽 단계 메뉴 ── */ html[data-design="w5"] .proc-top{margin:22px 0 0;padding:0 0 12px;border-radius:0;background:none;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .proc-top .pt-k{font-family:var(--w-sp);font-size:11px;font-weight:500;letter-spacing:1.6px;color:var(--w-acc)} html[data-design="w5"] .proc-top>b{font-size:15px;font-weight:600} html[data-design="w5"] .proc-top .pn-prog .bar{height:4px;background:var(--w-line)} html[data-design="w5"] .proc-top .pn-prog .bar i{background:var(--w-acc)} html[data-design="w5"] .proc-layout{margin-top:22px} html[data-design="w5"] .proc-nav .sec-nav-i{align-items:flex-start} html[data-design="w5"] .proc-nav .sec-nav-i::before{padding-top:4px} html[data-design="w5"] .proc-nav .sec-nav-i small{font-size:11.5px;font-weight:400;color:var(--w-mute);opacity:1} html[data-design="w5"] .proc-nav .sec-nav-i.done::before{content:"✓";color:var(--w-done)} html[data-design="w5"] .proc-nav .sec-nav-i.done{color:var(--w-sub)} html[data-design="w5"] .proc-nav .sec-nav-i.now small{color:var(--w-acc)} html[data-design="w5"] .proc-d{max-width:820px} html[data-design="w5"] .pd-head{border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .pd-no{font-family:var(--w-sp);font-size:11px;font-weight:500;letter-spacing:1.6px;color:var(--w-acc)} html[data-design="w5"] .pd-head h2{font-size:21px;font-weight:600} html[data-design="w5"] .pd-l{font-weight:500;color:var(--w-mute)} html[data-design="w5"] .pd-grid .ps-todo{color:var(--w-ink);font-size:14.5px;line-height:1.75} html[data-design="w5"] .pd-grid .ps-fields input[type=date]{width:160px} html[data-design="w5"] .pd-move{border-top:1px solid var(--w-line)} html[data-design="w5"] .warn-text{color:#E07A1F;font-weight:500} /* ── 왼쪽 하위 메뉴(내 작업·담당 규정): 작업 메뉴와 같은 번호 목차 ── */ html[data-design="w5"] .page2.full>.subnav{counter-reset:wsn;padding:26px 14px 26px 0;gap:0} html[data-design="w5"] .page2.full>.subnav::before{content:attr(aria-label);display:block;margin:0 0 6px} html[data-design="w5"] .sn-sep{margin:16px 0 4px;color:#B4BBC9} html[data-design="w5"] .sn-item{counter-increment:wsn;display:flex;align-items:baseline;gap:12px;padding:9px 0;border-radius:0;background:none!important;font-size:14.5px;font-weight:400;color:var(--w-mute)} html[data-design="w5"] .sn-item::before{content:counter(wsn,decimal-leading-zero)!important;display:inline!important;width:18px;height:auto!important;background:none!important;border-radius:0!important;margin:0!important;font-family:var(--w-sp);font-size:11px;color:#C2C9D6;flex:none} html[data-design="w5"] .sn-item span{flex:0 1 auto} html[data-design="w5"] .sn-item b{margin-left:2px;font-family:var(--w-sp);font-size:10px;font-weight:600;color:var(--w-acc);position:relative;top:-5px;background:none} html[data-design="w5"] .sn-item:hover{color:var(--w-ink)} html[data-design="w5"] .sn-item.on{color:var(--w-ink);font-weight:700} html[data-design="w5"] .sn-item.on::before{color:var(--w-acc)} /* ── 바탕색을 바꾸면 흰 판도 은은한 반투명으로(흰색 바탕에서는 아주 옅은 판) ── */ html[data-design="w5"] :is(.ab-bar,.ai-rec,.alert-item,.apx-block,.apx-view details.extra,.art-edit,.ask-card,.cite-card,.citing-all,.cur-chg,.doc-pre,.fix-all-bar,.impact,.kpi,.lp-col,.math-edit,.math-view,.mine-grp,.mr-view,.reason,.review-bar,.sim-art,.sim-item,.ud-chg,.ul-sec,.up-card,.upc-refs,details.up-law,.proc-step,.proc-next){background:var(--w-panel)!important;border-color:var(--w-hair)!important;box-shadow:none!important} html[data-design="w5"] :is(.ag-nav,.sec-nav,.subnav,.side,.major-head){background:transparent!important} html[data-design="w5"] .art-edit textarea{background:#fff} /* 안건 항목: 이름 칸(왼쪽)이 여러 줄을 차지해도 빈 줄 간격이 생기지 않게 */ html[data-design="w5"] .ag-body .fblock{row-gap:0} html[data-design="w5"] .ag-body .fblock>:not(.fh){margin-bottom:10px} html[data-design="w5"] .ag-body .fblock>:not(.fh):last-child{margin-bottom:0} html[data-design="w5"] .ag-body .fblock>.fh{display:block} html[data-design="w5"] .ag-body .fblock>.fh>span{display:block} html[data-design="w5"] .ag-body .fblock>.fh .fh-hint{margin-top:4px;line-height:1.5} html[data-design="w5"] .apx-col-head{letter-spacing:0} html[data-design="w5"] .apx-col-head .meta{font-weight:400;letter-spacing:0} html[data-design="w5"] .proc-d{max-width:900px} html[data-design="w5"] .ag-body .fblock>.fh>.fh-ico{display:none!important} html[data-design="w5"] .ag-body .fblock>.fh .fh-hint{margin-left:0!important} /* (스크롤 막대 자리 고정은 오른쪽에 띠가 생겨 뺌) */ html[data-design="w5"][data-tone="white"] .savebar{background:rgba(255,255,255,.72)} /* 작업 메뉴 오른쪽 칸 제목: "현 행 | 개 정 안" 머리와 같은 높이·선 */ html[data-design="w5"] .sec-body>[data-secpane]>.card,html[data-design="w5"] .sec-body>[data-secpane]>.dsec,html[data-design="w5"] .sec-body>[data-secpane]>.memo{margin-top:0;padding-top:0} html[data-design="w5"] .sec-body .sh{display:block;padding:7px 0 10px;margin:0 0 14px;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .sec-body .sh-title{font-size:15px} html[data-design="w5"] .sec-body .sh-hint{margin-top:3px} html[data-design="w5"] .sec-body .checks>h2{padding:7px 0 10px;margin:0 0 14px;border-bottom:1px solid var(--w-line2);font-size:15px;font-weight:600} /* AI 수정·추가 요청 */ html[data-design="w5"] .sec-body .memo{background:none!important;border:0;border-radius:0;box-shadow:none!important;padding:0;font-size:14px;color:var(--w-ink)} html[data-design="w5"] .memo h3::before{display:none} html[data-design="w5"] .memo .sec{padding-bottom:12px} html[data-design="w5"] .ask-card{margin-top:0;border:0;border-radius:0;background:none!important} html[data-design="w5"] .ask-head{padding:7px 0 10px;background:none;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .ask-head>.ico{display:none} html[data-design="w5"] .ask-head b{font-size:15px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .ask-head span{font-size:12px;color:var(--w-mute)} html[data-design="w5"] .ask-step{padding:16px 0;border-top:0;border-bottom:1px solid var(--w-line);display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:24px} html[data-design="w5"] .ask-step>*{grid-column:2;min-width:0} html[data-design="w5"] .ask-step>.ask-step-t{grid-column:1;grid-row:1 / span 3;display:block;font-size:14.5px;font-weight:600;color:var(--w-ink);margin:0;padding-top:6px} html[data-design="w5"] .ask-step-t .meta{display:block;margin-top:4px;font-size:12px;font-weight:400;line-height:1.5} html[data-design="w5"] .stepno{display:block;width:auto;height:auto;background:none!important;color:var(--w-acc)!important;font-family:var(--w-sp);font-size:11px;font-weight:500;margin-bottom:4px} html[data-design="w5"] .stepno::before{content:"0"} html[data-design="w5"] .stepno.muted::before{content:""} html[data-design="w5"] .ask-step .cc-body{border:0;border-radius:12px;background:var(--w-panel);font-family:"Pretendard Variable",sans-serif;font-size:14px;line-height:1.8;padding:10px 14px} html[data-design="w5"] .ask-step .att{margin-top:10px} html[data-design="w5"] .ask-hist li{border:0;border-radius:10px;background:var(--w-panel)} html[data-design="w5"] .up-card{border:0!important;border-radius:14px;margin-bottom:16px} html[data-design="w5"] .upc-head>.ico{color:var(--w-acc)} html[data-design="w5"] .upc-dates span{border:0;background:var(--w-field)} html[data-design="w5"] .upc-refs{background:transparent!important;border:0;padding:6px 0 0} /* 인용 조문 확인 */ html[data-design="w5"] .cite-grp{padding:12px 0;margin:0;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .cite-grp h3{font-size:14.5px;font-weight:600} html[data-design="w5"] .cite-grp h3 .ico{display:none} html[data-design="w5"] .cite-grp h3 b{background:none;padding:0;font-family:var(--w-sp);font-size:11px;color:var(--w-acc);position:relative;top:-5px} /* 유사 규정 */ html[data-design="w5"] .sim-item{border:0!important;border-radius:14px} html[data-design="w5"] .sim-item.on,html[data-design="w5"] .sim-item:has(input:checked){box-shadow:inset 0 0 0 1px rgba(53,82,224,.3)!important} html[data-design="w5"] .page2.full>.subnav{padding-left:44px} html[data-design="w5"] .sn-item.on,html[data-design="w5"] .sn-item.on:hover{background:none!important} html[data-design="w5"] .sn-item::before{display:inline-block!important} html[data-design="w5"] .page2.full>.page-main{padding-left:20px} html[data-design="w5"] #tab table:not(.rtab):not(.sheet-tab) th{background:none;font-weight:500;color:var(--w-mute)} html[data-design="w5"] .design-pick label{border:0;background:var(--w-field);border-radius:10px} html[data-design="w5"] .design-pick label:has(input:checked){background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .main table:not(.rtab):not(.sheet-tab) th{background:none} html[data-design="w5"] .dsec.major .fblock>:not(.fh){margin-left:0;width:auto} html[data-design="w5"] .page2.full{grid-template-columns:270px minmax(0,1fr)} html[data-design="w5"] .sec-body .ask-card,html[data-design="w5"] .sec-body>[data-secpane]>.memo{background:none!important} html[data-design="w5"] .tlist th{white-space:nowrap} html[data-design="w5"] #ur .tlist td:not(:nth-child(2)){white-space:nowrap} /* 상위법 법령 상세: 왼쪽 검토 메뉴도 번호 목차 */ html[data-design="w5"] .ud-layout{grid-template-columns:200px minmax(0,1fr);gap:30px;margin-top:20px} html[data-design="w5"] .ud-nav{background:none!important;border:0;padding:0;border-radius:0;counter-reset:wud;gap:0} html[data-design="w5"] .ud-nav-sep{margin:16px 0 4px;font-family:var(--w-sp);font-size:11px;font-weight:500;letter-spacing:1.6px;color:var(--w-mute)} html[data-design="w5"] .ud-nav-sep:first-child{margin-top:0} html[data-design="w5"] .ud-nav-i{counter-increment:wud;align-items:baseline;gap:12px;padding:8px 0;border-radius:0;background:none!important;font-size:14.5px;font-weight:400;color:var(--w-mute)} html[data-design="w5"] .ud-nav-i::before{content:counter(wud,decimal-leading-zero);font-family:var(--w-sp);font-size:11px;color:#C2C9D6;width:18px;flex:none} html[data-design="w5"] .ud-nav-i .ico{display:none} html[data-design="w5"] .ud-nav-i span{flex:0 1 auto} html[data-design="w5"] .ud-nav-i b{background:none!important;padding:0;margin-left:2px;font-family:var(--w-sp);font-size:10px;font-weight:600;color:var(--w-acc)!important;position:relative;top:-5px} html[data-design="w5"] .ud-nav-i:hover{color:var(--w-ink)} html[data-design="w5"] .ud-nav-i.on{color:var(--w-ink)!important;font-weight:700} html[data-design="w5"] .ud-nav-i.on::before{color:var(--w-acc)} html[data-design="w5"] .ud-main .sh{display:block;padding:7px 0 10px;margin:0 0 14px;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .ud-chg{border:0!important;border-radius:12px} html[data-design="w5"] .ud-meta .badge,html[data-design="w5"] .ud-meta span{font-size:13px} html[data-design="w5"] .sec-body .memo .ask-card,html[data-design="w5"] .sec-body [data-secpane] .memo{background:none!important} html[data-design="w5"] .page2.full{grid-template-columns:236px minmax(0,1fr)} html[data-design="w5"] .page2.full>.subnav{padding-left:40px} html[data-design="w5"] .ud-main .sh,html[data-design="w5"] .sec-body .sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px} /* 내 작업 상태 줄: 글자 + 건수, 고른 상태만 진하게 */ html[data-design="w5"] .jf-st{gap:20px;padding:0 2px} html[data-design="w5"] .jf-st button{padding:4px 0;border-radius:0;background:none!important;font-size:14px;font-weight:400;color:var(--w-mute)} html[data-design="w5"] .jf-st button b{font-family:var(--w-sp);font-size:11px;font-weight:500;color:#B4BBC9;margin-left:5px} html[data-design="w5"] .jf-st button:hover{color:var(--w-ink)} html[data-design="w5"] .jf-st button.on{color:var(--w-ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--w-acc)} html[data-design="w5"] .jf-st button.on b{color:var(--w-acc)} html[data-design="w5"] .jf-bar .jf-view{margin:0} /* 글꼴 하나로: 새 디자인은 조문·편집 칸·대비표·안건 미리보기 모두 프리텐다드 */ html[data-design="w5"]{--serif:"Pretendard Variable",Pretendard,sans-serif;--sans:"Pretendard Variable",Pretendard,sans-serif} html[data-design="w5"] .art-edit textarea,html[data-design="w5"] textarea.doc,html[data-design="w5"] .rich,html[data-design="w5"] .rich-ta{font-family:"Pretendard Variable",Pretendard,sans-serif;font-size:14.5px;line-height:1.85} html[data-design="w5"] .doc-title{font-weight:700} /* 현행·개정안: 칸 머리 + 변경 사항 이동 줄까지 위에 고정(내려가도 [이전]·[다음] 바로 사용) */ html[data-design="w5"] .cmp-hd{height:38px;align-items:center;padding:0;top:var(--gnb-h)} html[data-design="w5"] .w5-cmp .nav2{position:sticky;top:calc(var(--gnb-h) + 38px);z-index:4;margin:0;padding:9px 0 9px;background:var(--w-bg);border-bottom:1px solid var(--w-line)} html[data-design="w5"][data-tone="white"] .w5-cmp .nav2{background:rgba(255,255,255,.92);backdrop-filter:blur(6px)} html[data-design="w5"] .w5-cmp .arow{scroll-margin-top:150px} html[data-design="w5"] .w5-instr h3{height:38px;display:flex;align-items:center;padding:0} html[data-design="w5"] .jf-view:empty{display:none} /* 머리띠: 바탕색을 바꾸면 같은 색(살짝 비침) */ html[data-design="w5"]:not([data-tone="white"]) .gnb{background:color-mix(in srgb,var(--w-bg) 94%,transparent);border-bottom-color:var(--w-line)} /* 작업 화면: 탭 줄까지 위에 고정(현행·개정안 머리·변경 사항 이동 줄은 그 아래) */ html[data-design="w5"] .job-tabs{height:48px;box-sizing:border-box;align-items:flex-end;margin-top:0!important} html[data-design="w5"] .job-stick{position:sticky;top:var(--gnb-h);z-index:6;margin-top:8px;background:color-mix(in srgb,var(--w-bg) 94%,transparent);backdrop-filter:blur(6px)} html[data-design="w5"][data-tone="white"] .job-stick{background:rgba(255,255,255,.92)} html[data-design="w5"] .cmp-hd{top:calc(var(--gnb-h) + var(--stick-h,48px))} html[data-design="w5"] .w5-cmp .nav2{top:calc(var(--gnb-h) + var(--stick-h,48px) + 38px)} html[data-design="w5"] .w5-instr{top:calc(var(--gnb-h) + var(--stick-h,48px))} html[data-design="w5"] .sec-nav,html[data-design="w5"] .ag-nav{top:calc(var(--gnb-h) + var(--stick-h,48px) + 22px)} html[data-design="w5"] .savebar{top:calc(var(--gnb-h) + var(--stick-h,48px));z-index:5} html[data-design="w5"] .w5-cmp .arow{scroll-margin-top:200px} html[data-design="w5"] .cmp-hd,html[data-design="w5"] .w5-cmp .nav2{border-radius:0} /* 마우스로 누른 메뉴에 파란 테두리(초점 표시)가 남지 않게, 키보드 이동 때만 표시 */ html[data-design="w5"] :is(.sec-nav-i,.sn-item,.ag-grp,.ud-nav-i,.job-tabs button,.jf-st button):focus:not(:focus-visible){outline:none} /* ══ 탭은 모두 위 메뉴(GNB)와 같은 모양: 글자만, 고른 탭은 파랑 굵게 + 아래 파랑 줄(2026-10-26) ══ */ html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg,.mode-cards.up-tabs){display:inline-flex;align-items:flex-end;gap:22px;padding:0;margin:0 0 12px;border:0;border-radius:0;background:none!important;box-shadow:none!important} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button{min-height:0;padding:4px 0 8px;border-radius:0;background:none!important;box-shadow:none!important;font-size:14.5px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button:hover{color:var(--w-ink)} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button.on{color:var(--w-acc);font-weight:700;box-shadow:inset 0 -2px 0 var(--w-acc)!important} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button[disabled]{color:#C2C9D6;opacity:1} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button b{margin-left:4px;font-family:var(--w-sp);font-size:11px;font-weight:500;color:var(--w-mute)} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button.on b{color:var(--w-acc)} html[data-design="w5"] .mode-cards.up-tabs{gap:30px;margin:6px 0 18px} html[data-design="w5"] .mode-cards.up-tabs .mode-card{padding:0 0 10px;border-radius:0;background:none!important;box-shadow:none!important} html[data-design="w5"] .mode-cards.up-tabs .mode-card b{font-size:15px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .mode-cards.up-tabs .mode-card.on{box-shadow:inset 0 -2px 0 var(--w-acc)!important} html[data-design="w5"] .mode-cards.up-tabs .mode-card.on b{color:var(--w-acc);font-weight:700} html[data-design="w5"] .mode-cards.up-tabs .mode-card small{color:var(--w-mute)} /* 설정 톱니: 바탕 없이(고른 상태는 파랑 아이콘만) */ html[data-design="w5"] .gnb .gear,html[data-design="w5"] .gnb .gear:hover,html[data-design="w5"] .gnb .gear.on{background:none!important;box-shadow:none} html[data-design="w5"] .gnb .gear:hover,html[data-design="w5"] .gnb .gear.on{color:var(--w-acc)} /* 일부개정·제정: 구역 제목에 단계 번호(01·02), 제목 아래 선으로 구역 구분 */ html[data-design="w5"] .sh-no{font-style:normal;font-family:var(--w-sp);font-size:11px;font-weight:500;letter-spacing:1px;color:var(--w-acc);margin-right:10px;position:relative;top:-2px} html[data-design="w5"] .nj-grid .dsec>.sh,html[data-design="w5"] #main .dsec>.sh:has(.sh-no){padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--w-line2)} /* 대상 규정 찾기: 범위 탭 · 검색 칸 · [검색] 한 줄 */ .nj-find{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px} .nj-find .search-box{flex:1 1 220px;min-width:200px;margin:0} .nj-find .seg{margin:0} html[data-design="w5"] .nj-find .seg{margin:0 6px 0 0;align-self:center} html[data-design="w5"] .nj-find :is(.seg) button{padding:6px 0} html[data-design="w5"] :is(.seg,.jf-view,.tabs.seg,.top-seg) button.on,html[data-design="w5"] .tabs.seg button.on,html[data-design="w5"] .mode-cards.up-tabs .mode-card.on,html[data-design="w5"] .mode-cards.up-tabs .mode-card.on:hover{background:none!important;border:0} /* AI 수정·추가 요청 단계: 왼쪽 번호·제목 칸, 오른쪽 내용 */ html[data-design="w5"] .ai-flow .ask-step{border-top:0;border-bottom:1px solid var(--w-line);padding:18px 0} html[data-design="w5"] .ai-flow .ask-step-t{font-size:15px} html[data-design="w5"] .upl-d{background:var(--w-field);color:var(--w-sub)} html[data-design="w5"] .upl-k{color:var(--w-acc)} html[data-design="w5"] .upl-art .lawpair{gap:16px} html[data-design="w5"] .upl-art .lp-col{border:0;border-radius:12px;background:var(--w-panel)!important;font-family:"Pretendard Variable",sans-serif} html[data-design="w5"] .up-view-btn{background:var(--w-tint)!important;border:1px solid rgba(53,82,224,.25)!important;color:var(--w-acc)!important;border-radius:10px} html[data-design="w5"] .ai-checks li{border-top-color:var(--w-line)} html[data-design="w5"] .ai-sum{padding:12px 14px;border-radius:12px;background:var(--w-panel)} /* (2026-10-26) 한글 소제목은 고정폭 글꼴·자간 대신 프리텐다드로 — 읽기 쉽게 */ html[data-design="w5"] :is(.job-crumb,.nav2 .cn-title,.sn-sep,.proc-top .pt-k,.pd-no,.ud-nav-sep){font-family:"Pretendard Variable",sans-serif;font-size:12.5px;font-weight:500;letter-spacing:0} html[data-design="w5"] .job-crumb #btn-job-del{font-size:12.5px} /* 왼쪽 메뉴 위 "작업 메뉴·안건 메뉴·절차 단계" 제목은 없앰(메뉴만으로 충분) */ html[data-design="w5"] .sec-nav-h{display:none} html[data-design="w5"] .ag-nav::before,html[data-design="w5"] .page2.full>.subnav::before{content:none;display:none} /* AI 수정·추가 요청 단계 번호: 왼쪽 메뉴(01·02)와 다르게 원 안 숫자 */ html[data-design="w5"] .ai-flow .stepno{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 0 8px;border-radius:50%;border:1.5px solid var(--w-acc);font-family:"Pretendard Variable",sans-serif;font-size:12px;font-weight:700;color:var(--w-acc)!important;background:none!important} html[data-design="w5"] .ai-flow .stepno::before{content:none} html[data-design="w5"] .ai-flow .ask-step-t{display:flex;flex-direction:column;align-items:flex-start} /* 관련 법 조문(이 화면): 바뀐 내용은 글자색만(바탕·밑줄 없음) */ html[data-design="w5"] .upl-art .mk-new,.upl-art .mk-new{background:none!important;border:0!important;text-decoration:none!important;color:#3552E0;padding:0} html[data-design="w5"] .upl-art .mk-old,.upl-art .mk-old{background:none!important;border:0!important;text-decoration:none!important;color:#E0475B;padding:0} html[data-design="w5"] .upl-art>summary{padding:4px 0} /* AI 수정·추가 요청 단계 번호: 제목 앞 작은 옅은 원(왼쪽 메뉴 숫자와 같은 글꼴) */ html[data-design="w5"] .ai-flow .ask-step-t{display:grid;grid-template-columns:18px auto;column-gap:8px;align-items:center;row-gap:3px} html[data-design="w5"] .ai-flow .ask-step-t .meta{grid-column:2;margin:0} html[data-design="w5"] .ai-flow .stepno{width:18px;height:18px;margin:0;border:0;border-radius:50%;background:var(--w-tint)!important;color:var(--w-acc)!important;font-family:var(--w-sp);font-size:10px;font-weight:500;line-height:1} html[data-design="w5"] .ai-flow .ask-step{align-items:start}html[data-design="w5"] .ai-flow .ask-step>.ask-step-t{align-self:start;align-content:start;padding-top:2px} /* 왼쪽 메뉴 번호: 고른 항목(굵게)에서도 줄바꿈 없이 */ html[data-design="w5"] :is(.sn-item,.sec-nav-i,.ag-grp,.ud-nav-i)::before{white-space:nowrap;min-width:18px;width:auto!important;font-weight:400!important} html[data-design="w5"] :is(.sn-item,.sec-nav-i,.ag-grp,.ud-nav-i){white-space:nowrap} html[data-design="w5"] .proc-nav .sec-nav-i{white-space:normal} /* 상위법 법령 상세: 구역(개정이유·AI 추천 등)은 바탕 없이, 안의 규정 카드만 옅은 판 */ html[data-design="w5"] :is(.dsec.reason,.dsec.ai-rec,section.reason){background:transparent!important;border:0!important;padding-left:0;padding-right:0} html[data-design="w5"] .ud-main section.dsec:is(.reason,.ai-rec),html[data-design="w5"] .ud-main [data-udsec] section.dsec.reason{background:transparent!important;border:0!important;box-shadow:none!important} /* 아래 고정 처리 상태 줄: 내용이 비쳐 겹쳐 보이지 않게 바탕색으로 */ html[data-design="w5"] .ud-wrap .review-bar,html[data-design="w5"] .review-bar{background:color-mix(in srgb,var(--w-bg) 96%,transparent)!important;backdrop-filter:blur(8px)} html[data-design="w5"] body .main .review-bar.review-bar{background:color-mix(in srgb,var(--w-bg) 96%,transparent)!important;border-color:var(--w-line)!important} /* 상위법 법령 상세: 구역 제목선 바로 아래 첫 줄의 윗선(선 두 개로 보이던 것) 제거, 번호·조문 칩 색 */ html[data-design="w5"] .ud-main .sh + *,html[data-design="w5"] .ud-main .sh + * > :first-child{border-top:0!important;box-shadow:none} html[data-design="w5"] .ud-main .made-row:first-of-type,html[data-design="w5"] .ud-main .sh ~ .made-row:nth-child(2){border-top:0!important} html[data-design="w5"] .dsec.made{background:transparent!important;border:0!important} html[data-design="w5"] .cnum{background:var(--w-tint);color:var(--w-acc);font-family:var(--w-sp);font-weight:500;border-radius:50%;min-width:20px;height:20px;font-size:10.5px} html[data-design="w5"] .ref-chip{background:var(--w-field)!important;border:0!important;color:var(--w-sub)} html[data-design="w5"] .ref-chip:hover{background:var(--w-tint)!important;color:var(--w-acc)} html[data-design="w5"] .art-peek{background:var(--w-bg)!important;border:1px solid var(--w-line)!important;box-shadow:none!important} /* 바뀌지 않은 조문·고르지 않은 메뉴 글자: 조금 더 진하게(읽기 쉽게) */ html[data-design="w5"] .w5-cmp .arow.st-same{color:#6B7387} html[data-design="w5"] .w5-cmp .arow.st-same .l-art b{color:#525A6E} html[data-design="w5"] :is(.sec-nav-i,.sn-item,.ag-grp,.ud-nav-i):not(.on){color:#6B7387} html[data-design="w5"] :is(.sec-nav-i,.sn-item,.ag-grp,.ud-nav-i):not(.on)::before{color:#A9B1C2} /* 메인: 조회 중 표시(큰 숫자 자리에 부드럽게 오르내리는 점 세 개) */ html[data-design="w5"] .w5-big .w5-loading{display:flex;align-items:flex-end;gap:14px;height:124px;padding-bottom:12px;letter-spacing:0} html[data-design="w5"] .w5-loading i{width:18px;height:18px;border-radius:50%;background:var(--w-acc);opacity:.25;animation:w5dot 1.2s ease-in-out infinite} html[data-design="w5"] .w5-loading i:nth-child(2){animation-delay:.15s} html[data-design="w5"] .w5-loading i:nth-child(3){animation-delay:.3s} @keyframes w5dot{0%,80%,100%{transform:translateY(0);opacity:.25}40%{transform:translateY(-22px);opacity:1}} html[data-design="w5"] .w5-big h2.w5-loading-t{font-size:20px;font-weight:500;color:var(--w-mute)} /* 점 세 개는 Windows "애니메이션 효과" 끔(움직임 줄이기)에서도 움직임(조회 중 표시, 사용자 요청 10-27) */ /* 메인 반응형: 창을 줄여도 내용이 잘리지 않게 */ @media (max-width:1100px){ html[data-design="w5"] .w5-home{padding:28px 28px 24px;min-height:auto;overflow:visible} html[data-design="w5"] .w5-home .vline{display:none} html[data-design="w5"] .w5-nav{margin:16px 0 0;flex-wrap:wrap;gap:8px 22px} html[data-design="w5"] .w5-body{grid-template-columns:minmax(0,1fr);gap:36px;margin:30px 0 0} html[data-design="w5"] .w5-wm{width:360px;right:24px;bottom:40px} } @media (max-width:760px){ html[data-design="w5"] .w5-home{padding:22px 16px 20px} html[data-design="w5"] .w5-mast{flex-wrap:wrap;gap:10px} html[data-design="w5"] .w5-mast h1{font-size:34px} html[data-design="w5"] .w5-mast .vol{text-align:left} html[data-design="w5"] .w5-nav{gap:6px 16px;font-size:14px} html[data-design="w5"] .w5-nav .gear{margin-left:0} html[data-design="w5"] .w5-big .num{font-size:104px} html[data-design="w5"] .w5-big h2{font-size:24px} html[data-design="w5"] .w5-facts .k{min-width:96px} html[data-design="w5"] .w5-stats{grid-template-columns:repeat(2,1fr)} html[data-design="w5"] .w5-stats a{padding:10px 12px} html[data-design="w5"] .w5-stats a:nth-child(3){border-left:0;padding-left:0} html[data-design="w5"] .w5-stats a:nth-child(n+3){border-top:1px solid var(--w-line)} html[data-design="w5"] .w5-stats b{font-size:36px} html[data-design="w5"] .w5-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px} html[data-design="w5"] .w5-row .k2,html[data-design="w5"] .w5-row .tm{font-size:12px} html[data-design="w5"] .w5-row .tm{grid-column:2} html[data-design="w5"] .w5-wm{display:none} html[data-design="w5"] .w5-stat{flex-wrap:wrap;gap:6px 12px} } /* 법령 상세 왼쪽 메뉴의 묶음 제목(법령 개정 내용·영향받는 학교 규정 찾기·처리): 앞 세로 막대 + 파랑 글자로 구분 */ html[data-design="w5"] .ud-nav-sep{display:block;margin:18px 0 6px;padding-left:9px;border-left:2px solid var(--w-acc);font-size:12.5px;font-weight:700;color:var(--w-acc);line-height:1.3} html[data-design="w5"] .ud-nav-sep:first-child{margin-top:0} html[data-design="w5"] .ud-nav-sep~.ud-nav-i{padding-left:11px} /* 조문 펼쳐 보기: 안쪽 가로선 없애고, 지금 보고 있는 조 칩은 파랑으로 */ html[data-design="w5"] .art-peek .arow,html[data-design="w5"] .art-peek .lrow,html[data-design="w5"] .art-peek .lc{border:0!important;background:none!important} html[data-design="w5"] .ref-chip.on{background:var(--w-tint)!important;color:var(--w-acc)!important;font-weight:600;box-shadow:inset 0 0 0 1px rgba(53,82,224,.3)!important} html[data-design="w5"] .peek-head .row{gap:10px} html[data-design="w5"] .peek-close{min-height:26px;padding:0 8px;color:var(--w-sub)} html[data-design="w5"] .badge.b-na::before{background:#9AA3B5} html[data-design="w5"] .badge.b-na{background:none!important;color:var(--w-sub)} /* 완전 흰색: 흰색 화면에서 은은한 빛 번짐 없이 */ html[data-design="w5"][data-plain="1"] body::before{display:none} .sw-pure{background:#FFFFFF;box-shadow:inset 0 0 0 1px #D5DAE3} .sw-white{background:radial-gradient(circle at 70% 30%,#E6EAFF,#FFFFFF 70%)} html[data-design="w5"] .jobs-page .page2.full{grid-template-columns:190px minmax(0,1fr);gap:28px} html[data-design="w5"] .jobs-page .page2.full>.subnav{padding:0;border-right:0} html[data-design="w5"] .jobs-page .page2.full>.page-main{padding:0} html[data-design="w5"] .jobs-page .jf-bar{margin-top:0} html[data-design="w5"] .w5-row .t{display:flex;align-items:center;gap:10px;min-width:0} html[data-design="w5"] .w5-row .t .tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0} html[data-design="w5"] .w5-row .t .nx{flex:none;flex-wrap:nowrap;font-size:12.5px} html[data-design="w5"] .w5-row .t .nx{margin-left:2px;padding-left:12px;border-left:1px solid var(--w-line2);line-height:1.2} html[data-design="w5"] .w5-row .t .nx-name{color:var(--w-sub);font-weight:400} /* 메인 한글 머리글(상위법 개정 · 검토 전, 현황 숫자 이름): 고정폭 영문 글꼴로는 한글이 가늘어 잘 안 보임 → 프리텐다드 굵게 */ html[data-design="w5"] .w5-big > .mono,html[data-design="w5"] .w5-stats .mono{font-family:"Pretendard Variable",sans-serif;font-size:13px;font-weight:600;letter-spacing:0;color:var(--w-sub)} /* 바뀐 조 이동 줄(현행·개정안 위): 눈에 띄는 알약 단추 */ html[data-design="w5"] .nav2{gap:10px} html[data-design="w5"] .nav2 .cn-lead{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .nav2 .cn-lead.none{font-weight:500;color:var(--w-mute)} html[data-design="w5"] .nav2 .cn-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--w-acc);color:#fff;font-size:12.5px;font-weight:700} html[data-design="w5"] .nav2 .cn-chips{display:inline-flex;flex-wrap:wrap;gap:6px} html[data-design="w5"] .nav2 .cn-chip{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #C9D6FF;background:#fff;border-radius:999px;padding:4px 12px 4px 5px;font:inherit;font-size:13.5px;font-weight:700;color:var(--w-acc);cursor:pointer;box-shadow:0 1px 3px rgba(53,82,224,.08);transition:background .15s,border-color .15s,color .15s} html[data-design="w5"] .nav2 .cn-chip .cn-k{font-size:11px;font-weight:700;border-radius:999px;padding:2px 7px;background:#EAF0FF;color:var(--w-acc)} html[data-design="w5"] .nav2 .cn-chip.cn-new{border-color:#BFE8D3;color:#0F8A5F} html[data-design="w5"] .nav2 .cn-chip.cn-new .cn-k{background:#E3F6EC;color:#0F8A5F} html[data-design="w5"] .nav2 .cn-chip.cn-deleted{border-color:#F6C9CF;color:#D93A4A} html[data-design="w5"] .nav2 .cn-chip.cn-deleted .cn-k{background:#FDECEE;color:#D93A4A} html[data-design="w5"] .nav2 .cn-chip:hover{border-color:var(--w-acc);background:#F3F6FF} html[data-design="w5"] .nav2 .cn-chip.on{background:var(--w-acc);border-color:var(--w-acc);color:#fff} html[data-design="w5"] .nav2 .cn-chip.on .cn-k{background:rgba(255,255,255,.22);color:#fff} html[data-design="w5"] .nav2 .cn-arrows{display:inline-flex;gap:6px} html[data-design="w5"] .nav2 .arr{border:1px solid var(--w-line2);background:#fff;border-radius:999px;padding:4px 12px;margin:0;font-size:12.5px;font-weight:600;color:var(--w-sub)} html[data-design="w5"] .nav2 .arr:hover{border-color:var(--w-acc);color:var(--w-acc)} html[data-design="w5"] .savebar .dirty.ok{color:var(--w-done);font-weight:600} html[data-design="w5"] .why-bar{margin:0 0 10px} /* 메인 상위법 현황 표: 행 = 최근 7일 공포 / 30일 내 시행, 열 = 법령 · 인용 학교 규정 · 담당 규정 관련 */ html[data-design="w5"] .w5-grid{margin:22px 0 0;border-top:1px solid var(--w-line)} html[data-design="w5"] .w5-grid .g-h,html[data-design="w5"] .w5-grid .g-r{display:grid;grid-template-columns:112px repeat(3,minmax(0,1fr));align-items:center;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .w5-grid .g-h span{padding:8px 4px;font-size:12.5px;font-weight:600;color:var(--w-sub);text-align:center} html[data-design="w5"] .w5-grid .g-r .k{padding:12px 2px;font-size:14.5px;color:var(--w-ink);font-weight:600} html[data-design="w5"] .w5-grid .g-r a{display:flex;align-items:baseline;justify-content:center;gap:4px;padding:10px 4px;border-radius:8px;color:var(--w-ink);font-size:13.5px} html[data-design="w5"] .w5-grid .g-r a:hover{background:var(--w-soft)} html[data-design="w5"] .w5-grid .g-r a b{font-family:var(--w-num);font-weight:500;font-size:22px;color:var(--w-acc)} html[data-design="w5"] .w5-grid .g-r a.zero b{color:var(--w-mute)} html[data-design="w5"] .w5-grid .g-r a.set{font-size:12.5px;color:var(--w-acc)} @media (max-width:640px){html[data-design="w5"] .w5-grid .g-h,html[data-design="w5"] .w5-grid .g-r{grid-template-columns:92px repeat(3,minmax(0,1fr))}} /* 메인: 큰 숫자 영역 탭(상위법 개정 | 학내 규정 개정) · 감시 중 점 · 확인 시각 */ html[data-design="w5"] .w5-tabs{position:relative;z-index:2;display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-family:"Pretendard Variable",sans-serif;font-size:13px;font-weight:600;color:var(--w-sub)} html[data-design="w5"] .w5-tabs button{border:0;background:none;padding:4px 10px 4px 0;margin-right:6px;border-radius:999px;font:inherit;color:var(--w-mute);cursor:pointer;letter-spacing:.5px} html[data-design="w5"] .w5-tabs button:hover{color:var(--w-ink)} html[data-design="w5"] .w5-tabs button.on{color:var(--w-ink);font-weight:800} html[data-design="w5"] .w5-tabs .w5-sub{margin-left:4px;color:var(--w-sub)} html[data-design="w5"] .w5-tabs .w5-sub::before{content:"·";margin-right:6px;color:var(--w-mute)} html[data-design="w5"] .w5-tabs .w5-chk{margin-left:auto;font-size:12px;font-weight:500;letter-spacing:.3px;color:var(--w-mute)} html[data-design="w5"] .w5-live{position:relative;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--w-done);flex:none} html[data-design="w5"] .w5-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--w-done);animation:w5ping 3.2s ease-out infinite} @keyframes w5ping{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(3.2);opacity:0}} /* 바닥 연결 상태 점: 같은 방식으로 은은하게 */ html[data-design="w5"] .w5-stat i:not(.off){position:relative} html[data-design="w5"] .w5-stat i:not(.off)::after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;animation:w5ping 3.6s ease-out infinite} /* 최근 작업: 화면을 열 때 한 줄씩 나타남(한 번) · 작성 중·검토 중 상태 점은 숨 쉬듯 */ html[data-design="w5"] .w5-row{animation:w5rowin .45s ease-out both;animation-delay:calc(var(--i,0) * 50ms)} @keyframes w5rowin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} html[data-design="w5"] .w5-row .badge.live::before{animation:w5breath 2.4s ease-in-out infinite} @keyframes w5breath{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .w5-live::after,html[data-design="w5"] .w5-stat i::after{display:none}html[data-design="w5"] .w5-row,html[data-design="w5"] .w5-row .badge.live::before{animation:none}} /* 큰 숫자 제목 옆 "검토 전" 표시 */ html[data-design="w5"] .w5-big h2 .w5-todo{display:inline-block;vertical-align:middle;margin-left:8px;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--w-sub);border:1px solid var(--w-line2);border-radius:999px;padding:2px 10px} /* 검토 대기 없음: 확인 표시(원·체크를 한 번 그림) + 설명 */ html[data-design="w5"] .w5-big .num.w5-ok{height:123px;display:flex;align-items:flex-end;padding-bottom:4px} html[data-design="w5"] .w5-ok svg{width:112px;height:112px;fill:none;stroke-linecap:round;stroke-linejoin:round} html[data-design="w5"] .w5-ok .ring{stroke:var(--w-soft2);stroke-width:8} html[data-design="w5"] .w5-ok .tick{stroke:var(--w-acc);stroke-width:9;stroke-dasharray:70;stroke-dashoffset:70;animation:w5tick .6s .15s ease-out forwards} @keyframes w5tick{to{stroke-dashoffset:0}} html[data-design="w5"] .w5-big h2.w5-clear{color:var(--w-ink);font-size:22px;letter-spacing:-.4px;margin-top:18px} html[data-design="w5"] .w5-clear-sub{margin:8px 0 0;font-size:14px;color:var(--w-sub)} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .w5-ok .tick{animation:none;stroke-dashoffset:0}} /* 화면 제목 흐름(상위법·학내 규정 대응): → 대신 가는 꺾쇠 */ .flow-h{display:flex;align-items:center;flex-wrap:wrap;column-gap:0} .flow-arr{display:inline-block;width:.42em;height:.42em;margin:0 .55em 0 .4em;border-top:2.5px solid var(--w-acc,#2554F0);border-right:2.5px solid var(--w-acc,#2554F0);transform:rotate(45deg);opacity:.75;flex:none} /* 조회 전 빈 결과 카드는 숨김 */ html[data-design="w5"] section.card:has(> #ur:empty){display:none} /* 최근 작업 줄: 상태와 시각 사이 간격("완료 · 해당 없음"이 시각에 붙지 않게) */ @media (min-width:761px){html[data-design="w5"] .w5-row{grid-template-columns:minmax(0,1fr) 140px 132px 112px;column-gap:18px}} /* 검토 대기 없음(A안): 흐린 0 + 이유 한 줄 */ html[data-design="w5"] .w5-big .num.w5-zero{color:var(--w-line2)} html[data-design="w5"] .w5-zero-t{margin:22px 0 0;font-size:18px;font-weight:600;letter-spacing:-.3px;color:var(--w-sub)} /* 다음 할 일 단계 번호(3/8) · 메인 상태 아래 절차 진행 막대 */ html[data-design="w5"] .w5-row .st-cell{display:flex;flex-direction:column;align-items:flex-start;gap:5px} /* 작업 상태 점: 진행 중 = 파란 점, 작성 중 = 파란 테두리 빈 원(아직 절차 시작 전) */ html[data-design="w5"] .badge.st-run::before{background:#2554F0;box-shadow:0 0 0 3px rgba(37,84,240,.16)} html[data-design="w5"] .badge.st-draft::before{background:transparent;border:1.5px solid #2554F0;box-shadow:none;width:6px;height:6px} /* 한글이 들어간 영문 고정폭 표기: 한글 글꼴이 없어 대체 글꼴로 깨져 보이던 곳 → 프리텐다드, 한글 자간 벌리지 않음 */ html[data-design="w5"] .w5-mast .vol .mono,html[data-design="w5"] .w5-recent .head a.mono{font-family:"Pretendard Variable",sans-serif;font-size:12px;letter-spacing:0;text-transform:none} html[data-design="w5"] .w5-stat{font-family:"Pretendard Variable",sans-serif;font-size:12px;letter-spacing:0} /* 작업 제목의 종류 표지(괄호 대신) · 고정 띠의 짧은 제목 */ html[data-design="w5"] .ttl-src{display:inline-block;vertical-align:middle;position:relative;top:-3px;margin-left:12px;padding:3px 11px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:-.2px;color:#4A5BD4;background:rgba(74,91,212,.1)} html[data-design="w5"] .ttl-src.sm{top:-1px;margin-left:8px;padding:1px 8px;font-size:11.5px} html.job-stuck{--stick-h:94px} html[data-design="w5"] .job-stick{transition:top .18s ease} html.job-stuck[data-design="w5"] .job-stick{top:calc(var(--gnb-h) + 46px)} html[data-design="w5"] .js-bar{position:absolute;left:0;right:0;bottom:100%;display:flex;align-items:center;gap:12px;height:46px;opacity:0;visibility:hidden;pointer-events:none;background:var(--w-bg);transition:opacity .18s ease} html[data-design="w5"] .job-stick.stuck .js-bar{opacity:1;visibility:visible;border-bottom:1px solid var(--w-hair2)} html[data-design="w5"] .js-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:650;letter-spacing:-.4px;color:var(--w-ink)} html[data-design="w5"] .js-t .ttl-k{font-weight:700} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .js-bar,html[data-design="w5"] .job-stick{transition:none}} /* 에이전트 브리핑: 머리 줄과 목록을 나눈 두 칸, 단계 표지는 색 칩, 항목은 제목·설명 두 줄 */ html[data-design="w5"] .brief{padding:0;overflow:hidden;background:var(--w-panel)} html[data-design="w5"] .brief .br-head{padding:9px 14px;min-height:44px} html[data-design="w5"] .brief.open .br-head{border-bottom:1px solid var(--w-hair2);background:var(--w-tint)} html[data-design="w5"] .br-tag{color:#4A5BD4;font-weight:700} html[data-design="w5"] .br-tag .ico{color:#6B5CE7} html[data-design="w5"] .br-cnt{gap:6px} html[data-design="w5"] .br-cnt > span{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600} html[data-design="w5"] .br-cnt b{margin:0;color:inherit} html[data-design="w5"] .br-cnt .lv-todo,.br-list .lv-todo .br-lv{color:#2554F0;background:rgba(37,84,240,.1)} html[data-design="w5"] .br-cnt .lv-warn,.br-list .lv-warn .br-lv{color:#6B4EE6;background:rgba(107,78,230,.11)} html[data-design="w5"] .br-cnt .lv-info,.br-list .lv-info .br-lv{color:#0E8A7D;background:rgba(14,138,125,.11)} html[data-design="w5"] .br-list{margin:0;padding:4px 14px 6px;border-top:0} html[data-design="w5"] .br-list li{grid-template-columns:52px minmax(0,1fr) auto;column-gap:14px;padding:10px 0;border-bottom:1px solid var(--w-hair)} html[data-design="w5"] .br-lv{justify-self:start;padding:3px 0;width:46px;text-align:center;border-radius:6px;font-size:12px;font-weight:700} html[data-design="w5"] .br-t{display:flex;flex-direction:column;gap:2px;min-width:0} html[data-design="w5"] .br-t b{font-size:13.5px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .br-d{font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .br-acts{gap:6px} html[data-design="w5"] .br-a{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--w-line);border-radius:7px;background:var(--w-field);font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .br-a:hover{border-color:var(--w-line2);color:var(--w-acc);background:var(--w-field-h)} html[data-design="w5"] .br-a.go{color:var(--w-acc)} html[data-design="w5"] .br-arr{width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)} html[data-design="w5"] .br-foot{padding:8px 0 4px} /* 확인 창·대화 상자: 화면과 같은 반투명 판(흐림) + 옅은 선, 뒤 화면은 밝게 흐리기, 단추는 화면의 단추와 같은 모양 */ html[data-design="w5"] .modal-back{background:rgba(226,230,236,.5);backdrop-filter:blur(3px) saturate(.9)} html[data-design="w5"] .modal{border-radius:14px;padding:22px 24px 18px;border:1px solid rgba(255,255,255,.7);background:rgba(248,249,252,.82);backdrop-filter:blur(20px) saturate(1.2); box-shadow:0 0 0 1px rgba(30,40,60,.06),0 18px 48px -16px rgba(30,40,60,.22)} html[data-design="w5"] .modal:focus{outline:none} html[data-design="w5"] .modal.ask-modal{width:min(420px,100%);padding:22px 24px 16px} html[data-design="w5"] .ask-h{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px} html[data-design="w5"] .ask-ico{width:20px;height:22px;border-radius:0;background:none!important;color:var(--w-acc);display:grid;place-items:center} html[data-design="w5"] .ask-ico .ico{width:18px;height:18px} html[data-design="w5"] .ask-h.danger .ask-ico{color:#E5484D} html[data-design="w5"] .ask-body{min-width:0;padding-top:0} html[data-design="w5"] .ask-body > b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.3px;line-height:1.45;color:var(--w-ink)} html[data-design="w5"] .ask-p{margin:4px 0 0;font-size:13.5px;line-height:1.55;color:var(--w-sub)} html[data-design="w5"] .ask-list{margin:10px 0 0;padding:8px 12px 8px 26px;border-radius:8px;background:rgba(30,40,60,.04);font-size:13px;color:var(--w-sub)} html[data-design="w5"] .modal-f{gap:6px} html[data-design="w5"] .ask-modal .modal-f{margin:18px -24px 0;padding:12px 16px 0 24px;border-top:1px solid var(--w-hair2)} html[data-design="w5"] .modal-f .btn{min-height:34px;min-width:64px;justify-content:center;padding:0 14px;border-radius:8px;font-size:13.5px;font-weight:600;box-shadow:none} html[data-design="w5"] .modal-f .btn:not(.pri):not(.danger-btn):not(.finish-btn){border-color:transparent;background:none;color:var(--w-sub)} html[data-design="w5"] .modal-f .btn:not(.pri):not(.danger-btn):not(.finish-btn):hover{background:rgba(30,40,60,.06);color:var(--w-ink)} html[data-design="w5"] .ask-modal .btn.danger-btn{background:rgba(229,72,77,.1);border-color:transparent;color:#D93A3A} html[data-design="w5"] .ask-modal .btn.danger-btn:hover{background:#E5484D;border-color:#E5484D;color:#fff} html[data-design="w5"] .modal .btn:focus{outline:none} html[data-design="w5"] .modal .btn:focus-visible{outline:2px solid rgba(53,82,224,.35);outline-offset:2px} html[data-design="w5"] .modal-h{gap:10px;font-size:16px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .modal-h.ok .ico{color:var(--w-acc)} @keyframes w5modal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} html[data-design="w5"] .modal-wrap .modal{animation:w5modal .16s ease-out} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .modal-wrap .modal{animation:none}} /* 바뀐 조문 종류 점: 조 이동은 청록(문구 변경 보라와 구분) */ html[data-design="w5"] .badge.k-move::before{background:#0FA3A3;box-shadow:0 0 0 3px rgba(15,163,163,.14)} /* 목록 표 머리 칸 정렬 단추: 평소엔 옅은 위아래 표시, 정렬 중인 칸은 파란 화살표 하나 */ .th-sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap} .th-sort:hover{color:var(--w-ink,#111827)} .th-s.num .th-sort{justify-content:center} .s-ico{position:relative;width:7px;height:10px;flex:none;display:none} .s-ico::before,.s-ico::after{content:"";position:absolute;left:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent} .s-ico::before{top:0;border-bottom:4px solid currentColor} .s-ico::after{bottom:0;border-top:4px solid currentColor} .th-s.s-asc .th-sort,.th-s.s-desc .th-sort{color:var(--w-acc,#3552E0);font-weight:600} .th-s.s-asc .s-ico,.th-s.s-desc .s-ico{display:block} .th-s.s-asc .s-ico::after{display:none} .th-s.s-asc .s-ico::before{top:3px} .th-s.s-desc .s-ico::before{display:none} .th-s.s-desc .s-ico::after{bottom:3px} /* 직접 인용 한 줄: 위 줄 = 조문 → 인용한 곳, 아래 줄 = 판정 표지 + 해야 할 일 */ html[data-design="w5"] .impact ul.imp-list>li.imp-i{padding:10px 0;line-height:1.5} html[data-design="w5"] .impact ul.imp-list>li.imp-i+li{border-top:1px solid var(--w-hair)} .imp-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--w-ink,#111827)} .imp-top .sp{flex:1} .imp-cite{font-weight:500} .imp-kind{font-size:12px;color:var(--w-mute,#6B7280)} .imp-kind::before{content:"· "} .imp-v{display:flex;align-items:baseline;gap:8px;margin-top:5px;font-size:13px} .imp-tag{flex:none;padding-right:10px;border-right:1px solid var(--w-line2,#CDD6F2);font-size:13px;font-weight:500;line-height:1.2} .imp-h{color:var(--w-sub,#374151)} .v-review .imp-tag{color:#56B98F} .v-amend .imp-tag{color:#DE5F88} .v-amend .imp-h{color:var(--w-ink,#111827)} html[data-tone="dark"] .v-review .imp-tag{color:#4FD39B}html[data-tone="dark"] .v-amend .imp-tag{color:#F5A9C0} /* 목록 보기 전환: [개정 법령 n건 | 인용 학교 규정 m개] */ .seg-view{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:rgba(30,40,60,.06)} .seg-view button{border:0;background:none;padding:6px 14px;border-radius:8px;font:inherit;font-size:14px;font-weight:500;color:var(--w-sub,#5B6478);cursor:pointer} .seg-view button b{font-weight:700;margin:0 1px} .seg-view button.on{background:var(--w-surface,#fff);color:var(--w-ink,#111827);font-weight:600;box-shadow:0 1px 2px rgba(30,40,60,.1)} .seg-view button.on b{color:var(--w-acc,#3552E0)} html[data-tone="dark"] .seg-view{background:rgba(255,255,255,.06)}html[data-tone="dark"] .seg-view button.on{background:rgba(255,255,255,.1)} .law-chips{display:flex;flex-wrap:wrap;gap:6px} .step-wait{margin:10px auto} /* 담당 규정 관련만(켜고 끄는 단추) */ .mine-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border:0;border-radius:999px;background:rgba(30,40,60,.06);font:inherit;font-size:12.5px;font-weight:500;color:var(--w-sub,#5B6478);cursor:pointer;white-space:nowrap} .mine-chip .ico{width:13px;height:13px} .mine-chip:hover{color:var(--w-ink,#111827)} .mine-chip.on{background:rgba(53,82,224,.12);color:var(--w-acc,#3552E0);font-weight:600} .mine-chip.on .ico{fill:currentColor} html[data-tone="dark"] .mine-chip{background:rgba(255,255,255,.07)} .art-peek > .peek-head{cursor:pointer} /* 학내 규정 조회 조건: 검색 칸은 남는 폭 */ .in-qf{flex:1;min-width:220px} .in-qf input{width:100%} .in-hint{margin:8px 0 0} /* AI 추천 카드: 단계 표지 + 근거·조치 라벨 칸 */ .rc-h{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap} .rc-name{font-size:15px;font-weight:600} .rc-lv{display:inline-flex;align-items:center;font-size:13px;font-weight:500;white-space:nowrap;padding-left:12px;border-left:1px solid var(--w-line2,#CDD6F2);line-height:1.2} .lv-amend .rc-lv{color:#DE5F88} .lv-review .rc-lv{color:#56B98F} .lv-ref .rc-lv{color:var(--w-mute,#8A93A6);font-weight:500} .rc-conf{font-size:12px;color:var(--w-mute,#8A93A6)} .rec-card.lv-amend{box-shadow:inset 3px 0 0 #E58AA3} .rc-body{display:grid;gap:6px;margin:12px 0 8px} .rc-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;font-size:13.5px;line-height:1.6} .rc-k{justify-self:start;padding-right:12px;border-right:1px solid var(--w-line2,#CDD6F2);font-size:12.5px;font-weight:600;color:var(--w-mute,#8A93A6);line-height:1.2} .rc-row.act .rc-k{color:var(--w-mute,#8A93A6)} .rc-v{color:var(--w-ink,#111827)} .rc-row.act .rc-v{font-weight:600} html[data-tone="dark"] .lv-review .rc-lv{color:#4FD39B} /* 브리핑 머리 줄: 줄 전체가 접기 단추, 마우스를 올리면 줄 전체 색 변경 */ html[data-design="w5"] .brief.can-open .br-head{cursor:pointer;transition:background .15s} html[data-design="w5"] .brief.can-open .br-head:hover{background:var(--w-field-h)} html[data-design="w5"] .brief.can-open.open .br-head:hover{background:rgba(53,82,224,.13)} html[data-design="w5"] .brief .br-toggle:hover{background:none} /* 브리핑 항목: 제목과 설명을 한 줄로, 좁은 화면에서만 두 줄 */ html[data-design="w5"] .br-list li{padding:7px 0} html[data-design="w5"] .br-t{flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:2px} @media (max-width:760px){html[data-design="w5"] .br-t{flex-direction:column;align-items:flex-start}} /* 작업 머리 단추: 내려받기 두 개는 바탕 없이, 구분선 뒤 [작업 완료]는 글자 크기에 맞춘 작은 단추 */ html[data-design="w5"] .job-acts{align-items:center} html[data-design="w5"] #btn-dl,html[data-design="w5"] #btn-full{background:transparent;border:0;box-shadow:none;color:var(--w-sub);padding:0 10px} html[data-design="w5"] #btn-dl:hover,html[data-design="w5"] #btn-full:hover{background:var(--w-field);color:var(--w-acc)} html[data-design="w5"] .acts-sep{width:1px;height:16px;margin:0 1px;background:var(--w-line2)} html[data-design="w5"] #btn-done{min-height:30px;padding:0 13px;font-size:13px} html[data-design="w5"] #btn-done .ico{width:14px;height:14px} /* AI 추천 카드: 단추는 [개정 작업 만들기]·[작업 열기] 하나만, 나머지는 글자 */ .rec-card .tag-mine{background:none!important;padding:0;font-size:12.5px;font-weight:600} .rec-card .rc-conf::before{content:"· "} .rec-card .rec-line .ref-chips{gap:0;align-items:baseline} .rec-card .rec-line .ref-chips::before{content:"관련 조문";margin-right:10px;font-size:12.5px;color:var(--w-mute,#8A93A6)} html[data-design="w5"] .rec-card .rec-line .ref-chip{border:0!important;background:none!important;padding:0;border-radius:0;font-size:13px;color:var(--w-acc,#3552E0)} .rec-card .rec-line .ref-chip+.ref-chip::before{content:"·";margin:0 7px;color:var(--w-mute,#8A93A6)} .rec-card .rec-line .ref-chip:hover,.rec-card .rec-line .ref-chip:focus,html[data-design="w5"] .rec-card .rec-line .ref-chip:hover{background:none!important;box-shadow:none;outline:0;text-decoration:underline} .rec-card .rec-line .ref-chip:focus-visible{outline:2px solid rgba(53,82,224,.35);outline-offset:2px} .rec-card .rec-basis{border-left-color:var(--w-line2,#CDD6F2)} .rec-how dl.rh-dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:6px 0 4px;font-size:13px} .rec-how dt{color:var(--w-mute,#8A93A6)} .rec-how dd{margin:0;color:var(--w-sub,#5B6478);word-break:keep-all} html[data-tone="dark"] .lv-amend .rc-lv{color:#F5A9C0} /* 확인 창: 뒤 화면은 어둡게 살짝 흐리고, 창 자체가 반투명 유리 판. 가운데 정렬(원형 아이콘·제목·설명), 단추는 같은 폭 두 개 */ html[data-design="w5"] .modal-back{background:rgba(15,20,32,.32);backdrop-filter:blur(2px);animation:w5fade .18s ease-out} html[data-design="w5"] .modal{background:rgba(255,255,255,.7);backdrop-filter:blur(28px) saturate(1.8);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(15,23,42,.06),0 32px 80px -24px rgba(15,23,42,.5)} html[data-design="w5"] .modal.ask-modal{width:min(360px,100%);padding:26px 22px 18px;border-radius:20px;text-align:center} html[data-design="w5"] .ask-h{display:flex;flex-direction:column;align-items:center;gap:14px} html[data-design="w5"] .ask-ico{width:48px;height:48px;border-radius:50%;background:rgba(53,82,224,.12)!important;color:var(--w-acc);box-shadow:0 0 0 6px rgba(53,82,224,.06)} html[data-design="w5"] .ask-ico .ico{width:22px;height:22px} html[data-design="w5"] .ask-h.danger .ask-ico{background:rgba(229,72,77,.12)!important;color:#E5484D;box-shadow:0 0 0 6px rgba(229,72,77,.06)} html[data-design="w5"] .ask-body > b{font-size:16.5px;font-weight:700;letter-spacing:-.4px} html[data-design="w5"] .ask-p{margin:6px 0 0;font-size:13.5px;color:var(--w-mute,#6B7280)} html[data-design="w5"] .ask-list{text-align:left;background:rgba(15,23,42,.045)} html[data-design="w5"] .ask-modal .modal-f{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 0;padding:0;border-top:0} html[data-design="w5"] .ask-modal .modal-f .btn{min-height:42px;border-radius:12px;font-size:14px;font-weight:600} html[data-design="w5"] .ask-modal .modal-f .btn:not(.pri):not(.danger-btn):not(.finish-btn){background:rgba(15,23,42,.06);color:var(--w-ink)} html[data-design="w5"] .ask-modal .modal-f .btn:not(.pri):not(.danger-btn):not(.finish-btn):hover{background:rgba(15,23,42,.1)} html[data-design="w5"] .ask-modal .btn.danger-btn{background:#E5484D;color:#fff;box-shadow:0 8px 18px -10px rgba(229,72,77,.9)} html[data-design="w5"] .ask-modal .btn.danger-btn:hover{background:#D63B40;color:#fff} html[data-design="w5"] .ask-modal .btn.pri{box-shadow:0 8px 18px -10px rgba(53,82,224,.9)} @keyframes w5pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}} @keyframes w5fade{from{opacity:0}to{opacity:1}} html[data-design="w5"] .modal-wrap .modal.ask-modal{animation:w5pop .2s cubic-bezier(.2,.9,.3,1.2)} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .modal-back,html[data-design="w5"] .modal-wrap .modal.ask-modal{animation:none}} /* 브리핑 목록: 넓은 화면은 두 칸, 글자 작게, 더 보기는 글자와 화살표 */ @media (min-width:1100px){html[data-design="w5"] .br-list{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}} html[data-design="w5"] .br-list li{grid-template-columns:44px minmax(0,1fr) auto;column-gap:10px;padding:7px 0} html[data-design="w5"] .br-lv{width:40px;padding:2px 0;font-size:11.5px} html[data-design="w5"] .br-t b{font-size:13px} html[data-design="w5"] .br-d{font-size:12px} html[data-design="w5"] .br-a{height:26px;padding:0 9px;font-size:12px} html[data-design="w5"] .br-foot{display:flex;justify-content:center;gap:14px;padding:6px 0 4px} html[data-design="w5"] .br-more{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:4px 6px;font:inherit;font-size:12.5px;font-weight:600;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .br-more:hover{text-decoration:underline} html[data-design="w5"] .br-more.up .br-chev{transform:translateY(1px) rotate(-135deg)} /* 규정 이름으로 찾기: 입력 칸 + [검색] 단추 */ .mq-form{display:flex;align-items:center;gap:8px} .mq-form input{flex:1;min-width:0} /* 팝업 공통 틀(.pm, 시안 C안 기준): 안쪽 여백 16~18px, 색은 파랑 하나 */ html[data-design="w5"] .pm{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:16px 18px 14px;border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 22px 56px -20px rgba(15,23,42,.5),0 0 0 1px rgba(15,23,42,.06);color:var(--w-ink);font-size:13.5px;letter-spacing:-.15px;animation:w5modal .16s ease-out} html[data-design="w5"] .pm:focus{outline:none} html[data-design="w5"] .pm.sm{width:min(420px,100%)} html[data-design="w5"] .pm.lg{width:min(700px,100%)} html[data-design="w5"] .pm .ico{width:16px;height:16px;flex:none} html[data-design="w5"] .pm-x{position:absolute;right:10px;top:10px;width:28px;height:28px;border:0;border-radius:7px;background:none;color:var(--w-mute);display:grid;place-items:center;cursor:pointer} html[data-design="w5"] .pm-x:hover{background:rgba(30,40,60,.06);color:var(--w-ink)} html[data-design="w5"] .pm-x .ico{width:15px;height:15px} html[data-design="w5"] .pm-hd{display:flex;align-items:center;gap:8px;min-width:0;padding-right:30px} html[data-design="w5"] .pm-hd>b{min-width:0;font-size:16px;font-weight:700;letter-spacing:-.4px;line-height:1.35;word-break:keep-all} html[data-design="w5"] .pm-ic{flex:none;width:30px;height:30px;border-radius:8px;background:#EEF2FF;color:var(--w-acc);display:grid;place-items:center} html[data-design="w5"] .pm-chip{flex:none;display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:6px;background:#EEF2FF;color:var(--w-acc);font-size:12px;font-weight:600;white-space:nowrap} html[data-design="w5"] .pm-chip:empty{display:none} html[data-design="w5"] .pm-sub{margin:4px 0 0;color:var(--w-sub);font-size:12.5px;line-height:1.55;word-break:keep-all} html[data-design="w5"] .pm-hd.big{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px} html[data-design="w5"] .pm-hd.big .pm-ic{width:44px;height:44px;border-radius:50%;box-shadow:0 0 0 5px rgba(53,82,224,.05)} html[data-design="w5"] .pm-hd.big .pm-ic .ico{width:20px;height:20px} html[data-design="w5"] .pm-hd.big b{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.4px;line-height:1.4;word-break:keep-all} html[data-design="w5"] .pm-hd.big .pm-sub{margin-top:2px} html[data-design="w5"] .pm-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding-bottom:10px;border-bottom:1px solid #E5E8EF;font-size:12.5px;line-height:1.55;color:var(--w-sub);word-break:keep-all} html[data-design="w5"] .pm-line .k{margin-right:5px;font-size:12px;color:var(--w-mute)} html[data-design="w5"] .pm-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;margin-top:10px} html[data-design="w5"] .pm-grid.half{grid-template-columns:1fr 1fr} html[data-design="w5"] .pm-grid.one{grid-template-columns:1fr} html[data-design="w5"] .pm-card{min-width:0;padding:10px 12px;border:1px solid #E5E8EF;border-radius:9px} html[data-design="w5"] .pm-card h4{display:flex;align-items:center;gap:6px;margin:0 0 5px;font-size:13px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .pm-card h4 .ico{width:15px;height:15px;color:var(--w-acc)} html[data-design="w5"] .pm-card h4 .n{margin-left:auto;font-size:12px;font-weight:500;color:var(--w-mute)} html[data-design="w5"] .pm-card p{margin:0;color:var(--w-sub);line-height:1.55;word-break:keep-all} html[data-design="w5"] .pm-steps{list-style:none;margin:0;padding:0} html[data-design="w5"] .pm-steps li{display:flex;align-items:flex-start;gap:7px;padding:3px 0;font-size:12.5px;line-height:1.5;color:var(--w-sub);word-break:keep-all} html[data-design="w5"] .pm-steps li::before{content:"";flex:none;width:11px;height:11px;margin-top:3px;border-radius:50%;border:1.5px solid #C2CAD8;box-sizing:border-box} html[data-design="w5"] .pm-box{margin:10px 0 0;padding:8px 12px 8px 28px;border-radius:9px;background:#F5F7FB;font-size:13px;line-height:1.55;color:var(--w-sub)} html[data-design="w5"] .pm-box li+li{margin-top:2px} html[data-design="w5"] .pm-opt{display:flex;gap:8px;align-items:flex-start;cursor:pointer;transition:border-color .15s,background .15s} html[data-design="w5"] .pm-opt:hover{border-color:#C9D2E6} html[data-design="w5"] .pm-opt:has(input:checked){border-color:var(--w-acc);background:#F5F7FF} html[data-design="w5"] .pm-opt input{flex:none;margin:3px 0 0;accent-color:var(--w-acc)} html[data-design="w5"] .pm-opt>span{display:flex;flex-direction:column;gap:2px} html[data-design="w5"] .pm-opt b{font-size:13.5px;font-weight:700} html[data-design="w5"] .pm-opt span span{font-size:12.5px;color:var(--w-sub);line-height:1.5} html[data-design="w5"] .pm-field{display:flex;flex-direction:column;gap:4px;margin-top:8px} html[data-design="w5"] .pm-field[hidden]{display:none} html[data-design="w5"] .pm-field .k{font-size:12px;color:var(--w-mute)} html[data-design="w5"] .pm-field input{height:34px;padding:0 10px;border:1px solid #D5DAE3;border-radius:8px;background:#fff;font:inherit;font-size:13px} html[data-design="w5"] .pm-pre{margin:10px 0 0;padding:10px 12px;border-radius:9px;background:#F5F7FB;max-height:55vh;overflow:auto;white-space:pre-wrap;font:inherit;font-size:13.5px;line-height:1.7;color:var(--w-ink)} html[data-design="w5"] .pm-ft{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px} html[data-design="w5"] .pm-ft .sp{flex:1} html[data-design="w5"] .pm-hint{font-size:12px;color:var(--w-mute)} html[data-design="w5"] .pm-ft .btn{min-height:34px;height:34px;min-width:64px;justify-content:center;gap:5px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:none} html[data-design="w5"] .pm-ft .btn:not(.pri):not(.lt){background:#fff;border:1px solid #D5DAE3;color:var(--w-ink)} html[data-design="w5"] .pm-ft .btn:not(.pri):not(.lt):hover{background:#F5F7FB} html[data-design="w5"] .pm-ft .btn.lt{background:#EEF2FF;border:1px solid transparent;color:var(--w-acc)} html[data-design="w5"] .pm-ft .btn.lt:hover{background:#E2E8FF} html[data-design="w5"] .pm-ft .btn.pri{background:var(--w-acc);border:1px solid var(--w-acc);color:#fff;box-shadow:none} html[data-design="w5"] .pm-ft .btn.pri:hover{background:#2B46CC} html[data-design="w5"] .pm-ft .btn .ico{width:14px;height:14px} html[data-design="w5"] .pm .btn:focus{outline:none} html[data-design="w5"] .pm .btn:focus-visible{outline:2px solid rgba(53,82,224,.35);outline-offset:2px} /* 에이전트 작업 진행 */ html[data-design="w5"] .pm-clock{margin-left:auto;display:flex;align-items:baseline;gap:2px;font-size:12px;color:var(--w-mute);white-space:nowrap} html[data-design="w5"] .pm-clock b{font-size:20px;font-weight:600;color:var(--w-acc);font-variant-numeric:tabular-nums} html[data-design="w5"] .pm-run .pm-hd{padding-right:0} html[data-design="w5"] .pm-bar{height:3px;margin-top:-1px;border-radius:99px;background:transparent;overflow:hidden} html[data-design="w5"] .pm-bar i{display:block;height:100%;width:0;background:var(--w-acc);transition:width .5s ease} html[data-design="w5"] .pm .ar-tl li{gap:10px;padding:0 0 8px} html[data-design="w5"] .pm .ar-tl li::before{left:9px;top:22px;bottom:0;width:1.5px;background:#E5E8EF} html[data-design="w5"] .pm .ar-tl li.ar-done::before{background:rgba(53,82,224,.3)} html[data-design="w5"] .pm .ar-node{width:20px;height:20px;border:1.5px solid #C9D0DB;background:#fff} html[data-design="w5"] .pm .ar-node .ico{width:12px;height:12px;stroke-width:3} html[data-design="w5"] .pm .ar-done .ar-node{background:var(--w-acc);border-color:var(--w-acc)} html[data-design="w5"] .pm .ar-run .ar-node{border-color:var(--w-acc)} html[data-design="w5"] .pm .ar-run .ar-node::after{width:8px;height:8px;background:var(--w-acc)} html[data-design="w5"] .pm .ar-body{padding-top:0} html[data-design="w5"] .pm .ar-row{gap:8px;min-height:20px} html[data-design="w5"] .pm .ar-row b{font-size:13px;font-weight:600} html[data-design="w5"] .pm .ar-run .ar-row b{color:var(--w-acc)} html[data-design="w5"] .pm .ar-by{padding:0 0 0 8px;border-left:1px solid #DDE2EA;border-radius:0;background:none;color:var(--w-mute);font-size:11.5px;font-weight:500} html[data-design="w5"] .pm .ar-t{font-size:11.5px;color:var(--w-mute)} html[data-design="w5"] .pm .ar-run .ar-t{color:var(--w-acc)} html[data-design="w5"] .pm .ar-d{margin-top:1px;font-size:12.5px;line-height:1.5;color:var(--w-sub)} html[data-design="w5"] .pm .ar-found{margin:0;padding:10px 12px;border-top:1px solid #E5E8EF} html[data-design="w5"] .pm .ar-fg{flex-direction:column;gap:3px;margin-bottom:8px;font-size:12.5px} html[data-design="w5"] .pm .ar-fg:last-child{margin-bottom:0} html[data-design="w5"] .pm .ar-fg>span{width:auto;font-size:12px;color:var(--w-mute)} html[data-design="w5"] .pm .ar-fg>div{gap:4px} html[data-design="w5"] .pm .ar-fg em{padding:2px 8px;border-radius:6px;background:#F5F7FB;font-size:12px;color:var(--w-sub)} html[data-design="w5"] .pm .ar-result{margin-top:8px;padding:10px 12px;border-radius:9px;background:none} html[data-design="w5"] .pm .ar-result.err h4 .ico{color:#E5484D} html[data-design="w5"] .pm .ar-tiles{gap:6px;margin-top:8px} html[data-design="w5"] .pm .ar-tile{padding:7px 10px;border-radius:8px;background:#F5F7FB;gap:0} html[data-design="w5"] .pm .ar-tile b{font-family:inherit;font-size:18px;font-weight:700;color:var(--w-acc)} html[data-design="w5"] .pm .ar-tile span{font-size:12px;color:var(--w-sub)} html[data-design="w5"] .pm .ar-next{margin-top:8px;gap:2px} html[data-design="w5"] .pm .ar-next li{padding-left:14px;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .pm .ar-next li::before{content:"";top:7px;width:5px;height:5px;border-radius:50%;background:var(--w-acc)} html[data-design="w5"] .pm .ar-result>.meta{margin:4px 0 0;font-size:12px} @media (max-width:560px){html[data-design="w5"] .pm-grid,html[data-design="w5"] .pm-grid.half{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .pm{animation:none}} /* 삭제 확인 창: 한 줄 머리(표지 | 제목 · 단추) + 항목 줄, 위쪽 분홍 선 */ html[data-design="w5"] .pm.pm-cf{width:min(540px,100%);padding:14px 16px 12px;overflow:hidden} html[data-design="w5"] .pm-cf::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#F4B6C7,#E58AA3)} html[data-design="w5"] .cf-hd{display:flex;align-items:center;gap:10px;min-width:0} html[data-design="w5"] .cf-hd .sp{flex:1} html[data-design="w5"] .cf-tag{flex:none;display:inline-flex;align-items:center;gap:4px;padding-right:10px;border-right:1px solid #DDE2EA;font-size:13px;font-weight:500;color:#DE5F88} html[data-design="w5"] .cf-tag .ico{width:14px;height:14px} html[data-design="w5"] .cf-hd>b{min-width:0;font-size:14.5px;font-weight:700;letter-spacing:-.3px;word-break:keep-all} html[data-design="w5"] .cf-hd .btn{flex:none;min-height:32px;height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:none} html[data-design="w5"] .cf-hd .btn.cf-no{background:none;border:0;color:var(--w-sub)} html[data-design="w5"] .cf-hd .btn.cf-no:hover{background:rgba(30,40,60,.06);color:var(--w-ink)} html[data-design="w5"] .cf-hd .btn.pri{background:var(--w-acc);border:0;color:#fff} html[data-design="w5"] .cf-hd .btn.pri:hover{background:#2B46CC} html[data-design="w5"] .cf-rows{margin:10px 0 0;padding:0;display:grid;gap:4px} html[data-design="w5"] .cf-rows>div{display:flex;gap:10px;font-size:13px;line-height:1.55} html[data-design="w5"] .cf-rows dt{flex:none;color:var(--w-mute);font-size:12.5px} html[data-design="w5"] .cf-rows dd{margin:0;min-width:0;color:var(--w-ink);word-break:keep-all} @media (max-width:560px){html[data-design="w5"] .cf-hd{flex-wrap:wrap}html[data-design="w5"] .cf-hd .sp{flex-basis:100%;height:0}} /* 삭제 확인: 뒤 화면 흐림 없이 선명하게, 안내 문장 한 줄 */ html[data-design="w5"] .cf-wrap .modal-back{backdrop-filter:none;-webkit-backdrop-filter:none} html[data-design="w5"] .cf-msg{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--w-sub);word-break:keep-all} /* 하위 메뉴 화면 머리: 제목 대신 아이콘 + 설명 한 줄 */ html[data-design="w5"] .pane-lead{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:9px 12px;border-radius:10px;background:var(--w-panel);font-size:13px;line-height:1.5;color:var(--w-sub)} html[data-design="w5"] .pl-ic{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(53,82,224,.1);color:var(--w-acc)} html[data-design="w5"] .pl-ic .ico{width:14px;height:14px} /* 조문 검사 목록: 줄 구분만, 바탕 없음 */ html[data-design="w5"] .checks .issue{display:flex;align-items:center;gap:12px;margin:0;padding:10px 2px;border:0;border-bottom:1px solid var(--w-line);border-radius:0;background:none!important;box-shadow:none} html[data-design="w5"] .checks .issue>.badge{flex:none;min-width:70px;padding:0!important;border:0!important} html[data-design="w5"] .checks .issue>span:nth-child(2){flex:1;min-width:0;font-size:13.5px;line-height:1.55;color:var(--w-ink)} html[data-design="w5"] .checks .issue.done>.badge{color:#1A9C6C} html[data-design="w5"] .checks .issue.done>.badge::before{background:var(--w-done)} html[data-design="w5"] .checks .issue.done>span:nth-child(2){color:var(--w-sub)} html[data-design="w5"] .checks .fix-done{color:var(--w-sub)} html[data-design="w5"] .checks .fix-done .ico{color:var(--w-done)} html[data-design="w5"] .checks .fixed-mark{min-height:0;padding:0;background:none!important;border:0!important;box-shadow:none;color:var(--w-mute);font-weight:500} html[data-design="w5"] .checks .fixed-h{margin:22px 0 0;padding:0 0 8px;border:0;border-bottom:1px solid var(--w-line2);font-size:13.5px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .checks .fixed-h .ico{color:var(--w-done)} html[data-design="w5"] .checks .fixed-h b{padding:0;background:none;font-size:12.5px;font-weight:500;color:var(--w-mute)} html[data-design="w5"] .checks .iss-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--w-mute)} html[data-design="w5"] .checks .ok-line{margin:0;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .checks .ok-line .ico{color:var(--w-done)} /* 인용 조문 확인: 변경 조문 한 줄 */ html[data-design="w5"] .cite-chg{margin:0 0 4px;font-size:13px;color:var(--w-ink)} html[data-design="w5"] .cite-chg .k{margin-right:8px;font-size:12.5px;color:var(--w-mute)} /* 인용 조문 확인: 변경 조문 상자(조마다 열고 닫기), 0건 묶음은 제목만 */ html[data-design="w5"] .cc-box{margin:0 0 6px;padding:12px 14px;border:1px solid var(--w-line2);border-radius:12px;background:var(--w-surface,#fff)} html[data-design="w5"] .cc-h{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .cc-h b{font-family:var(--w-sp);font-size:12px;font-weight:600;color:var(--w-acc)} html[data-design="w5"] .cc-h .sp{flex:1} html[data-design="w5"] .cc-all{border:0;background:none;padding:2px 4px;font:inherit;font-size:12.5px;font-weight:500;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .cc-all:hover{text-decoration:underline} html[data-design="w5"] .cc-it{border-top:1px solid var(--w-line);margin-top:8px} html[data-design="w5"] .cc-it summary{display:flex;align-items:center;gap:8px;padding:9px 2px 1px;cursor:pointer;list-style:none;font-size:13.5px} html[data-design="w5"] .cc-it summary::-webkit-details-marker{display:none} html[data-design="w5"] .cc-it summary b{font-weight:600;color:var(--w-ink)} html[data-design="w5"] .cc-it summary .br-chev{margin-left:auto;color:var(--w-mute)} html[data-design="w5"] .cc-it[open] summary .br-chev{transform:translateY(1px) rotate(-135deg)} html[data-design="w5"] .cc-k{padding-right:8px;border-right:1px solid var(--w-line2);font-size:12.5px;font-weight:500;color:var(--w-acc)} html[data-design="w5"] .cc-k.k-new{color:var(--w-done)} html[data-design="w5"] .cc-k.k-deleted{color:var(--w-old)} html[data-design="w5"] .cc-mv{font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .cc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 2px} html[data-design="w5"] .cc-col{min-width:0;padding:8px 10px;border-radius:8px;background:var(--w-panel)} html[data-design="w5"] .cc-ch{display:block;margin-bottom:4px;font-size:12px;color:var(--w-mute)} html[data-design="w5"] .cc-col .fmt{font-size:13.5px;line-height:1.7} html[data-design="w5"] .cc-col .fmt p{margin:0} html[data-design="w5"] .cc-none{margin:0;font-size:12.5px;color:var(--w-mute)} @media (max-width:760px){html[data-design="w5"] .cc-pair{grid-template-columns:1fr}} html[data-design="w5"] .cite-grp.zero h3{color:var(--w-sub)} html[data-design="w5"] .cite-grp.zero h3 b{color:var(--w-mute)} html[data-design="w5"] .cc-gap{margin:2px 0;color:var(--w-mute);letter-spacing:2px} /* 설명 한 줄: 바탕 상자 없이 아이콘 + 글 */ html[data-design="w5"] .pane-lead{padding:0;border-radius:0;background:none} /* 조문 검사: 현행부터 설명은 해당 오류 글 아래 줄에 */ html[data-design="w5"] .checks .iss-sub{display:block;margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--w-mute)} /* 변경 조문: 한 줄(조 단추) + 누르면 아래에 현행·개정안, 바탕은 설명 띠에 쓰던 옅은 색 */ html[data-design="w5"] .cc-box{margin:0 0 6px;padding:8px 12px;border:0;border-radius:10px;background:var(--w-panel)} html[data-design="w5"] .cc-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;font-weight:500} html[data-design="w5"] .cc-t{margin-right:6px;padding-right:10px;border-right:1px solid var(--w-line2);font-size:13px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .cc-go{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:0;border-radius:7px;background:none;font:inherit;font-size:13px;color:var(--w-ink);cursor:pointer} html[data-design="w5"] .cc-go:hover,html[data-design="w5"] .cc-go.on{background:rgba(30,40,60,.06)} html[data-design="w5"] .cc-go .cc-k{padding-right:0;border-right:0;font-size:12px} html[data-design="w5"] .cc-go .br-chev{width:5px;height:5px;color:var(--w-mute)} html[data-design="w5"] .cc-go.on .br-chev{transform:translateY(1px) rotate(-135deg)} html[data-design="w5"] .cc-box .cc-none{font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .cc-pair{margin:8px 0 4px;gap:8px} html[data-design="w5"] .cc-pair[hidden]{display:none} html[data-design="w5"] .cc-col{padding:7px 10px;background:rgba(255,255,255,.55)} html[data-design="w5"] .cc-ch{font-size:11.5px} html[data-design="w5"] .cc-col .fmt{font-size:12.5px;line-height:1.65} /* 삭제 확인 안내 문장: 옅은 파란 띠 + 안내 아이콘 */ html[data-design="w5"] .cf-msg{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:9px 12px;border-radius:9px;background:#EEF2FF;color:#2C3F9E;font-size:13px;line-height:1.55} html[data-design="w5"] .cf-msg .ico{flex:none;width:15px;height:15px;margin-top:2px;color:var(--w-acc)} /* 직접 수정 필요 안내: 작은 글자, 여러 줄이면 점 목록 */ html[data-design="w5"] .fc-note{gap:8px;padding:9px 12px;font-size:12.5px;line-height:1.55} html[data-design="w5"] .fc-note svg{width:15px;height:15px;margin-top:2px} html[data-design="w5"] .fc-note b{font-size:13px;margin-bottom:3px} html[data-design="w5"] .fc-note ul{margin:0;padding:0;list-style:none} html[data-design="w5"] .fc-note li{position:relative;padding-left:11px} html[data-design="w5"] .fc-note li+li{margin-top:2px} html[data-design="w5"] .fc-note li::before{content:"";position:absolute;left:1px;top:.68em;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55} /* 유사 규정 비교: 검색 결과 / 비교표 구역 제목 */ html[data-design="w5"] .sim-sec-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:4px 0 6px} html[data-design="w5"] .sim-sec-h b{font-size:14px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .sim-sec-h span{font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .sim-sec-h.cmp-h{margin-top:22px;padding-top:16px;border-top:1px solid var(--w-line2)} /* 비교표: 변경한 조가 든 항목을 맨 위에 표시 */ html[data-design="w5"] .cmp-hot{display:block;margin-top:3px;font-size:11.5px;font-weight:500;color:var(--w-acc)} html[data-design="w5"] .cmp-art.chg>b{color:var(--w-acc)} html[data-design="w5"] .cmp-art.chg{margin:0 -6px;padding:4px 6px;border-radius:6px;background:rgba(53,82,224,.07)} html[data-design="w5"] .cmp-acts{display:flex;gap:4px;margin-top:3px;opacity:.55;transition:opacity .15s} html[data-design="w5"] .cmp-art:hover .cmp-acts,html[data-design="w5"] .cmp-acts:focus-within{opacity:1} html[data-design="w5"] .cmp-acts button{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border:1px solid var(--w-line2);border-radius:4px;background:var(--w-surface);font-size:11.5px;color:var(--w-sub);cursor:pointer} html[data-design="w5"] .cmp-acts button:hover{border-color:var(--w-acc);color:var(--w-acc)} html[data-design="w5"] .cmp-acts button[data-art-add]{color:var(--w-acc)} html[data-design="w5"] .cmp-acts button:disabled{opacity:.5;cursor:default} html[data-design="w5"] .cmp-acts svg{width:11px;height:11px} /* 삭제 확인: 폭 줄이고 안내 글자 크게, 취소 단추 옅은 바탕(올리면 조금 진하게) */ html[data-design="w5"] .pm.pm-cf{width:min(440px,100%)} html[data-design="w5"] .cf-msg{font-size:14px;line-height:1.6} html[data-design="w5"] .cf-msg .ico{margin-top:3px} html[data-design="w5"] .cf-hd .btn.cf-no{background:rgba(30,40,60,.06)} html[data-design="w5"] .cf-hd .btn.cf-no:hover{background:rgba(30,40,60,.12)} /* 삭제 확인(C안) */ html[data-design="w5"] .pm.pm-del{width:min(520px,100%)} html[data-design="w5"] .pm-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--w-acc);vertical-align:2px} html[data-design="w5"] .pm-dots{list-style:none;margin:0;padding:0} html[data-design="w5"] .pm-dots li{display:flex;align-items:flex-start;gap:7px;padding:2px 0;font-size:12.5px;line-height:1.5;color:var(--w-sub);word-break:keep-all} html[data-design="w5"] .pm-dots li::before{content:"";flex:none;width:5px;height:5px;margin-top:7px;border-radius:50%;background:#B7BFCD} html[data-design="w5"] .pm-del .pm-card p{word-break:keep-all} /* 여러 건 삭제: 함께 삭제되는 내용 띠 한 줄 */ html[data-design="w5"] .pm-band{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;padding:8px 12px;border-radius:9px;background:#F5F7FB;font-size:12.5px;line-height:1.55;color:var(--w-sub)} html[data-design="w5"] .pm-band .ico{width:15px;height:15px;margin-top:2px;color:var(--w-acc)} html[data-design="w5"] .pm-band b{margin-right:8px;font-weight:600;color:var(--w-ink)} /* AI에게 추가 요청: 입력 칸과 파일 끌어 놓기를 같은 폭으로 묶고 단추는 오른쪽 */ html[data-design="w5"] .ask-in{flex:1;min-width:0;display:flex;flex-direction:column} html[data-design="w5"] .ask-in textarea{width:100%} html[data-design="w5"] .ask-step .ask-in .att{margin-top:8px} /* 브리핑 목록: 줄은 항목 사이에만(마지막 줄 아래 없음), 1건이면 한 줄 전체 폭 */ html[data-design="w5"] .br-list li:last-child{border-bottom:0} @media (min-width:1100px){html[data-design="w5"] .br-list li:nth-child(odd):nth-last-child(2){border-bottom:0}html[data-design="w5"] .br-list li:only-child{grid-column:1/-1}} /* 확인 창 공통(C안): 오른쪽 칸 없으면 좁게, 인용 글 */ html[data-design="w5"] .pm.pm-del.narrow{width:min(440px,100%)} html[data-design="w5"] .pm-quote{max-height:140px;overflow:auto;white-space:pre-wrap} /* 작성 근거: 출처 링크 */ html[data-design="w5"] .basis{margin:4px 0 14px;padding:10px 14px;border-radius:10px;background:var(--w-panel)} html[data-design="w5"] .bs-h{display:flex;align-items:center;gap:8px;font-size:13px} html[data-design="w5"] .bs-h .ico{width:15px;height:15px;color:var(--w-acc)} html[data-design="w5"] .bs-h b{font-weight:600;color:var(--w-ink);padding-right:8px;border-right:1px solid var(--w-line2)} html[data-design="w5"] .bs-h span{color:var(--w-sub)} html[data-design="w5"] .basis p{margin:5px 0 6px;font-size:12.5px;line-height:1.6;color:var(--w-sub);word-break:keep-all} html[data-design="w5"] .bs-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px} html[data-design="w5"] .bs-links a{display:inline-flex;align-items:baseline;gap:6px;font-size:12.5px;color:var(--w-acc);text-decoration:none} html[data-design="w5"] .bs-links a:hover{text-decoration:underline} html[data-design="w5"] .bs-src{font-size:11.5px;color:var(--w-mute)} html[data-design="w5"] .bs-go{font-size:11px} /* 브리핑: 이동은 화살표만, 두 칸 사이 세로선 */ html[data-design="w5"] .br-a.go{min-width:0;width:28px;height:28px;padding:0;border:0!important;background:none!important;box-shadow:none;color:var(--w-acc);display:inline-grid;place-items:center;border-radius:7px} html[data-design="w5"] .br-a.go:hover{background:rgba(53,82,224,.08)!important} html[data-design="w5"] .br-a.go .br-arr{margin:0} @media (min-width:1100px){html[data-design="w5"] .br-list{column-gap:0}html[data-design="w5"] .br-list li:nth-child(odd):not(:only-child){padding-right:18px}html[data-design="w5"] .br-list li:nth-child(even){padding-left:18px;border-left:1px solid var(--w-hair2)}} html[data-design="w5"] .law-brief{margin:14px 0 18px} /* 작업 결과 창 제목: 파란 글자 */ html[data-design="w5"] .pm-hd>b.pm-t-acc{color:var(--w-acc)} /* 안건 문장 점검 목록과 해당 칸 표시 */ html[data-design="w5"] .ag-chk{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:var(--w-panel)} html[data-design="w5"] .ac-h{display:flex;align-items:center;gap:8px;font-size:13px} html[data-design="w5"] .ac-h .ico{width:15px;height:15px;color:#6B4EE6} html[data-design="w5"] .ac-h b{font-weight:600;color:var(--w-ink)} html[data-design="w5"] .ac-h .n{font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .ac-h .ac-k{margin-left:auto;font-size:12px;color:var(--w-mute)} html[data-design="w5"] .ag-chk ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:2px} html[data-design="w5"] .ag-chk li .linkish{font-size:12.5px;text-align:left;color:var(--w-sub)} html[data-design="w5"] .ag-chk li .linkish:hover{color:var(--w-acc)} html[data-design="w5"] .items .it.has-chk .rich-wrap{box-shadow:inset 3px 0 0 #8E78EE} @keyframes agflash{0%{background:rgba(107,78,230,.14)}100%{background:transparent}} html[data-design="w5"] .items .it.flash{animation:agflash 1.4s ease-out;border-radius:10px} /* 바뀐 조: 현행으로 되돌리기(마우스를 올리면 보임) */ html[data-design="w5"] .pairs .arow{position:relative} html[data-design="w5"] .rv-btn{position:absolute;right:6px;bottom:6px;z-index:2;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border:1px solid var(--w-line2);border-radius:7px;background:#fff;color:var(--w-sub);font:inherit;font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s} html[data-design="w5"] .rv-btn .ico{width:13px;height:13px} html[data-design="w5"] .pairs .arow:hover .rv-btn,html[data-design="w5"] .rv-btn:focus-visible{opacity:1} html[data-design="w5"] .rv-btn:hover{color:var(--w-acc);border-color:rgba(53,82,224,.4)} html[data-design="w5"] .locked .rv-btn{display:none!important} /* 상위법 개정 내용 옆 창: 글자 작게, 구역 제목은 왼쪽 굵은 막대 + 설명 같은 줄 */ html[data-design="w5"] #updrawer .ud-sec .sh{display:flex;align-items:baseline;gap:10px;margin:22px 0 10px;padding:0;border:0} html[data-design="w5"] #updrawer .ud-sec .sh-ico{display:none} html[data-design="w5"] #updrawer .ud-sec .sh-txt{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px} html[data-design="w5"] #updrawer .ud-sec .sh-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;line-height:1.2} html[data-design="w5"] #updrawer .ud-sec .sh-title::before{content:"";width:3px;height:13px;border-radius:2px;background:var(--w-acc)} html[data-design="w5"] #updrawer .ud-sec .sh-hint{margin:0;font-size:12px} html[data-design="w5"] #updrawer .ud-points{font-size:13px;line-height:1.75} html[data-design="w5"] #updrawer .ud-chg-h{font-size:13.5px} html[data-design="w5"] #updrawer .lawpair{font-size:13px;line-height:1.75} html[data-design="w5"] #updrawer .lawpair .lp-head{font-size:11.5px} html[data-design="w5"] #updrawer .drawer-head b{font-size:14.5px} /* 브리핑: 확인 완료 항목은 목록 끝에 표시로 남김 */ html[data-design="w5"] .br-done{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:5px;background:rgba(31,169,113,.1);color:#1A9A66;font-size:11.5px;line-height:1.6;white-space:nowrap} html[data-design="w5"] .br-done .ico{width:11px;height:11px} html[data-design="w5"] .br-list li.is-done .br-t,html[data-design="w5"] .br-list li.is-done .br-lv{opacity:.55} html[data-design="w5"] .br-cnt-done{font-size:11.5px;color:#1A9A66} /* 설명 문장 토막 사이 세로선 */ html[data-design="w5"] .bar-txt>span+span::before{content:"";display:inline-block;width:1px;height:.85em;margin:0 9px;background:var(--w-line2);vertical-align:-1px} /* AI 검토 결과 확인할 점: 줄 없이 촘촘하게 */ html[data-design="w5"] .ai-checks li{padding:3px 0;border-top:0} /* 작업 화면 위: 개정 검토 화면·내 작업 바로가기 */ html[data-design="w5"] .job-crumb .btn.back-btn.go-rv::before{content:"";display:inline-block;width:1px;height:11px;margin:0 12px 0 10px;background:var(--w-line2);vertical-align:-1px} html[data-design="w5"] .job-crumb .btn.back-btn.go-rv::after{content:"→";margin-left:5px} /* 상위법·학내 규정 검토 화면 머리: 종류·이름·날짜를 한 줄로 */ html[data-design="w5"] .law-hero{align-items:center;padding:2px 2px 4px} html[data-design="w5"] .law-hero>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0} html[data-design="w5"] .law-hero .eyebrow{margin:0;padding-right:12px;border-right:2px solid var(--w-line2);line-height:1.1;font-size:13px;font-weight:600} html[data-design="w5"] .law-hero h2{margin:0;font-size:20px;line-height:1.3} html[data-design="w5"] .law-hero>div:first-child>.row{margin:0;gap:6px} html[data-design="w5"] .job-crumb .btn.back-btn.go-rv{margin-right:8px} /* 상위법 개정 내용 옆 창: 폭·조문 간격·비교 칸 여백 줄임 */ html[data-design="w5"] #updrawer .drawer-panel{width:min(960px,92vw)} html[data-design="w5"] #updrawer .ud-wrap{padding:14px 20px 32px} html[data-design="w5"] #updrawer .ud-chg{padding:4px 8px;margin-top:2px} html[data-design="w5"] #updrawer .ud-chg-h{margin:0 -6px;padding:5px 6px} html[data-design="w5"] #updrawer .ud-chg:not(.folded){padding-bottom:10px} html[data-design="w5"] #updrawer .lawpair{gap:10px;margin-top:4px} html[data-design="w5"] #updrawer .lp-col{padding:8px 12px} html[data-design="w5"] #updrawer .lp-col p{margin:0 0 2px} /* 조 편집 칸: 현행으로 */ html[data-design="w5"] .art-edit .ed-rv{color:var(--w-sub)} html[data-design="w5"] .art-edit .ed-rv .ico{width:13px;height:13px} html[data-design="w5"] .art-edit .ed-rv:hover{color:var(--w-acc)} /* 상위법 개정 목록: 법령 이름 줄에 종류·소관 부처, 시행 임박은 세로선 뒤 글자로 */ html[data-design="w5"] .u-src{margin-left:4px} html[data-design="w5"] .u-src::before{content:"";display:inline-block;width:1px;height:.85em;margin:0 8px 0 2px;background:var(--w-line2);vertical-align:-1px} html[data-design="w5"] .u-imm{margin-left:8px;padding-left:8px;border-left:1px solid var(--w-line2);color:#E5484D;font-size:12.5px;font-weight:600;white-space:nowrap} /* 현행으로: 첫 조에서는 위가 잘리지 않게 칸 안쪽에 */ html[data-design="w5"] #btn-done{margin-left:10px} /* 설명 문장 속 메뉴 이름: 파란 굵은 글자, 누르면 이동 */ html[data-design="w5"] .mref{display:inline-flex;align-items:center;gap:4px;margin:0 1px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--w-acc);cursor:pointer} html[data-design="w5"] button.mref:hover{text-decoration:underline;text-underline-offset:3px} html[data-design="w5"] .mref-n{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:rgba(53,82,224,.1);font-size:10.5px;font-weight:700;line-height:1} @keyframes stepflash{0%{background:rgba(53,82,224,.10)}100%{background:transparent}} html[data-design="w5"] .ask-step.flash{animation:stepflash 1.4s ease-out;border-radius:12px} /* 변경된 조 막대: 조 단추·글자 작게 */ html[data-design="w5"] .nav2{gap:6px;font-size:12.5px} html[data-design="w5"] .nav2 .cn-n{min-width:19px;height:19px;padding:0 5px;font-size:11.5px} html[data-design="w5"] .nav2 .cn-chips{gap:4px} html[data-design="w5"] .nav2 .cn-chip{gap:5px;border-width:1px;padding:2px 9px 2px 3px;font-size:12.5px;font-weight:600} html[data-design="w5"] .nav2 .cn-chip .cn-k{font-size:10.5px;font-weight:600;padding:1px 6px} html[data-design="w5"] .nav2 .arr{padding:2px 10px;font-size:12px} html[data-design="w5"] .nav2 .cmp-tools .btn{font-size:12.5px} /* 브리핑: 누르는 [확인 처리]는 파란 테두리 단추, 처리된 항목은 초록 표지 */ html[data-design="w5"] .br-a.br-ack{background:none!important;border:0!important;box-shadow:none;color:var(--w-acc);font-weight:600;padding:0 8px} html[data-design="w5"] .br-a.br-ack:hover{background:rgba(53,82,224,.08)!important;color:var(--w-acc)} /* AI 검토 결과 확인할 점: 출처 표지 */ html[data-design="w5"] .chk-k{margin-right:6px;padding-right:6px;border-right:1px solid var(--w-line2);font-size:12px;font-weight:600;color:var(--w-acc)} /* 설명 문장 속 메뉴 이름: 줄 맞춤 */ html[data-design="w5"] .mref{display:inline;vertical-align:baseline;line-height:inherit} html[data-design="w5"] .mref-n{display:inline-block;min-width:16px;height:16px;margin-right:4px;line-height:16px;text-align:center;vertical-align:1px} /* AI 요청 기록: 바탕 없이 줄로 구분, 요청·AI 처리 표지는 색 글자와 세로선, 접기 */ html[data-design="w5"] .ask-hist-wrap>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;user-select:none} html[data-design="w5"] .ask-hist-wrap>summary::-webkit-details-marker{display:none} html[data-design="w5"] .ask-hist-wrap>summary .br-chev{margin-left:2px;color:var(--w-mute)} html[data-design="w5"] .ask-hist-wrap:not([open])>summary .br-chev{transform:translateY(-2px) rotate(45deg)} html[data-design="w5"] .ask-hist-wrap[open]>summary .br-chev{transform:translateY(1px) rotate(-135deg)} html[data-design="w5"] .ask-hist-wrap>summary:hover{color:var(--w-acc)} html[data-design="w5"] .ask-hist li{background:none!important;border:0;border-bottom:1px solid var(--w-hair2);border-radius:0;margin:0;padding:10px 2px} html[data-design="w5"] .ask-hist li:last-child{border-bottom:0} html[data-design="w5"] .ah-tag{background:none!important;border-radius:0;padding:0 9px 0 0;margin:1px 9px 0 0;border-right:1px solid var(--w-line2);font-size:12px;font-weight:700;line-height:1.35;color:var(--w-acc)} html[data-design="w5"] .ah-tag.a{color:#1A9A66} html[data-design="w5"] .ah-q{color:var(--w-ink)} html[data-design="w5"] .ah-a{margin-top:6px;color:var(--w-sub)} html[data-design="w5"] .ah-tag{min-width:56px;box-sizing:border-box} /* 내 작업 법령별 묶음: 상태 건수 사이 세로선, 칸 폭(머리 칸 기준)·마지막 수정 가운데 */ html[data-design="w5"] .lg-counts{gap:0} html[data-design="w5"] .lg-counts .badge+.badge{margin-left:12px;padding-left:12px;border-left:1px solid var(--w-line2);border-radius:0} html[data-design="w5"] .lg-t th:nth-child(1){width:46px} html[data-design="w5"] .lg-t th:nth-child(3){width:170px} html[data-design="w5"] .lg-t th:nth-child(4),html[data-design="w5"] .lg-t td:nth-child(4){width:150px;text-align:center} html[data-design="w5"] .lg-t td{vertical-align:middle} /* 에이전트 브리핑 처음 표시: 은은한 빛 */ @keyframes brGlow{0%{box-shadow:0 0 0 0 rgba(53,82,224,0)}30%{box-shadow:0 0 0 4px rgba(53,82,224,.16),0 6px 22px -8px rgba(53,82,224,.35)}100%{box-shadow:0 0 0 0 rgba(53,82,224,0)}} @keyframes brSheen{0%{background-position:-120% 0}100%{background-position:220% 0}} @keyframes brIn{0%{opacity:.35}100%{opacity:1}} html[data-design="w5"] .brief.br-fx{animation:brGlow 2.2s ease-out 1} html[data-design="w5"] .brief.br-fx .br-tag{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%) no-repeat,transparent;background-size:60% 100%;-webkit-background-clip:padding-box;animation:brSheen 1.4s ease-out .25s 1 both} html[data-design="w5"] .brief.br-fx .br-next b{animation:brIn .9s ease-out 1} @media (prefers-reduced-motion:reduce){html[data-design="w5"] .brief.br-fx .br-tag,html[data-design="w5"] .brief.br-fx .br-next b{animation:none}} html[data-design="w5"][data-tone="dark"] .brief.br-fx .br-tag{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%)} /* 다음 할 일 옆 예정일·처리 필요: 색 없이 회색 글자, 세로선 구분(지난 예정일만 진한 글자) */ html[data-design="w5"] .nx{gap:0} html[data-design="w5"] .nx>span+span::before{content:"";display:inline-block;width:1px;height:.85em;margin:0 8px;background:var(--w-line2);vertical-align:-1px} html[data-design="w5"] .nx-due,html[data-design="w5"] .nx-due.soon{color:var(--w-acc);font-weight:500} html[data-design="w5"] .nx-due.late{color:#E5484D;font-weight:500} html[data-design="w5"] .nx-need{background:none;padding:0;border-radius:0;color:var(--w-mute);font-weight:400} html[data-design="w5"] .jobs-t .nx{flex-wrap:nowrap;white-space:nowrap} /* 완료 처리된 작업 안내: 완료 결과와 의견 */ html[data-design="w5"] .lock-note{align-items:flex-start} html[data-design="w5"] .lock-note>.ico{margin-top:2px} html[data-design="w5"] .ln-oc{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:13px} html[data-design="w5"] .ln-k{padding-right:10px;border-right:1px solid var(--w-line2);font-size:12px;font-weight:600;color:var(--w-acc)} html[data-design="w5"] .ln-oc b{font-weight:600;color:var(--w-ink)} html[data-design="w5"] .ln-note{color:var(--w-sub);white-space:pre-wrap;word-break:keep-all} html[data-design="w5"] .ln-note{padding-left:10px;border-left:1px solid var(--w-line2)} html[data-design="w5"] .ln-k2{margin-right:8px;font-size:12px;color:var(--w-mute)} /* 조문 검사 결과(이상 없음): 설명보다 또렷하게 */ html[data-design="w5"] .checks .ok-line.chk-ok{display:flex;align-items:center;gap:10px;margin:14px 0 0 2px;font-size:15px;font-weight:500;color:var(--w-ink)} html[data-design="w5"] .chk-ok .ck-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(31,169,113,.14)} html[data-design="w5"] .chk-ok .ck-ic .ico{width:15px;height:15px;color:#1A9A66;stroke-width:2.6} html[data-design="w5"] .chk-ok b{font-weight:700} html[data-design="w5"] .chk-ok .ck-ok{color:#1A9A66;font-weight:700} /* 비교표: 현행 칸은 흰 바탕 대신 옅은 파란 기운, 한 규정에만 있는 항목은 구분 줄 아래로 */ html[data-design="w5"] .cmp-t .base{background:rgba(53,82,224,.045)} html[data-design="w5"] .cmp-t thead th.base{background:rgba(53,82,224,.07)} html[data-design="w5"] .cmp-t tr.solo td,html[data-design="w5"] .cmp-t tr.solo th{opacity:1} html[data-design="w5"] .cmp-t tr.solo-h th{padding:14px 12px 8px;background:none;border-top:2px solid var(--w-line2);text-align:left;font-weight:400} html[data-design="w5"] .cmp-t tr.solo-h b{margin-right:10px;padding-right:10px;border-right:1px solid var(--w-line2);font-size:13px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .cmp-t tr.solo-h span{font-size:12px;color:var(--w-mute)} /* AI 수정·추가 요청: 상자 안 여백 줄임, 요약은 점 목록 */ html[data-design="w5"] .ask-step .cc-body{padding:7px 12px;line-height:1.7} html[data-design="w5"] .ask-step .cc-body p{margin:0 0 2px} html[data-design="w5"] .ai-sum{padding:8px 12px} html[data-design="w5"] .ai-sum .sum-dots{margin:3px 0 0;padding:0;list-style:none} html[data-design="w5"] .ai-sum .sum-dots li{position:relative;padding-left:13px;font-size:14px;line-height:1.7} html[data-design="w5"] .ai-sum .sum-dots li::before{content:"";position:absolute;left:2px;top:.72em;width:4px;height:4px;border-radius:50%;background:var(--w-acc)} /* 메인 최근 작업이 없을 때: 새 작업 시작(바탕·상자·아이콘 없이 글과 가는 선) */ html[data-design="w5"] .w5-start{padding:2px 0 0} html[data-design="w5"] .ws-h{display:flex;align-items:baseline;gap:12px;margin:0 0 18px;font-size:14px;color:var(--w-ink)} html[data-design="w5"] .ws-h span{padding-left:12px;border-left:1px solid var(--w-line2);font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .ws-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--w-line2);border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .ws-col{display:flex;flex-direction:column;gap:8px;min-height:176px;padding:18px 20px 16px;border-left:1px solid var(--w-line2);color:inherit;text-decoration:none} html[data-design="w5"] .ws-col:first-child{border-left:0} html[data-design="w5"] .ws-no{font-family:var(--w-mono);font-size:11px;letter-spacing:1.4px;color:var(--w-mute)} html[data-design="w5"] .ws-t{margin-top:4px;font-size:17px;font-weight:500;letter-spacing:-.2px;color:var(--w-ink);transition:color .2s} html[data-design="w5"] .ws-d{font-size:12.5px;line-height:1.7;color:var(--w-sub);word-break:keep-all} html[data-design="w5"] .ws-go{margin-top:auto;font-size:12px;color:var(--w-mute);transition:color .2s} html[data-design="w5"] .ws-go i{display:inline-block;font-style:normal;transition:transform .2s} html[data-design="w5"] .ws-col:hover .ws-go i{transform:translateX(4px)} @media (max-width:900px){html[data-design="w5"] .ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design="w5"] .ws-col:nth-child(3){border-left:0}html[data-design="w5"] .ws-col:nth-child(n+3){border-top:1px solid var(--w-line2)}} /* 메인 새 작업 4칸: 최근 작업과 같은 단계의 제목 크기, 작업 없음은 최근 작업 아래 한 줄 */ html[data-design="w5"] .ws-none{margin:2px 0 30px;font-size:13px;color:var(--w-mute)} html[data-design="w5"] .ws-col{gap:10px;min-height:168px;padding:20px 22px 18px} html[data-design="w5"] .ws-t{margin-top:2px;font-size:20px;font-weight:700;letter-spacing:-.3px} html[data-design="w5"] .ws-d{font-size:13px} /* 메인: 왼쪽·오른쪽 사이 넓게, 새 작업 칸은 마우스를 올리면 왼쪽 표처럼 밝은 바탕(글자색 그대로) */ @media (min-width:1101px){html[data-design="w5"] .w5-body{column-gap:96px}} html[data-design="w5"] .ws-col{transition:background .15s} html[data-design="w5"] .ws-col:hover{background:var(--w-soft)} /* 학내 규정 대응: 별표·서식 개정 전후(표 모양) */ html[data-design="w5"] .apx-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px} html[data-design="w5"] .apx-pair .lp-col{min-width:0;overflow-x:auto} html[data-design="w5"] .apx-pair .apx-doc .ab-text{margin:4px 0;font-size:13.5px} html[data-design="w5"] .apx-pair .rtab{font-size:12.5px} @media (max-width:1100px){html[data-design="w5"] .apx-pair{grid-template-columns:1fr}} html[data-design="w5"] .apx-pair{white-space:normal} html[data-design="w5"] .apx-pair .apx-doc{padding:0;margin:0;min-height:0;box-shadow:none;background:none;border:0} html[data-design="w5"] .apx-pair .apx-doc-key{margin:0 0 4px;font-size:12.5px;font-weight:600;color:var(--w-sub)} html[data-design="w5"] .apx-pair .ab{margin:6px 0} /* 메인 오른쪽: 숫자 칸·최근 작업·새 작업 칸의 글자 시작을 같은 안쪽 선(22px)에 맞춤, 가로선은 끝까지 */ @media (min-width:1101px){ html[data-design="w5"] .w5-stats a,html[data-design="w5"] .w5-stats a:first-child{padding-left:22px;padding-right:22px} html[data-design="w5"] .w5-recent .head,html[data-design="w5"] .ws-none{padding-left:22px;padding-right:22px} html[data-design="w5"] .w5-row{padding-left:22px;padding-right:22px} } /* 인용 조문 보기: 개정된 규정·법령 이름 볼드체 */ html[data-design="w5"] .art-peek .cite-hl{font-weight:700;color:var(--w-ink)} /* 조문 검사: 모두 반영은 단추 하나(바탕 상자 없이) */ html[data-design="w5"] .fix-all-row{display:flex;justify-content:flex-end;margin:10px 0 4px} /* 에이전트 진행 창: 폭 줄임, 진행 단계 제목 아래 간격, '외 n건'은 점 목록 글자와 줄 맞춤, 확인 단추 화살표 */ html[data-design="w5"] .pm.lg.pm-run{width:min(600px,100%)} html[data-design="w5"] .pm-run .ar-tl{margin-top:12px} html[data-design="w5"] .pm .ar-more{margin:4px 0 0;padding-left:14px;font-size:12.5px} html[data-design="w5"] .pm .ar-go{display:inline-flex;align-items:center;gap:6px} html[data-design="w5"] .pm .ar-go .ico{width:15px;height:15px;transition:transform .15s} html[data-design="w5"] .pm .ar-go:hover .ico{transform:translateX(3px)} html[data-design="w5"] .pm.lg.pm-run:has(#ar-grid:not(.one)){width:min(760px,100%)} /* 제정: 참고 규정 칩의 [보기] 한 줄, 검색칸 옆 유사 규정 찾기 */ html[data-design="w5"] .mr-chip button.linkish{width:auto;height:auto;border-radius:0;background:none;white-space:nowrap;padding:0 2px} html[data-design="w5"] .ref-q-row{display:flex;align-items:center;gap:8px} html[data-design="w5"] .ref-q-row .search-box{flex:1;min-width:0} html[data-design="w5"] .ref-q-row>.btn{flex:none;white-space:nowrap} /* 비교표: 다른 규정에 없는 항목은 별도 표, 소제목 앞 점 */ html[data-design="w5"] .cmp-t{table-layout:fixed;width:100%} html[data-design="w5"] .cmp-t col.c-topic{width:110px} html[data-design="w5"] .cmp-t.cmp-n2{min-width:550px} html[data-design="w5"] .cmp-t.cmp-n3{min-width:770px} html[data-design="w5"] .cmp-t.cmp-n4{min-width:990px} html[data-design="w5"] .cmp-t.cmp-n5{min-width:1210px} html[data-design="w5"] .cmp-t th,html[data-design="w5"] .cmp-t td{min-width:0} html[data-design="w5"] .cmp-solo{display:none;margin-top:22px} html[data-design="w5"] .cmp-box.show-solo .cmp-solo{display:block} html[data-design="w5"] .cmp-solo>.sim-sec-h{align-items:center;margin:0 0 8px} html[data-design="w5"] .cmp-solo>.sim-sec-h b::before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;border-radius:50%;background:var(--w-acc);vertical-align:middle} html[data-design="w5"] .cmp-solo>.sim-sec-h b{padding-right:10px;border-right:1px solid var(--w-line2)} html[data-design="w5"] .cmp-solo+.btn{margin-top:12px} html[data-design="w5"] #en-sim[hidden]{display:none} /* 팝업 요약 줄: 항목 사이 | 구분, 단추 이름 파란 볼드체 */ html[data-design="w5"] .pm-band b.mref{margin:0 1px;color:var(--w-acc)} /* 절차 단계 완료: 체크 → 단추 */ html[data-design="w5"] .pd-grid .ps-done{display:flex;align-items:center;flex-wrap:wrap;gap:10px} html[data-design="w5"] .ps-done-on{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .ps-done-on .ico{width:15px;height:15px;color:var(--w-done)} /* 팝업 요약 줄: 항목 사이 | 구분, 줄바꿈 시 줄 첫머리의 | 는 가려짐 */ html[data-design="w5"] .pm-line{gap:4px 29px;overflow:hidden} html[data-design="w5"] .pm-line>span{position:relative} html[data-design="w5"] .pm-line>span::before{content:"";position:absolute;left:-15px;top:50%;width:1px;height:11px;margin-top:-6px;background:var(--w-line2)} /* 상위법·학내 규정 대응 제목: 꺾쇠 대신 가는 화살표 */ html[data-design="w5"] .flow-h .flow-arr{position:relative;width:26px;height:1.5px;margin:0 14px;border:0;transform:none;opacity:1;background:#B7C3DA;border-radius:1px} html[data-design="w5"] .flow-h .flow-arr::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;margin-top:-4px;border-top:1.5px solid #B7C3DA;border-right:1.5px solid #B7C3DA;transform:rotate(45deg);box-sizing:border-box} /* 첨부 끌어 놓기 칸 높이(끌어 놓기 쉽게) */ html[data-design="w5"] .att>.att-drop{min-height:92px;padding:16px 18px} /* 규정 보기 창: 연혁 상자 글자 크기만큼, 닫기 마우스 올림 배경 */ html[data-design="w5"] .dw-hist summary{padding:3px 10px;font-size:11.5px;font-weight:500} html[data-design="w5"] .dw-hist ul{display:inline-grid;grid-template-columns:repeat(2,auto);column-gap:22px;margin:6px 0 0;padding:5px 10px;border-radius:8px;max-height:140px;font-size:11.5px} html[data-design="w5"] .dw-hist li{gap:8px;padding:1px 0} html[data-design="w5"] .drawer-head .dw-close:hover{background:rgba(23,32,64,.09);color:var(--w-ink)} /* 첨부 칸 안내: 선택 | 파일 형식 | 최대 3개 */ html[data-design="w5"] .att-drop .att-txt{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 0} html[data-design="w5"] .att-drop .att-txt>.meta::before{content:"";display:inline-block;width:1px;height:.85em;margin:0 12px;background:var(--w-line2);vertical-align:-1px} /* 인용 조문 확인: 열린 조 머리줄 클릭 시 닫기 */ html[data-design="w5"] .cc-pair .cc-ch[data-cc-close]{margin:-7px -10px 4px;padding:7px 10px 3px;border-radius:8px 8px 0 0;cursor:pointer} html[data-design="w5"] .cc-pair .cc-ch[data-cc-close]:hover{background:rgba(23,32,64,.05);color:var(--w-ink)} /* 규정 전체 점검: 점검 시작 전 */ html[data-design="w5"] .fc-start{padding:6px 0 0} html[data-design="w5"] .fcs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .fcs-head h2{margin:0;font-size:26px;font-weight:700;letter-spacing:-.7px;color:var(--w-ink)} html[data-design="w5"] .fcs-head h2 em{font-style:normal;font-family:var(--w-num);font-weight:500;font-size:32px;letter-spacing:0;color:var(--w-acc);margin-right:2px} html[data-design="w5"] .fcs-sub{margin:8px 0 0;font-size:14px;color:var(--w-sub)} html[data-design="w5"] .cite-fb{margin-top:14px;padding-top:14px;border-top:1px solid var(--w-line)} html[data-design="w5"] .cf-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 10px;font-size:13px;color:var(--w-sub)} html[data-design="w5"] .cf-h b{font-size:14px;color:var(--w-ink)} html[data-design="w5"] .cf-more{margin-top:12px;font-size:13px;font-weight:700;color:var(--w-acc)} html[data-design="w5"] .br-ok.none{color:var(--w-mute)} html[data-design="w5"] .fd-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0} html[data-design="w5"] .fd-row .btn{cursor:pointer} html[data-design="w5"] .ru-folder{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .fd-list{max-height:44vh;overflow:auto;border-top:1px solid var(--w-line);scrollbar-width:thin} html[data-design="w5"] .fd-list td{padding:7px 8px;font-size:13px;vertical-align:middle} html[data-design="w5"] .fd-list td b{font-weight:600} html[data-design="w5"] .fd-list .ck{width:30px} html[data-design="w5"] .fd-path,html[data-design="w5"] .fd-why{display:block;font-size:11.5px} html[data-design="w5"] .rn-drop{margin:0 0 12px} html[data-design="w5"] .rn-cand-why{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:13.5px;color:var(--w-ink)} html[data-design="w5"] .rn-cand-why .k{font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .rn-cand-why .badge{font-size:12px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .rn-cand .ck{width:36px} html[data-design="w5"] .gd{margin:26px 0 0} html[data-design="w5"] .gd.flush{margin:0} html[data-design="w5"] .gd:not(.flush) .fcs-grid{border-top:1px solid var(--w-line2)} html[data-design="w5"] .gd-h{margin:22px 0 0;font-size:15px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] #in-res:not([hidden])+.in-gd{display:none} html[data-design="w5"] .fcs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--w-line)} html[data-design="w5"] .fcs-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))} html[data-design="w5"] a.fcs-g.go{color:inherit;text-decoration:none;padding-left:22px;transition:background .15s} html[data-design="w5"] a.fcs-g.go:first-child{padding-left:22px} html[data-design="w5"] a.fcs-g.go:hover{background:var(--w-soft)} html[data-design="w5"] a.fcs-g.go .fcs-cats i{display:inline-block;font-style:normal;transition:transform .2s} html[data-design="w5"] a.fcs-g.go:hover .fcs-cats i{transform:translateX(4px)} html[data-design="w5"] .gd-h+.gd{margin-top:18px} html[data-design="w5"] .gd-h{padding-left:22px} /* 화면 도움말 ? 단추(설정 왼쪽) */ html[data-design="w5"] .help-btn{display:inline-flex;align-items:center;justify-content:center;align-self:center;vertical-align:middle;width:26px;height:32px;padding:0;border:0;border-radius:6px;background:none;color:var(--w-sub);cursor:pointer;font:500 14px/1 var(--w-mono);transition:color .15s} html[data-design="w5"] :is(.gnb,.w5-nav) :is(.top-logout,.help-btn,.gear){transition:color .15s;box-shadow:none} html[data-design="w5"] :is(.gnb,.w5-nav) :is(.top-logout,.help-btn,.gear):hover{color:var(--w-acc);background:none!important} html[data-design="w5"] .gnb .top-logout{margin:0 -8px 0 2px} html[data-design="w5"] .gnb .help-btn{margin:0 -8px} html[data-design="w5"] .gnb .gear{width:28px;margin-left:0} html[data-design="w5"] .w5-nav .help-btn{margin:0 -20px} html[data-design="w5"] .w5-nav .top-logout+.help-btn{margin:0 -20px} html[data-design="w5"] .w5-nav .help-btn+.gear{margin-left:0;width:28px} /* 화면 도움말 창: 설정 바탕색 그대로, 상자 없이 선·번호만 */ html[data-design="w5"] .help-dw .drawer-panel{width:min(440px,94vw);background:var(--w-bg);border-left:1px solid var(--w-line2);box-shadow:-18px 0 40px -18px rgba(17,22,32,.4)} html[data-design="w5"] .hp-body{flex:1;overflow:auto;padding:26px 30px 30px;scrollbar-width:thin} html[data-design="w5"] .hp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .hp-k{display:block;font-family:var(--w-mono);font-size:10.5px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] .hp-k.acc{color:var(--w-acc)} html[data-design="w5"] .hp-head h2{margin:6px 0 0;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--w-ink)} html[data-design="w5"] .hp-at{margin:4px 0 0;font-size:12px;color:var(--w-mute)} html[data-design="w5"] .hp-x{border:0;background:none;font-size:24px;line-height:1;color:var(--w-mute);cursor:pointer;padding:2px 4px;border-radius:6px} html[data-design="w5"] .hp-x:hover{color:var(--w-ink);background:rgba(23,32,64,.06)} html[data-design="w5"] .hp-lead{margin:14px 0 0;font-size:13.5px;line-height:1.6;color:var(--w-sub)} html[data-design="w5"] .hp-blk{margin-top:24px} html[data-design="w5"] .hp-blk>.hp-k{padding-bottom:8px;border-bottom:1px solid var(--w-line2)} html[data-design="w5"] .hp-steps{list-style:none;margin:0;padding:0;counter-reset:hp} html[data-design="w5"] .hp-steps li{counter-increment:hp;display:grid;grid-template-columns:34px minmax(0,1fr);padding:11px 0;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .hp-steps li::before{content:counter(hp,decimal-leading-zero);grid-row:span 2;font-family:var(--w-num);font-weight:500;font-size:16px;line-height:1.3;color:var(--w-acc)} html[data-design="w5"] .hp-steps b{font-size:14px;color:var(--w-ink)} html[data-design="w5"] .hp-steps span{font-size:12.5px;line-height:1.6;color:var(--w-sub)} html[data-design="w5"] .hp-tbl{display:grid;grid-template-columns:auto minmax(0,1fr);margin:0} html[data-design="w5"] .hp-tbl dt,html[data-design="w5"] .hp-tbl dd{margin:0;padding:9px 0;border-bottom:1px solid var(--w-line);font-size:12.5px} html[data-design="w5"] .hp-tbl dt{padding-right:16px;font-weight:700;color:var(--w-ink);white-space:nowrap} html[data-design="w5"] .hp-tbl dd{color:var(--w-sub)} html[data-design="w5"] .hp-notes{list-style:none;margin:0;padding:0} html[data-design="w5"] .hp-notes li{display:grid;grid-template-columns:34px minmax(0,1fr);padding:9px 0;border-bottom:1px solid var(--w-line);font-size:12.5px;line-height:1.6;color:var(--w-sub)} html[data-design="w5"] .hp-notes li::before{content:"—";color:var(--w-line2)} html[data-design="w5"] .hp-notes li.w,html[data-design="w5"] .hp-notes li.w::before{color:#E07A1F} html[data-design="w5"] .hp-faq{border-bottom:1px solid var(--w-line)} html[data-design="w5"] .hp-faq summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;padding:10px 0;cursor:pointer;font-size:13px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .hp-faq summary::-webkit-details-marker{display:none} html[data-design="w5"] .hp-faq summary::before{content:"Q";font-family:var(--w-num);font-weight:500;color:var(--w-acc)} html[data-design="w5"] .hp-faq summary::after{content:"+";font-family:var(--w-num);color:var(--w-mute);text-align:right} html[data-design="w5"] .hp-faq[open] summary::after{content:"−"} html[data-design="w5"] .hp-faq p{margin:0 0 10px 34px;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .hp-rel{display:flex;flex-wrap:wrap;gap:4px 20px;padding-top:10px} html[data-design="w5"] .hp-rel button{border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .hp-rel button:hover{text-decoration:underline} html[data-design="w5"] .hp-foot{margin-top:28px;padding-top:14px;border-top:1px solid var(--w-line2);text-align:right} html[data-design="w5"] .hp-foot a{font-size:13px;font-weight:700;color:var(--w-acc);text-decoration:none} html[data-design="w5"] .hp-foot a:hover{text-decoration:underline} html[data-design="w5"] .fcs-g{padding:22px 22px 24px;border-left:1px solid var(--w-line)} html[data-design="w5"] .fcs-g:first-child{border-left:0;padding-left:0} html[data-design="w5"] .fcs-no{display:block;font-family:var(--w-num);font-size:22px;font-weight:500;line-height:1;color:var(--w-acc);margin-bottom:14px} html[data-design="w5"] .fcs-g>b{display:block;font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--w-ink)} html[data-design="w5"] .fcs-g>p{margin:6px 0 12px;font-size:13px;line-height:1.55;color:var(--w-sub)} html[data-design="w5"] .fcs-cats{display:block;font-size:12px;font-weight:600;color:var(--w-acc)} html[data-design="w5"] .fcs-steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 0;margin:0;padding:16px 0 0} html[data-design="w5"] .fcs-steps li{display:flex;align-items:baseline;gap:8px;font-size:13px} html[data-design="w5"] .fcs-steps li+li::before{content:"";align-self:center;width:28px;border-top:1px solid var(--w-line2);margin:0 16px} html[data-design="w5"] .fcs-st{font-family:var(--w-mono);font-size:10.5px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] .fcs-steps b{font-weight:700;color:var(--w-ink)} html[data-design="w5"] .fcs-d{color:var(--w-sub)} @media (max-width:1100px){html[data-design="w5"] .fcs-grid:not(.c3){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-design="w5"] .fcs-grid:not(.c3) .fcs-g:nth-child(3){border-left:0;padding-left:0}html[data-design="w5"] .fcs-grid:not(.c3) .fcs-g:nth-child(n+3){border-top:1px solid var(--w-line)}} @media (max-width:640px){html[data-design="w5"] .fcs-grid,html[data-design="w5"] .fcs-grid.c3{grid-template-columns:1fr}html[data-design="w5"] .fcs-g{border-left:0;padding-left:0;padding-right:0}html[data-design="w5"] .fcs-g+.fcs-g{border-top:1px solid var(--w-line)}html[data-design="w5"] .fcs-steps{flex-direction:column}html[data-design="w5"] .fcs-steps li+li::before{display:none}} /* 메인 큰 숫자 제목 옆 상태별 건수: 검토 전 n | 검토 중 n */ html[data-design="w5"] .w5-big h2 .w5-todo .w5-sep{display:inline-block;width:1px;height:.8em;margin:0 8px;background:var(--w-line2);vertical-align:-1px} /* 개정 대응 화면: 규정 해당 없음 단추·표지 */ html[data-design="w5"] .mk-pair{gap:6px;flex-wrap:nowrap} html[data-design="w5"] .na-btn{display:inline-flex;align-items:center;gap:5px;color:var(--w-ink);background:var(--w-surface,#fff);border:1px solid var(--w-line2)} html[data-design="w5"] .na-btn .ico{width:13px;height:13px;color:var(--w-done)} html[data-design="w5"] .na-btn:hover{background:rgba(23,32,64,.05);border-color:var(--w-mute)} html[data-design="w5"] .badge.b-na{display:inline-flex;align-items:center;gap:4px;color:var(--w-sub);font-weight:500} html[data-design="w5"] .badge.b-na .ico{width:13px;height:13px;color:var(--w-done)} html[data-design="w5"] .badge.b-na::before{display:none} html[data-design="w5"] .impact .row.between>.rc-h{gap:8px} html[data-design="w5"] .pm .ar-fg ul.pm-dots{margin:0;padding:0} html[data-design="w5"] .pm .ar-fg ul.pm-dots li{font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] mark.blank-mk{background:#FFE4E6;color:#E11D48;font-weight:700;border-radius:3px;padding:0 2px} html[data-design="w5"] .pl-rule{margin-top:6px} html[data-design="w5"] .pl-list{list-style:none;margin:0;padding:0} html[data-design="w5"] .pl-list li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--w-line);font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .pl-list li:last-child{border-bottom:0} html[data-design="w5"] .pl-list li b{font-weight:600;color:var(--w-ink);white-space:nowrap} html[data-design="w5"] .pl-list li.done b{color:var(--w-done)} html[data-design="w5"] .pl-list li.skip{opacity:.55} html[data-design="w5"] .pl-list li.skip b{font-weight:400;color:var(--w-mute)} html[data-design="w5"] .ar-chg{display:flex;gap:8px;margin:6px 0 8px;font-size:12.5px;color:var(--w-ink)} html[data-design="w5"] .ar-chg .k{flex:none;color:var(--w-mute)} html[data-design="w5"] .ask-hist .ah-c{display:flex;gap:8px;align-items:baseline;margin-top:4px;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .ask-hist .ah-tag.c{background:#E0F2FE;color:#0369A1} html[data-design="w5"] .ask-hist .ah-undo{margin-top:6px} html[data-design="w5"] .ask-hist li.undone .ah-q>span:not(.ah-tag):not(.ah-undone),html[data-design="w5"] .ask-hist li.undone .ah-a>span:not(.ah-tag),html[data-design="w5"] .ask-hist li.undone .ah-c>span:not(.ah-tag){text-decoration:line-through;color:var(--w-mute)} html[data-design="w5"] .ask-hist .ah-undone{margin-left:6px;padding:1px 6px;border-radius:5px;background:#F1F5F9;font-size:11.5px;color:var(--w-mute)} html[data-design="w5"] .op-sum-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--w-panel);font-size:13px;color:var(--w-sub)} html[data-design="w5"] .pl-date{position:relative;display:flex;align-items:center} html[data-design="w5"] .pl-date input[type=text]{width:100%;padding-right:40px} html[data-design="w5"] .pl-cal{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--w-sub);display:inline-flex;align-items:center;justify-content:center;cursor:pointer} html[data-design="w5"] .pl-cal:hover{background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .pl-cal .ico{width:16px;height:16px} html[data-design="w5"] #pl-pick{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0} html[data-design="w5"] .pl-bad{display:block;margin-top:4px;font-size:12px} html[data-design="w5"] .pl-bad[hidden]{display:none} html[data-design="w5"] .pl-short{margin:10px 0 0;font-size:12.5px;line-height:1.6;color:#E11D48} html[data-design="w5"] .pl-short b,html[data-design="w5"] .pl-short span{display:block} html[data-design="w5"] .pl-short b{font-weight:600} html[data-design="w5"] .pl-list li{align-items:center} html[data-design="w5"] .pl-list li b{display:inline-flex;align-items:center;gap:2px} html[data-design="w5"] .pl-list li b i{font-style:normal;color:var(--w-mute);padding:0 1px} html[data-design="w5"] .pl-list .pl-d{width:76px;min-height:26px;height:26px;padding:0 4px;border-radius:6px;background:transparent;border:1px solid transparent;text-align:right;font-weight:600;font-size:12.5px;color:var(--w-ink);cursor:text} html[data-design="w5"] .pl-list .pl-d:hover{background:var(--w-field);border-color:var(--w-line2)} html[data-design="w5"] .pl-list .pl-d:focus{background:#fff;text-align:left} html[data-design="w5"] .pl-list .pl-d.edited{color:var(--w-acc)} html[data-design="w5"] .pl-list .pl-d.err{border-color:#E11D48} html[data-design="w5"] .pl-list li.bad .pl-d{color:#E11D48} html[data-design="w5"] .pm .pl-order,html[data-design="w5"] .pm .pl-order .bar-txt span{margin:8px 0 0;font-size:12.5px;color:#E11D48} html[data-design="w5"] .pl-order[hidden],html[data-design="w5"] .pl-short[hidden]{display:none} html[data-design="w5"] .pl-list li>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} html[data-design="w5"] .pl-list li>b{flex:none} html[data-design="w5"] .pm-dots li{display:block;position:relative;padding:2px 0 2px 12px} html[data-design="w5"] .pm-dots li::before{position:absolute;left:0;top:2px;margin-top:7px} html[data-design="w5"] .pd-op{margin-top:28px;padding-top:22px;border-top:1px solid var(--w-line)} html[data-design="w5"] .pd-op-h{display:flex;align-items:baseline;gap:12px;margin-bottom:12px} html[data-design="w5"] .pd-op-h .fh-title{margin:0;font-size:15px} html[data-design="w5"] .pd-op .op-drop{margin-bottom:6px} html[data-design="w5"] .op-rows{display:flex;flex-direction:column;gap:0;margin-bottom:12px} html[data-design="w5"] .op-row{padding:16px 0 14px;border:0;border-top:1px solid var(--w-line);border-radius:0;background:none;box-shadow:none} html[data-design="w5"] .op-row:first-child{border-top:0} html[data-design="w5"] .op-head{display:flex;align-items:center;gap:8px;margin-bottom:8px} html[data-design="w5"] .op-no{font-size:13px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .op-row.acc .op-no::after{content:"수용";margin-left:8px;padding:1px 7px;border-radius:5px;background:rgba(21,128,61,.1);color:#15803D;font-size:11.5px;font-weight:500} html[data-design="w5"] .op-row.rej .op-no::after{content:"미수용";margin-left:8px;padding:1px 7px;border-radius:5px;background:rgba(225,29,72,.08);color:#E11D48;font-size:11.5px;font-weight:500} html[data-design="w5"] .op-del{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--w-mute);display:inline-flex;align-items:center;justify-content:center;cursor:pointer} html[data-design="w5"] .op-del:hover{background:rgba(225,29,72,.08);color:#E11D48} html[data-design="w5"] .op-del .ico{width:15px;height:15px} html[data-design="w5"] .op-line{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap} html[data-design="w5"] .op-line .field{gap:6px} html[data-design="w5"] .op-dept{flex:0 0 200px} html[data-design="w5"] .op-arts{flex:1 1 300px;min-width:0} html[data-design="w5"] .op-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:40px} html[data-design="w5"] .op-chip{height:30px;padding:0 12px;border:1px solid var(--w-line2);border-radius:8px;background:transparent;font-size:12.5px;color:var(--w-sub);cursor:pointer} html[data-design="w5"] .op-chip:hover{border-color:var(--w-acc);color:var(--w-acc)} html[data-design="w5"] .op-chip.on{background:var(--w-tint);border-color:rgba(53,82,224,.35);color:var(--w-acc);font-weight:600} html[data-design="w5"] .op-chips .op-art-add{width:130px;min-height:30px;height:30px;padding:0 10px;border-radius:8px;font-size:12.5px} html[data-design="w5"] .op-acc{flex:none} html[data-design="w5"] .op-seg{display:inline-flex;height:40px;align-items:center;padding:3px;gap:2px;border-radius:10px;background:var(--w-field)} html[data-design="w5"] .op-seg button{height:30px;padding:0 12px;border:0;border-radius:7px;background:transparent;font-size:12.5px;color:var(--w-sub);cursor:pointer} html[data-design="w5"] .op-seg button:hover{color:var(--w-ink)} html[data-design="w5"] .op-seg button[data-acc="1"].on{background:#fff;color:#15803D;font-weight:600;box-shadow:0 1px 2px rgba(23,32,64,.12)} html[data-design="w5"] .op-seg button[data-acc="0"].on{background:#fff;color:#E11D48;font-weight:600;box-shadow:0 1px 2px rgba(23,32,64,.12)} html[data-design="w5"] .op-row .op-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px} html[data-design="w5"] .op-row .op-grid .field{gap:6px} html[data-design="w5"] .op-row .op-grid textarea{min-height:76px;resize:vertical} html[data-design="w5"] .op-last{margin-top:14px} html[data-design="w5"] .op-note{flex:1 1 320px;margin:0} html[data-design="w5"] .op-act{display:flex;align-items:center;gap:8px;height:40px;margin-top:24px} html[data-design="w5"] .op-ok{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#15803D} html[data-design="w5"] .op-ok .ico{width:14px;height:14px} @media (max-width:900px){html[data-design="w5"] .op-row .op-grid{grid-template-columns:1fr}} html[data-design="w5"] .proc-d .pd-move,html[data-design="w5"] .pd-move:not(.wide){max-width:900px} html[data-design="w5"] .apx-import{gap:8px} html[data-design="w5"] .apx-import .ai-t{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:500;color:var(--w-ink)} html[data-design="w5"] .apx-import .ai-t .meta{font-size:12px;font-weight:400} html[data-design="w5"] .apx-import .apx-drop{flex-direction:row;justify-content:flex-start;gap:10px;min-height:40px;padding:8px 14px} html[data-design="w5"] .apx-import .apx-drop b{font-size:13px} html[data-design="w5"] .apx-import .apx-drop span{font-size:12px;color:var(--w-mute)} html[data-design="w5"] .cmp-apx{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px} html[data-design="w5"] .apx-col.old .ab.chg,html[data-design="w5"] .apx-col.old .apx-doc-title.chg{background:transparent;border-left-color:#E11D48} html[data-design="w5"] .cmp-apx .cmp-none{padding:20px 16px} html[data-design="w5"] .sheet+.sheet{margin-top:22px} html[data-design="w5"] .apx-import .ai-t span{white-space:nowrap} html[data-design="w5"] .apx-import .ai-t .meta{margin-left:auto} html[data-design="w5"] .apx-import{min-width:0;overflow:hidden} html[data-design="w5"] .apx-import .ai-t{gap:6px;font-size:12.5px} html[data-design="w5"] .apx-import .ai-t .ico{width:14px;height:14px;flex:none} html[data-design="w5"] .apx-import .ai-t .meta{margin-left:auto;font-size:11px;letter-spacing:-.2px} html[data-design="w5"] .ab-tools .tip{margin:0 0 0 6px;padding:0;border-radius:0;background:none;font-size:12px;color:var(--w-sub)} html[data-design="w5"] .apx-bar .dirty{font-size:12.5px;color:#E07A1F} html[data-design="w5"] .apx-bar .dirty.ok{color:var(--w-done);font-weight:600} html[data-design="w5"] .apx-bar #apx-save{margin-left:4px} html[data-design="w5"] .apx-add{align-items:center;gap:8px;color:var(--w-acc);font-size:13.5px;font-weight:600} html[data-design="w5"] .apx-add .ico{width:15px;height:15px} html[data-design="w5"] .apx-add.open{background:var(--w-field)} html[data-design="w5"] .apx-add-menu{margin:2px 0 4px 14px;padding-left:10px;border-left:2px solid var(--w-line2)} html[data-design="w5"] .apx-add-menu .apx-item{margin-bottom:2px} html[data-design="w5"] .apx-add-menu .apx-title{color:var(--w-sub)} html[data-design="w5"] .apx-list .apx-import{margin-top:10px;padding-top:10px} html[data-design="w5"] .apx-doc .dt{color:var(--w-new);font-weight:600} html[data-design="w5"] .apx-col.old .apx-doc .dt{color:var(--w-old)} html[data-design="w5"] .apx-list .apx-add{justify-content:center;margin-top:8px;padding:9px 10px;border:1px dashed var(--w-line2);border-radius:10px;background:transparent;color:var(--w-ink);font-weight:600} html[data-design="w5"] .apx-list .apx-add .ico{color:var(--w-ink)} html[data-design="w5"] .apx-list .apx-add:hover,html[data-design="w5"] .apx-list .apx-add.open{border-style:solid;border-color:var(--w-ink);background:var(--w-surface)} html[data-design="w5"] .op-row{padding:12px 0 12px} html[data-design="w5"] .op-head{gap:10px;margin-bottom:8px} html[data-design="w5"] .op-head .op-dept-in{width:200px;min-height:34px;height:34px;padding:0 12px;font-size:13px} html[data-design="w5"] .op-head .op-seg{height:34px} html[data-design="w5"] .op-head .op-seg button{height:28px} html[data-design="w5"] .op-head .op-act{display:inline-flex;align-items:center;gap:6px;height:auto;margin-top:0} html[data-design="w5"] .op-arts-line{display:flex;align-items:center;gap:10px;margin-bottom:8px} html[data-design="w5"] .op-k{flex:none;width:58px;font-size:12.5px;font-weight:500;color:var(--w-sub)} html[data-design="w5"] .op-arts-line .op-chips{min-height:34px;flex:1;min-width:0} html[data-design="w5"] .op-row .op-grid{gap:12px;margin-top:0} html[data-design="w5"] .op-row .op-grid .field{gap:4px} html[data-design="w5"] .op-row .op-grid textarea{min-height:58px} html[data-design="w5"] .op-note-line{display:flex;align-items:center;gap:10px;margin-top:8px} html[data-design="w5"] .op-note-line input{flex:1;min-width:0;min-height:34px;height:34px;padding:0 12px;font-size:13px} html[data-design="w5"] .d-in{position:relative;display:inline-flex;align-items:center;vertical-align:middle} html[data-design="w5"] .d-in[hidden]{display:none} html[data-design="w5"] .d-in .d-txt{width:150px;padding-right:38px} html[data-design="w5"] .d-in .d-txt.err{border-color:#E11D48;color:#E11D48} html[data-design="w5"] .d-cal{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:28px;border:0;border-radius:7px;background:transparent;color:var(--w-sub);display:inline-flex;align-items:center;justify-content:center;cursor:pointer} html[data-design="w5"] .d-cal:hover{background:var(--w-tint);color:var(--w-acc)} html[data-design="w5"] .d-cal .ico{width:15px;height:15px} html[data-design="w5"] .d-in .d-pick{position:absolute;right:0;bottom:0;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none;border:0;padding:0} html[data-design="w5"] .field .d-in{display:flex} html[data-design="w5"] .field .d-in .d-txt{width:100%} html[data-design="w5"] .ps-no{display:flex;align-items:center;gap:8px;flex-wrap:wrap} html[data-design="w5"] .ps-no input{width:110px} html[data-design="w5"] .ab-bar button.rv{color:var(--w-acc);font-weight:600} html[data-design="w5"] .w5-cmp .lc.o{padding-right:24px} html[data-design="w5"] .w5-cmp .lc.n{padding-left:15px;padding-right:8px} html[data-design="w5"] .apx-import .apx-drop{min-height:60px} html[data-design="w5"] .op-drop{min-height:74px} html[data-design="w5"] [data-ru-drop].att-drop{min-height:78px} html[data-design="w5"] .att.drag-on .att-drop,html[data-design="w5"] .att-drop.drag-on,html[data-design="w5"] .apx-drop.drag-on,html[data-design="w5"] .op-drop.drag-on,html[data-design="w5"] .in-drop.drag-on{background:var(--w-tint);border-color:var(--w-acc);border-style:solid;box-shadow:0 0 0 4px rgba(53,82,224,.10)} html[data-design="w5"] .z-busy{position:relative;pointer-events:none} html[data-design="w5"] .z-busy>*:not(.z-status):not(input){visibility:hidden} html[data-design="w5"] .z-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-size:13px;color:var(--w-acc);background:var(--w-tint);border-radius:inherit} html[data-design="w5"] .z-status b{font-weight:600;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html[data-design="w5"] .z-status>span:last-child{color:var(--w-sub)} html[data-design="w5"] .apx-grid.ro .apx-add, html[data-design="w5"] .apx-grid.ro .apx-add-menu, html[data-design="w5"] .apx-grid.ro .apx-import, html[data-design="w5"] .apx-grid.ro [data-apx-rv], html[data-design="w5"] .apx-grid.ro [data-apx-del], html[data-design="w5"] .apx-grid.ro [data-apx-restore], html[data-design="w5"] .apx-grid.ro #apx-save, html[data-design="w5"] .apx-grid.ro #apx-dirty, html[data-design="w5"] .apx-grid.ro .ab-bar, html[data-design="w5"] .apx-grid.ro .ab-tools, html[data-design="w5"] .apx-grid.ro .ab-add{display:none!important} html[data-design="w5"] .apx-grid.ro .apx-col.new .apx-col-head .meta{display:none} html[data-design="w5"] .tag-na{background:transparent;border:1px solid var(--w-line2);color:var(--w-sub);font-weight:500} html[data-design="w5"] .jobs-t tr.na-rec{cursor:pointer} html[data-design="w5"] .filter .d-in .d-txt{width:146px} html[data-design="w5"] .mine-chip,html[data-design="w5"] .mine-chip.on{background:transparent!important;padding:0 4px} html[data-design="w5"] .mine-chip{color:#4A5266} html[data-design="w5"] .mine-chip.on{color:var(--w-acc);font-weight:700} html[data-tone="dark"] .mine-chip{color:#C3CAD9} html[data-design="w5"] .ud-list{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px} html[data-design="w5"] .ud-opt{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border:1px solid var(--w-line);border-radius:10px;cursor:pointer} html[data-design="w5"] .ud-opt:hover{background:var(--w-tint)} html[data-design="w5"] .ud-opt:has(input:checked){border-color:rgba(53,82,224,.45);background:var(--w-tint)} html[data-design="w5"] .ud-opt input{margin-top:3px} html[data-design="w5"] .ud-opt>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 12px} html[data-design="w5"] .ud-opt b{font-size:13.5px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .cmp-t th .reg-mini{vertical-align:-2px} html[data-design="w5"] .btn.undo-btn{background:var(--w-surface);border:1px solid var(--w-line2);color:var(--w-ink);font-weight:600} html[data-design="w5"] .btn.undo-btn:hover{border-color:var(--w-acc);color:var(--w-acc);background:var(--w-tint)} html[data-design="w5"] .btn.undo-btn .ico{width:13px;height:13px} html[data-design="w5"] .lg-head .tag-na{margin-left:4px} html[data-design="w5"] .law-grp .lg-none{margin:0;padding:12px 18px} html[data-design="w5"] .apx-import .apx-keep{margin:2px 0 8px;font-size:12px;line-height:1.6;display:flex;flex-direction:column} html[data-design="w5"] .apx-import .apx-keep b{display:inline-block;min-width:44px;font-weight:600;color:var(--w-ink)} html[data-design="w5"] .ag-body{position:relative} html[data-design="w5"] .ag-savebar{position:sticky;top:var(--gnb-h);z-index:6;height:0;margin:0;padding:0;border:0!important;background:none!important;backdrop-filter:none!important;display:flex;justify-content:flex-end;overflow:visible} html[data-design="w5"] .ag-savebar>.row{margin-top:12px;gap:10px} html[data-design="w5"] .ag-savebar .dirty:not(:empty){background:var(--w-surface);padding:3px 8px;border-radius:6px} html[data-design="w5"] .ag-body .major-head{padding-right:220px} html[data-design="w5"] .why-act{gap:10px;margin-left:auto} html[data-design="w5"] .op-note-line .op-ntf-k{margin-left:14px} html[data-design="w5"] .user-chip{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--w-ink)} html[data-design="w5"] .user-chip .ico{width:14px;height:14px} html[data-design="w5"] .user-chip .uc-role{color:var(--w-acc);font-weight:600;font-size:11.5px} html[data-design="w5"] .acct-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} html[data-design="w5"] .acct-name{display:inline-flex;align-items:center;gap:8px} html[data-design="w5"] .acct-name .ico{width:16px;height:16px;color:var(--w-sub)} html[data-design="w5"] .pw-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-top:14px} html[data-design="w5"] .pw-form .field{margin:0} html[data-design="w5"] .pw-form .pw-rule{grid-column:1 / -1;margin:0;font-size:12px} html[data-design="w5"] .org-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px} html[data-design="w5"] .org-code .code{font-family:var(--w-mono);font-size:17px;letter-spacing:2px;color:var(--w-acc)} html[data-design="w5"] .org-users tr.off td{opacity:.55} html[data-design="w5"] .login-body{margin:0;background:var(--w-bg)} html[data-design="w5"] .lg-home .vline{top:150px} html[data-design="w5"] .lg-tabs button.on{color:var(--w-ink);border-bottom-color:var(--w-ink)} html[data-design="w5"] .lg-tabs button:hover:not(.on){color:var(--w-sub)} html[data-design="w5"] .lg-f .mono{font-family:var(--w-mono);font-size:10.5px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--w-sub)} html[data-design="w5"] .lg-form input::placeholder{color:var(--w-mute);font-size:14px} html[data-design="w5"] .lg-err{margin:-6px 0 0;color:var(--w-old);font-size:13.5px;font-weight:600} html[data-design="w5"] .lg-help{margin:-8px 0 0;font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .lg-help.left{margin:-10px 0 0} html[data-design="w5"] .set-kv{max-width:560px;margin-bottom:26px} html[data-design="w5"] .set-kv th{width:120px;font-family:inherit;font-size:13px;letter-spacing:0;text-transform:none;color:var(--w-sub);background:none;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .src-t .src-url{max-width:420px;word-break:break-all;font-size:12.5px} html[data-design="w5"] .src-add{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:10px;margin:16px 0 6px} html[data-design="w5"] .src-res{margin:12px 0} html[data-design="w5"] .src-res ul{margin:4px 0 0;padding-left:18px;font-size:13px;line-height:1.8} html[data-design="w5"] .dsec .org-code{margin:4px 0 0} html[data-design="w5"] .pw-form input[type=password]{width:100%;box-sizing:border-box;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;color:var(--w-ink);background:var(--w-field)} html[data-design="w5"] .pw-form input[type=password]:hover{background:var(--w-field-h)} html[data-design="w5"] .lg-go small{font:600 15px "Pretendard Variable",sans-serif;letter-spacing:-.2px} html[data-design="w5"] .lg-go:hover{color:var(--w-acc);border-bottom-color:var(--w-acc)} html[data-design="w5"] .lg-go:disabled{color:var(--w-mute);border-bottom-color:var(--w-line2);cursor:default} html[data-design="w5"] .lg-body{display:grid;grid-template-columns:420px minmax(0,1fr);gap:96px;margin:44px 0 0 92px;align-items:start} html[data-design="w5"] .lg-side{max-width:420px;padding-top:2px} html[data-design="w5"] .lg-tabs{display:flex;gap:28px;margin:0 0 26px} html[data-design="w5"] .lg-tabs button{border:0;background:none;padding:0 0 8px;font:inherit;font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--w-mute);cursor:pointer;border-bottom:2.5px solid transparent} html[data-design="w5"] .lg-line{margin:0 0 22px;font-size:14px;color:var(--w-sub)} html[data-design="w5"] .lg-form{display:flex;flex-direction:column;gap:14px} html[data-design="w5"] .lg-f{display:flex;flex-direction:column;gap:5px;margin:0} html[data-design="w5"] .lg-form input:not([type=checkbox]){width:100%;box-sizing:border-box;min-height:40px;padding:8px 2px;border:0;border-bottom:1.5px solid var(--w-line2);border-radius:0;background:transparent;font:inherit;font-size:14.5px;color:var(--w-ink);box-shadow:none} html[data-design="w5"] .lg-form input:not([type=checkbox]):hover{background:transparent;border-bottom-color:var(--w-mute)} html[data-design="w5"] .lg-form input:not([type=checkbox]):focus{outline:0;background:transparent;box-shadow:none;border-color:transparent;border-bottom:1.5px solid var(--w-mute)} html[data-design="w5"] .lg-form input:is(:-webkit-autofill,:autofill),html[data-design="w5"] .lg-form input:is(:-webkit-autofill,:autofill):is(:hover,:focus){-webkit-box-shadow:0 0 0 1000px var(--w-bg) inset!important;box-shadow:0 0 0 1000px var(--w-bg) inset!important;-webkit-text-fill-color:var(--w-ink);caret-color:var(--w-ink);transition:background-color 600000s 0s,color 600000s 0s} html[data-design="w5"] .lg-2{display:grid;grid-template-columns:1fr 1fr;gap:14px} html[data-design="w5"] .lg-go{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;height:38px;margin-top:4px;padding:0 4px;border:0;border-bottom:1.5px solid var(--w-ink);border-radius:0;background:none;font:500 12px var(--w-mono);letter-spacing:1.6px;color:var(--w-ink);cursor:pointer} html[data-design="w5"] .lg-brief .w5-tabs button{cursor:default} html[data-design="w5"] .lg-brief .lg-grid .g-h,html[data-design="w5"] .lg-brief .lg-grid .g-r{grid-template-columns:112px repeat(3,minmax(0,1fr))} html[data-design="w5"] .lg-grid .g-r>span:not(.k){display:flex;align-items:baseline;justify-content:center;gap:4px;padding:10px 4px;font-size:13.5px;color:var(--w-ink)} html[data-design="w5"] .lg-grid .g-r>span b{font-family:var(--w-num);font-weight:500;font-size:22px;color:var(--w-acc)} html[data-design="w5"] .lg-grid .g-r>span.zero b{color:var(--w-mute)} html[data-design="w5"] .top-logout{display:inline-flex;align-items:center;height:32px;padding:0 6px;border:0;border-radius:6px;background:none;font:500 11.5px var(--w-mono);letter-spacing:1.6px;color:var(--w-sub);cursor:pointer;text-decoration:none} html[data-design="w5"] .top-logout small{font:600 12.5px "Pretendard Variable",sans-serif;letter-spacing:-.2px} html[data-design="w5"] .top-logout:hover{color:var(--w-acc);background:var(--w-soft)} @media (max-width:1100px){html[data-design="w5"] .lg-body{grid-template-columns:1fr;gap:40px;margin:30px 0 0}} html[data-design="w5"] .w5-nav .top-logout{margin-left:auto} html[data-design="w5"] .w5-nav .top-logout+.gear{margin-left:-10px} html[data-design="w5"] .gnb .top-logout{margin:0 -8px 0 2px} html[data-design="w5"] .gnb .user-chip{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--w-sub)} html[data-design="w5"] .gnb .user-chip:hover{background:var(--w-soft);color:var(--w-acc)} html[data-design="w5"] .gnb .user-chip .ico{width:18px;height:18px} html[data-design="w5"] .me-wrap{display:flex;flex-direction:column;gap:36px;align-items:flex-start;margin-top:6px} html[data-design="w5"] .pw-col{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:460px;max-width:100%;margin:0;grid-template-columns:none} html[data-design="w5"] .pw-col .field{display:flex;flex-direction:column;gap:5px;margin:0;text-align:left} html[data-design="w5"] .pw-col h3{margin:0 0 2px;font-size:16px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .pw-col .meta{margin:0;font-size:12px;line-height:1.6} html[data-design="w5"] .pw-col .btn{align-self:flex-start} html[data-design="w5"] .sys-add{display:grid;grid-template-columns:200px minmax(0,1fr) 180px 140px auto;gap:10px;margin:14px 0 18px} html[data-design="w5"] .pw-issued{display:flex;align-items:center;gap:10px;margin:4px 0 10px} html[data-design="w5"] .pw-issued code{flex:1;font-family:var(--w-mono);font-size:18px;letter-spacing:1px;padding:8px 12px;border-radius:8px;background:rgba(53,82,224,.07);color:var(--w-acc);user-select:all;word-break:break-all} html[data-design="w5"] .mono-t{font-family:var(--w-mono);letter-spacing:1px} html[data-design="w5"] #sys-q{width:220px} html[data-design="w5"] .op-seg button:is([data-ou-role],[data-su-role]).on{background:#fff;color:var(--w-acc);font-weight:600;box-shadow:0 1px 2px rgba(23,32,64,.12)} html[data-design="w5"] .me-forms{display:flex;gap:56px;align-items:flex-start;flex-wrap:wrap} html[data-design="w5"] .pw-col input:is([type=text],[type=tel],[type=email]){width:100%;box-sizing:border-box;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;color:var(--w-ink);background:var(--w-field)} html[data-design="w5"] .src-add.src-law{grid-template-columns:minmax(0,420px) auto;justify-content:start;margin-top:22px} html[data-design="w5"] .sys-add.has-lg{grid-template-columns:190px minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr)} html[data-design="w5"] .sys-add.has-lg .btn{justify-self:start} html[data-design="w5"] .rv-home .rh-cols{grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr))} html[data-design="w5"] .biz-card{position:relative;width:460px;max-width:100%;aspect-ratio:1.6;box-sizing:border-box;padding:22px 24px 18px;border-radius:0;background:var(--w-field);box-shadow:none;display:flex;flex-direction:column} html[data-design="w5"] .biz-card .bc-top{font-family:var(--w-mono);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] .biz-card .bc-name{margin-top:auto;padding-top:60px;font-size:19px;font-weight:600;letter-spacing:-.4px;color:var(--w-ink)} html[data-design="w5"] .biz-card .bc-role{margin-top:4px;font-size:12.5px;color:var(--w-acc);font-weight:400} html[data-design="w5"] .biz-card .bc-info{display:grid;grid-template-columns:max-content max-content max-content 22px max-content max-content max-content;align-items:baseline;gap:0;margin:16px 0 0;font-size:13px;line-height:1.45;font-weight:300;color:var(--w-ink)} html[data-design="w5"] .biz-card .bc-info em{font-style:normal;font-family:var(--w-mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] .biz-card .bc-info i{font-style:normal;margin:0 8px;color:var(--w-line,#C9D0DC)} html[data-design="w5"] .biz-card .bc-info span{white-space:nowrap} html[data-design="w5"] .biz-card .bc-org{margin-top:10px;text-align:right;white-space:nowrap;font-size:10px;font-weight:300;color:var(--w-sub)} html[data-design="w5"] .biz-card .bc-org small{display:inline;margin-left:8px;font-family:var(--w-mono);font-size:10px;letter-spacing:1.6px;color:var(--w-mute)} html[data-design="w5"] .brand .c-en.ko{font-family:inherit;letter-spacing:0;font-size:12px} html[data-design="w5"] .org-en{display:grid;grid-template-columns:minmax(0,360px) auto;justify-content:start;gap:10px;margin:12px 0 22px} html[data-design="w5"] .fm-tpl{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 22px} html[data-design="w5"] .fm-tpl .bar-txt{font-size:12.5px;color:var(--w-mute)} html[data-design="w5"] .fm-wrap{overflow-x:auto;margin:10px 0 0} html[data-design="w5"] .form-steps,html[data-design="w5"] .form-style{width:100%;table-layout:fixed} html[data-design="w5"] .form-steps col.c-no{width:48px} html[data-design="w5"] .form-steps col.c-name{width:230px} html[data-design="w5"] .form-steps col.c-gap{width:96px} html[data-design="w5"] .form-steps col.c-act{width:104px} html[data-design="w5"] .form-steps{min-width:760px} html[data-design="w5"] .form-steps td{vertical-align:top;padding:5px 6px} html[data-design="w5"] .form-steps input,html[data-design="w5"] .form-steps textarea,html[data-design="w5"] .form-style input{width:100%;box-sizing:border-box} html[data-design="w5"] .form-steps input{height:34px;font-size:13.5px} html[data-design="w5"] .form-steps td:first-child{padding-top:13px} html[data-design="w5"] .form-steps textarea{resize:vertical;min-height:34px;padding:6px 10px;line-height:1.55;font-size:13px} html[data-design="w5"] .fs-min{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--w-sub);white-space:nowrap} html[data-design="w5"] .fs-min input{width:64px} html[data-design="w5"] .fs-only{display:block;margin-top:6px;font-size:11.5px;color:var(--w-acc)} html[data-design="w5"] .fs-act{white-space:nowrap} html[data-design="w5"] .fs-act .ic-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--w-line2);border-radius:4px;background:var(--w-surface);color:var(--w-sub);cursor:pointer;margin-right:4px} html[data-design="w5"] .fs-act .ic-btn:hover:not(:disabled){border-color:var(--w-acc);color:var(--w-acc)} html[data-design="w5"] .fs-act .ic-btn:disabled{opacity:.35;cursor:default} html[data-design="w5"] .fs-act .ic-btn svg{width:14px;height:14px} html[data-design="w5"] .fs-act .ic-btn.down svg{transform:rotate(180deg)} html[data-design="w5"] .fm-btns{display:flex;align-items:center;gap:8px;margin:10px 0 0} html[data-design="w5"] .fm-btns .sp{flex:1} html[data-design="w5"] .fm-read{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;margin:12px 0 0} html[data-design="w5"] .fm-read .btn{align-self:center} html[data-design="w5"] .form-style td,html[data-design="w5"] .form-style th{vertical-align:middle} html[data-design="w5"] .form-style col.c-item{width:170px} html[data-design="w5"] .form-style col.c-font{width:220px} html[data-design="w5"] .form-style col.c-size{width:110px} html[data-design="w5"] .form-style th{text-align:left;font-weight:500} html[data-design="w5"] .fs-unit{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--w-sub);white-space:nowrap} html[data-design="w5"] .fs-unit input{width:70px} html[data-design="w5"] .fm-margins{display:flex;gap:16px;flex-wrap:wrap} html[data-design="w5"] .form-style input.fm-filled{border-color:var(--w-acc);background:rgba(53,82,224,.05)} html[data-design="w5"] .so-en{width:176px;min-height:30px!important;padding:4px 8px;font-size:12px} html[data-design="w5"] .mr-table .chk{width:28px;padding-right:0;text-align:center} html[data-design="w5"] .sys-org-t :is(th,td){padding-left:7px;padding-right:7px} html[data-design="w5"] .org-new .field small{font-size:12px;line-height:1.5} html[data-design="w5"] .org-new.two{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:16px 28px;align-items:start;margin-top:4px} html[data-design="w5"] .org-new.two .field{display:flex;flex-direction:column;gap:5px;margin:0} html[data-design="w5"] .org-new.two :is(input,select){width:100%;box-sizing:border-box} html[data-design="w5"] .org-new-go{grid-column:1/-1} @media (max-width:900px){html[data-design="w5"] .org-new.two{grid-template-columns:minmax(0,1fr)}} html[data-design="w5"] .sys-tabs{margin:0 0 18px} html[data-design="w5"] .sys-find{display:flex;align-items:center;gap:6px;flex-wrap:wrap} html[data-design="w5"] .sys-find select{width:auto;min-width:104px} html[data-design="w5"] .sys-find.wide{margin:0 0 12px} html[data-design="w5"] .sys-find .sp{flex:1} html[data-design="w5"] .su-acts{display:inline-flex;align-items:center;gap:4px} html[data-design="w5"] .sys-org-t .so-en{width:112px} html[data-design="w5"] .del-btn.ic-only{padding-left:6px;padding-right:6px} html[data-design="w5"] .lnk{border:0;background:none;padding:0;font:inherit;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .lnk:hover{text-decoration:underline} html[data-design="w5"] .od-name{display:flex;flex-direction:column;gap:5px;margin:12px 0 0;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .od-name input{width:100%;box-sizing:border-box;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;color:var(--w-ink);background:var(--w-field)} html[data-design="w5"] .ue-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:14px 0 4px} html[data-design="w5"] .ue-form .field{display:flex;flex-direction:column;gap:5px;margin:0;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .ue-form .field:first-child{grid-column:1/-1} html[data-design="w5"] .ue-form input{width:100%;box-sizing:border-box;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;color:var(--w-ink);background:var(--w-field)} html[data-design="w5"] .ue-form small{font-size:12px} html[data-design="w5"] .ue-form.one{grid-template-columns:1fr} html[data-design="w5"] .lg-agree{display:flex;flex-direction:column;gap:6px;margin:4px 0 2px} html[data-design="w5"] .lg-chk{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--w-ink);cursor:pointer} html[data-design="w5"] .lg-chk input{width:auto;min-height:0;margin:0} html[data-design="w5"] .lg-chk b{color:var(--w-acc);font-weight:600} html[data-design="w5"] .lg-chk a{margin-left:auto;font-size:12px;color:var(--w-acc)} html[data-design="w5"] .lg-terms{margin:0;padding:8px 12px;border-radius:9px;background:var(--w-field);list-style:none;display:flex;flex-direction:column;gap:3px} html[data-design="w5"] .lg-terms li{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:baseline;font-size:11.5px;line-height:1.55;color:var(--w-sub)} html[data-design="w5"] .lg-terms li b{font-weight:600;color:var(--w-ink)} html[data-design="w5"] .lg-terms .bar{margin:0 6px;font-style:normal;color:var(--w-line)} html[data-design="w5"] .pf-agree{display:flex;flex-direction:column;gap:8px} html[data-design="w5"] .pm.fc{width:min(580px,100%);padding:0} html[data-design="w5"] .fc-head{display:block;padding:30px 30px 16px} html[data-design="w5"] .fc-eye{margin:0 0 10px;font-family:var(--w-mono);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--w-mute)} html[data-design="w5"] .fc-title{display:flex;align-items:center;gap:10px} html[data-design="w5"] .fc-mark{display:inline-flex;color:var(--w-acc)} html[data-design="w5"] .fc-mark .ico{width:20px;height:20px} html[data-design="w5"] .fc-title h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.6px;color:var(--w-ink)} html[data-design="w5"] .fc-tag{padding:3px 9px;border:1px solid rgba(53,82,224,.22);border-radius:20px;font-size:11px;font-weight:600;color:var(--w-acc)} html[data-design="w5"] .fc-sub{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--w-sub)} html[data-design="w5"] .fc-body{padding:0 30px 6px} html[data-design="w5"] .fc-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:13px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .fc-sec .meta{font-size:11px;font-weight:400} html[data-design="w5"] .fc-sec.gap{margin-top:20px} html[data-design="w5"] .fc-facts{border-top:1px solid var(--w-line);border-bottom:1px solid var(--w-line)} html[data-design="w5"] .fc-fact{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;padding:11px 0;font-size:12px;line-height:1.6} html[data-design="w5"] .fc-fact+.fc-fact{border-top:1px solid rgba(30,40,60,.06)} html[data-design="w5"] .fc-fact b{font-size:11.5px;font-weight:600;color:var(--w-sub)} html[data-design="w5"] .fc-fact span{color:var(--w-ink)} html[data-design="w5"] .fc-refuse{margin:10px 0 16px;font-size:11.5px;line-height:1.6;color:var(--w-mute)} html[data-design="w5"] .fc-consents{padding-top:4px} html[data-design="w5"] .fc-c{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 0} html[data-design="w5"] .fc-c input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--w-acc);cursor:pointer} html[data-design="w5"] .fc-c label{font-size:13px;font-weight:600;color:var(--w-ink);cursor:pointer} html[data-design="w5"] .fc-c .req{color:var(--w-acc)} html[data-design="w5"] .fc-c .opt{color:var(--w-sub)} html[data-design="w5"] .fc-c.fc-all{padding:2px 0 9px;margin-bottom:4px;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .fc-c.fc-all label{font-size:14px;font-weight:700} html[data-design="w5"] .fc-more{display:inline-flex;align-items:center;gap:3px;border:0;background:none;padding:0;font:inherit;font-size:11.5px;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .fc-more .ico,html[data-design="w5"] .fc-pv .ico{width:12px;height:12px} html[data-design="w5"] .fc-onote{margin:0 0 6px 25px;font-size:11.5px;line-height:1.6;color:var(--w-mute)} html[data-design="w5"] .fc-optd{margin:4px 0 6px 25px} html[data-design="w5"] .fc-pw{display:flex;flex-direction:column;gap:10px} html[data-design="w5"] .fc-pw .field{display:flex;flex-direction:column;gap:5px;margin:0;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .fc-pw input{width:100%;box-sizing:border-box;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;color:var(--w-ink);background:var(--w-field)} html[data-design="w5"] .fc-foot{display:flex;align-items:center;gap:8px;margin-top:14px;padding:16px 30px 22px;border-top:1px solid rgba(30,40,60,.06)} html[data-design="w5"] .fc-foot .sp{flex:1} html[data-design="w5"] .fc-pv{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--w-sub)} html[data-design="w5"] .fc-foot .btn.pri:disabled{background:#D9DFEC;border-color:#D9DFEC;color:#fff;box-shadow:none;cursor:not-allowed} html[data-design="w5"] .me-opt{margin-top:4px} html[data-design="w5"] .me-opt-t{margin-top:-6px!important} html[data-design="w5"] .me-out{display:flex;align-items:center;gap:0;margin:28px 0 0} html[data-design="w5"] .me-out .bar,html[data-design="w5"] .w5-stat .bar{margin:0 8px;font-style:normal;color:var(--w-line)} html[data-design="w5"] .pv-link{font-weight:700;color:var(--w-acc)} html[data-design="w5"] .au-t td{vertical-align:top} html[data-design="w5"] .au-t .tag.au-k{background:var(--w-field);color:var(--w-sub)} html[data-design="w5"] .au-t .tag.au-k.key{background:rgba(53,82,224,.08);color:var(--w-acc)} html[data-design="w5"] .au-ok{font-size:12px;color:var(--w-sub);margin-right:8px} html[data-design="w5"] .au-ok.bad{color:var(--w-old);font-weight:600} html[data-design="w5"] .sys-find input[type=date]{width:148px} html[data-design="w5"] .sys-find #au-q{width:220px} html[data-design="w5"] .lnk.sub{color:var(--w-sub);font-size:12px} html[data-design="w5"] .pv-body{max-width:960px;margin:18px 0 40px 92px;display:flex;flex-direction:column;gap:22px} html[data-design="w5"] .pv-lead{margin:0;font-size:14px;line-height:1.75;color:var(--w-sub)} html[data-design="w5"] .pv-h{display:flex;align-items:baseline;gap:12px;margin:8px 0 -8px;font-size:15px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .pv-h span{font-size:12px;font-weight:400;color:var(--w-mute)} html[data-design="w5"] .pv-ico{width:20px;height:20px;flex:none;color:var(--w-acc)} html[data-design="w5"] .pv-labs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px} html[data-design="w5"] .pv-lab{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:var(--w-surface);text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(30,40,60,.06);transition:box-shadow .15s,transform .15s} html[data-design="w5"] .pv-lab:hover{box-shadow:0 6px 18px -8px rgba(30,40,60,.25);transform:translateY(-1px)} html[data-design="w5"] .pv-lab .pv-ico{width:26px;height:26px} html[data-design="w5"] .pv-lab b{font-size:13.5px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .pv-lab span{font-size:12px;line-height:1.6;color:var(--w-sub)} html[data-design="w5"] .pv-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px;margin:0;padding:14px 18px;border-radius:12px;background:var(--w-surface);list-style:none} html[data-design="w5"] .pv-toc a{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--w-ink);text-decoration:none} html[data-design="w5"] .pv-toc a:hover{color:var(--w-acc)} html[data-design="w5"] .pv-toc .pv-ico{width:16px;height:16px} html[data-design="w5"] .pv-sec{scroll-margin-top:16px;padding-top:4px} html[data-design="w5"] .pv-sec h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--w-line);font-size:16px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .pv-sec ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px} html[data-design="w5"] .pv-sec li,html[data-design="w5"] .pv-p{font-size:13.5px;line-height:1.7;color:var(--w-sub)} html[data-design="w5"] .pv-p{margin:0 0 10px} html[data-design="w5"] .pv-sec .bar,html[data-design="w5"] .pv-lab .bar,html[data-design="w5"] .pv-lead .bar{margin:0 7px;font-style:normal;color:var(--w-line)} html[data-design="w5"] .pv-tw{overflow-x:auto} html[data-design="w5"] .pv-t{width:100%;border-collapse:collapse;font-size:13px;background:var(--w-surface);border-radius:10px;overflow:hidden} html[data-design="w5"] .pv-t th{padding:9px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--w-sub);background:rgba(30,40,60,.04);white-space:nowrap} html[data-design="w5"] .pv-t td{padding:9px 12px;border-top:1px solid rgba(30,40,60,.06);line-height:1.6;color:var(--w-ink);vertical-align:top} html[data-design="w5"] .pv-t td:first-child{white-space:nowrap;font-weight:500} html[data-design="w5"] .pv-hist{list-style:none;padding-left:0!important} html[data-design="w5"] .pv-hist li{display:flex;gap:14px} html[data-design="w5"] .pv-hist b{font-weight:600;color:var(--w-ink)} html[data-design="w5"] .pv-home .vol a{color:var(--w-acc)} @media (max-width:900px){html[data-design="w5"] .pv-body{margin-left:0}html[data-design="w5"] .pv-toc{grid-template-columns:1fr}html[data-design="w5"] .pv-t td:first-child{white-space:normal}} html[data-design="w5"] .ue-form .meta{margin:0;font-size:12px} html[data-design="w5"] .org-new .field .req{font-style:normal;font-size:11px;color:var(--w-acc);margin-left:4px} /* ── 반응형(1280 · 1100 · 860 · 560): 위쪽 메뉴 둘째 줄, 왼쪽 메뉴 좁히기 → 위쪽 가로 메뉴, 넓은 표는 표만 옆으로 스크롤 ── */ html[data-design="w5"] .tscroll{max-width:100%;overflow-x:auto;scrollbar-width:thin} html[data-design="w5"] .tscroll>table{min-width:100%} @media (max-width:1280px){ html[data-design="w5"] .brand .c-en{display:none} html[data-design="w5"] .gnb-menu{margin-left:18px} html[data-design="w5"] .gnb-menu a{padding:0 10px;font-size:14px} html[data-design="w5"] .gnb-menu a.on::after{left:10px;right:10px} html[data-design="w5"] .page2.full{grid-template-columns:220px minmax(0,1fr)} html[data-design="w5"] .page2.full>.subnav{padding-left:28px} } @media (max-width:1100px){ html[data-design="w5"]{--gnb-h:100px} html[data-design="w5"] .gnb-inner{flex-wrap:wrap;height:auto;row-gap:0;padding-top:4px} html[data-design="w5"] .gnb .logo{display:flex;align-items:center;height:52px} html[data-design="w5"] .gnb-menu{order:5;flex:0 0 100%;height:44px;margin:0 0 0 -10px} html[data-design="w5"] .gnb-menu a.on::after{bottom:6px} html[data-design="w5"] .page2.full{grid-template-columns:190px minmax(0,1fr)} html[data-design="w5"] .page2.full>.subnav{padding-left:16px} html[data-design="w5"] .page2.full>.page-main{padding-left:12px} } @media (max-width:860px){ html[data-design="w5"] .page2,html[data-design="w5"] .page2.full{grid-template-columns:minmax(0,1fr);gap:0} html[data-design="w5"] .page2>.subnav,html[data-design="w5"] .page2.full>.subnav{position:static;display:flex;flex-direction:row;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;padding:10px 0 8px;margin:0;border:0;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .page2>.subnav::-webkit-scrollbar{display:none} html[data-design="w5"] .page2.full>.subnav::before,html[data-design="w5"] .subnav .sn-sep{display:none} html[data-design="w5"] .subnav .sn-item{flex:none;width:auto;white-space:nowrap;padding:7px 12px;border-radius:8px} html[data-design="w5"] .page2.full>.page-main{padding-left:0} html[data-design="w5"] .me-forms{gap:28px} html[data-design="w5"] .me-forms .pw-col,html[data-design="w5"] .biz-card{width:100%} } @media (max-width:560px){ html[data-design="w5"]{--pad:16px} html[data-design="w5"] .gnb .top-logout small{display:none} } @media (max-width:900px){ html[data-design="w5"] .sec-layout{grid-template-columns:minmax(0,1fr);gap:14px} html[data-design="w5"] .sec-layout>.sec-nav{position:static;display:flex;flex-direction:row;gap:2px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px;border-bottom:1px solid var(--w-line)} html[data-design="w5"] .sec-layout>.sec-nav .sec-nav-h{display:none} html[data-design="w5"] .sec-layout>.sec-nav .sec-nav-i{flex:none;white-space:nowrap} html[data-design="w5"] .job-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} html[data-design="w5"] .job-tabs button{flex:none;white-space:nowrap} } @media (max-width:560px){ html[data-design="w5"] .jf-date{flex-wrap:wrap} html[data-design="w5"] .job-filter input[type=date]{width:132px} html[data-design="w5"] .biz-card{aspect-ratio:auto;min-height:220px} html[data-design="w5"] .biz-card .bc-info{grid-template-columns:max-content max-content minmax(0,1fr)} html[data-design="w5"] .biz-card .bc-info>b{display:none} html[data-design="w5"] .src-add,html[data-design="w5"] .src-add.src-law{grid-template-columns:minmax(0,1fr)} html[data-design="w5"] .src-add .btn{justify-self:start} html[data-design="w5"] #uf-basis{min-width:0;max-width:100%} } @media (max-width:1100px){ html[data-design="w5"] .main{padding-left:72px} html[data-design="w5"] .main::before{left:44px} html[data-design="w5"] .page2.full{margin-left:-28px} } @media (max-width:860px){ html[data-design="w5"] .main{padding-left:var(--pad)} html[data-design="w5"] .main::before{display:none} html[data-design="w5"] .page2.full{margin-left:0;margin-right:0} html[data-design="w5"] .jobs-page .page2.full{grid-template-columns:minmax(0,1fr);gap:0} html[data-design="w5"] .jobs-page .page2.full>.subnav{position:static;padding:4px 0 8px} } @media (max-width:560px){ html[data-design="w5"] .main{padding:18px var(--pad) 64px} html[data-design="w5"] .main::before{display:none} } @media (max-width:560px){ html[data-design="w5"] .op-head{flex-wrap:wrap} html[data-design="w5"] .op-head .op-act{margin-left:0} html[data-design="w5"] .op-seg{max-width:100%;overflow-x:auto} } html[data-design="w5"] .lg-chk label{flex:1;cursor:pointer} html[data-design="w5"] .lg-more{margin-left:auto;border:0;background:none;padding:0;font:inherit;font-size:12px;color:var(--w-acc);cursor:pointer} html[data-design="w5"] .lg-terms-box{display:flex;flex-direction:column;gap:6px} html[data-design="w5"] .lg-pv{align-self:flex-end;font-size:12px;color:var(--w-acc)} html[data-design="w5"] .form-steps .fs-unit input{width:58px} html[data-design="w5"] .form-steps .fs-only{margin-top:4px} html[data-design="w5"] .fm-cur{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:10px 14px;border:1px solid var(--w-line);border-radius:10px;font-size:13px} html[data-design="w5"] .fm-cur .fm-cur-k{font-size:12px;color:var(--w-mute)} html[data-design="w5"] .fm-cur .sp{flex:1} html[data-design="w5"] .au-t td{padding-top:7px;padding-bottom:7px} html[data-design="w5"] .tlist th.ck,html[data-design="w5"] .tlist td.ck{width:34px;padding-right:0} html[data-design="w5"] .tlist .ck input{width:15px;height:15px;min-height:0;margin:0;accent-color:var(--w-acc);cursor:pointer} html[data-design="w5"] .tlist .ck input:disabled{opacity:.3;cursor:default} html[data-design="w5"] .ub-bar{gap:6px} html[data-design="w5"] .ub-bar .meta b{color:var(--w-acc)} html[data-design="w5"] .rn-wrap{max-height:560px;overflow:auto;margin-top:10px} html[data-design="w5"] .rn-t td{vertical-align:top} html[data-design="w5"] .rn-t th.rn-c,html[data-design="w5"] .rn-t td.rn-c{width:44px;text-align:center} html[data-design="w5"] .rn-t td.rn-c input{width:15px;height:15px;min-height:0;margin:2px 0 0;accent-color:var(--w-acc);cursor:pointer} html[data-design="w5"] .rn-t tr.sel td{background:rgba(53,82,224,.04)} html[data-design="w5"] .rn-lines{font-size:12.5px;line-height:1.7;color:var(--w-sub)} html[data-design="w5"] .rn-pre{white-space:pre-wrap;margin-top:10px} html[data-design="w5"] .fc-items .fc-rn{margin-left:8px;font-size:12px;color:var(--w-acc);white-space:nowrap} /* 인쇄·PDF: 작업 화면의 [인쇄·PDF] — 인쇄용 조각만 A4로 */ /* 앱 화면 공통 아래쪽 줄(개인정보 처리방침·문의처) · 앱 안 처리방침 화면 */ html[data-design="w5"] .app-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:var(--w-max,1440px);margin:40px auto 0;padding:18px var(--pad,48px) 26px;border-top:1px solid var(--w-line);font-size:12px;color:var(--w-mute)} html[data-design="w5"] .app-foot .mono{font-family:var(--w-mono);font-size:10px;letter-spacing:1.8px;text-transform:uppercase} html[data-design="w5"] .app-foot .w5-stat{display:flex;align-items:center;gap:0} html[data-design="w5"] .app-foot a{color:inherit} html[data-design="w5"] .app-foot .pv-link{color:var(--w-acc)} html[data-design="w5"] .app-pv .pv-body{margin:18px 0 40px} @media (max-width:560px){html[data-design="w5"] .app-foot{flex-direction:column;align-items:flex-start}} /* 메인 최근 작업: 칸이 좁아지면 규정명이 먼저 보이게(다음 할 일·종류 → 시각 순으로 숨김) */ html[data-design="w5"] .w5-recent{container-type:inline-size} html[data-design="w5"] .w5-row .t .tt{flex:0 1 auto;min-width:6em} @container (max-width:700px){html[data-design="w5"] .w5-row{grid-template-columns:minmax(0,1fr) auto auto;column-gap:14px}html[data-design="w5"] .w5-row .k2,html[data-design="w5"] .w5-row .t .nx{display:none}} @container (max-width:440px){html[data-design="w5"] .w5-row{grid-template-columns:minmax(0,1fr) auto}html[data-design="w5"] .w5-row .tm{display:none}} html[data-design="w5"] .pv-title{display:flex;align-items:baseline;gap:12px} html[data-design="w5"] .pv-title h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.6px;color:var(--w-ink)} html[data-design="w5"] .pv-title span{font-size:13px;color:var(--w-sub)} html[data-design="w5"] .rn-pairs{min-width:560px} html[data-design="w5"] .rn-pairs col.c-to{width:36px} html[data-design="w5"] .rn-pairs td.rn-to{padding-top:13px;text-align:center;color:var(--w-mute)} html[data-design="w5"] .rn-why{display:flex;align-items:center;gap:8px;margin-left:12px;font-size:12.5px;color:var(--w-sub)} html[data-design="w5"] .rn-why input{width:280px;height:34px;font-size:13.5px} #rn .dsec+.dsec,#rn #rn-res .dsec{margin-top:26px} @media (max-width:860px){html[data-design="w5"] .rn-why{margin-left:0;flex:1 1 100%}html[data-design="w5"] .rn-why input{flex:1;width:auto}} html[data-design="w5"] .pm-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))} html[data-design="w5"] .dl-k{display:flex;align-items:center;gap:7px;margin:16px 0 0;font-size:12.5px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .dl-k::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--w-acc)} html[data-design="w5"] .pm-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-design="w5"] .dl-allbtn{margin-left:auto;font-size:12px;font-weight:500} html[data-design="w5"] .dl-sec .pm-opt{align-items:center;padding:14px 16px} html[data-design="w5"] .dl-sec .pm-opt input{margin:0} html[data-design="w5"] .dl-sec2{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--w-hair)} html[data-design="w5"] .dl-sec2 .dl-k{margin:0} html[data-design="w5"] .dl-seg{display:inline-flex;flex-wrap:wrap;gap:8px} html[data-design="w5"] .dl-chip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border:1px solid var(--w-line2);border-radius:10px;background:var(--w-panel);font-size:13px;font-weight:600;color:var(--w-sub);cursor:pointer;transition:border-color .15s,background .15s,color .15s} html[data-design="w5"] .dl-chip[hidden]{display:none} html[data-design="w5"] .dl-dot{width:14px;height:14px;border:1.5px solid #B8C2D6;border-radius:50%;background:#fff;flex:none} html[data-design="w5"] .dl-chip:has(input:checked) .dl-dot{border-color:var(--w-acc);background:var(--w-acc);box-shadow:inset 0 0 0 3px #fff} html[data-design="w5"] .dl-chip input{position:absolute;opacity:0;pointer-events:none} html[data-design="w5"] .dl-chip:hover{border-color:#C9D2E6;color:var(--w-ink)} html[data-design="w5"] .dl-chip:has(input:checked){border-color:var(--w-acc);background:#F5F7FF;color:var(--w-acc)} html[data-design="w5"] .dl-chip:has(input:focus-visible){outline:2px solid var(--w-acc);outline-offset:1px} html[data-design="w5"] .dl-chip.off{opacity:.35;cursor:not-allowed} html[data-design="w5"] .dl-chip.off:hover{border-color:var(--w-line2);color:var(--w-sub)} html[data-design="w5"] .dl-note{font-size:12px;color:var(--w-mute)} html[data-design="w5"] .pm-opt.off{opacity:.4;cursor:not-allowed} html[data-design="w5"] .pm-opt.off:hover{border-color:var(--w-line2)} @media (max-width:560px){html[data-design="w5"] .pm-grid.three{grid-template-columns:1fr}html[data-design="w5"] .pm-grid.four{grid-template-columns:1fr}} /* 왼쪽 메뉴: 본문을 내려도 제자리 */ @media (min-width:901px){html[data-design="w5"] .page2>.subnav{position:sticky;top:calc(var(--gnb-h) + 14px);align-self:start;height:auto;max-height:calc(100vh - var(--gnb-h) - 28px);overflow:auto;scrollbar-width:none}} @media (min-width:1001px){html[data-design="w5"] .ud-nav{position:sticky;top:calc(var(--gnb-h) + 14px);align-self:start;max-height:calc(100vh - var(--gnb-h) - 28px);overflow:auto;scrollbar-width:none}} /* 담당 규정 강조: 담당 규정은 위에 크게, 그 외 규정은 접어 둠 */ html[data-design="w5"] .mine-grp{margin:2px 0 6px} html[data-design="w5"] .mine-grp>.mg-h{display:flex;align-items:baseline;gap:8px;margin:0 0 10px;padding:0;background:none;font-size:15.5px;font-weight:700;color:var(--w-ink)} html[data-design="w5"] .mine-grp>.mg-h b{font-family:var(--w-num);font-size:20px;font-weight:500;color:var(--w-acc)} html[data-design="w5"] .mine-grp>.impact{box-shadow:inset 3px 0 0 var(--w-acc)} html[data-design="w5"] .mine-rest{margin-top:14px;border-top:1px solid var(--w-line)} html[data-design="w5"] .mine-rest>summary{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:13.5px;font-weight:600;color:var(--w-sub);cursor:pointer;list-style:none} html[data-design="w5"] .mine-rest>summary::-webkit-details-marker{display:none} html[data-design="w5"] .mine-rest>summary::after{content:"+";font-family:var(--w-num);font-size:16px;color:var(--w-mute)} html[data-design="w5"] .mine-rest[open]>summary::after{content:"−"} html[data-design="w5"] .mine-rest>summary:hover{color:var(--w-acc)} /* 표의 작업 칸: 선택 단추가 없는 줄도 다른 단추 위치 유지 */ html[data-design="w5"] .slot-empty{visibility:hidden;pointer-events:none} html[data-design="w5"] .su-lock{gap:8px;flex-wrap:nowrap;white-space:nowrap} /* 사용자 수정 창: 비밀번호 구역 */ html[data-design="w5"] .ue-form .ue-sec{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--w-line);font-size:13px;color:var(--w-ink)} html[data-design="w5"] .ue-form .ue-sec .linkish{margin-left:auto} html[data-design="w5"] .ue-form .ue-note{grid-column:1/-1}