:root{--bg:#fff;--surface:#fff;--surface-2:#f5f7fa;--ink:#172033;--muted:#687287;--line:#e3e7ed;--brand:#1967d2;--brand-2:#0d4faa;--shadow:0 10px 28px rgba(26,46,82,.09)}
html[data-theme="dark"]{--bg:#0f1420;--surface:#171e2c;--surface-2:#222b3c;--ink:#edf2fb;--muted:#9ca8bc;--line:#2d374a;--brand:#69a4ff;--brand-2:#4388ec;--shadow:0 16px 38px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;line-height:1.55}button,a{font:inherit}.shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.notice-filter-toolbar{margin:0 0 14px;padding:14px 20px;border-radius:10px;background:var(--surface-2);display:flex;justify-content:flex-end}.notice-keyword-search{width:280px;height:42px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:flex;align-items:center;overflow:hidden}.notice-keyword-search input{min-width:0;flex:1;height:100%;padding:0 4px 0 14px;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.notice-keyword-search button{flex:0 0 40px;width:40px;height:40px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer}.notice-keyword-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.notice-summary{display:none}.notice-list.card-view{border-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notice-list.card-view .notice-row{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:10px;background:var(--surface)}.notice-list.card-view .notice-title{width:100%;white-space:normal;font-size:15px;line-height:1.5}.notice-list.card-view .notice-summary{display:-webkit-box;color:var(--muted);font-size:13px;line-height:1.6;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notice-list.card-view .notice-date{margin-top:auto}.notice-empty{padding:60px 20px;text-align:center;color:var(--muted)}.notice-main{padding:40px 0 72px}.notice-count{margin:20px 0 12px;color:var(--muted);font-size:13px}.notice-list{border-top:1px solid var(--ink)}.notice-row{min-height:57px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4px;color:var(--ink);text-decoration:none;transition:color .15s}.notice-row:hover{color:var(--brand)}.notice-title{min-width:0;font-size:15px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-date{flex:0 0 auto;color:var(--muted);font-size:13px}.pagination{margin-top:36px;display:flex;align-items:center;justify-content:center;gap:5px}.page-link{width:36px;height:36px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;text-decoration:none;font-size:13px}.page-link:hover{background:var(--surface-2);color:var(--ink)}.page-link.active{background:var(--brand);color:#fff}.page-link.disabled{opacity:.35;pointer-events:none}.page-link.wide{width:42px}
.notice-detail{padding:40px 0 72px}.detail-wrap{border-bottom:1px solid var(--line)}.detail-head{padding-bottom:20px;border-bottom:1px solid var(--line)}.detail-head h2{margin:0;font-size:26px;line-height:1.4;letter-spacing:-.03em}.detail-meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px}.list-link{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;text-decoration:none;font-weight:700}.list-link:hover{background:var(--surface-2)}.detail-body{min-height:420px;padding:32px 0 48px;font-size:15px;line-height:1.9}.detail-body p{margin:0 0 22px}.detail-body h3{margin:32px 0 14px;font-size:19px}.detail-body ul{padding-left:22px}.detail-bottom{padding-top:30px;display:flex;justify-content:center}.detail-bottom .list-link{height:42px;padding:0 28px;background:var(--brand);border-color:var(--brand);color:#fff}.policy-main{padding:36px 0 72px}.policy-tabs{margin-top:18px;border-bottom:1px solid var(--line);display:flex;gap:24px;overflow-x:auto;scrollbar-width:none}.policy-tab{height:44px;color:var(--muted);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap;display:flex;align-items:center;position:relative}.policy-tab.active{color:var(--brand)!important}.policy-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brand)}.policy-document{padding-top:24px;max-width:none;font-size:14px;line-height:1.85}.policy-document h2{margin:30px 0 8px;font-size:19px}.policy-document h2:first-child{margin-top:0}.policy-document p{margin:0 0 12px}.policy-document ol,.policy-document ul{margin:8px 0 16px;padding-left:22px}.policy-document li{margin:5px 0}.policy-effective{margin-top:28px;padding:14px 16px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:12px}@media(max-width:900px){.notice-main,.notice-detail{padding-top:32px}}
@media(max-width:767px){.shell{width:calc(100% - 28px)}.notice-filter-toolbar{padding:14px}.notice-keyword-search{width:100%}.notice-list.card-view{grid-template-columns:1fr}.notice-list.card-view .notice-row{padding:18px}.notice-main,.notice-detail{padding:24px 0 54px}.notice-row{align-items:flex-start;flex-direction:column;gap:5px;padding:13px 2px}.notice-title{width:100%;white-space:normal;font-size:14px}.notice-date{font-size:12px}.pagination{gap:2px}.page-link{width:32px;height:32px}.page-link.wide{width:34px}.detail-head h2{font-size:21px}.detail-meta{align-items:flex-start}.detail-body{padding-top:24px;font-size:14px}.policy-main{padding:24px 0 54px}.policy-card{margin-top:20px;padding:22px 18px 28px;border-radius:18px}.policy-card-head h2{font-size:21px}.policy-tabs{gap:20px}.policy-document{padding-top:20px;font-size:13px}.policy-document h2{font-size:17px}}

.notice-preview-image{width:120px;height:80px;object-fit:cover;border-radius:7px;flex:none}.notice-row:has(.notice-preview-image) .notice-title{flex:1}.notice-list.card-view .notice-preview-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.notice-list.card-view .notice-row:has(.notice-preview-image) .notice-title{flex:none}@media(max-width:767px){.notice-preview-image{width:80px;height:60px}}