@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
.hl-kr28n{--b:var(--wp--preset--font-size--body);--ink:#2f3540;--soft:#6b7480;--sky:#e6f0f8;--sky2:#8fb9d8;--gold:#e5bd4f;--gold2:#f6ebc6;--leaf:#c99a22;--serif:'Nanum Myeongjo','AppleMyungjo','Batang',serif}
.hl-kr28n p{font-size:var(--b);line-height:2.05;margin:0 0 1.5em;color:var(--ink);word-break:keep-all}
.hl-kr28n .lead{position:relative;margin:0 0 2.2em;padding:40px 36px 34px 36px;border-radius:18px;background:linear-gradient(180deg,var(--sky) 0,#f6f9fc 100%)}
.hl-kr28n .lead .pw{display:block;width:34px;height:34px;margin:0 0 18px;border:2px solid var(--sky2);border-radius:50%;border-top-color:transparent;position:relative}
.hl-kr28n .lead .pw:after{content:"";position:absolute;left:50%;top:-8px;width:2px;height:18px;margin-left:-1px;background:var(--sky2)}
.hl-kr28n .open{margin:0;font-family:var(--serif);font-weight:700;font-size:calc(var(--b) * 1.22);line-height:1.95;text-wrap:pretty}
.hl-kr28n .mk{background:linear-gradient(transparent 62%,rgba(229,189,79,.38) 62%)}
.hl-kr28n .ways .way{display:inline-block;padding:0 .55em;margin:0 .1em;border-radius:999px;background:var(--gold2);color:#7a5a12;font-weight:700;line-height:1.7}
.hl-kr28n .intro-q{margin-top:2.6em;margin-bottom:.6em;color:var(--soft);text-align:center}
.hl-kr28n .scan{position:relative;margin:0 0 2.8em;padding:34px 36px 34px 84px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(47,53,64,.07);border:1px solid #e8edf2}
.hl-kr28n .scan .line{position:absolute;left:40px;top:26px;bottom:26px;width:2px;background:linear-gradient(180deg,var(--sky2),var(--gold));display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.hl-kr28n .scan .line i{display:block;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--sky2)}
.hl-kr28n .scan .line i:nth-child(n+3){border-color:var(--gold)}
.hl-kr28n .scan .q{margin:0;font-family:var(--serif);font-weight:800;font-size:calc(var(--b) * 1.32);line-height:1.8;text-wrap:balance}
.hl-kr28n .shine{margin-top:2.4em}
.hl-kr28n a.tl{color:#8a6410;text-decoration:none;font-weight:700;border-bottom:1px solid var(--gold);background:radial-gradient(ellipse at center,rgba(246,235,198,.95) 0,rgba(246,235,198,0) 75%)}
.hl-kr28n .water{background:linear-gradient(transparent 62%,rgba(143,185,216,.32) 62%)}
.hl-kr28n .with{font-family:var(--serif);font-weight:800;color:#2c5a7a}
.hl-kr28n .turn{margin:2.6em -36px 2.6em;padding:40px 36px 18px;background:linear-gradient(180deg,var(--sky) 0,#f7f3e3 55%,var(--gold2) 100%);border-radius:0}
.hl-kr28n .key{margin:2.4em 0 1.2em;font-family:var(--serif);font-weight:800;font-size:calc(var(--b) * 1.4);line-height:1.75;text-align:center;color:#2f3540;text-wrap:balance}
.hl-kr28n .key:before{content:"";display:block;width:22px;height:22px;margin:0 auto 18px;border-radius:2px 22px 2px 22px;background:var(--gold);transform:rotate(-45deg)}
.hl-kr28n .exit{text-align:center;color:#5d6670;padding:0 0 1.4em;border-bottom:1px solid #ece4c9}
.hl-kr28n .sign{margin:2.6em 0 0;text-align:right;font-family:var(--serif);line-height:1.9}
.hl-kr28n .sign span{display:block}
.hl-kr28n .sign .peace{font-weight:700;color:var(--leaf);letter-spacing:.2em}
.hl-kr28n .sign .nm{color:var(--soft)}
@media(max-width:700px){.hl-kr28n .lead{padding:30px 20px 24px}.hl-kr28n .open{font-size:calc(var(--b) * 1.1)}.hl-kr28n .scan{padding:26px 18px 26px 54px}.hl-kr28n .scan .line{left:24px}.hl-kr28n .scan .q{font-size:calc(var(--b) * 1.14)}.hl-kr28n .turn{margin:2.2em -20px;padding:30px 20px 12px}.hl-kr28n .key{font-size:calc(var(--b) * 1.2)}}