/* 아동·가족상담 - 공통 */
.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}
@media(max-width:1024px){
  .block-head h3{font-size:1.45rem}
}

/* 아동·가족상담 - 설립목적 및 조직도 / Figma 8129:11 (PC) 8234:223 (MOB) */
.page-cpurpose{display:flex;flex-direction:column;gap:3.25rem}
.page-cpurpose .hero-img{width:100%;aspect-ratio:1240/600;border-radius:1.75rem;overflow:hidden;background:#f4f4f5}
.page-cpurpose .hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.page-cpurpose .c-org{display:flex;flex-direction:column;gap:1.5rem}
@media(max-width:1024px){
  .page-cpurpose{gap:2.5rem}
  .page-cpurpose .hero-img{border-radius:1.25rem}
}
@media(max-width:768px){
  .page-cpurpose .hero-img{aspect-ratio: 172/125; border-radius: 1rem;}
}

/* 아동·가족상담 - 상담접수 / Figma 8143:11 */
.page-capply{display:flex;flex-direction:column;gap:3.25rem}
.page-capply p{margin:0;word-break:keep-all}
.page-capply section{display:flex;flex-direction:column;gap:1.25rem}
.page-capply .step-flow{display:flex;flex-wrap:wrap;align-items:stretch;row-gap:1.25rem;list-style:none;margin:0;padding:0}
.page-capply .step-item{display:flex;align-items:stretch;width:calc((100% - 5.5rem) / 3 + 2.75rem)}
.page-capply .step-item:nth-child(3n){width:calc((100% - 5.5rem) / 3)}
.page-capply .step-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.125rem;padding:2rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;box-sizing:border-box}
.page-capply .step-head{display:flex;align-items:center;gap:.75rem}
.page-capply .step-ic{flex:none;display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;background:#fff}
.page-capply .step-ic img{width:2.5rem;height:2.5rem}
.page-capply .step-num{flex:1;min-width:0;font-size:.875rem;font-weight:700;color:#0B318F;line-height:1.43}
.page-capply .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-capply .step-conn{flex:none;display:flex;align-items:center;justify-content:center;gap:.25rem;width:2.75rem}
.page-capply .step-conn i{display:block;width:1rem;height:1px;border-bottom: 2px dotted #c8cfda;}
.page-capply .step-conn img{width:1.25rem;height:1.25rem}
.page-capply .time-card{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;box-sizing:border-box}
.page-capply .time-title{flex:1;min-width:0;font-size:1.375rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45}
.page-capply .time-rows{display:flex;flex-direction:column}
.page-capply .time-group{display:flex;border-top:1px solid #e1e2e4}
.page-capply .time-group:first-child{border-top:0}
.page-capply .time-row{flex:1;min-width:0;display:flex;align-items:center;gap:1.5rem;padding:1rem 0}
.page-capply .day-chip{flex:none;display:flex;align-items:center;justify-content:center;width:3.25rem;height:2.25rem;border-radius:999px;background:#f2f7fc;color:#0B318F;font-size:1.125rem;font-weight:700;line-height:1.5}
.page-capply .time-value{flex:1;min-width:0;font-size:1.125rem;font-weight:500;color:#292a2d;line-height:1.5}
.page-capply .time-note{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5}
@media(max-width:1200px){
  .page-capply .step-flow{gap:1rem}
  .page-capply .step-item,.page-capply .step-item:nth-child(3n){width:calc(50% - .5rem)}
  .page-capply .step-conn{display:none}
}
@media(max-width:1024px){
  .page-capply{gap:2.5rem}
  .page-capply .step-card{padding:1.25rem;gap:.75rem}
  .page-capply .step-title{font-size:1.125rem}
  .page-capply .step-title br.pc{display:none}
  .page-capply .time-card{padding:1.25rem;gap:1rem}
  .page-capply .time-title{font-size:1.125rem}
  .page-capply .time-group{flex-direction:column}
  .page-capply .time-row{padding:.625rem 0;gap:1rem}
  .page-capply .day-chip{width:2.75rem;height:2rem;font-size:1rem}
  .page-capply .time-value,.page-capply .time-note{font-size:1rem}
}
@media(max-width:768px){
  .page-capply .step-flow{gap:.75rem}
  .page-capply .step-item,.page-capply .step-item:nth-child(3n){width:100%}
}

/* 상담접수 - 접수안내 / 접수방법 (pc-2025 pc-desc·pc-dots 스타일) */
.page-capply .c-desc{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5}
.page-capply .c-dots{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none}
.page-capply .c-dots li{display:flex;align-items:flex-start;gap:.75rem;font-size:1.125rem;font-weight:400;color:#878a93;letter-spacing:-.005em;line-height:1.45;word-break:keep-all}
.page-capply .c-dots li::before{content:"";flex:none;width:.25rem;height:.25rem;margin-top:.7rem;border-radius:50%;background:#0B318F}
.page-capply .c-apply{display:flex;margin-top:.25rem}
.page-capply .c-btn{display:inline-flex;align-items:center;justify-content:center;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;white-space:nowrap;box-sizing:border-box;transition:.25s}
.page-capply .c-btn img{width:1.375rem;height:1.375rem}
.page-capply .c-btn:hover{background:#06265a;transform:translateY(-.125rem)}
@media(max-width:1024px){
  .page-capply .c-desc{font-size:1rem}
  .page-capply .c-dots li{font-size:1rem;line-height:1.5;letter-spacing:0; gap: 0.5rem;}
  .page-capply .c-dots li::before{margin-top:.55rem}
  .page-capply .c-btn{height:3rem;padding:0 1.25rem;font-size:1rem}
  .page-capply .c-btn img{width:1.25rem;height:1.25rem}
  .page-capply .time-row + .time-row{border-top: 1px solid #e1e2e4;}
}

/* 설립목적 및 조직도 - 설립목적 소개 + 링크 버튼 */
.page-cpurpose .c-intro{display:flex;flex-direction:column;gap:1.5rem}
.page-cpurpose .c-desc{font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all;margin-bottom: 0; margin-top: 0.75rem;}
.page-cpurpose .link-btns{display:flex;flex-wrap:wrap;gap:.75rem}
.page-cpurpose .c-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:3.375rem;padding:0 1.5rem;border-radius:999px;font-size:1.125rem;font-weight:500;line-height:1.5;white-space:nowrap;box-sizing:border-box;transition:.25s}
.page-cpurpose .c-btn img{width:1.375rem;height:1.375rem}
.page-cpurpose .c-btn.primary{background:#0B318F;color:#fff}
.page-cpurpose .c-btn.primary:hover{background:#06265a;transform:translateY(-.125rem)}
.page-cpurpose .c-btn.ghost{background:#fff;color:#0B318F;border:1.5px solid #0B318F}
.page-cpurpose .c-btn.ghost:hover{background:#f2f7fc;transform:translateY(-.125rem)}
@media(max-width:1024px){
  .page-cpurpose .c-intro{gap:1.25rem}
  .page-cpurpose .c-desc{font-size:1rem}
  .page-cpurpose .c-btn{height:3rem;padding:0 1.25rem;font-size:1rem}
  .page-cpurpose .c-btn img{width:1.25rem;height:1.25rem}
}

/* 상담분야 (개인상담·컨설팅 / 집단상담·교육 / 심리검사·평가) - 프로그램 카드 */
.page-cfield .cs-list{display:flex;flex-direction:column;gap:1rem}
.page-cfield .cs-card{display:flex;flex-direction:column;gap:1rem;padding:1.75rem 2rem;background:#fff;border:1px solid #e1e2e4;border-radius:1.375rem;box-sizing:border-box}
.page-cfield .cs-name{margin:0;font-size:1.375rem;font-weight:700;color:#0B318F;letter-spacing:-.005em;line-height:1.45;word-break:keep-all}
.page-cfield .cs-dl{display:flex;flex-direction:column;gap:.625rem;margin:0}
.page-cfield .cs-dl > div{display:flex;align-items:flex-start;gap:1rem}
.page-cfield .cs-dl dt{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:3.5rem;padding:.25rem .75rem;border-radius:999px;background:#f2f7fc;color:#0B318F;font-size:.875rem;font-weight:700;line-height:1.43}
.page-cfield .cs-dl dd{flex:1;min-width:0;margin:0;font-size:1.125rem;font-weight:400;color:#878a93;line-height:1.5;word-break:keep-all}
@media(max-width:1024px){
  .page-cfield .cs-card{padding:1.25rem;gap:.75rem}
  .page-cfield .cs-name{font-size:1.125rem}
  .page-cfield .cs-dl dd{font-size:1rem}
}
@media(max-width:500px){
  .page-cfield .cs-dl > div{flex-direction: column; gap: 0.5rem;}
}
.page-cpurpose .c-btn img{width:1.375rem;height:1.375rem}
.page-cpurpose .c-btn.ghost img{filter:brightness(0) invert(14%) sepia(60%) saturate(3000%) hue-rotate(205deg) brightness(85%)}