@font-face{font-family:"LTCT Noto Sans KR";src:url('/fonts/ltct-noto-sans-kr-450-e719ef95d88a.woff') format('woff');font-weight:100 900;font-display:swap}
:root{--ink:#263128;--muted:#657069;--green:#667f5d;--green2:#edf3e9;--blue:#527f91;--blue2:#edf4f6;--sand:#f4efe3;--rose:#b87569;--rose2:#f8ece9;--line:#d7dfd3;--paper:#fff;--shadow:0 12px 34px rgba(45,63,49,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:#fff!important;color:var(--ink);font-family:"LTCT Noto Sans KR","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;word-break:keep-all}.ltct-shell-header{position:relative;z-index:20;border-bottom:1px solid #d9e0dc;background:rgba(255,255,255,.98)}.ltct-shell-main{max-width:1240px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:24px}.ltct-shell-brand{display:flex;min-width:230px;align-items:center;gap:10px;color:#17352b;text-decoration:none}.ltct-shell-brand img{width:44px;height:44px;object-fit:contain}.ltct-shell-brand span{display:grid;gap:1px}.ltct-shell-brand strong{font-size:16px;line-height:1.25}.ltct-shell-brand small{color:#68766f;font-size:11px}.ltct-shell-nav{display:flex;min-width:0;flex:1;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.ltct-shell-nav a{padding:9px 10px;border-radius:9px;color:#2e3c36;text-decoration:none;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}.ltct-shell-nav a[aria-current="page"]{color:#2f684f;background:#edf4ee;box-shadow:inset 0 -2px #648a70}.ltct-shell-nav a:hover,.ltct-shell-nav a:focus-visible{background:#f1f5f2;outline:none}.ltct-series-bar{border-bottom:1px solid #e2e7e3;background:#f8faf8}.ltct-series-bar>div{max-width:1120px;margin:auto;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.ltct-series-bar strong{font-size:14px;color:#385343}.ltct-series-bar nav{display:flex;gap:15px;flex-wrap:wrap}.ltct-series-bar a{color:#596b61;text-decoration:none;font-size:13px;font-weight:700}.ltct-series-bar a:hover,.ltct-series-bar a:focus-visible{text-decoration:underline;text-underline-offset:4px}
figure:not(.hero-art) figcaption{font-size:17px!important;line-height:1.75!important}.article-wrap{max-width:1100px;margin:auto;padding:62px 28px 96px}.article-hero{padding:10px 0 64px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:50px;align-items:center}.eyebrow{color:var(--green);font-size:15px;font-weight:800;letter-spacing:.05em}.article-hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(40px,5.7vw,64px);font-weight:520;line-height:1.16;letter-spacing:-.052em;margin:17px 0 22px}.article-hero h1 span{color:var(--green)}.dek{font-size:21px;line-height:1.75;color:#4c5b51}.meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:14px}.hero-art{margin:0;padding:18px;border:1px solid var(--line);border-radius:23px;background:#fbfcfa;overflow:hidden}.hero-art svg{display:block;width:100%;height:auto;max-height:390px}.hero-art figcaption{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.6}.lead{max-width:790px;margin:58px auto 10px;font-family:Georgia,"Noto Serif KR",serif;font-size:25px;line-height:1.86;color:#34483a}.article-body{max-width:790px;margin:auto}.lesson{padding:58px 0;border-bottom:1px solid #e5eae3}.lesson-no{font-size:14px;color:var(--green);font-weight:800;letter-spacing:.07em}.lesson h2{font-family:Georgia,"Noto Serif KR",serif;font-size:31px;line-height:1.42;font-weight:540;letter-spacing:-.035em;margin:11px 0 19px}.essay{font-size:20px!important;line-height:1.9!important;color:#34423a;margin:0}.essay+p{margin-top:18px}.essay strong{color:#214c36}.thought{margin:30px 0 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);min-width:0}.figure-name{display:block;font-size:18px;font-weight:800;color:#39533d;margin-bottom:17px}.thought figcaption{font-size:17px!important;line-height:1.75!important;color:var(--muted);margin-top:17px}.diagram-note{margin-top:12px;padding:10px 12px;border-left:3px solid var(--green);background:#f7faf6;font-size:16px;line-height:1.7;color:#526158}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--green2);font-size:13px;color:#3a5942;font-weight:750}.legend{display:flex;gap:8px 14px;flex-wrap:wrap;margin-bottom:14px;font-size:14px;color:var(--muted)}.legend i{display:inline-block;width:13px;height:13px;border-radius:3px;margin-right:5px;vertical-align:-1px;border:1px solid #9bab9c}.legend .lg-state{background:var(--green2)}.legend .lg-event{background:var(--blue2)}.legend .lg-stop{background:var(--rose2)}
.flowline{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;padding:18px 0}.node{border:1px solid #90a58c;border-radius:10px;background:#fff;padding:12px 14px;text-align:center;min-width:105px;line-height:1.45}.node.state{background:var(--green2)}.node.blue{background:var(--blue2);border-color:#96b1bb}.node.sand{background:var(--sand);border-color:#c8b58e}.node.rose{background:var(--rose2);border-color:#d1a39a}.node small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.arr{color:var(--green);font-size:21px}.arrow-label{display:grid;justify-items:center;color:#486853;font-size:12px}.arrow-label b{font-size:20px;line-height:1}.state-map{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 96px;padding:22px 8px}.state-map .node{position:relative;z-index:2}.state-map:before,.state-map:after{content:"";position:absolute;left:25%;right:25%;border-top:2px solid var(--green)}.state-map:before{top:37%}.state-map:after{bottom:37%}.transition-table,.compare-table{width:100%;border-collapse:collapse;font-size:16px}.transition-table th,.transition-table td,.compare-table th,.compare-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.transition-table th,.compare-table th{background:#f4f7f3;color:#39533d}.transition-table td:nth-child(3){font-weight:750;color:#365a3d}
.swim{border:1px solid var(--line);border-radius:12px;overflow:hidden}.lane{display:grid;grid-template-columns:118px 1fr;border-top:1px solid var(--line);min-height:92px}.lane:first-child{border-top:0}.lane>strong{display:grid;place-items:center;background:#f1f5ef;border-right:1px solid var(--line);padding:10px;text-align:center}.lane-track{display:flex;align-items:center;gap:10px;padding:14px;overflow-x:auto}.task{min-width:118px;border:1px solid #8fa58a;border-radius:8px;padding:10px;text-align:center;background:#fff;font-size:14px}.handoff{color:var(--green);font-size:20px}.owner-test{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.owner-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;text-align:center}.owner-card b{display:block;color:#39533d}.owner-card span{font-size:13px;color:var(--muted)}
.sequence{display:grid;grid-template-columns:repeat(var(--actors,3),1fr);position:relative;padding:0 5px}.actor{text-align:center;font-weight:800;border:1px solid var(--line);border-radius:8px;padding:9px 4px;background:var(--green2)}.life{height:245px;border-left:1px dashed #8fa090;margin:auto;width:1px}.message{position:absolute;height:0;border-top:2px solid var(--blue);left:var(--left);right:var(--right);top:var(--top)}.message:after{content:"";position:absolute;right:-1px;top:-5px;border-left:7px solid var(--blue);border-top:4px solid transparent;border-bottom:4px solid transparent}.message.reverse:after{right:auto;left:-1px;transform:rotate(180deg)}.message span{position:absolute;left:50%;transform:translate(-50%,-125%);white-space:nowrap;background:#fff;padding:1px 5px;font-size:12px;color:#3e6170}.timeline{display:grid;grid-template-columns:85px 1fr}.time-label{padding:11px 8px;border-right:1px solid var(--line);font-weight:800;color:#486853}.time-event{padding:11px 14px;border-bottom:1px solid var(--line)}
.activity{display:grid;justify-items:center;gap:12px}.act{min-width:210px;border:1px solid #8fa58a;border-radius:9px;padding:11px 15px;text-align:center;background:#fff}.diamond{width:112px;height:112px;display:grid;place-items:center;transform:rotate(45deg);border:1px solid #b09d73;background:var(--sand);margin:22px}.diamond span{transform:rotate(-45deg);text-align:center;font-size:14px}.bar-split{width:78%;height:7px;background:#425548;border-radius:3px}.parallel{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.parallel .act{min-width:0;background:var(--blue2)}.down-arrow{font-size:21px;color:var(--green);line-height:1}.branch{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.branch>div{display:grid;justify-items:center;gap:8px}.branch small{color:var(--muted)}
.prompt{background:#24332b;color:#f5f8f4;border-radius:13px;padding:20px;white-space:pre-wrap;font:16px/1.75 "LTCT Noto Sans KR",sans-serif;word-break:break-word}.copy-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.copy-row button,.lab button{font:inherit;border:1px solid #91a68d;border-radius:8px;background:#fff;padding:9px 13px;cursor:pointer}.copy-row button:focus-visible,.lab button:focus-visible,.lab select:focus-visible,.lab input:focus-visible{outline:3px solid #a6c79c;outline-offset:2px}.prepared{border:1px dashed #9cae9a;border-radius:11px;background:#f8faf7;padding:15px;margin-top:12px;font-size:16px;line-height:1.7}.wrong-right{display:grid;grid-template-columns:1fr 1fr;gap:13px}.wrong,.right{border:1px solid #d2a79f;border-radius:11px;background:var(--rose2);padding:15px}.right{border-color:#9bb095;background:var(--green2)}.wrong b,.right b{display:block;margin-bottom:9px}.checklist{display:grid;gap:8px}.check{display:grid;grid-template-columns:25px 1fr;gap:10px;align-items:start}.check i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green2);color:#466b4d;font-style:normal;font-weight:900}.lab{background:#f7faf6;border:1px solid var(--line);border-radius:14px;padding:19px}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lab label{display:grid;gap:6px;font-size:14px;font-weight:700}.lab select,.lab input{width:100%;font:inherit;border:1px solid #aab6aa;border-radius:8px;background:#fff;padding:10px}.lab-output{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:14px;min-height:84px;line-height:1.7}.answer{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;font-size:16px;color:#526158}.sources{max-width:790px;margin:auto;padding:65px 0 25px}.sources h2{font-family:Georgia,"Noto Serif KR",serif;font-size:33px;font-weight:520}.sources li{margin:14px 0;font-size:16px;line-height:1.7;color:#465249}.series-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px}.series-nav a{display:block;border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;background:#fff;font-size:16px}.series-nav small{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.page-footer{text-align:center;border-top:1px solid var(--line);padding:35px 20px 46px;color:var(--muted);font-size:14px}.page-footer a{display:inline-block;margin:8px 7px 0}.cite{font-size:13px;color:#55785d;margin-left:3px}
.index-wrap{max-width:1040px;margin:auto;padding:62px 26px 100px}.index-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:48px;align-items:center;padding-bottom:55px;border-bottom:1px solid var(--line)}.index-hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(42px,6.2vw,68px);font-weight:520;letter-spacing:-.055em;line-height:1.14;margin:14px 0 23px}.index-lead{font-size:20px;line-height:1.82;max-width:690px;color:#4c5a50}.progress{display:flex;gap:12px;align-items:center;margin-top:27px}.progress-bar{height:7px;background:#e4eae1;border-radius:8px;flex:1;max-width:340px;overflow:hidden}.progress-bar span{display:block;height:100%;background:var(--green)}.parts{margin-top:58px}.part{margin-top:50px}.part h2{font-family:Georgia,"Noto Serif KR",serif;font-weight:520;font-size:31px;margin:0 0 12px}.part>p{color:var(--muted);font-size:17px}.episode-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.episode{display:block;border:1px solid var(--line);border-radius:13px;padding:19px;background:#fff;text-decoration:none;min-height:137px}.episode.live:hover{border-color:#8ca482;transform:translateY(-1px)}.episode small{color:var(--green);font-weight:800}.episode strong{display:block;margin-top:8px;font-size:18px;line-height:1.48}.episode span{display:block;color:var(--muted);font-size:14px;margin-top:7px;line-height:1.55}.episode.soon{background:#f7f9f7;color:#59635c}.episode.soon small::after{content:" · 연재 예정"}
@media(max-width:820px){html{scroll-padding-top:88px}.ltct-shell-main{align-items:flex-start;gap:12px;padding:10px 18px;flex-wrap:wrap}.ltct-shell-brand{min-width:0;flex:1}.ltct-shell-brand img{width:40px;height:40px}.ltct-shell-brand strong{font-size:15px}.ltct-shell-nav{justify-content:flex-start;flex-basis:100%;order:2;width:100%;padding-top:3px;border-top:1px solid #edf0ee}.ltct-shell-nav a{padding:7px 8px;font-size:13px}.ltct-series-bar>div{align-items:flex-start;padding:8px 18px;flex-direction:column;gap:6px}.ltct-series-bar nav{gap:12px}.article-wrap{padding:44px 20px 74px}.hero-grid,.index-hero{grid-template-columns:1fr;gap:28px}.article-hero h1{font-size:42px}.hero-art{max-width:620px;width:100%;margin:auto}.lead{font-size:23px;margin-top:45px}.lesson{padding:48px 0}.lesson h2{font-size:28px}.series-nav{grid-template-columns:1fr}.index-wrap{padding:46px 18px 76px}.episode-list{grid-template-columns:1fr}.episode{min-height:0}}
@media(max-width:560px){.ltct-shell-main{padding:9px 14px}.ltct-shell-brand small{display:none}.ltct-shell-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.ltct-shell-nav a{white-space:normal;text-align:center;line-height:1.35}.ltct-series-bar>div{padding:8px 14px}.article-wrap{padding-left:16px;padding-right:16px}.article-hero h1{font-size:35px}.dek{font-size:18px}.lead{font-size:21px}.thought{padding:17px;margin-top:24px}.state-map{grid-template-columns:1fr;gap:18px}.state-map:before,.state-map:after{display:none}.lane{grid-template-columns:82px 1fr}.lane-track{padding:10px;flex-wrap:wrap}.task{min-width:0;flex:1 1 120px}.wrong-right,.owner-test,.lab-grid,.parallel,.branch{grid-template-columns:1fr}.sequence{font-size:12px}.message span{font-size:10px;max-width:105px;white-space:normal;text-align:center}.transition-table,.compare-table{font-size:14px}.transition-table th,.transition-table td,.compare-table th,.compare-table td{padding:10px 7px}.flowline{gap:7px}.node{min-width:95px}.index-hero h1{font-size:39px}}