:root{--navy:#123554;--ink:#202c37;--gray:#64727e;--line:#dbe1e5;--light:#f5f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}.site-shell{max-width:1800px;margin:auto}.utility{height:31px;background:#f2f5f7;color:#72808a;padding:0 clamp(24px,5.2vw,96px);font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:15px}.masthead{min-height:100px;padding:17px clamp(24px,5.2vw,96px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;min-width:0}.brand-symbol{width:55px;height:55px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font:italic 34px Georgia,serif;flex:none;position:relative}.brand-symbol span{color:#a7c0d6;position:absolute;font:24px Georgia,serif;right:8px;top:2px}.brand-text{display:flex;flex-direction:column;gap:6px}.brand-text strong{font-size:22px;letter-spacing:-.045em;white-space:nowrap}.brand-text small{color:#6a7b89;font-size:10px;letter-spacing:.01em;line-height:1.3}nav{display:flex;gap:clamp(17px,2.4vw,41px);white-space:nowrap;font-size:15px;font-weight:700}nav a:hover{color:#2e78aa}.hero{min-height:390px;background:linear-gradient(110deg,#163f62,#143452 55%,#0c2a46);color:white;position:relative;overflow:hidden;padding:72px clamp(24px,7.5vw,135px)}.hero-inner{position:relative;z-index:1}.hero-kicker{font-size:11px;letter-spacing:.2em;color:#b5d2e4}.hero h1{font-size:clamp(38px,3.8vw,62px);line-height:1.3;letter-spacing:-.06em;margin:28px 0 14px}.hero p{font-size:19px;margin:0 0 15px}.hero-en{font-size:14px;color:#bed2e0}.hero-motif{position:absolute;right:7%;top:26px;width:360px;height:360px;opacity:.35}.hero-motif span{position:absolute;border:1px solid #d6e7ef;border-radius:50%;inset:0}.hero-motif .motif-two{inset:45px}.hero-motif .motif-three{inset:100px;background:#7996ad1c}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid var(--line)}.overview,.announcements{padding:67px clamp(24px,5.2vw,96px) 75px}.overview{border-right:1px solid var(--line)}.label{display:flex;align-items:center;gap:15px;color:var(--navy)}.label b{font-size:12px;letter-spacing:.12em}.label span{font-size:14px;font-weight:700}.overview h2,.activity h2{font-size:clamp(29px,2.5vw,41px);line-height:1.45;letter-spacing:-.05em;margin:30px 0}.overview p{font-size:16px;line-height:1.85;max-width:650px;color:#50616f}.overview .en-copy{font-size:14px;color:#81909b}.list-title{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy);padding-bottom:20px}.list-caption{font-size:12px;color:#8998a4}.empty{padding:36px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:12px;color:#526575}.empty small{font-size:13px;color:#8896a2}.posts article{padding:19px 0;border-bottom:1px solid var(--line)}.posts time{font-size:12px;color:#80909c}.posts h3{margin:8px 0;font-size:17px}.posts p{white-space:pre-wrap;font-size:14px;line-height:1.6;color:#64727e}.areas{background:var(--light);padding:74px clamp(24px,5.2vw,96px) 85px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header p{color:#8a98a2;font-size:14px}.area-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.area-cards article{background:white;border:1px solid #e0e6e9;padding:30px;min-height:220px}.area-cards article>span{font-size:12px;color:#5180a3}.area-cards h3{font-size:25px;margin:27px 0 3px}.area-cards small{font-size:11px;color:#6a8ca4;letter-spacing:.09em}.area-cards p{margin-top:23px;color:#64727e;font-size:14px;line-height:1.65}.activity{padding:75px clamp(24px,5.2vw,96px);display:flex;justify-content:space-between;align-items:end;gap:25px}.activity h2{font-size:30px;margin:23px 0 9px}.activity p{color:#657783;font-size:15px}.activity-state{font-size:11px;letter-spacing:.13em;color:#6c889c;border-bottom:1px solid #b7cbd8;padding-bottom:10px;white-space:nowrap}footer{padding:55px clamp(24px,5.2vw,96px) 24px;background:#1d2c38;color:#f3f5f7;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer strong{font-size:25px;letter-spacing:.16em}footer b{font-size:12px;letter-spacing:.14em}footer p{color:#b7c3cb;line-height:1.7;font-size:13px}.footnote,.copyright{grid-column:1/-1;color:#91a1ac;font-size:12px}.footnote{border-top:1px solid #4b5a65;padding-top:20px;line-height:1.7}.copyright{padding-top:4px}.admin{max-width:800px;margin:50px auto;padding:25px}.admin h1{font-size:35px}.admin form{display:grid;gap:14px}.admin input,.admin textarea{width:100%;padding:13px;border:1px solid #aabbba;background:white;color:var(--ink);font:inherit}.admin textarea{min-height:160px}.admin button{border:0;padding:13px 20px;background:var(--navy);color:white;cursor:pointer;justify-self:start}.admin-list{border-top:1px solid var(--line);margin-top:45px}.admin-list article{padding:16px 0;border-bottom:1px solid var(--line)}.admin-list button{margin-right:12px}.admin a{text-decoration:underline}@media(max-width:1050px){.masthead{align-items:flex-start;flex-wrap:wrap}nav{width:100%;justify-content:space-between}.home-grid{grid-template-columns:1fr}.overview{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:680px){.utility span:last-child{display:none}.masthead{padding:18px 24px}.brand-text strong{font-size:18px}.brand-text small{font-size:9px}.brand-symbol{width:45px;height:45px}nav{font-size:12px;gap:10px;overflow-x:auto;justify-content:flex-start}.hero{min-height:350px;padding:66px 24px}.hero-motif{right:-180px}.hero p{font-size:16px}.hero-en{font-size:12px}.overview,.announcements{padding:55px 24px}.areas{padding:55px 24px}.section-header{display:block}.area-cards{grid-template-columns:1fr}.area-cards article{min-height:0}.activity{display:block;padding:55px 24px}.activity-state{display:inline-block;margin-top:25px}footer{grid-template-columns:1fr;padding:50px 24px 22px}}
.intro-row,.greeting{display:grid;grid-template-columns:220px minmax(0,780px);gap:7vw;padding:72px clamp(24px,5.2vw,96px);border-bottom:1px solid var(--line)}
.intro-row h2,.greeting h2,.content-band h2,.rules-section h2{font-size:clamp(27px,3vw,39px);line-height:1.4;letter-spacing:-.05em;margin:0 0 22px}
.intro-row p,.greeting p,.section-lead,.rule-list p{font-size:16px;line-height:1.9;color:#526372}.intro-row .en-copy{font-size:14px;color:#8495a1}.greeting-sign{margin-top:30px;color:var(--navy)!important;font-weight:700}
.content-band,.rules-section,.list-section{padding:74px clamp(24px,5.2vw,96px);border-bottom:1px solid var(--line)}.content-band{background:var(--light)}.content-band h2,.rules-section h2{margin-top:26px}.section-lead{max-width:810px;margin:0 0 30px}
.goal-grid,.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.goal-grid article{background:#fff;border:1px solid var(--line);padding:28px}.goal-grid span{color:#4e7898;font-size:13px}.goal-grid h3{font-size:21px;margin:21px 0 8px}.goal-grid p,.list-grid p{line-height:1.75;color:#71818e;font-size:15px}
.rule-list{border-top:2px solid var(--navy)}.rule-list article{display:grid;grid-template-columns:200px 1fr;gap:24px;border-bottom:1px solid var(--line);padding:20px 0}.rule-list b{font-size:16px}.rule-list p{margin:0}
.document-card{margin-top:28px;display:flex;justify-content:space-between;gap:20px;padding:23px 26px;border:1px solid var(--line);background:var(--light);color:#596b79}.document-card div{display:flex;flex-direction:column;gap:7px}.document-card b{color:var(--ink)}.document-card span{font-size:14px}
.list-section:nth-of-type(even){background:var(--light)}.list-grid{margin-top:28px}.list-grid>div{border-top:2px solid var(--navy);padding-top:15px;min-height:145px}.list-grid h2{font-size:19px;margin:3px 0 22px}.posts article{background:transparent}.posts p{white-space:pre-wrap}footer a{font-size:13px;color:#b7c3cb;text-decoration:underline}
@media(max-width:1050px){.intro-row,.greeting{grid-template-columns:1fr;gap:24px}.masthead nav{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:680px){.intro-row,.greeting,.content-band,.rules-section,.list-section{padding:55px 24px}.goal-grid,.list-grid{grid-template-columns:1fr}.rule-list article{grid-template-columns:1fr;gap:8px}.document-card{align-items:flex-start}.list-grid>div{min-height:0}}
.statutes{max-width:1050px;margin:0 auto;padding:35px clamp(24px,5vw,70px) 80px;color:var(--ink)}.statutes .back{display:inline-block;margin-bottom:55px;color:var(--navy);font-weight:700}.statutes header{border-top:3px solid var(--navy);padding:40px 0 30px}.statutes header span{color:#68869c;font-size:13px;letter-spacing:.14em}.statutes h1{font-size:clamp(29px,4vw,44px);line-height:1.35;margin:17px 0}.statutes header p{color:#6b7b87}.statutes aside{background:#f0f5f8;border-left:3px solid #3b7398;padding:18px 22px;line-height:1.7;font-size:14px}.statutes .clauses{padding-top:22px}.statutes h2{font-size:23px;color:var(--navy);border-bottom:1px solid var(--line);padding:34px 0 14px;margin:38px 0 22px}.statutes h3{font-size:18px;margin:27px 0 9px}.statutes .clauses p{font-size:16px;line-height:1.8;white-space:pre-wrap;margin:5px 0}.statutes footer{display:block;margin-top:60px;padding:22px;background:#1d2c38}.statutes footer a{color:#fff}

.brand-logo{display:block;width:170px;height:auto;flex:none;object-fit:contain}@media(max-width:680px){.brand-logo{width:105px}.brand-text strong{white-space:normal}.brand{gap:12px}}

/* Language controls and responsive refinements for the approved design. */
.utility{height:auto;min-height:36px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.language-switch{display:flex;gap:16px;flex:none}.language-switch a{font-size:12px;white-space:nowrap}.language-switch [aria-current="page"]{font-weight:700;color:var(--navy);text-decoration:underline;text-underline-offset:4px}.brand-text{max-width:430px}.brand-text strong{white-space:normal;font-size:20px;line-height:1.4}html[lang="en"] .brand-text strong{font-size:16px}.masthead{flex-wrap:wrap}.masthead nav{flex-wrap:wrap;gap:20px}.hero-inner{max-width:950px}.hero h1{letter-spacing:-.035em}.hero p,.hero-en{display:block;max-width:800px;line-height:1.6}.label{flex-wrap:wrap}.statutes-language-note{font-size:14px;line-height:1.8;margin:20px 0;padding:18px;background:#f0f5f8}.home-updates{list-style:none;padding:0}.home-updates li{border-bottom:1px solid var(--line);padding:12px 0}.home-updates a{text-decoration:underline;text-underline-offset:4px}.home-updates time{display:block;color:var(--gray);font-size:12px}a:focus-visible{outline:2px solid #2872a5;outline-offset:4px}@media(min-width:1550px){.masthead{flex-wrap:nowrap}.masthead nav{gap:22px}}@media(max-width:680px){.utility{justify-content:space-between}.utility>span{display:none}.brand-logo{width:105px}.brand-text strong{font-size:16px}.masthead nav{white-space:normal;gap:14px;font-size:13px}.hero-kicker{line-height:1.8;display:block}.document-card{flex-wrap:wrap}.goal-grid article{overflow-wrap:anywhere}}
/* Shared detail pages match the approved homepage. */
.wrap{max-width:1200px;margin:auto;padding:0 24px}.sub-hero{padding:42px 0;background:var(--light);border-bottom:1px solid var(--line)}.sub-hero h1{font-size:clamp(28px,4vw,40px);margin:0 0 18px}.crumb{font-size:13px;font-weight:400;flex-wrap:wrap;white-space:normal;gap:10px}.sub-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:45px;padding-top:50px;padding-bottom:70px}.side h2{font-size:18px}.side ul{list-style:none;padding:0}.side li{padding:14px 0;border-bottom:1px solid var(--line)}.side .on{color:var(--navy);font-weight:700}.content{min-width:0;line-height:1.9}.content h2{font-size:25px}.content h3{font-size:20px}.content a{text-decoration:underline;text-underline-offset:4px}.content table{width:100%;border-collapse:collapse}.content th,.content td{border-bottom:1px solid var(--line);padding:10px;text-align:left}.content .empty{display:block;padding:20px 0;color:var(--gray)}.content .btn{display:inline-block;padding:12px 20px;background:var(--navy);color:white}.content .disabled{background:#e8edf1;color:var(--gray)}.post-list{list-style:none;padding:0}.post-list li{border-bottom:1px solid var(--line);padding:18px 0}.post-list time{font-size:13px;color:var(--gray)}@media(max-width:680px){.sub-layout{grid-template-columns:1fr;gap:20px}.side{display:none}.content{overflow-wrap:anywhere}}

/* A compact landing page; all institutional content lives on separate routes. */
.home-page .site-shell{min-height:100svh;display:flex;flex-direction:column}.home-page main{flex:1;display:flex}.home-page .hero{width:100%;min-height:0;display:flex;align-items:center;padding:clamp(30px,6vh,70px) clamp(24px,7.5vw,135px)}.home-page .hero h1{font-size:clamp(32px,3.8vw,62px);margin-top:22px}.home-page .hero-motif{top:50%;transform:translateY(-50%)}.home-page .home-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px clamp(24px,5.2vw,96px);font-size:12px}.home-footer nav{gap:24px;font-size:12px}.home-footer span{color:#b7c3cb}.home-footer a{text-decoration:none}.home-footer a:hover{text-decoration:underline}@media(max-width:680px){.home-page .masthead{gap:18px;padding-top:14px;padding-bottom:18px}.home-page .hero{padding-top:30px;padding-bottom:34px}.home-page .hero h1{font-size:32px}.home-page .hero p{font-size:16px}.home-page .hero-en{font-size:12px}.home-page .hero-motif{width:250px;height:250px;right:-80px}.home-page .home-footer{padding-top:16px;padding-bottom:16px;gap:12px}.home-page .hero-kicker{font-size:10px}.home-page .hero h1 br{display:none}}

.home-page .home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr);gap:clamp(40px,6vw,110px);background:radial-gradient(ellipse at 90% 15%,#27557555,transparent 55%),linear-gradient(115deg,#163f62,#0c2a46);padding:clamp(28px,4.5vh,56px) clamp(24px,6.5vw,110px)}.hero-copy{max-width:790px;min-width:0}.home-hero h1 span{display:block}.home-page .home-hero h1{font-size:clamp(36px,3.6vw,60px);line-height:1.2;margin:20px 0;letter-spacing:-.035em;word-break:keep-all;text-wrap:balance}.home-page .home-hero .hero-lead{font-size:clamp(17px,1.35vw,21px);font-weight:700;line-height:1.55;margin-bottom:13px;text-wrap:pretty;word-break:keep-all}.home-page .home-hero .hero-description{font-size:15px;line-height:1.85;color:#c1d2df;max-width:670px;margin-bottom:0;text-wrap:pretty;word-break:normal}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:25px;font-size:14px;font-weight:700}.hero-actions a{display:flex;align-items:center;gap:24px;padding:13px 0}.hero-actions .primary-action{background:#f3f7fa;color:#153c5c;padding:13px 21px;border-radius:3px}.hero-actions a:hover{color:#8fcaeb}.hero-actions .primary-action:hover{background:#dcebf4;color:#153c5c}.hero-tags{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:#9cb9ce;font-size:12px}.hero-tags span:before{content:'·';margin-right:8px;color:#7db9df}.hero-focus{border:1px solid #86acc33b;border-radius:5px;padding:27px 28px;background:#ffffff06}.hero-focus h2{font-size:11px;letter-spacing:.17em;font-weight:400;color:#a4c3d7;margin:0 0 17px}.hero-focus>a{display:grid;grid-template-columns:25px 1fr 15px;gap:14px;padding:20px 0;border-top:1px solid #b9d2e326}.focus-number{font-size:11px;color:#81afce;padding-top:5px}.hero-focus h3{font-size:19px;font-weight:600;line-height:1.4;margin:0 0 7px;word-break:keep-all}.home-page .hero-focus p{font-size:13px;line-height:1.7;color:#a9c0d1;margin:0}.focus-arrow{color:#91bad4}.hero-focus>a:hover h3{color:#a6d4f1}.home-page:lang(en) .home-hero h1{font-size:clamp(32px,3.05vw,51px)}.home-page:lang(ko) .hero-description{word-break:keep-all}@media(max-width:1000px){.home-page .home-hero{gap:30px;grid-template-columns:1.15fr 1fr}.hero-focus{padding:22px 20px}.home-page .home-hero h1{font-size:40px}.home-page:lang(en) .home-hero h1{font-size:35px}}@media(max-width:760px){.home-page .home-hero{grid-template-columns:1fr;gap:26px}.hero-focus{padding:19px 22px}.hero-focus>a{padding:13px 0}.hero-focus h3{font-size:17px}.hero-tags{margin-top:16px}.home-page .home-hero h1{font-size:38px}.home-page .hero-focus p{font-size:12px}}

/* Keep the top utility area for language selection only. */
.utility{background:#fff;justify-content:flex-end;min-height:30px;padding-top:8px;padding-bottom:0}.utility+.masthead{padding-top:10px}.language-switch{gap:14px}.language-switch a{color:#7a8791;font-size:11px}.language-switch [aria-current="page"]{color:var(--navy);text-decoration:none}.language-switch a+a{border-left:1px solid #dbe1e5;padding-left:14px}@media(max-width:680px){.utility{justify-content:flex-end}.utility+.masthead{padding-top:12px}}

/* Four compact, accessible dropdown navigation groups. */
.masthead{position:relative;z-index:20;background:#fff}.masthead nav{align-items:center;gap:clamp(16px,2.2vw,36px)}.nav-group{position:relative}.nav-group summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:15px 0;user-select:none}.nav-group summary::-webkit-details-marker{display:none}.nav-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .15s}.nav-group[open] .nav-chevron{transform:rotate(225deg);margin-top:3px}.nav-group[open] summary{color:#2e78aa}.nav-group summary:focus-visible{outline:2px solid #2872a5;outline-offset:5px}.nav-dropdown{position:absolute;top:100%;left:-20px;min-width:205px;padding:9px;background:white;border:1px solid #dbe4ec;border-top:3px solid #234e70;border-radius:0 0 5px 5px;box-shadow:0 12px 28px #153c5c20;z-index:30}.nav-group:last-child .nav-dropdown{left:auto;right:-12px}.nav-dropdown a{display:block;padding:12px 14px;font-size:14px;font-weight:400;line-height:1.45;white-space:nowrap;border-radius:3px}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{color:#163f62;background:#eef4f8}@media(max-width:760px){.masthead nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;white-space:normal}.nav-group summary{font-size:13px;padding:10px 0;justify-content:space-between}.nav-dropdown{min-width:200px;max-width:calc(100vw - 48px);left:0}.nav-group:nth-child(even) .nav-dropdown{left:auto;right:0}.nav-dropdown a{white-space:normal}.masthead .brand-text{min-width:0}}

.office-table{overflow-x:auto;margin-top:28px}.office-table table{min-width:440px}.office-table thead{background:#eef4f8;color:var(--navy)}.office-table tbody th{font-weight:600}.office-table .pending-person{color:#82909b}.office-table td,.office-table th{padding:16px 18px}