@charset "utf-8";
/* 학회소개 — 임원 소개(06) · 평의원 및 감사 소개(09) · 회원 검색(07), 2026-10
   theme/shared/people.inc.php · member_search.inc.php 가 board_kit 묶음(conference_page · online_lecture · board_kit) 뒤에 싣는다.
   분과 바로가기·구획 머리(.ev-spk-jump/.ev-spk-sec)와 약력 창(.ev-cv)은 학술대회 연자 소개 것을 그대로 쓴다. */

/* ── 임원 · 평의원 ───────────────────────── */
.pp .pp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:2.4rem 0 0;padding:0;list-style:none}
.pp-grid li{list-style:none;min-width:0}
.pp-card{display:flex;align-items:center;gap:1.6rem;width:100%;height:100%;padding:1.2rem;border:1px solid #E5E5EC;border-radius:4px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s}
.pp-card:hover,.pp-card:focus-visible{border-color:#495FA1}
.pp-card img{flex:0 0 7.2rem;width:7.2rem;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:4px;background:#F8F8FA}
.pp-card .tx{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.pp-card b{font-size:1.7rem;font-weight:600;color:#111;line-height:1.4}
.pp-card em{font-style:normal;font-size:1.4rem;color:#767676;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
.pp-card .more{margin-top:.4rem;font-size:1.3rem;color:#495FA1}
.pp-cv-head{display:flex;align-items:center;gap:2rem}
.pp-cv-head img{flex:0 0 9.6rem;width:9.6rem;aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:4px;background:#F8F8FA}
.ev-cv .pp-cv-head p{font-size:1.5rem;color:#767676;margin-top:.4rem;word-break:keep-all}
.pp-nocv{margin-top:2rem;font-size:1.5rem;color:#767676}

/* ── 회원 검색 ───────────────────────────── */
.ms-lead{margin:-.8rem 0 4rem;font-size:1.6rem;color:#505050;word-break:keep-all}
.ms-wrap{display:grid;grid-template-columns:32rem minmax(0,1fr);gap:4rem;align-items:start}
.ms-side{position:sticky;top:12rem}
.ms-h{margin-bottom:1.2rem;font-size:1.7rem;font-weight:600;color:#111}
.ms-allr{display:flex;align-items:center;justify-content:space-between;height:4.4rem;margin-bottom:.8rem;padding:0 1.4rem;border:1px solid #E5E5EC;border-radius:4px;font-size:1.5rem;font-weight:600;color:#111;transition:border-color .2s}
.ms-allr span{font-size:1.4rem;font-weight:400;color:#767676}
.ms-allr:hover{border-color:#495FA1}
.ms-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.ms-r{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;aspect-ratio:1/.82;border:1px solid #E5E5EC;border-radius:4px;background:#fff;color:#111;transition:border-color .2s,color .2s}
.ms-r b{font-size:1.5rem;font-weight:600}
.ms-r span{font-size:1.25rem;color:#767676}
.ms-r.lv1{background:#F8F8FA}            /* 회원 수에 따라 옅게 → 짙게 */
.ms-r.lv2{background:#EEF0F7}
.ms-r.lv3{background:#E1E5F2}
a.ms-r:hover{border-color:#495FA1;color:#495FA1}
.ms-r.lv0{color:#B5B8C2}
.ms-r.lv0 span{color:#C5C8D0}
.ms-r.on,.ms-allr.on{background:#495FA1;border-color:#495FA1;color:#fff}
.ms-r.on span,.ms-allr.on span{color:#fff}
.ms-form{justify-content:flex-start;margin-bottom:2rem}
.ms-form input{flex:1 1 24rem;width:auto;min-width:0}
.ms-count{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 1.2rem}
.ms-list{margin:0;padding:0;border-top:2px solid #1A264B;list-style:none}
.ms-row{display:grid;grid-template-columns:16rem minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:1.6rem;padding:1.6rem 1.2rem;border-bottom:1px solid #E5E5EC;font-size:1.5rem;color:#505050}
.ms-row>span{min-width:0;font-size:1.5rem}
.ms-row.ms-head{padding:1.4rem 1.2rem;background:#F8F8FA;font-weight:600;color:#111}
.ms-row .nm{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}
.ms-row .nm b{font-size:1.6rem;font-weight:600;color:#111}
.ms-row .nm small{font-size:1.3rem;color:#767676}
.ms-row .nm .ol-tag{margin-top:.2rem;font-size:1.15rem}
.ms-row .hp{color:#111;word-break:keep-all;overflow-wrap:anywhere}
.ms-row .ad{font-size:1.4rem;color:#767676;word-break:keep-all;overflow-wrap:anywhere}

@media (max-width:1024px){
  .pp .pp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  /* 좁은 화면: 검색 칸 → 지도 → 결과 순서로 (.ms-main 을 풀어 한 줄로 세운다) */
  .ms-wrap{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .ms-main{display:contents}
  .ms-form{order:1;margin-bottom:2.4rem}
  .ms-side{order:2;position:static;width:100%;max-width:56rem;margin-bottom:3.2rem}
  .ms-count{order:3}
  .ms-list{order:4;width:100%}
  .ms-wrap .pg_wrap{order:5}
  .ms-r{aspect-ratio:auto;padding:1.2rem 0}
}
@media (max-width:768px){
  .pp .pp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
  .pp-card{gap:1.2rem;padding:1rem}
  .pp-card img{flex-basis:5.6rem;width:5.6rem}
  .pp-card b{font-size:1.55rem}
  .pp-card em{font-size:1.3rem}
  .pp-cv-head img{flex-basis:7.2rem;width:7.2rem}
  .ms-lead{margin-bottom:2.8rem;font-size:1.45rem}
  .ms-r{padding:1rem 0}
  .ms-r b{font-size:1.4rem}
  .ms-row.ms-head{display:none}
  .ms-row{grid-template-columns:1fr;gap:.4rem;padding:1.6rem .4rem}
  .ms-row>span{font-size:1.4rem}
}
@media (max-width:480px){
  .pp .pp-grid{grid-template-columns:1fr}
}