@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0;line-height:1.7em}
.ctt_admin {margin:0 0 8px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:12px 0 28px;word-break:keep-all}
#ctt_con img {max-width:100%;height:auto}
.ctt_img {text-align:center}

/* 에디터 HTML 인라인 스타일이 테마 리셋(ol/ul list-style:none)에 안 깨지게 */
#ctt_con ol { list-style-type: decimal; padding-left: 2.2em; margin: 4px 0 16px; }
#ctt_con ul { list-style-type: disc; padding-left: 2.2em; margin: 4px 0 16px; }
#ctt_con li { margin: 3px 0; }

/* ========== 연혁 타임라인 (모바일 기본 / PC 좌우) ========== */
#ctt_con .hist {
  max-width: 720px;
  margin: 0 auto;
  padding: 8px 4px 40px;
  color: #222;
  font-family: "Nanum Gothic", "Malgun Gothic", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: -0.02em;
  word-break: keep-all;
  box-sizing: border-box;
}
#ctt_con .hist-item {
  margin: 0 0 28px;
  padding: 0 0 0 22px;
  border-left: 3px solid #c5d8eb;
  box-sizing: border-box;
}
#ctt_con .hist-item:first-child { border-left-color: #1e6bb8; }
#ctt_con .hist-item:last-child { margin-bottom: 0; }
#ctt_con .hist-year {
  margin: 0 0 10px;
  color: #1e6bb8;
  font-size: 1.25em;
  font-weight: 700;
  letter-spacing: -0.03em;
}
#ctt_con .hist-body p {
  margin: 0 0 6px;
}
#ctt_con .hist-body p:last-child { margin-bottom: 0; }

@media all and (min-width: 801px) {
  #ctt_con .hist {
    max-width: 920px;
    padding: 16px 0 50px;
    position: relative;
  }
  #ctt_con .hist::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background: #c5d8eb;
  }
  #ctt_con .hist-item {
    position: relative;
    width: 50%;
    margin: 0 0 36px;
    padding: 0 36px 0 0;
    border-left: 0;
    clear: both;
  }
  #ctt_con .hist-item:first-child { border-left-color: transparent; }
  #ctt_con .hist-item:nth-child(odd) {
    float: left;
    text-align: right;
    padding: 0 36px 0 0;
  }
  #ctt_con .hist-item:nth-child(even) {
    float: right;
    text-align: left;
    padding: 0 0 0 36px;
  }
  #ctt_con .hist-item::after {
    content: "";
    position: absolute;
    top: 8px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #1e6bb8;
    box-shadow: 0 0 0 3px #fff;
  }
  #ctt_con .hist-item:nth-child(odd)::after {
    right: -5.5px;
  }
  #ctt_con .hist-item:nth-child(even)::after {
    left: -5.5px;
  }
  #ctt_con .hist-year {
    font-size: 1.35em;
  }
  #ctt_con .hist::after {
    content: "";
    display: table;
    clear: both;
  }
}

/* ========== 조직도 ========== */
#ctt_con .org {
  max-width: 1100px;
  margin: 0 auto;
  padding: 4px 0 40px;
  color: #222;
  font-family: "Nanum Gothic", "Malgun Gothic", sans-serif;
  font-size: 14px;
  line-height: 1.55;
  letter-spacing: -0.02em;
  word-break: keep-all;
  box-sizing: border-box;
}
#ctt_con .org-sec-title {
  margin: 0 0 18px;
  padding: 0 0 10px;
  border-bottom: 2px solid #1e6bb8;
  color: #1e6bb8;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: -0.03em;
}
#ctt_con .org-sec-gap { margin-top: 42px; }

#ctt_con .org-tree { position: relative; }

#ctt_con .org-box {
  display: inline-block;
  min-width: 200px;
  max-width: 100%;
  padding: 12px 16px;
  border: 1px solid #cfd8e3;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}
#ctt_con .org-box-main {
  border-color: #1e6bb8;
  background: #1e6bb8;
  color: #fff;
  min-width: 240px;
}
#ctt_con .org-box-main .org-meta { color: rgba(255,255,255,0.88); }
#ctt_con .org-role {
  margin: 0 0 4px;
  font-size: 12px;
  color: #1e6bb8;
}
#ctt_con .org-box-main .org-role { color: #fff; }
#ctt_con .org-name {
  margin: 0 0 4px;
  font-size: 1.1em;
  font-weight: 700;
}
#ctt_con .org-meta {
  margin: 0;
  font-size: 12px;
  color: #666;
  line-height: 1.45;
}

#ctt_con .org-panel {
  margin: 0;
  border: 1px solid #cfd8e3;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
#ctt_con .org-panel-tit {
  margin: 0;
  padding: 10px 12px;
  background: #1e6bb8;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
#ctt_con .org-panel-vp .org-vp-row { display: block; padding: 12px; }
#ctt_con .org-panel-vp .org-box {
  display: block;
  width: 100%;
  margin: 0 0 10px;
  box-sizing: border-box;
}
#ctt_con .org-panel-vp .org-box:last-child { margin-bottom: 0; }

#ctt_con .org-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
#ctt_con .org-table th,
#ctt_con .org-table td {
  padding: 8px 6px;
  border-top: 1px solid #e8eef4;
  border-right: 1px solid #e8eef4;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  word-break: keep-all;
}
#ctt_con .org-table th:last-child,
#ctt_con .org-table td:last-child { border-right: 0; }
#ctt_con .org-table thead th {
  background: #edf4fa;
  color: #333;
  font-weight: 700;
  border-top: 0;
}
#ctt_con .org-table td:nth-child(3) {
  text-align: left;
  padding-left: 8px;
  font-size: 11px;
}
#ctt_con .org-table-branch td:nth-child(3) {
  text-align: center;
  padding-left: 6px;
  font-size: 12px;
}
#ctt_con .org-panel,
#ctt_con .org-branch,
#ctt_con .org-members {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 지회 현황 · 임원 명단: 동일 너비 + 타이틀 밑줄도 표 너비에 맞춤 */
#ctt_con .org-branch,
#ctt_con .org-members,
#ctt_con .org-sec-title.org-sec-gap {
  width: 720px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
#ctt_con .org-table-branch,
#ctt_con .org-table-members {
  width: 100%;
}
#ctt_con .org-table-sum td {
  background: #edf4fa;
  font-weight: 700;
  border-top: 2px solid #1e6bb8;
}

/* --- 모바일: 세로 스택 + 왼쪽 연결감 --- */
#ctt_con .org-top {
  text-align: center;
  margin: 0 0 14px;
  padding-bottom: 14px;
  border-bottom: 2px solid #555;
}
#ctt_con .org-row { display: block; }
#ctt_con .org-spine { display: none; }
#ctt_con .org-col { margin: 0 0 14px; }
#ctt_con .org-mid {
  margin: 0 0 14px;
  padding-top: 14px;
  border-top: 2px solid #555;
}

/* --- PC: 중앙 세로축 + 좌우 가지 --- */
@media all and (min-width: 801px) {
  #ctt_con .org-tree {
    padding-top: 4px;
  }

  /* 회장 */
  #ctt_con .org-top {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0 0 28px;
    border-bottom: 0;
  }
  #ctt_con .org-top::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 2px;
    height: 28px;
    margin-left: -1px;
    background: #444;
  }

  /* 좌 | 척추 | 우 */
  #ctt_con .org-row-branch {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    position: relative;
  }
  /* 좌우 가로선: 표 위가 아니라 중앙축↔표 사이 간격만 */
  #ctt_con .org-row-branch::before {
    display: none;
  }
  #ctt_con .org-col {
    display: table-cell;
    width: 46%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 4;
  }
  #ctt_con .org-col-left { padding-right: 18px; }
  #ctt_con .org-col-right { padding-left: 18px; }
  #ctt_con .org-col .org-panel {
    position: relative;
    z-index: 4;
    background: #fff;
  }
  #ctt_con .org-col .org-table th,
  #ctt_con .org-col .org-table td {
    background: #fff;
  }
  #ctt_con .org-col .org-table thead th {
    background: #edf4fa;
  }

  #ctt_con .org-spine {
    display: table-cell;
    width: 8%;
    position: relative;
    vertical-align: top;
    min-width: 40px;
    z-index: 1;
  }
  #ctt_con .org-spine-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    margin-left: -1px;
    background: #444;
    z-index: 1;
  }
  #ctt_con .org-spine-arm {
    display: block;
    position: absolute;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: #444;
    z-index: 2;
  }
  /* 척추 셀 기준: 중앙 → 좌/우 패딩(표 가장자리)까지만 */
  #ctt_con .org-spine-arm-l {
    right: 50%;
    width: calc(50% + 18px);
  }
  #ctt_con .org-spine-arm-r {
    left: 50%;
    width: calc(50% + 18px);
  }

  /* 부회장 — 위에서 내려오는 선 + 아래로 이어지는 선 */
  #ctt_con .org-mid {
    position: relative;
    margin: 0 auto;
    padding: 28px 0;
    border-top: 0;
    text-align: center;
    max-width: 520px;
  }
  #ctt_con .org-mid::before,
  #ctt_con .org-mid::after {
    content: "";
    position: absolute;
    left: 50%;
    width: 2px;
    height: 28px;
    margin-left: -1px;
    background: #444;
  }
  #ctt_con .org-mid::before { top: 0; }
  #ctt_con .org-mid::after { bottom: 0; }
  #ctt_con .org-mid .org-panel-vp {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    position: relative;
    z-index: 5;
    background: #fff;
  }
  #ctt_con .org-panel-vp .org-vp-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-spacing: 10px 0;
  }
  #ctt_con .org-panel-vp .org-box {
    display: table-cell;
    width: 50%;
    margin: 0;
    vertical-align: top;
  }

  /* 맨 아래 분기: 세로선은 가로선(중앙)까지만 */
  #ctt_con .org-row-bottom .org-spine-line {
    bottom: auto;
    height: 50%;
  }
  #ctt_con .org-row-bottom .org-col {
    padding-top: 0;
    vertical-align: middle;
  }

  #ctt_con .org-table th,
  #ctt_con .org-table td {
    padding: 9px 8px;
    font-size: 13px;
  }
  #ctt_con .org-table td:nth-child(3) { font-size: 12px; }
  #ctt_con .org-branch,
  #ctt_con .org-members,
  #ctt_con .org-sec-title.org-sec-gap {
    width: 720px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
  #ctt_con .org-sec-title.org-sec-gap {
    margin-top: 42px;
  }
  #ctt_con .org-table-members td:nth-child(3) {
    text-align: left;
    padding-left: 12px;
    font-size: 13px;
  }
}