/* All content introduction titles share the product page's exact metrics.
   16pt = 64/3 CSS px; 40pt = 160/3 CSS px. */
:root{--page-title-top:128px;--page-kicker-size:16pt;--page-kicker-line:1;--page-title-gap:34px;--page-title-size:40pt;--page-title-line:1.2;--page-title-tracking:-.045em}
.ci-intro,.product-overview__head,.global-intro__head{padding-top:var(--page-title-top)}
.ci-page .ci-kicker,.product-kicker,.global-kicker,.ceo-kicker{font-family:'Poppins',sans-serif;font-size:var(--page-kicker-size);font-weight:700;line-height:var(--page-kicker-line);letter-spacing:normal;color:var(--blue);margin:0}
.ci-intro>h2,.product-overview__head h2,.global-intro__head h2,.ceo-headline{font-family:'Noto Sans KR',sans-serif;font-size:var(--page-title-size);font-weight:700;line-height:var(--page-title-line);letter-spacing:var(--page-title-tracking);margin:var(--page-title-gap) 0 0;word-break:keep-all}
.ci-intro>h2{margin-bottom:65px}
.ceo-kicker{top:var(--page-title-top)}
.ceo-headline{top:calc(var(--page-title-top) + var(--page-kicker-size) * var(--page-kicker-line));margin-top:var(--page-title-gap)}
@media(max-width:1024px) and (min-width:769px){:root{--page-title-size:33pt}}
@media(max-width:768px){:root{--page-title-top:72px;--page-kicker-size:14px;--page-title-gap:22px;--page-title-size:32px;--page-title-line:1.35}.ci-intro>h2{margin-bottom:42px}.ceo-intro{padding-top:var(--page-title-top)}}
@media(max-width:420px){:root{--page-title-size:29px}}