@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#293236;--muted:#65706f;--yellow:#ffe270;--blue:#2f5fc5;--line:#e5e8e3;--paper:#fff;--font:'Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:19px}.brand-mark{display:grid;place-items:center;background:var(--yellow);width:43px;height:43px;border-radius:50%;font-size:30px;line-height:1;padding-bottom:5px;letter-spacing:-3px;padding-right:3px}.brand-sub{display:block;font-size:10px;letter-spacing:2px;font-weight:500;line-height:1.2}.header nav{display:flex;gap:36px;font-size:14px;font-weight:500}.header nav a:hover{color:var(--blue)}.hero{min-height:650px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding-block:74px 88px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 23px}.short-line{width:30px;height:2px;background:var(--blue)}h1{font-size:clamp(34px,4.3vw,55px);font-weight:800;letter-spacing:-2.8px;line-height:1.4;margin:0 0 28px;position:relative;z-index:1}.highlight{background:linear-gradient(transparent 65%,var(--yellow) 65%,var(--yellow) 92%,transparent 92%)}.intro{color:var(--muted);line-height:1.95;margin:0 0 28px;font-size:17px}.intro strong{font-weight:600;color:var(--ink)}.primary-link{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:14px 25px;border-radius:7px;font-weight:600;font-size:15px;transition:background .2s}.primary-link:hover{background:var(--blue)}.hero-tags{display:flex;gap:17px;margin-top:30px;color:#727b7b;font-size:13px}.hero-tags span+span:before{content:'·';margin-right:17px}.portrait-area{position:relative;min-height:440px;display:grid;place-items:center}.portrait-backdrop{position:absolute;width:355px;height:375px;right:0;top:23px;background:#fff1ac;border-radius:110px 14px 14px 14px;transform:rotate(7deg)}.portrait{position:relative;z-index:1;transform:rotate(-3deg);background:white;padding:12px 12px 0;box-shadow:0 14px 38px #273c3b12;margin:0;width:280px;border:1px solid #f0f0e8}.portrait img{width:100%;height:340px;object-fit:cover;object-position:center top}.portrait figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 5px}.portrait figcaption strong{font-size:18px}.portrait figcaption span{font-size:11px;color:var(--muted)}.portrait-label{position:absolute;z-index:2;right:0;top:2px;background:#2f5fc5;color:white;font-size:12px;letter-spacing:1.5px;padding:10px 16px;transform:rotate(5deg)}.portrait-note{position:absolute;right:-4px;bottom:-5px;text-align:right;font-size:14px;line-height:1.7;color:#69706a}.journey{padding-bottom:94px}.section-kicker{display:flex;align-items:baseline;gap:28px;padding-bottom:24px;border-bottom:2px solid var(--ink)}.section-kicker>span{font-size:12px;letter-spacing:1.6px;font-weight:600;color:var(--muted)}.section-kicker h2{font-size:22px;letter-spacing:-.8px;margin:0}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-top:29px}.credential+.credential{padding-left:55px;border-left:1px solid var(--line)}.credential-label{font-size:12px;letter-spacing:1.8px;color:var(--blue);font-weight:700;margin:0 0 17px}.credential-label span{color:var(--muted);margin-left:12px;letter-spacing:0}.credential h3{font-size:25px;letter-spacing:-1px;margin:0 0 3px}.credential-detail{margin:0;font-size:15px;color:var(--muted)}.credential-date{margin:14px 0 20px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.current{display:inline-block;background:#edf3fe;color:#3058a5;padding:2px 9px;margin-left:9px;border-radius:4px;font-size:12px}.grade{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.grade>span{font-size:14px;color:var(--muted)}.grade strong{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-1px}.grade small{font-size:16px;color:#818a85;font-weight:400}.work{background:#f7f9f6;padding:80px 0 70px;border-top:1px solid var(--line)}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:43px}.work h2{font-size:43px;line-height:1.45;letter-spacing:-2px;margin:0}.work h2 span{color:var(--blue)}.work .eyebrow{color:var(--muted);margin-bottom:18px;font-size:12px}.work-intro{max-width:410px}.work-intro>p{font-size:16px;line-height:1.85;margin:0 0 15px;color:var(--muted)}.work-intro .work-meta{font-size:12px;letter-spacing:.3px;margin-bottom:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:46px}.project-image{border:0;border-radius:9px;display:block;width:100%;position:relative;padding:36px 29px 44px;overflow:hidden;transition:background .2s}.blue{background:#e5eef5}.pink{background:#fae8e8}.yellow{background:#f8efcf}.mint{background:#e6eee5}.project-image img{width:100%;height:auto;aspect-ratio:1.414;object-fit:contain;box-shadow:0 7px 20px #2b383314;transition:transform .25s}.project-image:hover img{transform:translateY(-4px) rotate(-.7deg)}.sheet-index{position:absolute;top:8px;left:13px;font-size:11px;font-weight:600;color:#5e6a69}.view-label{position:absolute;bottom:11px;right:17px;font-size:12px;color:#4d5856;display:flex;gap:18px;align-items:center}.view-label>span{font-size:20px;line-height:1}.project-meta{display:flex;justify-content:space-between;margin:18px 0 8px;font-size:12px;color:var(--muted)}.project-meta>span{color:var(--blue);font-weight:600}.project h3{font-size:24px;letter-spacing:-.8px;line-height:1.5;margin:0 0 9px}.project>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;max-width:95%}.record-note{margin-top:73px;border-top:1px solid #dce2dc;padding-top:42px}.record-note h3{font-size:25px;letter-spacing:-.8px;margin:0 0 33px}.record-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.record-steps>div{position:relative;padding-left:38px}.record-steps span{position:absolute;left:0;top:0;font-size:12px;color:var(--blue);font-weight:600}.record-steps h4{font-size:17px;margin:0 0 10px}.record-steps p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.footer{padding-block:34px;display:flex;gap:20px;justify-content:space-between;align-items:center}.footer .brand{font-size:16px}.footer .brand-mark{width:34px;height:34px;font-size:24px}.footer p{font-size:14px;color:var(--muted)}.footer>span{font-size:11px;letter-spacing:1px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:10px 20px;z-index:10}.skip-link:focus{top:10px}dialog{padding:0;border:0;border-radius:12px;width:min(1250px,94vw);max-height:94dvh;color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#16201ec9;backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 25px;background:white;position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line)}.dialog-bar p{font-size:12px;color:var(--muted);margin:0}.dialog-bar h2{font-size:21px;margin:2px 0 0;line-height:1.5;letter-spacing:-.5px}.close-button{background:#f0f3ef;border:0;white-space:nowrap;border-radius:5px;padding:8px 14px;font-size:14px}.close-button span{font-size:20px;padding-left:8px}.dialog-body{padding:22px;background:#f2f4f0;overflow:auto;max-height:70dvh}.dialog-body img{width:100%;height:auto;margin:auto}.dialog-body.zoomed img{width:1800px;max-width:none}.dialog-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:18px 0 0}.dialog-actions{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:10px}.dialog-actions button{border:1px solid #d9dfd8;background:white;padding:8px 15px;border-radius:5px;font-size:14px}.dialog-actions button:hover{background:#fff1ac}.dialog-actions button:disabled{opacity:.35;cursor:default}
@media(min-width:1440px){.hero{min-height:700px}.portrait-area{transform:scale(1.05)}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1.2fr 1fr;gap:25px}h1{font-size:40px;letter-spacing:-2px}.portrait-backdrop{width:280px;height:340px}.portrait{width:245px}.portrait img{height:315px}.portrait-label{right:-5px}.credentials{gap:35px}.credential+.credential{padding-left:35px}.work h2{font-size:38px}.work-intro>p{font-size:15px}.project-image{padding:30px 20px 40px}.project h3{font-size:22px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:83px}.brand{font-size:17px;gap:8px}.brand-mark{width:37px;height:37px}.header nav{gap:16px;font-size:12px}.brand-sub{font-size:8px;letter-spacing:1.5px}.hero{grid-template-columns:1fr;padding:43px 0 58px;gap:40px}.hero-copy{max-width:520px}h1{font-size:clamp(32px,7.8vw,46px);letter-spacing:-1.8px;line-height:1.45}.eyebrow{font-size:12px;margin-bottom:19px}.intro{font-size:16px}.hero-tags{font-size:12px;gap:10px;margin-top:23px}.hero-tags span+span:before{margin-right:10px}.portrait-area{width:min(360px,100%);min-height:390px;justify-self:center}.portrait-backdrop{width:285px;height:320px;right:0;top:23px}.portrait{width:244px;margin-left:-25px}.portrait img{height:310px}.portrait-label{right:0;top:6px;font-size:10px}.portrait-note{right:0;bottom:-4px;font-size:12px}.portrait figcaption span{font-size:10px}.journey{padding-bottom:55px}.section-kicker{display:block;padding-bottom:17px}.section-kicker>span{font-size:11px}.section-kicker h2{font-size:21px;margin-top:9px}.credentials{grid-template-columns:1fr;gap:29px;padding-top:25px}.credential+.credential{padding:27px 0 0;border-left:0;border-top:1px solid var(--line)}.credential h3{font-size:23px}.credential-label{margin-bottom:12px}.credential-detail{font-size:14px}.grade strong{font-size:26px}.work{padding:51px 0}.work-heading{display:block;margin-bottom:27px}.work h2{font-size:34px;letter-spacing:-1.6px}.work-intro{margin-top:21px}.work-intro>p{font-size:15px}.work-intro .work-meta{margin-top:17px}.project-grid{grid-template-columns:1fr;row-gap:32px}.project-image{padding:29px 20px 39px}.project-meta{margin-top:14px}.project h3{font-size:22px}.project>p{font-size:14px;max-width:100%}.record-note{margin-top:44px;padding-top:29px}.record-note h3{font-size:23px;margin-bottom:27px}.record-steps{grid-template-columns:1fr;gap:24px}.record-steps h4{margin-bottom:5px}.record-steps p br{display:none}.footer{display:grid;grid-template-columns:1fr auto;gap:14px;padding-block:26px}.footer p{grid-row:2;grid-column:1/-1;font-size:12px;margin:0}.footer>span{font-size:9px;letter-spacing:.5px}.dialog-bar{padding:13px 15px;gap:10px}.dialog-bar h2{font-size:17px}.dialog-bar p{font-size:11px}.close-button{font-size:12px;padding:5px 10px}.dialog-body{padding:10px}.dialog-body p{font-size:13px}.dialog-actions{padding:12px;gap:6px}.dialog-actions button{font-size:12px;padding:8px 10px}.dialog-body.zoomed img{width:1400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.archive{margin-top:40px;border-top:1px solid #dce2dc;border-bottom:1px solid #dce2dc}.archive summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:21px 2px;font-weight:600;font-size:17px}.archive summary::-webkit-details-marker{display:none}.archive summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.archive small{font-size:12px;margin-left:10px;color:var(--muted);font-weight:400;letter-spacing:1px}.details-symbol{font-size:24px;font-weight:400}.archive[open] .details-symbol{transform:rotate(45deg)}.archive-months{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0 0 25px}.archive h4{font-size:25px;margin:0 0 13px;font-weight:500}.archive h4 span{font-size:12px;margin-left:7px;color:var(--muted)}.archive-links{display:grid;gap:4px}.archive-links a{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:8px 10px;border-radius:4px}.archive-links a>span:not(.sr-only){font-size:10px;color:var(--muted)}.archive-links a:hover{background:#e8eee5}.monthly{padding-block:80px}.monthly h2{font-size:43px;line-height:1.45;letter-spacing:-2px;margin:0}.monthly h2 span{color:var(--blue)}.monthly .eyebrow{font-size:12px;color:var(--muted)}.project-feature{padding:75px 0;background:#fff8d9;border-block:1px solid #f2eac4}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature-copy h2{font-size:38px;line-height:1.5;letter-spacing:-1.8px;margin:0 0 20px}.feature-copy h2 span{color:var(--blue)}.feature-copy .eyebrow{font-size:12px}.feature-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.95}.feature-copy .feature-subtitle{font-weight:600;color:var(--ink)!important;font-size:17px!important}.feature-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.feature-tags span{padding:4px 10px;border:1px solid #e2d9b4;border-radius:4px;font-size:12px;color:#68694f}.feature-copy .feature-caption{font-size:12px!important;margin-top:15px}.feature-art{position:relative;display:block;padding:13px;background:white;box-shadow:0 10px 35px #675d2412;transform:rotate(2deg);transition:transform .25s}.feature-art:hover{transform:rotate(0)}.feature-crop{aspect-ratio:1.15;overflow:hidden;background:#fff}.feature-crop img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 77%}.feature-stamp{position:absolute;top:-17px;left:22px;background:var(--blue);color:white;font-size:10px;letter-spacing:1.5px;padding:8px 15px;transform:rotate(-4deg);z-index:1}.feature-art-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;padding:15px 5px 3px}.feature-art-caption>span{font-size:12px;color:var(--muted)}
@media(max-width:1000px){.header nav{gap:22px}.feature-grid{gap:40px}.feature-copy h2{font-size:31px}.feature-art-caption{font-size:12px}.feature-art-caption>span{font-size:11px}.monthly h2{font-size:38px}}
@media(max-width:700px){.header{height:auto;min-height:90px;flex-wrap:wrap;padding-block:14px;gap:17px}.header nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.brand-sub{font-size:9px}.archive-months{grid-template-columns:1fr 1fr;gap:20px}.archive summary{font-size:15px}.archive small{font-size:11px}.archive-links a{font-size:13px;padding-inline:4px}.monthly{padding-block:52px}.monthly h2{font-size:34px}.project-feature{padding:48px 0}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-copy h2{font-size:30px}.feature-copy>p:not(.eyebrow){font-size:15px}.feature-art{width:calc(100% - 8px);margin-inline:auto}.feature-art-caption{font-size:12px}.feature-crop{aspect-ratio:1.1}}
.portrait-area{grid-template-rows:auto auto;align-content:center;row-gap:24px}.portrait-note{position:static;justify-self:center;text-align:center;font-size:14px;line-height:1.8;margin:0;z-index:1}.portrait-note br{display:none}.portrait-label{top:-12px}.qualifications{margin-top:35px;padding:26px 30px;background:#f5f8fd;border:1px solid #e5ebf5;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:25px}.qualifications .credential-label{margin-bottom:5px}.qualifications h3{font-size:25px;letter-spacing:-1px;margin:0}.qualifications ul{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:35px}.qualifications li{display:flex;align-items:center;gap:10px;font-size:16px}.qualifications li strong{font-weight:500;color:var(--blue);margin-left:3px}.qualification-check{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e2ebfd;color:var(--blue);font-size:13px}.journal-nav{display:flex;align-items:center;gap:28px;border-bottom:1px solid #dde3dc;padding-bottom:20px;margin-bottom:38px;font-size:14px}.journal-nav>span{font-weight:700;margin-right:auto}.journal-nav>a{color:var(--muted)}.journal-nav>a:hover{color:var(--blue)}
@media(max-width:1000px){.qualifications{padding:24px}.qualifications ul{gap:22px}.qualifications li{font-size:14px}}
@media(max-width:700px){.header{height:83px;min-height:83px;flex-wrap:nowrap;padding-block:0;gap:12px}.header nav{width:auto;gap:16px;font-size:12px}.hero{padding-top:38px}.portrait-area{row-gap:21px;min-height:0}.portrait-note{font-size:12px}.portrait-label{top:-10px}.qualifications{display:block;margin-top:27px;padding:23px}.qualifications ul{display:grid;gap:15px;margin-top:21px}.qualifications h3{font-size:23px}.qualifications li{font-size:15px}.journal-nav{gap:17px;font-size:12px;flex-wrap:wrap}.journal-nav>span{font-size:14px}.journal-nav a{white-space:nowrap}}
.qualification-cert{flex:none;display:block;width:62px;padding:3px;background:#fff;border:1px solid #e5ebf5;border-radius:3px;box-shadow:0 4px 12px #2f5fc514;transition:transform .25s}.qualification-cert:hover{transform:translateY(-4px) rotate(-.7deg)}.qualification-cert img{width:100%;height:auto}@media(max-width:700px){.qualification-cert{width:56px;margin-top:18px}}@media(min-width:701px){.qualifications ul{margin-left:auto}}@media(max-width:700px){.header nav{gap:9px;font-size:11px}.header nav a{white-space:nowrap}}@media(max-width:380px){.header nav{gap:7px;font-size:10.5px}.header .brand{gap:7px}}
.header nav a.nav-special{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 13px 6px 11px;margin:-6px 0;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:700;box-shadow:0 0 0 0 #ffe27099;animation:navGlow 2.4s ease-out infinite;transition:transform .2s,background .2s}
.header nav a.nav-special:hover{color:var(--ink);background:#ffd84a;transform:translateY(-2px)}
.nav-dot{width:7px;height:7px;border-radius:50%;background:#e8604c;flex:none;animation:navDot 1.2s ease-in-out infinite}
.nav-arrow{font-size:.9em;transition:transform .2s}
.header nav a.nav-special:hover .nav-arrow{transform:translate(2px,-2px)}
@keyframes navGlow{0%{box-shadow:0 0 0 0 #ffd84acc}70%{box-shadow:0 0 0 10px #ffd84a00}100%{box-shadow:0 0 0 0 #ffd84a00}}
@keyframes navDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
@media(max-width:700px){.header nav a.nav-special{padding:4px 8px;gap:4px;margin:-4px 0}.nav-dot{width:5px;height:5px}.nav-arrow{display:none}}@media(max-width:430px){.header .brand>span:not(.brand-mark){display:none}}
@media(prefers-reduced-motion:reduce){.header nav a.nav-special,.nav-dot{animation:none}}