/* TeamKai: styles.css
 * 1) 디자인 토큰  2) 베이스  3) 컴포넌트 클래스(자동 생성: hdr-=헤더, ftr-=푸터, cta-=하단 CTA, c-=본문)  4) JS 상태 유틸
 * 폰트: Pretendard(CDN, 각 HTML <head>), Redward(fonts/)
 */
:root{
  --yellow-100:#FEF9E1;
  --yellow-200:#FEF3CB;
  --yellow-500:#FDD757;
  --yellow-600:#FEC200;
  --yellow-700:#5A3C03;
  --yellow-800:#302000;
  --blue-100:#F5F8FA;
  --blue-200:#D4E3EC;
  --blue-300:#C6DAE7;
  --blue-500:#A4C8E1;
  --blue-600:#82A0B3;
  --blue-700:#333D45;
  --blue-900:#171C20;
  --white:#FFFFFF;
  --grey-200:#EBEBEB;
  --grey-300:#D0D0D0;
  --grey-400:#ADADAD;
  --grey-500:#898989;
  --grey-600:#696969;
  --grey-700:#3F3F3F;
  --black:#000000;
}

/* ===== 베이스 ===== */
@font-face { font-family: Redward; src: url("../fonts/Redward-Regular.woff2") format("woff2"), url("../fonts/Redward-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
body { margin: 0px; background: var(--white); font-family: Pretendard, sans-serif; color: var(--black); -webkit-font-smoothing: antialiased; word-break: keep-all; overflow-wrap: anywhere; }
* { box-sizing: border-box; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--grey-700); }
button { font-family: inherit; }
@keyframes tkw { 
  0%, 100% { height: 6px; }
  50% { height: 30px; }
}
@keyframes tksway { 
  0%, 100% { transform: rotate(-3deg); }
  50% { transform: rotate(4deg); }
}
@keyframes tkin { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
summary::-webkit-details-marker { display: none; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: var(--black) solid 2px; outline-offset: 2px; }

/* ===== 컴포넌트 클래스 ===== */
.hdr-box-1{height: 100px;}
.hdr-box-2{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;}
.hdr-box-3{background: var(--blue-500); font-size: 13px; line-height: 1.44; padding: 9px clamp(20px, 5vw, 40px); display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; text-align: center;}
.hdr-link-1{text-decoration: underline; text-underline-offset: 3px; display: inline-block; padding: 12px 4px; margin: -12px 0px;}
.hdr-box-4{background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(12px); border-bottom: 1px solid var(--grey-200); position: relative;}
.hdr-box-5{padding: 0px clamp(20px, 5vw, 40px);}
.hdr-box-6{max-width: 1120px; margin: 0px auto; height: 64px; display: flex; align-items: stretch; gap: clamp(20px, 3vw, 40px);}
.hdr-link-2{display: flex; align-items: center; gap: 8px; flex-shrink: 0;}
.hdr-img-1{width: 21px; height: 22px;}
.hdr-txt-1{font-family: Redward, Pretendard, sans-serif; font-size: 22px;}
.hdr-nav-1{display: flex; align-items: stretch; gap: 4px; font-size: 15px; font-weight: 500;}
.hdr-btn-1{background: none; border: none; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 0px 14px; font-size: 15px; font-weight: 500; color: var(--black); box-shadow: none;}
.hdr-svg-1{transform: none; transition: transform 200ms;}
.hdr-link-3{display: flex; align-items: center; padding: 0px 14px; box-shadow: none;}
.hdr-link-3:hover{color: var(--grey-600) !important;}
.hdr-box-7{margin-left: auto; display: flex; align-items: center; gap: 20px;}
.hdr-link-4{font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 4px;}
.hdr-link-5{background: var(--black); color: var(--white); font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 6px; white-space: nowrap;}
.hdr-link-5:hover{background: var(--grey-700) !important; color: var(--white) !important;}
.hdr-btn-2{background: none; border: none; font-size: 22px; cursor: pointer; padding: 4px 6px; color: var(--black);}
.hdr-box-8{position: absolute; top: 100%; left: 0px; right: 0px; background: var(--white); border-top: 1px solid var(--grey-200); border-bottom: 1px solid var(--grey-200); box-shadow: rgba(23, 28, 32, 0.08) 0px 24px 48px; padding: 0px clamp(20px, 5vw, 40px);}
.hdr-box-9{max-width: 1120px; margin: 0px auto; padding: 40px 0px 48px; display: flex; flex-direction: column; gap: 36px;}
.hdr-box-10{display: flex; justify-content: space-between; align-items: flex-start; gap: 24px;}
.hdr-box-11{font-size: 24px; font-weight: 500; line-height: 1.3;}
.hdr-txt-2{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-weight: 400;}
.hdr-link-6{background: #F5F5F5; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 6px; white-space: nowrap;}
.hdr-link-6:hover{background: var(--yellow-200) !important; color: var(--black) !important;}
.hdr-box-12{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px;}
.hdr-box-13{display: flex; flex-direction: column; gap: 6px; min-width: 0px;}
.hdr-txt-3{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2; padding: 0px 0px 12px;}
.hdr-link-7{display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 0px -12px; border-radius: 8px;}
.hdr-link-7:hover{background: var(--yellow-100) !important; color: var(--black) !important;}
.hdr-txt-4{display: flex; flex-direction: column; gap: 3px; min-width: 0px; flex: 1 1 0%;}
.hdr-txt-5{font-size: 15px; font-weight: 500;}
.hdr-txt-6{font-size: 13px; color: var(--grey-500);}
.hdr-svg-2{flex-shrink: 0;}
.hdr-box-14{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px 48px;}
.hdr-box-15{position: absolute; top: 100%; left: 0px; right: 0px; background: var(--white); border-bottom: 1px solid var(--grey-200); max-height: calc(-110px + 100vh); overflow-y: auto; padding: 8px 20px 24px; display: flex; flex-direction: column; font-size: 15px; font-weight: 500;}
.hdr-txt-7{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; color: var(--grey-500); padding: 16px 0px 6px;}
.hdr-box-16{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px 20px;}
.hdr-box-17{display: flex; flex-direction: column; min-width: 0px;}
.hdr-txt-8{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 14px; line-height: 1.2; color: var(--black); padding: 12px 0px 2px;}
.hdr-link-8{display: flex; justify-content: space-between; align-items: center; padding: 12px 0px; border-bottom: 1px solid var(--grey-200);}
.hdr-txt-9{color: var(--grey-500);}
.hdr-txt-10{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; color: var(--grey-500); padding: 20px 0px 6px;}
.hdr-link-9{padding: 12px 0px; border-bottom: 1px solid var(--grey-200);}
.hdr-link-10{padding: 12px 0px;}
.hdr-box-18{position: fixed; inset: 0px; z-index: 90; background: rgba(23, 28, 32, 0.18);}
.c-box-1{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr)); min-height: 640px; background: var(--yellow-500);}
.c-box-2{position: relative; overflow: hidden; padding: clamp(64px, 9vw, 120px) clamp(20px, 5vw, 40px) 80px max(clamp(20px, 5vw, 40px), -560px + 50vw); display: flex; flex-direction: column; justify-content: center; gap: 24px; min-width: 0px;}
.c-box-3{position: absolute; right: -22%; top: -18%; width: clamp(560px, 58vw, 880px); pointer-events: none; opacity: 0.95;}
.c-img-1{width: 100%; display: block; transform-origin: 9% 97%; animation: 9s ease-in-out 0s infinite normal none running tksway;}
.c-box-4{font-family: Redward, Pretendard, sans-serif; font-size: 24px; line-height: 1.2; position: relative;}
.c-txt-1{font-style: italic;}
.c-h1-1{margin: 0px; font-size: clamp(34px, 4.2vw, 48px); font-weight: 600; line-height: 1.1; letter-spacing: -0.01em; position: relative;}
.c-p-1{margin: 0px; font-size: 18px; line-height: 1.44; max-width: 520px; position: relative;}
.c-box-5{display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; position: relative;}
.c-link-1{background: var(--black); color: var(--white); font-size: 15px; font-weight: 500; padding: 13px 22px; border-radius: 6px;}
.c-link-1:hover{background: var(--grey-700) !important; color: var(--white) !important;}
.c-link-2{background: var(--white); color: var(--black); font-size: 15px; font-weight: 500; padding: 13px 22px; border-radius: 6px;}
.c-link-2:hover{background: var(--yellow-100) !important;}
.c-box-6{font-size: 14px; line-height: 1.44; position: relative;}
.c-box-7{position: relative; min-width: 0px; min-height: 420px; overflow: hidden; background: var(--blue-500);}
.c-img-2{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 60% center;}
.c-box-8{padding: clamp(32px, 5vw, 48px) clamp(20px, 5vw, 40px); border-bottom: 1px solid var(--grey-200);}
.c-box-9{max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); place-items: center; gap: 32px 24px;}
.c-img-3{height: clamp(17px, 3vw, 23px); width: auto; max-width: 100%; object-fit: contain; display: block;}
.c-img-4{height: clamp(29px, 3vw, 40px); width: auto; max-width: 100%; object-fit: contain; display: block;}
.c-img-5{height: clamp(15px, 3vw, 21px); width: auto; max-width: 100%; object-fit: contain; display: block;}
.c-img-6{height: clamp(16px, 3vw, 22px); width: auto; max-width: 100%; object-fit: contain; display: block;}
.c-img-7{height: clamp(32px, 3vw, 44px); width: auto; max-width: 100%; object-fit: contain; display: block;}
.c-box-10{padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px);}
.c-box-11{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 40px;}
.c-box-12{display: flex; flex-direction: column; gap: 16px;}
.c-box-13{font-family: Redward, Pretendard, sans-serif; font-size: 24px; line-height: 1.2;}
.c-h2-1{margin: 0px; font-size: clamp(28px, 3.4vw, 40px); font-weight: 600; line-height: 1.1;}
.c-p-2{margin: 0px; font-size: 18px; line-height: 1.44; color: var(--grey-700);}
.c-box-14{display: flex; flex-direction: column; gap: 12px;}
.c-box-15{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 12px;}
.c-box-16{background: var(--blue-100); border-radius: 16px; padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 18px;}
.c-box-17{display: flex; flex-direction: column; gap: 10px;}
.c-box-18{font-family: Redward, Pretendard, sans-serif; font-size: 16px; line-height: 1.2;}
.c-txt-2{font-family: Pretendard, sans-serif; font-size: 15px; margin-left: 8px;}
.c-box-19{font-size: 24px; font-weight: 500; line-height: 1.2;}
.c-box-20{display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px;}
.c-txt-3{background: var(--blue-200); border: 1px solid var(--blue-200); border-radius: 999px; padding: 8px 22px;}
.c-txt-4{border: 1px solid var(--grey-300); border-radius: 999px; padding: 8px 22px; color: var(--grey-500);}
.c-box-21{background: var(--yellow-200); border-radius: 16px; padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 18px;}
.c-box-22{display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; font-weight: 500;}
.c-txt-5{background: var(--yellow-500); border: 1px solid var(--yellow-500); border-radius: 999px; padding: 8px 22px;}
.c-txt-6{background: var(--white); border: 1px solid var(--black); border-radius: 999px; padding: 8px 22px;}
.c-box-23{background: var(--blue-300); border-radius: 12px; padding: 20px clamp(24px, 4vw, 40px); font-size: 16px; font-weight: 500; line-height: 1.5;}
.c-box-24{position: relative; overflow: hidden; background: linear-gradient(var(--blue-100) 0%, var(--blue-200) 100%); padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px);}
.c-img-8{position: absolute; right: -40px; top: -20px; width: clamp(280px, 36vw, 480px); opacity: 0.28; pointer-events: none;}
.c-box-25{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 44px; position: relative;}
.c-box-26{display: flex; flex-direction: column; gap: 14px;}
.c-box-27{font-family: Redward, Pretendard, sans-serif; font-size: 24px; line-height: 1.2; color: var(--black);}
.c-p-3{margin: 0px; font-size: 18px; line-height: 1.44; color: var(--blue-700);}
.c-box-28{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: 20px;}
.c-box-29{background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(16px); border: 1px solid var(--white); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 16px; min-height: 440px;}
.c-box-30{display: flex; align-items: center; gap: 10px;}
.c-img-9{width: 36px; height: 36px; margin: -6px -6px -6px -4px;}
.c-txt-7{margin-left: auto; font-size: 12px; background: var(--blue-100); border: 1px solid var(--blue-200); border-radius: 999px; padding: 4px 10px; color: var(--blue-700);}
.c-box-31{flex: 1 1 0%; display: flex; flex-direction: column; gap: 10px;}
.c-box-32{align-self: flex-start; max-width: 84%; background: var(--white); border: 1px solid var(--blue-200); border-radius: 14px 14px 14px 4px; padding: 11px 15px; font-size: 14px; line-height: 1.44; animation: 0.35s ease 0s 1 normal both running tkin;}
.c-box-33{display: flex; gap: 4px; align-items: center; height: 34px;}
.c-txt-8{display: block; width: 5px; height: 6px; border-radius: 3px; background: var(--grey-300); animation: auto ease 0s 1 normal none running none;}
.c-box-34{display: flex; flex-wrap: wrap; gap: 8px;}
.c-btn-1{background: var(--white); border: 1px solid var(--grey-300); border-radius: 999px; padding: 12px 16px; font-size: 14px; cursor: pointer;}
.c-btn-1:hover{border-color: var(--black) !important;}
.c-box-35{background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(16px); border: 1px solid var(--white); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px;}
.c-box-36{font-size: 12px; color: var(--blue-700);}
.c-box-37{font-size: 13px; line-height: 1.44; color: var(--blue-600);}
.c-box-38{margin-top: auto; font-size: 12px; line-height: 1.44; color: var(--blue-700);}
.c-box-39{display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.c-txt-9{font-size: 16px; font-weight: 500;}
.c-link-3{background: var(--black); color: var(--white); font-size: 15px; font-weight: 500; padding: 13px 22px; border-radius: 6px;}
.c-link-3:hover{background: var(--grey-700) !important;}
.c-box-40{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 44px;}
.c-box-41{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(clamp(25% - 13px, -99900% + 859140px, 50% - 9px), -99900% + 479520px)), 1fr)); gap: 16px;}
.c-link-4{border: 1px solid var(--grey-200); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 12px; min-height: 250px;}
.c-link-4:hover{border-color: var(--black) !important;}
.c-txt-10{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 20px; color: var(--grey-500);}
.c-txt-11{font-size: 16px; line-height: 1.44; color: var(--grey-700);}
.c-txt-12{margin-top: auto; font-size: 13px; font-weight: 500;}
.c-p-4{margin: 0px; font-size: 15px; line-height: 1.5; color: var(--grey-700);}
.c-link-5{font-weight: 500; color: var(--black); border-bottom: 2px solid var(--yellow-500);}
.c-box-42{background: var(--yellow-100); padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px) 0px;}
.c-box-43{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: clamp(32px, 4vw, 48px);}
.c-p-5{margin: 0px; font-size: 18px; line-height: 1.44; color: var(--grey-700); max-width: 720px;}
.c-box-44{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(33.33% - 12px, -99900% + 719280px)), 1fr)); gap: 16px;}
.c-box-45{background: var(--white); border-radius: 20px; padding: clamp(24px, 3vw, 32px); display: flex; flex-direction: column; gap: 12px; min-height: 240px;}
.c-txt-13{font-family: Redward, Pretendard, sans-serif; font-size: clamp(40px, 4.4vw, 52px); line-height: 1.05;}
.c-txt-14{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 18px; line-height: 1.2; margin-top: auto;}
.c-txt-15{font-size: 13px; color: var(--yellow-700); font-weight: 500;}
.c-link-6{align-self: flex-start; font-size: 15px; font-weight: 500; border-bottom: 2px solid var(--black); padding-bottom: 2px;}
.c-box-46{background: var(--yellow-100); padding: clamp(40px, 5vw, 56px) 0px 0px;}
.c-box-47{display: flex; flex-flow: row-reverse wrap;}
.c-box-48{flex: 1 1 420px; min-width: min(100%, 420px); position: relative; min-height: clamp(320px, 36vw, 480px); background: var(--blue-500); overflow: hidden;}
.c-img-10{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 40% 30%;}
.c-box-49{flex: 1 1 420px; min-width: min(100%, 420px); background: linear-gradient(var(--blue-200), var(--blue-500)); min-height: clamp(320px, 36vw, 480px); position: relative; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding: 48px 24px 0px;}
.c-box-50{width: min(340px, 86%); background: var(--white); border-radius: 32px 32px 0px 0px; box-shadow: rgba(23, 28, 32, 0.12) 0px -10px 40px; padding: 22px 18px 28px; display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 1.5;}
.c-box-51{align-self: flex-end; max-width: 85%; background: var(--yellow-500); border-radius: 16px 16px 4px; padding: 10px 14px;}
.c-box-52{display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--grey-600);}
.c-img-11{width: 22px; height: 22px; margin: -4px;}
.c-box-53{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.c-box-54{aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: var(--yellow-100); position: relative;}
.c-img-12{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover;}
.c-box-55{aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: var(--blue-100); position: relative;}
.c-box-56{aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden; background: var(--yellow-200); position: relative;}
.c-box-57{align-self: flex-start; max-width: 90%; background: var(--blue-100); border-radius: 16px 16px 16px 4px; padding: 10px 14px;}
.c-box-58{background: var(--blue-100); padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px);}
.c-box-59{display: flex; flex-wrap: wrap; gap: 12px;}
.c-link-7{flex: 1 1 min(100%, max(clamp(20% - 10px, -99900% + 859140px, 33.33% - 9px), -99900% + 479520px)); min-width: 0px; background: var(--white); border-radius: 14px; padding: 24px 20px; display: flex; flex-direction: column; gap: 10px; min-height: 170px;}
.c-link-7:hover{background: var(--yellow-100) !important;}
.c-txt-16{font-size: 13px; line-height: 1.44; color: var(--grey-700);}
.c-box-60{background: var(--white); color: var(--black); position: relative; overflow: hidden; padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px);}
.c-box-61{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 40px; position: relative;}
.c-box-62{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(clamp(25% - 10px, -99900% + 859140px, 50% - 7px), -99900% + 479520px)), 1fr)); gap: 12px; color: var(--black);}
.c-box-63{background: var(--blue-100); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px;}
.c-txt-17{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2; color: var(--blue-600);}
.c-link-8{align-self: flex-start; font-size: 15px; font-weight: 500; color: var(--black); border-bottom: 2px solid var(--yellow-500); padding-bottom: 2px;}
.cta-box-1{background: var(--yellow-500); position: relative; overflow: hidden; padding: clamp(64px, 9vw, 104px) clamp(20px, 5vw, 40px);}
.cta-img-1{position: absolute; right: 4%; top: -40px; width: clamp(200px, 30vw, 380px); pointer-events: none;}
.cta-box-2{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 18px; position: relative;}
.cta-h2-1{margin: 0px; font-size: clamp(28px, 3.4vw, 40px); font-weight: 600; line-height: 1.1; max-width: 760px; text-wrap: balance;}
.cta-p-1{margin: 0px; font-size: 18px; line-height: 1.44; color: var(--yellow-800); max-width: 640px;}
.cta-box-3{display: flex; gap: 10px; margin-top: 8px; flex-wrap: wrap;}
.cta-link-1{background: var(--white); font-size: 15px; font-weight: 500; padding: 13px 22px; border-radius: 6px;}
.cta-link-1:hover{background: var(--yellow-100) !important;}
.ftr-box-1{background: var(--black); color: var(--grey-400); padding: clamp(48px, 8vw, 72px) clamp(20px, 5vw, 40px) 40px;}
.ftr-box-2{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 48px;}
.ftr-box-3{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 32px;}
.ftr-box-4{display: flex; flex-direction: column; gap: 16px; grid-column: 1 / -1; min-width: 0px;}
.ftr-box-5{display: flex; align-items: center; gap: 8px; color: var(--white);}
.ftr-box-6{font-family: Redward, Pretendard, sans-serif; font-size: 20px; line-height: 1.3; color: var(--white); white-space: nowrap;}
.ftr-box-7{font-size: 12px; line-height: 1.44; color: var(--grey-500); max-width: 340px;}
.ftr-box-8{display: flex; flex-direction: column; gap: 0px; font-size: 14px;}
.ftr-txt-1{font-size: 12px; color: var(--grey-600);}
.ftr-link-1{padding: 7px 0px;}
.ftr-link-1:hover{color: var(--white) !important;}
.ftr-box-9{display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--grey-500); padding-top: 24px; border-top: 1px solid var(--grey-700);}
.ftr-box-10{position: fixed; right: 24px; bottom: 24px; z-index: 99; display: none; /* FAB 임시 숨김: Kai 에이전트 위젯으로 대체 예정 */ flex-direction: column; align-items: flex-end; gap: 12px;}
.ftr-box-11{width: 290px; background: var(--white); border: 1px solid var(--grey-200); border-radius: 16px; box-shadow: rgba(23, 28, 32, 0.18) 0px 20px 50px; padding: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; line-height: 1.44;}
.ftr-box-12{display: flex; align-items: center; gap: 8px;}
.ftr-img-1{width: 34px; height: 34px; margin: -6px;}
.ftr-txt-2{font-weight: 500; font-size: 15px;}
.ftr-txt-3{color: var(--grey-700);}
.ftr-link-2{margin-top: 6px; background: var(--black); color: var(--white); text-align: center; font-size: 14px; font-weight: 500; padding: 11px 16px; border-radius: 6px;}
.ftr-btn-1{display: flex; align-items: center; gap: 8px; background: var(--black); color: var(--white); border: none; cursor: pointer; border-radius: 999px; padding: 14px 20px; font-size: 14px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 30px; transition: padding 320ms cubic-bezier(0, 0, 0.2, 1);}
.ftr-img-2{width: 28px; height: 28px; margin: -6px -4px;}
.hdr-btn-3{background: none; border: none; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 0px 14px; font-size: 15px; font-weight: 500; color: var(--black); box-shadow: var(--black) 0px -2px 0px inset;}
.hdr-link-11{background: #F5F5F5; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 6px; white-space: nowrap;}
.hdr-link-11:hover{color: var(--grey-600) !important;}
.hdr-link-12{display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 0px -12px; border-radius: 8px;}
.hdr-link-12:hover{background: var(--grey-700) !important; color: var(--white) !important;}
.c-box-64{background: var(--yellow-500); position: relative; overflow: hidden; padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 40px) clamp(48px, 6vw, 80px);}
.c-box-65{max-width: 1120px; margin: 0px auto; position: relative; display: flex; flex-direction: column; gap: 18px;}
.c-box-66{font-size: 13px; color: var(--yellow-700); display: flex; gap: 6px;}
.c-h1-2{margin: 0px; font-size: clamp(34px, 4.2vw, 48px); font-weight: 600; line-height: 1.1; max-width: 860px; text-wrap: balance;}
.c-box-67{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px;}
.c-box-68{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 16px;}
.c-box-69{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 16px;}
.c-link-9{background: var(--yellow-100); border-radius: 20px; padding: 36px 32px; display: flex; flex-direction: column; gap: 12px; min-height: 280px;}
.c-link-9:hover{background: var(--yellow-200) !important;}
.c-txt-18{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; color: var(--yellow-700);}
.c-txt-19{font-family: Redward, Pretendard, sans-serif; font-size: 36px; line-height: 1.1;}
.c-txt-20{font-size: 18px; line-height: 1.44; color: var(--grey-700); max-width: 440px;}
.c-txt-21{margin-top: auto; font-size: 14px; font-weight: 500;}
.c-link-10{background: var(--blue-100); border-radius: 20px; padding: 36px 32px; display: flex; flex-direction: column; gap: 12px; min-height: 280px;}
.c-link-10:hover{background: var(--blue-200) !important;}
.c-txt-22{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; color: var(--blue-700);}
.c-link-11{background: var(--black); color: var(--white); border-radius: 20px; padding: 36px 32px; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap;}
.c-link-11:hover{background: var(--blue-900) !important;}
.c-txt-23{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; color: var(--grey-400);}
.c-txt-24{font-size: 18px; line-height: 1.44; color: var(--grey-300); max-width: 560px;}
.c-txt-25{font-size: 14px; font-weight: 500; color: var(--yellow-500);}
.c-box-70{padding: 0px clamp(20px, 5vw, 40px) clamp(64px, 10vw, 112px);}
.c-box-71{max-width: 1120px; margin: 0px auto; background: var(--yellow-200); color: var(--black); border-radius: 12px; padding: 20px 28px; font-size: 16px; line-height: 1.5; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;}
.c-txt-26{font-weight: 600;}
.c-link-12{font-weight: 500; border-bottom: 2px solid var(--black);}
.hdr-link-13{background: #F5F5F5; font-size: 14px; font-weight: 500; padding: 10px 16px; border-radius: 6px; white-space: nowrap;}
.hdr-link-13:hover{background: var(--yellow-100) !important; color: var(--black) !important;}
.hdr-link-14{display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 0px -12px; border-radius: 8px;}
.hdr-link-14:hover{color: var(--white) !important;}
.c-h1-3{margin: 0px; font-size: clamp(34px, 4.2vw, 48px); font-weight: 600; line-height: 1.1; max-width: 860px;}
.c-box-72{padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px); scroll-margin-top: 100px;}
.c-box-73{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column;}
.c-box-74{display: flex; flex-direction: column; gap: 16px; padding-bottom: clamp(28px, 4vw, 40px);}
.c-box-75{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; padding: clamp(44px, 7vw, 72px) 0px; border-top: 1px solid var(--grey-200);}
.c-txt-27{align-self: flex-start; background: var(--yellow-200); border-radius: 6px; padding: 5px 10px; font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2;}
.c-h3-1{margin: 0px; font-size: 24px; font-weight: 500; line-height: 1.2;}
.c-box-76{display: flex; flex-direction: column; font-size: 16px; line-height: 1.44; color: var(--grey-700);}
.c-box-77{display: grid; grid-template-columns: 56px 1fr; padding: 10px 0px; border-top: 1px solid var(--grey-200);}
.c-txt-28{font-weight: 500; color: var(--black);}
.c-box-78{display: grid; grid-template-columns: 56px 1fr; padding: 10px 0px; border-top: 1px solid var(--grey-200); border-bottom: 1px solid var(--grey-200);}
.c-box-79{background: linear-gradient(var(--blue-100), var(--blue-200)); border-radius: 20px; padding: 20px;}
.c-box-80{background: rgba(255, 255, 255, 0.75); border: 1px solid var(--white); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 10px;}
.c-box-81{display: flex; align-items: center; gap: 8px; padding-bottom: 10px;}
.c-img-13{width: 26px; height: 26px; margin: -4px -2px;}
.c-txt-29{font-size: 14px; font-weight: 500;}
.c-txt-30{margin-left: auto; font-size: 12px; color: var(--blue-700);}
.c-box-82{align-self: flex-end; max-width: 82%; background: var(--yellow-500); border-radius: 14px 14px 4px; padding: 11px 15px; font-size: 14px; line-height: 1.44;}
.c-box-83{align-self: flex-start; max-width: 84%; background: var(--white); border: 1px solid var(--blue-200); border-radius: 14px 14px 14px 4px; padding: 11px 15px; font-size: 14px; line-height: 1.44;}
.c-box-84{font-family: Pretendard, sans-serif; font-weight: 500; font-size: 12px; color: var(--blue-600);}
.c-box-85{align-self: flex-start; font-size: 13px; font-weight: 500; background: var(--black); color: var(--white); border-radius: 6px; padding: 8px 12px;}
.c-box-86{background: var(--blue-100); border-radius: 16px; padding: 20px; display: flex; flex-direction: column; gap: 12px;}
.c-box-87{background: var(--white); border-radius: 12px; padding: 4px 18px; display: flex; flex-direction: column; font-size: 14px; font-weight: 500;}
.c-box-88{display: flex; justify-content: space-between; align-items: center; padding: 13px 0px; border-bottom: 1px solid var(--grey-200);}
.c-txt-31{font-size: 12px; background: var(--yellow-500); border-radius: 999px; padding: 3px 10px;}
.c-box-89{display: flex; justify-content: space-between; align-items: center; padding: 13px 0px; color: var(--grey-500);}
.c-txt-32{font-size: 12px; background: var(--blue-100); border: 1px solid var(--blue-200); border-radius: 999px; padding: 3px 10px;}
.c-box-90{display: flex; flex-direction: column; gap: 8px; font-size: 16px; line-height: 1.44; color: var(--grey-700);}
.c-box-91{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; padding: clamp(44px, 7vw, 72px) 0px; border-top: 1px solid var(--grey-200); scroll-margin-top: 110px;}
.c-box-92{background: linear-gradient(var(--blue-100), var(--blue-200)); border-radius: 20px; padding: 16px;}
.c-box-93{background: var(--white); border-radius: 14px; box-shadow: rgba(23, 28, 32, 0.08) 0px 12px 32px; overflow: hidden;}
.c-box-94{display: flex; gap: 2px; padding: 0px 10px; border-bottom: 1px solid var(--grey-200); font-size: 12px; color: var(--grey-600); overflow: hidden;}
.c-txt-33{padding: 11px 8px;}
.c-txt-34{padding: 11px 8px; color: var(--black); font-weight: 600; box-shadow: var(--black) 0px -2px 0px inset;}
.c-box-95{padding: 18px; display: flex; flex-direction: column; gap: 14px; font-size: 13px; line-height: 1.5;}
.c-box-96{font-size: 16px; font-weight: 600;}
.c-box-97{display: flex; flex-direction: column; gap: 2px;}
.c-txt-35{font-size: 11px; color: var(--grey-500);}
.c-box-98{display: flex; flex-direction: column; gap: 6px;}
.c-box-99{display: flex; align-items: center; gap: 10px; border: 1px solid var(--grey-200); border-radius: 8px; padding: 8px 10px;}
.c-txt-36{width: 20px; height: 20px; border-radius: 50%; background: var(--yellow-200); display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 600; flex-shrink: 0;}
.c-box-100{border: 1px solid var(--grey-200); border-radius: 8px; padding: 12px; line-height: 2; color: var(--grey-700);}
.c-txt-37{display: inline-flex; align-items: center; gap: 4px; background: var(--yellow-200); border-radius: 4px; padding: 1px 7px; font-weight: 500; color: var(--yellow-700); white-space: nowrap;}
.c-txt-38{display: inline-flex; align-items: center; gap: 4px; background: var(--blue-200); border-radius: 4px; padding: 1px 7px; font-weight: 500; color: var(--blue-700); white-space: nowrap;}
.c-txt-39{font-size: 11px; color: var(--blue-600);}
.c-box-101{background: var(--blue-100); padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px); scroll-margin-top: 100px;}
.c-box-102{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; padding: clamp(44px, 7vw, 72px) 0px; border-top: 1px solid var(--blue-200);}
.c-box-103{background: var(--white); border-radius: 14px; box-shadow: rgba(23, 28, 32, 0.08) 0px 12px 32px; overflow: hidden; padding: 16px; display: flex; flex-direction: column; gap: 9px;}
.c-box-104{display: flex; align-items: center; gap: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--grey-200);}
.c-img-14{width: 24px; height: 24px; margin: -4px -2px;}
.c-txt-40{font-size: 13px; font-weight: 500;}
.c-txt-41{margin-left: auto; font-size: 11px; color: var(--white); background: var(--black); border-radius: 999px; padding: 3px 9px;}
.c-box-105{align-self: flex-end; max-width: 88%; background: var(--yellow-200); border-radius: 14px 14px 4px; padding: 10px 14px; font-size: 13px; line-height: 1.5;}
.c-box-106{font-size: 11px; font-weight: 500; color: var(--grey-500);}
.c-box-107{align-self: flex-start; background: var(--white); border: 1px solid var(--blue-200); border-radius: 14px 14px 14px 4px; padding: 9px 14px; font-size: 13px;}
.c-box-108{align-self: flex-end; display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--grey-600);}
.c-txt-42{width: 6px; height: 6px; border-radius: 50%; border: 1px solid var(--grey-400);}
.c-box-109{align-self: flex-end; font-size: 11px; font-weight: 500; color: var(--blue-700);}
.c-box-110{align-self: flex-end; max-width: 92%; background: var(--blue-100); border: 1px solid var(--blue-200); border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; line-height: 1.5;}
.c-txt-43{border-left: 2px solid var(--grey-400); padding-left: 8px; color: var(--grey-600);}
.c-txt-44{font-size: 13px; color: var(--black);}
.c-box-111{background: var(--white); border-radius: 20px; padding: 16px;}
.c-box-112{display: flex; flex-direction: column; gap: 9px;}
.c-box-113{align-self: flex-end; width: min(100%, 380px); background: var(--white); border: 1px solid var(--grey-200); border-radius: 12px; overflow: hidden; font-size: 12px; line-height: 1.5;}
.c-box-114{display: flex; justify-content: space-between; background: var(--yellow-100); padding: 8px 12px; font-weight: 600; color: var(--yellow-700);}
.c-box-115{padding: 8px 12px;}
.c-box-116{display: grid; grid-template-columns: 72px 1fr; gap: 10px; padding: 3px 0px;}
.c-box-117{border-top: 1px solid var(--grey-200); padding: 7px 12px; font-weight: 500;}
.c-box-118{align-self: flex-end; font-size: 11px; font-weight: 500; color: var(--grey-500);}
.c-box-119{align-self: flex-end; max-width: 92%; border: 1px dashed var(--grey-400); border-radius: 12px; padding: 9px 12px; font-size: 12px; color: var(--grey-600);}
.c-box-120{background: var(--white); padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px);}
.c-box-121{max-width: 880px; margin: 0px auto; display: flex; flex-direction: column; gap: 12px;}
.c-h2-2{margin: 0px 0px 28px; font-size: clamp(28px, 3.4vw, 40px); font-weight: 600; line-height: 1.1;}
.c-faq-1{background: var(--blue-100); border-radius: 14px;}
.c-faq-2{list-style: none; cursor: pointer; display: flex; gap: 14px; align-items: center; padding: 20px 24px; font-size: 16px; font-weight: 500;}
.c-txt-45{width: 28px; height: 28px; border-radius: 6px; background: var(--yellow-500); display: flex; align-items: center; justify-content: center; font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2; flex-shrink: 0;}
.c-txt-46{margin-left: auto; color: var(--grey-500); font-size: 20px;}
.c-box-122{padding: 0px 24px 22px 66px; font-size: 16px; line-height: 1.6; color: var(--grey-700);}
.c-box-123{padding: clamp(16px, 4vw, 40px) clamp(20px, 5vw, 40px) clamp(64px, 10vw, 112px);}
.c-box-124{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; padding: clamp(44px, 7vw, 72px) 0px;}
.c-txt-47{align-self: flex-start; background: var(--yellow-200); border-radius: 6px; padding: 5px 10px; font-family: Redward, Pretendard, sans-serif; font-size: 16px; line-height: 1.2;}
.c-box-125{background: var(--white); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; line-height: 1.6; color: var(--grey-700);}
.c-box-126{display: flex; justify-content: space-between; align-items: center;}
.c-link-13{align-self: flex-start; font-size: 15px; font-weight: 500; border-bottom: 2px solid var(--yellow-500);}
.c-box-127{display: flex; justify-content: space-between; align-items: center; padding: 13px 0px;}
.c-box-128{display: flex; flex-direction: column; gap: clamp(28px, 4vw, 40px); padding: clamp(44px, 7vw, 72px) 0px; border-top: 1px solid var(--grey-200); scroll-margin-top: 110px;}
.c-box-129{display: flex; flex-direction: column; gap: 16px; max-width: 760px;}
.c-box-130{background: var(--yellow-100); border-radius: 20px; padding: clamp(14px, 2.4vw, 24px);}
.c-box-131{background: #FCFBF7; border-radius: 14px; box-shadow: rgba(48, 32, 0, 0.1) 0px 12px 32px; padding: 16px; display: flex; flex-direction: column; gap: 12px;}
.c-box-132{display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap;}
.c-txt-48{font-size: 15px; font-weight: 600;}
.c-txt-49{font-size: 12px; background: var(--yellow-200); border-radius: 4px; padding: 2px 6px;}
.c-txt-50{display: flex; flex-wrap: wrap; gap: 6px; font-size: 12px; white-space: nowrap;}
.c-txt-51{background: var(--white); border: 1px solid var(--grey-300); border-radius: 6px; padding: 4px 8px;}
.c-box-133{display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px;}
.c-box-134{background: var(--white); border: 1px solid var(--grey-200); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 6px; min-width: 0px;}
.c-txt-52{font-size: 12px; font-weight: 600;}
.c-txt-53{font-size: 12px; color: var(--grey-500); line-height: 1.4;}
.c-txt-54{font-family: Redward, Pretendard, sans-serif; font-size: 26px; line-height: 1.1;}
.c-txt-55{font-size: 12px; color: var(--grey-600); margin-left: 2px;}
.c-txt-56{margin-top: auto; padding-top: 6px; border-top: 1px solid var(--grey-200); font-size: 12px; font-weight: 500;}
.c-box-135{background: var(--white); border: 1px solid var(--grey-200); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 6px; min-width: 0px; grid-column: span 2;}
.c-box-136{display: flex; align-items: flex-end; gap: 3px; height: 56px; padding-top: 4px;}
.c-box-137{flex: 1 1 0%; height: 38%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-box-138{flex: 1 1 0%; height: 52%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-box-139{flex: 1 1 0%; height: 46%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-box-140{flex: 1 1 0%; height: 70%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-box-141{flex: 1 1 0%; height: 92%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-box-142{flex: 1 1 0%; height: 58%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-box-143{flex: 1 1 0%; height: 34%; background: var(--blue-500); border-radius: 2px 2px 0px 0px;}
.c-txt-57{font-size: 12px; color: var(--yellow-700);}
.c-box-144{display: grid; grid-template-columns: 1fr 30px; gap: 6px; align-items: center; font-size: 12px;}
.c-box-145{height: 5px; border-radius: 3px; background: var(--blue-100);}
.c-box-146{width: 38%; height: 100%; background: var(--yellow-500); border-radius: 3px;}
.c-txt-58{text-align: right; font-weight: 500;}
.c-box-147{width: 24%; height: 100%; background: var(--yellow-500); border-radius: 3px;}
.c-box-148{width: 17%; height: 100%; background: var(--yellow-500); border-radius: 3px;}
.c-box-149{display: flex; height: 10px; border-radius: 5px; overflow: hidden; margin-top: 6px;}
.c-box-150{width: 58%; background: var(--yellow-500);}
.c-box-151{width: 24%; background: var(--blue-500);}
.c-box-152{width: 18%; background: var(--grey-300);}
.c-box-153{display: flex; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--grey-700);}
.c-box-154{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; padding-top: clamp(16px, 3vw, 32px);}
.c-box-155{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.c-txt-59{font-size: 12px; background: var(--black); color: var(--white); border-radius: 6px; padding: 4px 10px; font-weight: 500;}
.c-box-156{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.3fr); gap: 10px; font-size: 12px;}
.c-box-157{background: var(--white); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 6px;}
.c-txt-60{font-weight: 600; font-size: 12px; padding-bottom: 4px;}
.c-box-158{display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--yellow-500); background: var(--yellow-100); border-radius: 8px; padding: 7px 9px;}
.c-box-159{display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--grey-200); background: var(--white); border-radius: 8px; padding: 7px 9px;}
.c-box-160{background: var(--white); border-radius: 12px; padding: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; align-content: start;}
.c-box-161{border: 1px dashed var(--grey-300); background: var(--white); border-radius: 8px; padding: 10px 8px; min-height: 52px; display: flex; flex-direction: column; gap: 4px;}
.c-txt-61{color: var(--grey-400); font-size: 12px;}
.c-txt-62{font-weight: 500;}
.c-box-162{border: 1px dashed var(--yellow-600); background: var(--yellow-100); border-radius: 8px; padding: 10px 8px; min-height: 64px; display: flex; flex-direction: column; gap: 4px;}
.c-box-163{border: 1px dashed var(--yellow-600); background: var(--yellow-100); border-radius: 8px; padding: 10px 8px; min-height: 64px; display: flex; flex-direction: column; gap: 4px; grid-column: span 2;}
.c-box-164{background: linear-gradient(var(--blue-100), var(--blue-200)); border-radius: 16px; padding: 16px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px;}
.c-box-165{background: var(--white); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column;}
.c-box-166{display: flex; align-items: center; gap: 6px; padding: 9px 12px; border-bottom: 1px solid var(--grey-200); font-size: 12px; color: var(--grey-600);}
.c-txt-63{margin-left: auto; background: var(--yellow-200); color: var(--black); border-radius: 999px; padding: 2px 8px; font-weight: 500;}
.c-box-167{padding: 12px; display: flex; flex-direction: column; gap: 8px; font-size: 12px; line-height: 1.55;}
.c-box-168{align-self: flex-end; max-width: 90%; background: var(--black); color: var(--white); border-radius: 14px 14px 4px; padding: 8px 12px; font-weight: 500;}
.c-txt-64{font-size: 12px; color: var(--grey-500);}
.c-box-169{background: var(--black); color: var(--white); border-radius: 12px; padding: 20px 28px; font-size: 16px; line-height: 1.5; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.c-txt-65{font-weight: 500; color: var(--yellow-500);}
.c-txt-66{font-family: Redward, Pretendard, sans-serif; font-style: italic; color: var(--grey-400);}
.c-box-170{font-family: Redward, Pretendard, sans-serif; font-size: 18px; color: var(--yellow-800);}
.c-box-171{padding: clamp(48px, 7vw, 72px) clamp(20px, 5vw, 40px) 0px;}
.c-box-172{max-width: 1120px; margin: 0px auto; background: var(--blue-300); border-radius: 12px; padding: 20px clamp(24px, 4vw, 40px); display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 16px; font-weight: 500; line-height: 1.5;}
.c-link-14{text-decoration: underline; text-underline-offset: 4px;}
.c-txt-67{margin-left: auto; font-size: 12px; color: var(--white); background: var(--black); border-radius: 999px; padding: 3px 10px;}
.c-box-173{background: var(--black); color: var(--white); border-radius: 20px; padding: 36px 32px; display: flex; flex-direction: column; gap: 14px; position: relative; overflow: hidden;}
.c-img-15{position: absolute; right: -50px; bottom: -60px; width: 240px; opacity: 0.5; pointer-events: none;}
.c-txt-68{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2; color: var(--grey-400); position: relative;}
.c-txt-69{font-family: Redward, Pretendard, sans-serif; font-size: 32px; line-height: 1.2; position: relative;}
.c-txt-70{font-style: italic; color: var(--yellow-500);}
.c-txt-71{font-size: 14px; line-height: 1.5; color: var(--grey-300); position: relative;}
.c-faq-3{background: var(--white); border-radius: 14px;}
.c-box-174{display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 13px;}
.c-box-175{background: var(--blue-100); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 4px;}
.c-txt-72{font-family: Redward, Pretendard, sans-serif; font-style: italic; color: var(--blue-600);}
.c-box-176{background: var(--yellow-500); border-radius: 10px; padding: 12px; display: flex; flex-direction: column; gap: 4px;}
.c-txt-73{font-family: Redward, Pretendard, sans-serif; font-style: italic; color: var(--yellow-700);}
.c-txt-74{font-size: 13px; color: var(--grey-600);}
.c-box-177{background: var(--white); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 1.6; color: var(--grey-700);}
.c-box-178{align-self: flex-end; max-width: 88%; background: var(--yellow-500); color: var(--black); border-radius: 14px 14px 4px; padding: 11px 15px;}
.c-box-179{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid var(--grey-200); font-weight: 500; color: var(--black);}
.c-txt-75{font-size: 12px; background: var(--blue-100); border: 1px solid var(--blue-200); border-radius: 999px; padding: 3px 10px; font-weight: 500;}
.c-box-180{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 0px; border-bottom: 1px solid var(--grey-200);}
.c-txt-76{font-size: 13px; font-weight: 400; color: var(--grey-600);}
.c-box-181{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 13px 0px;}
.c-box-182{background: var(--white); border-radius: 16px; box-shadow: rgba(23, 28, 32, 0.08) 0px 12px 32px; display: flex; flex-direction: column; overflow: hidden;}
.c-box-183{display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--grey-200); font-size: 12px; color: var(--grey-600);}
.c-txt-77{width: 8px; height: 8px; border-radius: 50%; background: var(--grey-300);}
.c-txt-78{margin-left: 8px;}
.c-txt-79{margin-left: auto; display: flex; align-items: center; gap: 6px; background: var(--yellow-200); color: var(--black); border-radius: 999px; padding: 4px 10px; font-weight: 500;}
.c-img-16{width: 18px; height: 18px; margin: -3px -2px;}
.c-box-184{padding: 20px; display: flex; flex-direction: column; gap: 14px; font-size: 14px; line-height: 1.6;}
.c-box-185{align-self: flex-end; max-width: 85%; background: var(--black); color: var(--white); border-radius: 16px 16px 4px; padding: 10px 16px; font-weight: 500;}
.c-box-186{display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--grey-500);}
.c-txt-80{display: flex; align-items: center; gap: 4px;}
.c-img-17{width: 18px; height: 18px; margin: -3px -2px; opacity: 0.6;}
.c-box-187{border: 1px solid var(--grey-200); border-radius: 10px; overflow: hidden; font-size: 13px; line-height: 1.44;}
.c-box-188{display: grid; grid-template-columns: minmax(0px, 1.1fr) 44px minmax(0px, 1.6fr); gap: 12px; padding: 10px 12px; background: var(--yellow-100); font-weight: 600;}
.c-txt-81{text-align: right;}
.c-box-189{display: grid; grid-template-columns: minmax(0px, 1.1fr) 44px minmax(0px, 1.6fr); gap: 12px; padding: 10px 12px; border-bottom: 1px solid var(--grey-200);}
.c-box-190{display: grid; grid-template-columns: minmax(0px, 1.1fr) 44px minmax(0px, 1.6fr); gap: 12px; padding: 10px 12px;}
.c-box-191{display: grid; grid-template-columns: 14px 1fr; gap: 6px;}
.c-box-192{margin: 0px 16px 16px; border: 1px solid var(--grey-300); border-radius: 12px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--grey-500);}
.c-txt-82{flex: 1 1 0%;}
.c-txt-83{width: 28px; height: 28px; border-radius: 8px; background: var(--black); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 14px;}
.c-box-193{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 24px;}
.c-box-194{background: var(--yellow-100); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px;}
.c-txt-84{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2; color: var(--yellow-700);}
.c-box-195{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; padding: 72px 0px 0px;}
.c-txt-85{font-size: 12px; background: var(--black); color: var(--white); border-radius: 999px; padding: 3px 10px;}
.c-box-196{scroll-margin-top: 100px; background: var(--blue-100); padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px);}
.c-box-197{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 24px; line-height: 1.2; color: var(--black);}
.c-h2-3{margin: 0px; font-size: clamp(28px, 3.4vw, 40px); font-weight: 600; line-height: 1.1; max-width: 760px;}
.c-p-6{margin: 0px; font-size: 18px; line-height: 1.44; color: var(--grey-700); max-width: 900px;}
.c-txt-86{white-space: nowrap;}
.c-box-198{background: var(--white); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px;}
.c-txt-87{font-size: 18px; font-weight: 500;}
.c-txt-88{margin-top: auto; padding-top: 10px; font-size: 12px; font-weight: 500; color: var(--blue-700); border-top: 1px solid var(--grey-200);}
.c-txt-89{font-size: 13px; color: var(--grey-400);}
.c-box-199{max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px;}
.c-link-15{background: var(--blue-100); border-radius: 20px; padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; min-height: 240px;}
.c-link-15:hover{background: var(--yellow-100) !important;}
.c-box-200{background: var(--yellow-500); border-radius: 20px; padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; min-height: 240px; position: relative; overflow: hidden;}
.c-img-18{position: absolute; right: -40px; bottom: -40px; width: 200px; pointer-events: none;}
.c-txt-90{font-size: 24px; font-weight: 500; line-height: 1.2; position: relative;}
.c-txt-91{font-size: 16px; line-height: 1.44; color: var(--yellow-800); position: relative;}
.c-link-16{margin-top: auto; align-self: flex-start; background: var(--black); color: var(--white); font-size: 15px; font-weight: 500; padding: 13px 22px; border-radius: 6px; position: relative;}
.c-link-16:hover{background: var(--grey-700) !important;}
.c-box-201{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 32px;}
.c-img-19{position: absolute; left: -80px; bottom: -100px; width: 380px; pointer-events: none;}
.c-box-202{max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: center; position: relative;}
.c-txt-92{background: var(--white); border-radius: 999px; padding: 9px 15px; font-size: 14px;}
.c-box-203{background: rgba(255, 255, 255, 0.72); backdrop-filter: blur(16px); border: 1px solid var(--white); border-radius: 20px; padding: 22px; display: flex; flex-direction: column; gap: 10px;}
.c-box-204{background: var(--yellow-500); padding: 0px clamp(20px, 5vw, 40px);}
.c-box-205{max-width: 1200px; margin: 0px auto; background: var(--white); padding: 64px clamp(24px, 4vw, 56px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(33.33% - 12px, -99900% + 719280px)), 1fr)); gap: 16px;}
.c-box-206{background: var(--yellow-100); border-radius: 14px; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px;}
.c-txt-93{font-family: Redward, Pretendard, sans-serif; font-size: clamp(36px, 3.6vw, 48px); line-height: 1.1; white-space: nowrap;}
.c-txt-94{background: var(--white); border: 1px solid var(--grey-300); border-radius: 999px; padding: 9px 16px; font-size: 14px;}
.c-p-7{margin: 0px; font-size: 14px; line-height: 1.5; color: var(--grey-600);}
.hdr-link-15{display: flex; align-items: center; padding: 0px 14px; box-shadow: var(--black) 0px -2px 0px inset;}
.hdr-link-15:hover{color: var(--grey-600) !important;}
.c-txt-95{font-family: Redward, Pretendard, sans-serif; font-size: 36px; line-height: 1;}
.c-h3-2{margin: 6px 0px 0px; font-size: 24px; font-weight: 500; line-height: 1.2;}
.c-txt-96{background: var(--white); border: 1px solid var(--grey-300); border-radius: 999px; padding: 7px 14px; font-size: 13px;}
.c-box-207{background: var(--yellow-100); border-radius: 20px; padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 10px; min-height: 280px; justify-content: center;}
.c-txt-97{font-family: Redward, Pretendard, sans-serif; font-size: clamp(64px, 9vw, 96px); line-height: 1;}
.c-txt-98{font-family: Pretendard, sans-serif; font-weight: 500; font-size: 40px; margin-left: 4px;}
.c-txt-99{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2;}
.c-txt-100{font-size: 14px; color: var(--grey-700);}
.c-box-208{background: var(--blue-200); border-radius: 20px; padding: clamp(32px, 5vw, 48px) clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 10px; min-height: 280px; justify-content: center;}
.c-txt-101{font-size: 14px; color: var(--blue-700);}
.c-box-209{display: grid; grid-template-columns: 1fr 1fr; gap: 12px;}
.c-box-210{background: var(--yellow-100); border-radius: 20px; padding: 36px 28px; display: flex; flex-direction: column; gap: 10px; min-height: 280px; justify-content: center;}
.c-txt-102{font-family: Redward, Pretendard, sans-serif; font-size: clamp(48px, 6vw, 72px); line-height: 1;}
.c-txt-103{font-family: Pretendard, sans-serif; font-weight: 500; font-size: 32px; margin-left: 2px;}
.c-txt-104{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px;}
.c-txt-105{font-size: 13px; color: var(--grey-700);}
.c-box-211{background: var(--yellow-500); border-radius: 20px; padding: 36px 28px; display: flex; flex-direction: column; gap: 10px; min-height: 280px; justify-content: center;}
.c-txt-106{font-size: 13px; color: var(--yellow-800);}
.c-box-212{background: var(--black); color: var(--white); border-radius: 12px; padding: 20px 28px; font-size: 15px; line-height: 1.5;}
.c-box-213{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(clamp(25% - 10px, -99900% + 859140px, 50% - 7px), -99900% + 479520px)), 1fr)); gap: 12px;}
.c-box-214{background: var(--blue-100); border-radius: 16px; padding: 26px 22px; display: flex; flex-direction: column; gap: 8px;}
.c-txt-107{margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 500; color: var(--blue-700);}
.c-box-215{background: var(--yellow-500); border-radius: 16px; padding: 26px 22px; display: flex; flex-direction: column; gap: 8px;}
.c-txt-108{font-size: 16px; line-height: 1.44; color: var(--yellow-800);}
.c-txt-109{margin-top: auto; padding-top: 12px; font-size: 12px; font-weight: 500; color: var(--yellow-700);}
.c-box-216{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 20px;}
.c-box-217{background: var(--white); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 18px;}
.c-box-218{background: var(--blue-100); border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 2px;}
.c-txt-110{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 13px; color: var(--blue-600);}
.c-box-219{background: var(--yellow-500); border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 2px;}
.c-txt-111{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 13px; color: var(--yellow-700);}
.c-box-220{display: flex; align-items: flex-end; gap: 32px; height: 200px; padding: 0px 12px;}
.c-box-221{flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 8px; height: 100%; justify-content: flex-end;}
.c-txt-112{font-family: Redward, Pretendard, sans-serif; font-size: 28px;}
.c-box-222{width: 100%; height: 60%; background: var(--blue-200); border-radius: 8px 8px 0px 0px;}
.c-box-223{width: 100%; height: 82%; background: var(--yellow-500); border-radius: 8px 8px 0px 0px;}
.c-txt-113{font-size: 15px; line-height: 1.44; color: var(--grey-700);}
.c-link-17{color: var(--yellow-500); font-weight: 500;}
.c-box-224{border: 1px solid var(--grey-200); border-radius: 14px; padding: 22px 20px; display: flex; flex-direction: column; gap: 6px;}
.c-txt-114{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; line-height: 1.2; color: var(--grey-500);}
.c-txt-115{font-size: 17px; font-weight: 500;}
.c-box-225{background: var(--yellow-100); border-radius: 16px; padding: 28px 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(33.33% - 15px, -99900% + 719280px)), 1fr)); gap: 20px;}
.c-box-226{display: flex; flex-direction: column; gap: 4px;}
.c-txt-116{font-size: 15px; line-height: 1.5;}
.c-box-227{background: var(--white); border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 14px;}
.c-txt-117{font-size: 12px; font-weight: 500; color: var(--grey-600);}
.c-txt-118{font-size: 24px; font-weight: 500;}
.c-box-228{display: flex; flex-direction: column; font-size: 14px; color: var(--grey-700);}
.c-box-229{display: flex; justify-content: space-between; padding: 10px 0px; border-top: 1px solid var(--grey-200);}
.c-box-230{background: var(--yellow-100); border-radius: 16px; padding: 32px; display: flex; flex-direction: column; gap: 14px;}
.c-txt-119{font-size: 12px; font-weight: 500; color: var(--yellow-700);}
.c-box-231{display: flex; justify-content: space-between; padding: 10px 0px; border-top: 1px solid var(--yellow-200);}
.c-txt-120{font-weight: 500; color: var(--black); background: var(--yellow-500); padding: 0px 6px; border-radius: 4px;}
.c-box-232{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, max(33.33% - 10px, -99900% + 719280px)), 1fr)); gap: 12px;}
.c-box-233{background: var(--white); border-radius: 14px; padding: 22px 20px; display: flex; flex-direction: column; gap: 6px;}
.c-p-8{margin: 0px; font-size: 13px; line-height: 1.5; color: var(--grey-600);}
.hdr-link-16{display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 0px -12px; border-radius: 8px;}
.hdr-link-16:hover{background: var(--grey-700) !important;}
.c-link-18{background: var(--blue-100); border-radius: 20px; padding: clamp(24px, 4vw, 40px); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 40px; align-items: center;}
.c-link-18:hover{background: var(--blue-200) !important;}
.c-txt-121{font-size: 28px; font-weight: 500; line-height: 1.3;}
.c-txt-122{font-size: 15px; line-height: 1.6; color: var(--grey-700);}
.c-txt-123{font-size: 14px; color: var(--grey-600);}
.c-box-234{display: flex; justify-content: center; align-items: center; min-height: 220px;}
.c-img-20{width: min(220px, 60%);}
.c-link-19{border: 1px solid var(--grey-200); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 12px; min-height: 240px;}
.c-link-19:hover{border-color: var(--black) !important;}
.c-txt-124{margin-top: auto; display: flex; justify-content: space-between; font-size: 13px;}
.c-txt-125{color: var(--grey-600);}
.c-box-235{padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 40px) 0px;}
.c-box-236{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 20px;}
.c-box-237{font-size: 13px; color: var(--grey-600); display: flex; gap: 6px;}
.c-h1-4{margin: 0px; font-size: clamp(32px, 4.2vw, 48px); font-weight: 600; line-height: 1.15; max-width: 860px; text-wrap: balance;}
.c-box-238{display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; color: var(--grey-600); padding-top: 4px;}
.c-txt-126{display: flex; align-items: center; gap: 8px; color: var(--black); font-weight: 500;}
.c-txt-127{width: 28px; height: 28px; border-radius: 50%; background: var(--black); display: flex; align-items: center; justify-content: center;}
.c-img-21{width: 13px; height: 14px;}
.c-box-239{padding: clamp(28px, 4vw, 40px) clamp(20px, 5vw, 40px) 0px;}
.c-box-240{max-width: 1120px; margin: 0px auto; aspect-ratio: 21 / 9; min-height: 220px; border-radius: 20px; background: var(--yellow-500); position: relative; overflow: hidden;}
.c-img-22{position: absolute; right: 4%; top: 50%; transform: translateY(-50%); height: 96%; aspect-ratio: 1 / 1; pointer-events: none;}
.c-box-241{position: absolute; left: clamp(24px, 4vw, 48px); bottom: clamp(20px, 3.5vw, 36px); display: flex; flex-direction: column; gap: 6px; color: var(--black);}
.c-txt-128{font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: clamp(16px, 1.8vw, 22px); line-height: 1.2;}
.c-txt-129{font-family: Redward, Pretendard, sans-serif; font-size: clamp(48px, 8vw, 104px); line-height: 1;}
.c-box-242{padding: clamp(48px, 7vw, 72px) clamp(20px, 5vw, 40px) clamp(64px, 10vw, 112px);}
.c-box-243{max-width: 1120px; margin: 0px auto; display: flex; gap: clamp(32px, 6vw, 80px); align-items: flex-start; flex-wrap: wrap-reverse;}
.c-article-1{flex: 1 1 560px; min-width: 0px; max-width: 720px; display: flex; flex-direction: column; gap: 22px; font-size: 18px; line-height: 1.75; color: #1F1F1F;}
.c-p-9{margin: 0px;}
.c-h2-4{margin: 24px 0px 0px; font-size: 28px; font-weight: 600; line-height: 1.25; scroll-margin-top: 120px;}
.c-list-1{margin: 0px; padding-left: 22px; display: flex; flex-direction: column; gap: 8px;}
.c-box-244{background: var(--blue-100); border-radius: 14px; padding: 20px 24px; display: flex; gap: 14px; font-size: 16px; line-height: 1.6;}
.c-txt-130{flex-shrink: 0; width: 28px; height: 28px; border-radius: 6px; background: var(--yellow-500); display: flex; align-items: center; justify-content: center; font-weight: 600;}
.c-box-245{border: 1px solid var(--grey-200); border-radius: 12px; overflow: hidden; font-size: 15px; line-height: 1.5;}
.c-box-246{display: grid; grid-template-columns: minmax(0px, 1.4fr) repeat(2, minmax(0px, 1fr)); gap: 12px; padding: 12px 16px; background: var(--yellow-100); font-weight: 600; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.c-box-247{display: grid; grid-template-columns: minmax(0px, 1.4fr) repeat(2, minmax(0px, 1fr)); gap: 12px; padding: 12px 16px; background: var(--white); font-weight: 400; border-top: 1px solid var(--grey-200);}
.c-quote-1{margin: 8px 0px; padding: 4px 0px 4px 24px; border-left: 3px solid var(--yellow-500); font-size: 22px; font-weight: 500; line-height: 1.5; color: var(--black);}
.c-box-248{display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--grey-200);}
.c-box-249{display: flex; gap: 8px; flex-wrap: wrap; font-size: 13px;}
.c-txt-131{border: 1px solid var(--grey-300); border-radius: 999px; padding: 6px 12px;}
.c-btn-2{background: var(--white); border: 1px solid var(--black); border-radius: 6px; padding: 10px 16px; font-size: 14px; font-weight: 500; cursor: pointer;}
.c-btn-2:hover{background: var(--yellow-100) !important;}
.c-aside-1{flex: 0 1 240px; min-width: 200px; position: sticky; top: 124px; display: flex; flex-direction: column; gap: 12px;}
.c-nav-1{display: flex; flex-direction: column; font-size: 14px; line-height: 1.4; border-left: 1px solid var(--grey-200);}
.c-link-20{padding: 8px 0px 8px 14px; margin-left: -1px; border-left: 2px solid var(--black); font-weight: 500; color: var(--black);}
.c-link-20:hover{color: var(--black) !important;}
.c-link-21{padding: 8px 0px 8px 14px; margin-left: -1px; border-left: 2px solid transparent; font-weight: 400; color: var(--grey-600);}
.c-link-21:hover{color: var(--black) !important;}
.c-link-22{margin-top: 16px; background: var(--black); color: var(--white); font-size: 14px; font-weight: 500; padding: 12px 16px; border-radius: 6px; text-align: center;}
.c-link-22:hover{background: var(--grey-700) !important; color: var(--white) !important;}
.c-box-250{background: var(--blue-100); padding: clamp(64px, 10vw, 96px) clamp(20px, 5vw, 40px);}
.c-box-251{max-width: 1120px; margin: 0px auto; display: flex; flex-direction: column; gap: 28px;}
.c-box-252{display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap;}
.c-h2-5{margin: 0px; font-size: clamp(24px, 3vw, 32px); font-weight: 600; line-height: 1.2;}
.c-link-23{font-size: 14px; font-weight: 500; border-bottom: 2px solid var(--yellow-500);}
.c-link-24{background: var(--white); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 12px; min-height: 220px;}
.c-link-24:hover{background: var(--yellow-100) !important;}
.c-txt-132{font-size: 22px; font-weight: 500; line-height: 1.3;}
.c-txt-133{margin-top: auto; font-size: 13px; color: var(--grey-600);}
.c-box-253{max-width: 1120px; margin: 0px auto; aspect-ratio: 21 / 9; min-height: 220px; border-radius: 20px; background: var(--blue-500); position: relative; overflow: hidden;}
.c-box-254{display: grid; grid-template-columns: minmax(0px, 1fr) repeat(2, minmax(0px, 1fr)); gap: 12px; padding: 12px 16px; background: var(--yellow-100); font-weight: 600; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.c-box-255{display: grid; grid-template-columns: minmax(0px, 1fr) repeat(2, minmax(0px, 1fr)); gap: 12px; padding: 12px 16px; background: var(--white); font-weight: 400; border-top: 1px solid var(--grey-200);}
.c-box-256{max-width: 1120px; margin: 0px auto; aspect-ratio: 21 / 9; min-height: 220px; border-radius: 20px; background: var(--blue-200); position: relative; overflow: hidden;}
.c-box-257{display: grid; grid-template-columns: 72px minmax(0px, 1fr) minmax(0px, 1.4fr); gap: 12px; padding: 12px 16px; background: var(--yellow-100); font-weight: 600; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
.c-box-258{display: grid; grid-template-columns: 72px minmax(0px, 1fr) minmax(0px, 1.4fr); gap: 12px; padding: 12px 16px; background: var(--white); font-weight: 400; border-top: 1px solid var(--grey-200);}
.c-box-259{max-width: 1120px; margin: 0px auto; aspect-ratio: 21 / 9; min-height: 220px; border-radius: 20px; background: var(--black); position: relative; overflow: hidden;}
.c-box-260{position: absolute; left: clamp(24px, 4vw, 48px); bottom: clamp(20px, 3.5vw, 36px); display: flex; flex-direction: column; gap: 6px; color: var(--white);}
.c-box-261{background: var(--yellow-500); position: relative; overflow: hidden; padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 40px);}
.c-box-262{max-width: 1120px; margin: 0px auto; position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: clamp(28px, 5vw, 56px); align-items: start;}
.c-box-263{display: flex; flex-direction: column; gap: 22px;}
.c-h1-5{margin: 0px; font-size: clamp(34px, 4.2vw, 48px); font-weight: 600; line-height: 1.1;}
.c-box-264{display: flex; flex-direction: column; font-size: 15px; font-weight: 500;}
.c-txt-134{padding: 12px 0px; border-top: 1px solid rgba(0, 0, 0, 0.15);}
.c-txt-135{padding: 12px 0px; border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15);}
.c-link-25{background: var(--yellow-100); border-radius: 14px; padding: 22px 24px; display: flex; flex-direction: column; gap: 8px; font-size: 14px; line-height: 1.6; color: var(--yellow-800);}
.c-link-25:hover{background: var(--white) !important;}
.c-txt-136{font-weight: 500; color: var(--black); font-size: 15px;}
.c-u-1{text-underline-offset: 3px; color: var(--black); font-weight: 500;}
.c-form-1{background: var(--white); border-radius: 20px; padding: clamp(22px, 4vw, 36px); box-shadow: rgba(48, 32, 0, 0.18) 0px 24px 60px; display: flex; flex-direction: column; gap: 14px;}
.c-box-265{font-size: 13px; color: var(--grey-700); margin-top: -6px; margin-bottom: 8px;}
.c-box-266{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px;}
.c-label-1{display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 500; color: var(--grey-700);}
.c-field-1{border: 1px solid var(--grey-300); border-radius: 8px; padding: 12px 14px; font-size: 14px; font-family: inherit; background: var(--blue-100);}
.c-field-1:focus{border-color: var(--black) !important; background: var(--white) !important; outline: none !important;}
.c-field-2{border: 1px solid var(--grey-300); border-radius: 8px; padding: 12px 14px; font-size: 14px; font-family: inherit; background: var(--blue-100);}
.c-field-3{border: 1px solid var(--grey-300); border-radius: 8px; padding: 12px 14px; font-size: 14px; font-family: inherit; background: var(--blue-100); resize: vertical;}
.c-field-3:focus{border-color: var(--black) !important; background: var(--white) !important; outline: none !important;}
.c-label-2{display: flex; gap: 8px; align-items: flex-start; font-size: 12px; line-height: 1.5; color: var(--grey-700);}
.c-field-4{margin-top: 2px; accent-color: var(--black);}
.c-btn-3{background: var(--black); color: var(--white); border: none; border-radius: 6px; padding: 14px 20px; font-size: 14px; font-weight: 500; cursor: pointer;}
.c-btn-3:hover{background: var(--grey-700) !important;}
.c-box-267{background:#FDD757;border-radius:6px;padding:14px 20px;font-size:14px;font-weight:500;text-align:center;}
.c-box-268{font-size: 14px; line-height: 1.44;}
.c-box-269{background: var(--yellow-500); border-radius: 16px; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px;}
.c-box-270{max-width: 1120px; margin: 0px auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 20px;}
.c-box-271{background: var(--white); border-radius: 20px; padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 18px;}
.c-box-272{display: flex; flex-direction: column; font-size: 16px; line-height: 1.44;}
.c-box-273{display: grid; grid-template-columns: 28px 1fr; gap: 10px; padding: 14px 0px; border-top: 1px solid var(--grey-200);}
.c-txt-137{color: var(--grey-600); font-size: 15px;}
.c-box-274{display: grid; grid-template-columns: 28px 1fr; gap: 10px; padding: 14px 0px; border-top: 1px solid var(--grey-200); border-bottom: 1px solid var(--grey-200);}
.c-box-275{background: var(--yellow-200); border-radius: 20px; padding: clamp(24px, 4vw, 40px); display: flex; flex-direction: column; gap: 18px;}
.c-box-276{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.c-box-277{background: var(--white); border-radius: 12px; padding: 18px; display: flex; flex-direction: column; gap: 6px;}
.c-txt-138{font-size: 14px; line-height: 1.44; color: var(--grey-700);}
.c-box-278{background: var(--yellow-500); position: relative; overflow: hidden; padding: clamp(64px, 10vw, 112px) clamp(20px, 5vw, 40px); scroll-margin-top: 100px;}
.c-box-279{display: flex; flex-direction: column; gap: 18px;}
.c-p-10{margin: 0px; font-size: 18px; line-height: 1.44; color: var(--yellow-800);}
.c-box-280{display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.5; padding-top: 8px;}
.c-link-26{align-self: flex-start; font-weight: 500; text-decoration: underline; text-underline-offset: 4px;}
.c-box-281{display: flex; flex-direction: column; gap: 8px; font-size: 12px; font-weight: 500; color: var(--grey-700);}
.c-box-282{display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; font-weight: 400; color: var(--black);}
.c-btn-4{border: 1px solid var(--grey-300); background: var(--white); border-radius: 999px; padding: 12px 16px; font-size: 14px; cursor: pointer;}
.c-txt-139{width: 28px; height: 28px; border-radius: 6px; background: var(--yellow-500); display: flex; align-items: center; justify-content: center; font-family: Redward, Pretendard, sans-serif; font-style: italic; font-size: 16px; flex-shrink: 0;}

/* ===== JS 상태 · 반응형 유틸 (site.js와 연동) ===== */
html{scroll-padding-top:100px}
[data-hidden]{display:none!important}
@media (max-width:1039px){[data-only="wide"]{display:none!important}}
@media (min-width:1040px){[data-only="narrow"]{display:none!important}}
[data-dd].is-open{box-shadow:inset 0 -2px 0 var(--black)!important}
[data-dd].is-open svg{transform:rotate(180deg)!important}
[data-dd].is-dimmed{box-shadow:none!important}
[data-chat-toggle].is-min{padding:14px!important}
[data-chip].is-on{background:var(--yellow-500)!important;border-color:var(--yellow-500)!important}
@media (max-width:959px){[data-toc]{position:static!important}}
[data-demo-ask]:disabled{opacity:.5;cursor:default}
/* 홈 라이브 데모: 동적으로 생성되는 요소 */
.demo-msg{padding:11px 15px;font-size:14px;line-height:1.44;animation:tkin .35s ease both}
.demo-msg--u{align-self:flex-end;max-width:80%;background:var(--yellow-500);border-radius:14px 14px 4px 14px}
.demo-msg--k{align-self:flex-start;max-width:84%;background:var(--white);border:1px solid var(--blue-200);border-radius:14px 14px 14px 4px}
.demo-msg--tool{align-self:flex-start;padding:0;font-weight:500;font-size:12px;color:var(--blue-600)}
.demo-msg--done{align-self:flex-start;font-size:13px;font-weight:500;background:var(--black);color:var(--white);border-radius:6px;padding:8px 12px}
/* 툴콜 타임라인 (KaiCX Admin 스타일) */
.demo-tool{position:relative;padding-right:22px;animation:tkin .35s ease both}
.demo-tool::before{content:"";position:absolute;right:4px;top:11px;bottom:-14px;width:1px;background:var(--blue-300)}
.demo-tool.is-last::before{display:none}
.demo-tool::after{content:"";position:absolute;right:0;top:6px;width:9px;height:9px;border-radius:50%;background:var(--white);border:1px solid var(--blue-500)}
.demo-tool.is-open::after{background:var(--yellow-600);border-color:var(--yellow-600)}
.demo-tool__head{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;background:none;border:0;padding:2px 0;font-size:13px;font-weight:500;color:var(--black);cursor:pointer}
.demo-tool__head svg{color:var(--yellow-700);flex-shrink:0}
.demo-tool__card{display:none;margin-top:8px;background:var(--white);border:1px solid var(--blue-200);border-radius:12px;overflow:hidden;font-size:12px}
.demo-tool.is-open .demo-tool__card{display:block}
.demo-sec{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:12px 14px}
.demo-sec--res{background:var(--blue-100);border-top:1px solid var(--blue-200)}
.demo-sec em{font-style:normal;font-weight:600;font-size:11px;color:var(--grey-600)}
.demo-kv{display:grid;grid-template-columns:minmax(64px,auto) 1fr;gap:12px;line-height:1.7}
.demo-kv span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--grey-500)}
.demo-kv b{font-weight:400;color:var(--black);word-break:break-all}
.demo-json{margin:0;padding:12px 14px;border-top:1px solid var(--blue-200);background:var(--blue-900);color:var(--blue-200);font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}
.demo-tool__foot{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-top:1px solid var(--blue-200);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--grey-500)}
.demo-tool__json{font:inherit;background:var(--white);border:1px solid var(--grey-300);border-radius:6px;padding:2px 10px;color:var(--grey-700);cursor:pointer}
.demo-tool__json.is-on{background:var(--yellow-500);border-color:var(--yellow-600);color:var(--black)}
.demo-wave.is-speaking i:nth-child(1){background:var(--black)!important;animation:tkw .9s ease-in-out 0.00s infinite!important}
.demo-wave.is-speaking i:nth-child(2){background:var(--yellow-500)!important;animation:tkw .9s ease-in-out 0.09s infinite!important}
.demo-wave.is-speaking i:nth-child(3){background:var(--blue-500)!important;animation:tkw .9s ease-in-out 0.18s infinite!important}
.demo-wave.is-speaking i:nth-child(4){background:var(--black)!important;animation:tkw .9s ease-in-out 0.27s infinite!important}
.demo-wave.is-speaking i:nth-child(5){background:var(--yellow-500)!important;animation:tkw .9s ease-in-out 0.36s infinite!important}
.demo-wave.is-speaking i:nth-child(6){background:var(--blue-500)!important;animation:tkw .9s ease-in-out 0.45s infinite!important}
.demo-wave.is-speaking i:nth-child(7){background:var(--black)!important;animation:tkw .9s ease-in-out 0.54s infinite!important}
.demo-wave.is-speaking i:nth-child(8){background:var(--yellow-500)!important;animation:tkw .9s ease-in-out 0.63s infinite!important}
.demo-wave.is-speaking i:nth-child(9){background:var(--blue-500)!important;animation:tkw .9s ease-in-out 0.72s infinite!important}
.demo-wave.is-speaking i:nth-child(10){background:var(--black)!important;animation:tkw .9s ease-in-out 0.81s infinite!important}
.demo-wave.is-speaking i:nth-child(11){background:var(--yellow-500)!important;animation:tkw .9s ease-in-out 0.90s infinite!important}
.demo-wave.is-speaking i:nth-child(12){background:var(--blue-500)!important;animation:tkw .9s ease-in-out 0.99s infinite!important}
.demo-wave.is-speaking i:nth-child(13){background:var(--black)!important;animation:tkw .9s ease-in-out 1.08s infinite!important}
.demo-wave.is-speaking i:nth-child(14){background:var(--yellow-500)!important;animation:tkw .9s ease-in-out 1.17s infinite!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* 폼: 허니팟·오류 메시지 */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form-error{font-size:13px;line-height:1.44;color:#B3261E}