/* 아동·부모·교사교육 - 부모-자녀 프로그램 */
.block-head{display:flex;flex-direction:row;gap:.75rem;align-items:center}
.block-dots{display:flex;flex:none;width:.375rem;height:1.25rem;border-radius:.25rem;background:#0B318F}
.block-head h3{margin:0;font-size:1.75rem;font-weight:700;color:#292a2d;letter-spacing:-.01em;line-height:1.29}

.page-pc{display:flex;flex-direction:column;gap:3.25rem}
.page-pc p{margin:0;word-break:keep-all}
.page-pc .pc-lead,
.page-pc .pc-desc{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5}
.page-pc .pc-note{font-size:1rem;font-weight:400;color:#878a93;line-height:1.5}
.page-pc .pc-dots + .pc-slide-wrap{margin-top:.75rem}

.page-pc .pc-intro{display:flex;flex-direction:column;gap:2.5rem}
.page-pc .pc-intro .txt-wrap{display:flex;flex-direction:column;gap:0.75rem;}
.page-pc .pc-block{display:flex;flex-direction:column;gap:1.25rem}

.page-pc .pc-slide-wrap{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-end}
/* 슬라이드 : PC 2장씩 노출 (Figma 서브 이미지 610x458 r20), 모바일 1장 */
.page-pc .pc-slider{width:100%;overflow:hidden;border-radius:0;}
.page-pc .pc-slide-img{width:100%;height:auto;aspect-ratio:610/458;overflow:hidden;background:#f2f4f7;border-radius:1.25rem}
.page-pc .pc-slide-img picture{display:block;width:100%;height:100%}
.page-pc .pc-slide-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-pc .pc-slide-ctrl{display:flex;align-items:center;gap:1.25rem}
.page-pc .pc-frac{display:flex;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums}
.page-pc .pc-frac strong{font-size:.875rem;font-weight:700;color:#000;letter-spacing:-.005em;line-height:1.45}
.page-pc .pc-frac i{display:block;width:.5625rem;height:1px;background:#8e8e8e;transform:rotate(110deg)}
.page-pc .pc-frac span{font-size:.8125rem;font-weight:400;color:#8e8e8e;line-height:1.5}
.page-pc .pc-arrows{display:flex;align-items:center;gap:.375rem}
.page-pc .pc-arrows button{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid #6d6d6d;background:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .2s;}
.page-pc .pc-arrows button img{width:1.1875rem;transition:all .2s;}
.page-pc .pc-prev img{transform:rotate(-90deg);}
.page-pc .pc-next img{transform:rotate(90deg);}
.page-pc .pc-arrows button:hover{border-color:#0B318F; background: #0B318F;}
.page-pc .pc-arrows button:hover img{filter: brightness(0) invert(1);}
.page-pc .pc-arrows button.swiper-button-disabled{opacity:.35;cursor:default;background: #FFF; border-color: #6d6d6d;}
.page-pc .pc-arrows button.swiper-button-disabled img{filter: none;}

.page-pc .pc-goal{display:flex;flex-direction:column;gap:1.75rem}
.page-pc .pc-card{padding:2rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;box-sizing:border-box}
.page-pc .pc-card-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.125rem}
.page-pc .pc-ic{flex:none;width:3.25rem;height:3.25rem;overflow:hidden}
.page-pc .pc-ic img{width:3.25rem;height:3.25rem}
.page-pc .pc-card h4{margin:0;font-size:1.375rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45;word-break:keep-all}
.page-pc .pc-goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.page-pc .pc-goal-list.cols{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2.875rem}
.page-pc .pc-goal-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.page-pc .pc-goal-list li::before{content:"·";flex:none;font-weight:700;color:#7c8a6e}

.page-pc .pc-method{display:flex;flex-direction:column;gap:2rem}
.page-pc .pc-sub{display:flex;flex-direction:column;gap:.5rem}
.page-pc .pc-sub h4{margin:0;font-size:1.375rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45;word-break:keep-all}

.page-pc .pc-dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}
.page-pc .pc-dots li{display:flex;align-items:flex-start;gap:.75rem;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.page-pc .pc-dots.lg li{font-size:1.25rem;line-height:1.45;letter-spacing:-.005em}
.page-pc .pc-dots li::before{content:"";flex:none;width:.25rem;height:.25rem;margin-top:.7rem;border-radius: 50%; background:#0B318F;}

.page-pc .pc-tbl-wrap{width:100%;overflow-x:auto;border-radius:1.25rem 1.25rem 0 0;border-top:2px solid #0B318F}
.page-pc .pc-tbl-m{display:none}
.page-pc .pc-tbl{width:100%;min-width:45rem;table-layout:fixed;border-collapse:collapse}
.page-pc .pc-tbl .c-cat{width:18%}
.page-pc .pc-tbl .c-class{width:21%}
.page-pc .pc-tbl .c-day{width:27%}
.page-pc .pc-tbl .c-time{width:34%}
.page-pc .pc-tbl thead th{padding:1.25rem 1.375rem;background:var(--navy);color:#fff;font-size:1.125rem;font-weight:700;line-height:1.5;text-align:center}
.page-pc .pc-tbl tbody th{padding:1.25rem 1.375rem;background:#f2f7fc;color:#0B318F;font-size:1.125rem;font-weight:700;line-height:1.5;text-align:center;vertical-align:middle;border-bottom: 1px solid #f2f7fc;}
.page-pc .pc-tbl tbody td{padding:1.25rem 1.375rem;background:#fff;font-size:1.125rem;font-weight:400;color:#5a5c63;line-height:1.5;text-align:center;border-bottom:1px solid #e1e2e4}
.page-pc .pc-tbl tbody th.td-class{font-weight:700;color:#171719}
.page-pc .pc-tbl tbody + tbody{border-top:1px solid #c8cfda}

.page-pc .pc-apply{display:flex;justify-content:center}
.page-pc .pc-btn{display:inline-flex;align-items:center;justify-content:center;width: auto; gap:.5rem;height:3.375rem;padding:0 1.5rem;background:#0B318F;color:#fff;font-size:1.125rem;font-weight:500;line-height:1.5;border-radius:999px;box-sizing:border-box;transition:.25s}
.page-pc .pc-btn img{width:1.375rem;height:1.375rem}
.page-pc .pc-btn:hover{background:#06265a;transform:translateY(-.125rem)}

/* 교사대상 위탁교육프로그램 */
.page-pc .tc-lead{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:2rem;background:#fff;border:1px solid #0B318F;border-radius:1.875rem;text-align:center;box-sizing:border-box}
.page-pc .tc-badge{display:inline-flex;align-items:center;padding:.4375rem 1.125rem;border-radius:999px;background:#1a4b8f;color:#fff;font-size:.875rem;font-weight:700;line-height:1.43}
.page-pc .tc-slogan{font-size:1.75rem;font-weight:700;color:#0B318F;letter-spacing:-.01em;line-height:1.29;word-break:keep-all}
.page-pc .tc-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.page-tc .pc-sub{gap:.75rem}
.page-pc .tc-call{display:flex;gap:3.75rem;align-items:flex-start;padding:2.5rem;background:#f2f7fc;border:1px solid #dce4ef;border-radius:1.25rem;box-sizing:border-box}
.page-pc .tc-call .block-head{flex:none}
.page-pc .tc-call-body{display:flex;flex:1;min-width:0;gap:1rem;align-items:center}
.page-pc .tc-call-ic{flex:none;width:3.25rem;height:3.25rem;overflow:hidden}
.page-pc .tc-call-ic img{width:3.25rem;height:3.25rem}
.page-pc .tc-call-txt{display:flex;flex-direction:column;gap:.5rem;min-width:0}
/* 워크숍 신청 : 박스 안 우측 끝에 신청 버튼 */
.page-tworkshop .tc-call{align-items:center;gap:1.5rem}
.page-tworkshop .tc-call .pc-btn{flex:none;margin-left:auto}
.page-pc .tc-tel{font-size:1.5rem;font-weight:700;color:#0B318F;letter-spacing:-.01em;line-height:1.33}

@media(max-width:1200px){
  .page-pc .pc-slide-img{aspect-ratio:610/458}
  .page-pc .pc-goal-list.cols{gap:.25rem 1.5rem}
  .page-pc .tc-call{gap:2rem;padding:2rem}
}
/* 크기(폰트/여백) 축소는 1024 이하부터 */
@media(max-width:1024px){
  .content:has(.page-pc) .content-head{margin-bottom:2rem}
  .content:has(.page-pc) .content-head h2{font-size:1.5rem;letter-spacing:-.01em}

  .page-pc{gap:2rem}
  .page-pc .pc-intro{gap:1.5rem}
  .page-pc .pc-block{gap:1.5rem}
  .page-pc .pc-dots + .pc-slide-wrap{margin-top:0}
  .page-pc .pc-goal-list.cols{grid-template-columns:1fr}
  .page-pc .pc-tbl .c-cat{width: 22%;}

  .block-dots{width:.3125rem;height:1.125rem}
  .block-head h3{font-size:1.375rem;line-height:1.45;letter-spacing:-.005em}

  .page-pc .pc-lead,
  .page-pc .pc-desc,
  .page-pc .pc-goal-list li,
  .page-pc .pc-dots li,
  .page-pc .pc-dots.lg li{font-size:1rem;line-height:1.43}
  .page-pc .pc-note{font-size:.875rem;line-height:1.43}
  .page-pc .pc-dots li{gap: 0.5rem;}
  .page-pc .pc-dots li::before{margin-top: 0.5rem;}

  .page-pc .pc-slide-wrap{gap:.9375rem}
  .page-pc .pc-slide-ctrl{gap:1.5rem}
  .page-pc .pc-frac{gap:.4375rem}
  .page-pc .pc-frac strong{font-size:1.0625rem}
  .page-pc .pc-frac i{width:.4375rem}
  .page-pc .pc-frac span{font-size:.75rem}
  .page-pc .pc-arrows{gap:.5625rem}
  .page-pc .pc-arrows button{width:2.1875rem;height:2.1875rem}
  .page-pc .pc-arrows button img{width:.9375rem;height:.9375rem}

  .page-pc .pc-goal{gap:.875rem}
  .page-pc .pc-card{padding:1.5rem 1.25rem}
  .page-pc .pc-card-head{gap:.5rem;margin-bottom:.875rem}
  .page-pc .pc-ic,.page-pc .pc-ic img{width:2.125rem;height:2.125rem}
  .page-pc .pc-card h4,
  .page-pc .pc-sub h4{font-size:1.125rem;line-height:1.5;letter-spacing:0}

  .page-pc .pc-method{gap:1.25rem}
  .page-pc .pc-sub{gap:.75rem}

  .page-pc .pc-tbl{min-width:40rem}
  .page-pc .pc-tbl thead th,
  .page-pc .pc-tbl tbody th,
  .page-pc .pc-tbl tbody td{padding:1rem;font-size:1rem}

  .page-pc .pc-btn{height:3rem;padding:0 1.25rem;font-size:1rem}
  .page-pc .pc-btn img{width:1.25rem;height:1.25rem}

  .page-pc .tc-lead{padding:1.5rem 1.25rem;border-radius:1.25rem}
  .page-pc .tc-badge{font-size:.6875rem;padding:.3125rem .75rem}
  .page-pc .tc-slogan{font-size:1.125rem;line-height:1.45;letter-spacing:-.005em}
  .page-pc .tc-cards{gap:.875rem}
  .page-pc .tc-call{gap:1rem;padding:1.5rem 1.25rem}
  .page-pc .tc-call-ic,.page-pc .tc-call-ic img{width:2.5rem;height:2.5rem}
  .page-pc .tc-tel{font-size:1.125rem}
}
@media(max-width:384px){
  .content:has(.page-pc) .content-head h2{font-size:1.375rem;line-height:1.45}
}
/* 배치 전환(1단 정렬, 표시/숨김, 모바일 표)은 768 이하 유지 */
@media(max-width:768px){
  .content:has(.page-pc) .breadcrumb{display:none}

  .page-pc .pc-slide-img{border-radius:1rem}

  .page-pc .pc-tbl{display:none}
  .page-pc .pc-tbl-m{display:block;width:100%;min-width:0}
  .page-pc .pc-tbl-wrap{overflow:hidden}
  .page-pc .pc-tbl-cat{border-bottom:1px solid #e1e2e4}
  .page-pc .pc-tbl-head,
  .page-pc .pc-tbl-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;font-size:.875rem;line-height:1.43}
  .page-pc .pc-tbl-head{background:var(--navy);color:#fff;font-weight:700}
  .page-pc .pc-tbl-cat{padding:.875rem 1rem;background:#f2f7fc;color:#0B318F;font-size:.875rem;font-weight:700;line-height:1.43}
  .page-pc .pc-tbl-row{background:#fff;border-bottom:1px solid #e1e2e4}
  .page-pc .pc-tbl-row strong{font-weight:700;color:#171719}
  .page-pc .pc-tbl-row span{display:flex;align-items:center;gap:.625rem;font-weight:400;color:#5a5c63;flex:none}
  .page-pc .pc-tbl-row span em{font-style:normal}

  /* 열이 많은 표는 모바일에서 카드형으로 전환 */
  .page-pstat .pc-tbl-wrap,
  .page-deepen .pc-tbl-wrap{border-radius:0; border-top-width: 1px;}
  .page-pstat .pc-tbl-m,
  .page-deepen .pc-tbl-m{display:flex;flex-direction:column}
  .page-pstat .pstat-card,
  .page-deepen .tbl-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 0;background:#fff;border-bottom:1px solid #e1e2e4}
  .page-pstat .pstat-date,
  .page-deepen .tbl-card-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;background:#0B318F;color:#FFF;font-size:.875rem;font-weight:700;line-height:1.4}
  .page-pstat .pstat-subject,
  .page-deepen .tbl-card-title{font-size:1.125rem;font-weight:700;color:#171719;line-height:1.47;word-break:keep-all}
  .page-pstat .pstat-meta,
  .page-deepen .tbl-card-meta{display:flex;flex-direction:column;gap:.25rem;width:100%;margin:0}
  .page-pstat .pstat-meta > div,
  .page-deepen .tbl-card-meta > div{display:flex;gap:.5rem;font-size:1rem;line-height:1.43}
  .page-pstat .pstat-meta dt,
  .page-deepen .tbl-card-meta dt{flex:none;min-width:2.25rem;color:#878a93;font-weight:500;word-break:keep-all}
  .page-pstat .pstat-meta dd,
  .page-deepen .tbl-card-meta dd{margin:0;color:#5a5c63;word-break:keep-all}

  /* 모바일에서도 PC 표를 그대로 노출하는 페이지 */
  .page-play .pc-tbl,
  .page-consult .pc-tbl{display:table;min-width:0 !important;}
  .page-play .pc-tbl thead th,
  .page-play .pc-tbl tbody th,
  .page-play .pc-tbl tbody td,
  .page-consult .pc-tbl thead th,
  .page-consult .pc-tbl tbody th,
  .page-consult .pc-tbl tbody td{padding:.875rem .625rem;font-size:.875rem;line-height:1.43;word-break:keep-all}

  .page-pc .tc-cards{grid-template-columns:1fr}
  .page-pc .tc-call{flex-direction:column}
  .page-tworkshop .tc-call{align-items:stretch;gap:1.25rem}
  .page-tworkshop .tc-call .pc-btn{margin-left:0}
}


/* 아동·부모·교사교육 - 교육철학 / Figma 8087:96 (PC) 8199:223 (MOB) */
.page-intro .intro-goal{display:flex;flex-direction:column;gap:1.5rem}
.page-intro .goal-diagram{display:flex;align-items:center;gap:2.25rem;padding:3.5rem 3.125rem;background:#f9f9f9;border:1px solid #e1e2e4;border-radius:1.25rem;box-sizing:border-box}
.page-intro .goal-list{flex:none;width:41%;display:flex;flex-direction:column;justify-content:center;gap:.5rem;margin:0;padding:2rem 1.75rem;list-style:none;background:#fff;border:1px solid #e1e2e4;border-radius:1.25rem;box-sizing:border-box;align-self:stretch}
.page-intro .goal-list li{position:relative;padding-left:1.0625rem;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.page-intro .goal-list li::before{content:"";position:absolute;left:0;top:.6875rem;width:.3125rem;height:.3125rem;border-radius:50%;background:#989ba2}
.page-intro .goal-arrow{flex:none;display:flex;width:3.75rem}
.page-intro .goal-arrow img{width:3.75rem;height:1.5rem}
.page-intro .goal-person{flex:1;min-width:0;display:flex;align-items:center}
.page-intro .goal-conn{flex:none;display:flex;width:1.5rem}
.page-intro .goal-conn img{width:1.5rem;height:auto}
.page-intro .goal-pills{flex:1;min-width:0;display:flex;flex-direction:column;gap:.875rem;margin:0;padding:0;list-style:none}
.page-intro .goal-pills li{display:flex;align-items:center;justify-content:center;height:3.375rem;padding:0 1rem;background:#fff;border:1px solid #0B318F;border-radius:999px;color:#0B318F;font-size:1.125rem;font-weight:700;line-height:1.5;text-align:center;box-sizing:border-box;word-break:keep-all}
@media(max-width:1024px){
  .page-intro .goal-diagram{flex-direction:column;gap:1rem;padding:1.5rem 1rem;border-radius:1.375rem}
  .page-intro .goal-list{width:100%;gap:.75rem;padding:1.25rem 1.125rem;border-radius:1rem}
  .page-intro .goal-list li{padding-left:.875rem;font-size:.875rem;color:#5a5c63}
  .page-intro .goal-list li::before{top:.5rem;width:.25rem;height:.25rem;background:#0B318F}
  .page-intro .goal-arrow{width:1.5rem;height:2.625rem;align-items:center;justify-content:center}
  .page-intro .goal-arrow img{width:2.625rem;height:1.5rem;transform:rotate(90deg)}
  .page-intro .goal-person{width:100%}
  .page-intro .goal-conn{display:none}
  .page-intro .goal-pills{gap:.625rem}
  .page-intro .goal-pills li{height:2.75rem;font-size:.875rem}
}

/* 아동·부모·교사교육 - WhY-Lab / Figma 8087:179 */
.page-whylab{display:flex;flex-direction:column;gap:3.25rem}
.page-whylab p{margin:0;word-break:keep-all}
.page-whylab section{display:flex;flex-direction:column;gap:1.5rem}
.page-whylab .badge-pill{display:inline-flex;align-items:center;padding:.4375rem 1.125rem;border-radius:999px;background:#0B318F;color:#fff;font-size:.875rem;font-weight:700;line-height:1.43}
.page-whylab .target-row{display:flex;gap:1.25rem}
.page-whylab .target-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.25rem 2rem;background:#fff;border:1px solid #0B318F;border-radius:1.25rem;text-align:center;box-sizing:border-box}
.page-whylab .target-card strong{font-size:1.5rem;font-weight:700;color:#0B318F;letter-spacing:-.01em;line-height:1.33;word-break:keep-all}
.page-whylab .content-lead{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5}
.page-whylab .why-diagram{display:flex;align-items:center;gap:3rem;padding:3.5rem 3.125rem;background:#f9f9f9;border:1px solid #e1e2e4;border-radius:1.25rem;box-sizing:border-box}
.page-whylab .why-orbit{flex:none;width:25rem;height:25rem}
.page-whylab .why-orbit img{width:100%;height:100%}
.page-whylab .why-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none}
.page-whylab .why-item{display:flex;align-items:flex-start;gap:1.25rem;padding:1.75rem 2rem;background:#fff;border:1px solid #0B318F;border-radius:1.25rem;box-sizing:border-box}
.page-whylab .why-badge{flex:none;display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:50%;background:#f2f7fc;border:1px solid #dce4ef;color:#0B318F;font-size:1.125rem;font-weight:700;box-sizing:border-box}
.page-whylab .why-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.625rem}
.page-whylab .why-txt strong{font-size:1.375rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45}
.page-whylab .why-txt p{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5}
.page-whylab .why-recruit{align-items:center}
.page-whylab .why-recruit .block-head{align-self:stretch}
.page-whylab .recruit-box{width:100%;padding:2.5rem;background:#f2f7fc;border:1px solid #dce4ef;border-radius:1.25rem;text-align:center;box-sizing:border-box}
.page-whylab .recruit-box p{font-size:1.5rem;font-weight:700;color:#292a2d;letter-spacing:-.01em;line-height:1.33}
.page-whylab .pc-apply{display:flex;justify-content:center}
.page-whylab .pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:3rem;padding:0 1.25rem;background:#0B318F;color:#fff;font-size:1rem;font-weight:500;line-height:1.5;border-radius:999px;box-sizing:border-box;transition:.25s}
.page-whylab .pc-btn img{width:1.25rem;height:1.25rem}
.page-whylab .pc-btn:hover{background:#06265a;transform:translateY(-.125rem)}
@media(max-width:1200px){
  .page-whylab .why-diagram{flex-direction:column;gap:2rem;padding:2.5rem 2rem}
  .page-whylab .why-list{width:100%}
}
@media(max-width:1024px){
  .page-whylab{gap:2.5rem}
  .page-whylab section{gap:1.25rem}
  .page-whylab .target-card{padding:1.5rem 1.25rem;gap:.625rem}
  .page-whylab .target-card strong{font-size:1.125rem}
  .page-whylab .content-lead{font-size:1rem}
  .page-whylab .why-diagram{gap:1.5rem;padding:1.5rem 1rem}
  .page-whylab .why-orbit{width:17.5rem;height:17.5rem}
  .page-whylab .why-item{gap:.75rem;padding:1.25rem 1rem}
  .page-whylab .why-badge{width:2.5rem;height:2.5rem;font-size:1rem}
  .page-whylab .why-txt strong{font-size:1.125rem}
  .page-whylab .why-txt p{font-size:1rem}
  .page-whylab .recruit-box{padding:1.5rem 1.25rem}
  .page-whylab .recruit-box p{font-size:1.125rem}
}
@media(max-width:768px){
  .page-whylab .target-row{flex-direction:column;gap:.75rem}
}

/* 아동·부모·교사교육 - 교사교육 운영사례 / Figma 8131:11 */
.page-tcase{display:flex;flex-direction:column;gap:2.5rem}
.page-tcase .case-bullets{display:flex;flex-direction:column;gap:.625rem;margin:0;padding:.375rem 0 .375rem 1.125rem;list-style:none}
.page-tcase .case-bullets li{position:relative;padding-left:.9375rem;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.page-tcase .case-bullets li::before{content:"";position:absolute;left:0;top:.6875rem;width:.3125rem;height:.3125rem;border-radius:50%;background:#0B318F}
@media(max-width:1024px){
  .page-tcase{gap:1.75rem}
  .page-tcase .case-bullets{padding-left:.5rem}
  .page-tcase .case-bullets li{font-size:1rem}
}


/* 아동·부모·교사교육 - 교육영상자료 공통 뱃지 (badge 8459:3832) */
.page-video .badge,.page-vview .badge{display:inline-flex;align-items:center;padding:.25rem 1rem;border-radius:100px;font-size:.875rem;font-weight:700;line-height:1.43;white-space:nowrap}
.page-video .badge.cat,.page-vview .badge.cat{background:#dce4ef;color:#002b63}
.page-video .badge.sale{background:#e6f4ea;color:#1b7a45}
.page-video .badge.stop{background:#fbe9ea;color:#cc1c24}

/* 아동·부모·교사교육 - 교육영상자료 리스트 / Figma 8411:21310 */
.page-video{display:flex;flex-direction:column;gap:3.75rem}
.page-video p{margin:0;word-break:keep-all}
.page-video .sub-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;background:#f2f7fc;border-radius:1rem;box-sizing:border-box}
.page-video .ban-txt{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.page-video .ban-txt strong{font-size:1.375rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45}
.page-video .ban-txt p{font-size:1rem;font-weight:400;color:#70737c;line-height:1.5}
.page-video .ban-plans{flex:none;display:flex;align-items:center;gap:.75rem}
.page-video .plan-item{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:1px solid #0B318F;border-radius:2.5rem;color:#0B318F;font-size:.875rem;font-weight:500;line-height:1.43;white-space:nowrap}
.page-video .plan-item b{font-weight:700}
.page-video .btn-subscribe{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:#0B318F;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:700;line-height:1.43;white-space:nowrap;transition:.25s}
.page-video .btn-subscribe:hover{background:#06265a}
.page-video .video-wrap{display:flex;flex-direction:column;gap:2.5rem}
.page-video .list-body{display:flex;flex-direction:column;gap:2.5rem}
.page-video .video-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem 1.25rem;margin:0;padding:0;list-style:none}
.page-video .video-card[hidden]{display:none}
.page-video .video-card a{display:flex;flex-direction:column;height:100%}
.page-video .item-img{position:relative;width:100%;aspect-ratio:16/9;border-radius:.75rem;overflow:hidden;background:#dbdcdf}
.page-video .item-img img{width:100%;height:100%;object-fit:cover;display:block}
.page-video .play-ic{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:#fff;color:#0B318F;font-size:1rem;font-weight:700;transform:translate(-50%,-50%);transition:.25s}
/* .page-video .video-card a:hover .play-ic{transform:translate(-50%,-50%) scale(1.08)} */
.page-video .item-info{display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}
.page-video .item-tags{display:flex;align-items:center;gap:.375rem}
.page-video .item-txt{display:flex;flex-direction:column;gap:.25rem}
.page-video .item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.125rem;font-weight:700;color:#292a2d;line-height:1.5;word-break:keep-all}
.page-video .item-tutor{font-size:.875rem;font-weight:400;color:#70737c;line-height:1.43}
.page-video .item-foot{display:flex;align-items:center;justify-content:space-between;padding-top:.25rem;margin-top:auto}
.page-video .item-price{font-size:1.25rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45}
.page-video .paging{display:flex;align-items:center;justify-content:center;gap:1.5rem}
.page-video .pg-btn{display:flex;width:1.25rem;height:1.25rem}
.page-video .pg-btn img{width:1.25rem;height:1.25rem}
.page-video .pg-num{font-size:1.125rem;font-weight:400;color:#999;line-height:1.2}
.page-video .pg-num.on{font-weight:700;color:#000}
@media(max-width:1200px){
  .page-video .sub-banner{flex-direction:column;align-items:flex-start}
  .page-video .video-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .page-video{gap:2.5rem}
  .page-video .sub-banner{padding:1.25rem;gap:1rem}
  .page-video .ban-txt strong{font-size:1.125rem}
  .page-video .ban-txt p{font-size:.875rem}
  .page-video .ban-plans{flex-wrap:wrap;gap:.5rem}
  .page-video .plan-item,.page-video .btn-subscribe{padding:.625rem 1rem}
  .page-video .video-wrap,.page-video .list-body{gap:1.75rem}
  .page-video .item-info{padding-top:1rem;gap:.5rem}
  .page-video .item-title{font-size:1rem}
  .page-video .item-price{font-size:1.125rem}
  .page-video .paging{gap:1rem}
  .page-video .pg-num{font-size:1rem}
}
@media(max-width:600px){
  .page-video .video-list{grid-template-columns:1fr;gap:1.5rem}
}

/* 아동·부모·교사교육 - 교육영상자료 상세 / Figma 8411:21812 */
.page-vview{display:flex;flex-direction:column;gap:2.5rem}
.page-vview p{margin:0;word-break:keep-all}
.page-vview h4{margin:0;font-size:1.5rem;font-weight:700;color:#292a2d;letter-spacing:-.01em;line-height:1.33}
.page-vview .video-player{position:relative;width:100%;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;background:#1b1c1e}
.page-vview .video-player iframe,.page-vview .video-player video{position:absolute;inset:0;width:100%;height:100%;border:0}
.page-vview .play-ic{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;border-radius:50%;background:#fff;color:#0B318F;font-size:1.5rem;font-weight:700;transform:translate(-50%,-50%)}
.page-vview .view-head{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;padding-bottom:2rem;border-bottom: 1px solid #E1E2E4;}
.page-vview .view-title{margin:0;font-size:2rem;font-weight:700;color:#292a2d;letter-spacing:-.015em;line-height:1.25;word-break:keep-all}
.page-vview .view-tutor{font-size:1.25rem;font-weight:500;color:#70737c;letter-spacing:-.005em;line-height:1.45}
.page-vview .view-intro{display:flex;flex-direction:column;gap:1.25rem}
.page-vview .intro-desc{font-size:1.125rem;font-weight:400;color:#70737c;line-height:1.5}
.page-vview .dot-list{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:1.625rem 2rem;list-style:none;background:#f4f4f5;border-radius:.75rem}
.page-vview .dot-list li{position:relative;padding-left:.75rem;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.page-vview .dot-list li::before{content:"";position:absolute;left:0;top:.6875rem;width:.25rem;height:.25rem;border-radius:50%;background:#0B318F}
.page-vview .view-ticket{display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem;background:#f2f7fc;border-radius:.75rem;box-sizing:border-box}
.page-vview .ticket-form{display:flex;flex-direction:column;gap:1.75rem}
.page-vview .ticket-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0;padding:0;list-style:none}
.page-vview .ticket-card{position:relative;display:flex;flex-direction:column;gap:.75rem;height:100%;padding:1.75rem;background:#fff;border:1px solid #e1e2e4;border-radius:.75rem;box-sizing:border-box;cursor:pointer;transition:.2s}
.page-vview .ticket-card input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.page-vview .ticket-top{display:flex;align-items:center;gap:.625rem}
.page-vview .ticket-top .radio{flex:none;display:block;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;border:1px solid #aeb0b6;box-sizing:border-box;transition:.2s}
.page-vview .ticket-name{font-size:1.125rem;font-weight:700;color:#292a2d;line-height:1.5}
.page-vview .ticket-price{font-size:1.75rem;font-weight:700;color:#292a2d;letter-spacing:-.01em;line-height:1.29}
.page-vview .ticket-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:400;color:#878a93;line-height:1.43}
.page-vview .ticket-card:hover{border-color:#0B318F}
.page-vview .ticket-card:has(input:checked){background:#0B318F;border-color:#0B318F}
.page-vview .ticket-card:has(input:checked) .radio{background:#0B318F;border:.375rem solid #f2f7fc}
.page-vview .ticket-card:has(input:checked) .ticket-name,.page-vview .ticket-card:has(input:checked) .ticket-price,.page-vview .ticket-card:has(input:checked) .ticket-meta{color:#fff}
.page-vview .notice-box{display:flex;flex-direction:column;gap:.25rem}
.page-vview .notice-box p{font-size:1rem;font-weight:400;color:#70737c;line-height:1.5}
.page-vview .notice-box .warn{font-weight:700;color:#cc1c24}
.page-vview .agree-row{display:flex;align-items:center;padding:.25rem 0}
.page-vview .chk-agree{display:inline-flex;align-items:center;gap:.625rem;cursor:pointer}
.page-vview .chk-agree input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.page-vview .chk-box{flex:none;display:block;width:1.375rem;height:1.375rem;background:#fff;border:1px solid #aeb0b6;border-radius:.25rem;box-sizing:border-box;transition:.2s}
.page-vview .chk-agree input:checked + .chk-box{background:#0B318F url("/img/sub/icon/chk_ic.svg") no-repeat center/1rem; border-color:#0B318F}
.page-vview .chk-agree span{font-size:1.125rem;font-weight:400;color:#5a5c63;line-height:1.5}
.page-vview .btn-wrap{display:flex;flex-direction:column;gap:1.75rem}
.page-vview .btn-area{display:flex;justify-content:center;gap:.75rem}
.page-vview .btn-pay,.page-vview .btn-list{display:inline-flex;align-items:center;justify-content:center;width:15rem;height:3.375rem;padding:0 1.5rem;border-radius:999px;font-size:1.125rem;font-weight:500;line-height:1.5;box-sizing:border-box;transition:.25s;white-space:nowrap}
.page-vview .btn-pay{background:#0B318F;color:#fff}
.page-vview .btn-pay:hover{background:#06265a}
.page-vview .btn-list{border:1.5px solid #0B318F;color:#0B318F}
.page-vview .btn-list:hover{background:#f2f7fc}
.page-vview .pay-note{font-size:.875rem;font-weight:400;color:#878a93;line-height:1.43;text-align:center}
@media(max-width:1024px){
  .page-vview{gap:1.75rem}
  .page-vview h4{font-size:1.25rem}
  .page-vview .play-ic{width:3.5rem;height:3.5rem;font-size:1rem}
  .page-vview .view-head{gap:.625rem;padding-bottom:1.25rem}
  .page-vview .view-title{font-size:1.5rem}
  .page-vview .view-tutor{font-size:1rem}
  .page-vview .intro-desc,.page-vview .dot-list li,.page-vview .chk-agree span{font-size:1rem}
  .page-vview .dot-list{padding:1.25rem}
  .page-vview .dot-list li::before{top: 0.5rem;}
  .page-vview .view-ticket{padding:1.25rem;gap:1rem}
  .page-vview .ticket-form{gap:1.25rem}
  .page-vview .ticket-list{gap:1rem}
  .page-vview .ticket-card{padding:1.25rem;gap:.5rem}
  .page-vview .ticket-price{font-size:1.375rem}
  .page-vview .notice-box p{font-size:.875rem}
  .page-vview .btn-area{flex-direction:column;align-items:center}
  .page-vview .btn-pay,.page-vview .btn-list{width:100%;max-width:20rem;height:3rem;font-size:1rem}
}
@media(max-width:768px){
  .page-vview .ticket-list{grid-template-columns:1fr;gap:.75rem}
}

/* 교육철학 - 상단 슬라이드 (PC 8장 / MOB 11장 별도 슬라이더 전환) */
.page-intro .pc-slide-wrap.slide-m{display:none}
@media(max-width:768px){
  .page-intro .pc-slide-wrap.slide-pc{display:none}
  .page-intro .pc-slide-wrap.slide-m{display:flex}
}

/* 교사교육 운영사례 - 상단 소개 / sticky 연도 탭 / 소제목 */
.page-tcase .tcase-lead{margin:0;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
.page-tcase .tcase-tabs{position:sticky;top:8.75rem;z-index:5;margin-top:-1rem;margin-bottom:-1rem;padding-top:1rem;padding-bottom:1rem;background:#fff}
.page-tcase .year-group{scroll-margin-top:14rem}
.page-tcase .num-txt p b{font-weight:700;color:#5a5c63}
.page-tcase .case-sub{display:block;margin-top:.5rem;font-size:1.125rem;font-weight:700;color:#0B318F;line-height:1.5;word-break:keep-all}
.page-tcase .case-sub:first-of-type{margin-top:0}
@media(max-width:1024px){
  .page-tcase .tcase-lead{font-size:1rem}
  .page-tcase .tcase-tabs{top:5.75rem;margin-top:-.75rem;margin-bottom:-.75rem;padding-top:.75rem;padding-bottom:.75rem}
  .page-tcase .year-group{scroll-margin-top:10rem}
  .page-tcase .case-sub{font-size:1rem}
}

/* WhY-Lab - 상단 슬라이드(PC 8 / MOB 11 별도) / 캡션 / 신청 버튼 폭 */
.page-whylab .pc-slide-wrap.slide-m{display:none}
.page-whylab .pc-slider .slide-cap{position:absolute;left:1.25rem;bottom:1.25rem;z-index:2;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;background:#0B318F;color:#fff;font-size:.875rem;font-weight:600;line-height:1.43;white-space:nowrap}
.page-whylab .pc-apply{display:flex;justify-content:center;align-self:stretch}
.page-whylab .pc-btn{flex:none;width:auto;white-space:nowrap}
@media(max-width:768px){
  .page-whylab .pc-slider .slide-cap{left:.75rem;bottom:.75rem;padding:.375rem .75rem;}
  .page-whylab .pc-slide-wrap.slide-pc{display:none}
  .page-whylab .pc-slide-wrap.slide-m{display:flex}
}

/* 공통 : 2열 안내 표 (.page-pc .info-tbl) */
.page-pc .info-tbl{width:100%;border-collapse:collapse;border-top:1px solid #000}
.page-pc .info-tbl th{width:11.25rem;padding:1.25rem 1.375rem;background:#f2f7fc;color:#0B318F;font-size:1.125rem;font-weight:700;line-height:1.5;text-align:center;vertical-align:middle;border-bottom:1px solid #e1e2e4}
.page-pc .info-tbl td{padding:1.25rem 1.5rem;background:#fff;color:#5a5c63;font-size:1.125rem;font-weight:400;line-height:1.5;border-bottom:1px solid #e1e2e4;word-break:keep-all}
.page-pc .info-tbl td a{color:#0B318F;font-weight:500}
@media(max-width:1024px){
  .page-pc .info-tbl th{width:6.5rem;padding:1rem .75rem;font-size:1rem}
  .page-pc .info-tbl td{padding:1rem;font-size:1rem}
}
@media(max-width:768px){
  .page-pc .info-tbl th,
  .page-pc .info-tbl td{font-size:0.9375rem}
}

/* 공통 : PC/모바일 슬라이드 장수가 다를 때 별도 슬라이더 전환 (.slide-pc / .slide-m) */
.page-pc .pc-slide-wrap.slide-m{display:none}
.page-pc .pc-tbl td small{display:block;font-size:.875rem;color:#878a93}
@media(max-width:768px){
  .page-pc .pc-slide-wrap.slide-pc{display:none}
  .page-pc .pc-slide-wrap.slide-m{display:flex}
  .page-pc .pc-tbl-row span em small{display:none}
}

/* 공통 : 단일 상단 이미지 / 사진 준비중 플레이스홀더 */
.page-pc .pc-hero{width:100%;aspect-ratio:1240/600;border-radius:1.75rem;overflow:hidden;background:#f2f4f7}
.page-pc .pc-hero picture,.page-pc .pc-hero img{display:block;width:100%;height:100%;object-fit:cover}
.page-pc .pc-hero-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:1240/400;border:1px dashed #c9ccd2;color:#878a93;font-size:1rem}
/* 공통 : 강조 박스 */
.page-pc .hl-box{padding:2.5rem;background:#f2f7fc;border:1px solid #dce4ef;border-radius:1.25rem;text-align:center;box-sizing:border-box}
.page-pc .hl-box p{font-size:1.25rem;font-weight:500;color:#0B318F;letter-spacing:-.005em;line-height:1.6;word-break:keep-all}
.page-pc .hl-box strong{display:block;font-size:1.5rem;font-weight:700;line-height:1.5}
/* 공통 : 단계 카드 (STEP) */
.page-pc .pc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:0;padding:0;list-style:none}
.page-pc .pc-steps li{display:flex;flex-direction:column;gap:.5rem;padding:1.75rem 1.5rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;box-sizing:border-box}
.page-pc .pc-steps .step-ic{flex:none;display:block;width:3.25rem;height:3.25rem;margin-bottom:.5rem}
.page-pc .pc-steps .step-ic img{display:block;width:100%;height:100%}
.page-pc .pc-steps strong{font-size:1.375rem;font-weight:700;color:#292a2d;letter-spacing:-.005em;line-height:1.45}
.page-pc .pc-steps p{font-size:1.125rem;color:#878a93;line-height:1.5}
/* 육아 인사이트 : 3단계 플로우 (참관 신청 절차 .page-practice .step-flow 와 동일 규격) */
.page-insight .step-flow{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}
.page-insight .step-item{display:flex;align-items:stretch;flex:1;min-width:0}
.page-insight .step-item:last-child{flex:none;width:calc((100% - 4.5rem) / 3)}
.page-insight .step-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:.875rem;padding:1.5rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;box-sizing:border-box}
.page-insight .step-head{display:flex;align-items:center;gap:.75rem}
.page-insight .step-ic{flex:none;display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem}
.page-insight .step-ic img{width:3.25rem;height:3.25rem}
.page-insight .step-num{flex:1;min-width:0;font-size:.875rem;font-weight:700;color:#0B318F;line-height:1.43}
.page-insight .step-title{display:block;font-size:1.375rem;font-weight:700;color:#292a2d;letter-spacing:-.005em;line-height:1.45;word-break:keep-all}
.page-insight .step-desc{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5}
.page-insight .step-conn{flex:none;display:flex;align-items:center;justify-content:center;width:2.25rem}
.page-insight .step-conn img{width:1.25rem;height:1.25rem}
/* 공통 : 자동 폭 표 */
.page-pc .pc-tbl.auto{table-layout:auto;min-width:40rem}
.page-pc .pc-tbl td.td-left{text-align:left}
/* 공통 : 체크 리스트 / 링크 카드 */
.page-pc .pc-checks{display:grid;grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none}
.page-pc .pc-checks li{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f9f9f9;border:1px solid #e1e2e4;border-radius:999px;font-size:1.125rem;font-weight:500;color:#292a2d;line-height:1.5}
.page-pc .pc-checks li::before{content:"";flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:#0B318F url("/img/sub/icon/chk_ic.svg") no-repeat center/1rem}
.page-pc .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.page-pc .rel-card{display:flex;flex-direction:column;gap:.5rem;padding:1.75rem 1.5rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;transition:.25s}
.page-pc .rel-card span{font-size:1rem;color:#878a93;line-height:1.5}
.page-pc .rel-card strong{font-size:1.125rem;font-weight:700;color:#0B318F;line-height:1.5}
.page-pc .rel-card:hover{border-color:#0B318F;box-shadow:0 .625rem 1.75rem rgba(11,49,143,.12)}
/* 공통 : 값 카드 (WhY-Lab target-card 규격) */
.page-pc .val-row{display:flex;gap:1.25rem}
.page-pc .val-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.25rem 2rem;background:#fff;border:1px solid #0B318F;border-radius:1.25rem;text-align:center;box-sizing:border-box}
.page-pc .val-card .badge-pill{display:inline-flex;align-items:center;padding:.4375rem 1.125rem;border-radius:999px;background:#0B318F;color:#fff;font-size:.875rem;font-weight:700;line-height:1.43}
.page-pc .val-card strong{font-size:1.5rem;font-weight:700;color:#0B318F;letter-spacing:-.01em;line-height:1.33;word-break:keep-all}
.page-pc .val-card p{font-size:1.125rem;color:#878a93;line-height:1.5}
@media(max-width:1200px){
  .page-pc .pc-steps,.page-pc .rel-grid{grid-template-columns:1fr}
  .page-insight .step-flow{flex-wrap:wrap;gap:1rem}
  .page-insight .step-item,
  .page-insight .step-item:last-child{flex:none;width:100%}
  .page-insight .step-conn{display:none}
  .page-pc .val-card{padding:1.75rem 1.25rem}
  .page-pc .val-card strong{font-size:1.25rem}
}
@media(max-width:1024px){
  .page-pc .pc-hero,.page-pc .pc-hero-ph{border-radius:1rem}
  .page-pc .hl-box{padding:1.5rem 1.25rem}
  .page-pc .hl-box p{font-size:1.0625rem;line-height:1.55}
  .page-pc .hl-box strong{font-size:1.25rem}
  .page-pc .pc-steps li{padding:1.25rem;gap:.375rem}
  .page-insight .step-flow{gap:.75rem}
  .page-insight .step-card{padding:1.25rem;gap:.625rem}
  .page-insight .step-ic,.page-insight .step-ic img{width:2.75rem;height:2.75rem}
  .page-insight .step-title{font-size:1.125rem}
  .page-insight .step-desc{font-size:1rem}
  .page-pc .pc-steps .step-ic{width:2.75rem;height:2.75rem;margin-bottom:.375rem}
  .page-pc .pc-steps strong{font-size:1.125rem}
  .page-pc .pc-steps p{font-size:1rem}
  .page-pc .pc-checks li{padding:.75rem 1rem;font-size:1rem;border-radius:1rem}
  .page-pc .rel-card{padding:1.25rem}
  .page-pc .val-card{padding:1.5rem 1.25rem;gap:.625rem}
  .page-pc .val-card strong{font-size:1.125rem}
  .page-pc .val-card p{font-size:1rem}
}
@media(max-width:768px){
  .page-pc .pc-hero{aspect-ratio:172/125}
  .page-pc .val-row{flex-direction:column;gap:.75rem}
}

/* 공통 : 슬라이드 캡션 배지 (WhY-Lab 규격) */
.page-pc .pc-slider .slide-cap{position:absolute;left:1.25rem;bottom:1.25rem;z-index:2;display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:999px;background:#0B318F;color:#fff;font-size:.875rem;font-weight:500;line-height:1.43;white-space:nowrap}
/* 공통 : 버튼 변형 */
.page-pc .pc-apply.left{justify-content:flex-start}
.page-pc .pc-btn.ghost{background:#fff;color:#0B318F;border:1.5px solid #0B318F}
.page-pc .pc-btn.ghost:hover{background:#f2f7fc}
.page-pc .pc-sub h4 .badge-pill{display:inline-flex;align-items:center;margin-left:.5rem;padding:.25rem .75rem;border-radius:999px;background:#0B318F;color:#fff;font-size:.8125rem;font-weight:700;line-height:1.4;vertical-align:middle}
/* 전문성 심화과정 DEEPEN */
.page-deepen .dp-hero{gap:.75rem}
.page-deepen .dp-title{font-size:3rem;font-weight:700;color:#0B318F;letter-spacing:.04em;line-height:1.2}
.page-deepen .dp-full{font-size:1rem;color:#878a93;line-height:1.5;word-break:keep-all}
/* 고민 리스트 : 흰 박스 3열, 아이콘·텍스트 가운데 정렬 */
.page-deepen .pc-checks{grid-template-columns:repeat(3,1fr);gap:1.25rem}
.page-deepen .pc-checks li{flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding:2rem 1.5rem;background:#fff;border-radius:1.375rem;text-align:center;word-break:keep-all}
.page-deepen .pc-checks li::before{width:2.75rem;height:2.75rem;background-size:1.5rem}
/* 과목별 진행과정 : 번호 + 내용 리스트 */
.page-deepen .notice-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}
.page-deepen .notice-row{display:flex;align-items:center;gap:.875rem;padding:1.125rem 2rem 1.125rem 1.125rem;background:#f4f4f5;border-radius:999px;box-sizing:border-box}
.page-deepen .notice-num{flex:none;display:flex;align-items:center;justify-content:center;width:1.6875rem;height:1.6875rem;border-radius:50%;background:#0B318F;color:#fff;font-size:.8125rem;font-weight:700;line-height:1.38}
.page-deepen .notice-txt{min-width:0}
.page-deepen .notice-txt strong{font-size:1.125rem;font-weight:700;color:#292a2d;line-height:1.5}
.page-deepen .notice-txt p{font-size:1rem;font-weight:400;color:#878a93;line-height:1.5}
/* PDF 다운로드 버튼 : 네이비 배경 + 흰색 아이콘/텍스트 */
.page-deepen .pc-btn-dl img{filter:brightness(0) invert(1)}
.page-deepen .info-tbl td small{display:block;margin-top:.25rem;font-size:.9375rem;color:#878a93}
.page-deepen .dp-b{color:#0B318F;font-weight:700}
/* 최고위과정 소개 */
.page-exintro .tc-lead .tc-slogan{font-size:1.375rem;line-height:1.5;letter-spacing:-.005em;max-width:60rem}
@media(max-width:1024px){
  .page-deepen .dp-title{font-size:2rem}
  .page-exintro .tc-lead .tc-slogan{font-size:1.125rem}
}
@media(max-width:900px){
  .page-deepen .pc-checks{grid-template-columns:1fr}
}
@media(max-width:768px){
  .page-pc .pc-slider .slide-cap{left:.75rem;bottom:.75rem;padding:.375rem .75rem;font-size:.75rem}

  .page-deepen .pc-checks li{padding:1.5rem 1.25rem;gap:.75rem;border-radius:1rem}
  .page-deepen .pc-checks li::before{width:2.25rem;height:2.25rem;background-size:1.25rem}
  .page-deepen .notice-row{padding:1rem 1.25rem 1rem 1rem;border-radius:3.5rem}
  .page-deepen .notice-txt strong,
  .page-deepen .notice-txt p{font-size:1rem}
}

/* ===== 2차 수정(ppt 2번) : 프로그램 소개 박스 (Figma 7711:5474 intro_box) ===== */
.page-pc .pc-intro-box{display:flex;flex-direction:column;gap:.875rem;padding:2.75rem 3.25rem;background:#f2f7fc;border-radius:1.25rem;box-sizing:border-box}
.page-pc .pc-intro-box .intro-title{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;color:#0B318F;letter-spacing:-.01em;line-height:1.29;word-break:keep-all}
.page-pc .pc-intro-box .year-chip{display:inline-flex;align-items:center;padding:.1875rem .875rem;border-radius:.5rem;background:#0B318F;color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.01em;line-height:1.29;white-space:nowrap}
.page-pc .pc-intro-box p{margin:0;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
/* 교육방법 하위 박스 (method_item) */
.page-pc .pc-method-list{display:flex;flex-direction:column;gap:1rem}
.page-pc .pc-method-box{display:flex;flex-direction:column;gap:.625rem;padding:1.75rem 2rem;background:#f2f7fc;border-radius:1rem;box-sizing:border-box}
.page-pc .pc-method-box h5{margin:0;font-size:1.25rem;font-weight:700;color:#171719;letter-spacing:-.005em;line-height:1.45;word-break:keep-all}
/* 슬라이드 : 세로 원본은 잘리지 않게 전체 노출 */
.page-pc .pc-slide-img.fit img{object-fit:contain;background:#f2f4f7}
/* 설명 강조 (그로우톡 / 1:1 육아 인사이트) */
.page-pc .pc-lead.lead-strong{font-size:1.375rem;font-weight:500;color:#2e2f33;letter-spacing:-.005em;line-height:1.5}
/* 본문 글자 크기 통일 (대상/내용 = 방법 목록 크기) */
.page-pc .pc-desc.lg{font-size:1.25rem;line-height:1.45;letter-spacing:-.005em}
@media(max-width:1024px){
  .page-pc .pc-intro-box{gap:.75rem;padding:1.5rem 1.25rem;border-radius:1rem}
  .page-pc .pc-intro-box .intro-title,.page-pc .pc-intro-box .year-chip{font-size:1.25rem;line-height:1.45}
  .page-pc .pc-intro-box .year-chip{padding:.125rem .625rem}
  .page-pc .pc-intro-box p{font-size:1rem}
  .page-pc .pc-method-box{padding:1.25rem 1rem;border-radius:.75rem}
  .page-pc .pc-method-box h5{font-size:1.0625rem}
  .page-pc .pc-lead.lead-strong{font-size:1.125rem}
  .page-pc .pc-desc.lg{font-size:1rem;line-height:1.43}
}

/* 운영사례(교사교육/부모 및 가족지원) 줄 간격·불릿 / Figma 8131:19
   - 항목 줄 : 5px 남색 원 불릿, 줄 간격 8px, 라벨 굵게(#292a2d)
   - 하위 목록 : 8x2 회색 대시, 들여쓰기 15px, 줄 간격 6px, 위아래 2px */
.page-tcase .num-txt{gap:.5rem}
.page-tcase .num-txt p + p{margin-top:0}
.page-tcase .num-txt p{padding-left:.9375rem}
.page-tcase .num-txt p::before,
.page-tcase .num-txt p.cont::before{content:"";display:block;top:.6875rem;width:.3125rem;height:.3125rem;border-radius:50%;background:#0B318F;line-height:0}
.page-tcase .num-txt p b{color:#292a2d}
.page-tcase .case-bullets{gap:.375rem;margin:0;padding:.125rem 0 .125rem .9375rem}
.page-tcase .case-bullets + p{margin-top:0}
.page-tcase .case-bullets li{padding-left:.9375rem}
.page-tcase .case-bullets li::before{content:"";left:-1px;top:.8125rem;width:.325rem;height:1px;border-radius:0;background:#878a93}
.page-tcase .case-sub{margin-top:0}
@media(max-width:1024px){
  .page-tcase .num-txt p{padding-left:.75rem}
  .page-tcase .num-txt p::before,
  .page-tcase .num-txt p.cont::before{top:.625rem;width:.25rem;height:.25rem}
  .page-tcase .case-bullets{padding-left:.75rem}
  .page-tcase .case-bullets li{padding-left:.75rem}
  .page-tcase .case-bullets li::before{left:0;top:.75rem}
}
