/* ============================================================
   기장센터 — 업종별 기장 디렉터리 (center/bookkeeping.html 전용)
   body.ind-page 범위에서만 적용
   ============================================================ */
.ind-page{--ink:#0B1426; --paper:#F5F1E8; --line2:#E2E6EE; --text2:#5B6170;}
.ind-page main{overflow-x:clip;}

/* ---------- HERO ---------- */
.ind-hero{
  position:relative; isolation:isolate; overflow:hidden;
  background:var(--ink); color:#fff;
  padding:170px 0 164px; min-height:660px;
}
.ih-bg{
  position:absolute; inset:0; z-index:-2;
  background:url(../img/industry/hero.webp) 72% center / cover no-repeat;
  transform:scale(1.08); animation:ihZoom 16s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes ihZoom{to{transform:scale(1);}}
.ih-overlay{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg, rgba(8,17,36,.95) 0%, rgba(8,17,36,.82) 34%, rgba(8,17,36,.34) 68%, rgba(8,17,36,.12) 100%),
    linear-gradient(0deg, rgba(8,17,36,.75) 0%, rgba(8,17,36,0) 42%);
}
.ind-hero::after{ /* 금빛 하단 라인 */
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background:linear-gradient(90deg, transparent, rgba(200,167,90,.55), transparent);
}
.ih-inner > *{opacity:0; transform:translateY(26px); animation:ihUp .95s cubic-bezier(.22,.9,.32,1) forwards;}
.ih-inner > *:nth-child(1){animation-delay:.05s;}
.ih-inner > *:nth-child(2){animation-delay:.15s;}
.ih-inner > *:nth-child(3){animation-delay:.25s;}
.ih-inner > *:nth-child(4){animation-delay:.36s;}
.ih-inner > *:nth-child(5){animation-delay:.46s;}
.ih-inner > *:nth-child(6){animation-delay:.58s;}
@keyframes ihUp{to{opacity:1; transform:none;}}

.ih-crumb{display:flex; flex-direction:row; width:auto; align-items:center; gap:10px; font-size:13px; color:rgba(255,255,255,.55); margin-bottom:34px;}
.ih-crumb a{transition:color .2s;}
.ih-crumb a:hover{color:var(--gold-light);}
.ih-crumb i{width:4px; height:4px; border-radius:50%; background:rgba(200,167,90,.7);}
.ih-crumb b{color:#fff; font-weight:600;}
.ih-label{display:flex; align-items:center; gap:12px; font-size:12.5px; letter-spacing:.24em; font-weight:600; color:var(--gold-light);}
.ih-label em{font-style:normal; font-family:'Noto Serif KR',serif; font-size:15px; letter-spacing:0; color:var(--gold);}
.ih-label::after{content:""; width:52px; height:1px; background:rgba(200,167,90,.6);}
.ind-hero h1{font-size:66px; font-weight:800; letter-spacing:-.045em; line-height:1.08; margin-top:18px; word-break:keep-all; overflow-wrap:break-word;}
.ih-sub{font-size:22px; font-weight:600; color:var(--gold-light); margin-top:14px; letter-spacing:-.02em;}
.ih-lead{max-width:560px; font-size:16px; line-height:1.85; color:rgba(255,255,255,.74); margin-top:22px; word-break:keep-all;}
.ih-stats{display:flex; max-width:540px; margin-top:42px; border-top:1px solid rgba(255,255,255,.16);}
.ih-stats > div{flex:1; padding-top:22px;}
.ih-stats > div + div{padding-left:28px; margin-left:28px; border-left:1px solid rgba(255,255,255,.12);}
.ih-stats b{display:block; font-size:42px; font-weight:800; letter-spacing:-.03em; line-height:1; color:#fff;}
.ih-stats b .count{font:inherit; color:inherit;}
.ih-stats b small{font-size:17px; font-weight:700; color:var(--gold); margin-left:3px;}
.ih-stats > div > span{display:block; font-size:13px; color:rgba(255,255,255,.6); margin-top:9px;}

/* ---------- SEARCH CARD ---------- */
.ind-search{position:relative; z-index:6; margin-top:-86px;}
.is-card{
  background:#fff; border-radius:18px;
  box-shadow:0 34px 70px -28px rgba(11,20,38,.34), 0 0 0 1px rgba(11,20,38,.05);
  padding:32px 38px 26px;
  display:grid; grid-template-columns:230px minmax(0,1fr); gap:14px 40px; align-items:center;
}
.is-card h2{grid-row:span 3; align-self:center; font-size:23px; font-weight:800; line-height:1.38; letter-spacing:-.035em; color:var(--navy);}
.is-card h2 small{display:block; font-size:11.5px; letter-spacing:.22em; font-weight:700; color:var(--gold); margin-bottom:8px;}
.is-field{position:relative;}
.is-field input{
  width:100%; height:60px; border-radius:999px;
  border:1.5px solid var(--line2); background:#F6F7F9;
  padding:0 66px 0 26px; font-size:16px; font-family:inherit; color:var(--ink);
  transition:border-color .2s, background .2s, box-shadow .2s;
  -webkit-appearance:none; appearance:none;
}
.is-field input::-webkit-search-cancel-button{-webkit-appearance:none;}
.is-field input::placeholder{color:#9AA0AB;}
.is-field input:focus{outline:none; border-color:var(--gold); background:#fff; box-shadow:0 0 0 4px rgba(200,167,90,.16);}
.is-field button{
  position:absolute; right:7px; top:7px; width:46px; height:46px; border-radius:50%;
  background:var(--navy); display:grid; place-items:center;
  transition:background .2s, transform .2s;
}
.is-field button:hover{background:var(--gold); transform:scale(1.05);}
.is-tags{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
.is-tags > span{font-size:12.5px; color:#8A8F99; margin-right:4px;}
.is-tags button{
  font-size:13px; font-weight:500; color:#4A5160; background:#F1F3F6;
  padding:6px 13px; border-radius:999px; transition:background .2s, color .2s;
}
.is-tags button:hover, .is-tags button.on{background:var(--navy); color:#fff;}
.is-info{font-size:13px; color:#8A8F99;}
.is-info b{color:var(--navy);}

/* ---------- LAYOUT ---------- */
.ind-body{padding:96px 0 120px;}
.ind-layout{display:grid; grid-template-columns:252px minmax(0,1fr); gap:60px; align-items:start;}

/* 사이드 내비 */
.ind-side{position:sticky; top:112px;}
.isd-title{font-size:12px; letter-spacing:.26em; font-weight:700; color:var(--gold); margin-bottom:16px;}
.isd-nav{display:block; border-top:2px solid var(--navy);}
.isd-nav a{
  display:flex; align-items:center; gap:12px;
  padding:16px 4px; border-bottom:1px solid var(--line2);
  font-size:15.5px; font-weight:600; color:#6A7080; letter-spacing:-.02em;
  transition:color .25s, padding .25s;
}
.isd-nav a em{font-style:normal; font-family:'Noto Serif KR',serif; font-size:13px; color:#B9BEC8; width:20px; transition:color .25s;}
.isd-nav a span{margin-left:auto; font-size:11.5px; font-weight:700; color:#8F95A1; background:#F1F3F6; border-radius:999px; padding:2px 9px; transition:background .25s, color .25s;}
.isd-nav a:hover{color:var(--navy);}
.isd-nav a.on{color:var(--navy); padding-left:12px;}
.isd-nav a.on em{color:var(--gold);}
.isd-nav a.on span{background:var(--navy); color:#fff;}
.isd-cta{
  position:relative; overflow:hidden; margin-top:30px;
  background:var(--navy); border-radius:16px; padding:28px 24px 24px; color:#fff;
}
.isd-cta::before{ /* 방패 워터마크 */
  content:""; position:absolute; right:-26px; bottom:-34px; width:130px; height:150px;
  background:linear-gradient(160deg, rgba(200,167,90,.32), rgba(200,167,90,0));
  clip-path:polygon(50% 0%, 100% 18%, 100% 58%, 50% 100%, 0% 58%, 0% 18%);
}
.isd-cta p{position:relative; font-size:13px; color:rgba(255,255,255,.6);}
.isd-cta strong{position:relative; display:block; font-size:19px; line-height:1.42; letter-spacing:-.03em; margin:6px 0 20px;}
.isd-cta .btn-gold{position:relative; display:block; text-align:center; padding:13px; font-size:14.5px; border-radius:999px;}
.isd-tel{position:relative; display:block; text-align:center; margin-top:12px; font-size:15px; font-weight:700; color:var(--gold-light); letter-spacing:.02em;}

/* ---------- GROUP ---------- */
.ind-group{padding:0; scroll-margin-top:110px;}
.ind-group + .ind-group{margin-top:92px;}
.ig-head{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:38px; align-items:center; margin-bottom:28px;}
.ig-photo{position:relative; aspect-ratio:4/3; border-radius:16px; overflow:hidden; background:#E6E9EF; box-shadow:0 26px 50px -30px rgba(11,20,38,.45);}
.ig-photo img{width:100%; height:100%; object-fit:cover; transition:transform 1.4s cubic-bezier(.22,.9,.32,1);}
.ig-photo::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,20,38,0) 48%, rgba(11,20,38,.62) 100%);}
.ig-photo b{position:absolute; left:22px; bottom:16px; z-index:2; font-family:'Noto Serif KR',serif; font-size:48px; font-weight:700; line-height:1; color:#fff; letter-spacing:-.02em;}
.ig-photo b::after{content:""; display:inline-block; width:28px; height:2px; background:var(--gold); margin-left:12px; vertical-align:middle;}
.ind-group:hover .ig-photo img{transform:scale(1.045);}
.ig-eng{font-size:11.5px; letter-spacing:.2em; font-weight:700; color:var(--gold);}
.ig-text h2{font-size:32px; font-weight:800; letter-spacing:-.045em; color:#1B2230; margin:10px 0 12px; line-height:1.25;}
.ig-text p{font-size:15px; line-height:1.82; color:var(--text2); word-break:keep-all;}
.ig-meta{display:flex; align-items:center; gap:16px; margin-top:24px;}
.ig-pill{
  display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 20px;
  border-radius:999px; background:#18273F; color:#fff; font-size:14.5px; font-weight:600;
  transition:background .25s, color .25s, gap .25s;
}
.ig-pill:hover{background:var(--gold); color:var(--navy-deep); gap:12px;}
.ig-count{font-size:13px; color:#8A8F99;}

/* 특수업종: 와이드 배너형 헤드 */
.ind-group.special .ig-head{
  grid-template-columns:1fr; position:relative; isolation:isolate; overflow:hidden;
  border-radius:18px; background:var(--ink); min-height:330px; align-items:end;
}
.ind-group.special .ig-photo{position:absolute; inset:0; z-index:-1; aspect-ratio:auto; border-radius:0; box-shadow:none;}
.ind-group.special .ig-photo img{object-position:center 60%;}
.ind-group.special .ig-photo::after{background:linear-gradient(90deg, rgba(8,17,36,.94) 0%, rgba(8,17,36,.72) 46%, rgba(8,17,36,.2) 100%);}
.ind-group.special .ig-photo b{display:none;}
.ind-group.special .ig-text{padding:44px 44px 38px; max-width:600px;}
.ind-group.special .ig-text h2{color:#fff; font-size:36px;}
.ind-group.special .ig-text p{color:rgba(255,255,255,.74);}
.ind-group.special .ig-count{color:rgba(255,255,255,.55);}
.ind-group.special .ig-pill{background:var(--gold); color:var(--navy-deep);}
.ind-group.special .ig-pill:hover{background:#fff;}
.ig-badge{
  display:inline-flex; align-items:center; gap:7px; margin-bottom:16px;
  font-size:12.5px; font-weight:700; color:var(--gold-light);
  border:1px solid rgba(200,167,90,.5); border-radius:999px; padding:5px 13px;
}
.ig-badge::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 4px rgba(200,167,90,.18);}

/* ---------- ACCORDION ---------- */
.ig-list{display:flex; flex-direction:column; gap:10px;}
.ind-item{
  border:1px solid var(--line2); border-radius:12px; background:#fff;
  transition:border-color .25s, box-shadow .3s;
}
.ind-item:hover{border-color:#B8C2D2;}
.ind-item.open{border-color:var(--navy); box-shadow:0 22px 44px -28px rgba(13,35,67,.42);}
.ii-h{font-size:inherit; font-weight:inherit; margin:0;}
.ii-btn{
  width:100%; min-height:72px; display:flex; align-items:center; gap:18px;
  padding:14px 22px; text-align:left; border-radius:12px;
}
.ii-btn:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
.ii-no{flex-shrink:0; width:24px; font-family:'Noto Serif KR',serif; font-size:14px; font-weight:700; color:#B9BEC8; transition:color .25s;}
.ii-title{flex:1; min-width:0; display:flex; align-items:center; gap:14px;}
.ii-name{font-size:19px; font-weight:600; letter-spacing:-.035em; color:#262D3A; line-height:1.4; transition:color .25s;}
.ii-tag{margin-left:auto; flex-shrink:0; white-space:nowrap; font-size:12.5px; font-weight:500; color:#737A87; background:#F3F4F7; border-radius:999px; padding:5px 12px; transition:background .25s, color .25s;}
.ii-ico{position:relative; flex-shrink:0; width:30px; height:30px; border-radius:50%; border:1px solid var(--line2); background:#F3F5F9; transition:background .25s, border-color .25s;}
.ii-ico::before, .ii-ico::after{
  content:""; position:absolute; left:50%; top:50%; width:11px; height:1.6px; border-radius:2px;
  background:#4A5160; transform:translate(-50%,-50%); transition:transform .35s cubic-bezier(.22,.9,.32,1), background .25s;
}
.ii-ico::after{transform:translate(-50%,-50%) rotate(90deg);}
.ind-item:hover .ii-no, .ind-item.open .ii-no{color:var(--gold);}
.ind-item:hover .ii-name{color:var(--navy);}
.ind-item.open .ii-name{color:var(--navy); font-weight:700;}
.ind-item.open .ii-tag{background:var(--paper); color:#8C6F2E;}
.ind-item.open .ii-ico{background:var(--navy); border-color:var(--navy);}
.ind-item.open .ii-ico::before, .ind-item.open .ii-ico::after{background:#fff;}
.ind-item.open .ii-ico::after{transform:translate(-50%,-50%) rotate(0deg);}

.ii-panel{
  display:grid; grid-template-rows:0fr; visibility:hidden;
  transition:grid-template-rows .42s cubic-bezier(.22,.9,.32,1), visibility 0s linear .42s;
}
.ind-item.open .ii-panel{grid-template-rows:1fr; visibility:visible; transition:grid-template-rows .42s cubic-bezier(.22,.9,.32,1), visibility 0s;}
.ii-inner{overflow:hidden; min-height:0;}
.ii-body{padding:0 26px 26px 64px;}
.ii-body p{font-size:15px; line-height:1.86; color:#465061; border-top:1px dashed var(--line2); padding-top:18px; word-break:keep-all;}
.ii-points{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.ii-points li{
  position:relative; font-size:13px; font-weight:600; color:var(--navy);
  background:var(--paper); border:1px solid #EADFC6; border-radius:7px; padding:6px 11px 6px 27px;
}
.ii-points li::before{
  content:""; position:absolute; left:10px; top:50%; width:8px; height:4.5px;
  border-left:2px solid var(--gold); border-bottom:2px solid var(--gold);
  transform:translateY(-72%) rotate(-45deg);
}
.ii-actions{display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; margin-top:20px;}
.ii-actions a:first-child{
  display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:700; color:var(--navy);
  border-bottom:1.5px solid var(--gold); padding-bottom:2px; transition:gap .2s, color .2s;
}
.ii-actions a:first-child:hover{gap:10px; color:#8C6F2E;}
.ii-tel{font-size:13.5px; font-weight:600; color:#7A808C; padding-left:20px; position:relative;}
.ii-tel::before{
  content:""; position:absolute; left:0; top:50%; width:13px; height:13px; transform:translateY(-50%);
  background:url(../img/icons/phone.svg) center / contain no-repeat; opacity:.55;
}
.ii-tel:hover{color:var(--navy);}

/* 검색 하이라이트 · 상태 */
.ind-page mark{background:linear-gradient(transparent 56%, rgba(200,167,90,.42) 56%); color:inherit; padding:0 1px;}
.ind-main.searching .ig-head{grid-template-columns:1fr; min-height:0; margin-bottom:16px;}
.ind-main.searching .ig-photo, .ind-main.searching .ig-text p, .ind-main.searching .ig-meta, .ind-main.searching .ig-badge{display:none;}
.ind-main.searching .ind-group.special .ig-head{background:none; border-radius:0;}
.ind-main.searching .ind-group.special .ig-text{padding:0;}
.ind-main.searching .ind-group.special .ig-text h2{color:#1B2230;}
.ind-main.searching .ig-text h2{font-size:24px; margin-bottom:0;}
.ind-main.searching .ind-group + .ind-group{margin-top:48px;}
.ind-group.no-hit, .ind-item.no-hit{display:none;}
.ind-empty{text-align:center; padding:70px 24px; border:1px dashed #D5DAE3; border-radius:18px; background:#FAFBFC;}
.ie-mark{
  width:54px; height:62px; margin:0 auto 20px;
  background:linear-gradient(160deg, var(--gold-light), var(--gold));
  clip-path:polygon(50% 0%, 100% 18%, 100% 58%, 50% 100%, 0% 58%, 0% 18%); opacity:.85;
}
.ind-empty h3{font-size:21px; font-weight:800; color:var(--navy); letter-spacing:-.03em;}
.ind-empty p{font-size:14.5px; color:var(--text2); line-height:1.8; margin-top:10px;}
.ie-actions{display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:24px;}
.ie-actions .btn-gold{padding:13px 26px; border-radius:999px; font-size:14.5px;}
.ie-reset{padding:13px 22px; border-radius:999px; border:1px solid #D5DAE3; font-size:14.5px; font-weight:600; color:var(--navy); background:#fff; transition:border-color .2s;}
.ie-reset:hover{border-color:var(--navy);}

/* ---------- PROCESS ---------- */
.ind-process{background:var(--paper); padding:104px 0;}
.ip-head{display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:46px;}
.ip-label{display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.24em; font-weight:700; color:var(--gold);}
.ip-label::before{content:""; width:22px; height:2px; background:var(--gold);}
.ip-head h2{font-size:34px; font-weight:800; letter-spacing:-.045em; color:var(--navy); line-height:1.32; margin-top:14px;}
.ip-head p{font-size:15px; color:var(--text2); max-width:340px; line-height:1.8; word-break:keep-all;}
.ip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.ip-card{
  position:relative; background:#fff; border:1px solid #ECE4D2; border-radius:16px;
  padding:36px 30px 34px; transition:transform .35s cubic-bezier(.22,.9,.32,1), box-shadow .35s;
}
.ip-card:hover{transform:translateY(-6px); box-shadow:0 28px 50px -30px rgba(13,35,67,.4);}
.ip-card em{font-style:normal; font-family:'Noto Serif KR',serif; font-size:42px; font-weight:700; line-height:1; color:var(--gold);}
.ip-card h3{font-size:20px; font-weight:800; letter-spacing:-.03em; color:var(--navy); margin:20px 0 8px;}
.ip-card p{font-size:14.5px; color:var(--text2); line-height:1.75; word-break:keep-all;}
.ip-card:not(:last-child)::after{
  content:""; position:absolute; right:-17px; top:50%; z-index:2; width:12px; height:12px;
  border-top:2px solid var(--gold); border-right:2px solid var(--gold); transform:translateY(-50%) rotate(45deg);
}

.ind-others{padding:24px 0 96px;}
.ind-others .c-other{border-top:none;}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .ind-layout{grid-template-columns:minmax(0,1fr); gap:28px;}
  .ind-side{
    top:76px; z-index:30; background:rgba(255,255,255,.96); backdrop-filter:blur(8px);
    margin:0 -32px; padding:12px 32px; border-bottom:1px solid var(--line2);
  }
  .isd-title, .isd-cta{display:none;}
  .isd-nav{display:flex; gap:8px; border-top:none; flex-direction:row; width:auto; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
  .isd-nav::-webkit-scrollbar{display:none;}
  .isd-nav a{flex-shrink:0; white-space:nowrap; padding:8px 14px; border:1px solid var(--line2); border-radius:999px; font-size:14px; gap:8px;}
  .isd-nav a em{width:auto; font-size:12px;}
  .isd-nav a.on{padding-left:14px; background:var(--navy); border-color:var(--navy); color:#fff;}
  .isd-nav a.on span{background:var(--gold); color:var(--navy-deep);}
  .ind-group{scroll-margin-top:150px;}
  .ind-body{padding-top:70px;}
}
@media(max-width:900px){
  .ind-hero{padding:150px 0 150px; min-height:0;}
  .ind-hero h1{font-size:48px;}
  .ih-overlay{background:linear-gradient(90deg, rgba(8,17,36,.92) 0%, rgba(8,17,36,.7) 60%, rgba(8,17,36,.4) 100%), linear-gradient(0deg, rgba(8,17,36,.8) 0%, rgba(8,17,36,0) 50%);}
  .is-card{grid-template-columns:minmax(0,1fr); padding:28px 26px 22px;}
  .is-card h2{grid-row:auto;}
  .is-card h2 br{display:none;}
  .ig-head{grid-template-columns:minmax(0,1fr); gap:24px;}
  .ig-photo{aspect-ratio:16/9;}
  .ind-group.special .ig-text{padding:34px 28px 30px;}
  .ip-head{flex-direction:column; align-items:flex-start;}
  .ip-grid{grid-template-columns:minmax(0,1fr); gap:14px;}
  .ip-card:not(:last-child)::after{display:none;}
}
@media(max-width:560px){
  .ind-hero{padding:128px 0 136px;}
  .ih-crumb{margin-bottom:24px;}
  .ind-hero h1{font-size:36px;}
  .ih-label{letter-spacing:.18em; font-size:11.5px;}
  .ih-label::after{display:none;}
  .ih-sub{font-size:18px;}
  .ih-lead{font-size:14.5px;}
  .ih-stats{margin-top:32px;}
  .ih-stats > div + div{padding-left:16px; margin-left:16px;}
  .ih-stats b{font-size:30px;}
  .ih-stats b small{font-size:14px;}
  .ih-stats > div > span{font-size:12px;}
  .ind-search{margin-top:-96px;}
  .is-card{padding:24px 20px 20px; border-radius:16px;}
  .is-card h2{font-size:20px;}
  .is-field input{height:54px; font-size:14.5px; padding:0 58px 0 20px;}
  .is-field button{width:42px; height:42px; right:6px; top:6px;}
  .ind-side{margin:0 -20px; padding:10px 20px;}
  .ind-body{padding:56px 0 90px;}
  .ind-group + .ind-group{margin-top:68px;}
  .ig-text h2{font-size:26px;}
  .ind-group.special .ig-text h2{font-size:28px;}
  .ig-photo b{font-size:38px;}
  .ii-btn{gap:12px; padding:14px 16px; min-height:66px;}
  .ii-no{width:20px; font-size:13px;}
  .ii-title{flex-direction:column; align-items:flex-start; gap:6px;}
  .ii-name{font-size:16.5px;}
  .ii-tag{margin-left:0; font-size:11.5px; padding:3px 10px;}
  .ii-body{padding:0 18px 22px 18px;}
  .ii-body p{font-size:14.5px;}
  .ind-process{padding:76px 0;}
  .ip-head h2{font-size:27px;}
  .ind-others{padding:10px 0 72px;}
}
@media(prefers-reduced-motion:reduce){
  .ih-bg{animation:none; transform:none;}
  .ih-inner > *{animation:none; opacity:1; transform:none;}
  .ii-panel, .ind-item.open .ii-panel{transition:none;}
}

/* ============================================================
   센터 상세 공통 (center/*.html) — 기장센터 디자인 시스템 확장
   ============================================================ */
.cx-cta{display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:38px;}
.cx-cta .btn-gold{border-radius:999px; padding:16px 32px;}
.cx-tel{
  display:inline-flex; align-items:center; gap:10px; height:54px; padding:0 26px; border-radius:999px;
  border:1px solid rgba(255,255,255,.3); color:#fff; font-weight:700; font-size:15.5px; letter-spacing:.02em;
  transition:border-color .2s, background .2s;
}
.cx-tel:hover{border-color:var(--gold); background:rgba(200,167,90,.12);}
.cx-tel::before{content:""; width:16px; height:16px; background:url(../img/icons/phone.svg) center / contain no-repeat; filter:brightness(0) invert(1); opacity:.85;}

/* 이런 분께 필요합니다 */
.is-card.cx-card{grid-template-columns:230px minmax(0,1fr); padding:34px 40px; align-items:center;}
.cx-card h2{grid-row:auto;}
.cx-checks{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 30px;}
.cx-checks li{position:relative; padding-left:34px; font-size:15px; font-weight:500; color:#2C3340; line-height:1.6; word-break:keep-all;}
.cx-checks li::before{content:""; position:absolute; left:0; top:1px; width:23px; height:23px; border-radius:50%; background:var(--paper); border:1px solid #EADFC6;}
.cx-checks li::after{content:""; position:absolute; left:7.5px; top:8px; width:8px; height:4.5px; border-left:2px solid var(--gold); border-bottom:2px solid var(--gold); transform:rotate(-45deg);}

/* 섹션 머리 (진행 절차 · FAQ) */
.cx-sec-head{margin-bottom:26px;}
.cx-sec-head h2{font-size:32px; font-weight:800; letter-spacing:-.045em; color:#1B2230; line-height:1.25; margin:10px 0 10px;}
.cx-sec-head p{font-size:15px; color:var(--text2); line-height:1.8; word-break:keep-all;}

/* 진행 절차 타임라인 */
.cx-steps{background:var(--paper); border:1px solid #EDE5D3; border-radius:18px; padding:34px 36px;}
.cx-steps li{position:relative; display:grid; grid-template-columns:56px minmax(0,1fr); gap:22px; padding-bottom:26px;}
.cx-steps li:last-child{padding-bottom:0;}
.cx-steps li::before{content:""; position:absolute; left:27px; top:58px; bottom:2px; width:2px; background:linear-gradient(rgba(200,167,90,.75), rgba(200,167,90,.15));}
.cx-steps li:last-child::before{display:none;}
.cx-steps em{
  width:56px; height:56px; border-radius:50%; display:grid; place-items:center; font-style:normal;
  font-family:'Noto Serif KR',serif; font-size:17px; font-weight:700; color:var(--gold);
  background:#fff; border:1.5px solid #E6D8B8; box-shadow:0 12px 24px -16px rgba(13,35,67,.4);
}
.cx-steps li:first-child em{background:var(--navy); border-color:var(--navy); color:var(--gold-light);}
.cx-steps h3{font-size:18.5px; font-weight:800; letter-spacing:-.03em; color:var(--navy); margin-top:7px;}
.cx-steps p{font-size:14.5px; color:var(--text2); line-height:1.75; margin-top:4px; word-break:keep-all;}

/* FAQ (아코디언 재사용) */
.cx-faq .ii-no{font-family:'Pretendard','Noto Sans KR',sans-serif; font-size:18px; font-weight:800; color:var(--gold);}
.cx-faq .ii-name{font-size:17.5px;}
.cx-faq .ii-body p{position:relative; padding-left:26px;}
.cx-faq .ii-body p::before{content:"A"; position:absolute; left:0; top:18px; font-weight:800; color:var(--navy);}

/* 함께 보면 좋은 센터 */
.cx-related{background:var(--paper); padding:96px 0;}
.cx-rel-head{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:34px;}
.cx-rel-head h2{font-size:32px; font-weight:800; letter-spacing:-.045em; color:var(--navy); margin-top:14px;}
.cx-rel-head a{font-size:14.5px; font-weight:700; color:var(--navy); border-bottom:1.5px solid var(--gold); padding-bottom:2px; white-space:nowrap;}
.cx-rel-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px;}
.cx-rel-card{
  position:relative; isolation:isolate; display:flex; flex-direction:column; aspect-ratio:16/10; overflow:hidden;
  border-radius:14px; background:#0B1426; border:1px solid rgba(13,35,67,.1); box-shadow:0 18px 40px -28px rgba(13,35,67,.55);
  transition:transform .45s cubic-bezier(.22,.9,.32,1), box-shadow .45s, border-color .4s;
}
.cx-rel-card .cc-media{position:absolute; inset:0; z-index:-2;}
.cx-rel-card .cc-media img{width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.22,.9,.32,1);}
.cx-rel-card::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg, rgba(8,17,36,.92) 0%, rgba(8,17,36,.72) 42%, rgba(8,17,36,.25) 80%, rgba(8,17,36,.12) 100%), linear-gradient(0deg, rgba(8,17,36,.5) 0%, rgba(8,17,36,0) 55%);}
.cc-mini-body{flex:1; display:flex; flex-direction:column; padding:22px 24px 20px; max-width:82%;}
.cc-num{display:flex; align-items:center; gap:10px; font-family:'Noto Serif KR',serif; font-size:14.5px; font-weight:700; color:var(--gold);}
.cc-num::after{content:""; width:26px; height:1px; background:rgba(228,201,138,.6);}
.cc-mini-body strong{margin-top:auto; font-size:20px; font-weight:800; letter-spacing:-.04em; line-height:1.3; color:#fff; word-break:keep-all;}
.cc-mini-body small{margin-top:6px; font-size:13px; line-height:1.55; color:rgba(255,255,255,.72); word-break:keep-all;}
.cc-go{display:inline-flex; align-items:center; gap:8px; margin-top:12px; font-size:12.5px; font-weight:700; color:var(--gold-light);}
.cc-go i{font-style:normal; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:11px; border:1px solid rgba(228,201,138,.55); transition:background .3s, color .3s, transform .4s;}
.cx-rel-card:hover{transform:translateY(-6px); border-color:rgba(200,167,90,.6); box-shadow:0 30px 54px -28px rgba(13,35,67,.6);}
.cx-rel-card:hover .cc-media img{transform:scale(1.07);}
.cx-rel-card:hover .cc-go i{background:var(--gold); border-color:var(--gold); color:var(--navy-deep); transform:translateX(3px);}
@media(max-width:560px){ .cx-rel-card{aspect-ratio:auto; min-height:200px;} .cc-mini-body{max-width:90%; padding:20px;} }

@media(max-width:900px){
  .is-card.cx-card{grid-template-columns:minmax(0,1fr); padding:28px 26px;}
  .cx-checks{grid-template-columns:minmax(0,1fr); gap:12px;}
  .cx-rel-grid{grid-template-columns:minmax(0,1fr); gap:14px;}
  .cx-rel-head{flex-direction:column; align-items:flex-start;}
}
@media(max-width:560px){
  .cx-cta{margin-top:30px; gap:10px;}
  .cx-cta .btn-gold, .cx-tel{flex:1 1 100%; justify-content:center; text-align:center;}
  .is-card.cx-card{padding:24px 20px;}
  .cx-checks li{font-size:14.5px;}
  .cx-sec-head h2, .cx-rel-head h2{font-size:26px;}
  .cx-steps{padding:26px 20px;}
  .cx-steps li{grid-template-columns:46px minmax(0,1fr); gap:16px;}
  .cx-steps li::before{left:22px; top:48px;}
  .cx-steps em{width:46px; height:46px; font-size:15px;}
  .cx-steps h3{font-size:17px; margin-top:4px;}
  .cx-faq .ii-name{font-size:16px;}
  .cx-related{padding:72px 0;}
}

/* ============================================================
   협력 파트너 상세 (partner/*.html)
   ============================================================ */
.pt-people{display:grid; grid-template-columns:minmax(0,1fr); gap:18px;}
.pt-people.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.pt-person{
  position:relative; overflow:hidden; background:#fff; border:1px solid var(--line2); border-radius:18px;
  padding:30px 30px 28px; box-shadow:0 24px 50px -36px rgba(13,35,67,.45);
}
.pt-person::before{content:""; position:absolute; left:0; top:0; right:0; height:4px; background:linear-gradient(90deg, var(--gold), var(--gold-light) 60%, transparent);}
.pp-head{display:flex; align-items:center; gap:18px; padding-bottom:22px; border-bottom:1px dashed var(--line2);}
.pp-mono{
  flex-shrink:0; width:64px; height:64px; border-radius:50%; display:grid; place-items:center;
  font-size:26px; font-weight:800; color:var(--gold-light);
  background:radial-gradient(circle at 30% 25%, #1E3A66, var(--navy) 70%); box-shadow:0 0 0 4px #F3ECDD;
}
.pp-id{flex:1; min-width:0;}
.pp-role{font-size:12px; font-weight:700; letter-spacing:.06em; color:var(--gold);}
.pp-id h3{font-size:24px; font-weight:800; letter-spacing:-.04em; color:var(--navy); margin-top:4px; line-height:1.3;}
.pp-id h3 small{font-size:15px; font-weight:600; color:#6A7080; margin-left:4px;}
.pp-org{font-size:14px; color:var(--text2); margin-top:4px;}
.pp-logo{flex-shrink:0; width:52px; height:52px; object-fit:contain; border-radius:50%; background:#fff; padding:5px; border:1px solid var(--line2);}
.pp-block{margin-top:20px;}
.pp-block h4{font-size:12.5px; font-weight:800; letter-spacing:.08em; color:#8A8F99; margin-bottom:10px;}
.pp-fields{display:flex; flex-wrap:wrap; gap:8px;}
.pp-fields li{
  position:relative; font-size:14px; font-weight:600; color:var(--navy); line-height:1.5;
  background:var(--paper); border:1px solid #EADFC6; border-radius:8px; padding:8px 12px 8px 30px; word-break:keep-all;
}
.pp-fields li::before{content:""; position:absolute; left:12px; top:15px; width:8px; height:4.5px; border-left:2px solid var(--gold); border-bottom:2px solid var(--gold); transform:rotate(-45deg);}
.pt-people.two .pp-fields{flex-direction:column;}
.pp-career li{position:relative; padding-left:14px; font-size:14.5px; color:#465061; line-height:1.8;}
.pp-career li::before{content:""; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:var(--gold);}
.pt-empty{display:flex; align-items:center; gap:22px; background:linear-gradient(135deg,#fff, #FBF8F1);}
.pt-empty .pp-logo{width:72px; height:72px; padding:8px;}
.pt-empty h3{font-size:19px; font-weight:800; color:var(--navy); letter-spacing:-.03em;}
.pt-empty p{font-size:14.5px; color:var(--text2); line-height:1.8; margin-top:6px; word-break:keep-all;}
.pt-empty p a{color:var(--navy); font-weight:700; border-bottom:1px solid var(--gold);}

.pt-others{padding:96px 0 40px;}
.pt-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;}
.pt-card{
  display:grid; grid-template-columns:118px minmax(0,1fr); align-items:center; gap:18px;
  background:#fff; border:1px solid var(--line2); border-radius:14px; overflow:hidden; padding-right:18px;
  transition:transform .3s cubic-bezier(.22,.9,.32,1), box-shadow .3s, border-color .3s;
}
.pt-card img{width:118px; height:96px; object-fit:cover;}
.pt-card-body{display:flex; flex-direction:column; min-width:0;}
.pt-card-body em{font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.16em; color:var(--gold);}
.pt-card-body strong{font-size:17px; font-weight:800; color:var(--navy); letter-spacing:-.03em; margin-top:2px;}
.pt-card-body small{font-size:12.5px; color:#7A808C; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pt-card:hover{transform:translateY(-4px); border-color:#D9C79A; box-shadow:0 20px 40px -28px rgba(13,35,67,.45);}

@media(max-width:1024px){ .pt-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:900px){ .pt-people.two{grid-template-columns:minmax(0,1fr);} }
@media(max-width:560px){
  .pt-person{padding:24px 20px 22px;}
  .pp-head{gap:14px;}
  .pp-mono{width:54px; height:54px; font-size:22px;}
  .pp-id h3{font-size:21px;}
  .pp-logo{width:44px; height:44px;}
  .pt-empty{flex-direction:column; align-items:flex-start;}
  .pt-grid{grid-template-columns:minmax(0,1fr);}
  .pt-others{padding:72px 0 30px;}
}

/* ============================================================
   공지사항 · 세무정보 (tax-info.html)
   ============================================================ */
.ti-page .ind-hero{min-height:560px; padding-bottom:150px;}
.is-card.ti-tabs-card{grid-template-columns:230px minmax(0,1fr); padding:30px 38px;}
.ti-tabs-card h2{grid-row:auto;}
.ti-tabs{display:flex; flex-wrap:wrap; gap:10px;}
.ti-tabs button{
  display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 22px; border-radius:999px;
  border:1.5px solid var(--line2); background:#fff; font-size:15px; font-weight:700; color:#4A5160;
  transition:background .25s, color .25s, border-color .25s;
}
.ti-tabs button span{font-size:12px; font-weight:700; color:#8F95A1; background:#F1F3F6; border-radius:999px; padding:2px 8px; transition:background .25s, color .25s;}
.ti-tabs button:hover{border-color:var(--navy); color:var(--navy);}
.ti-tabs button.on{background:var(--navy); border-color:var(--navy); color:#fff;}
.ti-tabs button.on span{background:var(--gold); color:var(--navy-deep);}

.ti-list{padding:90px 0 110px;}
.ti-list [hidden]{display:none !important;}
.ti-feature{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:0; overflow:hidden;
  background:#fff; border:1px solid var(--line2); border-radius:20px; box-shadow:0 30px 60px -40px rgba(13,35,67,.45);
}
.ti-feature-img{position:relative; display:block; overflow:hidden; min-height:340px;}
.ti-feature-img img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.4s cubic-bezier(.22,.9,.32,1);}
.ti-feature:hover .ti-feature-img img{transform:scale(1.04);}
.ti-feature-body{padding:42px 44px 38px; display:flex; flex-direction:column;}
.ti-meta{display:flex; align-items:center; gap:10px;}
.ti-tag{display:inline-block; font-size:12.5px; font-weight:800; letter-spacing:.02em; color:#8C6F2E; background:var(--paper); border:1px solid #EADFC6; border-radius:999px; padding:4px 12px;}
.ti-tag.notice{color:#2E5248; background:#EAF2EF; border-color:#CFE0D9;}
.ti-tag.tv{color:#B42318; background:#FEF0EE; border-color:#F9D2CD;}
.ti-badge{font-size:11px; font-weight:800; letter-spacing:.18em; color:var(--gold);}
.ti-feature h2{font-size:27px; font-weight:800; letter-spacing:-.04em; line-height:1.4; color:var(--navy); margin-top:16px; word-break:keep-all;}
.ti-feature h2 a{transition:color .2s;}
.ti-feature h2 a:hover{color:#8C6F2E;}
.ti-feature p{font-size:15px; color:var(--text2); line-height:1.9; margin-top:16px; word-break:keep-all;}
.ti-foot{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 16px; margin-top:auto; padding-top:22px;}
.ti-date{font-size:13px; color:#9AA0AB; letter-spacing:.04em;}
.ti-source{font-size:14px; font-weight:700; color:var(--navy); border-bottom:1.5px solid var(--gold); padding-bottom:2px; transition:color .2s;}
.ti-source:hover{color:#8C6F2E;}

.ti-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:28px;}
.ti-card{display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid var(--line2); border-radius:16px; transition:transform .35s cubic-bezier(.22,.9,.32,1), box-shadow .35s;}
.ti-card:hover{transform:translateY(-6px); box-shadow:0 28px 50px -32px rgba(13,35,67,.45);}
.ti-card-img{position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:#E6E9EF;}
.ti-card-img img{width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.22,.9,.32,1);}
.ti-card:hover .ti-card-img img{transform:scale(1.05);}
.ti-play i{position:absolute; left:50%; top:50%; width:62px; height:62px; margin:-31px 0 0 -31px; border-radius:50%; background:rgba(255,255,255,.92); box-shadow:0 12px 30px rgba(0,0,0,.35); transition:transform .3s;}
.ti-play i::after{content:""; position:absolute; left:25px; top:19px; border-left:17px solid #E02D2D; border-top:12px solid transparent; border-bottom:12px solid transparent;}
.ti-card:hover .ti-play i{transform:scale(1.08);}
.ti-card-body{display:flex; flex-direction:column; flex:1; padding:24px 24px 22px;}
.ti-card-body h3{font-size:18.5px; font-weight:800; letter-spacing:-.035em; line-height:1.45; color:var(--navy); margin-top:12px; word-break:keep-all;}
.ti-card-body h3 a:hover{color:#8C6F2E;}
.ti-card-body p{font-size:14.5px; color:var(--text2); line-height:1.8; margin-top:10px; word-break:keep-all;}

@media(max-width:1024px){ .ti-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:900px){
  .is-card.ti-tabs-card{grid-template-columns:minmax(0,1fr); padding:26px 24px;}
  .ti-feature{grid-template-columns:minmax(0,1fr);}
  .ti-feature-img{min-height:0; aspect-ratio:16/10;}
  .ti-feature-body{padding:30px 26px 28px;}
}
@media(max-width:560px){
  .ti-tabs{gap:8px;}
  .ti-tabs button{height:42px; padding:0 16px; font-size:14px;}
  .ti-list{padding:64px 0 84px;}
  .ti-feature h2{font-size:22px;}
  .ti-grid{grid-template-columns:minmax(0,1fr); gap:16px;}
}

/* ============================================================
   세무 칼럼 (column/*.html)
   ============================================================ */
.col-page .ind-hero{min-height:560px; padding-bottom:110px;}
.ind-hero h1.col-title{font-size:46px; line-height:1.28; max-width:760px; letter-spacing:-.045em;}
.col-meta{display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:24px; font-size:13.5px; color:rgba(255,255,255,.66);}
.col-meta span + span::before{content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:var(--gold); vertical-align:middle; margin-right:18px;}
.col-body{padding:80px 0 100px;}
.col-layout{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:64px; align-items:start;}
.col-main{max-width:720px;}
.col-lead{font-size:18.5px; line-height:1.9; color:#2C3340; font-weight:500; padding-bottom:28px; border-bottom:1px solid var(--line2); word-break:keep-all;}
.col-main h2{font-size:24px; font-weight:800; letter-spacing:-.04em; color:var(--navy); margin:44px 0 14px; padding-left:16px; border-left:3px solid var(--gold); line-height:1.4; word-break:keep-all;}
.col-main p{font-size:16px; line-height:1.95; color:#3E4757; margin-top:12px; word-break:keep-all;}
.col-check{margin-top:48px; background:var(--paper); border:1px solid #EADFC6; border-radius:16px; padding:28px 30px;}
.col-check h3{font-size:18px; font-weight:800; color:var(--navy); margin-bottom:14px;}
.col-check li{position:relative; padding:9px 0 9px 32px; font-size:15px; color:#2C3340; border-bottom:1px dashed #E3D6B8; word-break:keep-all;}
.col-check li:last-child{border-bottom:none;}
.col-check li::before{content:""; position:absolute; left:2px; top:12px; width:18px; height:18px; border-radius:5px; border:1.5px solid var(--gold); background:#fff;}
.col-check li::after{content:""; position:absolute; left:7px; top:17px; width:8px; height:4px; border-left:2px solid var(--gold); border-bottom:2px solid var(--gold); transform:rotate(-45deg);}
.col-note{margin-top:26px !important; font-size:13.5px !important; color:#8A8F99 !important; line-height:1.8 !important; padding:16px 18px; background:#F6F7F9; border-radius:10px;}
.col-actions{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:34px;}
.col-back{font-size:14.5px; font-weight:700; color:var(--navy);}
.col-actions .btn-gold{border-radius:999px; padding:14px 26px;}
.col-side{position:sticky; top:110px; display:flex; flex-direction:column; gap:18px;}
.col-side-title{font-size:12px; font-weight:800; letter-spacing:.14em; color:var(--gold);}
.col-side .isd-cta{margin-top:0;}
.col-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;}
.col-card{display:flex; flex-direction:column; overflow:hidden; background:#fff; border:1px solid var(--line2); border-radius:14px; transition:transform .35s cubic-bezier(.22,.9,.32,1), box-shadow .35s;}
.col-card:hover{transform:translateY(-6px); box-shadow:0 26px 48px -30px rgba(13,35,67,.45);}
.col-card-img{aspect-ratio:16/9; overflow:hidden;}
.col-card-img img{width:100%; height:100%; object-fit:cover; transition:transform 1.2s cubic-bezier(.22,.9,.32,1);}
.col-card:hover .col-card-img img{transform:scale(1.05);}
.col-card-body{display:flex; flex-direction:column; gap:8px; padding:20px 22px 22px;}
.col-card-body strong{font-size:17px; font-weight:800; color:var(--navy); line-height:1.45; letter-spacing:-.03em; word-break:keep-all;}
.col-card-body small{font-size:13.5px; color:var(--text2); line-height:1.65; word-break:keep-all;}
.col-card-body .ti-tag{align-self:flex-start;}
@media(max-width:1024px){ .col-layout{grid-template-columns:minmax(0,1fr); gap:40px;} .col-side{position:static;} .col-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media(max-width:560px){
  .ind-hero h1.col-title{font-size:30px;}
  .col-body{padding:56px 0 70px;}
  .col-lead{font-size:16.5px;}
  .col-main h2{font-size:20px; margin-top:36px;}
  .col-main p{font-size:15px;}
  .col-check{padding:22px 20px;}
  .col-grid{grid-template-columns:minmax(0,1fr);}
}
.ih-sub{word-break:keep-all;}

/* ---------- 의료업 · 전문과목/종별 검토 카드 ---------- */
.ii-dept{margin-top:22px; padding:20px 20px 18px; border:1px solid #E8DFC9; border-radius:14px; background:linear-gradient(180deg, #FBF8F1 0%, #FFFFFF 70%);}
.idp-head{display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid #EFE7D4;}
.idp-head b{display:flex; align-items:center; gap:9px; font-size:15.5px; font-weight:800; letter-spacing:-.025em; color:var(--navy);}
.idp-head b::before{content:""; width:4px; height:15px; border-radius:2px; background:var(--gold);}
.idp-head span{font-size:12.5px; font-weight:600; color:#8C6F2E;}
.idp-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px;}
.idp-grid > .idp-card:last-child:nth-child(odd){grid-column:1 / -1;}
.idp-grid.types{grid-template-columns:repeat(3, minmax(0, 1fr));}
.idp-grid.types > .idp-card:last-child:nth-child(odd){grid-column:auto;}
.idp-card{display:flex; flex-direction:column; gap:11px; padding:15px 16px 14px; background:#fff; border:1px solid var(--line2); border-radius:12px; transition:border-color .25s, box-shadow .3s, transform .3s;}
.idp-card:hover{border-color:#D8C596; box-shadow:0 16px 30px -24px rgba(13,35,67,.45); transform:translateY(-1px);}
.idp-t{display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:700; letter-spacing:-.025em; color:#1E2636;}
.idp-t em{flex-shrink:0; display:grid; place-items:center; width:24px; height:24px; border-radius:7px; background:var(--navy); color:var(--gold-light); font-style:normal; font-family:'Noto Serif KR',serif; font-size:12.5px; font-weight:700;}
.idp-chips{display:flex; flex-wrap:wrap; gap:6px;}
.idp-chips li{font-size:12.5px; font-weight:600; line-height:1.4; color:#343C4D; background:#F3F5F9; border:1px solid #E3E7EE; border-radius:999px; padding:4px 10px;}
.ii-dept.compact .idp-head{margin-bottom:12px;}
.ii-dept.compact .idp-chips li{background:#fff; border-color:#E6DCC4;}
.idp-note{margin-top:auto; padding-top:10px; border-top:1px dashed var(--line2); font-size:13px; line-height:1.72; color:#5B6170; word-break:keep-all;}
@media(max-width:1024px){
  .idp-grid.types{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .ii-dept{margin-top:18px; padding:16px 14px 14px; border-radius:12px;}
  .idp-grid{grid-template-columns:1fr; gap:10px;}
  .idp-card{padding:14px 14px 13px;}
  .idp-chips li{font-size:12px; padding:3px 9px;}
  .idp-note{font-size:12.5px;}
}