:root{--ink:#151419;--paper:#f5f4f1;--accent:#e84d39;--line:#dedbd5;--night:#17151b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e9e7e2;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:18px}.site-header nav{display:flex;gap:38px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--accent)}.menu-button{display:none;border:0;background:none;font-size:22px}.hero{height:min(700px,calc(100vh - 72px));min-height:580px;position:relative;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:rgba(10,9,13,.62)}.hero-content{position:absolute;left:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-48%);max-width:680px}.eyebrow{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:2px;color:#ffb2a6}.eyebrow.dark{color:var(--accent)}h1{margin:0;font-size:clamp(54px,7vw,90px);line-height:1.08;font-weight:800}h1+p{font-size:17px;line-height:1.8;color:#dedde0;margin:24px 0 30px}.search{width:min(610px,100%);height:64px;background:#fff;display:flex;padding:7px}.search input{min-width:0;flex:1;border:0;padding:0 16px;font:500 15px "Noto Sans KR";outline:0}.search button{width:92px;border:0;background:var(--accent);color:#fff;font:700 14px "Noto Sans KR";cursor:pointer}.quick-links{display:flex;align-items:center;gap:18px;margin-top:18px;font-size:13px}.quick-links span{color:#ffb2a6;font-weight:700}.quick-links a{color:#ddd}.section{max-width:1180px;margin:auto;padding:100px 24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.section-heading h2{font-size:34px;line-height:1.3;margin:0}.section-heading>a{font-size:13px;font-weight:700;border-bottom:1px solid #999;padding-bottom:5px}.region-grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:230px 230px;gap:16px}.region{position:relative;overflow:hidden;color:#fff}.region-large{grid-row:1/3}.region img{height:100%;object-fit:cover;transition:transform .45s}.region:after{content:"";position:absolute;inset:0;background:rgba(9,8,11,.35)}.region:hover img{transform:scale(1.035)}.region span{position:absolute;z-index:1;left:26px;bottom:25px;display:flex;flex-direction:column;gap:4px}.region b{font-size:27px}.region small{font-size:13px;color:#e4e2e5}.theme-band{background:var(--night);color:#fff;padding:90px max(24px,calc((100vw - 1180px)/2))}.section-heading.light{margin-bottom:28px}.theme-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #403e44;border-bottom:1px solid #403e44}.theme-list a{min-height:190px;padding:25px 22px;border-right:1px solid #403e44;display:flex;flex-direction:column}.theme-list a:last-child{border:0}.theme-list span{color:var(--accent);font-size:12px;font-weight:800}.theme-list b{margin-top:auto;font-size:20px}.theme-list small{margin-top:7px;color:#aaa7af;line-height:1.5}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide article{background:#fff;border-top:3px solid var(--ink);padding:30px;min-height:275px}.guide article>span{font-size:11px;font-weight:800;color:var(--accent)}.guide h3{font-size:21px;line-height:1.5;margin:17px 0 13px}.guide p{font-size:14px;line-height:1.75;color:#68666c}.guide article a{display:inline-block;margin-top:18px;font-size:13px;font-weight:700}footer{background:#0e0d11;color:#fff;padding:55px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:15px 30px}.footer-brand{grid-column:1}footer p{margin:0;color:#8e8b93;font-size:13px}footer>div{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:24px;font-size:12px;color:#b5b2b8}footer small{grid-column:1/3;margin-top:20px;padding-top:20px;border-top:1px solid #29272d;color:#6f6c74}.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}@media(max-width:760px){.site-header{height:60px;padding:0 18px}.brand{font-size:17px}.brand-mark{width:32px;height:32px;font-size:16px}.site-header nav{display:none}.menu-button{display:block}.hero{height:650px;min-height:0}.hero-content{left:20px;right:20px;top:auto;bottom:46px;transform:none}.hero-content h1{font-size:49px}.hero-content h1+p{font-size:14px;margin:18px 0 24px}.search{height:56px}.quick-links{gap:13px}.section{padding:70px 18px}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px}.section-heading>a{margin-top:35px}.region-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-18px;padding-right:18px;gap:10px}.region,.region-large{flex:0 0 82%;height:330px;scroll-snap-align:start}.theme-band{padding:70px 18px}.theme-list{grid-template-columns:1fr 1fr}.theme-list a{min-height:155px;border-bottom:1px solid #403e44}.theme-list a:nth-child(2){border-right:0}.guide-grid{grid-template-columns:1fr}.guide article{min-height:0}footer{display:flex;flex-direction:column;padding:48px 20px}footer>div{order:3;flex-wrap:wrap;margin-top:16px}footer small{order:4;width:100%}}