:root{--ink:#07192d;--deep:#020814;--teal:#08718b;--cyan:#58d6f2;--line:#d6e3e9;--soft:#f2f8fa;--muted:#637482}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#dfe4e7;font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.journal-shell{width:min(1180px,calc(100% - 40px));margin:18px auto;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 28px 72px rgba(0,0,0,.2)}.journal-header{position:absolute;z-index:5;display:flex;align-items:center;justify-content:space-between;width:min(1178px,calc(100% - 42px));height:70px;padding:0 46px;color:#fff}.journal-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900}.journal-brand img{width:32px;height:32px}.journal-header-note{color:rgba(255,255,255,.64);font-size:11px;font-weight:900;letter-spacing:.2em}.journal-home{padding:9px 17px;border:1px solid rgba(255,255,255,.36);border-radius:999px;background:rgba(2,8,20,.34);font-size:13px;font-weight:800}.journal-feature{position:relative;height:430px;overflow:hidden;color:#fff;background:var(--deep)}.journal-feature>img{width:100%;height:100%;object-fit:cover;object-position:center center}.journal-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,20,.94) 0%,rgba(2,8,20,.69) 44%,rgba(2,8,20,.12) 78%),linear-gradient(0deg,rgba(2,8,20,.68),transparent 55%)}.journal-feature-copy{position:absolute;left:64px;bottom:54px;z-index:2;width:min(760px,calc(100% - 110px))}.journal-meta{display:flex;align-items:center;gap:15px;margin-bottom:14px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.14em}.journal-meta time{padding-left:15px;border-left:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.7)}.journal-feature h1{max-width:760px;margin:0;color:#fff;font-size:clamp(38px,5.6vw,66px);line-height:1.05;letter-spacing:-.045em;word-break:keep-all}.journal-feature-copy>p{max-width:680px;margin:17px 0 0;color:rgba(255,255,255,.73);font-size:15px;font-weight:600;word-break:keep-all}.journal-article{display:grid;grid-template-columns:190px minmax(0,1fr);gap:46px;padding:52px 64px 62px;background:#fff}.article-heading{padding-top:8px}.article-heading p{margin:0 0 8px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.16em}.article-heading span{color:var(--muted);font-size:12px}.journal-body{max-width:760px;color:#344658;font-size:16px;line-height:1.9;word-break:keep-all}.journal-body p{margin:0 0 20px}.journal-body h2{margin:38px 0 14px;color:var(--ink);font-size:27px;line-height:1.3}.journal-body h3{margin:30px 0 12px;color:var(--ink);font-size:21px}.journal-body figure{margin:34px 0}.journal-body figure img{width:100%;max-height:520px;object-fit:cover;border-radius:10px;background:#e7eef1}.journal-body figcaption{margin-top:9px;color:#778895;font-size:12px;text-align:center}.journal-board{padding:50px 64px 62px;border-top:1px solid var(--line);background:var(--soft)}.board-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.board-heading p{margin:0 0 3px;color:var(--teal);font-size:11px;font-weight:900;letter-spacing:.16em}.board-heading h2{margin:0;font-size:36px;letter-spacing:-.035em}.board-heading>span{color:var(--muted);font-size:13px}.board-labels,.journal-row{display:grid;grid-template-columns:70px 150px minmax(0,1fr) 120px;align-items:center}.board-labels{height:38px;color:#71818d;font-size:10px;font-weight:900;letter-spacing:.08em}.journal-list{min-height:560px;border-top:2px solid var(--ink)}.journal-row{min-height:56px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.7);transition:.16s ease}.journal-row:hover,.journal-row.is-selected{background:#e3f3f6}.journal-row-number{padding-left:14px;color:#8797a2;font-size:12px}.journal-row-category{overflow:hidden;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.journal-row-title{display:block;overflow:hidden;padding:15px 20px 15px 0;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:800;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.journal-row-title:hover{color:var(--teal)}.journal-row time{color:#778895;font-size:12px}.journal-pagination{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin-top:22px}.journal-page-button{display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid #b9cbd3;border-radius:50%;background:#fff;color:#3d5865;font-size:12px;font-weight:800;cursor:pointer}.journal-page-button.is-current{border-color:var(--teal);background:var(--teal);color:#fff}.journal-page-button:disabled{opacity:.3;cursor:default}.journal-pagination[hidden]{display:flex;visibility:hidden}.journal-empty{padding:50px;text-align:center;color:var(--muted)}.journal-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 48px;color:#d6dee7;background:var(--deep);font-size:13px}.journal-footer div{display:flex;align-items:center;gap:18px}.journal-footer img{width:145px}@media(max-width:760px){body{background:var(--deep)}.journal-shell{width:100%;margin:0;border:0;border-radius:0}.journal-header{width:100%;padding:0 20px}.journal-header-note{display:none}.journal-feature{height:500px}.journal-feature-copy{left:24px;right:24px;bottom:45px;width:auto}.journal-feature h1{font-size:clamp(35px,10vw,52px)}.journal-article{grid-template-columns:1fr;gap:20px;padding:38px 24px 48px}.journal-board{padding:42px 18px 50px}.board-heading{align-items:flex-start;flex-direction:column}.board-labels{display:none}.journal-list{min-height:650px}.journal-row{grid-template-columns:48px minmax(0,1fr) 92px;min-height:65px}.journal-row-category{display:none}.journal-row-number{padding-left:10px}.journal-row-title{padding-right:10px;white-space:normal;line-height:1.35}.journal-footer{align-items:flex-start;flex-direction:column;padding:25px 24px}.journal-footer>span{font-size:10px}}