.site-header{position:relative;z-index:2;border-bottom:1px solid #ffffff22;background:#071323ef}.site-header .bar{max-width:1420px;margin:auto;display:flex;align-items:center;gap:30px;min-height:92px;padding:18px 48px}.site-header .wordmark{font-size:24px;font-weight:500;letter-spacing:7px;text-decoration:none;white-space:nowrap;position:relative}.site-header .wordmark:after{content:"";position:absolute;width:90px;height:24px;border-top:1px solid #dfbb7c;border-radius:50%;right:-18px;top:-6px;transform:rotate(8deg)}.site-header nav{display:flex;gap:27px;margin-left:auto;align-items:center}.site-header nav a{font-size:14px;white-space:nowrap;text-decoration:none;color:#dbe3ed;padding:7px 0;position:relative}.site-header nav a.active{color:#dfbb7c}.site-header nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#dfbb7c}.site-header .languages{display:flex;gap:8px;border-left:1px solid #324457;padding-left:22px;margin:0}.site-header .languages a{color:#b9c6d5;border:0;padding:3px 5px;font-size:12px;white-space:nowrap;text-decoration:none}.site-header .languages a.active{outline:1px solid #8999a8;outline-offset:2px;border-radius:3px;color:#fff}.site-footer{display:block!important;max-width:none!important;border-top:1px solid #263342;padding:28px 0!important;color:#a1adbc;font-size:12px}.site-footer .foot{max-width:1420px;padding:0 48px;margin:auto;display:flex;justify-content:space-between;gap:25px;line-height:1.7}.site-footer a{color:#a1adbc;text-decoration:none}.site-footer .foot-links{display:flex;gap:20px}.article-page .article-wrap{max-width:1400px;padding:0 5.4vw;margin:auto}.article-page .hero{min-height:590px}.article-page .hero figure img{max-height:510px;object-fit:contain}.article-page .hero .intro{max-width:490px}.article-page .hero h1{font-size:clamp(39px,4.2vw,65px);line-height:1.12}.article-page .crumb{color:#a1adbc;font-size:11px;margin-bottom:27px;display:inline-block}.article-page .article-grid{margin-top:62px}.article-page .related{border-top:1px solid #263342;margin-top:48px;padding-top:24px}.article-page .related a{display:block;color:#dfbb7c;font:24px/1.4 Georgia,serif}.article-page .related p{font-size:12px;color:#a1adbc}.article-page .bodycopy ul{padding-left:22px;color:#c6cdd6;font-size:16px;line-height:1.9}.article-page .bodycopy li{margin:12px 0}.article-page .table-wrap{overflow-x:auto}.home-page .card img{height:auto;aspect-ratio:16/9;object-fit:contain;background:#07111e}.home-page .cardfoot span{font-size:12px}.home-page .card h3{line-height:1.28}.article-page .code pre{white-space:pre;overflow:auto}.article-page .wide img{max-height:none;object-fit:contain}.article-page .hero figure figcaption{margin-top:6px}.article-page .rail a{line-height:1.6;margin:14px 0}.home-page .hero .wrap{padding-top:62px}.article-page .hero h1{overflow-wrap:break-word}.home-page .article-count{font-size:12px;color:#a7b6c6;margin:0 0 25px}.pager{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:38px 0 12px;padding:22px 0;border-top:1px solid #263342;font-size:13px}.pager a{padding:12px 18px;border:1px solid #33475c;border-radius:5px;color:#dfbb7c}.pager a:hover{background:#122337}.pager .page-position{color:#a1adbc;font-size:12px}.home-page .category-section{padding-bottom:30px}.article-page figure.wide{margin:44px -55px}.article-page .bodycopy p{font-size:16px;overflow-wrap:anywhere}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] .intro-lead,html[lang=ko] .pull{word-break:keep-all;overflow-wrap:break-word}
@media(max-width:1150px){.site-header .bar{flex-wrap:wrap;padding:18px 28px;gap:15px}.site-header .wordmark{font-size:21px}.site-header .languages{margin-left:auto}.site-header nav{order:3;margin:0;width:100%;justify-content:space-between}.article-page figure.wide{margin-left:0;margin-right:0}.site-footer .foot{padding:0 28px}}@media(max-width:760px){.site-header .bar{padding:18px 20px}.site-header .wordmark{font-size:20px;letter-spacing:5px}.site-header nav{overflow-x:auto;justify-content:initial;gap:22px;padding-bottom:3px;display:flex}.site-header nav a{font-size:12px}.site-header .languages{padding-left:10px;gap:3px}.site-header .languages a{font-size:11px}.article-page .article-wrap{padding:0 23px}.article-page .hero{min-height:auto;padding-top:32px}.article-page .hero h1{font-size:42px}.article-page .hero figure img{max-height:400px}.article-page .bodycopy p{font-size:15px}.article-page .article-grid{margin-top:40px}.site-footer .foot{display:block;padding:0 23px}.site-footer .foot-links{margin-top:15px}.article-page .related a{font-size:23px}}.earth-mark{width:210px;height:210px;margin-left:-22px;display:grid;place-items:center}.earth-mark svg{width:100%;height:100%;overflow:visible}.portrait-about{max-width:1320px;display:grid;grid-template-columns:minmax(260px,450px) minmax(0,600px);gap:clamp(40px,7vw,100px);align-items:center;padding:85px 48px 95px}.portrait-about .portrait{margin:0;position:relative;align-self:center;background:radial-gradient(ellipse at 50% 43%,#20394d55,transparent 67%)}.portrait-about .portrait img{width:100%;height:auto;display:block;border:0;mask-image:linear-gradient(#000 68%,#000c 83%,transparent 100%);-webkit-mask-image:linear-gradient(#000 68%,#000c 83%,transparent 100%)}.portrait figcaption{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:1.6px;color:#dfbb7c;padding-top:8px}.portrait figcaption span{font-size:9px;letter-spacing:1.3px;color:#9baebe}.portrait-about h1{font-size:clamp(35px,3.7vw,51px);line-height:1.22;margin:20px 0 30px;letter-spacing:-.6px}.portrait-about p{font-size:16px;line-height:1.95;margin:0 0 22px;color:#b9c6d3}.portrait-about p:first-of-type{color:#eef1f6;font-size:20px;line-height:1.6}@media(max-width:760px){.portrait-about{grid-template-columns:1fr;padding:38px 24px 55px;gap:42px}.portrait-about .portrait{max-width:370px;margin:auto}.portrait-about h1{font-size:37px}.portrait-about p{font-size:16px}}@media(max-width:700px){.earth-mark{width:155px;height:155px;margin-left:-12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important}}