/* =========================================================
   원장님 칼럼 목록 리디자인 (A안 · 리스트형) — 2026-10-15
   - list.skin.php 에서 add_stylesheet 로 불러옴
   - 되돌리기: backup/column_list.skin_리디자인전_20261015.php 로 교체
   ========================================================= */
.ybc-wrap{
  --ybc-pink:#D52264; --ybc-pink-d:#B81A55; --ybc-pink-bg:#FBF5F8;
  --ybc-blue:#0F65A1; --ybc-blue-d:#0B4C7A;
  --ybc-ink:#111111; --ybc-text:#1A1A1A; --ybc-sub:#4B5563; --ybc-mute:#6B7280; --ybc-faint:#8A93A0;
  --ybc-line:#ECEEF1; --ybc-line2:#D9DEE5;
  color:var(--ybc-text);
}

/* ---------- 상단 소개 ---------- */
.ybc-hero{background:#F6F8FB;border-bottom:1px solid #E8EDF3;margin-bottom:48px}
.ybc-inner{max-width:1200px;width:calc(100% - 50px);margin:0 auto;padding:64px 0 0}
.ybc-crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:28px;font-size:13px;color:var(--ybc-mute)}
.ybc-crumb a{color:var(--ybc-mute)}.ybc-crumb a:hover{color:var(--ybc-ink)}
.ybc-crumb [aria-current]{color:var(--ybc-text);font-weight:500}
.ybc-hero .ybc-eyebrow{margin:0;font-size:14px;font-weight:700;letter-spacing:.18em;color:var(--ybc-pink)}
.ybc-hero .ybc-title{margin:10px 0 0;font-size:44px;line-height:1.25;font-weight:800;letter-spacing:-.03em;color:var(--ybc-ink)}
.ybc-hero .ybc-desc{margin:14px 0 0;font-size:17px;line-height:1.7;color:var(--ybc-sub);max-width:720px;word-break:keep-all}
.ybc-hero:not(:has(.ybc-subnav)) .ybc-inner{padding-bottom:48px}
.ybc-subnav{margin-top:40px;display:flex;gap:4px;flex-wrap:wrap}
.ybc-subnav a{padding:16px 24px;font-size:15px;font-weight:500;color:var(--ybc-mute);border-bottom:3px solid transparent;transition:color .15s}
.ybc-subnav a:hover{color:var(--ybc-ink)}
.ybc-subnav a.is-on{color:var(--ybc-ink);font-weight:700;border-bottom-color:var(--ybc-pink)}

/* ---------- 목록 폭 ---------- */
.ybc-wrap .bbs-container{max-width:1200px}

/* ---------- 분류 + 검색 ---------- */
.ybc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ybc-wrap #bo_cate_ul{display:flex;gap:8px;flex-wrap:wrap;font-size:14px}
.ybc-wrap #bo_cate_ul > li > a{display:flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--ybc-line2);background:#fff;color:#374151;font-weight:500;transition:all .15s}
.ybc-wrap #bo_cate_ul > li > a::after{display:none}
.ybc-wrap #bo_cate_ul > li > a:hover{border-color:var(--ybc-blue);color:var(--ybc-blue)}
.ybc-wrap #bo_cate_ul > li #bo_cate_on{background:var(--ybc-ink);border-color:var(--ybc-ink);color:#fff;font-weight:700}

.ybc-search{display:flex;align-items:center;border:1px solid var(--ybc-line2);border-radius:999px;height:46px;padding:0 5px 0 18px;background:#fff;min-width:300px;transition:border-color .15s}
.ybc-search:focus-within{border-color:var(--ybc-blue)}
.ybc-wrap .ybc-search input[type=text]{flex:1;min-width:0;height:100%;border:0;outline:none;padding:0;background:transparent;font-size:14px;color:var(--ybc-ink);box-shadow:none}
.ybc-wrap .ybc-search button{width:36px;height:36px;flex-shrink:0;border-radius:999px;border:0;background:var(--ybc-blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.ybc-wrap .ybc-search button:hover{background:var(--ybc-blue-d)}

/* ---------- 건수 ---------- */
.ybc-count{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:2px solid var(--ybc-ink);font-size:15px;color:#374151}
.ybc-count strong{color:var(--ybc-ink)}
.ybc-reset{margin-left:10px;font-size:13px;color:var(--ybc-blue);text-decoration:underline}
.ybc-chkall{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ybc-mute);cursor:pointer}

/* ---------- 글 목록 ---------- */
.ybc-posts{list-style:none;margin:0;padding:0}
.ybc-post{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--ybc-line)}
.ybc-chk{padding-left:16px;display:flex;align-items:center}
.ybc-link{flex:1;min-width:0;display:flex;align-items:center;gap:32px;padding:32px 24px;color:var(--ybc-text);transition:background .15s}
.ybc-link:hover{background:var(--ybc-pink-bg)}
.ybc-no{width:56px;flex-shrink:0;font-size:30px;font-weight:800;color:#C9D3DE;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ybc-post.is-notice .ybc-no{font-size:18px;color:var(--ybc-pink)}
.ybc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.ybc-tags{display:flex;gap:8px;align-items:center}
.ybc-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:700}
.ybc-pill.tone-blue{background:#E8F1F8;color:#0B4C7A}
.ybc-pill.tone-pink{background:#FCEAF1;color:#A3174B}
.ybc-pill.tone-green{background:#E4F3EC;color:#1B6B51}
.ybc-pill.tone-amber{background:#FBF0DF;color:#8A5200}
.ybc-pill.tone-gray{background:#EEF1F5;color:#374151}
.ybc-pill.tone-dark{background:var(--ybc-ink);color:#fff}
.ybc-new{font-size:12px;font-weight:800;color:#E51744;letter-spacing:.06em}
.ybc-subject{display:block;font-size:20px;font-weight:700;line-height:1.45;letter-spacing:-.02em;color:var(--ybc-ink);transition:color .15s;word-break:keep-all}
.ybc-link:hover .ybc-subject{color:var(--ybc-pink-d)}
.ybc-excerpt{font-size:15px;line-height:1.6;color:var(--ybc-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ybc-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ybc-faint)}
.ybc-author{color:var(--ybc-sub);font-weight:500}
.ybc-sep{width:1px;height:10px;background:var(--ybc-line2)}
.ybc-go{width:48px;height:48px;flex-shrink:0;border-radius:999px;border:1px solid var(--ybc-line2);display:flex;align-items:center;justify-content:center;color:#374151;transition:all .15s}
.ybc-link:hover .ybc-go{background:var(--ybc-pink);border-color:var(--ybc-pink);color:#fff}
.ybc-empty{padding:80px 0;text-align:center;font-size:16px;color:var(--ybc-mute);word-break:keep-all}

/* ---------- 하단 버튼 · 페이지 번호 ---------- */
.ybc-wrap #bo_btn_top{margin-top:24px}
.ybc-wrap .pg_wrap{margin-top:40px}
.ybc-wrap .pg_wrap .pg a,.ybc-wrap .pg_wrap .pg .pg_current{min-width:44px;height:44px;border-radius:999px;font-size:15px;color:#374151}
.ybc-wrap .pg_wrap .pg a:hover{color:var(--ybc-blue);background:#F2F6FA}
.ybc-wrap .pg_wrap .pg strong.pg_current{background:var(--ybc-blue);color:#fff;font-weight:700}
.ybc-wrap .pg_wrap .pg_start,.ybc-wrap .pg_wrap .pg_prev,.ybc-wrap .pg_wrap .pg_next,.ybc-wrap .pg_wrap .pg_end{background-size:18px}

/* ---------- 상담 유도 ---------- */
.ybc-cta{margin-top:80px;background:var(--ybc-blue);border-radius:24px;padding:48px 56px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;color:#fff}
.ybc-cta-eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.18em;color:#BFD9EE}
.ybc-cta-title{margin:10px 0 0;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.4;color:#fff}
.ybc-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.ybc-cta-btns a{height:52px;padding:0 28px;border-radius:999px;font-weight:700;font-size:15px;display:flex;align-items:center;transition:all .15s}
.ybc-cta-btns .is-solid{background:#fff;color:var(--ybc-blue)}
.ybc-cta-btns .is-solid:hover{background:#EAF2F9}
.ybc-cta-btns .is-line{border:1px solid #fff;color:#fff}
.ybc-cta-btns .is-line:hover{background:rgba(255,255,255,.12)}

/* ---------- 태블릿 ---------- */
@media (max-width:1024px){
  .ybc-hero .ybc-title{font-size:36px}
  .ybc-link{gap:20px;padding:28px 12px}
  .ybc-no{width:44px;font-size:24px}
}

/* ---------- 모바일 ---------- */
@media (max-width:768px){
  .ybc-hero{margin-bottom:24px}
  .ybc-inner{width:calc(100% - 40px);padding-top:36px}
  .ybc-crumb{margin-bottom:18px;font-size:12px}
  .ybc-hero .ybc-eyebrow{font-size:12px}
  .ybc-hero .ybc-title{margin-top:8px;font-size:28px}
  .ybc-hero .ybc-desc{margin-top:10px;font-size:14px;line-height:1.65}
  .ybc-hero:not(:has(.ybc-subnav)) .ybc-inner{padding-bottom:32px}
  .ybc-subnav{margin:24px -20px 0;padding:0 12px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .ybc-subnav::-webkit-scrollbar{display:none}
  .ybc-subnav a{padding:14px 12px;font-size:14px}

  .ybc-toolbar{flex-direction:column-reverse;align-items:stretch;gap:14px}
  .ybc-wrap .bbs-container{width:calc(100% - 40px)}
  .ybc-search{min-width:0;width:100%}
  .ybc-wrap #bo_cate_ul{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;margin:0 -20px;padding:0 20px;scrollbar-width:none}
  .ybc-wrap #bo_cate_ul::-webkit-scrollbar{display:none}
  .ybc-wrap #bo_cate_ul > li > a{height:40px;padding:0 16px;font-size:13px}

  .ybc-count{margin-top:24px;font-size:13px;padding-bottom:10px}
  .ybc-chk{padding-left:0;padding-right:8px}
  .ybc-link{gap:12px;padding:20px 0}
  .ybc-no{display:none}
  .ybc-tags{gap:6px}
  .ybc-pill{height:24px;padding:0 8px;font-size:11px}
  .ybc-subject{font-size:16px;line-height:1.5}
  .ybc-excerpt{display:none}
  .ybc-meta{font-size:12px;gap:8px}
  .ybc-author,.ybc-author + .ybc-sep{display:none}
  .ybc-go{width:auto;height:auto;border:0;color:#9AA3AF}
  .ybc-go svg{width:16px;height:16px}
  .ybc-link:hover .ybc-go{background:none;color:var(--ybc-pink)}

  .ybc-cta{margin-top:48px;border-radius:20px;padding:28px 24px;gap:20px}
  .ybc-cta-eyebrow{font-size:11px}
  .ybc-cta-title{margin-top:8px;font-size:19px;line-height:1.45}
  .ybc-cta-btns{width:100%}
  .ybc-cta-btns a{flex:1;justify-content:center;height:48px;padding:0 12px;font-size:14px}
}