@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Pretendard GOV Variable','Pretendard GOV','Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  font-size:17px;line-height:1.6;color:var(--t1);background:var(--bg);word-break:keep-all;letter-spacing:-0.01em}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
img{max-width:100%}
.ic{flex:none;vertical-align:middle}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;background:var(--t1);color:#fff;padding:10px 16px;z-index:100;border-radius:4px}
.skip:focus{top:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.draft{position:fixed;left:16px;bottom:16px;z-index:60;background:#1E2124;color:#fff;font-size:13px;padding:6px 12px;border-radius:999px;opacity:.88}
.draft a{color:#B1CEFB;margin-left:8px}

/* 유틸리티 바 */
.util{background:var(--util-bg);color:var(--util-t);font-size:14px}
.util .wrap{display:flex;justify-content:space-between;align-items:center;height:40px}
.util ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.util li a{display:inline-flex;align-items:center;gap:4px;padding:4px 10px}
.util li+li a{border-left:1px solid var(--util-line)}

/* 헤더·GNB */
.hd{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:40}
.hd .wrap{display:flex;align-items:center;height:84px;gap:40px}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.logo .mark{font-weight:800;font-size:26px;letter-spacing:-.02em;color:var(--navy);line-height:1}
.logo .mark b{color:var(--green)}
.logo .nm{font-size:14px;line-height:1.3;color:var(--t2);border-left:1px solid var(--line);padding-left:10px}
.logo .nm strong{display:block;font-size:16px;color:var(--t1)}
.gnb{flex:1}
.gnb>ul{display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0;gap:4px}
.gnb>ul>li>a{display:block;padding:28px 18px;font-size:18px;font-weight:700;color:var(--t1);white-space:nowrap}
.gnb>ul>li>a:hover,.gnb>ul>li:focus-within>a{color:var(--pri-70);text-decoration:none;box-shadow:inset 0 -3px 0 var(--pri)}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:var(--mega-shadow);display:none}
.gnb>ul>li:hover .mega,.gnb>ul>li:focus-within .mega{display:block}
.mega .wrap{height:auto;display:grid;grid-template-columns:280px 1fr;gap:48px;padding-top:32px;padding-bottom:36px;align-items:start}
.mega .desc{background:var(--tint);border-radius:var(--r-card);padding:24px}
.mega .desc strong{display:block;font-size:22px;color:var(--pri-70);margin-bottom:6px}
.mega .desc p{margin:0;color:var(--t2);font-size:16px}
.mega ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px}
.mega ul a{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);font-size:17px}
.hd-btns{display:flex;gap:8px;flex:none}

/* 버튼 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:var(--r-btn);font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-pri{background:var(--pri);color:#fff}.btn-pri:hover{background:var(--pri-d)}
.btn-sec{background:#fff;color:var(--pri-d);border-color:var(--pri)}.btn-sec:hover{background:var(--tint)}
.btn-ter{background:#fff;color:var(--t1);border-color:#B1B8BE}.btn-ter:hover{background:var(--sec)}
.btn-sm{height:36px;padding:0 12px;font-size:15px}
.btn-lg{height:52px;padding:0 24px;font-size:17px}

/* 섹션 공통 */
.sec{padding:var(--sec-gap) 0}
.sec-alt{background:var(--sec)}
.sec-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:16px}
.sec-hd h2{margin:0;font-size:26px;line-height:1.35;font-weight:700}
.sec-hd p{margin:4px 0 0;color:var(--t3);font-size:16px}
.more{display:inline-flex;align-items:center;gap:2px;font-size:15px;color:var(--t2)}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* 게시판 목록 */
.blist{list-style:none;margin:0;padding:0}
.blist li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.blist li:last-child{border-bottom:0}
.blist a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blist time{flex:none;color:var(--t3);font-size:15px;font-variant-numeric:tabular-nums}
.new{flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:var(--danger);border-radius:var(--r-badge);min-width:20px;height:20px;padding:0 5px}
.board{padding:24px 28px}
.board h3{margin:0;font-size:20px}
.board .bh{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid var(--t1)}

/* 탭 */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:4px}
.tabs [role=tab]{background:none;border:0;padding:12px 16px;font-size:18px;font-weight:600;color:var(--t3);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs [role=tab][aria-selected=true]{color:var(--t1);border-bottom-color:var(--pri)}
.tabs .cnt{font-size:14px;font-weight:600;color:var(--pri-d);margin-left:4px}

/* 상태 배지 */
.bdg{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:var(--r-badge);font-size:14px;font-weight:700;white-space:nowrap;flex:none}
.bdg-on{background:var(--pri);color:#fff}
.bdg-soon{background:var(--tint);color:var(--pri-d)}
.bdg-end{background:var(--sec);color:var(--t2)}
.bdg-cat{background:#fff;border:1px solid var(--line);color:var(--t2);font-weight:600}
.dday{flex:none;font-weight:800;font-size:16px;color:var(--danger-t);font-variant-numeric:tabular-nums}

/* 칩 */
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;border:1px solid #B1B8BE;background:#fff;font-size:15px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--t1);color:#fff;border-color:var(--t1)}

/* 폼 */
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-size:15px;font-weight:600;color:var(--t2)}
.inp,.sel{height:48px;border:1px solid #8A949E;border-radius:var(--r-in);padding:0 14px;background:#fff;font-size:17px;width:100%}
.sel{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23464C53' stroke-width='2'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}

/* 배너·셀렉트 */
.links{display:grid;grid-template-columns:repeat(4,1fr) ;gap:12px}
.links form{display:grid;grid-template-columns:1fr auto;gap:6px 6px;align-items:end}
.links label{grid-column:1/-1;font-size:15px;font-weight:600;color:var(--t2)}
.banners{display:flex;gap:12px;align-items:center}
.banners ul{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;list-style:none;margin:0;padding:0}
.banners li a{display:flex;align-items:center;justify-content:center;height:56px;border:1px solid var(--line);border-radius:var(--r-btn);background:#fff;font-size:14px;font-weight:600;color:var(--t2);text-align:center;padding:0 8px}
.banners .ctl{display:flex;gap:4px}
.iconbtn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;border-radius:var(--r-btn);cursor:pointer;color:var(--t2)}

/* 푸터 */
.ft{background:var(--ft-bg);color:var(--ft-t);font-size:15px;padding:36px 0 44px}
.ft .top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--ft-line);margin-bottom:20px}
.ft .pol{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.ft .pol a{color:var(--ft-t)} .ft .pol li:first-child a{color:var(--ft-strong);font-weight:700}
.ft address{font-style:normal;line-height:1.8}
.ft .logo .mark{color:var(--ft-strong)} .ft .logo .nm{color:var(--ft-t);border-color:var(--ft-line)} .ft .logo .nm strong{color:var(--ft-strong)}

/* 플로팅 바 */
@media (max-width:1399px){.qbar{display:none!important}}
.qbar{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 4px 16px rgba(16,24,40,.08);overflow:hidden;width:84px}
.qbar a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-size:13px;line-height:1.3;text-align:center;color:var(--t2);border-bottom:1px solid var(--line)}
.qbar a:last-child{border-bottom:0}
.qbar a .ic{color:var(--pri-70)}
.qbar .tel{font-weight:700;color:var(--pri-70);font-size:12px}

/* 페이지 타이틀 */
.ptitle{background:var(--ptitle-bg);padding:40px 0 36px;border-bottom:1px solid var(--line)}
.crumb{display:flex;gap:6px;align-items:center;list-style:none;margin:0 0 10px;padding:0;font-size:15px;color:var(--t3)}
.crumb li+li::before{content:'›';margin-right:6px}
.ptitle h1{margin:0;font-size:36px;line-height:1.3}
.ptitle p{margin:8px 0 0;color:var(--t2)}

/* 검색 패널 */
.search{display:grid;grid-template-columns:180px 220px 1fr auto;gap:12px;align-items:end;padding:24px;background:var(--sec);border-radius:var(--r-card)}
.result-hd{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}
.result-hd p{margin:0;font-size:16px;color:var(--t2)} .result-hd strong{color:var(--pri-d)}

/* 표 */
.tbl{width:100%;border-collapse:collapse;border-top:2px solid var(--t1);font-size:16px}
.tbl caption{text-align:left}
.tbl th{background:var(--sec);font-weight:700;padding:14px 10px;border-bottom:1px solid #CDD1D5;white-space:nowrap}
.tbl td{padding:16px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.tbl td.tt{text-align:left}
.tbl td.tt a{font-weight:600}
.tbl tr:hover td{background:#FAFBFC}

/* 페이지네이션 */
.pager{display:flex;justify-content:center;gap:4px;margin-top:32px;list-style:none;padding:0}
.pager a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:var(--r-btn);font-size:16px;color:var(--t2)}
.pager a[aria-current]{background:var(--pri);color:#fff;font-weight:700}
.pager a:hover{background:var(--sec);text-decoration:none}

/* 진행 절차 */
.steps{display:grid;grid-template-columns:repeat(8,1fr);list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{position:relative;text-align:center;padding-top:56px;font-weight:700;font-size:16px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;top:0;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--pri);color:var(--pri-d);font-weight:800;z-index:1}
.steps li+li::after{content:'';position:absolute;top:21px;right:50%;width:100%;height:2px;background:var(--step-line)}

@media (max-width:1024px){
  .gnb,.hd-btns .btn-ter,.qbar{display:none}
  .grid2,.grid3,.grid4,.links{grid-template-columns:1fr 1fr}
  .banners ul{grid-template-columns:repeat(3,1fr)}
  .search{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(4,1fr);row-gap:20px}
  .steps li:nth-child(5)::after{display:none}
}
@media (max-width:640px){
  body{font-size:16px}.wrap{padding:0 16px}
  .grid2,.grid3,.grid4,.links,.search{grid-template-columns:1fr}
  .util{display:none}.hd .wrap{height:64px}
  .logo .nm{display:none}
  .tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr{border-bottom:1px solid var(--line);padding:12px 0}.tbl td{border:0;padding:4px 0;text-align:left}
}
.mobile-menu{display:none}
@media (max-width:1024px){.mobile-menu{display:inline-flex}}

:root{--pri:#256EF4;--pri-d:#0B50D0;--pri-70:#083891;--navy:#122A88;--green:#23AC38;--green-t:#1A7F2B;--tint:#ECF2FE;
--bg:#fff;--sec:#F4F5F6;--line:#E6E8EA;--t1:#1E2124;--t2:#464C53;--t3:#6D7882;--danger:#D63D4A;--danger-t:#C0303D;--focus:#256EF4;
--r-card:8px;--r-btn:6px;--r-in:4px;--r-badge:4px;--shadow:none;--mega-shadow:0 8px 16px rgba(0,0,0,.06);--sec-gap:64px;
--util-bg:#F4F5F6;--util-t:#464C53;--util-line:#CDD1D5;--ft-bg:#1E2124;--ft-t:#B1B8BE;--ft-strong:#fff;--ft-line:#464C53;--ptitle-bg:#F4F5F6;--step-line:#CDD1D5}
/* 히어로 A */
.hero{background:var(--navy);color:#fff}
.hero .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero .kicker{font-size:16px;color:#B1CEFB;font-weight:600;margin:0 0 12px}
.hero h1{margin:0;font-size:40px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.hero p.lead{margin:16px 0 0;color:#D8E5FD;font-size:18px}
.go{display:grid;gap:12px}
.go a{display:flex;align-items:center;gap:16px;padding:18px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:var(--r-card);color:#fff}
.go a:hover{background:rgba(255,255,255,.14);text-decoration:none}
.go a strong{display:block;font-size:18px}.go a span{font-size:15px;color:#D8E5FD}
.go a .ic:last-child{margin-left:auto}
.relay h3{display:flex;align-items:center;gap:8px}
.relay .dot{width:8px;height:8px;border-radius:50%;background:var(--pri)}
.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.promo a{display:block}
.promo .th{aspect-ratio:4/3;border-radius:var(--r-card);background:var(--sec);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--t3)}
.promo span{display:block;margin-top:8px;font-size:16px;font-weight:600}
/* PMS 히어로 A */
.phero{background:var(--sec);border-bottom:1px solid var(--line)}
.phero .wrap{display:grid;grid-template-columns:1fr 400px;gap:40px;padding-top:48px;padding-bottom:48px;align-items:stretch}
.phero h1{margin:8px 0 0;font-size:38px;line-height:1.35;color:var(--t1)}
.phero .kicker{margin:0;color:var(--pri-d);font-weight:700}
.phero p.lead{color:var(--t2);margin:14px 0 24px}
.member{display:flex;gap:12px}
.member a{flex:1;display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card)}
.member a strong{display:block;font-size:17px}.member a span{font-size:14px;color:var(--t3)}
.member a .ic{color:var(--pri-70)}
.loginbox{padding:28px}
.loginbox h2{margin:0 0 16px;font-size:20px}
.loginbox .fld{margin-bottom:12px}
.loginbox .sub{display:flex;justify-content:center;gap:16px;margin-top:14px;font-size:15px;color:var(--t2)}
.qcards a{display:flex;align-items:center;gap:16px;padding:22px 24px}
.qcards a:hover{border-color:var(--pri);text-decoration:none}
.qcards .ic{color:var(--pri-70)}
.qcards strong{display:block;font-size:18px}.qcards span{font-size:15px;color:var(--t3)}
.pb-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.pb-row:last-child{border-bottom:0}
.pb-row .tt{flex:1;min-width:0}
.pb-row .tt a{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-row .tt span{font-size:15px;color:var(--t3)}
.help{display:flex;align-items:center;gap:20px;padding:24px 28px}
.help .tel{font-size:26px;font-weight:800;color:var(--pri-70)}

/* ===== 전체 화면 확장(시안 A 토큰 그대로) ===== */
.gnb>ul>li>a[aria-current]{color:var(--pri-70);box-shadow:inset 0 -3px 0 var(--pri)}
.hd-btns .iconbtn{display:inline-flex}
.util .who{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-weight:600;color:var(--t1)}
.util .who small{font-weight:400;color:var(--t3);margin-left:2px}
.ptitle{padding:32px 0 28px}
.ptitle h1{font-size:32px}
.single{padding:40px 0 80px}
.sub{display:grid;grid-template-columns:232px minmax(0,1fr);gap:48px;padding:40px 0 80px;align-items:start}
.subc{min-width:0}
.lnb{position:sticky;top:16px}
.lnb h2{margin:0;font-size:22px;padding:4px 4px 16px;border-bottom:2px solid var(--t1)}
.lnb ul{list-style:none;margin:0;padding:0}
.lnb>ul>li>a{display:flex;justify-content:space-between;align-items:center;padding:13px 10px;border-bottom:1px solid var(--line);font-size:17px;color:var(--t2)}
.lnb>ul>li>a .ic{color:#B1B8BE}
.lnb a:hover{text-decoration:none;background:var(--sec)}
.lnb a[aria-current],.lnb a.open{color:var(--pri-70);font-weight:700}
.lnb a[aria-current]{background:var(--tint)}
.lnb>ul>li>ul{background:var(--sec);padding:6px 0;border-bottom:1px solid var(--line)}
.lnb>ul>li>ul a{display:block;padding:8px 10px 8px 22px;font-size:16px;color:var(--t2)}
.lnb>ul>li>ul a[aria-current]{background:none;color:var(--pri-70);font-weight:700}
.lnb>ul>li>ul a[aria-current]::before{content:'· '}
.h2row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:40px 0 14px}
.h2row:first-child{margin-top:0}
.h2{margin:0;font-size:22px;line-height:1.4}
.h3{font-size:19px;margin:28px 0 12px}
.lead2{color:var(--t2);margin:0 0 20px}
.muted{color:var(--t3)}.small{font-size:15px}
.tbl-wrap{overflow-x:auto}
.tbl td .btn-sm{height:32px}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl td.l{text-align:left}
.tbl tr.sel td{background:var(--tint)}
.ellip{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* 로컬 탭(링크형) */
.ltabs{margin:0 0 24px;padding:6px;background:var(--sec);border-radius:var(--r-card)}
.ltabs ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.ltabs a{display:block;padding:9px 18px;font-size:16px;font-weight:600;color:var(--t2);border-radius:var(--r-btn)}
.ltabs a:hover{text-decoration:none;background:#E6E8EA;color:var(--t1)}
.ltabs a[aria-current]{background:var(--t1);color:#fff;font-weight:700}

/* 정보 표 */
.dtbl{width:100%;border-collapse:collapse;border-top:2px solid var(--t1);font-size:16px}
.dtbl th{background:var(--sec);text-align:left;font-weight:700;width:180px;padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}
.dtbl td{padding:14px 18px;border-bottom:1px solid var(--line)}
.dtbl.c2 th{width:150px}

/* 입력 양식 */
.frm{border-top:2px solid var(--t1)}
.frm-note{margin:0;padding:8px 0;font-size:14px;color:var(--t3);text-align:right;border-bottom:1px solid var(--line)}
.req-m,.lb.req::after{color:var(--danger-t);font-weight:700}
.lb.req::after{content:' *'}
.frm .row{display:grid;grid-template-columns:200px minmax(0,1fr);border-bottom:1px solid var(--line)}
.frm .lb{background:var(--sec);padding:18px 18px;font-weight:700;font-size:16px}
.frm .fv{padding:10px 18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.frm .fv .inp,.frm .fv .sel{height:44px;font-size:16px}
.frm .fv>.inp,.frm .fv>.sel{flex:1 1 260px}
.hint{width:100%;margin:2px 0 0;font-size:14px;color:var(--t3)}
.hint.err{color:var(--danger-t);font-weight:600}
.ta{width:100%;border:1px solid #8A949E;border-radius:var(--r-in);padding:12px 14px;font:inherit;font-size:16px;resize:vertical;background:#fff}
.chk{display:inline-flex;align-items:center;gap:8px;margin-right:16px;font-size:16px;cursor:pointer}
.chk input{width:20px;height:20px;accent-color:var(--pri);margin:0}
.file{display:flex;gap:8px;align-items:center;width:100%;flex-wrap:wrap}
.file .nm{flex:1 1 240px;height:44px;border:1px dashed #B1B8BE;border-radius:var(--r-in);display:flex;align-items:center;gap:6px;padding:0 14px;color:var(--t3);background:#fff;font-size:15px}
.file .nm.has{border-style:solid;color:var(--t1);background:var(--tint);border-color:#B1CEFB}
.unit{color:var(--t2);font-size:15px}
.ed{border:1px solid #8A949E;border-radius:var(--r-in);width:100%;background:#fff}
.ed .tb{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--line);background:var(--sec);flex-wrap:wrap}
.ed .tb span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:30px;border-radius:4px;font-size:14px;color:var(--t2);background:#fff;border:1px solid var(--line);padding:0 6px}
.ed .bd{padding:16px;min-height:180px;font-size:16px;color:var(--t2)}

/* 버튼 영역 */
.btns{display:flex;justify-content:center;gap:8px;margin-top:32px;flex-wrap:wrap}
.btns.r{justify-content:flex-end}.btns.l{justify-content:flex-start}
.btns.sb{justify-content:space-between}
.btns.t0{margin-top:0}
.btn-danger{background:#fff;color:var(--danger-t);border-color:#E58A92}.btn-danger:hover{background:#FDEFF0}
.btn[aria-disabled=true]{background:#CDD1D5;color:#fff;border-color:#CDD1D5;pointer-events:none}

/* 안내 상자 */
.alert{display:flex;gap:12px;padding:16px 20px;border-radius:var(--r-card);border:1px solid;margin:0 0 20px;font-size:16px;line-height:1.6}
.alert .ic{flex:none;margin-top:1px}
.alert strong{display:block;margin-bottom:2px}
.alert p{margin:4px 0 0}.alert ul{margin:6px 0 0;padding-left:20px}
.alert-info{background:var(--tint);border-color:#B1CEFB;color:#083891}
.alert-warn{background:#FFF8E6;border-color:#F2CE7C;color:#6B4A00}
.alert-danger{background:#FDEFF0;border-color:#F3B7BC;color:#9C1F2B}
.alert-ok{background:#EAF7EC;border-color:#A9DDB1;color:#1A5C25}

/* 단계 */
.wiz{display:flex;gap:8px;list-style:none;margin:0 0 28px;padding:0;counter-reset:w}
.wiz li{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--sec);border-radius:var(--r-card);font-weight:700;font-size:16px;color:var(--t3);counter-increment:w;min-width:0}
.wiz li::before{content:counter(w);flex:none;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #B1B8BE;display:inline-flex;align-items:center;justify-content:center;font-size:14px}
.wiz li.done{color:var(--t2)}
.wiz li.done::before{content:'✓';background:var(--green-t);border-color:var(--green-t);color:#fff}
.wiz li[aria-current]{background:var(--tint);color:var(--pri-70);box-shadow:inset 0 0 0 1px #B1CEFB}
.wiz li[aria-current]::before{background:var(--pri);border-color:var(--pri);color:#fff}
.sess{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--t2)}
.sess b{color:var(--pri-70);font-variant-numeric:tabular-nums}
.sessbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--sec);border-radius:var(--r-card);margin-bottom:20px;font-size:15px}

/* 숫자 요약 */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.kpi{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px}
.kpi:hover{border-color:var(--pri);text-decoration:none}
.kpi span{display:block;font-size:15px;color:var(--t2);font-weight:600}
.kpi b{display:block;font-size:30px;line-height:1.3;color:var(--pri-70);font-variant-numeric:tabular-nums;margin-top:4px}
.kpi small{display:block;font-size:14px;color:var(--t3)}

/* 패널·카드 */
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;margin-bottom:20px}
.panel .ph{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.panel .ph h2{margin:0;font-size:19px}
.panel>.tbl-wrap .tbl{border-top-width:1px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px}
a.card:hover{border-color:var(--pri);text-decoration:none}
.card h3{margin:8px 0 6px;font-size:19px}.card p{margin:0;color:var(--t2);font-size:16px}
.card .ic{color:var(--pri-70)}

/* 첨부 */
.flist{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-card);background:var(--sec)}
.flist li{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:16px}
.flist li:last-child{border-bottom:0}
.flist li>a:not(.btn){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flist li>span{color:var(--t3);font-size:14px;flex:none}

/* 게시물 상세 */
.vhd{border-top:2px solid var(--t1);border-bottom:1px solid var(--line);padding:20px 4px}
.vhd h2{margin:0 0 10px;font-size:24px;line-height:1.45}
.vhd .meta{display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--t3);font-size:15px;margin:0;padding:0;list-style:none}
.vhd .meta b{color:var(--t2);font-weight:600;margin-right:6px}
.vbd{padding:28px 4px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.8}
.vbd p{margin:0 0 14px}
.kogl{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);margin:20px 0;font-size:15px;color:var(--t2)}
.kogl .k{flex:none;font-weight:800;color:#fff;background:#0B50D0;border-radius:4px;padding:4px 8px;font-size:13px}
.prevnext{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--t1)}
.prevnext li{display:flex;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line)}
.prevnext b{flex:none;width:64px;color:var(--t3);font-weight:600}
.share{display:flex;gap:8px;align-items:center}

/* 갤러리 */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0;padding:0}
.gal a{display:block}.gal a:hover{text-decoration:none}.gal a:hover strong{text-decoration:underline}
.gal .th{aspect-ratio:4/3;border-radius:var(--r-card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--pri-70);font-weight:700;background:linear-gradient(135deg,#ECF2FE,#F4F5F6)}
.gal strong{display:block;margin-top:10px;font-size:17px}
.gal span{font-size:14px;color:var(--t3)}

/* 콘텐츠 */
.cont{font-size:17px;line-height:1.8}
.cont h2{font-size:24px;margin:40px 0 14px;padding-left:12px;border-left:4px solid var(--pri)}
.cont h2:first-child{margin-top:0}
.cont h3{font-size:19px;margin:24px 0 8px}
.cont p{margin:0 0 12px}
.cont ul{margin:0 0 12px;padding-left:22px}
.figure{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r-card);background:var(--sec);color:var(--t3);min-height:200px;margin:12px 0 20px;text-align:center;padding:16px}
.tl{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);margin-left:60px}
.tl li{position:relative;padding:0 0 20px 24px}
.tl li::before{content:'';position:absolute;left:-7px;top:9px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--pri)}
.tl .y{position:absolute;left:-84px;top:2px;font-weight:800;color:var(--pri-70);width:60px;text-align:right}
.tl b{display:inline-block;width:56px;color:var(--t3);font-weight:600}
.org{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;border:1px solid var(--line);border-radius:var(--r-card)}
.org .n{padding:10px 22px;border-radius:6px;background:var(--navy);color:#fff;font-weight:700}
.org .n.l2{background:var(--pri-70)}
.org .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.org .row .n{background:#fff;color:var(--t1);border:1px solid #B1B8BE;font-weight:600}
.greet{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}
.greet .ph{aspect-ratio:3/4;border-radius:var(--r-card);background:var(--sec);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--t3)}
.sign{text-align:right;font-weight:700;margin-top:24px}
.vis{display:grid;gap:12px}
.vis .v{padding:24px;border-radius:var(--r-card);background:var(--navy);color:#fff;text-align:center;font-size:22px;font-weight:800}
.vis .g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vis .g div{padding:18px;border-radius:var(--r-card);background:var(--tint);color:var(--pri-70);font-weight:700;text-align:center}
.map{aspect-ratio:16/7;border-radius:var(--r-card);border:1px solid var(--line);background:repeating-linear-gradient(45deg,#F4F5F6 0 14px,#EEF0F2 14px 28px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--t2)}
.map .ic{color:var(--danger)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;gap:12px;align-items:center;padding:18px 8px;cursor:pointer;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary .qq{flex:none;width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--pri-70);display:flex;align-items:center;justify-content:center;font-weight:800}
.faq summary .cat{margin-left:auto}
.faq details[open] summary{color:var(--pri-70)}
.faq .a{display:flex;gap:12px;padding:4px 8px 20px;color:var(--t2)}
.faq .a .qq{flex:none;width:32px;height:32px;border-radius:50%;background:var(--sec);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--t2)}

/* 로그인·회원 */
.authbox{max-width:520px;margin:0 auto}
.authbox .box{padding:36px}
.authbox .fld{margin-bottom:14px}
.authsub{display:flex;justify-content:center;gap:20px;margin-top:18px;font-size:15px;color:var(--t2)}
.terms{border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;height:160px;overflow:auto;background:var(--sec);font-size:15px;color:var(--t2);margin:8px 0 6px}
.agree{border:1px solid var(--line);border-radius:var(--r-card);padding:20px;margin-bottom:16px}
.agree h3{margin:0 0 4px;font-size:18px}
.idv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.idv a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;border:1px solid var(--line);border-radius:var(--r-card);text-align:center}
.idv a:hover{border-color:var(--pri);text-decoration:none;background:var(--tint)}
.idv .ic{color:var(--pri-70)}.idv strong{font-size:18px}.idv span{font-size:14px;color:var(--t3)}
.done-box{text-align:center;padding:48px 24px;border:1px solid var(--line);border-radius:var(--r-card)}
.done-box .ok{width:64px;height:64px;border-radius:50%;background:#EAF7EC;color:var(--green-t);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px}
.done-box h2{margin:0 0 8px;font-size:24px}

/* 마이페이지 */
.todo{list-style:none;margin:0;padding:0}
.todo li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.todo li:last-child{border-bottom:0}
.todo li a{flex:1;min-width:0}
.todo li .dday{min-width:48px;text-align:right}
.scorebar{display:flex;align-items:center;gap:8px}
.scorebar i{display:block;height:8px;border-radius:4px;background:var(--pri);min-width:4px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);font-size:14px}
.cal div{min-height:84px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px}
.cal .hd2{min-height:auto;background:var(--sec);text-align:center;font-weight:700;padding:8px}
.cal .d{color:var(--t3);font-weight:600}
.cal .ev{display:block;margin-top:4px;padding:2px 6px;border-radius:4px;background:var(--tint);color:var(--pri-70);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal .ev.w{background:#FFF8E6;color:#6B4A00}
.cal .today{background:#FAFCFF}
.cal .today .d{color:var(--pri);}

/* ===== 관리자 ===== */
body.adm{background:var(--sec)}
.atop{height:60px;background:#122A88;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:40}
.alogo{display:flex;align-items:center;gap:12px;color:#fff;font-weight:700}
.alogo .mark{font-weight:800;font-size:22px;letter-spacing:-.02em;color:#fff}.alogo .mark b{color:#7FD38B}
.alogo:hover{text-decoration:none}
.atop-r{display:flex;align-items:center;gap:18px;font-size:14px}
.atop-r a{color:#D8E5FD;display:inline-flex;align-items:center;gap:4px}
.atop-r .who{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.atop-r .who small{font-weight:400;color:#B1CEFB}
.atop .sess{color:#D8E5FD}.atop .sess b{color:#fff}.atop .sess .btn{height:28px;font-size:13px}
.ashell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 60px)}
.anav{background:#fff;border-right:1px solid var(--line);padding:12px 0 40px;position:sticky;top:60px;height:calc(100vh - 60px);overflow:auto}
.anav details{border-bottom:1px solid var(--line)}
.anav summary{display:flex;align-items:center;gap:10px;padding:13px 18px;font-weight:700;font-size:16px;cursor:pointer;list-style:none;color:var(--t1)}
.anav summary::-webkit-details-marker{display:none}
.anav summary .ic{color:var(--pri-70)}
.anav details[open] summary{color:var(--pri-70)}
.anav ul{list-style:none;margin:0;padding:0 0 8px}
.anav li a{display:block;padding:8px 18px 8px 46px;font-size:15px;color:var(--t2)}
.anav li a:hover{background:var(--sec);text-decoration:none}
.anav li a[aria-current]{background:var(--tint);color:var(--pri-70);font-weight:700;box-shadow:inset 3px 0 0 var(--pri)}
.amain{padding:24px 32px 64px;min-width:0}
.apage-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.apage-hd .crumb{margin-bottom:6px;font-size:14px}
.apage-hd h1{margin:0;font-size:26px}
.apage-hd p{margin:4px 0 0;color:var(--t2);font-size:15px}
.acts{display:flex;gap:8px;flex-wrap:wrap}
.adm .tbl{font-size:15px;background:#fff}
.adm .tbl th{padding:11px 8px}.adm .tbl td{padding:11px 8px}
.adm .search{background:#fff;border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr) auto}
.adm .search .btn-lg{height:48px}
.adm .kpis{grid-template-columns:repeat(5,1fr)}
.adm .frm{background:#fff}
.adm .ltabs{background:#fff;border:1px solid var(--line)}
.adm .dtbl{background:#fff}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;flex-wrap:wrap}
.toolbar p{margin:0;font-size:15px;color:var(--t2)}.toolbar strong{color:var(--pri-d)}
.toolbar .r{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.split3{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.mini{width:100%;border-collapse:collapse;font-size:15px}
.mini th,.mini td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left}
.mini th{color:var(--t3);font-weight:600;background:var(--sec)}
.cnt-dot{display:inline-flex;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center}
.bar{height:10px;border-radius:5px;background:var(--sec);overflow:hidden}.bar i{display:block;height:100%;background:var(--pri)}
.chartbox{display:flex;align-items:flex-end;gap:18px;height:200px;padding:16px 8px 0;border-bottom:1px solid #B1B8BE}
.chartbox div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;color:var(--t2)}
.chartbox i{display:block;width:60%;background:var(--pri);border-radius:4px 4px 0 0}
.chartbox i.g{background:var(--green)}
.legend{display:flex;gap:16px;font-size:14px;color:var(--t2);margin-top:8px}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--pri);margin-right:4px;vertical-align:-1px}.legend i.g{background:var(--green)}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:4px;font-size:13px;font-weight:700;background:var(--sec);color:var(--t2)}
.tag.ok{background:#EAF7EC;color:var(--green-t)}.tag.w{background:#FFF8E6;color:#6B4A00}.tag.d{background:#FDEFF0;color:var(--danger-t)}.tag.b{background:var(--tint);color:var(--pri-70)}
.mask{font-variant-numeric:tabular-nums}

/* ===== 화면 설명(시안 설명용) ===== */
.xbtn{position:fixed;right:20px;bottom:20px;z-index:70;display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 18px;border-radius:999px;border:0;background:#1E2124;color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.xbtn:hover{background:#000}
.xpanel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;z-index:80;background:#fff;box-shadow:-8px 0 24px rgba(0,0,0,.14);padding:24px 26px 40px;overflow:auto;font-size:15px}
.xpanel .xh{display:flex;justify-content:space-between;align-items:center}
.xpanel h2{margin:12px 0 14px;font-size:22px}
.xpanel dl{display:grid;grid-template-columns:84px 1fr;gap:6px 10px;margin:0 0 18px;padding:14px;background:var(--sec);border-radius:var(--r-card)}
.xpanel dt{font-weight:700;color:var(--t2)}.xpanel dd{margin:0;word-break:break-all}
.xpanel h3{font-size:17px;margin:0 0 8px}
.xpanel ol{margin:0;padding-left:20px;line-height:1.65}.xpanel li{margin-bottom:8px}
.xnote{margin-top:20px;font-size:13px;color:var(--t3)}
.draft{bottom:20px}

@media (max-width:1024px){
  .sub{grid-template-columns:1fr;gap:20px}.lnb{position:static}
  .lnb>ul{display:flex;flex-wrap:wrap;gap:6px;border:0}.lnb>ul>li>a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:15px}.lnb>ul>li>a .ic{display:none}.lnb>ul>li>ul{display:none}
  .kpis,.adm .kpis{grid-template-columns:repeat(2,1fr)}
  .cards,.gal,.idv{grid-template-columns:1fr 1fr}
  .ashell{grid-template-columns:1fr}.anav{position:static;height:auto}
  .split,.split3{grid-template-columns:1fr}
  .atop-r .sess,.atop-r a:not(:last-child){display:none}
  .greet{grid-template-columns:1fr}
  .adm .search{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .frm .row{grid-template-columns:1fr}.frm .lb{padding:12px 16px 4px;background:none}
  .cards,.gal,.idv,.vis .g{grid-template-columns:1fr}
  .wiz{flex-wrap:wrap}.wiz li{flex:1 1 40%}
  .ptitle h1{font-size:26px}
  .xpanel{width:100%}
  .dtbl th{width:110px;white-space:normal}
  .dtbl.c2 tr{display:grid;grid-template-columns:110px 1fr}
  .search .sbtn{grid-column:1/-1}
}
.search .sbtn{display:flex;gap:8px}
.search.s0{grid-template-columns:1fr auto}.search.s1{grid-template-columns:200px 1fr auto}.search.s2{grid-template-columns:180px 200px 1fr auto}.search.s3{grid-template-columns:160px 160px 160px 1fr auto}
@media (max-width:1024px){.search.s0,.search.s1,.search.s2,.search.s3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.search.s0,.search.s1,.search.s2,.search.s3{grid-template-columns:1fr}}
/* 인트로 */
.intro-b{background:var(--navy)}
main.intro{min-height:calc(100vh - 150px);display:flex;align-items:center;background:var(--navy);color:#fff;padding:64px 0}
main.intro .kicker{color:#B1CEFB;font-weight:600;margin:0 0 8px}
main.intro h1{margin:0;font-size:40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
main.intro h1 .mark{font-weight:800;font-size:44px;color:#fff}main.intro h1 .mark b{color:#7FD38B}
main.intro .lead{color:#D8E5FD;font-size:19px;margin:12px 0 40px}
.ic-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ic-cards a{display:flex;flex-direction:column;gap:10px;padding:28px 24px;border-radius:var(--r-card);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);color:#fff;min-height:180px}
.ic-cards a:hover{background:rgba(255,255,255,.16);text-decoration:none}
.ic-cards strong{font-size:20px}.ic-cards span{color:#D8E5FD;font-size:15px;margin-top:auto}
@media (max-width:1024px){.ic-cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ic-cards{grid-template-columns:1fr}main.intro h1{font-size:28px}}
/* 모바일 미리보기 */
.phones{display:flex;gap:32px;flex-wrap:wrap}
.phone{margin:0;text-align:center}
.phone iframe{width:390px;height:780px;border:10px solid #1E2124;border-radius:36px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.phone figcaption{margin-top:10px;font-weight:600;color:var(--t2);font-size:15px}
.mini tbody th{background:none;color:var(--t2);font-weight:600}
.logo:hover,.logo:focus,.alogo:hover{text-decoration:none}

/* ═══════════ 시안 H — 디자이너 샘플(GW-PMS-main·과제 신청·마이페이지) 기준 ═══════════
   네이비 #122A88 · 그린 #23AC38 · 잉크 #142137 · 각진 모서리 · 1920 기준 본문 폭 1680 */
:root{--pri:#122A88;--pri-d:#0C1E66;--pri-70:#122A88;--navy:#122A88;--ink:#142137;--green:#23AC38;--green-t:#1A8A2C;--green-bg:#EDF7EF;
  --tint:#EEF1F8;--sec:#F5F7FA;--panel:#E4EAF0;--beige:#F3F2EC;--line:#DCE2E9;--line2:#C2CCD8;--t1:#142137;--t2:#4A5565;--t3:#6B7684;
  --r-card:0;--r-btn:0;--r-in:0;--r-badge:0;--focus:#256EF4;--ft-bg:#142137;--wrapw:1680px}
body{font-size:18px;color:var(--t1);background:#fff}
.wrap{max-width:calc(var(--wrapw) + 48px)}
a:hover{text-underline-offset:4px}
:focus-visible{border-radius:0}

/* 헤더 */
.hd{border-bottom:0;background:#fff}
.hd .wrap{height:104px;gap:24px}
.logo img{display:block;width:230px;height:auto}
.gnb{flex:1;display:flex;justify-content:center}
.gnb>ul{justify-content:center;gap:12px}
.gnb>ul>li{position:relative}
.gnb>ul>li>a{padding:38px 22px;font-size:20px;font-weight:600;color:var(--ink)}
.gnb>ul>li>a:hover,.gnb>ul>li:focus-within>a,.gnb>ul>li>a[aria-current]{color:var(--navy);box-shadow:inset 0 -3px 0 var(--navy)}
.gnb .dd{display:none;position:absolute;left:50%;top:100%;transform:translateX(-50%);min-width:180px;list-style:none;margin:0;padding:8px 0;background:#fff;border-top:2px solid var(--navy);box-shadow:0 10px 24px rgba(20,33,55,.12);z-index:50}
.gnb>ul>li:hover .dd,.gnb>ul>li:focus-within .dd{display:block}
.gnb .dd a{display:flex;align-items:center;gap:4px;padding:10px 20px;font-size:17px;white-space:nowrap;color:var(--t2)}
.gnb .dd a:hover{background:var(--sec);color:var(--navy);text-decoration:none}
.hd-r{display:flex;align-items:center;gap:28px;flex:none;min-width:230px;justify-content:flex-end}
.hlink{display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--t2)}
.hlink.who{color:var(--t3)}
.hlink+.hlink{color:var(--ink);font-weight:600}
.iconbtn{border-radius:0}

/* 경로 막대 */
.hcrumb{background:var(--sec)}
.hcrumb ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;height:56px;font-size:15px;color:var(--t2)}
.hcrumb li{display:flex;align-items:center}
.hcrumb li+li::before{content:'/';margin:0 14px;color:var(--t3)}
.hcrumb li:first-child span{margin-left:10px}
.hcrumb a{display:inline-flex;align-items:center}
.hcrumb li[aria-current]{color:var(--t2)}

/* 본문 틀 */
.sub{grid-template-columns:240px minmax(0,1fr);gap:64px;padding:64px 0 96px}
.single{padding:64px 0 96px}
.phead{margin-bottom:40px}
.phead h1{margin:0;font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.phead .sub{display:block;margin:18px 0 0;padding:0;font-size:24px;font-weight:600;color:var(--ink);grid-template-columns:none}
.phead .lead{margin:12px 0 0;font-size:17px;color:var(--t2)}
.lead2{font-size:18px}

/* LNB */
.lnb-col{position:sticky;top:24px}
.lnb{position:static}
.lnb h2{font-size:30px;font-weight:700;padding:0 0 24px;border-bottom:2px solid var(--ink);margin-bottom:22px}
.lnb h2 a:hover{text-decoration:none;color:var(--navy)}
.lnb>ul>li>a{padding:16px 16px;font-size:19px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--line)}
.lnb>ul>li>a .ic{color:var(--ink)}
.lnb a:hover{background:var(--sec)}
.lnb>ul>li>a[aria-current]{background:var(--navy);color:#fff;font-weight:600;border-bottom-color:var(--navy)}
.lnb>ul>li>a[aria-current] .ic{color:#fff}
.lnb>ul>li>ul{background:var(--sec);padding:6px 0}
.lnb>ul>li>ul a{padding:10px 16px 10px 28px;font-size:17px}
.lnb>ul>li>ul a[aria-current]{color:var(--navy)}
.lnb>ul>li>ul a[aria-current]::before{content:'';display:inline-block;width:6px;height:6px;background:var(--green);margin:0 8px 3px 0}
.lnb-help{margin-top:72px;font-size:15px;color:var(--t3)}
.lnb-help p{margin:0 0 6px}
.lnb-help a{display:block;font-size:28px;font-weight:700;color:var(--navy);letter-spacing:-.01em;line-height:1.3}
.lnb-help span{display:block;margin-top:8px}

/* 제목·섹션 */
.h2row{margin:72px 0 22px;align-items:center}
.h2{font-size:30px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.h3s{font-size:24px;margin:48px 0 16px;color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 20px;border-radius:999px;background:var(--navy);color:#fff;font-size:16px;font-weight:500}
.more{font-size:16px;color:var(--ink);gap:6px}

/* 단계 막대 */
.hstep{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 0 56px;padding:0;background:var(--sec)}
.hstep li{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:0 64px 0 28px;color:var(--t2);border-bottom:3px solid transparent}
.hstep li small{font-size:15px}
.hstep li span{font-size:24px;font-weight:500;color:var(--t2)}
.hstep li .ic{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--t2)}
.hstep li.done span{color:var(--ink)}
.hstep li.done small::after{content:' 완료';color:var(--green-t);font-weight:700}
.hstep li.on{background:var(--navy);color:#fff;border-bottom-color:var(--green)}
.hstep li.on span{color:#fff;font-weight:700}
.hstep li.on .ic{color:#fff}

/* 입력 양식(라벨 위) */
.hfrm{margin-bottom:64px}
.hfrm-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:28px}
.hfrm-hd h3{margin:0;font-size:30px;font-weight:700;color:var(--ink)}
.hfrm-hd p{margin:0;font-size:15px;color:var(--t2)}
.hfrm-hd p a{text-decoration:underline}
.frm-note{margin:0 0 20px;font-size:15px;color:var(--t2);text-align:right}
.hgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}.hgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hf .lb.req::after{content:none}
.hf.full{grid-column:1/-1}
.hf .lb{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:12px}
.hf .lb.req::before{content:'* ';color:var(--ink)}
.hf .fv{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hf .fv>.inp,.hf .fv>.sel,.hf .fv>.ta{flex:1 1 200px}
.hint{font-size:15px;color:var(--t2);margin-top:4px}
.cnt{width:100%;margin:2px 0 0;text-align:right;font-size:14px;color:var(--t2)}
.iu{display:flex;align-items:center;gap:10px;flex:1}
.inp,.sel,.ta{height:58px;border:1px solid var(--line);border-radius:0;padding:0 18px;font-size:18px;background:#fff;color:var(--ink)}
.ta{height:auto;padding:18px;line-height:1.75;width:100%;font:inherit;font-size:18px;resize:vertical}
.sel{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23142137' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center;padding-right:52px}
.inp[readonly]{background:var(--sec);color:var(--t2);border-color:var(--sec)}
.inp:focus,.sel:focus,.ta:focus{border-color:var(--navy);outline:2px solid var(--navy);outline-offset:-2px}
.chk input{accent-color:var(--navy)}
.file .nm{height:58px;border-radius:0;border-color:var(--line2)}
.file .nm.has{background:var(--tint);border-color:var(--line2)}
.unit{font-size:17px}
/* 옛 표형 양식(관리자 등) */
.frm{border-top:2px solid var(--ink)}
.frm .lb{background:var(--sec)}

/* 하단 실행 */
.hact{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:2px solid var(--ink);padding-top:28px;margin-top:24px}
.hact-n p{margin:0;font-size:16px;color:var(--t2)}
.hact-n p+p{margin-top:10px}
.hact-n small{font-size:14px}
.hact-b{display:flex;gap:14px;flex-wrap:wrap}

/* 버튼 */
.btn{border-radius:0;font-weight:600}
.btn-pri{background:var(--navy);border-color:var(--navy)}
.btn-pri:hover{background:var(--pri-d)}
.btn-sec{color:var(--navy);border-color:var(--navy);background:#fff}
.btn-sec:hover{background:var(--tint)}
.btn-ter{border-color:var(--line2);color:var(--ink)}
.btn-lg{height:58px;padding:0 40px;font-size:18px;min-width:186px}
.btn.has-arr{justify-content:space-between;gap:40px;min-width:216px;padding:0 24px}
.btn-sm{height:38px;font-size:15px;padding:0 16px}

/* KPI */
.kpis{grid-template-columns:repeat(4,1fr);gap:0;background:var(--sec);margin-bottom:12px}
.kpi{position:relative;background:none;border:0;border-top:3px solid transparent;padding:22px 64px 22px 28px}
.kpi+.kpi::before{content:'';position:absolute;left:0;top:28px;bottom:28px;width:1px;background:var(--line)}
.kpi:hover{background:#EDF1F6;border-color:transparent}
.kpi span{font-size:18px;color:var(--navy);font-weight:600}
.kpi b{font-size:50px;line-height:1.3;color:var(--ink);margin-top:2px}
.kpi small{font-size:14px;color:var(--t2)}
.kpi .ic{position:absolute;right:28px;top:50%;transform:translateY(-50%);color:var(--t2)}
.kpi.hot{border-top-color:var(--green)}
.kpi.hot span,.kpi.hot b{color:var(--green-t)}
.kpi.hot .ic{color:var(--ink)}
.kpi-note{margin:0;text-align:right;font-size:14px;color:var(--t2)}

/* 표 */
.tbl{border-top:2px solid var(--navy);font-size:17px}
.tbl th{background:var(--panel);color:var(--ink);font-weight:600;border-bottom:1px solid var(--line2);padding:16px 12px}
.tbl td{border-bottom:1px solid var(--line);padding:18px 12px}
.tbl tr:hover td{background:#FAFBFC}
.tbl td.tt a{color:var(--ink);font-weight:500}
.todo-t{border-top:2px solid var(--ink)}
.todo-t td{padding:16px 18px;text-align:left}
.todo-t tr.hl td{background:var(--green-bg)}
.todo-t .cat b{display:block;font-size:16px;font-weight:500}
.todo-t .cat small{font-size:13px;color:var(--t2)}
.todo-t .dd{font-size:22px;font-weight:600;color:var(--navy)}
.todo-t .dd.txt{color:var(--t2);font-size:20px;font-weight:500}
.todo-t .msg{font-size:18px}
.todo-t .dt{font-size:15px;color:var(--t2)}
.todo-t .act{text-align:center}
.todo-t .act .btn{min-width:140px}
.tasks-t td{text-align:left;padding:20px 24px}
.tasks-t th{text-align:left;padding:16px 24px}
.tasks-t th:last-child,.tasks-t td.act{text-align:center}
.tasks-t td.tt small{display:block;font-size:14px;color:var(--t2);margin-bottom:4px}
.tasks-t td.tt a{font-size:20px;font-weight:600}
.tasks-t .stg{color:var(--navy);font-weight:600;font-size:19px}
.tasks-t td.act .btn{min-width:240px}
.sublink{display:block;margin-top:10px;font-size:14px;color:var(--t2)}
.tasks-t tr.open td{background:var(--sec)}
.tasks-t tr.tl-row td{background:var(--sec);padding:6px 24px 26px}
.tl-hd{display:flex;justify-content:space-between;font-size:15px;color:var(--t2);margin-bottom:18px}
.tl-hd b{color:var(--ink);font-size:16px}
.tline{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;margin:0;padding:0}
.tline li{position:relative;text-align:center;padding-top:26px;font-size:15px;color:var(--t2)}
.tline li::before{content:'';position:absolute;left:50%;top:5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#D5DBE3;z-index:1}
.tline li::after{content:'';position:absolute;left:-50%;right:50%;top:10px;height:2px;background:#D5DBE3}
.tline li:first-child::after{display:none}
.tline li.done::before{background:var(--navy)}
.tline li.done::after,.tline li.on::after{background:var(--navy)}
.tline li.on::before{background:var(--green)}
.tline li.on{color:var(--navy);font-weight:700}
.dtbl{border-top:2px solid var(--navy);font-size:17px}
.dtbl th{background:var(--panel)}
.pager a{border-radius:0}
.pager a[aria-current]{background:var(--navy)}

/* 공통 블록 */
.panel,.card,.box,.agree,.done-box,.sessbar,.search,.mega .desc{border-radius:0}
.panel{border-color:var(--line)}
.search{background:var(--sec)}
.sessbar{background:none;border:1px solid var(--line);padding:12px 20px;margin:-24px 0 48px;font-size:15px;color:var(--t2)}
.alert{border-radius:0;border-width:0 0 0 4px;font-size:17px}
.alert-info{background:var(--tint);border-color:var(--navy);color:var(--ink)}
.alert-info .ic{color:var(--navy)}
.alert-ok{background:var(--green-bg);border-color:var(--green);color:#16451E}
.alert-warn{border-color:#E0A526}
.alert-danger{border-color:var(--danger)}
.bdg,.tag{border-radius:0}
.bdg-on{background:var(--green-bg);color:var(--green-t)}
.ltabs{background:none;padding:0;border-bottom:1px solid var(--line2);border-radius:0}
.ltabs ul{gap:0}
.ltabs a{border-radius:0;padding:14px 26px;font-size:18px;font-weight:500;color:var(--t2);box-shadow:inset 0 -3px 0 transparent}
.ltabs a:hover{background:none;color:var(--ink)}
.ltabs a[aria-current]{background:none;color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--green)}
.cont h2{border-left-color:var(--navy)}
.vhd{border-top-color:var(--navy)}
.card:hover{border-color:var(--navy)}
.card .ic{color:var(--navy)}
.dday{color:var(--navy)}
.chip{border-radius:0}
.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy)}

/* 함께하는 기관·푸터 */
.partners{border-top:1px solid var(--line);padding:28px 0 36px;background:#fff}
.partners .ph-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.partners h2{margin:0;font-size:15px;font-weight:500;color:var(--t2)}
.partners .ctl{display:flex;gap:6px}
.partners .iconbtn{width:32px;height:32px;color:var(--t2);border:0;background:none}
.partners ul{display:grid;grid-template-columns:repeat(8,1fr);gap:24px;list-style:none;margin:0;padding:0;align-items:center}
.partners li a{display:flex;align-items:center;justify-content:center;height:56px}
.partners img{max-height:46px;max-width:100%;width:auto;object-fit:contain}
.ft{background:var(--ft-bg);color:#C9D1DD;padding:0 0 56px;margin:0}
.ft .pol{display:flex;gap:18px;list-style:none;margin:0;padding:34px 0 24px;border-bottom:1px solid #3A4659;font-size:15px}
.ft .pol a{color:#fff;font-weight:600}
.ft-b{display:grid;grid-template-columns:530px 1fr;gap:24px;padding-top:36px}
.ft-brand strong{display:block;font-size:44px;font-weight:600;color:#fff;letter-spacing:-.01em;line-height:1.1}
.ft-brand span{display:block;margin-top:14px;font-size:16px}
.ft address{font-style:normal;font-size:16px}
.ft-info p{margin:10px 0 0;font-size:16px;display:flex;gap:18px;flex-wrap:wrap}
.ft-info .cp{font-size:14px;margin-top:22px;color:#9AA5B5}
.qbar{display:none}

/* 화면 설명 버튼(시안 공통) */
.xbtn{border-radius:0;background:var(--ink)}
.draft{border-radius:0}

/* ═══ GW-PMS 메인 ═══ */
.mhero{position:relative;background:#30251E url(img/hero.jpg) center/cover no-repeat;color:#fff}
.mhero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,24,.62) 0%,rgba(10,14,24,.35) 45%,rgba(10,14,24,.08) 100%)}
.mhero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:48px;align-items:start;padding-top:94px;padding-bottom:150px;min-height:742px}
.mh-txt .kick{margin:0 0 50px;font-size:18px;font-weight:500}
.mh-txt h1{margin:0;font-size:clamp(44px,4.4vw,86px);line-height:1.22;font-weight:700;letter-spacing:-.035em}
.mh-txt .lead{margin:40px 0 0;font-size:21px;line-height:1.6;color:#F1F1F1}
.mh-ctl{display:flex;align-items:center;gap:36px;margin-top:118px;font-size:14px}
.mh-ctl button{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:#fff;cursor:pointer;font-size:14px;padding:6px 0}
.mlogin{background:#fff;color:var(--ink);padding:42px 36px 38px}
.mlogin h2{margin:0;font-size:29px;font-weight:600;letter-spacing:-.02em}
.mlogin>p{margin:16px 0 26px;font-size:15px;color:var(--t2)}
.mlogin .inp{display:block;height:50px;border:0;background:#EFF1F4;margin-bottom:12px;font-size:16px}
.mlogin .go{display:flex;justify-content:space-between;align-items:center;width:100%;height:54px;margin-top:4px;padding:0 24px;border:0;background:var(--navy);color:#fff;font-size:17px;font-weight:600;cursor:pointer}
.mlogin .go:hover{background:var(--pri-d)}
.mlogin .lk{display:flex;gap:14px;margin:18px 0 0;font-size:14px;color:var(--t2);padding-bottom:22px;border-bottom:1px solid var(--line)}
.mlogin .lk span{color:var(--line2)}
.mlogin .first{display:flex;justify-content:space-between;align-items:flex-end;margin-top:22px;font-size:16px;font-weight:500;line-height:1.6}
.mlogin .first .ic{color:var(--navy)}
.mn{background:var(--beige);padding-bottom:84px}
.mn-card{position:relative;margin-top:-66px;background:#fff;padding:24px 40px 40px;box-shadow:0 10px 30px rgba(20,33,55,.06);z-index:2}
.mn-hd{display:flex;align-items:center;gap:100px;border-bottom:1px solid var(--line)}
.mn-hd h2{margin:0;font-size:44px;font-weight:700;letter-spacing:-.03em;padding:16px 0 20px}
.mn-tabs{display:flex;gap:16px;flex:1;align-self:stretch}
.mn-tabs button{background:none;border:0;padding:0 8px;font-size:21px;color:var(--t2);cursor:pointer;box-shadow:inset 0 -3px 0 transparent;font-weight:500}
.mn-tabs button[aria-selected=true]{color:var(--navy);font-weight:700;box-shadow:inset 0 -3px 0 var(--green)}
.mn-list{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;list-style:none;margin:0;padding:30px 0 0}
.mn-list a{display:flex;flex-direction:column;height:100%;min-height:330px;color:var(--ink)}
.mn-list a:hover{text-decoration:none}
.mn-list a:hover h3{text-decoration:underline;text-underline-offset:5px}
.mn-list .top{display:flex;justify-content:space-between;align-items:center}
.mn-list .dd{font-size:36px;font-weight:500;color:var(--navy);letter-spacing:-.01em}
.mn-list h3{margin:28px 0 0;font-size:24px;font-weight:600;line-height:1.45;letter-spacing:-.02em;flex:1}
.mn-list .pd{font-size:14px;color:var(--t2)}
.mn-list .st{margin-top:10px;font-size:14px;font-weight:700;color:var(--green-t)}
.mgrid{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:60px}
.mnews{background:#F9F9F9;padding:72px 0 96px}
.mhd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}
.mhd h2{margin:0;font-size:50px;font-weight:700;letter-spacing:-.035em;line-height:1.2}
.mhd .more{font-size:16px}
.mnl{list-style:none;margin:0 0 0;padding:0;border-top:2px solid var(--t2);max-width:1010px}
.mnl li a{display:grid;grid-template-columns:160px minmax(0,1fr) 40px;gap:0;align-items:start;padding:28px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.mnl li a:hover{text-decoration:none}.mnl li a:hover b{text-decoration:underline;text-underline-offset:4px}
.mnl time{font-size:16px;color:var(--t2);padding-top:4px}
.mnl b{font-size:21px;font-weight:500;line-height:1.5}
.mnl li:first-child time{color:var(--navy)}
.mnl li:first-child b{font-size:31px;font-weight:600;line-height:1.4}
.mnl .ic{color:var(--ink);justify-self:end}
.mdata{background:var(--panel);padding:46px 46px 56px;margin-top:84px;max-width:1080px}
.mdata .mhd h2{font-size:38px}
.mdata .feat{display:grid;grid-template-columns:100px minmax(0,1fr) 40px;gap:20px;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line2)}
.mdata .thumb{width:100px;height:124px;background:#2547D0;color:#fff;padding:12px;font-size:16px;font-weight:700;line-height:1.3;display:flex;flex-direction:column;justify-content:space-between}
.mdata .thumb{white-space:nowrap;overflow:hidden}.mdata .thumb small{font-size:8px;letter-spacing:.06em;font-weight:500}
.mdata .feat b{display:block;font-size:26px;font-weight:600;line-height:1.45}
.mdata .feat span{display:block;margin-top:12px;font-size:15px;color:var(--t2)}
.mdata ul{list-style:none;margin:0;padding:0}
.mdata li{display:grid;grid-template-columns:minmax(0,1fr) 160px 40px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line2);font-size:19px}
.mdata li:last-child{border-bottom:0}
.mdata li time{font-size:15px;color:var(--t2)}
.mdata .dl{color:var(--ink);justify-self:end;display:inline-flex}
.mgo{background:var(--navy);color:#fff;padding:48px 48px 40px;align-self:stretch}
.mgo .k{margin:0;font-size:16px;color:#D8DEF5}
.mgo h2{margin:18px 0 0;font-size:44px;line-height:1.3;font-weight:700;letter-spacing:-.03em}
.mgo>p{margin:26px 0 34px;font-size:18px;color:#E6EAF7;line-height:1.6}
.mgo ol{list-style:none;margin:0;padding:0}
.mgo li a{position:relative;display:block;padding:28px 0 28px;border-top:1px solid rgba(255,255,255,.28);color:#fff}
.mgo li a:hover{text-decoration:none}
.mgo li a:hover strong,.mgo li a[aria-current] strong{text-decoration:underline;text-underline-offset:5px}
.mgo li:first-child a::before{content:'';position:absolute;left:-48px;top:0;bottom:0;width:4px;background:var(--green)}
.mgo li small{font-size:15px;color:#D8DEF5}
.mgo li strong{display:block;margin-top:12px;font-size:29px;font-weight:600}
.mgo li span{display:block;margin-top:16px;font-size:15px;color:#D8DEF5}
.mgo li .ic{position:absolute;right:8px;top:50%;transform:translateY(-50%)}
.mfaq{padding:76px 0 74px;background:#fff}
.mfaq .mhd h2{font-weight:600}
.faq{border-top:2px solid var(--t2);max-width:1010px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:30px 0;font-size:25px;font-weight:500;color:var(--ink);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:26px;font-weight:400;color:var(--ink)}
.faq details[open] summary{color:var(--navy);font-weight:600}
.faq details[open] summary::after{content:'–'}
.faq .a{padding:0 24px 34px;font-size:20px;color:var(--t2);line-height:1.6}
.minq{position:relative;background:linear-gradient(135deg,#4ACA88 0%,#1E9A8F 45%,#1749B8 100%);color:#fff;padding:50px 48px 54px}
.minq .k{margin:0;font-size:16px}
.minq h2{margin:24px 0 0;font-size:34px;font-weight:600;line-height:1.45}
.minq .tel{display:block;margin-top:38px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.55);font-size:66px;font-weight:600;letter-spacing:-.01em;line-height:1.1;color:#fff}
.minq .tel:hover{text-decoration:none}
.minq .hr{margin:30px 0 0;font-size:20px;line-height:1.5}
.minq .hr span{display:block;font-size:18px;opacity:.95}
.minq .btn{display:flex;justify-content:space-between;width:100%;height:60px;margin-top:28px;background:#fff;color:var(--navy);padding:0 28px;font-size:19px;border:0}
.minq .hd-ic{position:absolute;right:52px;top:50px;color:#fff}

/* 사업공고 목록(H) */
.nlist{list-style:none;margin:0;padding:0;border-top:2px solid var(--navy)}
.nlist li{display:grid;grid-template-columns:120px minmax(0,1fr) 260px 120px 170px;gap:20px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line)}
.nlist .dd{font-size:28px;font-weight:500;color:var(--navy)}
.nlist .dd.end{color:var(--t3);font-size:20px}
.nlist .tt small{display:block;font-size:14px;color:var(--t2);margin-bottom:6px}
.nlist .tt a{font-size:21px;font-weight:600;color:var(--ink);line-height:1.45}
.nlist .pd{font-size:15px;color:var(--t2)}
.nlist .st{font-size:15px;font-weight:700;color:var(--green-t)}
.nlist .st.end{color:var(--t3)}
.nlist .btn{width:100%}

/* 재단 메인(H 확장) */
.whero{position:relative;background:#222 url(img/photo2.jpg) center 35%/cover no-repeat;color:#fff}
.whero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,24,.72),rgba(10,14,24,.25))}
.whero .wrap{position:relative;padding-top:120px;padding-bottom:170px;min-height:680px}
.wquick{position:relative;margin-top:-90px;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 10px 30px rgba(20,33,55,.06)}
.wquick a{position:relative;display:block;padding:34px 36px 38px;color:var(--ink);border-left:1px solid var(--line)}
.wquick a:first-child{border-left:0;background:var(--navy);color:#fff}
.wquick a:first-child small,.wquick a:first-child span{color:#D8DEF5}
.wquick a:hover{text-decoration:none;background:var(--sec)}
.wquick a:first-child:hover{background:var(--pri-d)}
.wquick small{font-size:15px;color:var(--t2)}
.wquick strong{display:block;margin-top:12px;font-size:27px;font-weight:600}
.wquick span{display:block;margin-top:12px;font-size:15px;color:var(--t2)}
.wquick .ic{position:absolute;right:32px;top:36px}
.wboards{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.wboards h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;font-size:28px}
.wboards h3 a{font-size:15px;font-weight:500;color:var(--t2)}
.wboards ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--t2)}
.wboards li a{display:block;padding:20px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.wboards li b{display:block;font-size:19px;font-weight:500;line-height:1.5}
.wboards li time{display:block;margin-top:6px;font-size:14px;color:var(--t2)}
.wpromo{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.wpromo a{display:block;color:var(--ink)}
.wpromo .th{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--navy);aspect-ratio:4/3;background:var(--panel) center/cover no-repeat}
.wpromo b{display:block;margin-top:16px;font-size:19px;font-weight:600;line-height:1.45}
.wpromo time{display:block;margin-top:6px;font-size:14px;color:var(--t2)}

@media (max-width:1599px){.gnb>ul{gap:0}.gnb>ul>li>a{padding:38px 16px;font-size:19px}.hd-r{min-width:0;gap:20px}.logo img{width:200px}}
@media (max-width:1399px){
  .hd .wrap{gap:16px}.gnb>ul>li>a{padding:38px 11px;font-size:17px}.hd-r{gap:14px}.logo img{width:170px}
  .mgrid{grid-template-columns:minmax(0,1fr) 440px;gap:40px}
  .mn-list{grid-template-columns:repeat(3,1fr)}.mn-list li:nth-child(n+4){display:none}
  .minq .tel{font-size:50px}
}
@media (max-width:1024px){
  .gnb,.hd-r .hlink{display:none}
  .hd .wrap{height:76px;justify-content:space-between}
  .sub{grid-template-columns:1fr;gap:24px;padding-top:32px}
  .lnb-col{position:static}.lnb-help{display:none}
  .lnb>ul{display:flex;overflow-x:auto;gap:0}.lnb>ul>li>a{white-space:nowrap;border:1px solid var(--line);margin-right:-1px}.lnb>ul>li>a .ic{display:none}.lnb>ul>li>ul{display:none}
  .lnb h2{display:none}
  .phead h1{font-size:36px}.phead .sub{font-size:20px}
  .hstep{grid-template-columns:repeat(4,1fr)}.hstep li{min-height:76px;padding:0 12px}.hstep li span{font-size:16px}.hstep li .ic{display:none}
  .kpis{grid-template-columns:repeat(2,1fr)}
  .mhero .wrap{grid-template-columns:1fr;padding-top:48px;padding-bottom:100px;min-height:0}
  .mh-ctl{margin-top:32px}
  .mgrid{grid-template-columns:1fr}
  .mn-hd{gap:24px}.mn-hd h2{font-size:32px}
  .partners ul{grid-template-columns:repeat(4,1fr)}
  .ft-b{grid-template-columns:1fr}
  .nlist li{grid-template-columns:90px minmax(0,1fr);row-gap:8px}.nlist li>.pd,.nlist li>.st,.nlist li>.act{grid-column:2}
  .wquick{grid-template-columns:repeat(2,1fr)}.wboards,.wpromo{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .logo img{width:160px}
  .phead h1{font-size:30px}.phead{margin-bottom:24px}
  .hstep li small{display:none}.hstep li span{font-size:14px}.hstep li{min-height:60px;align-items:center;text-align:center}
  .hgrid,.hgrid.c3{grid-template-columns:1fr;gap:22px}
  .inp,.sel{height:50px;font-size:16px}
  .hact{flex-direction:column;align-items:stretch}.hact-b .btn{flex:1;min-width:0}
  .kpis{grid-template-columns:1fr 1fr}.kpi{padding:16px 40px 16px 16px}.kpi b{font-size:34px}.kpi .ic{right:12px}
  .h2{font-size:24px}.pill{height:32px;padding:0 14px;font-size:14px}
  .todo-t colgroup,.tasks-t colgroup{display:none}
  .todo-t tr,.tasks-t tr{display:grid;grid-template-columns:1fr auto;padding:14px 4px;border-bottom:1px solid var(--line)}
  .todo-t td,.tasks-t td{border:0;padding:4px 8px}
  .todo-t .msg,.tasks-t td.tt{grid-column:1/-1}
  .tasks-t thead{display:none}.tasks-t tr.tl-row{display:block}
  .tline li{font-size:12px}
  .mhero .wrap{padding-left:16px;padding-right:16px}.mlogin{padding:28px 22px}
  .mn-card{padding:16px 20px 24px;margin-top:-40px}.mn-hd{flex-wrap:wrap;gap:8px}.mn-tabs{flex:none}
  .mn-list{grid-template-columns:1fr;gap:0}.mn-list li{display:block!important;border-bottom:1px solid var(--line)}.mn-list a{min-height:0;padding:18px 0}.mn-list .dd{font-size:26px}.mn-list h3{margin:8px 0 14px;font-size:19px}
  .mhd h2{font-size:30px}.mnl li a{grid-template-columns:1fr 24px}.mnl time{grid-column:1/-1}.mnl li:first-child b{font-size:22px}.mnl b{font-size:18px}
  .mdata{padding:28px 20px;margin-top:48px}.mdata .feat{grid-template-columns:72px 1fr}.mdata .feat .dl{display:none}.mdata .thumb{width:72px;height:90px;font-size:12px}.mdata .feat b{font-size:19px}.mdata li{grid-template-columns:1fr 32px;font-size:16px}.mdata li time{display:none}
  .mgo,.minq{padding:32px 24px}.mgo h2{font-size:32px}.mgo li:first-child a::before{left:-24px}.mgo li strong{font-size:22px}
  .faq summary{font-size:18px;padding:20px 0}.faq .a{font-size:16px;padding:0 8px 20px}
  .minq .tel{font-size:38px}.minq h2{font-size:24px}.minq .hd-ic{display:none}
  .partners ul{grid-template-columns:repeat(2,1fr)}
  .ft-brand strong{font-size:34px}
  .wquick,.wboards,.wpromo{grid-template-columns:1fr}
}

@media (max-width:1024px){.hgrid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.alogo img{background:#fff;padding:5px 8px;width:150px;height:auto;box-sizing:content-box}
@media (max-width:640px){.hgrid.c3{grid-template-columns:1fr}.sessbar{flex-direction:column;align-items:flex-start;margin-top:-16px}.mhd{flex-wrap:wrap;gap:8px}}
@media (max-width:1024px){.lnb>ul>li>a,.lnb a{border-radius:0!important}}

/* ═══════════ 재단 홈페이지 — 디자이너 메인 시안(2026-11-04) 패턴 ═══════════
   파랑 강조 #2F5BEA · 라벤더 #EEF1FF · 보라 그라데이션 · 둥근 카드 12~16px · 연한 구역 #F6F7FC (GW-PMS는 기존 H 규칙 유지) */
.www{--wb:#2352FF;--wb-d:#1A3FD1;--web:#4866FF;--wnum:#2B53E5;--wlav:#EEF1FF;--wlav2:#E0E5F8;--wvio:#D4CEF7;--wsec:#F6F7FC;--wgray:#F1F3F6;--wft:#1A1F26;--rc:20px;--rs:10px}
.www .wrap{max-width:1688px}
.www .hd{border-bottom:1px solid #EEF0F3}
.www .hd .wrap{height:90px}
.www .logo img{width:214px}
.www .gnb>ul{gap:36px}
.www .gnb>ul>li>a{font-size:17px;font-weight:600;padding:33px 14px}
.www .gnb>ul>li>a:hover,.www .gnb>ul>li:focus-within>a,.www .gnb>ul>li>a[aria-current]{color:var(--wb);box-shadow:inset 0 -2px 0 var(--wb)}
.www .gnb .dd{border-top-color:var(--wb);border-radius:0 0 12px 12px}
.www .gnb .dd a:hover{color:var(--wb)}
.www .hd-r{gap:6px;min-width:214px}
.www .hd-r .iconbtn{border:0;background:none;width:40px;height:40px;color:var(--ink)}
.www .mobile-menu{display:inline-flex!important}
.www .btn{border-radius:var(--rs)}
.www .btn-pri{background:var(--wb);border-color:var(--wb)}.www .btn-pri:hover{background:var(--wb-d)}
.www .btn-sec{color:var(--wb);border-color:var(--wb)}
.www .inp,.www .sel,.www .ta{border-radius:var(--rs)}
.www .pager a{border-radius:8px}.www .pager a[aria-current]{background:var(--wb)}

/* 공통 머리 글 */
.www .eyebrow{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--web);letter-spacing:-.01em;line-height:1.3}
.wh2{margin:0;font-size:48px;line-height:1.1;color:#151822;font-weight:700;letter-spacing:-.035em;color:var(--ink)}
.wh2 em{font-style:normal;color:var(--wb)}
.wlead{margin:24px 0 0;font-size:19px;font-weight:500;color:#465E80;line-height:1.45}
.wsec{padding:104px 0 106px;background:#fff}
.wsec-alt{background:#F5F7FC}
.wmore{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:500;color:var(--ink)}
.wtab-row{display:flex;justify-content:space-between;align-items:center;margin:34px 0 34px}
.wtab-row.line{border-bottom:1px solid #DFE3EA}
.wtabs-s{display:flex;gap:22px}
.wtabs-s button{background:none;border:0;padding:6px 0;font-size:21px;font-weight:700;color:#8B8989;cursor:pointer;box-shadow:inset 0 -3px 0 transparent}
.wtabs-s button[aria-selected=true]{color:#272727;box-shadow:inset 0 -3px 0 #000}
.wtab-row.line .wtabs-s{gap:40px}.wtab-row.line .wtabs-s button{padding:15px 7px}

/* 메인 비주얼 */
.whero2{position:relative;color:#fff;background:#00101F url(img/w_hero.jpg) center bottom/cover no-repeat}
.whero2::before{content:'';position:absolute;inset:0;background:rgba(237,67,104,.2);mix-blend-mode:multiply}
.whero2 .wrap{position:relative;min-height:600px;display:flex;flex-direction:column;justify-content:flex-start;padding-top:108px;padding-bottom:60px}
.whero2 .kick{margin:0 0 14px;font-size:18px;font-weight:700}
.whero2 h1{margin:0;font-size:clamp(40px,3.4vw,64px);line-height:1.19;font-weight:700;letter-spacing:-.035em}
.whero2 .lead{margin:35px 0 0;font-size:20px;line-height:31px;color:#EAF0FF}
.whc{display:flex;align-items:center;gap:9px;margin-top:47px;font-size:13px;font-weight:600;color:#D0E5FF;align-self:flex-start}
.whc .bar{display:block;width:92px;height:2px;background:#fff}.whc .bar i{display:block;width:35%;height:100%;background:#3559E8}
.whc button{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:4px}
.whc button{margin-left:2px}.whc button:first-of-type{margin-left:14px}

/* 공지 카드 */
.wnews{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:28px 32px}
.wn-card{position:relative;display:flex;flex-direction:column;border-radius:var(--rc);padding:31px 30px 30px;color:var(--ink);min-height:208px;transition:transform .15s,box-shadow .15s}
.wn-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,47,120,.12)}
.wn-card b{display:block;margin-top:20px;font-size:23px;font-weight:700;line-height:1.3;color:#1A1D28;letter-spacing:-.02em;flex:1}
.wn-k{font-size:15px;font-weight:700;color:#5D5E63;display:flex;align-items:center;gap:10px}
.wn-k .new{font-style:normal;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;padding:2px 5px;border-radius:5px;background:#fff;color:#2C22AF}
.wn-f{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:15px;color:#7A7F8D}
.wn-f .ic{color:var(--ink)}
.wn-card.feat{grid-row:1/3;min-height:446px;padding:32px 35px 40px;background:linear-gradient(146deg,#192799 1%,#512AFF 90%);color:#fff;box-shadow:0 0 15px rgba(6,14,42,.51)}
.wn-card.feat b{font-size:43.5px;line-height:1.18;margin-top:43px;color:#fff}
.wn-card.feat .wn-k{color:#D8DFFF}.wn-card.feat .wn-f{color:#C9D0FF;font-size:16px}.wn-card.feat .wn-f .ic{color:#fff}
.wn-card.lav b{font-size:28px;line-height:1.25}.wn-card.lav .wn-k{color:#122A88}
.wn-card.lav{background:var(--wlav);grid-column:2/3}
.wn-card.lav .wn-k .new{background:#fff}
.wn-card.lav .wn-f .ic{color:var(--web)}
.wnews .gray,.wnews .line{min-height:208px}
.wn-card.gray{background:#F6F7FA}
.wn-card.line{background:#fff;border:1px solid #E7E9EF}
.wnews>.gray,.wnews>.line{grid-column:auto}
.wnews{grid-template-columns:674fr 446fr 446fr;gap:26px 31px}
.wn-card.feat{grid-column:1/2}
.wn-card.lav{grid-column:2/4}

/* 연계공고 번호 카드 */
.wnum{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:30px 0;border-top:1px solid rgba(133,140,180,.2);border-bottom:1px solid rgba(133,140,180,.2)}
.wnum li a{border-right:1px solid rgba(133,140,180,.2)}
.wnum a{display:flex;flex-direction:column;min-height:438px;padding:23px 24px;color:var(--ink);transition:background .15s}
.wnum a:hover,.wnum a.on{background:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(31,47,120,.07)}
.wnum .no{font-size:64px;font-weight:600;color:var(--wnum);line-height:1;letter-spacing:-.02em}
.wnum b{display:block;max-width:250px;margin-top:18px;font-size:27px;font-weight:700;line-height:35px;letter-spacing:-.01em;color:#000;flex:1}
.wnum .wn-f{margin-top:20px;font-size:16px;color:#747474}

/* 언론보도 */
.wpress{display:grid;grid-template-columns:minmax(0,567px) minmax(0,997px);justify-content:space-between;gap:76px}
.shapes{display:block;width:567px;max-width:100%;height:auto;margin:72px 0 0 -30px}
.shapes span{display:block;width:250px;height:250px}
.shapes .sh1{border-radius:50%;background:#E7ECEF url(img/w_plant.jpg) center/cover;clip-path:path('M125 0A125 125 0 1 1 0 125V0Z');border-radius:0}
.shapes .sh1{clip-path:none;border-radius:50% 50% 50% 0}
.shapes .sh2{background:var(--wgray);border-radius:125px 125px 125px 125px / 125px 125px 125px 125px;clip-path:polygon(0 0,62% 0,100% 30%,100% 70%,62% 100%,0 100%);border-radius:0 125px 125px 0}
.shapes .sh3{background:var(--wgray);clip-path:polygon(50% 0,100% 36%,82% 100%,18% 100%,0 36%);border-radius:24px}
.shapes .sh4{background:var(--wvio);border-radius:125px 125px 0 0}
.wp-list{padding-top:118px}
.wp-list .wmore{display:flex;justify-content:flex-end;margin-bottom:22px}
.wp-list ul{list-style:none;margin:0;padding:0;border-top:2px solid #222}
.wp-list li{border-bottom:1px solid rgba(133,140,180,.2)}
.wp-list a{position:relative;display:block;padding:28px 25px 29px;color:var(--ink);transition:background .15s}
.wp-list a:hover,.wp-list a.on{background:#DFE4F6;text-decoration:none}
.wp-m{display:flex;align-items:center;gap:9px;font-size:16px;color:#575757}
.wp-m .pill{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:100px;background:#EDEDED;border:1px solid rgba(126,144,216,.38);color:#767676;font-size:15px;font-weight:600}
.wp-list a.on .pill{background:#4866FF;color:#fff}
.wp-list b{display:block;margin-top:19px;font-size:31px;font-weight:700;line-height:48px;color:#000;letter-spacing:-.02em}
.wp-list a.on b{color:#0E2B94}
.wp-list a .ic{position:absolute;right:34px;bottom:38px;color:var(--ink)}
.wp-list a.on .ic{color:rgba(16,54,179,.23);stroke-width:2.4;width:96px;height:96px;right:24px;bottom:30px}

/* 홍보자료 3종 */
.wpromo3{display:grid;grid-template-columns:repeat(3,1fr);gap:49px;margin-top:70px}
.wpc{position:relative;display:flex;flex-direction:column;min-height:590px;border-radius:var(--rc);padding:49px 62px 47px 48px;box-shadow:0 0 5px rgba(0,0,0,.34);overflow:hidden;color:#fff;transition:transform .15s,box-shadow .15s}
.wpc:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,33,55,.16)}
.wpc .k{font-size:16px;font-weight:700;position:relative;z-index:2}
.wpc-f{position:relative;z-index:2;margin:auto 0 0 5px;display:flex;justify-content:space-between;align-items:center;padding-top:19px;border-top:1px solid rgba(255,255,255,.5);font-size:16px;font-weight:500}
.wpc.ci{background:#122A8E}
.ci-mark{margin:146px 0 0 6px;display:block;font-size:81px;font-weight:700;letter-spacing:-.02em;line-height:1.2;font-family:Montserrat,'Pretendard Variable',sans-serif}
.ci-mark i{display:inline-block;width:19px;height:19px;border-radius:50%;background:#F4A6D7;margin-left:2px}
.ci-sub{display:block;margin:2px 0 0 12px;font-size:20px;font-weight:500;letter-spacing:-.02em}
.wpc.br{background:#F4F1FD;color:#28135C}
.wpc.br .wpc-f{border-top-color:rgba(40,19,92,.25)}
.wpc .bimg{position:absolute;left:140px;top:49px;width:460px;height:460px;z-index:0}
.wpc.br strong{position:relative;z-index:2;margin:204px 0 0 6px;font-size:30px;line-height:1.2;font-weight:700;color:#282525;letter-spacing:-.02em}
.wpc.br strong em{display:block;font-style:normal;font-family:Montserrat,sans-serif;font-size:32px}
.book{position:absolute;right:-26px;top:96px;width:300px;height:390px;padding:28px 30px;background:linear-gradient(160deg,#5B34D6 0%,#4A26B8 60%);color:#fff;transform:rotate(9deg);box-shadow:-14px 18px 30px rgba(55,30,140,.32);border-radius:4px 10px 10px 4px;overflow:hidden}
.book::after{content:'';position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(150deg,rgba(255,255,255,0) 0 40%,rgba(160,140,255,.45) 40% 100%)}
.book small{font-size:15px;font-weight:800}
.book b{display:block;margin-top:48px;font-size:32px;line-height:1.4;font-weight:700}
.book em{position:absolute;left:30px;bottom:34px;font-style:normal;font-size:11px;opacity:.8;z-index:1}
.wpc.vd{background:#3235ED url(img/w_video.jpg) 46% center/auto 107% no-repeat}
.wpc.vd::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.56)}
.wpc.vd strong{position:relative;z-index:2;margin:304px 0 0 1px;font-family:Montserrat,'Pretendard Variable',sans-serif;font-size:41px;line-height:1.22;font-weight:600;letter-spacing:-.02em}
.playb{position:absolute;left:50%;top:calc(50% - 40px);transform:translate(-50%,-50%);width:81px;height:81px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--wb);display:flex;align-items:center;justify-content:center;z-index:1}

/* 관련 사이트 셀렉트 */
.wsels{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:63px}
.wsel label{display:block;margin:0 0 16px 6px;font-size:18px;font-weight:700}
.wsel .row{display:flex;gap:12px}
.wsel select{flex:1;min-width:0;height:62px;border:1px solid #E1E5EC;border-radius:var(--rs);padding:0 48px 0 20px;font-size:15px;color:var(--t2);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23142137' stroke-width='1.6' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center;appearance:none;-webkit-appearance:none}
.wsel button{flex:none;width:62px;height:62px;border:0;border-radius:var(--rs);background:var(--wlav2);color:#3346C8;font-weight:600;font-size:15px;cursor:pointer}
.wsel button:hover{background:#CFD7F6}

/* 푸터 */
.www .partners{border-top:1px solid #E6E9EF}
.wft{background:var(--wft)}
.wft .pol{border-bottom-color:#323A45;padding:36px 0 26px}
.wft .pol a{font-weight:500}.wft .pol b{font-weight:700}
.wft-b{display:flex;align-items:flex-start;gap:56px;padding-top:36px}
.wft-logo img{display:block;width:289px;height:auto;margin-top:4px}
.wft-info{font-size:15px;color:#B9C1CD}
.wft-info address{font-style:normal}
.wft-info p{margin:8px 0 0;display:flex;gap:18px;flex-wrap:wrap}
.wft-info .cp{margin-top:20px;font-size:13px;color:#8C96A5}

/* ═══ 서브 페이지 ═══ */
.wvis{position:relative;color:#fff;background:#00101F url(img/w_hero.jpg) right 38%/auto 150% no-repeat}
.wvis::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0A1E40 0%,#0A1E40 38%,rgba(10,30,64,.7) 55%,rgba(10,30,64,.15) 85%)}
.wvis .wrap{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:center;padding-top:28px;padding-bottom:40px}
.wcrumb{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0 0 40px;padding:0;font-size:14px;color:#C9D3E6}
.wcrumb li{display:flex;align-items:center}
.wcrumb li+li::before{content:'';width:5px;height:5px;border-top:1.5px solid #8FA0C2;border-right:1.5px solid #8FA0C2;transform:rotate(45deg);margin:0 14px 0 10px}
.wcrumb a{display:inline-flex;align-items:center;gap:8px;color:#C9D3E6}
.wcrumb a:hover{color:#fff}
.wcrumb [aria-current]{color:#fff;font-weight:600}
.wvis .eyebrow{color:#8FB1FF}
.wvis h1{margin:0;font-size:52px;line-height:1.25;font-weight:700;letter-spacing:-.035em}
.wvis .sub{margin:16px 0 0;font-size:20px;font-weight:500}
.wvis .lead{margin:14px 0 0;font-size:17px;color:#D6DEEE}
.wsubnav{background:#fff;border-bottom:1px solid #E3E7EE;position:sticky;top:0;z-index:30}
.wsubnav ul{display:flex;gap:40px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.wsubnav a{display:block;padding:26px 2px 24px;font-size:18px;font-weight:500;color:var(--t3);white-space:nowrap;box-shadow:inset 0 -3px 0 transparent}
.wsubnav a:hover{color:var(--ink);text-decoration:none}
.wsubnav a[aria-current]{color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--ink)}
.wbody{padding-top:88px;padding-bottom:120px}
.wsubp .cont h2,.wsubp .h2,.wsubp .wbody h2.h2{border-left:0;padding-left:0;font-size:32px;font-weight:700;letter-spacing:-.03em}
.wsubp .cont h2{margin:72px 0 22px}
.wsubp .cont h2:first-child{margin-top:0}
.wsubp .cont h2::before{content:'';display:block;width:28px;height:4px;border-radius:2px;background:var(--wb);margin-bottom:16px}
.wsubp .dtbl{border-top:2px solid var(--ink);border-radius:0}
.wsubp .dtbl th{background:var(--wsec)}
.wsubp .tbl{border-top:2px solid var(--ink)}
.wsubp .tbl th{background:var(--wsec);border-bottom-color:#E1E5EC}
.wsubp .tbl tr:hover td{background:#FAFBFF}
.wsubp .tbl td.tt a:hover{color:var(--wb)}
.wsubp .search{background:var(--wsec);border-radius:var(--rc);padding:28px}
.wsubp .ltabs{border-bottom:1px solid #DFE3EA}
.wsubp .ltabs a[aria-current]{box-shadow:inset 0 -3px 0 var(--ink)}
.wsubp .card,.wsubp .panel,.wsubp .agree,.wsubp .done-box{border-radius:var(--rc);border-color:#E6E9EF}
.wsubp .card{background:var(--wsec);border:0;padding:32px}
.wsubp .card:hover{background:var(--wlav)}
.wsubp .card .ic{color:var(--wb)}
.wsubp .alert{border-radius:var(--rs);border-left-width:0;border:0}
.wsubp .alert-info{background:var(--wlav);color:var(--ink)}.wsubp .alert-info .ic{color:var(--wb)}
.wsubp .vhd{border-top:2px solid var(--ink)}
.wsubp .flist{border-radius:var(--rs)}
.wsubp .kogl{border-radius:var(--rs)}
.wsubp .bdg,.wsubp .tag{border-radius:999px;padding:0 10px}
.wsubp .new{border-radius:5px}
.wsubp .promo a .th,.wsubp .thumb,.wsubp img.th{border-radius:var(--rs)}

@media (max-width:1399px){
  .www .gnb>ul{gap:8px}.www .hd-r{min-width:0}
  .wh2{font-size:40px}
  .wnews{grid-template-columns:1fr 1fr}.wn-card.feat{grid-row:auto;grid-column:1/-1;min-height:300px}.wn-card.lav{grid-column:1/-1}
  .wnum{grid-template-columns:repeat(3,1fr)}.wnum li:nth-child(n+4){display:none}
  .wpress{grid-template-columns:1fr;gap:24px}.shapes{display:none}.wp-list{padding-top:0}
  .wpromo3{gap:24px}.wpc{padding:36px 32px}.ci-mark{font-size:64px}
  .wsels{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .www .hd .wrap{height:72px}
  .whero2{background-size:cover;background-position:70% center}.whero2::before{background:linear-gradient(90deg,rgba(10,30,64,.92),rgba(10,30,64,.5))}
  .whero2 .wrap{min-height:480px}
  .wpromo3{grid-template-columns:1fr}.wpc{min-height:420px}.book{width:220px;height:290px;top:70px}.book b{font-size:24px;margin-top:30px}
  .wvis{background-size:cover}.wvis::before{background:linear-gradient(90deg,rgba(10,30,64,.94),rgba(10,30,64,.6))}
  .wvis .wrap{min-height:240px}.wvis h1{font-size:38px}.wcrumb{margin-bottom:22px}
  .wsubnav a{padding:18px 2px 16px;font-size:16px}.wsubnav ul{gap:26px}
  .wbody{padding-top:48px}
}
@media (max-width:640px){
  .www .logo img{width:160px}
  .wsec{padding:64px 0 72px}
  .wh2{font-size:28px}
  .whero2 .wrap{min-height:420px}.whero2 .lead{font-size:16px;margin-top:20px}.whc{margin-top:32px}.whc .bar{width:70px}
  .wtab-row{flex-wrap:wrap;gap:12px}.wtabs-s{gap:18px;overflow-x:auto}.wtabs-s button{font-size:16px;white-space:nowrap}
  .wnews{grid-template-columns:1fr;gap:16px}.wn-card{min-height:0;padding:26px 24px}.wn-card.feat{min-height:240px}.wn-card.feat b{font-size:26px}.wn-card b{font-size:19px}
  .wnum{grid-template-columns:1fr}.wnum li:nth-child(n+4){display:block}.wnum li+li a{border-left:0;border-top:1px solid #E6E9EF}.wnum a{min-height:0;padding:26px 8px}.wnum .no{font-size:36px}.wnum b{margin-top:14px;font-size:18px}
  .wp-list a{padding:24px 12px 28px}.wp-list b{font-size:19px;margin-top:14px}
  .wpc{min-height:360px;padding:28px 24px}.ci-mark{font-size:48px}.wpc.br strong,.wpc.vd strong{font-size:24px}
  .wsels{grid-template-columns:1fr;gap:24px}.wsel select,.wsel button{height:54px}
  .wft-b{flex-direction:column;gap:20px}
  .wvis h1{font-size:30px}.wsubnav ul{gap:20px}
  .wsubp .cont h2,.wsubp .h2{font-size:24px}
}
/* 서브 — 갤러리(홍보자료) */
.wsubp .gal .th{border-radius:var(--rc);background:var(--wlav);color:var(--wb);border:0;transition:transform .15s,box-shadow .15s}
.wsubp .gal li:nth-child(3n+1) .th{background:#12298E;color:#fff}
.wsubp .gal li:nth-child(3n+2) .th{background:#EEEBFC;color:#4A26B8}
.wsubp .gal li:nth-child(3n) .th{background:#1C2532 url(img/w_video.jpg) center/cover;color:#fff}
.wsubp .gal a:hover .th{transform:translateY(-3px);box-shadow:0 14px 30px rgba(31,47,120,.14)}
.wsubp .gal strong{margin-top:6px;font-size:19px}
.wsubp .vhd h2{font-size:30px}
@media (max-width:640px){
  .wsubp .search{grid-template-columns:minmax(0,1fr)!important;padding:20px}.wsubp .search .fld{min-width:0}.wsubp .search .sbtn{display:grid;grid-template-columns:1fr 1fr}
  .wsubp .tbl tr{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 4px;border-bottom:1px solid #E6E9EF}
  .wsubp .tbl td{border:0!important;padding:1px 6px!important;text-align:left!important;font-size:14px;color:var(--t3)}
  .wsubp .tbl td.tt{font-size:16px;color:var(--ink);order:-1}
}
.wsubp .search .sbtn .btn{min-width:0}
/* ═══ 시안 H 재단 서브 — 브랜드형 본문(시범 5쪽, body.wbrand) ═══ */
.wbrand .wbody{padding-top:96px}
.wh2.sm{font-size:38px}
.wintro{margin-bottom:64px}
.wintro .wlead{max-width:920px}
.wlist-hd{margin-bottom:40px}
.wmeta-b{margin:88px 0 0;padding-top:20px;border-top:1px solid #E6E9EF;font-size:14px;color:var(--t3)}
.wbrand .pill{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:var(--wgray);color:var(--t2);font-size:13px;font-weight:600}
.wbrand .pill.on{background:var(--wb);color:#fff}

/* 목록: 큰 제목 행 */
.wbrand .search{grid-template-columns:200px 1fr auto;padding:22px 24px}
.wblist{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.wblist li{border-bottom:1px solid #E6E9EF}
.wblist a{display:grid;grid-template-columns:220px minmax(0,1fr) 220px 56px;align-items:center;gap:24px;padding:30px 28px;color:var(--ink);transition:background .15s}
.wblist a:hover{background:var(--wlav);text-decoration:none}
.wblist .pin a{background:#F8F9FF}
.wblist .pin a:hover{background:var(--wlav)}
.wblist .bm{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--t3)}
.wblist .bt{display:flex;align-items:center;gap:8px;min-width:0}
.wblist .bt b{font-size:21px;font-weight:600;line-height:1.5;letter-spacing:-.02em}
.wblist a:hover .bt b{color:#1D2FA8}
.wblist .new{flex:none}
.wblist .att{flex:none;color:var(--t3);display:inline-flex}
.wblist .bi{display:flex;gap:8px;justify-content:flex-end;font-size:14px;color:var(--t3)}
.wblist .go{width:48px;height:48px;border-radius:50%;border:1px solid #DFE3EA;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:.15s}
.wblist a:hover .go{background:var(--wb);border-color:var(--wb);color:#fff}

/* 상세 */
.wv-hd{padding-bottom:40px;border-bottom:2px solid var(--ink)}
.wv-hd h2{margin:22px 0 0;font-size:42px;line-height:1.38;font-weight:700;letter-spacing:-.035em;max-width:1100px}
.wv-meta{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}
.wv-meta li{height:34px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--wsec);font-size:14px;color:var(--t2)}
.wv-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:72px;padding-top:56px}
.wv-body{font-size:18px;line-height:1.9;color:#2B3443;max-width:880px}
.wv-body p{margin:0 0 18px}
.wv-body .kogl{margin-top:48px}
.wv-side{position:sticky;top:96px;align-self:start;display:grid;gap:16px}
.wv-files{background:var(--wsec);border-radius:var(--rc);padding:28px 26px}
.wv-files h3{margin:0 0 14px;font-size:17px;display:flex;gap:8px;align-items:center}
.wv-files h3 span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:12px;background:var(--wb);color:#fff;font-size:12px}
.wv-files ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wv-files a{display:grid;grid-template-columns:24px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:16px 16px;background:#fff;border-radius:var(--rs);color:var(--ink);border:1px solid transparent}
.wv-files a:hover{border-color:var(--wb);text-decoration:none}
.wv-files a .ic:first-child{color:var(--wb)}
.wv-files b{display:block;font-size:15px;font-weight:600;line-height:1.45;word-break:break-all}
.wv-files small{font-size:13px;color:var(--t3)}
.wv-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wv-ab{height:50px;border-radius:var(--rs);border:1px solid #DFE3EA;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;cursor:pointer}
.wv-ab:hover{border-color:var(--ink)}
.wv-list{width:100%;justify-content:center;gap:8px;min-width:0}
.wv-pn{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:88px}
.wv-pn>*{display:block;padding:30px 32px;border-radius:var(--rc);background:var(--wsec);color:var(--ink)}
.wv-pn a:hover{background:var(--wlav);text-decoration:none}
.wv-pn small{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--t3)}
.wv-pn b{display:block;margin-top:10px;font-size:19px;font-weight:600;line-height:1.5}
.wv-pn .none{text-align:right;color:var(--t3)}.wv-pn .none small{justify-content:flex-end}.wv-pn .none b{color:var(--t3);font-weight:500}

/* 일반현황 */
.wkpi{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0 0 96px;padding:0}
.wkpi li{border-radius:var(--rc);background:var(--wlav);padding:40px 36px 36px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.wkpi b{font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1;color:#1D2FA8}
.wkpi b small{font-size:24px;margin-left:4px;font-weight:600}
.wkpi span{font-size:16px;color:var(--t2)}
.wkpi li.feat{background:linear-gradient(135deg,#1A1F9C 0%,#3527D9 55%,#5A2EFF 100%);box-shadow:0 16px 34px rgba(61,43,224,.24)}
.wkpi li.feat b,.wkpi li.feat span{color:#fff}
.wsum h3{margin:0 0 24px;font-size:30px;letter-spacing:-.03em}
.wdl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;border-top:2px solid var(--ink)}
.wdl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;padding:30px 8px;border-bottom:1px solid #E6E9EF}
.wdl>div:nth-child(odd){padding-right:40px}
.wdl dt{font-size:15px;font-weight:700;color:var(--wb)}
.wdl dd{margin:0;font-size:18px;line-height:1.6}
.wdl dd small{font-size:14px;color:var(--t3)}

/* 주요기능 */
.wfunc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.wfunc li{padding:48px 44px 52px;border-bottom:1px solid #E6E9EF;min-height:300px;transition:background .15s}
.wfunc li:not(:nth-child(3n+1)){border-left:1px solid #E6E9EF}
.wfunc li:hover{background:var(--wsec)}
.wfunc .no{display:block;font-size:60px;font-weight:700;color:var(--wb);line-height:1;letter-spacing:-.02em}
.wfunc h3{margin:44px 0 0;font-size:26px;letter-spacing:-.03em}
.wfunc p{margin:14px 0 0;font-size:17px;line-height:1.7;color:var(--t2)}

/* 연혁 */
.wtime{list-style:none;margin:0;padding:0}
.wtime>li{display:grid;grid-template-columns:320px minmax(0,1fr);gap:48px;padding:48px 0;border-top:1px solid #E6E9EF}
.wtime>li:first-child{border-top:2px solid var(--ink)}
.wtime h3{margin:0;font-size:72px;font-weight:700;letter-spacing:-.03em;line-height:1;color:#C9D2EA}
.wtime>li.now h3{color:var(--wb)}
.wtime ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.wtime ul li{display:flex;align-items:center;gap:20px;padding:24px 28px;border-radius:var(--rc);background:var(--wsec)}
.wtime>li.now ul li{background:var(--wlav)}
.wtime ul li p{margin:0;font-size:19px;font-weight:500}
.wtime .pill{background:#fff;flex:none}

@media (max-width:1399px){
  .wblist a{grid-template-columns:180px minmax(0,1fr) 56px}.wblist .bi{display:none}
  .wv-grid{grid-template-columns:minmax(0,1fr) 320px;gap:40px}
  .wkpi{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .wv-grid{grid-template-columns:1fr}.wv-side{position:static}
  .wfunc{grid-template-columns:repeat(2,1fr)}.wfunc li{border-left:0!important}.wfunc li:nth-child(even){border-left:1px solid #E6E9EF!important}
  .wtime>li{grid-template-columns:180px 1fr;gap:24px}.wtime h3{font-size:52px}
  .wdl{grid-template-columns:1fr}.wdl>div{padding-right:8px!important}
}
@media (max-width:640px){
  .wbrand .wbody{padding-top:48px}.wh2.sm{font-size:26px}
  .wbrand .search{grid-template-columns:minmax(0,1fr)!important}
  .wblist a{grid-template-columns:1fr 40px;gap:10px;padding:22px 8px}.wblist .bm{grid-column:1/-1}.wblist .bt b{font-size:17px}.wblist .go{width:36px;height:36px}
  .wv-hd h2{font-size:26px}.wv-body{font-size:16px}.wv-pn{grid-template-columns:1fr;gap:12px;margin-top:48px}.wv-pn>*{padding:22px}
  .wkpi{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:56px}.wkpi li{min-height:150px;padding:24px 20px}.wkpi b{font-size:40px}.wkpi b small{font-size:16px}
  .wdl>div{grid-template-columns:1fr;gap:6px;padding:20px 4px}
  .wfunc{grid-template-columns:1fr}.wfunc li{border-left:0!important;min-height:0;padding:32px 8px}.wfunc .no{font-size:40px}.wfunc h3{margin-top:20px;font-size:21px}
  .wtime>li{grid-template-columns:1fr;gap:16px;padding:32px 0}.wtime h3{font-size:40px}.wtime ul li{padding:18px;flex-direction:column;align-items:flex-start;gap:8px}.wtime ul li p{font-size:16px}
}
/* ═══ 브랜드형 본문 — 확대 적용 부품 ═══ */
.wbrand .pill.soon{background:#FFF1D6;color:#8A5A00}
.wsub-h{margin:80px 0 24px;font-size:28px;font-weight:700;letter-spacing:-.03em}
.wnote{margin:28px 0 0;font-size:15px;color:var(--t3);display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.wnote a{display:inline-flex;align-items:center;gap:4px;color:var(--wb);font-weight:600}
.cnt-b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:var(--wb);color:#fff;font-size:14px;margin-left:6px;vertical-align:middle}
/* 언론보도 목록 */
.wprl{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.wprl li{border-bottom:1px solid #E6E9EF}
.wpr{display:flex;align-items:center;gap:24px;padding:0 28px;transition:background .15s}
.wpr:hover{background:var(--wlav)}
.wpr-a{flex:1;min-width:0;display:block;padding:32px 0;color:var(--ink)}
.wpr-a:hover{text-decoration:none}.wpr-a:hover b{color:#1D2FA8}
.wpr .bm{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--t3)}
.wpr b{display:block;margin-top:14px;font-size:23px;font-weight:600;line-height:1.5;letter-spacing:-.02em}
.wpr-o{flex:none;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px;border-radius:999px;border:1px solid #DFE3EA;background:#fff;font-size:14px;font-weight:600;color:var(--ink)}
.wpr-o:hover{background:var(--wb);border-color:var(--wb);color:#fff;text-decoration:none}
/* 상세 핵심 카드 */
.wv-key{border-radius:var(--rc);background:linear-gradient(135deg,#1A1F9C 0%,#3527D9 55%,#5A2EFF 100%);color:#fff;padding:28px 26px;display:grid;gap:14px}
.wv-key p{margin:0}.wv-key small{display:block;font-size:13px;opacity:.8}.wv-key b{display:block;margin-top:4px;font-size:24px;font-weight:700}
.wv-key .d{font-size:14px;opacity:.88;line-height:1.6}
.wv-key .pill.on{background:#fff;color:#3527D9;justify-self:start}
.wv-key .btn-sec{background:#fff;border-color:#fff;color:#3527D9}
/* 인사말 */
.wgreet{display:grid;grid-template-columns:420px minmax(0,1fr);gap:80px;align-items:start;padding:64px 0;border-top:2px solid var(--ink)}
.wgreet+.wgreet{border-top:1px solid #E6E9EF}
.wg-ph{aspect-ratio:4/5;border-radius:200px 200px var(--rc) var(--rc);background:linear-gradient(180deg,var(--wlav) 0%,var(--wvio) 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;color:#5C55A8;font-size:15px;font-weight:600}
.wg-tx blockquote{margin:0 0 32px;font-size:34px;line-height:1.45;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.wg-tx p{margin:0 0 16px;font-size:18px;line-height:1.85;color:#2B3443}
.wg-tx .sign{margin-top:36px;color:var(--t2)}.wg-tx .sign b{margin-left:8px;font-size:22px;color:var(--ink)}
/* 비전 */
.wvision{position:relative;overflow:hidden;border-radius:var(--rc);background:linear-gradient(135deg,#1A1F9C 0%,#3527D9 55%,#5A2EFF 100%);color:#fff;padding:72px 64px;box-shadow:0 18px 40px rgba(61,43,224,.24)}
.wvision::after{content:'';position:absolute;right:-80px;top:-80px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.08)}
.wvision .k{font-size:14px;font-weight:700;letter-spacing:.12em;opacity:.8}
.wvision p{margin:22px 0 0;font-size:40px;line-height:1.4;letter-spacing:-.035em}
.wvision b{font-weight:800}
.wfunc.c3 li{min-height:260px}
.wvals{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:0;padding:0}
.wvals li{border-radius:var(--rc);background:var(--wlav);padding:36px 36px 34px}
.wvals b{display:block;font-size:28px;color:#1D2FA8}
.wvals span{display:block;margin-top:10px;font-size:17px;color:var(--t2)}
/* 조직 */
.worg{border-radius:var(--rc);background:var(--wsec);padding:64px 56px 56px}
.wo-top{display:flex;flex-direction:column;align-items:center;gap:28px;position:relative}
.wo-n{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:64px;border-radius:999px;font-size:19px;font-weight:700}
.wo-n.brd{background:#fff;border:1px solid #DFE3EA;color:var(--t2)}
.wo-n.main{background:linear-gradient(135deg,#1A1F9C,#5A2EFF);color:#fff;box-shadow:0 12px 28px rgba(61,43,224,.24)}
.wo-top::after{content:'';display:block;width:2px;height:36px;background:#C9D2EA}
.wo-teams{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:36px 0 0;border-top:2px solid #C9D2EA}
.wo-teams li{background:#fff;border-radius:var(--rc);padding:32px 30px;display:flex;flex-direction:column;min-height:220px}
.wo-teams h4{margin:0;font-size:22px}
.wo-teams p{margin:12px 0 0;font-size:16px;color:var(--t2);line-height:1.65;flex:1}
.wo-teams a{margin-top:20px;display:inline-flex;align-self:flex-start;height:36px;align-items:center;padding:0 14px;border-radius:999px;background:var(--wlav);color:#1D2FA8;font-size:14px;font-weight:600}
/* 찾아오시는 길 */
.wmap{border-radius:var(--rc);min-height:460px;background:linear-gradient(135deg,#E9EDF8,#F6F7FC);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--t2);border:1px solid #E6E9EF}
.wmap b{font-size:20px;color:var(--ink)}
.wmap .pin{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--wb);box-shadow:0 0 0 10px rgba(47,91,234,.15);margin-bottom:20px}
.winfo{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:32px 0 0;padding:0}
.winfo li{border-radius:var(--rc);background:var(--wsec);padding:32px 30px}
.winfo .k{font-size:14px;font-weight:700;color:var(--wb)}
.winfo p{margin:12px 0 0;font-size:17px;line-height:1.7}
/* 정보공개 */
.wchips{display:flex;align-items:center;gap:16px;margin-bottom:28px;font-size:15px;font-weight:600;color:var(--t2)}
.wbrand .chips{display:flex;gap:8px}
.wbrand .chip{height:40px;padding:0 18px;border-radius:999px;border:1px solid #DFE3EA;background:#fff;font-size:15px;cursor:pointer}
.wbrand .chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.wdocs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.wdocs a{display:grid;grid-template-columns:64px minmax(0,1fr) 48px;gap:20px;align-items:center;padding:28px 28px;border-radius:var(--rc);background:var(--wsec);color:var(--ink)}
.wdocs a:hover{background:var(--wlav);text-decoration:none}
.wdocs .doc{width:64px;height:76px;border-radius:8px 18px 8px 8px;background:#fff;border:1px solid #DFE3EA;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-size:12px;font-weight:800;color:#D63D4A}
.wdocs b{display:block;font-size:20px;font-weight:600}.wdocs small{display:block;margin-top:6px;font-size:14px;color:var(--t3)}
.wdocs .go{width:48px;height:48px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--wb)}
.wdocs a:hover .go{background:var(--wb);color:#fff}
/* 홍보자료 갤러리 */
.wgal{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;margin:0 0 48px;padding:0}
.wpc2{position:relative;display:flex;flex-direction:column;min-height:420px;border-radius:var(--rc);padding:32px 34px 30px;overflow:hidden;color:#fff;background:#12298E;transition:transform .15s,box-shadow .15s}
.wpc2:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,33,55,.16)}
.wpc2 .k{position:relative;z-index:1;font-size:13px;font-weight:600}
.wpc2-f{position:relative;z-index:1;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.28)}
.wpc2-f b{display:block;font-size:21px}.wpc2-f time{display:block;margin-top:6px;font-size:13px;opacity:.8}
.wpc2 .ci-mark{margin:auto 0 40px;font-size:56px}
.wpc2.br{background:#EEEBFC;color:var(--ink);border:1px solid #E1DCF7}.wpc2.br .wpc2-f{border-top-color:#D7D1F1}
.mini-book{position:absolute;right:30px;top:60px;width:150px;height:200px;border-radius:3px 8px 8px 3px;background:linear-gradient(160deg,#5B34D6,#4A26B8);transform:rotate(9deg);box-shadow:-10px 14px 24px rgba(55,30,140,.3);color:#fff;font-size:12px;font-weight:800;padding:18px}
.wpc2.vd{background:#1C2532 url(img/w_video.jpg) center/cover}
.wpc2.vd::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,22,34,.3),rgba(15,22,34,.78))}
.wpc2 .playb{top:42%}
.wpc2.rp{background:var(--wsec);color:var(--ink);border:1px solid #E6E9EF}.wpc2.rp .wpc2-f{border-top-color:#DFE3EA}
.rp-n{margin:auto 0 40px;font-size:44px;font-weight:800;color:#C9D2EA;letter-spacing:-.02em}
/* 정책 문서 */
.wpol-ver{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 28px;border-radius:var(--rc);background:var(--wlav);margin-bottom:48px}
.wpol-ver p{margin:0}.wpol-ver .r{display:flex;gap:8px;align-items:center}
.wpol{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;align-items:start}
.wpol-toc{position:sticky;top:96px;border-radius:var(--rc);background:var(--wsec);padding:28px 26px}
.wpol-toc p{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--wb)}
.wpol-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.wpol-toc a{display:block;padding:8px 10px;border-radius:8px;font-size:15px;color:var(--t2)}
.wpol-toc a:hover{background:#fff;color:var(--ink);text-decoration:none}
.wpol-c{font-size:17px;line-height:1.9;max-width:900px}
.wsubp .wpol-c h2{scroll-margin-top:100px}
.wkogl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0 0 56px;padding:0}
.wkogl li{border-radius:var(--rc);background:var(--wsec);padding:34px 30px;min-height:240px}
.wkogl li.on{background:linear-gradient(135deg,#1A1F9C 0%,#3527D9 55%,#5A2EFF 100%);color:#fff}
.wkogl .k{display:inline-block;padding:4px 10px;border-radius:6px;background:#fff;color:#1D2FA8;font-size:12px;font-weight:800}
.wkogl h3{margin:22px 0 0;font-size:26px}
.wkogl p{margin:12px 0 0;font-size:16px;line-height:1.6}
.wkogl small{display:block;margin-top:8px;font-size:14px;opacity:.75}
.wnotice-box{border-radius:var(--rc);border:1px solid #E6E9EF;padding:36px 40px}
.wnotice-box h3{margin:0 0 8px;font-size:22px}.wnotice-box p{margin:0;color:var(--t2);font-size:17px}
.wstate{border-radius:var(--rc);background:var(--wlav);padding:88px 72px;text-align:left}
.wstate .k{font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--wb)}
.wstate h2{margin:20px 0 0;font-size:46px;line-height:1.35;letter-spacing:-.035em}
.wstate h2 em{font-style:normal;color:var(--wb)}
.wstate p{margin:32px 0 0;font-size:18px;line-height:1.85;color:#2B3443}
.wstate small{display:block;margin-top:28px;color:var(--t3)}
/* 사이트맵 */
.wsmap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:0;padding:0}
.wsmap>li{border-radius:var(--rc);background:var(--wsec);padding:36px 34px}
.wsmap>li:first-child{background:linear-gradient(135deg,#1A1F9C 0%,#3527D9 55%,#5A2EFF 100%);color:#fff}
.wsmap .no{font-size:40px;font-weight:700;color:var(--wb);line-height:1}
.wsmap>li:first-child .no{color:#fff;opacity:.7}
.wsmap h3{margin:18px 0 18px;font-size:26px}
.wsmap ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.wsmap ul a{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid rgba(20,33,55,.08);font-size:17px;color:inherit}
.wsmap>li:first-child ul a{border-top-color:rgba(255,255,255,.2)}
.wsmap ul a::after{content:'↗';font-size:14px;opacity:.6}
/* 통합검색 */
.wsearch{display:grid;grid-template-columns:160px minmax(0,1fr) 140px;gap:0;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:#fff;height:76px}
.wsearch .sel{border:0;border-right:1px solid #E6E9EF;border-radius:0;height:100%;padding-left:28px}
.wsearch input{border:0;font-size:20px;padding:0 24px;min-width:0}
.wsearch input:focus{outline:none}
.wsearch:focus-within{box-shadow:0 0 0 4px rgba(47,91,234,.2)}
.wsearch button{border:0;background:var(--wb);color:#fff;font-size:18px;font-weight:700;cursor:pointer}
.wq-res{margin:28px 0 48px;font-size:18px;color:var(--t2)}.wq-res b{color:var(--wb)}

@media (max-width:1399px){
  .wgreet{grid-template-columns:320px 1fr;gap:48px}.wg-tx blockquote{font-size:28px}
  .wo-teams,.winfo,.wkogl{grid-template-columns:repeat(2,1fr)}
  .wgal,.wsmap{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .wdocs{grid-template-columns:1fr}
  .wpol{grid-template-columns:1fr;gap:24px}.wpol-toc{position:static}
  .wvals{grid-template-columns:1fr}
}
@media (max-width:640px){
  .wsub-h{margin-top:56px;font-size:22px}
  .wpr{flex-direction:column;align-items:flex-start;gap:0;padding:0 8px 20px}.wpr-a{padding:22px 0 12px}.wpr b{font-size:18px}
  .wgreet{grid-template-columns:1fr;gap:28px;padding:40px 0}.wg-ph{max-width:240px}.wg-tx blockquote{font-size:22px}.wg-tx p{font-size:16px}
  .wvision{padding:40px 28px}.wvision p{font-size:26px}
  .worg{padding:32px 20px}.wo-teams,.winfo,.wkogl,.wgal,.wsmap{grid-template-columns:1fr}.wo-n{min-width:150px;height:52px}
  .wmap{min-height:260px}
  .wdocs a{grid-template-columns:48px minmax(0,1fr) 40px;gap:14px;padding:20px}.wdocs .doc{width:48px;height:58px}.wdocs b{font-size:17px}
  .wpc2{min-height:300px}
  .wstate{padding:44px 26px}.wstate h2{font-size:28px}.wstate p{font-size:16px}
  .wsearch{grid-template-columns:1fr 84px;height:60px}.wsearch .sel{display:none}.wsearch input{font-size:17px;padding:0 20px}
}
.mini-bimg{position:absolute;right:-10px;top:40px;width:240px;height:240px;z-index:0}
.wpc2 .k,.wpc2-f{z-index:1}
.wpc2.br{background:#F4F1FD;border:0}
.wpc2.vd{background:#3235ED url(img/w_video.jpg) 46% center/cover no-repeat}
.wpc2.vd::before{background:rgba(0,0,0,.56)}
.wpc2 .ci-mark{margin:auto 0 40px;font-size:56px}
.wsub-h,.wv-hd h2,.wintro .wh2{color:#151822}

/* ═══ 외부 검토 반영(2026-11-04) — 공통: 하단 메뉴바·모바일 넘침·표 항목명·탭·파일 선택 ═══ */
[role=tabpanel][hidden]{display:none!important}
.tab-empty{padding:40px 16px;text-align:center;color:var(--t2);border-bottom:1px solid var(--line)}
.mbar{display:none}
@media (max-width:1024px){
  .mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid #DCE0E6;box-shadow:0 -4px 16px rgba(20,33,55,.08);padding-bottom:env(safe-area-inset-bottom)}
  .mbar ul{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:6px 2px;font-size:13px;font-weight:600;color:#464C53;text-decoration:none}
  .mbar a[aria-current]{color:var(--pri,#256EF4)}
  .mbar a[aria-current] svg{stroke-width:2.4}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.kbd .mbar{display:none}
  body.kbd{padding-bottom:0}
  .xbtn{bottom:76px!important}
  .draft{bottom:76px!important}
  .xpanel{bottom:128px!important}
}
/* 모바일 가로 넘침 */
img,svg,video{max-width:100%}
.search .fld,.search .sbtn{min-width:0}
.file{min-width:0}.file .nm{min-width:0;word-break:break-all}
.ft .pol{flex-wrap:wrap;row-gap:8px}
@media (max-width:1024px){
  .banners{flex-wrap:wrap}.banners ul{flex-wrap:wrap;min-width:0}
  .search.s0{grid-template-columns:minmax(0,1fr)!important}
  .panel .ph{flex-wrap:wrap}
}
@media (max-width:640px){
  .search.s0 .sbtn .btn,.search .sbtn .btn{flex:1;min-width:0}
  .sbtn{flex-wrap:wrap}
  .btns{flex-wrap:wrap}.btns .btn{min-width:0}
}
/* 모바일 표: 항목명 표시, 긴 표 가로보기 안내 */
.tbl-hint{display:none;margin:8px 0 0;font-size:14px;color:var(--t2)}
.tbl-hint.on{display:block}
@media (max-width:640px){
  .tbl td[data-label]::before{content:attr(data-label);display:inline-block;min-width:5.5em;margin-right:8px;font-weight:600;color:#464C53;font-size:14px}
  .tbl td.tt[data-label]::before,.tbl td[data-label=""]::before{display:none}
}
/* 파일 선택 */
.fpick{position:relative;cursor:pointer}
.fpick:focus-within{outline:3px solid var(--focus,#256EF4);outline-offset:2px}
.hint.err{color:#C0303D!important;font-weight:600}
.file .nm .sz{color:var(--t2);font-size:14px;margin-left:4px}
/* 시안 H 보완: 대비·작은 글자·배너·탭 */
:root{--t3:#5C6673;--green-t:#167A26}
.www{--muted-d:#646A78}
.wtabs-s button{color:#6B6B6B}
.wtabs-s button[aria-selected=true]{color:#272727}
.wn-f{color:#646A78}
.wn-card.feat .wn-f{color:#E1E6FF}
.wnum .wn-f{color:#636363}
.wtime h3{color:#7787B0}
.wtime>li.now h3{color:var(--wb)}
.mdata .thumb{color:#fff}
.wbrand .pill,.wv-files small,.wv-key small,.wpc2 .k,.wpc2-f time,.wft-info .cp,.whc,.todo-t .cat small,.tag,.kogl .k,.cal .ev,.chartbox div{font-size:14px}
.wkogl .k,.wdocs .doc,.wv-files h3 span{font-size:13px}
@media (max-width:640px){.tline li{font-size:13px}}
.wp-m .pill{color:#5F5F5F}
/* 5번째 소식(행) */
.wn-row{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,1fr) 120px 24px;align-items:center;gap:20px;padding:22px 30px;border-radius:var(--rc);background:#fff;border:1px solid #E7E9EF;color:#1A1D28}
.wn-row:hover{text-decoration:none;background:var(--wlav)}
.wn-row b{font-size:20px;font-weight:700}
.wn-row time{font-size:15px;color:#646A78}
.wrelay-note{margin:18px 0 0;font-size:14px;color:#5C6673}
/* 함께하는 기관: 가로 스크롤 한 줄 */
.partners .plist{display:flex;gap:25px;list-style:none;margin:0;padding:0 0 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.partners .plist li{flex:0 0 188px;scroll-snap-align:start}
.partners .plist a{display:flex;align-items:center;justify-content:center;height:60px}
.partners .plist img{max-height:46px;max-width:175px;object-fit:contain}
.ptxt{display:flex;flex-direction:column;align-items:center;line-height:1.1;font-family:Montserrat,'Pretendard GOV Variable',sans-serif;font-weight:800;font-size:20px;color:#1E3A8A;letter-spacing:-.01em}
.ptxt small{font-family:'Pretendard GOV Variable',sans-serif;font-size:11px;font-weight:600;color:#5C6673;margin-top:3px}
/* 회원 유형 */
.mtypes{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.mtypes p{margin:0 0 10px;font-size:14px;color:var(--t2)}
.mtypes a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);margin-top:6px;font-size:15px;color:var(--ink)}
.mtypes a:hover{border-color:var(--navy);text-decoration:none}
.mtypes a span{font-size:14px;color:var(--t2)}
@media (max-width:640px){.wn-row{grid-template-columns:1fr 24px;gap:6px;padding:18px 20px}.wn-row .wn-k,.wn-row time{grid-column:1}}
/* 넘침 2차 */
@media (max-width:1024px){
  .grid2,.grid3,.grid4{grid-template-columns:minmax(0,1fr)!important}
  .grid2>*,.grid3>*,.grid4>*,.box,.board{min-width:0}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search .sbtn .btn-lg{min-width:0}
  .btn.has-arr{min-width:0}
  .hact-b{width:100%}.hact-b .btn{flex:1 1 auto}
}
@media (max-width:640px){
  .banners ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .banners{flex-wrap:wrap}
  .cards{grid-template-columns:minmax(0,1fr)}
  .hact-b{flex-direction:column}.hact-b .btn{width:100%}
  .hstep li .ic{display:none}
}
.draft a{text-decoration:underline}
/* 넘침 3차 */
.board .bh{flex-wrap:wrap;gap:6px 12px}
.wsels{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1399px){.wsels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .wsels{grid-template-columns:minmax(0,1fr)}
  .cards[style]{grid-template-columns:minmax(0,1fr)!important}
  .amain{padding:16px!important}.amain *{min-width:0}
  .adm .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .blist time{font-size:14px}
}
@media (max-width:640px){.blist li{flex-wrap:wrap;row-gap:2px}}
/* 2차 */
.hfrm-hd h2{margin:0;font-size:30px;font-weight:700;color:var(--ink)}
.www .eyebrow{color:#3B56E8}
.mdata .feat .thumb,.mdata .feat .thumb small{color:#fff!important}
.rp-n{color:#7F8BAE}
@media (max-width:640px){.hfrm-hd h2{font-size:24px}}
/* 4차: 작은 글자·마지막 넘침·대비 */
.qbar a{font-size:14px}.qbar .tel{font-size:13px}
.atop-r .who small{font-size:13px}
.atop .sess .btn{font-size:14px}
.cal .today .d{color:var(--pri-d,#0B50D0)}
.cal{grid-template-columns:repeat(7,minmax(0,1fr))}
.cal div{min-width:0}
@media (max-width:640px){
  .tabs{flex-wrap:wrap}
  .atop{flex-wrap:wrap;height:auto;min-height:60px;row-gap:6px;padding:8px 12px}.atop-r{flex-wrap:wrap;gap:8px 12px}
  .dtbl,.dtbl tbody,.dtbl tr{display:block;width:100%}.dtbl th,.dtbl td{display:block;width:auto!important;white-space:normal}
  .cal .hd2{padding:6px 2px;font-size:13px}.cal div{padding:4px 2px}
}
.ptxt small{font-size:12px}
.nlist>li[hidden],.wblist>li[hidden],.gal>li[hidden],.wgal>li[hidden],.tbl tr[hidden],details[hidden],.tab-empty[hidden]{display:none!important}
.blist>li[hidden],.pb-row[hidden]{display:none!important}
@media (max-width:640px){.wn-row>*{grid-column:1}.wn-row>svg{grid-column:2;grid-row:1/4;align-self:center}}

/* 2026-11-09 시안명 표시 배지 길이 대응 */
.draft{max-width:calc(100vw - 32px)}

/* 2026-11-10 관리자 추가 화면: 로그인·내 정보 링크 */
.atop-r a.who{color:inherit;text-decoration:none}.atop-r a.who:hover{text-decoration:underline}
body.alogin{background:var(--sec)}
.alogin-main{display:flex;justify-content:center;padding:56px 16px 96px}
.alogin-box{width:100%;max-width:460px;padding:36px 36px 28px}
.alogin-box h1{margin:0;font-size:28px}
.alogin-sub{margin:8px 0 20px;color:var(--t2)}
.alogin-box .fld{margin-bottom:14px}
.alogin-btn{width:100%;margin-top:4px}
.alogin-2fa{margin-top:24px;padding:18px 20px;border:1px dashed var(--line);border-radius:var(--r-card);background:var(--bg)}
.alogin-2fa h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:17px}
.alogin-2fa p{margin:0 0 12px;font-size:15px;color:var(--t2)}
.alogin-otp{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.alogin-otp .inp{max-width:180px}
.alogin-notes{margin:20px 0 0;padding-left:18px;font-size:14px;color:var(--t2);line-height:1.7}
.alogin-help{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--t2);text-align:center}
.alogin-help a{font-weight:700}
@media (max-width:640px){.alogin-main{padding:24px 16px 96px}.alogin-box{padding:24px 20px}}