/* ===== 카카오톡 안내 예시 섹션 (소개서 알림톡 목업) =====
   좌: 카피+포인트 / 우: 카톡 채팅 목업 카드. 카톡 톤(블루그레이 배경+말풍선) + 오렌지 CTA. */
.kko{
  background:linear-gradient(180deg,#fff 0%,#fff7f1 100%);
  padding:clamp(64px,8vw,110px) clamp(20px,5vw,40px);
  /* 전역 main>section{min-height:100svh} 무효화 — 콘텐츠 자연 높이 */
  min-height:0 !important;
  height:auto !important;
}
.kko-inner{
  max-width:1120px; margin:0 auto;
  display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(32px,5vw,72px);
  align-items:center;
}

/* 좌: 카피 */
.kko-title{
  margin:12px 0 0;
  font-size:clamp(26px,3.6vw,40px); font-weight:800; letter-spacing:-1px; line-height:1.34; color:#17181c;
}
.kko-title span{color:var(--orange,#f97316);}
.kko-sub{margin:18px 0 0; color:#5b6673; font-size:clamp(15px,1.4vw,17px); line-height:1.65;}
.kko-points{list-style:none; margin:24px 0 0; padding:0; display:flex; flex-direction:column; gap:12px;}
.kko-points li{
  position:relative; padding-left:28px;
  color:#2c3540; font-size:15px; line-height:1.55; font-weight:500;
}
.kko-points li::before{
  content:"✓"; position:absolute; left:0; top:0;
  color:var(--orange,#f97316); font-weight:800;
}

/* 우: 카톡 채팅 목업 */
.kko-phone{display:flex; justify-content:center;}
.kko-chat{
  width:100%; max-width:360px;
  background:#b2c7da;                 /* 카톡 채팅 배경(블루그레이) */
  border-radius:22px;
  padding:20px 18px 24px;
  box-shadow:0 24px 60px rgba(17,24,39,.16);
}
.kko-chat-head{display:flex; align-items:center; gap:9px; margin-bottom:14px;}
.kko-avatar{
  width:34px; height:34px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--orange,#f97316); color:#fff; font-size:14px; font-weight:800;
}
.kko-name{color:#2b3a48; font-size:14px; font-weight:700;}
.kko-bubble{
  position:relative;
  background:#fff; border-radius:4px 16px 16px 16px;
  padding:16px 16px 18px;
  box-shadow:0 2px 6px rgba(17,24,39,.08);
}
.kko-bubble-title{margin:0 0 8px; font-size:15px; font-weight:800; color:#17181c; letter-spacing:-.02em;}
.kko-bubble p{margin:0 0 6px; color:#3d4650; font-size:14px; line-height:1.6; letter-spacing:-.2px;}
.kko-bubble p b{color:var(--orange-deep,#e8590c); font-weight:800;}
.kko-bubble-btn{
  display:block; margin-top:14px; padding-top:13px;
  border-top:1px solid #eef0f3;
  color:var(--orange,#f97316); font-size:14px; font-weight:800; text-align:center;
}
.kko-time{margin-top:8px; padding-left:2px; color:rgba(43,58,72,.6); font-size:12px;}

@media (max-width:900px){
  .kko-inner{grid-template-columns:1fr; gap:clamp(28px,6vw,40px); text-align:center; max-width:520px;}
  .kko-points{align-items:flex-start; max-width:420px; margin-left:auto; margin-right:auto; text-align:left;}
}

/* 액션 아이템 라벨 (알림톡 2부 구성) */
.kko-bubble-label{margin-top:12px !important; color:var(--orange-deep,#e8590c); font-size:13px; font-weight:800; letter-spacing:-.02em;}