그저의 끄작임 | 주목할 업종과 기업, 그 이유까지
html{scroll-behavior:smooth}body{margin:0} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Revision 18: authoritative FINUP header reset.
Avoid host global NAV rules and collapse all previous header experiments to one flex row. */
#kkjagim-landing > .kk-header > .kk-header-inner {
display:flex !important;
grid-template-columns:none !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
align-items:center !important;
justify-content:flex-start !important;
width:calc(100% - 56px) !important;
max-width:none !important;
margin-left:auto !important;
margin-right:auto !important;
gap:24px !important;
}
#kkjagim-landing > .kk-header > .kk-header-inner > .kk-brand {
flex:0 0 auto !important;
width:auto !important;
min-width:0 !important;
margin:0 !important;
}
#kkjagim-landing > .kk-header > .kk-header-inner > .kk-nav {
display:flex !important;
flex:0 0 auto !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
align-items:center !important;
justify-content:flex-end !important;
width:auto !important;
min-width:max-content !important;
max-width:none !important;
margin:0 0 0 auto !important;
padding:0 !important;
gap:29px !important;
white-space:nowrap !important;
}
#kkjagim-landing > .kk-header > .kk-header-inner > .kk-nav > a {
display:inline-flex !important;
flex:0 0 auto !important;
width:auto !important;
min-width:max-content !important;
max-width:none !important;
margin:0 !important;
padding-left:0 !important;
padding-right:0 !important;
white-space:nowrap !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
#kkjagim-landing > .kk-header > .kk-header-inner > .kk-nav > .kk-nav-cta {
padding:10px 17px !important;
}
@container (min-width:701px) and (max-width:950px) {
#kkjagim-landing > .kk-header > .kk-header-inner {gap:20px !important;}
#kkjagim-landing > .kk-header > .kk-header-inner > .kk-nav {gap:22px !important;}
}
@media (max-width:700px) {
#kkjagim-landing > .kk-header > .kk-header-inner {
width:calc(100% - 44px) !important;
gap:12px !important;
}
#kkjagim-landing > .kk-header > .kk-header-inner > .kk-nav {gap:0 !important;}
}
/* Component styles are scoped to #kkjagim-landing. No font binaries are bundled. */
#kkjagim-landing {
--kk-ink:#171c18; --kk-paper:#f4f4eb; --kk-lime:#d3ed65;
--kk-white:#fff; --kk-muted:#535a51; --kk-line:#d7dbcf; --kk-soft:#e8eadf;
--kk-font:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
color:var(--kk-ink); background:var(--kk-paper); font-family:var(--kk-font);
font-size:18px; line-height:1.65; letter-spacing:-.035em; font-weight:400;
-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-size-adjust:100%;
isolation:isolate;
}
#kkjagim-landing *, #kkjagim-landing *::before, #kkjagim-landing *::after {box-sizing:border-box;}
#kkjagim-landing strong, #kkjagim-landing b {font-weight:700!important;}
#kkjagim-landing h1 strong, #kkjagim-landing h2 strong, #kkjagim-landing h3 strong {font-weight:900!important;}
#kkjagim-landing [hidden] {display:none!important;}
#kkjagim-landing :is(h1,h2,h3,p,blockquote,figure,ul,ol,dl,dd) {margin:0;}
#kkjagim-landing :is(ul,ol) {padding:0;list-style:none;}
#kkjagim-landing a {color:inherit;text-decoration:none;}
#kkjagim-landing button {font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;}
#kkjagim-landing :is(a,button,summary):focus-visible {outline:3px solid #647722;outline-offset:5px;}
#kkjagim-landing ::selection {background:var(--kk-lime);color:var(--kk-ink);}
#kkjagim-landing .kk-wrap {width:min(1160px,calc(100% - 80px));margin-inline:auto;}
#kkjagim-landing .kk-section {padding-block:96px;scroll-margin-top:90px;}
#kkjagim-landing :is(h1,h2,h3) {font-weight:900!important;word-break:keep-all;overflow-wrap:break-word;}
#kkjagim-landing p {word-break:keep-all;overflow-wrap:break-word;}
#kkjagim-landing .kk-eyebrow {display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700!important;line-height:1.5;letter-spacing:-.01em;margin-bottom:22px;}
#kkjagim-landing .kk-eyebrow::before {content:"";width:9px;height:9px;background:currentColor;flex-shrink:0;}
#kkjagim-landing .kk-eyebrow.kk-light {color:var(--kk-lime);}
#kkjagim-landing .kk-subcopy {font-size:20px;line-height:1.75;color:var(--kk-muted);}
#kkjagim-landing .kk-section-title {font-size:40px;line-height:1.3;letter-spacing:-.055em;}
#kkjagim-landing .kk-arrow {display:inline-block;font-family:Arial,sans-serif;letter-spacing:0;font-size:24px;line-height:1;font-weight:400;}
#kkjagim-landing .kk-btn {min-height:58px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;border-radius:6px;font-size:18px;font-weight:700!important;line-height:1.45;transition:background .18s,transform .18s;}
#kkjagim-landing .kk-btn:hover {transform:translateY(-2px);}
#kkjagim-landing .kk-btn-dark {background:var(--kk-ink);color:var(--kk-white);}
#kkjagim-landing .kk-btn-dark:hover {background:#303b2e;}
#kkjagim-landing .kk-btn-lime {background:var(--kk-lime);color:var(--kk-ink);}
#kkjagim-landing .kk-btn-lime:hover {background:#e2f798;}
#kkjagim-landing .kk-btn-outline {background:transparent;border-color:#a7afa0;color:var(--kk-ink);}
#kkjagim-landing .kk-text-link {display:inline-flex;align-items:center;gap:14px;min-height:48px;font-size:17px;font-weight:700!important;border-bottom:1px solid currentColor;}
#kkjagim-landing .kk-header {height:80px;position:sticky;top:0;z-index:20;background:rgba(244,244,235,.96);border-bottom:1px solid var(--kk-line);backdrop-filter:blur(12px);}
#kkjagim-landing .kk-header-inner {height:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;}
#kkjagim-landing .kk-brand {display:inline-flex;align-items:center;gap:13px;white-space:nowrap;min-height:48px;}
#kkjagim-landing .kk-brand-name {font-size:28px;font-weight:900!important;letter-spacing:-.07em;line-height:1;}
#kkjagim-landing .kk-brand-by {font-size:16px;font-weight:700!important;color:var(--kk-muted);padding-top:4px;}
#kkjagim-landing .kk-brand-mark {width:18px;height:23px;border-left:5px solid var(--kk-ink);border-right:5px solid var(--kk-ink);transform:skew(-14deg);margin-right:2px;}
#kkjagim-landing .kk-nav {display:flex;align-items:center;gap:29px;font-size:16px;font-weight:700!important;}
#kkjagim-landing .kk-nav a {display:inline-flex;align-items:center;min-height:48px;}
#kkjagim-landing .kk-nav .kk-nav-cta {padding:10px 17px;gap:12px;border:1px solid var(--kk-ink);border-radius:5px;}
#kkjagim-landing .kk-hero {padding-top:73px;padding-bottom:58px;}
#kkjagim-landing .kk-hero .kk-eyebrow {margin-bottom:23px;}
#kkjagim-landing .kk-hero h1 {font-size:52px;line-height:1.28;letter-spacing:-.062em;}
#kkjagim-landing .kk-hero h1>span {display:block;}
#kkjagim-landing .kk-highlight {background:linear-gradient(transparent 49%,var(--kk-lime) 49%,var(--kk-lime) 94%,transparent 94%);font-style:normal;padding:0 .025em;}
#kkjagim-landing .kk-hero-desc {font-size:20px;line-height:1.75;margin-top:27px;max-width:540px;color:#444c41;}
#kkjagim-landing .kk-hero-actions {display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px;}
#kkjagim-landing .kk-hero-meta {font-size:16px;color:var(--kk-muted);margin-top:18px;}
#kkjagim-landing .kk-topic-strip {margin-top:58px;padding-top:25px;border-top:1px solid #cbd0c3;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
#kkjagim-landing .kk-topic-item {display:flex;align-items:center;gap:17px;}
#kkjagim-landing .kk-topic-index {font-family:Arial,sans-serif;font-size:16px;color:#656f5e;border:1px solid #adb7a4;width:33px;height:33px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#kkjagim-landing .kk-topic-item strong {font-size:19px;font-weight:700!important;}
#kkjagim-landing .kk-topic-item p {font-size:16px;color:var(--kk-muted);margin-top:1px;}
#kkjagim-landing .kk-contents {background:var(--kk-ink);color:var(--kk-white);}
#kkjagim-landing .kk-section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px;}
#kkjagim-landing .kk-section-heading p {max-width:330px;font-size:19px;color:#c8cebf;line-height:1.7;}
#kkjagim-landing .kk-content-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
#kkjagim-landing .kk-content-card {padding:34px 35px;background:#293026;min-width:0;border-radius:5px;}
#kkjagim-landing .kk-content-card.kk-deep {background:var(--kk-lime);color:var(--kk-ink);}
#kkjagim-landing .kk-content-top {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5d6756;padding-bottom:20px;margin-bottom:23px;font-size:16px;font-weight:700!important;}
#kkjagim-landing .kk-deep .kk-content-top {border-bottom-color:#91a94a;}
#kkjagim-landing .kk-content-no {font-family:Arial,sans-serif;font-size:28px;line-height:1;letter-spacing:-.03em;}
#kkjagim-landing .kk-content-card h3 {font-size:28px;line-height:1.35;margin-bottom:12px;letter-spacing:-.05em;}
#kkjagim-landing .kk-content-desc {font-size:19px;line-height:1.8;color:#e0e4d6;}
#kkjagim-landing .kk-deep .kk-content-desc {color:#364326;}
#kkjagim-landing .kk-content-list {display:flex;flex-wrap:wrap;gap:8px 19px;margin-top:25px;font-size:16px;font-weight:700!important;}
#kkjagim-landing .kk-content-list span {border-bottom:1px solid #849078;padding-bottom:2px;}
#kkjagim-landing .kk-deep .kk-content-list span {border-bottom-color:#7c913e;}
#kkjagim-landing .kk-audience {margin-top:27px;}
#kkjagim-landing .kk-audience li {padding:18px 0;border-top:1px solid var(--kk-line);display:flex;gap:14px;font-size:19px;line-height:1.55;word-break:keep-all;}
#kkjagim-landing .kk-audience li:last-child {border-bottom:1px solid var(--kk-line);}
#kkjagim-landing .kk-audience i {font-style:normal;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1.65;flex-shrink:0;}
#kkjagim-landing .kk-faq {padding-top:0;background:#fff;}
#kkjagim-landing .kk-faq-grid {display:grid;grid-template-columns:.7fr 1.65fr;gap:80px;}
#kkjagim-landing .kk-faq h2 {font-size:27px;line-height:1.4;}
#kkjagim-landing .kk-faq details {border-top:1px solid var(--kk-line);}
#kkjagim-landing .kk-faq details:last-child {border-bottom:1px solid var(--kk-line);}
#kkjagim-landing .kk-faq summary {list-style:none;position:relative;padding:22px 39px 22px 0;cursor:pointer;font-weight:700!important;font-size:19px;line-height:1.55;word-break:keep-all;}
#kkjagim-landing .kk-faq summary::-webkit-details-marker {display:none;}
#kkjagim-landing .kk-faq summary::after {content:"+";position:absolute;right:3px;top:21px;font-family:Arial,sans-serif;font-size:26px;font-weight:400;line-height:1.2;}
#kkjagim-landing .kk-faq details[open] summary::after {content:"−";}
#kkjagim-landing .kk-faq-answer {font-size:18px;color:var(--kk-muted);line-height:1.8;padding:0 30px 23px 0;}
#kkjagim-landing .kk-footer {padding:35px 0 40px;border-top:1px solid var(--kk-line);background:var(--kk-paper);}
#kkjagim-landing .kk-footer-top {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;font-size:16px;font-weight:700!important;}
#kkjagim-landing .kk-footer .kk-legal {font-size:16px;line-height:1.8;color:#596151;}
#kkjagim-landing .kk-mobile-bar {display:none;}
#kkjagim-landing .kk-skip {position:fixed;top:-80px;left:20px;background:var(--kk-ink);color:white;padding:12px 18px;z-index:100;}
#kkjagim-landing .kk-skip:focus {top:12px;}
@media (max-width:1024px) {
#kkjagim-landing .kk-wrap {width:calc(100% - 56px);}
#kkjagim-landing .kk-hero h1 {font-size:49px;}
#kkjagim-landing .kk-hero-desc {font-size:19px;}
#kkjagim-landing .kk-section-title {font-size:37px;}
#kkjagim-landing .kk-faq-grid {gap:55px;}
}
@media (max-width:880px) {
#kkjagim-landing .kk-section {padding-block:74px;}
#kkjagim-landing .kk-hero h1 {font-size:42px;}
#kkjagim-landing .kk-hero-actions {gap:11px;}
#kkjagim-landing .kk-hero-actions .kk-btn {padding-inline:17px;}
#kkjagim-landing .kk-hero-actions .kk-text-link {font-size:16px;}
#kkjagim-landing .kk-section-heading {display:block;}
#kkjagim-landing .kk-section-heading p {max-width:540px;margin-top:20px;}
#kkjagim-landing .kk-content-card {padding:28px 25px;}
#kkjagim-landing .kk-content-card h3 {font-size:26px;}
#kkjagim-landing .kk-faq {padding-top:0;}
}
@media (max-width:700px) {
#kkjagim-landing {font-size:18px;letter-spacing:-.035em;padding-bottom:90px;}
#kkjagim-landing .kk-wrap {width:calc(100% - 44px);}
#kkjagim-landing .kk-header {height:68px;}
#kkjagim-landing .kk-brand {gap:10px;}
#kkjagim-landing .kk-brand-name {font-size:25px;}
#kkjagim-landing .kk-brand-by {font-size:16px;}
#kkjagim-landing .kk-brand-mark {width:15px;height:20px;border-left-width:4px;border-right-width:4px;}
#kkjagim-landing .kk-nav {gap:0;}
#kkjagim-landing .kk-nav>a:not(.kk-nav-cta) {display:none;}
#kkjagim-landing .kk-nav .kk-nav-cta {font-size:16px;min-height:44px;padding:8px 12px;gap:9px;}
#kkjagim-landing .kk-nav-cta .kk-arrow {font-size:19px;}
#kkjagim-landing .kk-section {padding-block:62px;scroll-margin-top:86px;}
#kkjagim-landing .kk-eyebrow {margin-bottom:17px;font-size:16px;}
#kkjagim-landing .kk-hero {padding-top:43px;padding-bottom:32px;}
#kkjagim-landing .kk-hero h1 {font-size:clamp(34px,9.4vw,48px);line-height:1.3;letter-spacing:-.064em;}
#kkjagim-landing .kk-hero-desc {margin-top:23px;font-size:18px;line-height:1.75;}
#kkjagim-landing .kk-hero-actions {margin-top:24px;gap:14px;align-items:stretch;flex-direction:column;}
#kkjagim-landing .kk-hero-actions .kk-btn {min-height:58px;font-size:18px;justify-content:space-between;padding-inline:21px;}
#kkjagim-landing .kk-hero-actions .kk-text-link {align-self:flex-start;min-height:41px;font-size:17px;}
#kkjagim-landing .kk-hero-meta {margin-top:12px;font-size:16px;}
#kkjagim-landing .kk-topic-strip {margin-top:32px;padding-top:22px;gap:14px;}
#kkjagim-landing .kk-topic-item {display:block;}
#kkjagim-landing .kk-topic-index {border:0;width:auto;height:auto;display:block;line-height:1;margin-bottom:12px;font-size:16px;}
#kkjagim-landing .kk-topic-item strong {font-size:17px;line-height:1.4;display:block;}
#kkjagim-landing .kk-topic-item p {font-size:16px;line-height:1.5;margin-top:5px;}
#kkjagim-landing .kk-section-title {font-size:32px;line-height:1.35;letter-spacing:-.055em;}
#kkjagim-landing .kk-section-heading {margin-bottom:28px;}
#kkjagim-landing .kk-section-heading p {margin-top:19px;font-size:18px;}
#kkjagim-landing .kk-content-grid {grid-template-columns:1fr;gap:17px;}
#kkjagim-landing .kk-content-card {padding:26px 25px;}
#kkjagim-landing .kk-content-top {padding-bottom:17px;margin-bottom:20px;}
#kkjagim-landing .kk-content-card h3 {font-size:26px;}
#kkjagim-landing .kk-content-desc {font-size:18px;line-height:1.8;}
#kkjagim-landing .kk-content-list {margin-top:19px;font-size:16px;gap:8px 14px;}
#kkjagim-landing .kk-audience {margin-top:22px;}
#kkjagim-landing .kk-audience li {font-size:18px;padding-block:16px;}
#kkjagim-landing .kk-faq {padding-top:0;}
#kkjagim-landing .kk-faq-grid {grid-template-columns:1fr;gap:25px;}
#kkjagim-landing .kk-faq h2 {font-size:25px;}
#kkjagim-landing .kk-faq summary {font-size:18px;padding-block:20px;}
#kkjagim-landing .kk-faq-answer {padding-right:0;font-size:18px;}
#kkjagim-landing .kk-footer {padding:30px 0;}
#kkjagim-landing .kk-footer-top {align-items:flex-start;gap:18px;}
#kkjagim-landing .kk-footer .kk-legal {font-size:16px;line-height:1.8;}
#kkjagim-landing .kk-mobile-bar {position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:.9fr 1.35fr;gap:9px;padding:11px 18px calc(11px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid #cbd2bf;box-shadow:0 -3px 20px #111a1110;}
#kkjagim-landing .kk-mobile-bar .kk-btn {font-size:16px;min-height:52px;padding:13px 10px;gap:8px;}
#kkjagim-landing .kk-mobile-bar .kk-arrow {font-size:21px;}
#kkjagim-landing .kk-mobile-bar.is-hidden {display:none;}
}
@media (max-width:359px) {
#kkjagim-landing .kk-wrap {width:calc(100% - 36px);}
#kkjagim-landing .kk-brand-by {display:none;}
#kkjagim-landing .kk-hero h1 {font-size:32px;}
#kkjagim-landing .kk-section-title {font-size:31px;}
#kkjagim-landing .kk-topic-strip {gap:11px;}
#kkjagim-landing .kk-topic-item strong {font-size:16px;}
}
@media (prefers-reduced-motion:reduce) {
#kkjagim-landing *,#kkjagim-landing *::before,#kkjagim-landing *::after {scroll-behavior:auto!important;transition:none!important;animation:none!important;}
}
@media print {
#kkjagim-landing .kk-header,#kkjagim-landing .kk-mobile-bar {display:none;}
#kkjagim-landing {padding-bottom:0;}
#kkjagim-landing .kk-section {padding-block:35px;break-inside:avoid;}
#kkjagim-landing .kk-wrap {width:95%;}
}
/* Revision 02: content-led editorial layout. No selected-quote claims or unapproved features. */
#kkjagim-landing .kk-hero {padding-top:66px;padding-bottom:40px;}
#kkjagim-landing .kk-hero-editorial {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:74px;align-items:end;}
#kkjagim-landing .kk-hero h1 {font-size:54px;line-height:1.28;letter-spacing:-.062em;}
#kkjagim-landing .kk-hero-support {padding-bottom:7px;}
#kkjagim-landing .kk-hero-desc {font-size:21px;line-height:1.85;max-width:375px;margin-top:0;}
#kkjagim-landing .kk-hero-actions {margin-top:28px;gap:15px;flex-direction:column;align-items:flex-start;}
#kkjagim-landing .kk-hero-actions .kk-btn {min-width:290px;justify-content:space-between;}
#kkjagim-landing .kk-topic-strip {margin-top:49px;}
#kkjagim-landing .kk-author-line {margin-top:32px;padding-top:24px;border-top:1px solid #626b59;display:flex;align-items:center;justify-content:space-between;gap:32px;}
#kkjagim-landing .kk-author-identity {display:flex;gap:18px;align-items:center;}
#kkjagim-landing .kk-author-identity strong {font-size:28px;line-height:1.3;letter-spacing:-.05em;}
#kkjagim-landing .kk-author-identity span {font-size:16px;color:#c8cebf;}
#kkjagim-landing .kk-author-line p {font-size:17px;line-height:1.75;color:#c8cebf;text-align:right;}
#kkjagim-landing .kk-author-break {display:none;}
@media(max-width:1024px){
#kkjagim-landing .kk-hero-editorial {grid-template-columns:1.5fr 1fr;gap:36px;}
#kkjagim-landing .kk-hero h1 {font-size:48px;}
#kkjagim-landing .kk-hero-desc {font-size:19px;}
}
@media(max-width:880px){
#kkjagim-landing .kk-hero-editorial {grid-template-columns:1.4fr 1fr;gap:26px;}
#kkjagim-landing .kk-hero h1 {font-size:40px;}
#kkjagim-landing .kk-hero .kk-eyebrow {font-size:16px;}
#kkjagim-landing .kk-hero-desc {font-size:18px;line-height:1.8;}
#kkjagim-landing .kk-hero-actions .kk-btn {min-width:0;width:100%;padding-inline:17px;gap:14px;font-size:17px;}
#kkjagim-landing .kk-hero-actions {margin-top:22px;gap:8px;}
#kkjagim-landing .kk-author-break {display:block;}
}
@media(max-width:700px){
#kkjagim-landing .kk-hero {padding-top:40px;padding-bottom:30px;}
#kkjagim-landing .kk-hero-editorial {grid-template-columns:1fr;gap:22px;}
#kkjagim-landing .kk-hero h1 {font-size:clamp(34px,9.4vw,48px);line-height:1.3;}
#kkjagim-landing .kk-hero-support {padding-bottom:0;}
#kkjagim-landing .kk-hero-desc {max-width:520px;font-size:18px;line-height:1.8;}
#kkjagim-landing .kk-hero-actions {margin-top:23px;gap:11px;align-items:stretch;}
#kkjagim-landing .kk-hero-actions .kk-btn {width:100%;font-size:18px;min-height:58px;padding-inline:20px;}
#kkjagim-landing .kk-hero-actions .kk-text-link {font-size:17px;min-height:44px;}
#kkjagim-landing .kk-topic-strip {margin-top:29px;}
#kkjagim-landing .kk-author-line {display:block;margin-top:26px;padding-top:23px;}
#kkjagim-landing .kk-author-identity {gap:15px;}
#kkjagim-landing .kk-author-identity strong {font-size:25px;}
#kkjagim-landing .kk-author-line p {text-align:left;margin-top:13px;font-size:17px;}
#kkjagim-landing .kk-author-break {display:none;}
}
@media(max-width:359px){
#kkjagim-landing .kk-hero h1 {font-size:32px;}
}
/* Revision 04: report benefits, not reader tasks. No invented service features. */
#kkjagim-landing .kk-use {background:var(--kk-white);}
#kkjagim-landing .kk-use-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:40px;}
#kkjagim-landing .kk-use-lead {font-size:19px;line-height:1.8;color:var(--kk-muted);max-width:370px;padding-bottom:3px;}
#kkjagim-landing .kk-use-list {border-top:1px solid var(--kk-ink);}
#kkjagim-landing .kk-use-row {display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1.5fr);gap:30px;padding:34px 0;border-bottom:1px solid var(--kk-line);align-items:start;}
#kkjagim-landing .kk-use-number {font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:3px;background:var(--kk-lime);}
#kkjagim-landing .kk-use-stage {font-size:16px;font-weight:700!important;line-height:1.4;margin-bottom:13px;color:#586348;}
#kkjagim-landing .kk-use-title h3 {font-size:26px;line-height:1.4;letter-spacing:-.05em;}
#kkjagim-landing .kk-use-detail>p {font-size:19px;line-height:1.8;color:var(--kk-muted);}
#kkjagim-landing .kk-fit {background:var(--kk-white);}
#kkjagim-landing .kk-fit-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:74px;align-items:start;}
#kkjagim-landing .kk-fit .kk-section-title {font-size:36px;line-height:1.38;}
#kkjagim-landing .kk-fit .kk-audience {margin-top:0;}
#kkjagim-landing .kk-fit .kk-audience strong {font-weight:700!important;}
#kkjagim-landing .kk-faq {padding-top:0;}
@media(max-width:1024px) {
#kkjagim-landing .kk-use-heading {gap:30px;}
#kkjagim-landing .kk-use-lead {max-width:330px;font-size:18px;}
#kkjagim-landing .kk-use-row {grid-template-columns:44px minmax(0,1fr) minmax(0,1.35fr);gap:25px;}
#kkjagim-landing .kk-use-title h3 {font-size:26px;}
#kkjagim-landing .kk-use-detail>p {font-size:18px;}
#kkjagim-landing .kk-fit-grid {gap:42px;}
#kkjagim-landing .kk-fit .kk-section-title {font-size:34px;}
}
@media(max-width:880px) {
#kkjagim-landing .kk-use-heading {display:block;}
#kkjagim-landing .kk-use-lead {max-width:560px;margin-top:22px;}
#kkjagim-landing .kk-use-lead .kk-wide-break {display:none;}
#kkjagim-landing .kk-use-row {grid-template-columns:37px minmax(0,1fr) minmax(0,1.4fr);gap:20px;}
#kkjagim-landing .kk-use-number {width:34px;height:34px;font-size:16px;}
#kkjagim-landing .kk-use-title h3 {font-size:24px;}
#kkjagim-landing .kk-fit-grid {gap:32px;}
#kkjagim-landing .kk-fit .kk-section-title {font-size:31px;}
}
@media(max-width:700px) {
#kkjagim-landing .kk-use-heading {margin-bottom:27px;}
#kkjagim-landing .kk-use .kk-section-title {font-size:31px;line-height:1.38;}
#kkjagim-landing .kk-use-lead {font-size:18px;line-height:1.8;margin-top:20px;}
#kkjagim-landing .kk-use-row {grid-template-columns:36px minmax(0,1fr);gap:16px 15px;padding:28px 0;}
#kkjagim-landing .kk-use-number {margin-top:2px;}
#kkjagim-landing .kk-use-stage {font-size:16px;margin-bottom:10px;}
#kkjagim-landing .kk-use-title h3 {font-size:25px;line-height:1.4;}
#kkjagim-landing .kk-use-detail {grid-column:1/-1;}
#kkjagim-landing .kk-use-detail>p {font-size:18px;line-height:1.85;}
#kkjagim-landing .kk-fit-grid {grid-template-columns:1fr;gap:26px;}
#kkjagim-landing .kk-fit .kk-section-title {font-size:30px;line-height:1.38;}
#kkjagim-landing .kk-fit .kk-audience li {font-size:18px;}
#kkjagim-landing .kk-faq {padding-top:0;}
}
@media(max-width:359px) {
#kkjagim-landing .kk-use .kk-section-title {font-size:30px;}
#kkjagim-landing .kk-use-title h3 {font-size:24px;}
#kkjagim-landing .kk-fit .kk-section-title {font-size:29px;}
}
#kkjagim-landing.kk-no-mobile-bar {padding-bottom:0;}
/* Benefits copy: investment information supplied by the report. */
#kkjagim-landing .kk-use-detail > p strong {font-weight:700!important;color:var(--kk-ink);}
#kkjagim-landing .kk-use-detail > .kk-benefit-keywords {display:flex;flex-wrap:wrap;gap:7px 0;margin-top:20px;padding-top:15px;border-top:1px solid var(--kk-line);font-size:16px;line-height:1.6;font-weight:700!important;color:#4c5d34;}
#kkjagim-landing .kk-benefit-keywords span {white-space:nowrap;display:inline-flex;align-items:center;}
#kkjagim-landing .kk-benefit-keywords span:not(:last-child) {margin-right:14px;}
#kkjagim-landing .kk-benefit-keywords span:not(:last-child)::after {content:"";display:inline-block;width:3px;height:3px;background:#889876;margin-left:14px;border-radius:50%;}
#kkjagim-landing .kk-use .kk-highlight {box-decoration-break:clone;-webkit-box-decoration-break:clone;}
@media(max-width:700px) {
#kkjagim-landing .kk-use-detail > .kk-benefit-keywords {font-size:16px;margin-top:17px;padding-top:13px;}
#kkjagim-landing .kk-use .kk-section-title {font-size:31px;line-height:1.38;}
}
@media(max-width:359px) {
#kkjagim-landing .kk-use .kk-section-title {font-size:29px;}
#kkjagim-landing .kk-benefit-keywords span:not(:last-child) {margin-right:10px;}
#kkjagim-landing .kk-benefit-keywords span:not(:last-child)::after {margin-left:10px;}
}
/* Revision 07: production host-page rendering fixes.
1) FINUP page CSS may set font-family on descendants, which overrides an inherited font on the component root.
2) The desktop page has a right subscription sidebar; the old 1100px viewport breakpoint fired even though this component should keep its desktop treatment.
*/
#kkjagim-landing,
#kkjagim-landing :where(div,header,main,section,footer,nav,article,p,span,a,strong,b,em,h1,h2,h3,ul,ol,li,details,summary,button) {
font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif !important;
}
/* Keep purely symbolic / numeric UI marks on a neutral Latin face. */
#kkjagim-landing .kk-arrow,
#kkjagim-landing .kk-topic-index,
#kkjagim-landing .kk-content-no,
#kkjagim-landing .kk-audience i,
#kkjagim-landing .kk-faq summary::after,
#kkjagim-landing .kk-use-number {
font-family:Arial,sans-serif !important;
}
/* Lock the text weights that are visually important in the production host. */
#kkjagim-landing .kk-brand-name,
#kkjagim-landing :is(h1,h2,h3) {font-weight:900 !important;}
#kkjagim-landing .kk-brand-by,
#kkjagim-landing .kk-eyebrow,
#kkjagim-landing .kk-nav,
#kkjagim-landing .kk-btn,
#kkjagim-landing .kk-text-link,
#kkjagim-landing .kk-topic-item strong,
#kkjagim-landing .kk-content-top,
#kkjagim-landing .kk-content-list,
#kkjagim-landing .kk-use-stage,
#kkjagim-landing .kk-benefit-keywords,
#kkjagim-landing .kk-faq summary,
#kkjagim-landing .kk-footer-top,
#kkjagim-landing strong,
#kkjagim-landing b {font-weight:700 !important;}
#kkjagim-landing .kk-footer .kk-legal {font-weight:400 !important;}
/* Revision 08: compact typography for FINUP's desktop content column.
The host page keeps a subscription sidebar, so the landing area can be ~840–900px wide
even when the browser viewport itself is desktop-sized. Use the component width, not viewport width. */
#kkjagim-landing {container-type:inline-size;}
@container (min-width:701px) and (max-width:950px) {
#kkjagim-landing .kk-hero-editorial {align-items:start;}
#kkjagim-landing .kk-hero h1 {font-size:44px;line-height:1.28;}
#kkjagim-landing .kk-section-title {font-size:36px;line-height:1.32;}
#kkjagim-landing .kk-use .kk-section-title {font-size:36px;line-height:1.34;}
#kkjagim-landing .kk-use-title h3 {font-size:25px;line-height:1.42;}
#kkjagim-landing .kk-content-card h3 {font-size:26px;line-height:1.36;}
#kkjagim-landing .kk-fit .kk-section-title {font-size:32px;line-height:1.38;}
#kkjagim-landing .kk-faq h2 {font-size:25px;line-height:1.42;}
}
/* Production spacing for FINUP host: use explicit spacer elements instead of parent padding.
FINUP can override padding on embedded section/footer containers, while fixed-height child spacers remain stable. */
#kkjagim-landing .kk-header {height:68px !important;}
#kkjagim-landing .kk-hero {padding-top:0 !important;padding-bottom:36px !important;}
#kkjagim-landing .kk-hero-spacer {display:block !important;height:40px !important;min-height:40px !important;flex:0 0 40px !important;}
#kkjagim-landing .kk-footer {padding:0 !important;}
#kkjagim-landing .kk-footer > .kk-wrap {padding-top:0 !important;padding-bottom:0 !important;}
#kkjagim-landing .kk-footer-spacer {display:block !important;width:100% !important;line-height:0 !important;font-size:0 !important;}
#kkjagim-landing .kk-footer-spacer-top {height:30px !important;min-height:30px !important;}
#kkjagim-landing .kk-footer-spacer-bottom {height:30px !important;min-height:30px !important;}
#kkjagim-landing .kk-footer-top {margin-bottom:18px !important;padding:0 !important;}
#kkjagim-landing .kk-footer .kk-legal {margin:0 !important;padding:0 !important;}
@media (max-width:700px) {
#kkjagim-landing .kk-header {height:64px !important;}
#kkjagim-landing .kk-hero {padding-top:0 !important;padding-bottom:30px !important;}
#kkjagim-landing .kk-hero-spacer {height:32px !important;min-height:32px !important;flex-basis:32px !important;}
#kkjagim-landing .kk-footer-spacer-top {height:26px !important;min-height:26px !important;}
#kkjagim-landing .kk-footer-spacer-bottom {height:26px !important;min-height:26px !important;}
}
/* Revision 11: normalize visual top alignment in FINUP host. */
#kkjagim-landing .kk-header-inner {
align-items:center !important;
}
#kkjagim-landing .kk-brand,
#kkjagim-landing .kk-nav a {
height:48px !important;
min-height:48px !important;
display:inline-flex !important;
align-items:center !important;
}
#kkjagim-landing .kk-brand-name,
#kkjagim-landing .kk-brand-by,
#kkjagim-landing .kk-nav a {
line-height:1 !important;
}
#kkjagim-landing .kk-brand-by {padding-top:0 !important;}
#kkjagim-landing .kk-hero-editorial {align-items:start !important;}
#kkjagim-landing .kk-hero-copy,
#kkjagim-landing .kk-hero-support {
margin-top:0 !important;
padding-top:0 !important;
}
#kkjagim-landing .kk-hero-support {padding-bottom:0 !important;}
#kkjagim-landing .kk-hero .kk-eyebrow {line-height:1.6 !important;}
#kkjagim-landing .kk-hero-desc {line-height:1.6 !important;}
@media (max-width:700px){
#kkjagim-landing .kk-brand,
#kkjagim-landing .kk-nav a {height:44px !important;min-height:44px !important;}
}
/* Revision 13: restore the original header composition and block FINUP host nav rules.
Keep brand on the left and both menu items grouped on the right. */
#kkjagim-landing .kk-header-inner {
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:24px !important;
}
#kkjagim-landing .kk-brand {
flex:0 0 auto !important;
width:auto !important;
margin:0 !important;
float:none !important;
position:static !important;
}
#kkjagim-landing .kk-nav {
display:flex !important;
flex:0 0 auto !important;
width:auto !important;
max-width:none !important;
margin:0 0 0 auto !important;
padding:0 !important;
align-items:center !important;
justify-content:flex-start !important;
gap:29px !important;
float:none !important;
position:static !important;
}
#kkjagim-landing .kk-nav > a {
flex:0 0 auto !important;
width:auto !important;
margin:0 !important;
}
@media (max-width:700px) {
#kkjagim-landing .kk-nav {gap:0 !important;}
}
/* Revision 14: FINUP layout parity fix.
FINUP keeps a wide desktop viewport while this embedded landing column is much narrower.
Mirror the desktop responsive layout by component width so standalone preview and FINUP
use the same inner width and two-column geometry at the same visible landing width. */
@container (min-width:701px) and (max-width:1024px) {
#kkjagim-landing .kk-wrap {width:calc(100% - 56px) !important;}
#kkjagim-landing .kk-hero-editorial {grid-template-columns:1.5fr 1fr;gap:36px;}
#kkjagim-landing .kk-faq-grid {gap:55px;}
#kkjagim-landing .kk-use-heading {gap:30px;}
#kkjagim-landing .kk-use-lead {max-width:330px;font-size:18px;}
#kkjagim-landing .kk-use-row {grid-template-columns:44px minmax(0,1fr) minmax(0,1.35fr);gap:25px;}
#kkjagim-landing .kk-fit-grid {gap:42px;}
}
@container (min-width:701px) and (max-width:880px) {
#kkjagim-landing .kk-section {padding-block:74px;}
#kkjagim-landing .kk-hero-editorial {grid-template-columns:1.4fr 1fr;gap:26px;}
#kkjagim-landing .kk-hero-actions {margin-top:22px;gap:8px;}
#kkjagim-landing .kk-hero-actions .kk-btn {min-width:0;width:100%;padding-inline:17px;gap:14px;font-size:17px;}
#kkjagim-landing .kk-hero-actions .kk-text-link {font-size:16px;}
#kkjagim-landing .kk-section-heading {display:block;}
#kkjagim-landing .kk-section-heading p {max-width:540px;margin-top:20px;}
#kkjagim-landing .kk-content-card {padding:28px 25px;}
#kkjagim-landing .kk-use-heading {display:block;}
#kkjagim-landing .kk-use-lead {max-width:560px;margin-top:22px;}
#kkjagim-landing .kk-use-lead .kk-wide-break {display:none;}
#kkjagim-landing .kk-use-row {grid-template-columns:37px minmax(0,1fr) minmax(0,1.4fr);gap:20px;}
#kkjagim-landing .kk-use-number {width:34px;height:34px;font-size:16px;}
#kkjagim-landing .kk-fit-grid {gap:32px;}
#kkjagim-landing .kk-author-break {display:block;}
}
/* Revision 15: final FINUP host lock — header geometry + emphasis weight.
Avoid auto-margin based header positioning and prevent host em/strong rules from thinning text. */
#kkjagim-landing .kk-header-inner {
display:grid !important;
grid-template-columns:auto minmax(0,1fr) !important;
align-items:center !important;
width:calc(100% - 56px) !important;
max-width:none !important;
margin-left:auto !important;
margin-right:auto !important;
gap:32px !important;
}
#kkjagim-landing .kk-brand {
grid-column:1 !important;
justify-self:start !important;
width:auto !important;
margin:0 !important;
}
#kkjagim-landing .kk-nav {
grid-column:2 !important;
justify-self:end !important;
width:auto !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
gap:29px !important;
}
#kkjagim-landing .kk-nav > a {
width:auto !important;
margin:0 !important;
font-weight:700 !important;
}
/* Host pages often style em independently. Keep highlighted headline text at the headline weight. */
#kkjagim-landing .kk-highlight,
#kkjagim-landing h1 em,
#kkjagim-landing h2 em,
#kkjagim-landing h3 em {
font-weight:inherit !important;
font-style:normal !important;
}
#kkjagim-landing .kk-hero h1,
#kkjagim-landing .kk-hero h1 > span,
#kkjagim-landing .kk-hero h1 em {font-weight:900 !important;}
#kkjagim-landing .kk-topic-item strong,
#kkjagim-landing .kk-eyebrow,
#kkjagim-landing .kk-btn,
#kkjagim-landing .kk-text-link {font-weight:700 !important;}
@container (min-width:701px) and (max-width:950px) {
#kkjagim-landing .kk-header-inner {width:calc(100% - 56px) !important;gap:28px !important;}
#kkjagim-landing .kk-nav {gap:18px !important;}
}
@media (max-width:700px) {
#kkjagim-landing .kk-header-inner {
display:flex !important;
width:calc(100% - 44px) !important;
gap:12px !important;
}
#kkjagim-landing .kk-nav {
display:flex !important;
width:auto !important;
margin-left:auto !important;
gap:0 !important;
}
}
/* Revision 17: prevent FINUP host nav wrapping while preserving original right-group layout. */
#kkjagim-landing .kk-header-inner {
flex-wrap:nowrap !important;
}
#kkjagim-landing .kk-header-inner .kk-nav {
display:flex !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
white-space:nowrap !important;
align-items:center !important;
justify-content:flex-end !important;
}
#kkjagim-landing .kk-header-inner .kk-nav > a {
display:inline-flex !important;
flex:0 0 auto !important;
white-space:nowrap !important;
word-break:keep-all !important;
overflow-wrap:normal !important;
}
본문으로 바로가기
끄작임by. 그저
콘텐츠 소개
읽는 이유 ↗
핀업 그저 멘토의 경제·금융 리포트
뉴스는 읽었는데,그래서 뭘 봐야 할지모르겠다면.
시장 흐름부터 기업의 변화까지. 투자자가 눈여겨볼 소식과 그 이유를 그저 멘토가 함께 짚어드립니다.
끄작임에서 얻는 것 ↗
끄작임 구성 살펴보기 →
01오늘의 시장무슨 일이 있었나
02기업과 산업왜 눈여겨봤나
03그저의 해석다르게 볼 여지는
끄작임을 읽는 이유
주목할 업종과 기업,그 이유까지 담았습니다.
새로운 투자 아이디어부터 보유 종목을 이해할 배경까지. 투자에 참고할 이야기를 전합니다.
01
새로운 투자 아이디어
지금 눈여겨볼업종과 기업.
국내외 주요 이슈 속에서 그저 멘토가 주목한 업종과 기업을 짚습니다. 어떤 소식이 관심을 모으는지, 사업과 어떻게 연결되는지 함께 풀어냅니다.
주요 이슈관련 업종과 기업주목하는 이유
02
뉴스의 투자 의미
호재라는 말 뒤에,기업에 생기는 변화.
수주·투자·인수 소식을 발표 금액이나 헤드라인으로 끝내지 않습니다. 기업이 무엇을 얻으려는지, 어떤 기회와 부담이 있는지 투자자의 입장에서 해석합니다.
사업의 변화실적과의 관계기회와 부담
03
보유·관심 종목의 이해
주가만으로는알기 어려운 배경.
금리·환율부터 산업 동향과 기업별 이슈까지 함께 살펴봅니다. 보유·관심 종목을 둘러싼 환경을 이해하고, 내 판단과 비교해볼 다른 해석을 제공합니다.
시장 변수산업 동향다른 해석
콘텐츠 소개오늘 시장부터,더 알아보고 싶은 이야기까지.
시장 전체를 훑어보는 글과한 가지 주제를 깊이 읽는 글.주요 소식부터 그 배경까지 담았습니다.
오늘 무엇을 볼까?01
오늘의 끄작임
국내외 시장과 기업 뉴스에서그날 눈여겨본 이야기를 짚습니다.소식에 그저 멘토의 해석을 더합니다.
시장 흐름주요 기업그저의 생각
이 이야기는 조금 더 깊게.02
끄작임 디테일
당일 뉴스만으로 다 설명하기 어려운산업과 기업, 경제 이슈를 읽습니다.배경과 다른 해석까지 살펴봅니다.
산업의 배경이해관계다른 해석
그저핀업 멘토 · 끄작임 집필
국내외 시장에서 눈여겨본 이야기와 개인적인 해석을 나눕니다.
이런 분께 권합니다
뉴스와 내 투자 사이,그 연결이 필요하다면.
01뉴스를 읽어도 어떤 업종을 살펴볼지 막막하다면.
02보유 종목이 흔들릴 때 주가 외에 확인할 내용이 필요하다면.
03매매 전에 내 생각과 다른 해석도 비교해 보고 싶다면.
궁금한 점,먼저 확인하세요.
종목 추천이나 매수·매도 신호를 주나요?시장·기업 이슈와 그저 멘토의 해석을 제공하는 리포트입니다. 업종과 기업을 이해하는 데 참고할 내용을 담으며, 개별 종목의 매수·매도 가격이나 신호를 제공하는 리딩 상품은 아닙니다.
주식을 잘 몰라도 읽을 수 있나요?시장 소식과 기업 사례를 중심으로 그 배경을 풀어 설명합니다. 주요 뉴스가 투자와 어떻게 연결되는지 궁금한 분을 위한 글이며, 기초부터 순서대로 배우는 강의와는 구성이 다릅니다.
기사 링크만 모아놓은 리포트인가요?기사·공시·영상 등 참고 자료에 그저 멘토의 해석을 더한 리포트입니다. 소식 자체뿐 아니라 왜 눈여겨봤는지, 기업과 산업에 어떤 의미가 있는지 함께 다룹니다.
끄작임 by. 그저핀업 · 경제·금융 리포트
본 콘텐츠는 정보 제공과 참고용 의견이며, 특정 종목의 매수·매도를 권유하거나 투자 성과를 보장하지 않습니다. 투자에는 원금 손실 위험이 있으며, 최종 판단과 책임은 투자자 본인에게 있습니다. 내용은 작성 시점의 관점으로 이후 상황에 따라 달라질 수 있습니다.
콘텐츠 소개
끄작임에서 얻는 것 ↗
/* Host page integration. Checkout and legal sales terms remain in the platform UI.
Set window.KKJAGIM_CONFIG before this script to override display preferences.
The standalone HTML works without JavaScript. */
(() => {
'use strict';
const root = document.getElementById('kkjagim-landing');
if (!root || root.dataset.kkInitialized === 'true') return;
root.dataset.kkInitialized = 'true';
const config = Object.assign({showMobileBar:true, showHeader:true}, window.KKJAGIM_CONFIG || {});
const bar = root.querySelector('.kk-mobile-bar');
const header = root.querySelector('.kk-header');
if (bar && !config.showMobileBar) { bar.hidden = true; root.classList.add('kk-no-mobile-bar'); }
if (header && !config.showHeader) header.hidden = true;
root.querySelectorAll('a[href^="#kk-"]').forEach(anchor => {
anchor.addEventListener('click', event => {
if (event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
const target = document.getElementById(anchor.getAttribute('href').slice(1));
if (!target || !root.contains(target)) return;
event.preventDefault();
const reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
target.scrollIntoView({block:'start',behavior:reduced?'auto':'smooth'});
// Move focus with keyboard / pointer navigation without scrolling again.
const hadTabindex = target.hasAttribute('tabindex');
if (!hadTabindex) target.setAttribute('tabindex','-1');
target.focus({preventScroll:true});
if (!hadTabindex) target.addEventListener('blur',()=>target.removeAttribute('tabindex'),{once:true});
});
});
root.addEventListener('click',event => {
const target = event.target.closest('[data-kk-action]');
if (!target || !root.contains(target)) return;
root.dispatchEvent(new CustomEvent('kkjagim:action',{
bubbles:true,detail:{action:target.dataset.kkAction,productId:'154811',revision:'v4'}
}));
});
})();
