/* 조직도 */
.org{position:relative;max-width:980px;margin:0 auto;text-align:center}
.org .lv{position:relative;display:flex;justify-content:center;gap:16px;padding-top:34px}
.org .lv:before{content:"";position:absolute;left:50%;top:0;height:34px;border-left:2px solid #c6cbe3}
.org .lv.top{padding-top:0}
.org .lv.top:before{display:none}
.org .lv:not(.top):not(.board):after{content:"";position:absolute;top:34px;left:calc(50% - var(--half,0px));right:calc(50% - var(--half,0px));border-top:2px solid #c6cbe3}
.ob{position:relative;background:#fff;border:1px solid #d9dcec;border-radius:10px;padding:14px 22px;min-width:150px;box-shadow:0 6px 16px rgba(20,26,74,.06)}
.ob small{display:block;font-size:12.5px;font-weight:700;color:#6b6f90;letter-spacing:.04em}
.ob b{display:block;font-size:19px;font-weight:800;margin-top:2px;letter-spacing:.06em}
.ob.pres{background:var(--navy);border-color:var(--navy);color:#fff;padding:18px 40px;min-width:210px}
.ob.pres small{color:var(--yel)}
.ob.pres b{font-size:24px}
.ob.v1{border-top:3px solid var(--blue)}
.ob.v2{border-top:3px solid #7f9be0}
.ob.sec1{border-top:3px solid var(--gold)}
.org .audit{position:absolute;left:calc(50% + 150px);top:50%;transform:translateY(-50%);display:flex;align-items:center}
.org .audit:before{content:"";width:40px;border-top:2px dashed #c6cbe3;margin-left:-40px}
.ob.aud{background:#f6f4ec;border-color:#e6dfc6}
.ob.aud small{color:var(--gold)}
.ob.aud b{font-size:16.5px}
.org .board{gap:20px;align-items:stretch}
.org .board:after{content:"";position:absolute;top:34px;left:25%;right:25%;border-top:2px solid #c6cbe3}
.grp{position:relative;flex:1;background:#fff;border:1px solid #d9dcec;border-radius:12px;padding:20px 18px;margin-top:18px}
.grp:before{content:"";position:absolute;left:50%;top:-19px;height:18px;border-left:2px solid #c6cbe3}
.grp h4{font-size:16px;font-weight:800;color:var(--navy);padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:14px}
.grp h4 em{font-style:normal;font-size:13px;color:var(--mute);font-weight:600;margin-left:4px}
.grp .nm{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.grp .nm span{background:#f1f3fa;border-radius:20px;padding:6px 14px;font-size:14.5px;font-weight:600}
.past{max-width:980px;margin:70px auto 0}
.past .pl{display:grid;grid-template-columns:repeat(6,1fr);border-top:2px solid var(--navy)}
.past .pl div{padding:18px 6px;text-align:center;border-bottom:1px solid var(--line)}
.past .pl div+div{border-left:1px solid var(--line)}
.past small{display:block;font-size:12.5px;color:var(--mute);font-weight:700}
.past b{display:block;font-size:17px;margin-top:4px;letter-spacing:.06em}
.past .now{background:#f1f3fa}
.past .now b{color:var(--blue)}

/* 교가 */
.song{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.score{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px}
.score .cap{text-align:right;font-size:13px;color:var(--mute);margin-top:8px}
.play{display:flex;align-items:center;gap:16px;background:var(--navy);color:#fff;border-radius:14px;padding:18px 20px}
.play button{width:58px;height:58px;border-radius:50%;border:0;background:var(--yel);cursor:pointer;flex:none;position:relative}
.play .pi{position:absolute;left:23px;top:18px;width:0;height:0;border-left:16px solid var(--navy2);border-top:11px solid transparent;border-bottom:11px solid transparent}
.play button.on .pi{left:20px;top:19px;width:18px;height:20px;border:0;border-left:6px solid var(--navy2);border-right:6px solid var(--navy2)}
.play b{display:block;font-size:18px}
.play small{font-size:13.5px;opacity:.7;font-variant-numeric:tabular-nums}
.lyr .v{margin-top:28px;display:grid;grid-template-columns:56px 1fr;gap:14px}
.lyr .n{font-size:13px;font-weight:800;color:var(--gold);padding-top:5px}
.lyr p{font-family:'Noto Serif KR',serif;font-size:19px;line-height:2;color:#262a52}
.lyr .ch p{color:var(--navy);font-weight:700}
.lyr .dl{display:flex;gap:10px;margin-top:34px}
.lyr .dl a{flex:1;text-align:center;border:1px solid var(--navy);border-radius:8px;padding:12px;font-weight:700;font-size:14.5px}

@media (max-width:960px){
  .org .lv{gap:8px;flex-wrap:wrap}
  .ob{min-width:0;padding:12px 12px;flex:1}
  .ob b{font-size:16.5px}
  .ob.pres{flex:none;padding:16px 30px}
  .org .audit{position:static;transform:none;justify-content:center;margin-top:12px;width:100%}
  .org .audit:before{display:none}
  .org .lv.top{flex-direction:column;align-items:center}
  .org .lv:not(.top):not(.board):after{display:none}
  .org .board{flex-direction:column;gap:0}
  .org .board:after{display:none}
  .grp:before{display:none}
  .grp{margin-top:14px}
  .past .pl{grid-template-columns:repeat(3,1fr)}
  .past .pl div:nth-child(4){border-left:0}
  .song{grid-template-columns:1fr;gap:30px}
  .lyr p{font-size:17px}
}
/* 선 반듯하게 */
.org .lv[style]{padding-top:36px}
.org .lv[style]:before{height:18px}
.org .lv[style]:after{content:"";position:absolute;top:18px;left:calc(50% - (var(--n) - 1) * 98px);right:calc(50% - (var(--n) - 1) * 98px);border-top:2px solid #c6cbe3}
.org .lv[style]>.ob{width:180px;min-width:0;flex:none}
.org .lv[style]>.ob:before{content:"";position:absolute;left:50%;top:-19px;height:18px;border-left:2px solid #c6cbe3}
.ob.st{border-top:3px solid var(--gold);background:#fbf8ef}
.ob.st small{color:var(--gold)}
@media (max-width:960px){
  .org .lv[style]:after,.org .lv[style]>.ob:before{display:none}
  .org .lv[style]{padding-top:28px}
  .org .lv[style]:before{height:28px}
  .org .lv[style]>.ob{width:calc(50% - 4px)}
}