/* 공공관리 전용 디자인
   기존 센터의 탑메뉴·서브 Hero·푸터는 공통 파일을 그대로 사용합니다. */
:root{
  --pm-navy:#082c58;
  --pm-blue:#1768d4;
  --pm-gold:#e2b741;
  --pm-gold-strong:#d7a91f;
  --pm-ink:#17243a;
  --pm-muted:#52647a;
}

.pm-page,.pm-page *{box-sizing:border-box}
.pm-page{margin:0;background:#fff;color:var(--pm-ink);font-family:"Nanum Gothic","나눔고딕",sans-serif}
.pm-page a{text-decoration:none}

/* 로그인 본문 */
.pm-login-main{min-height:650px;padding:64px 24px 76px;background:#fff}
.pm-login-shell{
  width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;
  overflow:hidden;border:2px solid var(--pm-navy);border-radius:18px;background:#fff
}
.pm-login-intro{padding:50px 44px;background:var(--pm-navy);color:#fff}
.pm-eyebrow{
  display:inline-block;padding-bottom:8px;border-bottom:3px solid var(--pm-gold);
  color:#f1cf77;font-size:13px;font-weight:800;letter-spacing:1.5px
}
.pm-login-intro h1{margin:23px 0 18px;font-size:38px;line-height:1.3}
.pm-login-intro p{margin:0;color:#dbe7f4;font-size:16px;line-height:1.85}
.pm-login-guide{
  margin-top:30px;padding:17px 19px;border-left:5px solid var(--pm-gold);
  border-radius:10px;background:rgba(255,255,255,.1);font-size:14px;line-height:1.75
}
.pm-login-form{padding:52px 50px}
.pm-login-form h2{margin:0 0 9px;color:var(--pm-navy);font-size:25px}
.pm-login-form .pm-form-desc{margin:0 0 30px;color:var(--pm-muted);font-size:14px;line-height:1.7}
.pm-login-form label{display:block;margin:18px 0 9px;font-size:14px;font-weight:800}
.pm-login-form input{
  width:100%;height:54px;padding:0 16px;border:2px solid #a9bbce;border-radius:8px;
  background:#fff;color:var(--pm-ink);font:inherit;outline:none
}
.pm-login-form input:focus{border-color:var(--pm-blue)}
.pm-login-button{
  width:100%;height:54px;margin-top:26px;border:2px solid var(--pm-gold-strong);
  border-radius:8px;background:var(--pm-navy);color:#fff;
  font:800 16px "Nanum Gothic","나눔고딕",sans-serif;cursor:pointer
}
.pm-login-button:hover{background:#104579;color:#f6d77e}
.pm-login-help{margin-top:18px;text-align:center;color:var(--pm-muted);font-size:12px}

/* 공공관리 하단 본문 */
.pm-main{width:min(1040px,calc(100% - 36px));margin:36px auto 65px}
.pm-guide{
  display:grid;grid-template-columns:160px 1fr;gap:22px;align-items:center;
  margin-bottom:22px;padding:25px 27px;border:2px solid var(--pm-navy);
  border-radius:12px;background:#fff
}
.pm-guide h2,.pm-section-head h2{
  margin:0;padding-left:15px;border-left:5px solid var(--pm-gold);
  color:var(--pm-navy)
}
.pm-guide h2{font-size:21px}
.pm-guide p{margin:0;color:var(--pm-muted);font-size:14px;line-height:1.8}
.pm-mode-section{padding:29px;border:2px solid var(--pm-navy);border-radius:12px;background:#fff}
.pm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.pm-section-head h2{font-size:23px}
.pm-section-head p{margin:0;color:var(--pm-muted);font-size:13px}
.pm-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.pm-mode-card{
  min-height:235px;padding:22px;border:2px solid var(--pm-navy);border-radius:10px;
  background:#fff;display:flex;flex-direction:column;justify-content:space-between
}
.pm-mode-card--public{grid-column:1/-1;min-height:210px}
.pm-mode-card:hover{border-color:var(--pm-blue)}
.pm-mode-icon{
  width:54px;height:54px;margin-bottom:15px;border:2px solid var(--pm-navy);border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#f0c75e;color:var(--pm-navy)
}
.pm-mode-icon svg{
  width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.1;
  stroke-linecap:round;stroke-linejoin:round
}
.pm-mode-card h3{
  margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--pm-gold);
  color:var(--pm-navy);font-size:20px
}
.pm-mode-card p{margin:0 0 18px;color:var(--pm-muted);font-size:14px;line-height:1.75}
.pm-start{
  height:47px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--pm-gold-strong);border-radius:7px;background:#fffdf6;
  color:var(--pm-navy);font-size:14px;font-weight:800
}
.pm-start:hover{background:#e7ba3d;color:var(--pm-navy)}
.pm-empty{
  grid-column:1/-1;padding:22px;border:2px solid var(--pm-navy);border-radius:10px;
  color:var(--pm-muted);text-align:center
}

/* 공공관리 메인: 센터 메인과 동일한 카드·분석 대시보드 디자인 */
.pm-home{background:#fff}
.pm-home-shell{width:min(1220px,calc(100% - 48px));margin:auto}
.pm-home-modes{padding:38px 0 42px;background:#fff}
.pm-home-heading{margin-bottom:28px;text-align:center}
.pm-home-heading small{display:block;color:#487caf;font-size:14px;font-weight:800;letter-spacing:.14em}
.pm-home-heading h2{margin:9px 0 0;color:#0b2448;font-size:34px;letter-spacing:-1.4px}
.pm-home-heading>i{display:block;width:30px;height:3px;margin:12px auto 14px;background:var(--pm-gold)}
.pm-home-heading p{margin:0;color:#596b80;font-size:16px;line-height:1.8}
.pm-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pm-home-card{
  min-height:178px;padding:25px 27px;display:grid;grid-template-columns:96px 1fr;
  align-items:center;gap:20px;border:2px solid #0b3b70;border-radius:9px;
  background:#fff;box-shadow:0 10px 26px rgba(10,49,91,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.pm-home-card:hover{transform:translateY(-4px);border-color:#1976e8;box-shadow:0 15px 30px rgba(10,49,91,.14)}
.pm-home-icon{
  width:82px;height:82px;border:1px solid #b5cce8;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#f8fbff;color:#174ca3
}
.pm-home-icon svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pm-home-copy h3{margin:0;color:#0b2448;font-size:22px}
.pm-home-copy>i{display:block;width:22px;height:3px;margin:11px 0 12px;background:var(--pm-gold)}
.pm-home-copy p{margin:0;color:#596b80;font-size:14px;line-height:1.75}
.pm-home-copy a{display:inline-flex;margin-top:12px;color:#155cae;font-size:14px;font-weight:800}
.pm-home-empty{grid-column:1/-1;padding:28px;border:2px solid #0b3b70;border-radius:9px;color:#596b80;text-align:center}
.pm-home-showcase{
  padding:40px 0 54px;
  background:radial-gradient(circle at 50% 65%,rgba(30,112,220,.09),transparent 39%),linear-gradient(180deg,#f4f8fd,#fbfdff)
}
.pm-home-dashboard{
  min-height:375px;display:grid;grid-template-columns:28% 48% 24%;overflow:hidden;
  border:3px solid #164d89;border-radius:14px;
  background:radial-gradient(circle at 40% 20%,rgba(25,118,232,.18),transparent 38%),linear-gradient(135deg,#062f61,#041e40);
  color:#fff;box-shadow:0 16px 38px rgba(5,35,72,.22),inset 0 0 0 1px rgba(119,185,255,.25)
}
.pm-home-dashboard article{min-width:0;padding:30px}
.pm-home-dashboard article+article{border-left:1px solid rgba(164,204,245,.18)}
.pm-home-dashboard h3{margin:0 0 22px;font-size:20px}
.pm-home-summary{display:grid;grid-template-columns:68px 1fr;gap:16px;align-items:center}
.pm-home-summary>span{
  width:58px;height:58px;border:2px solid #2d8cff;border-radius:8px;
  display:grid;place-items:center;color:#fff;font-size:25px;font-weight:800;
  box-shadow:0 0 22px rgba(45,140,255,.45)
}
.pm-home-summary p{margin:0;color:#d7e4f3;font-size:14px;line-height:1.8}
.pm-home-result h4{margin:27px 0 13px;font-size:16px}
.pm-home-result ul{margin:0;padding:0;list-style:none}
.pm-home-result li{
  margin-top:8px;padding:10px 12px 10px 38px;border:1px solid rgba(111,174,238,.2);
  border-radius:6px;background:rgba(15,76,140,.25);color:#dbe9f7;font-size:13px
}
.pm-home-result li:before{margin-left:-25px;margin-right:11px;color:#2d8cff;content:"●"}
.pm-home-steps{display:flex;align-items:flex-start;justify-content:space-between;margin-top:36px}
.pm-home-steps div{width:90px;text-align:center}
.pm-home-steps b{
  width:58px;height:58px;margin:auto;border:2px solid #829fbe;border-radius:50%;
  display:grid;place-items:center;color:#afc2d7;font-size:18px
}
.pm-home-steps .is-active b{border-color:#3c9aff;color:#fff;box-shadow:0 0 19px #087ef6}
.pm-home-steps span{display:block;margin-top:14px;color:#d6e3f0;font-size:13px;white-space:nowrap}
.pm-home-steps>i{flex:1;height:1px;margin:28px -10px 0;border-top:2px dashed #6d8dac}
.pm-home-progress-title{display:flex;justify-content:space-between;margin:40px 0 10px;font-size:14px}
.pm-home-progress-bar{height:9px;border-radius:20px;background:rgba(27,108,193,.3);overflow:hidden}
.pm-home-progress-bar i{display:block;width:68%;height:100%;background:linear-gradient(90deg,#167ff5,#2d9cff)}
.pm-home-status{
  margin:20px 0 0;padding:15px 18px;border:1px solid rgba(94,164,235,.3);border-radius:7px;
  background:rgba(11,66,127,.26);color:#d7e5f3;font-size:14px;line-height:1.7
}
.pm-home-paper{height:188px;margin-bottom:15px;padding:26px 18px;border-radius:6px;background:#fff;color:#132a45;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.pm-home-paper strong{display:block;margin-bottom:20px;text-align:center;font-size:12px}
.pm-home-paper span{display:block;height:6px;margin-top:10px;background:#dce3eb}
.pm-home-file>strong{font-size:14px}
.pm-home-file>p{margin:8px 0 15px;color:#b7cade;font-size:12px}
.pm-home-file button{width:100%;height:42px;border:1px solid #50789f;border-radius:6px;background:rgba(12,66,122,.25);color:#fff}
.pm-home-cta{display:flex;justify-content:center;margin-top:22px}
.pm-home-cta a{
  min-height:54px;padding:0 30px;border-radius:7px;display:flex;align-items:center;
  background:linear-gradient(135deg,#1262d3,#1979f2);color:#fff;font-weight:800
}

/* 심판·신고 진입 안내 */
.pm-entry-main{width:min(920px,calc(100% - 36px));margin:36px auto 65px}
.pm-entry-card{padding:30px;border:2px solid var(--pm-navy);border-radius:12px;background:#fff}
.pm-entry-card h2{margin:0 0 15px;padding-left:15px;border-left:5px solid var(--pm-gold);color:var(--pm-navy)}
.pm-entry-card p{color:var(--pm-muted);line-height:1.8}
.pm-entry-actions{display:flex;gap:12px;margin-top:22px}
.pm-entry-actions .pm-start{min-width:190px;padding:0 20px}

@media(max-width:900px){
  .pm-login-shell{grid-template-columns:1fr}
  .pm-login-intro,.pm-login-form{padding:38px 30px}
  .pm-guide{grid-template-columns:1fr}
  .pm-mode-grid{grid-template-columns:1fr}
  .pm-mode-card--public{grid-column:auto}
  .pm-home-grid{grid-template-columns:repeat(2,1fr)}
  .pm-home-dashboard{grid-template-columns:1fr}
  .pm-home-dashboard article+article{border-left:0;border-top:1px solid rgba(164,204,245,.18)}
}
@media(max-width:560px){
  .pm-login-main{padding:30px 14px 45px}
  .pm-login-intro,.pm-login-form{padding:30px 22px}
  .pm-login-intro h1{font-size:29px}
  .pm-main,.pm-entry-main{width:calc(100% - 28px);margin-top:22px}
  .pm-guide,.pm-mode-section,.pm-entry-card{padding:21px 18px}
  .pm-section-head{display:block}
  .pm-section-head p{margin-top:9px}
  .pm-entry-actions{flex-direction:column}
  .pm-entry-actions .pm-start{width:100%}
  .pm-home-shell{width:calc(100% - 28px)}
  .pm-home-heading h2{font-size:28px}
  .pm-home-grid{grid-template-columns:1fr}
  .pm-home-card{grid-template-columns:82px 1fr;padding:22px 20px}
  .pm-home-steps{display:grid;grid-template-columns:1fr;gap:18px}
  .pm-home-steps div{width:100%}
  .pm-home-steps>i{display:none}
}