
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
.hl-kr21{--b:var(--wp--preset--font-size--body);--ink:#2c3138;--soft:#66707a;--night:#14181d;--dusk:#2e3640;--dawn:#f6ece0;--amber:#e9b872;--sky:#d9ebf6;--sky2:#9cc8e4;--serif:'Nanum Myeongjo','AppleMyungjo','Batang',serif}
.hl-kr21 p{font-size:var(--b);line-height:2.05;margin:0 0 1.5em;color:var(--ink);word-break:keep-all}
.hl-kr21 .tunnel{position:relative;overflow:hidden;margin:0 0 0;padding:150px 44px 56px;border-radius:999px 999px 0 0;background:radial-gradient(ellipse 30% 22% at 50% 18%,rgba(255,236,196,.55) 0,rgba(255,236,196,.08) 60%,transparent 100%),linear-gradient(180deg,#0e1115 0,var(--night) 55%,var(--dusk) 100%)}
.hl-kr21 .tunnel .exit{position:absolute;left:50%;top:42px;width:64px;height:78px;margin-left:-32px;border-radius:32px 32px 4px 4px;background:linear-gradient(180deg,#fff8e6,#f4d9a2);box-shadow:0 0 40px 14px rgba(255,226,160,.45)}
.hl-kr21 .tunnel .open{font-family:var(--serif);font-size:calc(var(--b) * 1.12);line-height:2.15;color:#e9ecef;margin:0;text-align:center;text-wrap:pretty}
.hl-kr21 .stage{position:relative;padding:8px 44px 40px}
.hl-kr21 .st1{background:#f3f2ef}
.hl-kr21 .st2{background:linear-gradient(180deg,#f3f2ef 0,var(--dawn) 22%,#fbf3e7 100%)}
.hl-kr21 .st3{overflow:hidden;background:linear-gradient(180deg,#fbf3e7 0,var(--sky) 16%,#eef6fb 70%,#ffffff 100%);border-radius:0 0 28px 28px;padding-bottom:64px}
.hl-kr21 h3.sec{display:flex;align-items:center;gap:20px;margin:0;padding:64px 0 36px;border:0;font-family:var(--serif);font-weight:800;font-size:calc(var(--b) * 1.32) !important;line-height:1.55;letter-spacing:.02em;color:var(--ink) !important;text-wrap:balance}
.hl-kr21 h3.sec .no{flex:none;display:flex;align-items:center;justify-content:center;width:68px;height:80px;border-radius:34px 34px 6px 6px;font-size:calc(var(--b) * 1.5);font-weight:800;letter-spacing:0}
.hl-kr21 .st1{padding-top:0}
.hl-kr21 .hd1{margin:0 -44px;padding:8px 44px 40px;background:linear-gradient(180deg,var(--dusk) 0,var(--dusk) 66%,#8d949b 84%,#f3f2ef 100%)}
.hl-kr21 h3.s1{color:#fff !important}
.hl-kr21 h3.s1 .tt{color:#fff}
.hl-kr21 h3.s1 .no{background:#1b2026;color:#f4d9a2;box-shadow:inset 0 -18px 24px rgba(244,217,162,.28)}
.hl-kr21 h3.s2 .no{background:linear-gradient(180deg,#3b4450,#c58f4a);color:#fff3dc}
.hl-kr21 h3.s3 .no{background:linear-gradient(180deg,#8fbfe0,#ffffff);color:#2c5a7a;box-shadow:0 0 30px 6px rgba(156,200,228,.55)}
.hl-kr21 .ask{position:relative;margin:28px auto 48px;max-width:30em;padding:58px 32px 34px;border-radius:999px 999px 10px 10px;font-family:var(--serif);font-weight:700;font-size:calc(var(--b) * 1.32);line-height:1.8;text-align:center;color:#fff;background:radial-gradient(ellipse 60% 45% at 50% 100%,rgba(244,217,162,.45),transparent 70%),#2a3038;text-wrap:balance}
.hl-kr21 .mk{background:linear-gradient(transparent 62%,rgba(233,184,114,.45) 62%)}
.hl-kr21 .acts{padding:22px 26px;background:#fff;border-left:3px solid var(--amber);box-shadow:0 6px 18px rgba(20,24,29,.06)}
.hl-kr21 .act{display:inline;font-weight:700;color:#8a5a1c;border-bottom:1px dashed var(--amber)}
.hl-kr21 .sn{display:inline-block;padding:0 .7em;border-radius:999px;font-family:var(--serif);font-weight:700;line-height:1.75}
.hl-kr21 .sn.sp{background:#f7dce2;color:#9b4458}.hl-kr21 .sn.su{background:#d8eccf;color:#3f6b2e}.hl-kr21 .sn.au{background:#f6dcb6;color:#8a5317}.hl-kr21 .sn.wi{background:#dbe7f2;color:#365a7c}
.hl-kr21 .breath{font-family:var(--serif);font-weight:800;color:#2c5a7a;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 75%);padding:0 .35em}
.hl-kr21 .cries{margin:40px 0 44px;display:flex;flex-direction:column;gap:14px}
.hl-kr21 .cry{margin:0;padding:14px 26px;max-width:80%;border-radius:22px;background:#fff;font-family:var(--serif);font-weight:700;font-size:calc(var(--b) * 1.15);line-height:1.7;color:#4b5560;box-shadow:0 4px 14px rgba(44,90,122,.10)}
.hl-kr21 .cry.c0{align-self:flex-start;border-bottom-left-radius:4px}
.hl-kr21 .cry.c1{align-self:center;border-radius:22px}
.hl-kr21 .cry.c2{align-self:flex-end;border-bottom-right-radius:4px}
.hl-kr21 .sun{position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,.9) 0,rgba(255,244,214,0) 70%);pointer-events:none}
.hl-kr21 .reset{position:relative;margin:56px 0 0;padding:38px 10px 0;font-family:var(--serif);font-weight:800;font-size:calc(var(--b) * 1.5);line-height:1.75;text-align:center;color:#24506e;text-wrap:balance}
.hl-kr21 .reset:before{content:"";display:block;width:90px;height:45px;margin:0 auto 26px;border-radius:90px 90px 0 0;border:2px solid var(--sky2);border-bottom:0}
.hl-kr21 h3.s1 .tt{text-shadow:0 1px 8px rgba(0,0,0,.35)}
@media(max-width:700px){.hl-kr21 .hd1{margin:0 -20px;padding:4px 20px 32px}.hl-kr21 .tunnel{padding:124px 20px 44px;border-radius:200px 200px 0 0}.hl-kr21 .stage{padding:4px 20px 32px}.hl-kr21 .st3{padding-bottom:48px}.hl-kr21 h3.sec{gap:14px;padding:52px 0 28px;font-size:calc(var(--b) * 1.15) !important}.hl-kr21 h3.sec .no{width:52px;height:62px;border-radius:26px 26px 5px 5px;font-size:calc(var(--b) * 1.2)}.hl-kr21 .ask{padding:44px 18px 26px;font-size:calc(var(--b) * 1.12)}.hl-kr21 .acts{padding:18px 16px}.hl-kr21 .cry{max-width:92%;padding:12px 18px}.hl-kr21 .reset{font-size:calc(var(--b) * 1.22)}.hl-kr21 .stage.st1{padding-top:0}}
