.page-turn{color:#f3efe4;background:#171714;padding:clamp(5rem,9vw,8rem) clamp(1.25rem,8vw,9rem);display:block}.page-turn__grid{border-block:1px solid #555;grid-template-columns:1fr 1fr;display:grid}.page-turn__link{flex-direction:column;justify-content:flex-end;min-height:16rem;padding:2rem 0;text-decoration:none;transition:background-color .25s,color .25s,padding .25s;display:flex}.page-turn__link+.page-turn__link{border-left:1px solid #555;padding-left:clamp(1.5rem,4vw,4rem)}.page-turn__link span{letter-spacing:.12em;color:#aeb3ab;margin-bottom:auto;font-size:.72rem}.page-turn__link span b{color:#9dae9b;font-size:1rem}.page-turn__link strong{font:600 clamp(2rem,4vw,4rem)/1.2 Noto Serif KR,serif}.page-turn__link small{color:#aaa;margin-top:.65rem}.page-turn__link:hover,.page-turn__link:focus-visible{color:#c4d3c5}.page-turn__previous:hover,.page-turn__previous:focus-visible{padding-left:1rem}.page-turn__next{text-align:right}.page-turn__next:hover,.page-turn__next:focus-visible{padding-right:1rem}.page-turn__progress{background:#444;height:2px;margin-top:3rem;position:relative}.page-turn__progress i{background:#9dae9b;height:100%;transition:width .6s;display:block}.page-turn__progress span{color:#888;letter-spacing:.12em;font-size:.68rem;position:absolute;top:1rem;right:0}@media (max-width:640px){.page-turn__grid{grid-template-columns:1fr}.page-turn__link{min-height:12rem}.page-turn__link+.page-turn__link{border-top:1px solid #555;border-left:0;padding-left:0}.page-turn__next{text-align:left}.page-turn__next:hover,.page-turn__next:focus-visible{padding-left:1rem;padding-right:0}}@media (prefers-reduced-motion:reduce){.page-turn__link,.page-turn__progress i{transition:none}}