:root{color:#171717;--red:#df1f2d;--line:#e5e2de;background:#fff;font-family:Pretendard,Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}.header{border-bottom:1px solid var(--line);z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:center;gap:46px;height:82px;padding:0 max(32px,50% - 660px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:16px;margin-right:auto;display:flex}.brand img{width:158px;height:auto}.brand b{letter-spacing:-1.2px;white-space:nowrap;color:#171717;border-left:1px solid #cfcfcf;padding-left:16px;font-size:22px}.header nav{gap:38px;font-weight:700;display:flex}.search{border:1px solid #ddd;border-radius:22px;align-items:center;width:210px;height:40px;padding:0 12px 0 18px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.menu,.mobile-menu,.mobile-cats{display:none}.hero{background:var(--tone);isolation:isolate;grid-template-columns:minmax(520px,45%) 1fr;min-height:500px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background-image:var(--art);filter:blur(58px)saturate(.78);opacity:.3;z-index:-2;background-position:50%;background-size:cover;position:absolute;inset:-70px}.hero:after{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 94%,white) 0%,color-mix(in srgb,var(--tone) 88%,transparent) 32%,color-mix(in srgb,var(--tone) 44%,transparent) 52%,transparent 76%),linear-gradient(180deg,#ffffff14,#00000009);z-index:-1;position:absolute;inset:0}.hero-art{background-position:50%;background-size:cover;grid-area:1/2;position:relative;transform:scale(1.015);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000002e 7%,#000 31% 76%,#000000b8 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000002e 7%,#000 31% 76%,#000000b8 87%,#0000 100%)}.hero-copy{z-index:2;background:radial-gradient(circle at 34% 42%,#ffffffb8 0%,#ffffff61 36%,#0000 72%);grid-area:1/1;padding:78px 56px 42px max(40px,50vw - 660px);position:relative}.hero-copy>span,.meta span{color:var(--red);font-size:12px;font-weight:800}.hero h1{letter-spacing:-2.6px;text-shadow:0 1px 18px #ffffff7a;word-break:keep-all;max-width:680px;margin:20px 0 17px;font-size:clamp(34px,3vw,52px);line-height:1.18}.hero p{color:#4f5459;text-shadow:0 1px 12px #ffffff9e;max-width:570px;font-size:16px;line-height:1.72}.controls{align-items:center;gap:12px;display:flex;position:absolute;bottom:42px}.controls div{gap:18px;display:flex}.controls button{place-items:center;display:grid}.controls div button{color:#777;padding:0 0 8px;font-size:12px}.controls div button.active{color:var(--red);border-bottom:2px solid var(--red)}.controls i{background:#aaa;width:1px;height:16px;margin:0 7px}.section{max-width:1260px;margin:0 auto;padding:72px 20px 74px}.section-head{align-items:end;margin-bottom:30px;display:flex}.section-head>div:first-child span{letter-spacing:1.8px;color:var(--red);font-size:10px;font-weight:800}.section h2{letter-spacing:-1.4px;margin:8px 0 0;font-size:28px}.tabs{gap:28px;margin-left:auto;display:flex}.tabs button{color:#555;border-bottom:2px solid #0000;padding:5px 0 10px;font-weight:700}.tabs button.active{color:var(--red);border-color:var(--red)}.all{align-items:center;gap:5px;margin-left:22px;font-size:13px;font-weight:700;display:flex}.grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.card{border-top:1px solid #222;padding:14px 0 22px;transition:all .2s;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.card>img{aspect-ratio:16/9;object-fit:contain;background:#f4f5f7;border-radius:14px;width:100%}.meta{justify-content:space-between;margin-top:14px;font-size:11px;display:flex}.meta time{color:#888}.card h3,.video-card h3{letter-spacing:-.5px;margin:12px 0 8px;font-size:15px;line-height:1.45}.card p,.video-card p{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding-right:22px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.arr{width:16px;position:absolute;bottom:22px;right:2px}.result{color:#777;margin:-15px 0 25px}.empty{text-align:center;color:#888;padding:80px}.videos{color:#fff;background:#1b1b1b;max-width:none;padding-left:max(20px,50% - 610px);padding-right:max(20px,50% - 610px)}.video-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.video-card{text-align:left;color:#fff}.video-card>div{aspect-ratio:16/9;border-radius:12px;position:relative;overflow:hidden}.video-card img{object-fit:cover;width:100%;height:100%}.video-card i{color:#fff;background:#df1f2de8;border-radius:50%;place-items:center;width:50px;height:50px;margin:auto;display:grid;position:absolute;inset:0}.video-card p{color:#aaa;font-size:11px}.videos .all{color:#fff}footer{color:#aaa;background:#171717;padding:45px max(35px,50% - 600px);font-size:12px}footer div{color:#fff;font-size:18px}footer b{color:var(--red);margin-left:8px}footer p{font-size:12px}footer small{color:#777;margin-top:28px;display:block}.modal{z-index:20;background:#000d;place-items:center;padding:7vw;display:grid;position:fixed;inset:0}.modal iframe{aspect-ratio:16/9;border:0;width:min(1100px,100%)}.modal button{color:#fff;position:absolute;top:25px;right:30px}.mobile-cats{display:none}@media (width<=900px){.header{height:70px;padding:0 20px}.brand img{width:125px}.brand b{font-size:18px}.header nav,.search{display:none}.menu{margin-left:auto;display:block}.mobile-menu{z-index:10;background:#fff;gap:15px;padding:18px;display:grid;position:absolute;top:70px;right:15px;box-shadow:0 7px 22px #0002}.mobile-cats{border-top:1px solid #eee;border-bottom:1px solid #ddd;justify-content:space-around;align-items:center;height:48px;font-size:14px;display:flex}.mobile-cats .active{color:#0a4e98;font-weight:800}.hero{flex-direction:column;height:580px;display:flex}.hero-art{background-size:cover;width:100%;height:285px;position:relative;inset:auto}.hero-copy{padding:38px 24px}.hero h1{margin:14px 0 10px;font-size:29px}.hero p{font-size:15px}.controls{bottom:25px}.section{padding:65px 20px}.section h2{font-size:28px}.section-head{align-items:start}.tabs,.section-head>.all{display:none}.grid{grid-template-columns:1fr;gap:36px}.card{grid-template-columns:145px 1fr;column-gap:16px;display:grid}.card>img{grid-row:1/5}.card .meta{margin:2px 0 0;display:block}.card .meta time{margin-top:5px;display:block}.card h3{margin:8px 0;font-size:17px}.card p,.card .arr{display:none}.video-grid{grid-template-columns:1fr 1fr}.video-card h3{font-size:16px}.video-card p{font-size:12px}.modal{padding:18px}footer{padding:45px 24px}}@media (width<=520px){.video-grid{grid-template-columns:1fr}.brand img{width:112px}.brand b{font-size:17px}.card{grid-template-columns:125px 1fr}}